n20-common-lib 1.3.8 → 1.3.11

package/nstc-g6/components/NstcWorkBench/NstcWorkBench.vue

@@ -0,0 +1,176 @@
+<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 prop="applyMember" label="单位名称" />
+          <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 prop="applyMember" label="单位名称" />
+          <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: {}
+    }
+  },
+  mounted() {
+    this.intData()
+  },
+  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)
+      }
+    }
+  }
+}
+</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>