From 03e602bbaee807c42a22df05f1f00c558ffe9fa0 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期一, 13 一月 2025 17:27:19 +0800
Subject: [PATCH] 首页跳转日志bug

---
 Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue |   91 +++++++++++++++++++++++++++++++++++----------
 1 files changed, 71 insertions(+), 20 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue b/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
index 8718080..ab52220 100644
--- a/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
+++ b/Source/plt-web/plt-web-ui/src/views/wel/workIndex.vue
@@ -1,48 +1,99 @@
 <template>
   <div>
     <el-row>
-      <el-col v-for="item in homeData" :span="item.span" :xs="24">
-        <component :height="height*item.height" :is="item.component" :key="item.component" :title="item.title" :icon="item.icon"></component>
+      <el-col v-for="item in homeData" :span="item.num" :xs="24">
+        <div class="basic-container">
+          <el-card class="basic-container__card" :body-style="{height:+(height*item.ratio-(item.title?78:38))+'px'}">
+            <div slot="header" class="clearfix" v-if="item.title || item.icon">
+              <span>{{item.title}}</span>
+              <icon-show :name="item.icon" style="display: inline-block"></icon-show>
+            </div>
+            <component :height="height*item.ratio" :is="item.module" :key="item.module" :title="item.title" :icon="item.icon"></component>
+          </el-card>
+        </div>
       </el-col>
     </el-row>
+    <i title="鑷畾涔夐厤缃�" class="el-icon-setting" @click="setHandler" style="position: absolute;top:60px;right:20px;font-size: 20px;cursor: pointer"></i>
+    <el-dialog
+      v-dialogDrag
+      title="鑷畾涔夐厤缃�"
+      :visible.sync="visible"
+      append-to-body="true"
+      class="avue-dialog"
+      :fullscreen="true"
+      @close="closeHandler"
+    >
+      <home-config></home-config>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import {getAllData} from "@/api/homeConfig";
+import homeConfig from './homeConfig.vue';
 import UndoTaskPortlet from './components/UndoTaskPortlet.vue';
 import taskPortlet from './components/taskPortlet.vue';
 import test from './components/test.vue';
 export default {
   name: "workIndex",
-  components:{UndoTaskPortlet,taskPortlet,test},
+  components:{homeConfig,UndoTaskPortlet,taskPortlet,test},
   data(){
     return {
       height:document.body.clientHeight-115,
-      homeData:[{
-        component:'UndoTaskPortlet',
-        height:0.4,
-        span:16
-      },{
-        component:'taskPortlet',
-        height:0.3,
-        span:5
-      },{
-        component:'test',
-        height:0.6,
-        span:12
-      }]
+      homeData:[],
+      visible: false,
     }
   },
   created() {
-    this.initData();
+    this.getList();
   },
   methods:{
-    initData() {
+    getList() {
+      getAllData().then(res => {
+        const data = res.data.data;
+        if(data.length>0){
+          this.homeData = data;
+        }else {
+          this.homeData = [{
+            orderNum:1,
+            module: "UndoTaskPortlet",
+            title: "寰呭姙娴佺▼浠诲姟",
+            num:24,
+            icon: "",
+            ratio:1.00
+          }];
+        }
+      }).catch(error=>{
+        this.homeData = [{
+          orderNum:1,
+          module: "UndoTaskPortlet",
+          title: "寰呭姙娴佺▼浠诲姟",
+          num:24,
+          icon: "",
+          ratio:1.00
+        }];
+      });
     },
+    setHandler(){
+      this.visible=true;
+    },
+    closeHandler(){
+      this.getList();
+      this.visible=false;
+    }
   }
 }
 </script>
 
-<style scoped>
-
+<style lang="scss" scoped>
+::v-deep {
+  .iconShow{
+    margin-left: 5px;
+    position: relative;
+    top:4px;
+  }
+  .el-col {
+    margin-bottom: 0px;
+  }
+}
 </style>

--
Gitblit v1.9.3