From 25b727a5dc28f3c2d225c5e017da58f35c6b84b3 Mon Sep 17 00:00:00 2001
From: zzq <a13193816592@163.com>
Date: 星期二, 26 九月 2023 19:38:40 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/zzq'

---
 src/views/overview/index.vue |   91 ++++++++++++++++++++-------------------------
 1 files changed, 41 insertions(+), 50 deletions(-)

diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index c535477..8f1df84 100644
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@@ -10,31 +10,32 @@
           v-for="item in tableList"
           :key="item.id"
           :class="{
-            overview_active: item.status === 'active',
-            overview_done: item.status === 'done',
-            overview_todo: item.status === 'todo'
+            overview_active: item.baseOperationType === 1,
+            overview_done: item.baseOperationType === 2,
+            overview_todo: item.baseOperationType === 3
           }"
+          @click="labelClick(item)"
         >
           <div class="top">
             <div class="label">
-              <span style="cursor: pointer" @click="labelClick(item)">{{ item.name }}</span>
+              <span style="cursor: pointer">{{ item.name }}</span>
             </div>
             <div class="set">...</div>
           </div>
           <div class="bottom">
             <div class="left">
               <div class="left_view">
-                <span>2</span>
-                <span style="margin-left: 5px">寰呭鐞�</span>
+                <span>{{ item.readyCount }}</span>
+                <span style="margin-left: 5px">灏辩华</span>
               </div>
             </div>
             <div class="right">
               <div class="right_status">
-                <span style="cursor: pointer">2 姝e湪绛夊緟</span>
+                <span style="cursor: pointer">{{ item.finishCount + " 瀹屾垚" }}</span>
               </div>
-              <div class="right_status" style="margin-top: 5px">
+              <!-- <div class="right_status" style="margin-top: 5px">
                 <span style="cursor: pointer">4 寤舵湡</span>
-              </div>
+              </div> -->
             </div>
           </div>
         </div>
@@ -48,6 +49,7 @@
 
 <script>
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
+import { getOperationType } from "@/api/overview/overview"
 
 export default {
   name: "OverView",
@@ -57,43 +59,7 @@
   computed: {},
   data() {
     return {
-      tableList: [
-        {
-          name: "閲囪喘鍏ュ簱",
-          status: "active",
-          workType: "鏀惰揣"
-        },
-        {
-          name: "鍐呴儴璋冩嫧",
-          status: "done",
-          workType: "鍐呴儴璋冩嫧"
-        },
-        {
-          name: "璁㈠崟鍙戣揣鍑哄簱",
-          status: "done",
-          workType: "鍙戣揣"
-        },
-        {
-          name: "2",
-          status: "active",
-          workType: "鏀惰揣"
-        },
-        {
-          name: "3",
-          status: "todo",
-          workType: "鏀惰揣"
-        },
-        {
-          name: "2",
-          status: "active",
-          workType: "鏀惰揣"
-        },
-        {
-          name: "3",
-          status: "todo",
-          workType: "鏀惰揣"
-        }
-      ],
+      tableList: [],
       editConfig: {
         visible: false,
         title: "鏂板缓",
@@ -101,15 +67,38 @@
       }
     }
   },
-  created() {},
+  created() {
+    this.getData()
+  },
   methods: {
     getList(val) {
       console.log(val)
     },
     labelClick(item) {
-      this.$router.push({ path: "/overview/overviewList", query: { name: item.name, workType: item.workType } })
+      console.log(item)
+      this.$router.push({
+        name: "overviewList",
+        params: { name: item.name, workType: item.baseOperationType, id: item.id }
+      })
     },
-    getData() {}
+    async getData() {
+      await getOperationType({
+        keyword: "",
+        page: this.pagerOptions.currPage,
+        pageSize: this.pagerOptions.pageSize
+      }).then((res) => {
+        console.log(res.data.data)
+        if (res.data.code === 200) {
+          const list = res.data.data.map((item) => {
+            return {
+              ...item
+            }
+          })
+          this.tableList = list || []
+          this.pagerOptions.totalCount = res.data.total
+        }
+      })
+    }
   }
 }
 </script>
@@ -117,7 +106,7 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .content {
-  height: calc(100% - 150px);
+  height: calc(100% - 130px);
   background: #fff;
   border-radius: 12px;
   .list-view {
@@ -137,6 +126,7 @@
       box-shadow: inset 0 0 2px #dee2e6;
       -moz-box-shadow: inset 0 0 2px #dee2e6;
       -webkit-box-shadow: inset 0 0 2px #dee2e6;
+      cursor: pointer;
       .top {
         height: 35px;
         line-height: 35px;
@@ -177,6 +167,7 @@
         .right {
           width: 50%;
           .right_status {
+            margin-top: 5px;
           }
         }
       }

--
Gitblit v1.8.0