n20-common-lib 1.2.46 → 1.3.2

package/src/components/NstcG6Components/NstcWorkBench/NstcWorkBench.vue

@@ -0,0 +1,167 @@
+<template>
+  <div>
+    <div class="wraper">
+      <div class="total">
+        <div style="font-weight: 600">待审核</div>
+        <div style="font-size: 24px; font-weight: 600">
+          {{ taskList.totalSize || 0 }}
+        </div>
+        <div>今日新增 {{ taskSun || 0 }}</div>
+      </div>
+      <div style="margin-top: 5px">
+        <!-- :data="taskList.list" -->
+        <el-table :data="taskList.list" tooltip-effect>
+          <el-table-column prop="date" label="状态">
+            <template> 待审核 </template>
+          </el-table-column>
+          <el-table-column prop="typeName" label="交易类型"> </el-table-column>
+          <el-table-column prop="applyMember" label="单位名称">
+          </el-table-column>
+          <el-table-column prop="importantInfo" label="关键信息">
+            <template slot-scope="scope">
+              <el-popover trigger="hover" placement="top">
+                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
+                <div
+                  slot="reference"
+                  class="name-wrapper"
+                  style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  "
+                >
+                  {{ scope.row.importantInfo }}
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column prop="address" label="操作">
+            <template>
+              <el-button size="mini" type="primary">审批</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="wraper" style="margin-top: 20px">
+      <div class="total">
+        <div style="font-weight: 600">待处理</div>
+        <div style="font-size: 24px; font-weight: 600">
+          {{ pendingList.totalSize || 0 }}
+        </div>
+        <div>今日新增 {{ pendingSun || 0 }}</div>
+      </div>
+      <div style="margin-top: 5px">
+        <el-table :data="pendingList.list">
+          <el-table-column prop="date" label="状态">
+            <template slot-scope="scope">
+              <!-- 1.已保存 2.已撤回 3.驳回至发起人 4.驳回至上一步 5.拒绝 6.进行中 7.已结束 8.已作废 -->
+              {{
+                scope.row.state == 1
+                  ? "已保存"
+                  : scope.row.state == 2
+                  ? "已撤回"
+                  : scope.row.state == 3
+                  ? "驳回至发起人"
+                  : scope.row.state == 4
+                  ? "驳回至上一步"
+                  : scope.row.state == 5
+                  ? "拒绝"
+                  : scope.row.state == 6
+                  ? "进行中"
+                  : scope.row.state == 7
+                  ? "已结束"
+                  : "已作废"
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="typeName" label="交易类型"> </el-table-column>
+          <el-table-column prop="applyMember" label="单位名称">
+          </el-table-column>
+          <el-table-column prop="importantInfo" label="关键信息">
+            <template slot-scope="scope">
+              <el-popover trigger="hover" placement="top">
+                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
+                <div
+                  slot="reference"
+                  class="name-wrapper"
+                  style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  "
+                >
+                  {{ scope.row.importantInfo }}
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作">
+            <template>
+              <el-button size="mini" type="primary">去处理</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+import axios from '@/utils/axios'
+export default {
+  name: 'NstcWorkBench',
+  data() {
+    return {
+      taskSun: "",
+      taskList: {},
+      pendingSun: "",
+      pendingList: {},
+    };
+  },
+  methods: {
+    async intData() {
+      try {
+        //待审核
+        let taskSun = await axios.post(`/bems/activiti/admin/todo/addQty`);
+        this.taskSun = taskSun.data;
+        let { data } = await axios.post(`/bems/activiti/admin/todo/todo`,{ pageNo: 1, pageSize: 3 });
+        this.taskList = data;
+      } catch (error) {console.log(error)}
+      try {
+        let pendingSun = await axios.post(`/bems/prod_1.0/activiti/temporaryStorage/addQty`);
+        this.pendingSun = pendingSun.data;
+        let { data } = await axios.post(`/bems/prod_1.0/activiti/temporaryStorage/todoTask`,{ pageNo: 1, pageSize: 3 });
+        this.pendingList = data;
+      } catch (error) {console.log(error)}
+    },
+  },
+  mounted() {
+    this.intData();
+  },
+};
+</script>
+<style lang="scss" scoped>
+.wraper {
+  padding: 10px;
+  display: flex;
+  border: 1px solid #ebeef5;
+  .total {
+    width: 150px;
+    height: 150px;
+    border: 1px solid #ebeef5;
+    margin: 5px;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    div {
+      padding: 10px 0;
+      flex: 1;
+    }
+  }
+}
+/deep/.el-table td,
+.el-table th {
+  padding: 2px;
+}
+</style>