|
@@ -1,120 +1,286 @@
|
|
<template>
|
|
<template>
|
|
- <div>
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div style="padding-bottom: 10px;" >
|
|
<loading :visible="isLoading"></loading>
|
|
<loading :visible="isLoading"></loading>
|
|
|
|
|
|
|
|
+ <div class="mui-loading z-loadingDiv" v-show="showPerson">
|
|
|
|
+ <div>
|
|
|
|
+ <Person ></Person>
|
|
|
|
+ </div>
|
|
|
|
+ </div >
|
|
|
|
+
|
|
|
|
+ <div v-show="!showPerson">
|
|
|
|
+ <div class="mui-content-padded" >
|
|
|
|
+ <h5>审核记录
|
|
|
|
+ <span v-show="view&&!edit">修改流程</span>
|
|
|
|
+ <span v-show="view&&edit" >取消修改</span>
|
|
|
|
+ </h5>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="vongi-slot" style="padding-bottom: 10px;">
|
|
|
|
+
|
|
|
|
+ <template v-for="(item,i) in examineDetail.examineList" >
|
|
|
|
+
|
|
|
|
+ <div class="vongi-slot-block" :key="i">
|
|
|
|
+ <!-- 单人展示单人 -->
|
|
|
|
+ <!-- 多人展示单人 -->
|
|
|
|
+ <!-- 多人展示多人 -->
|
|
|
|
+ <div class="vongi-slot-img"
|
|
|
|
+ v-if="item.source==1">
|
|
|
|
+
|
|
|
|
+ <img v-for="(item1,j) in item.examinePersonDetailDTOList" :key="j" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'">
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <img v-if="item.examinePersonDetailDTOList.length==0" src="@/assets/img/default_face.png" >
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="vongi-slot-img" v-else>
|
|
|
|
+ <img src="@/assets/img/team.png">
|
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="mui-content-padded" v-if="examineDetail.examineList">
|
|
|
|
- <h5>审核记录</h5>
|
|
|
|
- </div>
|
|
|
|
- <div class="vongi-slot">
|
|
|
|
- <template v-for="item,i in examineDetail.examineList">
|
|
|
|
-
|
|
|
|
- <div class="vongi-slot-block">
|
|
|
|
- <!-- 单人展示单人 -->
|
|
|
|
- <!-- 多人展示单人 -->
|
|
|
|
- <!-- 多人展示多人 -->
|
|
|
|
- <div class="vongi-slot-img"
|
|
|
|
- v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
|
|
|
|
- <img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'">
|
|
|
|
- </div>
|
|
|
|
- <div class="vongi-slot-img" v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
|
|
|
|
- <img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'"
|
|
|
|
- v-if="item1.action!='0'">
|
|
|
|
- </div>
|
|
|
|
- <div class="vongi-slot-img" v-else>
|
|
|
|
- <img src="~$project/assets/img/team.png">
|
|
|
|
|
|
+
|
|
|
|
+ <div class="vongi-slot-content">
|
|
|
|
+ <h4>{{item.desc}}
|
|
|
|
+ <span class="mui-pull-right mui-h5 color999">{{item.finishTime}}</span>
|
|
|
|
+
|
|
|
|
+ <span v-if="operationBool&&(item.action!=2)"
|
|
|
|
+ @click="editbtn(i,item.examinePersonDetailDTOList)"
|
|
|
|
+ class=" mui-h5 color-bule">修改</span>
|
|
|
|
+
|
|
|
|
+ <span v-if="operationBool&&(item.action==0)"
|
|
|
|
+ class="mui-pull-right mui-h5 " style="color: red;" @click="delbtn(i)" >删除</span>
|
|
|
|
+
|
|
|
|
+ <span class="mui-pull-right mui-h5"
|
|
|
|
+ v-if="operationBool&&(item.action!=2)"
|
|
|
|
+ v-show="i!=examineDetail.examineList.length-1"
|
|
|
|
+ @click="addExamineBtn(i)" >向下添加 </span>
|
|
|
|
+
|
|
|
|
+ </h4>
|
|
|
|
+
|
|
|
|
+ <template
|
|
|
|
+ v-if="item.source==1 ">
|
|
|
|
+
|
|
|
|
+ <p v-for="(item1,j) in item.examinePersonDetailDTOList" :key="'a'+j">{{item1.name}}
|
|
|
|
+ <span :class="getClass(item1,i)">{{item1.remark}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
|
|
|
|
+ </ul>
|
|
|
|
+ </template>
|
|
|
|
+
|
|
|
|
+ <template v-else>
|
|
|
|
+ <p>{{item.operation=='or'?'或签':''}}{{item.operation=='and'?'会签':''}}{{item.examinePersonDetailDTOList.length}}人
|
|
|
|
+ <span :class="getClass(item,i)" >{{item.actionName}} </span>
|
|
|
|
+ </p>
|
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <li class="mui-table-view-cell mui-media"
|
|
|
|
+ v-for="(item1,j) in item.examinePersonDetailDTOList" :key="'c'+j">
|
|
|
|
+ <div class="flex">
|
|
|
|
+ <img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
|
|
|
|
+ <i class="iconfont icon-gou" v-if="item1.action=='1'"></i>
|
|
|
|
+ <i class="iconfont icon-chacha" v-if="item1.action=='2'"></i>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">{{item1.name}}</div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ <p v-for="(item1,j) in item.examinePersonDetailDTOList"
|
|
|
|
+ style=" background-color: #EBEBEE;"
|
|
|
|
+ :key="'a'+j" v-if="item1.action!='0'">{{item1.name}}:
|
|
|
|
+ <span :class="getClass(item1,i)">{{item1.remark}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </template>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
-
|
|
|
|
- <div class="vongi-slot-content">
|
|
|
|
- <h4>{{item.desc}}<span class="mui-pull-right mui-h5 color999">{{item.finishTime}}</span>
|
|
|
|
- </h4>
|
|
|
|
-
|
|
|
|
- <template
|
|
|
|
- v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
|
|
|
|
- <p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
|
|
|
|
- <span :class="getClass(item1,i)">{{item1.remark}}</span>
|
|
|
|
- </p>
|
|
|
|
- </template>
|
|
|
|
- <template v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
|
|
|
|
- <p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
|
|
|
|
- <span :class="getClass(item1,i)" v-if="item1.action!='0'">{{item1.remark}}</span>
|
|
|
|
- </p>
|
|
|
|
- </template>
|
|
|
|
- <template v-else>
|
|
|
|
- <p>{{item.operation=='or'?'或签':''}}{{item.operation=='and'?'会签':''}}{{item.examinePersonDetailDTOList.length}}人
|
|
|
|
- <span :class="getClass(item,i)" >{{item.actionName}} </span>
|
|
|
|
- </p>
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="vongi-slot-block" v-if="item.action=='1'&&item.ccPersonDetailDTOList.length" :key="'e'+i" >
|
|
|
|
+ <div class="vongi-slot-img"><img src="@/assets/img/icon_chaosong.png"></div>
|
|
|
|
+ <div class="vongi-slot-content">
|
|
|
|
+ <h4>抄送人</h4>
|
|
|
|
+ <p>已抄送{{item.ccPersonDetailDTOList.length}}人</p>
|
|
<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
|
|
<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
|
|
-
|
|
|
|
-
|
|
|
|
- <li class="mui-table-view-cell mui-media"
|
|
|
|
- v-for="item1,j in item.examinePersonDetailDTOList">
|
|
|
|
|
|
+ <li class="mui-table-view-cell mui-media" v-for="(item1,j) in item.ccPersonDetailDTOList" :key="'f'+j">
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
|
|
<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
|
|
- <i class="iconfont icon-gou" v-if="item1.action=='1'"></i>
|
|
|
|
- <i class="iconfont icon-chacha" v-if="item1.action=='2'"></i>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="mui-media-body">{{item1.name}}</div>
|
|
<div class="mui-media-body">{{item1.name}}</div>
|
|
</li>
|
|
</li>
|
|
|
|
+
|
|
</ul>
|
|
</ul>
|
|
- </template>
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <div class="vongi-slot-block" v-if="item.action=='1'&&item.ccPersonDetailDTOList.length">
|
|
|
|
- <div class="vongi-slot-img"><img src="~$project/assets/img/icon_chaosong.png"></div>
|
|
|
|
- <div class="vongi-slot-content">
|
|
|
|
- <h4>抄送人</h4>
|
|
|
|
- <p>已抄送{{item.ccPersonDetailDTOList.length}}人</p>
|
|
|
|
- <ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
|
|
|
|
- <li class="mui-table-view-cell mui-media" v-for="item1,j in item.ccPersonDetailDTOList">
|
|
|
|
- <div class="flex">
|
|
|
|
- <img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
|
|
|
|
- </div>
|
|
|
|
- <div class="mui-media-body">{{item1.name}}</div>
|
|
|
|
- </li>
|
|
|
|
-
|
|
|
|
- </ul>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ </template>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="addbtn" style="text-align: center;" v-if="operationBool" >
|
|
|
|
+ <button class="btn1 mui-btn mui-btn-primary" @click="addExamineBtn(-1)">添加流程</button>
|
|
|
|
+
|
|
|
|
+ <button class="btn1 mui-btn mui-btn-primary" v-show="view&&edit" >保存</button>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- </template>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
|
|
+ </div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import * as API_sp from '@/apis-xsy/xsy'
|
|
|
|
- import Loading from '$project/components/Loading.vue'
|
|
|
|
|
|
+ //import * as API_sp from '@/apis-xsy/xsy'
|
|
|
|
+ import Loading from '@/components/Loading.vue'
|
|
|
|
+ import Person from './Person.vue'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
|
|
|
name: 'examineDetail',
|
|
name: 'examineDetail',
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ showPerson:true,
|
|
isLoading:false,
|
|
isLoading:false,
|
|
- examineDetail: {},
|
|
|
|
|
|
+ examineDetail: {
|
|
|
|
+ "examineList2": [],
|
|
|
|
+ "examineList": [
|
|
|
|
+ {
|
|
|
|
+ "finishTime": null,
|
|
|
|
+ "action": "2",
|
|
|
|
+ "actionName": "已审核",
|
|
|
|
+ "remark": "已审核1",
|
|
|
|
+ "operation": "or",
|
|
|
|
+ "source": "1",
|
|
|
|
+ "desc": "审核人",
|
|
|
|
+ "examinePersonDetailDTOList": [
|
|
|
|
+
|
|
|
|
+ {
|
|
|
|
+ "personId": 49605,
|
|
|
|
+ "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/24/75e73e10-0590-45d4-95cb-0731596ead09/1.jpg",
|
|
|
|
+ "name": "付龙龙",
|
|
|
|
+ "type": "1",
|
|
|
|
+ "action": "1",
|
|
|
|
+ "remark": "已审核2"
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ "ccPersonDetailDTOList": []
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "finishTime": null,
|
|
|
|
+ "action": "1",
|
|
|
|
+ "actionName": "待审核",
|
|
|
|
+ "remark": "待审核",
|
|
|
|
+ "operation": "or",
|
|
|
|
+ "source": "0",
|
|
|
|
+ "desc": "审核人",
|
|
|
|
+ "examinePersonDetailDTOList": [
|
|
|
|
+ {
|
|
|
|
+ "personId": 49881,
|
|
|
|
+ "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/31/f29e6b9d-80a4-451a-a0e7-294c3f5a4b4b/1.jpg",
|
|
|
|
+ "name": "郑开鑫",
|
|
|
|
+ "type": "1",
|
|
|
|
+ "action": "1",
|
|
|
|
+ "remark": "待审核"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "personId": 49605,
|
|
|
|
+ "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/24/75e73e10-0590-45d4-95cb-0731596ead09/1.jpg",
|
|
|
|
+ "name": "付龙龙",
|
|
|
|
+ "type": "1",
|
|
|
|
+ "action": "2",
|
|
|
|
+ "remark": "待审核"
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ "ccPersonDetailDTOList": []
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "finishTime": null,
|
|
|
|
+ "action": "0",
|
|
|
|
+ "actionName": "待审核",
|
|
|
|
+ "remark": "待审核",
|
|
|
|
+ "operation": "or",
|
|
|
|
+ "source": "0",
|
|
|
|
+ "desc": "审核人",
|
|
|
|
+ "examinePersonDetailDTOList": [
|
|
|
|
+ {
|
|
|
|
+ "personId": 49881,
|
|
|
|
+ "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/31/f29e6b9d-80a4-451a-a0e7-294c3f5a4b4b/1.jpg",
|
|
|
|
+ "name": "郑开鑫",
|
|
|
|
+ "type": "1",
|
|
|
|
+ "action": "0",
|
|
|
|
+ "remark": "待审核"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "personId": 49605,
|
|
|
|
+ "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/24/75e73e10-0590-45d4-95cb-0731596ead09/1.jpg",
|
|
|
|
+ "name": "付龙龙",
|
|
|
|
+ "type": "1",
|
|
|
|
+ "action": "0",
|
|
|
|
+ "remark": "待审核"
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ "ccPersonDetailDTOList": []
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ "allowExamine": true,
|
|
|
|
+ "procinstActUserId": "726dead5-1d0d-4d27-afef-94166bb2d119",
|
|
|
|
+ "ownerSubmit": true
|
|
|
|
+ },
|
|
only: "test"
|
|
only: "test"
|
|
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
|
|
|
|
- Loading,
|
|
|
|
|
|
+ Loading,Person
|
|
|
|
|
|
},
|
|
},
|
|
props: {
|
|
props: {
|
|
id: {
|
|
id: {
|
|
- require: true,
|
|
|
|
|
|
+ require: false,
|
|
default: '',
|
|
default: '',
|
|
},
|
|
},
|
|
|
|
+ //编辑状态
|
|
|
|
+ edit: {
|
|
|
|
+ require: false,
|
|
|
|
+ default: true,
|
|
|
|
+ },
|
|
|
|
+ //是否只能查看
|
|
|
|
+ view: {
|
|
|
|
+ require: false,
|
|
|
|
+ default: false,
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ computed:{
|
|
|
|
+ operationBool(){
|
|
|
|
+ return this.edit
|
|
|
|
+ }
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
-
|
|
|
|
|
|
+ editbtn(i,list){
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ delbtn(i){
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ addExamineBtn(i){
|
|
|
|
+ // var obj={
|
|
|
|
+ // source:1,
|
|
|
|
+ // desc:"审批人",
|
|
|
|
+ // operation:"or",
|
|
|
|
+ // examinePersonDetailDTOList:[],
|
|
|
|
+ // ccPersonDetailDTOList:[],
|
|
|
|
+ // }
|
|
|
|
+ // if(type){
|
|
|
|
+ // obj.source=0
|
|
|
|
+ // obj.operation=type
|
|
|
|
+ // }
|
|
|
|
+ // if(i==-1){
|
|
|
|
+ // this.examineDetail.examineList.push(obj)
|
|
|
|
+ // }else{
|
|
|
|
+
|
|
|
|
+ // }
|
|
|
|
+ },
|
|
getClass(ac, i) {
|
|
getClass(ac, i) {
|
|
var reclass = ""
|
|
var reclass = ""
|
|
|
|
|
|
@@ -154,13 +320,13 @@
|
|
},
|
|
},
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
- this.getExamineDetail();
|
|
|
|
|
|
+ // this.getExamineDetail();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style src="@/assets/css/iconfont.css"></style>
|
|
<style src="@/assets/css/iconfont.css"></style>
|
|
-<style scoped src="@/assets/css/xpwyfyy.css"></style>
|
|
|
|
|
|
+<style scoped src="@/assets/css/xpwyfyy-oa.css"></style>
|
|
<style src="@/assets/css/xsy.css"></style>
|
|
<style src="@/assets/css/xsy.css"></style>
|
|
<style scoped>
|
|
<style scoped>
|
|
.color3385FF {
|
|
.color3385FF {
|
|
@@ -170,4 +336,33 @@
|
|
.color389E0D {
|
|
.color389E0D {
|
|
color: #389E0D
|
|
color: #389E0D
|
|
}
|
|
}
|
|
|
|
+ .mui-content-padded{
|
|
|
|
+ margin:0 !important;
|
|
|
|
+ border-top: 1px solid #f4f4f6 ;
|
|
|
|
+ }
|
|
|
|
+ .addbtn{
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .mui-pull-right{
|
|
|
|
+ padding-left: 5px;
|
|
|
|
+ }
|
|
|
|
+ .btn1,.btn2,.btn3{
|
|
|
|
+ padding: 3px 8px;
|
|
|
|
+ margin-right: 2px;
|
|
|
|
+ }
|
|
|
|
+ .z-loadingDiv {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
|
+ z-index: 999;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .z-loadingDiv div {
|
|
|
|
+ /* top: 40%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 40% */
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|