From 3c52cfb3c70bd2a3d06e97167a0a1a981d658227 Mon Sep 17 00:00:00 2001
From: liupengpeng <276665548@qq.com>
Date: 星期四, 09 二月 2023 15:33:55 +0800
Subject: [PATCH] 版本管理

---
 src/views/datamanage/versionManage.vue |  151 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 125 insertions(+), 26 deletions(-)

diff --git a/src/views/datamanage/versionManage.vue b/src/views/datamanage/versionManage.vue
index cfe510f..b193eea 100644
--- a/src/views/datamanage/versionManage.vue
+++ b/src/views/datamanage/versionManage.vue
@@ -16,7 +16,27 @@
           :inline="true"
         >
           <el-form-item>
-            <el-cascader
+            <el-select
+            :popper-append-to-body="false"
+            v-model="ruleForm.dirid"
+            placeholder="璇烽�夋嫨"
+            style="width:300px"
+          >
+            <el-option
+              :value="ruleForm.dirid"
+              :label="ruleForm.depName"
+              style=" height:auto"
+            >
+              <el-tree
+                ref="tree"
+                :data="companyOption"
+                node-key="id"
+                :props="props"
+                @node-click="handleChange"
+              />
+            </el-option>
+          </el-select>
+            <!-- <el-cascader
               v-model="ruleForm.dirid"
               :show-all-levels="false"
               :options="companyOption"
@@ -28,7 +48,7 @@
               checkStrictly: true,
               emitPath: false,
             }"
-            ></el-cascader>
+            ></el-cascader> -->
           </el-form-item>
           <el-form-item>
             <el-input
@@ -137,14 +157,14 @@
             </el-table-column>
           </el-table>
           <div
-            style="margin-top: 20px; margin-left: 200px"
+            style="margin-top: 20px; "
             class="pagination_box"
           >
             <el-pagination
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="listData.pageIndex"
-              :page-sizes="[10, 20, 30, 40]"
+              :page-sizes="[10, 20, 50, 100]"
               :page-size="listData.pageSize"
               layout="total, sizes, prev, pager, next, jumper"
               :total="count"
@@ -157,6 +177,7 @@
     <el-dialog
       :title="$t('dataManage.vmobj.editVersion')"
       :visible.sync="dialogFormVisible"
+      width="25%"
     >
       <el-form :model="upform">
         <el-form-item
@@ -166,19 +187,40 @@
           <el-input
             v-model="upform.name"
             autocomplete="off"
+            style="width: 300px"
           ></el-input>
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.vmobj.catalogue')"
           :label-width="formLabelWidth"
         >
-          <el-cascader
+        <el-select
+            :popper-append-to-body="false"
+            v-model="upform.dirid"
+            placeholder="璇烽�夋嫨"
+            style="width:300px"
+          >
+            <el-option
+              :value="upform.dirid"
+              :label="upform.depName"
+              style=" height:auto"
+            >
+              <el-tree
+                ref="tree"
+                :data="editcatalogOption"
+                node-key="id"
+                :props="props"
+                @node-click="handlupCatalogChange"
+              />
+            </el-option>
+          </el-select>
+          <!-- <el-cascader
             style="width: 300px"
             v-model="upform.dirid"
             :options="editcatalogOption"
             @change="upCatalogChange"
             :props="cascader"
-          ></el-cascader>
+          ></el-cascader> -->
         </el-form-item>
         <el-form-item
           :label="$t('dataManage.vmobj.describe')"
@@ -187,6 +229,7 @@
           <el-input
             v-model="upform.descr"
             autocomplete="off"
+            style="width: 300px"
           ></el-input>
         </el-form-item>
       </el-form>
@@ -214,7 +257,7 @@
     <el-dialog
       :title="$t('dataManage.vmobj.addVersion')"
       :visible.sync="InsertFormdialog"
-      width="30%"
+      width="25%"
     >
       <el-form :model="insertform">
         <el-form-item
@@ -231,13 +274,33 @@
           :label="$t('dataManage.vmobj.catalogue')"
           :label-width="formLabelWidth"
         >
