From 77f6a5c70bfa97894387062ca8642a8798e5f496 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期五, 09 八月 2024 14:42:51 +0800
Subject: [PATCH] 编写生命周期模块 && 业务类型添加查询 && 创建未编写模块的路由配置

---
 Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue |  136 ++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 133 insertions(+), 3 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
index 53e5dd8..767ed05 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
@@ -1,13 +1,143 @@
 <template>
-  <p>涓氬姟绫诲瀷</p>
+  <el-container>
+    <el-aside>
+      <basic-container>
+        <div ref="TreeBox" style="height: calc(100vh - 144px);!important;">
+          <div class="headerCon">
+            <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓
+            </el-button>
+            <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">淇敼
+            </el-button>
+            <el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">鍒犻櫎
+            </el-button>
+            <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭
+            </el-button>
+            <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">瀵煎叆
+            </el-button>
+            <el-button class="miniBtn" icon="el-icon-circle-plus-outline" plain size="small"
+                       type="primary" @click="createViewClickHandler">鍒涘缓瑙嗗浘
+            </el-button>
+            <el-button class="miniBtn" icon="el-icon-circle-plus-outline" plain size="small"
+                       type="primary" @click="checkClickHandler">鍒涘缓绱㈠紩
+            </el-button>
+            <el-button icon="el-icon-menu" plain size="small" style="width: 82px;text-align: center;padding-left: 1px"
+                       type="primary" @click="checkClickHandler">涓�鑷存�ф鏌�
+            </el-button>
+            <el-button class="miniBtn" icon="el-icon-delete" plain size="small"
+                       type="danger" @click="checkClickHandler">鍒犻櫎鏁版嵁
+            </el-button>
+            <el-button class="smallBtn" plain size="small"
+                       type="danger" @click="checkClickHandler">鍒犻櫎鍏ㄩ儴绫诲瀷
+            </el-button>
+            <el-button class="smallBtn" plain size="small" type="primary">鏌ョ湅浣跨敤鑼冨洿
+            </el-button>
+          </div>
+          <!-- 宸︿晶鏍� -->
+          <div style="height:  calc(100vh - 330px);">
+            <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick">
+          <span slot-scope="{ node, data }" class="el-tree-node__label">
+           <span style="font-size: 15px">
+              <i class="el-icon-s-promotion"></i>
+                {{ (node || {}).label }}
+            </span>
+          </span>
+            </avue-tree>
+          </div>
+        </div>
+      </basic-container>
+    </el-aside>
+  </el-container>
 </template>
 
 <script>
+import {getBizTypes} from "@/api/modeling/businessType/api"
+
 export default {
-  name: "index"
+  name: "index",
+  data() {
+    return {
+      treeOption: {
+        height: 'auto',
+        defaultExpandAll: false,
+        menu: false,
+        addBtn: false,
+        props: {
+          label: 'name',
+          value: 'name',
+          children: 'children'
+        }
+      },
+      treeData: []
+    }
+  },
+  created() {
+    this.getTreeList();
+  },
+  methods: {
+    getTreeList() {
+      getBizTypes().then(res => {
+        const data = res.data.data.map(item => {
+          return item.attributes;
+        });
+        this.treeData = data;
+      })
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+::v-deep {
+  .el-scrollbar__wrap {
+    overflow: auto !important;
+  }
 
+  .el-form-item .el-select {
+    width: 100%;
+  }
+
+  .headerCon {
+    .el-button {
+      width: 82px;
+    }
+  }
+}
+
+.headerCon {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 5px;
+
+  .el-button + .el-button {
+    margin-left: 5px;
+  }
+
+  .el-button {
+    margin-top: 5px;
+  }
+}
+
+.headerCon > .el-button:nth-child(4) {
+  margin-left: 0;
+}
+
+.headerCon > .el-button:nth-child(7) {
+  margin-left: 0;
+}
+
+.headerCon > .el-button:nth-child(10) {
+  margin-left: 0;
+}
+
+.miniBtn {
+  width: 82px;
+  text-align: center;
+  padding-left: 7px;
+}
+
+.smallBtn {
+  width: 82px;
+  text-align: center;
+  padding-left: 4.5px;
+}
 </style>

--
Gitblit v1.9.3