15 changed files with 1149 additions and 646 deletions
@ -0,0 +1,202 @@ |
|||||
|
<template> |
||||
|
<view class="pages"> |
||||
|
|
||||
|
<view style="flex: 1;"></view> |
||||
|
<text class="btn-break" @click="btnClick('break')" v-show="showBreak">撤回</text> |
||||
|
<text class="btn-stop" @click="btnClick('stop')" v-show="showOther">终止</text> |
||||
|
<text class="btn-agree" @click="btnClick('agree')" v-show="showOther">同意</text> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "ProcessButtons", |
||||
|
props: { |
||||
|
|
||||
|
showBreak: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
showOther: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
linkByParameter: Object, |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
linkByParameter(newVal) { |
||||
|
console.log('xxx', newVal); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
btnClick(type) { |
||||
|
var _that = this |
||||
|
console.log('1111>>>>>>', _that.linkByParameter) |
||||
|
switch (type) { |
||||
|
case "break": |
||||
|
|
||||
|
wx.showModal({ |
||||
|
title: '请填写审批意见', |
||||
|
editable: true, |
||||
|
confirmText: "提交", |
||||
|
content: '', |
||||
|
success(res) { |
||||
|
if (res.confirm) { |
||||
|
console.log('用户点击确定', res) |
||||
|
|
||||
|
if (res.content) { |
||||
|
|
||||
|
_that.linkByParameter.comment = res.content |
||||
|
} else { |
||||
|
wx.showToast({ |
||||
|
title: '请填写审批意见', |
||||
|
icon: 'error', |
||||
|
duration: 3000 |
||||
|
}) |
||||
|
return |
||||
|
} |
||||
|
console.log('1111>>>>>>', _that.linkByParameter) |
||||
|
_that.$api.revokeProcess(_that.linkByParameter).then((resp) => { |
||||
|
console.log('1111>>>>>>', resp) |
||||
|
|
||||
|
_that.$emit("call-father"); |
||||
|
|
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
|
||||
|
}) |
||||
|
|
||||
|
} else if (res.cancel) { |
||||
|
console.log('用户点击取消', res) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
break; |
||||
|
case "stop": |
||||
|
|
||||
|
wx.showModal({ |
||||
|
title: '请填写审批意见', |
||||
|
editable: true, |
||||
|
confirmText: "提交", |
||||
|
content: '', |
||||
|
success(res) { |
||||
|
if (res.confirm) { |
||||
|
console.log('用户点击确定', res) |
||||
|
|
||||
|
if (res.content) { |
||||
|
|
||||
|
_that.linkByParameter.comment = res.content |
||||
|
} else { |
||||
|
wx.showToast({ |
||||
|
title: '请填写审批意见', |
||||
|
icon: 'error', |
||||
|
duration: 3000 |
||||
|
}) |
||||
|
return |
||||
|
} |
||||
|
console.log('1111>>>>>>', _that.linkByParameter) |
||||
|
_that.$api.breakProcess(_that.linkByParameter).then((resp) => { |
||||
|
console.log('1111>>>>>>', resp) |
||||
|
_that.$emit("call-father"); |
||||
|
|
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
}) |
||||
|
|
||||
|
} else if (res.cancel) { |
||||
|
console.log('用户点击取消', res) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
break; |
||||
|
|
||||
|
case "agree": |
||||
|
|
||||
|
wx.showModal({ |
||||
|
title: '请填写审批意见', |
||||
|
editable: true, |
||||
|
confirmText: "提交", |
||||
|
content: '', |
||||
|
success(res) { |
||||
|
if (res.confirm) { |
||||
|
console.log('用户点击确定', res) |
||||
|
|
||||
|
_that.linkByParameter.comment = res.content == '' ? "同意" : res.content |
||||
|
console.log('1111>>>>>>', _that.linkByParameter) |
||||
|
_that.$api.completeProcess(_that.linkByParameter).then((resp) => { |
||||
|
console.log('1111>>>>>>', resp) |
||||
|
|
||||
|
_that.$emit("call-father"); |
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
}) |
||||
|
|
||||
|
} else if (res.cancel) { |
||||
|
console.log('用户点击取消', res) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
break; |
||||
|
default: |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.pages { |
||||
|
width: 90%; |
||||
|
background: #fff; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: end; |
||||
|
padding: 10px 20px; |
||||
|
|
||||
|
.btn-break { |
||||
|
margin-right: 10px; |
||||
|
background: #fff; |
||||
|
border-radius: 15px; |
||||
|
border: 1px solid #999; |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
padding: 5px 20px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
.btn-stop { |
||||
|
margin-right: 10px; |
||||
|
background: #fff; |
||||
|
border-radius: 15px; |
||||
|
border: 1px solid #999; |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
padding: 5px 20px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
.btn-agree { |
||||
|
background: #0A59F7; |
||||
|
border-radius: 15px; |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
padding: 5px 20px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,371 @@ |
|||||
|
<template> |
||||
|
<view class="pages"> |
||||
|
<view class="top"> |
||||
|
<text class="title">审批流程</text> |
||||
|
<text class="state" v-if="isFinish!=''">- 已办结</text> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view v-for="(item,index) in dataList" class="newslist"> |
||||
|
|
||||
|
<view class="item"> |
||||
|
|
||||
|
<view class="item-top"> |
||||
|
|
||||
|
<text class="item-top-taskName">{{item.taskName}}</text> |
||||
|
<text class="item-top-taskstate" v-if="item.comment.type ==''">审批中</text> |
||||
|
</view> |
||||
|
|
||||
|
<view class="item-bom"> |
||||
|
|
||||
|
<view class="item-bom-view1" |
||||
|
:class="{'item-bom-view2':item.comment.type =='','item-bom-view3':item.comment.type =='0'}"> |
||||
|
</view> |
||||
|
|
||||
|
<view class="item-bom-one" v-if="item.taskUserInfos.length==1"> |
||||
|
|
||||
|
<view class="item-bom-one-lay"> |
||||
|
<view class="item-bom-one-lay-img"> |
||||
|
|
||||
|
<image class="item-bom-one-lay-img-header" |
||||
|
src='https://supervise.yxtsoft.com/img/user/userImage.png'></image> |
||||
|
|
||||
|
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='0'" |
||||
|
src='/static/baseIcon/fqw.png'></image> |
||||
|
|
||||
|
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='1'" |
||||
|
src='/static/baseIcon/ty.png'></image> |
||||
|
|
||||
|
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='6'" |
||||
|
src='/static/baseIcon/jj.png'></image> |
||||
|
|
||||
|
<image class="item-bom-one-lay-img-state" v-if="item.comment.type==''" |
||||
|
src='/static/baseIcon/spz.png'></image> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<view class="item-bom-one-lay-right"> |
||||
|
|
||||
|
<view class="item-bom-one-lay-right-top"> |
||||
|
<text |
||||
|
class="item-bom-one-lay-right-top-name">{{item.taskUserInfos[0].assigneeName}}</text> |
||||
|
<text class="item-bom-one-lay-right-top-time" |
||||
|
v-show="item.finishTime!=null">{{item.finishTime}}</text> |
||||
|
</view> |
||||
|
|
||||
|
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='0'">发起申请</text> |
||||
|
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='1'">已同意</text> |
||||
|
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='6'">已拒绝</text> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<view class="item-bom-one-opinion" v-if="item.comment.comment!=''"> |
||||
|
|
||||
|
<text>审批意见:</text> |
||||
|
<text>{{item.comment.comment}}</text> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<scroll-view class="item-bom-list" scroll-x="true" @scroll="scroll" |
||||
|
v-if="item.taskUserInfos.length>1"> |
||||
|
|
||||
|
<view style="display: flex;flex-direction: row; margin-right: 20px;"> |
||||
|
|
||||
|
<view v-for="(info,pos) in item.taskUserInfos" class="item-bom-list-newslist"> |
||||
|
|
||||
|
<view class="item-bom-list-newslist-item"> |
||||
|
|
||||
|
<view class="item-bom-list-newslist-item-img"> |
||||
|
|
||||
|
<image class="item-bom-list-newslist-item-img-header" |
||||
|
src='https://supervise.yxtsoft.com/img/user/userImage.png'></image> |
||||
|
|
||||
|
<image class="item-bom-list-newslist-item-img-state" |
||||
|
src='../../static/baseIcon/spz.png'></image> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<text class="item-bom-list-newslist-item-name">{{info.assigneeName}}</text> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "ProcessRecords", |
||||
|
props: { |
||||
|
dataList: { |
||||
|
type: Array, |
||||
|
default: function() { |
||||
|
return [] |
||||
|
} |
||||
|
}, |
||||
|
procInsId: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
deployId: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
isFinish:{ |
||||
|
type: String, |
||||
|
default: "" |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
scrollTop: 0, |
||||
|
old: { |
||||
|
scrollTop: 0 |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
scroll: function(e) { |
||||
|
console.log(e) |
||||
|
this.old.scrollTop = e.detail.scrollTop |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.pages { |
||||
|
margin-bottom: 150px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.top{ |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
width: 100%; |
||||
|
background: #fff; |
||||
|
align-items: center; |
||||
|
padding-top: 15px; |
||||
|
.title { |
||||
|
|
||||
|
margin-left: -5px; |
||||
|
font-size: 18px; |
||||
|
font-weight: 600; |
||||
|
font-family: sans-serif; |
||||
|
color: #000; |
||||
|
} |
||||
|
.state{ |
||||
|
|
||||
|
margin-left: 5px; |
||||
|
font-size: 15px; |
||||
|
font-weight: 600; |
||||
|
font-family: sans-serif; |
||||
|
color: #848484; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
.newslist { |
||||
|
background: #fff; |
||||
|
padding-bottom: 10px; |
||||
|
padding-left: 20px; |
||||
|
padding-right: 20px; |
||||
|
width: 100%; |
||||
|
padding-top: 10px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.item { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.item-top { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
|
||||
|
.item-top-taskName { |
||||
|
font-size: 16px; |
||||
|
font-weight: 600; |
||||
|
font-family: sans-serif; |
||||
|
color: #000; |
||||
|
} |
||||
|
|
||||
|
.item-top-taskstate { |
||||
|
margin-left: 10px; |
||||
|
font-size: 15px; |
||||
|
color: #848484; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item-bom { |
||||
|
margin-left: 5px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
margin-top: 10px; |
||||
|
margin-right: 20px; |
||||
|
|
||||
|
.item-bom-view1 { |
||||
|
width: 2px; |
||||
|
height: 100%; |
||||
|
margin-right: 5px; |
||||
|
background: #1684FC; |
||||
|
} |
||||
|
|
||||
|
.item-bom-view2 { |
||||
|
margin-right: 5px; |
||||
|
width: 2px; |
||||
|
height: 100%; |
||||
|
background: #ccc; |
||||
|
} |
||||
|
|
||||
|
.item-bom-view3 { |
||||
|
margin-right: 5px; |
||||
|
width: 2px; |
||||
|
height: 100%; |
||||
|
background: none |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.item-bom-one { |
||||
|
width: 100%; |
||||
|
margin: 10px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin-right: 30px; |
||||
|
|
||||
|
.item-bom-one-lay { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
|
||||
|
.item-bom-one-lay-img { |
||||
|
width: 50px; |
||||
|
height: 50px; |
||||
|
|
||||
|
.item-bom-one-lay-img-header { |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.item-bom-one-lay-img-state { |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
z-index: 1000; |
||||
|
position: relative; |
||||
|
top: -15px; |
||||
|
right: -28px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.item-bom-one-lay-right { |
||||
|
flex: 1; |
||||
|
margin-left: 5px; |
||||
|
margin-top: -10px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.item-bom-one-lay-right-top { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
|
||||
|
.item-bom-one-lay-right-top-name { |
||||
|
flex: 1; |
||||
|
font-size: 14px; |
||||
|
color: #232323; |
||||
|
} |
||||
|
|
||||
|
.item-bom-one-lay-right-top-time { |
||||
|
font-size: 12px; |
||||
|
color: #999999; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item-bom-one-lay-right-top-state { |
||||
|
margin-top: 5px; |
||||
|
font-size: 12px; |
||||
|
color: #666666; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item-bom-one-opinion { |
||||
|
font-size: 13px; |
||||
|
color: #666666; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
.item-bom-list { |
||||
|
width: 90%; |
||||
|
|
||||
|
.item-bom-list-newslist { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
|
||||
|
.item-bom-list-newslist-item { |
||||
|
display: flex; |
||||
|
margin: 10px; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
|
||||
|
.item-bom-list-newslist-item-img { |
||||
|
width: 50px; |
||||
|
height: 50px; |
||||
|
|
||||
|
.item-bom-list-newslist-item-img-header { |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
border-radius: 10px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.item-bom-list-newslist-item-img-state { |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
z-index: 1000; |
||||
|
position: relative; |
||||
|
top: -15px; |
||||
|
right: -28px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item-bom-list-newslist-item-name { |
||||
|
text-align: center; |
||||
|
margin-left: -8px; |
||||
|
font-size: 14px; |
||||
|
color: #232323; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,337 @@ |
|||||
|
<template> |
||||
|
<view class="pages"> |
||||
|
|
||||
|
<view class="top"> |
||||
|
|
||||
|
<text class="top-text1">{{info.applicant_name}}提交的印鉴使用申请</text> |
||||
|
<text class="top-text2">{{info.ent_name}}</text> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<view class="con"> |
||||
|
|
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">项目名称</text> |
||||
|
<text class="con-item-data">{{info.project_name}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">申请人</text> |
||||
|
<text class="con-item-data">{{info.applicant_name}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">使用人</text> |
||||
|
<text class="con-item-data">{{info.user_name}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">用印事由</text> |
||||
|
<text class="con-item-data">{{info.use_reason}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">使用日期</text> |
||||
|
<text class="con-item-data">{{info.use_date}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">用印文件名称</text> |
||||
|
<text class="con-item-data">{{info.use_file_name}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">加盖何种公章</text> |
||||
|
<text class="con-item-data">{{seal_type}}</text> |
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">用印文件(附件)</text> |
||||
|
|
||||
|
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120"> |
||||
|
<view style="display: flex;flex-direction: row;"> |
||||
|
<view v-for="(item,index) in info.file_paths" class="newslist" @click="itemClick(item)"> |
||||
|
|
||||
|
|
||||
|
<image class="newslist-item" :src="item"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
<view class="con-item"> |
||||
|
<text class="con-item-title">备注</text> |
||||
|
<text class="con-item-data">{{info.remarks}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<ProcessRecords class="Process" :deployId='params.deployId' :procInsId='params.procInsId' :dataList='dataList' :isFinish="isFinish"> |
||||
|
</ProcessRecords> |
||||
|
|
||||
|
|
||||
|
<ProcessButtons v-show="showBtn" class="ProcessButtons" :showBreak='showBreak' :showOther="showOther" :linkByParameter="linkByParameter" |
||||
|
@call-father="fatherMethodHandle"> |
||||
|
</ProcessButtons> |
||||
|
|
||||
|
<view style="display: flex;flex-direction: column; height: 50px; margin-top: 150px;width: 100%;"></view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
scrollTop: 0, |
||||
|
old: { |
||||
|
scrollTop: 0 |
||||
|
}, |
||||
|
sid: "", |
||||
|
type: "", |
||||
|
showBtn: false, |
||||
|
showBreak: false, |
||||
|
showOther: true, |
||||
|
isFinish:"", |
||||
|
previousPersonSid:"", |
||||
|
linkByParameter:{ |
||||
|
businessSid:"", |
||||
|
instanceId:"", |
||||
|
taskId:"", |
||||
|
taskDefKey:"", |
||||
|
orgsidPath:"", |
||||
|
comment:"", |
||||
|
userSid:"", |
||||
|
}, |
||||
|
params: { |
||||
|
procInsId: "", |
||||
|
deployId: "" |
||||
|
}, |
||||
|
info: {}, |
||||
|
seal_type: "", |
||||
|
dataList: [] |
||||
|
} |
||||
|
}, |
||||
|
onLoad(option) { |
||||
|
this.sid = option.sid |
||||
|
this.type = option.type |
||||
|
this.previousPersonSid = option.previousPersonSid |
||||
|
this.isFinish = option.isFinish |
||||
|
|
||||
|
console.log('this.isFinish>>>>>>', option.isFinish) |
||||
|
var userSid = getApp().globalData.sid |
||||
|
|
||||
|
if (this.type == '1') { |
||||
|
|
||||
|
this.showBtn = true |
||||
|
this.showBreak = false |
||||
|
|
||||
|
} else { |
||||
|
this.showOther = false |
||||
|
|
||||
|
if(this.isFinish){ |
||||
|
this.showBtn = false |
||||
|
}else{ |
||||
|
if (this.previousPersonSid != userSid) { |
||||
|
this.showBtn = false |
||||
|
this.showBreak = false |
||||
|
|
||||
|
} else { |
||||
|
this.showBtn = true |
||||
|
this.showBreak = true |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
this.getData(this.sid) |
||||
|
|
||||
|
this.linkByParameter={ |
||||
|
|
||||
|
businessSid:option.sid, |
||||
|
instanceId:option.procInsId, |
||||
|
taskId: option.taskId, |
||||
|
taskDefKey:option.taskDefKey, |
||||
|
orgsidPath:getApp().globalData.orgSidPath, |
||||
|
comment:"", |
||||
|
userSid:getApp().globalData.sid, |
||||
|
} |
||||
|
|
||||
|
|
||||
|
this.params = { |
||||
|
procInsId: option.procInsId, |
||||
|
deployId: option.deployId |
||||
|
} |
||||
|
|
||||
|
console.log('this.params>>>>>>', this.params) |
||||
|
|
||||
|
this.$api.flowRecordList(this.params).then((resp) => { |
||||
|
|
||||
|
console.log('getData>>>>>>', resp.flowList) |
||||
|
|
||||
|
this.dataList = resp.flowList |
||||
|
|
||||
|
|
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
scroll: function(e) { |
||||
|
console.log(e) |
||||
|
this.old.scrollTop = e.detail.scrollTop |
||||
|
}, |
||||
|
itemClick(imgUrl) { |
||||
|
wx.previewImage({ |
||||
|
current: '', |
||||
|
urls: [imgUrl] |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
getData(sid) { |
||||
|
console.log('sid', sid) |
||||
|
var _this = this |
||||
|
this.$api.sealApplyDetail(sid).then((resp) => { |
||||
|
console.log('1111>>>>>>', resp) |
||||
|
|
||||
|
_this.info = resp |
||||
|
|
||||
|
for (var i = 0; i < _this.info.seal_type.length; i++) { |
||||
|
var data = _this.info.seal_type[i] |
||||
|
_this.seal_type += data + "," |
||||
|
} |
||||
|
|
||||
|
console.log('seal_type>>>>>>', _this.seal_type.substring(0, _this.seal_type.length - 1)) |
||||
|
|
||||
|
_this.seal_type = _this.seal_type.substring(0, _this.seal_type.length - 1) |
||||
|
|
||||
|
// _this.info.file_paths = [ |
||||
|
// 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg', |
||||
|
// 'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg', |
||||
|
// 'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg', |
||||
|
// 'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg', |
||||
|
// 'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg', |
||||
|
// 'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg' |
||||
|
// ] |
||||
|
|
||||
|
|
||||
|
|
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
fatherMethodHandle(){ |
||||
|
this.showBtn = false |
||||
|
this.$api.flowRecordList(this.params).then((resp) => { |
||||
|
|
||||
|
console.log('getData>>>>>>', resp.flowList) |
||||
|
|
||||
|
this.dataList = resp.flowList |
||||
|
|
||||
|
|
||||
|
}).catch(e => { |
||||
|
console.log('eeeee', e) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.pages { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.top { |
||||
|
margin-top: 10px; |
||||
|
background: #fff; |
||||
|
padding: 10px 20px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.top-text1 { |
||||
|
font-size: 16px; |
||||
|
color: #101010; |
||||
|
font-weight: 600; |
||||
|
font-family: sans-serif; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 1; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
|
.top-text2 { |
||||
|
margin-top: 5px; |
||||
|
font-size: 14px; |
||||
|
color: #666; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 1; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.con { |
||||
|
margin-top: 10px; |
||||
|
background: #fff; |
||||
|
padding: 10px 20px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.con-item { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.con-item-title { |
||||
|
margin-top: 10px; |
||||
|
font-size: 14px; |
||||
|
color: #A7A7A7; |
||||
|
} |
||||
|
|
||||
|
.con-item-data { |
||||
|
margin-top: 5px; |
||||
|
font-size: 15px; |
||||
|
color: #191919; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 1; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
|
.newslist { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
width: 100%; |
||||
|
|
||||
|
.newslist-item { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin: 10px 15px 0px 0px; |
||||
|
border: 1px solid #4D72FF; |
||||
|
width: 80px; |
||||
|
height: 80px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.Process { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.ProcessButtons { |
||||
|
z-index: 9999; |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
width: 100%; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
</style> |
After Width: | Height: | Size: 800 B |
After Width: | Height: | Size: 881 B |
After Width: | Height: | Size: 805 B |
After Width: | Height: | Size: 1020 B |
Loading…
Reference in new issue