|
|
@@ -52,35 +52,71 @@
|
|
|
<img
|
|
|
v-if="[1, 2, 4, 6].includes(item.type)"
|
|
|
src="/img/process/icon_success_bian.svg"
|
|
|
- style="width: 18px; height: 18px; position: absolute; left: 28px; top: 24px"
|
|
|
+ style="
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ position: absolute;
|
|
|
+ left: 28px;
|
|
|
+ top: 24px;
|
|
|
+ "
|
|
|
fit="scale-down"
|
|
|
/>
|
|
|
<img
|
|
|
v-else-if="[3, 5].includes(item.type)"
|
|
|
src="/img/process/icon_delete_bian.svg"
|
|
|
- style="width: 18px; height: 18px; position: absolute; left: 28px; top: 24px"
|
|
|
+ style="
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ position: absolute;
|
|
|
+ left: 28px;
|
|
|
+ top: 24px;
|
|
|
+ "
|
|
|
fit="scale-down"
|
|
|
/>
|
|
|
<img
|
|
|
v-else-if="item.type === 98"
|
|
|
src="/img/process/icon_wait_bian.svg"
|
|
|
- style="width: 18px; height: 18px; position: absolute; left: 28px; top: 24px"
|
|
|
+ style="
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ position: absolute;
|
|
|
+ left: 28px;
|
|
|
+ top: 24px;
|
|
|
+ "
|
|
|
fit="scale-down"
|
|
|
/>
|
|
|
</div>
|
|
|
<div
|
|
|
v-if="recordsList.length - 1 !== index"
|
|
|
- style="margin-top: 8px; border-right: 2px solid #dcdfe6; height: calc(100% - 48px); width: 20px;"
|
|
|
+ style="
|
|
|
+ margin-top: 8px;
|
|
|
+ border-right: 2px solid #dcdfe6;
|
|
|
+ height: calc(100% - 48px);
|
|
|
+ width: 20px;
|
|
|
+ "
|
|
|
></div>
|
|
|
</el-col>
|
|
|
<el-col :span="20">
|
|
|
- <div style="margin-bottom: 8px; background-color: #f2f2f2; padding: 8px">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ margin-bottom: 8px;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ padding: 8px;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div v-if="item.type === 1">
|
|
|
<div style="line-height: 28px">
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
- <span style="color: #0084FF">（发起申请）</span>
|
|
|
+ <span style="color: #0084ff">（发起申请）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>发起人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -90,7 +126,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #39c55a">（通过）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -100,7 +143,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #f84539">（不通过）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -110,7 +160,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #39c55a">（同意）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -120,7 +177,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #f84539">（驳回）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -130,7 +194,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #39c55a">（完成）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -141,7 +212,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #999">（未开始）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>发起人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -152,7 +230,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #ff9315">（进行中）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>审批人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -162,7 +247,14 @@
|
|
|
<span>{{ item.nodeName }}</span>
|
|
|
<span style="color: #999">（结束）</span>
|
|
|
</div>
|
|
|
- <div style="line-height: 28px; display: flex; justify-content: space-between; color: #ccc">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ line-height: 28px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ccc;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div>发起人: {{ item.userName }}</div>
|
|
|
<div>{{ item.createTime }}</div>
|
|
|
</div>
|
|
|
@@ -182,29 +274,32 @@
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
- name: 'ApprovalRecords',
|
|
|
+ name: "ApprovalRecords",
|
|
|
props: {
|
|
|
transferParams: Object,
|
|
|
recordsList: Array,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- activeName: 'first',
|
|
|
- }
|
|
|
+ activeName: "first",
|
|
|
+ };
|
|
|
},
|
|
|
created() {},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
getStyle(text) {
|
|
|
if (text) {
|
|
|
- return text.replace(/\n|\r\n/g, '<br>')
|
|
|
+ return text.replace(/\n|\r\n/g, "<br>");
|
|
|
} else {
|
|
|
- return ''
|
|
|
+ return "";
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+* {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
</style>
|
cz