-          <el-cascader
+        <el-select
+            :popper-append-to-body="false"
+            v-model="insertform.path"
+            placeholder="璇烽�夋嫨"
+            style="width:300px"
+          >
+            <el-option
+              :value="insertform.path"
+              :label="insertform.dirName"
+              style=" height:auto"
+            >
+              <el-tree
+                ref="tree"
+                :data="editcatalogOption"
+                node-key="id"
+                :props="props"
+                @node-click="catalogChangeAdd"
+              />
+            </el-option>
+          </el-select>
+          <!-- <el-cascader
             style="width: 300px"
             v-model="insertform.path"
             :options="catalogOption"
             @change="catalogChange"
             :props="cascader"
-          ></el-cascader>
+          ></el-cascader> -->
         </el-form-item>
 
         <el-form-item
@@ -373,6 +436,13 @@
   components: { MyBread, verDirTree, verDirTrees },
   data() {
     return {
+      props: {
+        label: 'name',
+        value: 'id',
+        children: 'children',
+        checkStrictly: true,
+        emitPath: false,
+      },
       catalogOption: [],
       editcatalogOption: [],
       showCata: false,
@@ -415,6 +485,7 @@
     this.getQueryDirTree();
     this.getRoleTabelData();
     this.showPermsBtn();
+    this.$set(this.ruleForm, 'depName', '璇烽�夋嫨')
   },
   computed: {
     pathId() {
@@ -427,8 +498,18 @@
     catalogChange(value) {
       this.insertform.dirid = value;
     },
+    catalogChangeAdd (data, node, nodeData) {
+      this.$set(this.insertform, 'path', data.id)
+      this.$set(this.insertform, 'dirName', data.name)
+    },
     upCatalogChange(val) {
       this.upform.dirid == val;
+    },
+    handlupCatalogChange(data, node, nodeData) {
+      this.$set(this.upform, 'dirid', data.id)
+      this.$set(this.upform, 'depName', data.name)
+      // this.upform.dirid == data.id;
+      // this.upform.depName = data.name;
     },
     //鐩綍鍒楄〃鑾峰彇
     async getQueryDirTree() {
@@ -441,11 +522,18 @@
       this.ruleForm.dirid = this.companyOption[0].id
 
     },
-    handleChange(val) {
-
-      this.ruleForm.dirid = val;
+    handleChange (data, node, nodeData) {
+      this.$set(this.ruleForm, 'dirid', data.id)
+      this.$set(this.ruleForm, 'depName', data.name)
+      // this.ruleForm.dirid = data.id;
+      // this.ruleForm.depName = data.name;
       this.onSubmit();
     },
+    // handleChange(val) {
+
+    //   this.ruleForm.dirid = val;
+    //   this.onSubmit();
+    // },
     //鐩綍鍒楄〃鑾峰彇
     async getSelectdirTab() {
       const res = await selectdirTab();
@@ -601,21 +689,32 @@
       }
       return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss');
     },
-    async handleDelete(index, row) {
-      const data = await deleteVersion(row.id);
-      if (data.code == 200) {
-        this.InsertFormdialog = false;
-        this.$message({
-          message: '鍒犻櫎鎴愬姛锛�',
-          type: 'success',
+    handleDelete(index, row) {
+      this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ増鏈俊鎭�, 鏄惁缁х画?', '鎻愮ず', {
+          confirmButtonText: '纭畾',
+          cancelButtonText: '鍙栨秷',
+          type: 'warning'
+        }).then(async () => {
+          const data = await deleteVersion(row.id);
+          if (data.code == 200) {
+            this.InsertFormdialog = false;
+            this.$message({
+              message: '鍒犻櫎鎴愬姛锛�',
+              type: 'success',
+            });
+            this.getRoleTabelData();
+          } else {
+            this.$message({
+              message: '鍒犻櫎澶辫触锛�',
+              type: 'warning',
+            });
+          }
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '宸插彇娑堝垹闄�'
+          });          
         });
-        this.getRoleTabelData();
-      } else {
-        this.$message({
-          message: '鍒犻櫎澶辫触锛�',
-          type: 'warning',
-        });
-      }
     },
     handleEdit(index, row) {
       this.dialogFormVisible = true;

--
Gitblit v1.9.3