From c4926e25f0d61c621e781c54659b76bd9e6f54ab Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期三, 18 十月 2023 20:15:13 +0800
Subject: [PATCH] feat: 产品类别表单非必填项添加兜底展示

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

diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index c535477..baee3a7 100644
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="rightContent">
     <div class="top">
-      <SearchCommonView :show-add="false" :placeholder="'璇疯緭鍏ヤ骇鍝佸悕绉�'" :amount-view="false" @searchClick="getList" />
+      <SearchCommonView :show-add="false" :placeholder="'璇疯緭鍏ヤ笟鍔＄被鍨�'" :amount-view="false" @searchClick="getList" />
     </div>
     <div class="content">
       <div class="list-view">
@@ -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 姝ｅ湪绛夊緟</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,59 +59,49 @@
   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: "鏂板缓",
-        infomation: {}
+        infomation: {},
+        keyword: ""
       }
     }
   },
-  created() {},
+  created() {
+    this.getData()
+  },
   methods: {
     getList(val) {
       console.log(val)
+      this.keyword = val
+      this.getData()
     },
     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: this.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 +109,7 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .content {
-  height: calc(100% - 150px);
+  height: calc(100% - 112px);
   background: #fff;
   border-radius: 12px;
   .list-view {
@@ -137,6 +129,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 +170,7 @@
         .right {
           width: 50%;
           .right_status {
+            margin-top: 5px;
           }
         }
       }
@@ -192,4 +186,8 @@
     }
   }
 }
+
+.btn-pager {
+  margin-top: 0;
+}
 </style>

--
Gitblit v1.8.0