n20-common-lib 1.3.46 → 1.3.49

package/src/components/ApprovalCard/index.vue

@@ -1,132 +1,132 @@
-/* 审批进度 */
-<template>
-  <div class="n20-approve-wrap">
-    <el-timeline :reverse="true">
-      <el-timeline-item
-        v-for="(item, i) in approvalData"
-        :key="i"
-        :type="item | typeF(status)"
-        :hide-timestamp="true"
-      >
-        <div class="n20-time">
-          <div>{{ item.endTime | dataF }}</div>
-          <div>{{ item.endTime | timeF }}</div>
-        </div>
-        <div>
-          <div class="flex-box">
-            <div class="n20-worker flex-item m-r-s">
-              <span class="worker-icon cl-icon-user"></span>
-              <span>{{ item.assignee }}</span>
-            </div>
-            <div class="n20-approval m-r-s">
-              <template v-if="item.result == status.submit">提交</template>
-              <template v-else-if="item.result == status.end">结束</template>
-              <template v-else-if="item.result == status.approval">
-                审批意见：<span class="color-primary">批准</span>
-              </template>
-              <template v-else-if="item.result == status.reject">
-                审批意见：<span class="n20-approval-reject"
-                  >驳回</span
-                ></template
-              >
-            </div>
-          </div>
-          <div v-if="item.suggestion" class="n20-description-c">
-            {{ item.suggestion }}
-          </div>
-        </div>
-      </el-timeline-item>
-    </el-timeline>
-  </div>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-export default {
-  name: 'ApproveCard',
-  filters: {
-    typeF(item, status) {
-      let result = item.result
-      switch (result) {
-        case status.submit:
-          return 'primary'
-        case status.approval:
-          return 'primary'
-        case status.reject:
-          return 'danger'
-        default:
-          return undefined
-      }
-    },
-    dataF(_t) {
-      let t = _t || ''
-      let ts = t.split(' ') || ['', '']
-      return ts[0]
-    },
-    timeF(_t) {
-      let t = _t || ''
-      let ts = t.split(' ') || ['', '']
-      return ts[1]
-    }
-  },
-  props: {
-    close: {
-      type: Boolean,
-      default: false
-    },
-    status: {
-      type: Object,
-      default: () => ({
-        waiting: 0,
-        submit: 1,
-        approval: 2,
-        reject: 3,
-        end: 4
-      })
-    },
-    approvalData: {
-      type: Array,
-      default: () => []
-    },
-    procInstId: {
-      type: String,
-      default: undefined
-    }
-  },
-  created() {
-    if (this.procInstId) {
-      axios
-        .get('/bems/activiti/sample/Q003', {
-          procInstId: this.procInstId
-        })
-        .then(({ data = [] }) => {
-          let approvalData = []
-          data.forEach((item) => {
-            let _item = {
-              endTime: item.endTime || '',
-              assignee: item.assignee,
-              suggestion: item.suggestion
-            }
-            if ('approvalState' in item) {
-              _item.result = item.approvalState
-            } else {
-              if (item.taskName === '开始') {
-                _item.result = 1
-              } else if (item.taskName === '结束') {
-                _item.result = 4
-              } else if (!item.endTime) {
-                _item.result = 0
-              } else if (item.rejectFlag === 1) {
-                _item.result = 3
-              } else {
-                _item.result = 2
-              }
-            }
-            approvalData.push(_item)
-          })
-          this.approvalData.push(...approvalData)
-        })
-    }
-  }
-}
-</script>
+/* 审批进度 */
+<template>
+  <div class="n20-approve-wrap">
+    <el-timeline :reverse="true">
+      <el-timeline-item
+        v-for="(item, i) in approvalData"
+        :key="i"
+        :type="item | typeF(status)"
+        :hide-timestamp="true"
+      >
+        <div class="n20-time">
+          <div>{{ item.endTime | dataF }}</div>
+          <div>{{ item.endTime | timeF }}</div>
+        </div>
+        <div>
+          <div class="flex-box">
+            <div class="n20-worker flex-item m-r-s">
+              <span class="worker-icon cl-icon-user"></span>
+              <span>{{ item.assignee }}</span>
+            </div>
+            <div class="n20-approval m-r-s">
+              <template v-if="item.result == status.submit">提交</template>
+              <template v-else-if="item.result == status.end">结束</template>
+              <template v-else-if="item.result == status.approval">
+                审批意见：<span class="color-primary">批准</span>
+              </template>
+              <template v-else-if="item.result == status.reject">
+                审批意见：<span class="n20-approval-reject"
+                  >驳回</span
+                ></template
+              >
+            </div>
+          </div>
+          <div v-if="item.suggestion" class="n20-description-c">
+            {{ item.suggestion }}
+          </div>
+        </div>
+      </el-timeline-item>
+    </el-timeline>
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+export default {
+  name: 'ApproveCard',
+  filters: {
+    typeF(item, status) {
+      let result = item.result
+      switch (result) {
+        case status.submit:
+          return 'primary'
+        case status.approval:
+          return 'primary'
+        case status.reject:
+          return 'danger'
+        default:
+          return undefined
+      }
+    },
+    dataF(_t) {
+      let t = _t || ''
+      let ts = t.split(' ') || ['', '']
+      return ts[0]
+    },
+    timeF(_t) {
+      let t = _t || ''
+      let ts = t.split(' ') || ['', '']
+      return ts[1]
+    }
+  },
+  props: {
+    close: {
+      type: Boolean,
+      default: false
+    },
+    status: {
+      type: Object,
+      default: () => ({
+        waiting: 0,
+        submit: 1,
+        approval: 2,
+        reject: 3,
+        end: 4
+      })
+    },
+    approvalData: {
+      type: Array,
+      default: () => []
+    },
+    procInstId: {
+      type: String,
+      default: undefined
+    }
+  },
+  created() {
+    if (this.procInstId) {
+      axios
+        .get('/bems/activiti/sample/Q003', {
+          procInstId: this.procInstId
+        })
+        .then(({ data = [] }) => {
+          let approvalData = []
+          data.forEach((item) => {
+            let _item = {
+              endTime: item.endTime || '',
+              assignee: item.assignee,
+              suggestion: item.suggestion
+            }
+            if ('approvalState' in item) {
+              _item.result = item.approvalState
+            } else {
+              if (item.taskName === '开始') {
+                _item.result = 1
+              } else if (item.taskName === '结束') {
+                _item.result = 4
+              } else if (!item.endTime) {
+                _item.result = 0
+              } else if (item.rejectFlag === 1) {
+                _item.result = 3
+              } else {
+                _item.result = 2
+              }
+            }
+            approvalData.push(_item)
+          })
+          this.approvalData.push(...approvalData)
+        })
+    }
+  }
+}
+</script>

