|
@@ -346,7 +346,7 @@
|
|
:class="activeIndex >= index ? 'large-icon' : ''"
|
|
:class="activeIndex >= index ? 'large-icon' : ''"
|
|
size="large"
|
|
size="large"
|
|
>
|
|
>
|
|
- <!-- :color="formatIcon(item, index, 'color')" -->
|
|
|
|
|
|
+ <!-- :color="formatIcon(item, index, 'color')" -->
|
|
<div class="step-title">
|
|
<div class="step-title">
|
|
{{ item.state || item.label }}
|
|
{{ item.state || item.label }}
|
|
<span class="apply-time">
|
|
<span class="apply-time">
|
|
@@ -396,7 +396,11 @@
|
|
{{ item.processor
|
|
{{ item.processor
|
|
}}{{ item.circulation ? `(${item.circulation})` : null }}
|
|
}}{{ item.circulation ? `(${item.circulation})` : null }}
|
|
</p>
|
|
</p>
|
|
- <p class="remarks" v-if="item.remarks" v-html="dataModelFormatBr(item.remarks)"></p>
|
|
|
|
|
|
+ <p
|
|
|
|
+ class="remarks"
|
|
|
|
+ v-if="item.remarks"
|
|
|
|
+ v-html="dataModelFormatBr(item.remarks)"
|
|
|
|
+ ></p>
|
|
|
|
|
|
<!-- 判断是否有添加图片 -->
|
|
<!-- 判断是否有添加图片 -->
|
|
<div
|
|
<div
|
|
@@ -415,7 +419,6 @@
|
|
:preview-src-list="item.fileUrl.image"
|
|
:preview-src-list="item.fileUrl.image"
|
|
>
|
|
>
|
|
</el-image>
|
|
</el-image>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 判断是否有添加的文件 -->
|
|
<!-- 判断是否有添加的文件 -->
|
|
<div
|
|
<div
|
|
@@ -432,7 +435,9 @@
|
|
class="fileUploader"
|
|
class="fileUploader"
|
|
>
|
|
>
|
|
<i style="color: #909399;" class="el-icon-document" />
|
|
<i style="color: #909399;" class="el-icon-document" />
|
|
- <span style="margin-right: 10px;">{{ uploadUrlItem.name || uploadUrlItem.url }}</span>
|
|
|
|
|
|
+ <span style="margin-right: 10px;">{{
|
|
|
|
+ uploadUrlItem.name || uploadUrlItem.url
|
|
|
|
+ }}</span>
|
|
<el-button
|
|
<el-button
|
|
round
|
|
round
|
|
size="mini"
|
|
size="mini"
|
|
@@ -460,12 +465,12 @@
|
|
<!-- 已抄送1人 -->
|
|
<!-- 已抄送1人 -->
|
|
<div class="ccUsers" @click="onCCChange(item)">
|
|
<div class="ccUsers" @click="onCCChange(item)">
|
|
<span>已抄送{{ item.cc_user.length }}人</span>
|
|
<span>已抄送{{ item.cc_user.length }}人</span>
|
|
- <van-icon
|
|
|
|
|
|
+ <el-icon
|
|
v-show="!item.ccStatus"
|
|
v-show="!item.ccStatus"
|
|
style="color: #CCCCCC"
|
|
style="color: #CCCCCC"
|
|
name="arrow-down"
|
|
name="arrow-down"
|
|
/>
|
|
/>
|
|
- <van-icon
|
|
|
|
|
|
+ <el-icon
|
|
v-show="item.ccStatus"
|
|
v-show="item.ccStatus"
|
|
style="color: #CCCCCC"
|
|
style="color: #CCCCCC"
|
|
name="arrow-up"
|
|
name="arrow-up"
|
|
@@ -525,6 +530,7 @@ export default {
|
|
const query = this.$route.query;
|
|
const query = this.$route.query;
|
|
return {
|
|
return {
|
|
workOrderId: query.workOrderId,
|
|
workOrderId: query.workOrderId,
|
|
|
|
+ processId: query.processId,
|
|
isLoadingStatus: true,
|
|
isLoadingStatus: true,
|
|
currentNode: {
|
|
currentNode: {
|
|
hideTpls: null,
|
|
hideTpls: null,
|
|
@@ -587,7 +593,7 @@ export default {
|
|
computed: {
|
|
computed: {
|
|
...mapGetters(["userId"])
|
|
...mapGetters(["userId"])
|
|
},
|
|
},
|
|
- async created() {
|
|
|
|
|
|
+ async mounted() {
|
|
await this.getUserInfo();
|
|
await this.getUserInfo();
|
|
await this.getAllOrgan();
|
|
await this.getAllOrgan();
|
|
await this.getProcessNodeList();
|
|
await this.getProcessNodeList();
|
|
@@ -721,8 +727,8 @@ export default {
|
|
},
|
|
},
|
|
async getProcessNodeList() {
|
|
async getProcessNodeList() {
|
|
await processStructure({
|
|
await processStructure({
|
|
- processId: this.$route.query.processId,
|
|
|
|
- workOrderId: this.$route.query.workOrderId,
|
|
|
|
|
|
+ processId: this.processId,
|
|
|
|
+ workOrderId: this.workOrderId,
|
|
userId: this.userIds
|
|
userId: this.userIds
|
|
}).then(response => {
|
|
}).then(response => {
|
|
let tempData = response.data.tpls;
|
|
let tempData = response.data.tpls;
|
|
@@ -1228,26 +1234,26 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
dataModelFormatBr(str) {
|
|
dataModelFormatBr(str) {
|
|
- return str ? str.replace(/\n/g, "<br />") : str
|
|
|
|
|
|
+ return str ? str.replace(/\n/g, "<br />") : str;
|
|
},
|
|
},
|
|
formatIcon(item, index, type) {
|
|
formatIcon(item, index, type) {
|
|
// 格式化ICON
|
|
// 格式化ICON
|
|
// console.log(item, index)
|
|
// console.log(item, index)
|
|
// console.log(this.activeIndex)
|
|
// console.log(this.activeIndex)
|
|
- if(this.activeIndex >= index) {
|
|
|
|
- if(item.circulation == '转交') {
|
|
|
|
- return 'icon-transfer'
|
|
|
|
- } else if(this.activeIndex == index) {
|
|
|
|
- return 'icon-wait'
|
|
|
|
- } else if(item.status == 0) {
|
|
|
|
- return 'el-icon-error'
|
|
|
|
|
|
+ if (this.activeIndex >= index) {
|
|
|
|
+ if (item.circulation == "转交") {
|
|
|
|
+ return "icon-transfer";
|
|
|
|
+ } else if (this.activeIndex == index) {
|
|
|
|
+ return "icon-wait";
|
|
|
|
+ } else if (item.status == 0) {
|
|
|
|
+ return "el-icon-error";
|
|
} else {
|
|
} else {
|
|
- return 'el-icon-success'
|
|
|
|
|
|
+ return "el-icon-success";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- // #fd803a
|
|
|
|
- return ''
|
|
|
|
|
|
+ // #fd803a
|
|
|
|
+ return "";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
@@ -1284,7 +1290,7 @@ export default {
|
|
background: #f5f5f5;
|
|
background: #f5f5f5;
|
|
padding: 8px;
|
|
padding: 8px;
|
|
color: #323233;
|
|
color: #323233;
|
|
- border-radius: 6px;
|
|
|
|
|
|
+ border-radius: 6px;
|
|
line-height: 1.5;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
.imgUploader {
|
|
.imgUploader {
|
|
@@ -1305,7 +1311,8 @@ export default {
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
|
|
-/deep/.icon-transfer, /deep/.icon-wait {
|
|
|
|
|
|
+/deep/.icon-transfer,
|
|
|
|
+/deep/.icon-wait {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
@@ -1313,22 +1320,22 @@ export default {
|
|
padding: 2px 0;
|
|
padding: 2px 0;
|
|
height: 23px;
|
|
height: 23px;
|
|
&::before {
|
|
&::before {
|
|
- content: ' ';
|
|
|
|
|
|
+ content: " ";
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 23px;
|
|
width: 23px;
|
|
height: 23px;
|
|
height: 23px;
|
|
- background: url('../../../assets/system-transfer.png') no-repeat center;
|
|
|
|
|
|
+ background: url("../../../assets/system-transfer.png") no-repeat center;
|
|
background-size: contain;
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/deep/.icon-wait {
|
|
/deep/.icon-wait {
|
|
&::before {
|
|
&::before {
|
|
- content: ' ';
|
|
|
|
|
|
+ content: " ";
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 23px;
|
|
width: 23px;
|
|
height: 23px;
|
|
height: 23px;
|
|
- background: url('../../../assets/system-wait.png') no-repeat center;
|
|
|
|
|
|
+ background: url("../../../assets/system-wait.png") no-repeat center;
|
|
background-size: contain;
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -1342,7 +1349,8 @@ export default {
|
|
background-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
|
|
- /deep/.el-icon-success, /deep/.el-icon-error {
|
|
|
|
|
|
+ /deep/.el-icon-success,
|
|
|
|
+ /deep/.el-icon-error {
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
color: #22b4a9;
|
|
color: #22b4a9;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
@@ -1350,7 +1358,7 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
/deep/.el-icon-error {
|
|
/deep/.el-icon-error {
|
|
- color: #ff2e2e
|
|
|
|
|
|
+ color: #ff2e2e;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|