工作台-部门待办和部门已办

back/src/views/modules/workBench/components/dept-todo-view.vue

@@ -1,56 +1,109 @@
 <template>
-    <div class="dept-box" :class="dataInfo.noMarginleft ? 'no-margin-left' : ''">
+  <div class="dept-box" :class="dataInfo.noMarginleft ? 'no-margin-left' : ''">
-        <div class="left-box"
+    <div
-            :style="{ 'background': dataInfo.bgColor, 'border-right': `1px solid ${dataInfo.borderColor}` }">
+      class="left-box"
-            <div class="content">
+      :style="{
-                <img class="img" :src="dataInfo.imgSrc" />
+        background: dataInfo.bgColor,
-                <div class="title">{{ title }}</div>
+        'border-right': `1px solid ${dataInfo.borderColor}`
-                <div class="flex-row-bottom">
+      }"
-                    <span class="num" :style="{ 'color': dataInfo.textColor }">{{ formatNum(dataInfo.num) }}</span>
+    >
-                    <span class="unit" :style="{ 'color': dataInfo.textColor }">{{ dataInfo.unit || '个' }}</span>
+      <div class="content">
-                </div>
+        <img class="img" :src="dataInfo.imgSrc" />
-            </div>
+        <div class="title">{{ title }}</div>
-        </div>
+        <div class="flex-row-bottom">
-        <div class="list-box" v-if="dataInfo.list.length > 0">
+          <span class="num" :style="{ color: dataInfo.textColor }">{{
-            <div v-for="(item, i) in dataInfo.list" :key="i">
+            formatNum(dataInfo.num)
-                <!-- 待办 -->
+          }}</span>
-                <el-tooltip effect="dark" v-if="dataInfo.type === 'todo'"
+          <span class="unit" :style="{ color: dataInfo.textColor }">{{
-                    :content="(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
+            dataInfo.unit || '个'
-                    placement="top">
+          }}</span>
-                    <div class="list-item ellipsis">
-                        <!-- {{ `${(item.processDefinitionName || '--')}${item.taskName ? ('—' + item.taskName) : ''}` }} -->
-                        {{(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
-                    </div>
-                </el-tooltip>
-                <!-- 已办 -->
-                <el-tooltip effect="dark" v-else
-                    :content="(item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
-                    placement="top">
-                    <div class="list-item ellipsis">
-                        {{ (item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
-                    </div>
-                </el-tooltip>
-            </div>
-            <div class="more" @click="goPage(dataInfo.url)">
-                查看更多 >
-            </div>
-        </div>
-        <div class="list-box flex-row-center no-data" v-else>
-            暂无数据
         </div>
+      </div>
     </div>
+    <div class="list-box" v-if="dataInfo.list.length > 0">
+      <div
+        v-for="(item, i) in dataInfo.list"
+        :key="i"
+        @click="workbenchFunction(item, item.processDefinitionName)"
+      >
+        <!-- 待办 -->
+        <el-tooltip
+          effect="dark"
+          v-if="dataInfo.type === 'todo'"
+          :content="
+            (item.userDeptName || '--') +
+            '提交“' +
+            (item.applyTitle || '--') +
+            '”' +
+            (item.processDefinitionName || '--') +
+            (item.processDefinitionName !== '能力申请' &&
+            item.processDefinitionName !== '能力需求申请'
+              ? '申请'
+              : '')
+          "
+          placement="top"
+        >
+          <div class="list-item ellipsis">
+            <!-- {{ `${(item.processDefinitionName || '--')}${item.taskName ? ('—' + item.taskName) : ''}` }} -->
+            {{
+              (item.userDeptName || '--') +
+              '提交“' +
+              (item.applyTitle || '--') +
+              '”' +
+              (item.processDefinitionName || '--') +
+              (item.processDefinitionName !== '能力申请' &&
+              item.processDefinitionName !== '能力需求申请'
+                ? '申请'
+                : '')
+            }}
+          </div>
+        </el-tooltip>
+        <!-- 已办 -->
+        <el-tooltip
+          effect="dark"
+          v-else
+          :content="
+            (item.startUserDeptName || '--') +
+            '提交的' +
+            (item.processDefinitionName || '--') +
+            (item.processDefinitionName !== '能力申请' &&
+            item.processDefinitionName !== '能力需求申请'
+              ? '申请'
+              : '')
+          "
+          placement="top"
+        >
+          <div class="list-item ellipsis">
+            {{
+              (item.startUserDeptName || '--') +
+              '提交的' +
+              (item.processDefinitionName || '--') +
+              (item.processDefinitionName !== '能力申请' &&
+              item.processDefinitionName !== '能力需求申请'
+                ? '申请'
+                : '')
+            }}
+          </div>
+        </el-tooltip>
+      </div>
+      <div class="more" @click="goPage(dataInfo.url)">查看更多 ></div>
+    </div>
+    <div class="list-box flex-row-center no-data" v-else>暂无数据</div>
+  </div>
 </template>
 <script>
+import bus from '@/views/bus.js'
+import mixinViewModule from '@/mixins/view-module'
+import processModule from '@/mixins/process-module'
 export default {
+  mixins: [mixinViewModule, processModule],
   data () {
-    return {
+    return {}
-
-    }
   },
   props: {
     dataInfo: {
       type: Object,
-      default: () => { }
+      default: () => {}
     },
     title: {
       type: String,
@@ -58,6 +111,12 @@ export default {
     }
   },
   methods: {
+    // 点击部门待办数据打开弹窗
+    workbenchFunction (item, name) {
+      const data = item
+      data.taskName = name
+      this.getProcDefRouteSet(item, this.forwardHandleUrl)
+    },
     formatNum (num) {
       return num || num === 0 ? num : '--'
     },
@@ -155,6 +214,7 @@ export default {
   border-bottom: 1px dashed #c6c6c6;
   font-size: 16px;
   color: #212121;
+  cursor: pointer;
 }
 
 .more {