package/src/components/ApprovalRecord/approvalImg.vue

@@ -1,39 +1,39 @@
-/* 审批流程图 */
-<template>
-  <div class="approve-img">
-    <img v-if="blobUrl" :src="blobUrl" />
-  </div>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-
-export default {
-  name: 'ApprovalImg',
-  props: {
-    procInstId: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      blobUrl: undefined
-    }
-  },
-  created() {
-    axios
-      .get('/bems/activiti/sample/Q004', {
-        procInstId: this.procInstId || this.$route.query.procInstId
-      })
-      .then(({ data }) => {
-        if (data) {
-          let file = new File([data], '流程图.svg', {
-            type: 'image/svg+xml'
-          })
-          this.blobUrl = URL.createObjectURL(file)
-        }
-      })
-  }
-}
-</script>
+/* 审批流程图 */
+<template>
+  <div class="approve-img">
+    <img v-if="blobUrl" :src="blobUrl" />
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+
+export default {
+  name: 'ApprovalImg',
+  props: {
+    procInstId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      blobUrl: undefined
+    }
+  },
+  created() {
+    axios
+      .get('/bems/activiti/sample/Q004', {
+        procInstId: this.procInstId || this.$route.query.procInstId
+      })
+      .then(({ data }) => {
+        if (data) {
+          let file = new File([data], '流程图.svg', {
+            type: 'image/svg+xml'
+          })
+          this.blobUrl = URL.createObjectURL(file)
+        }
+      })
+  }
+}
+</script>