From 93a38ac31615b1aa053a4440c59814ea72353945 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 17 一月 2023 14:39:19 +0800
Subject: [PATCH] 界面修改

---
 src/views/datamanage/addStyle.vue |  138 ++++++++++++++++++++++++++++++++++-----------
 1 files changed, 104 insertions(+), 34 deletions(-)

diff --git a/src/views/datamanage/addStyle.vue b/src/views/datamanage/addStyle.vue
index 6a52c6e..6416537 100644
--- a/src/views/datamanage/addStyle.vue
+++ b/src/views/datamanage/addStyle.vue
@@ -3,18 +3,23 @@
     <My-bread :list="['鏁版嵁绠$悊', '鏍峰紡绠$悊', '娣诲姞鏍峰紡']"></My-bread>
     <el-divider />
     <div class="inquire">
-      <el-form ref="formData1" :model="updateForm" :inline="true">
+      <el-form
+        ref="formData1"
+        :model="updateForm"
+        :inline="true"
+      >
         <el-form-item>
           <el-link
             style="margin-left: 10px; margin-right: 20px"
             :underline="false"
             @click="returnStyle"
             title="杩斿洖"
-            ><i class="el-icon-d-arrow-left"></i
-          ></el-link>
-          <el-button type="primary" size="small" @click="showCatalog()"
-            >鐩綍</el-button
-          >
+          ><i class="el-icon-d-arrow-left"></i></el-link>
+          <el-button
+            type="primary"
+            size="small"
+            @click="showCatalog()"
+          >鐩綍</el-button>
         </el-form-item>
         <el-form-item>
           <el-tooltip
@@ -28,12 +33,17 @@
               disabled
               class="firstInput"
             />
-          </el-tooltip> </el-form-item
-        ><el-form-item>
+          </el-tooltip>
+        </el-form-item>
+        <el-form-item>
           <span>绫诲瀷閫夋嫨</span>
         </el-form-item>
         <el-form-item>
-          <el-select v-model="updateForm.type" clearable placeholder="璇烽�夋嫨">
+          <el-select
+            v-model="updateForm.type"
+            clearable
+            placeholder="璇烽�夋嫨"
+          >
             <el-option
               v-for="item in options"
               :key="item.value"
@@ -64,7 +74,10 @@
             :accept="acceptItem"
           >
             <template #trigger>
-              <el-button type="primary" size="small">閫夋嫨</el-button>
+              <el-button
+                type="primary"
+                size="small"
+              >閫夋嫨</el-button>
             </template>
             <el-button
               class="ml-3"
@@ -79,8 +92,7 @@
               :underline="false"
               @click="delStyleData"
               style="margin-left: 300px"
-              ><i class="el-icon-delete"></i
-            ></el-link>
+            ><i class="el-icon-delete"></i></el-link>
           </el-upload>
         </el-form-item>
       </el-form>
@@ -94,20 +106,66 @@
         height="99%"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column type="selection" width="55" />
-        <el-table-column width="50" type="index" label="搴忓彿" />
-        <el-table-column min-width="150" prop="name" label="鏁版嵁鍚嶇О" />
-        <el-table-column min-width="200" prop="path" label="鎵�灞炵洰褰�" />
-        <el-table-column min-width="100" prop="create_time" label="鍒涘缓鏃堕棿" />
-        <el-table-column min-width="100" prop="create_user" label="鍒涘缓浜哄憳" />
-        <el-table-column min-width="80" prop="type" label="鏁版嵁绫诲瀷" />
-        <el-table-column min-width="80" prop="format" label="鏁版嵁鏍煎紡" />
-        <el-table-column min-width="80" prop="up_unit" label="涓婁紶鍗曚綅" />
-        <el-table-column min-width="50" prop="status" label="鏁版嵁鐘舵��" />
-        <el-table-column min-width="50" prop="version" label="鏁版嵁鐗堟湰" />
+        <el-table-column
+          type="selection"
+          width="55"
+        />
+        <el-table-column
+          width="50"
+          type="index"
+          label="搴忓彿"
+        />
+        <el-table-column
+          min-width="150"
+          prop="name"
+          label="鏁版嵁鍚嶇О"
+        />
+        <el-table-column
+          min-width="200"
+          prop="path"
+          label="鎵�灞炵洰褰�"
+        />
+        <el-table-column
+          min-width="100"
+          prop="create_time"
+          label="鍒涘缓鏃堕棿"
+        />
+        <el-table-column
+          min-width="100"
+          prop="create_user"
+          label="鍒涘缓浜哄憳"
+        />
+        <el-table-column
+          min-width="80"
+          prop="type"
+          label="鏁版嵁绫诲瀷"
+        />
+        <el-table-column
+          min-width="80"
+          prop="format"
+          label="鏁版嵁鏍煎紡"
+        />
+        <el-table-column
+          min-width="80"
+          prop="up_unit"
+          label="涓婁紶鍗曚綅"
+        />
+        <el-table-column
+          min-width="50"
+          prop="status"
+          label="鏁版嵁鐘舵��"
+        />
+        <el-table-column
+          min-width="50"
+          prop="version"
+          label="鏁版嵁鐗堟湰"
+        />
       </el-table>
     </div>
-    <div class="pagination_box" style="margin-top: 20px; margin-left: 400px">
+    <div
+      class="pagination_box"
+      style="margin-top: 20px; margin-left: 400px"
+    >
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -119,17 +177,24 @@
       >
       </el-pagination>
     </div>
-    <div class="leftTree" v-show="showCata">
+    <div
+      class="leftTree"
+      v-show="showCata"
+    >
       <div class="treeBox">
         <catalogueTree></catalogueTree>
       </div>
       <div class="btnBox">
-        <el-button type="primary" size="small" @click="selectCataName"
-          >纭畾</el-button
-        >
-        <el-button type="primary" size="small" @click="closeCata"
-          >鍙栨秷</el-button
-        >
+        <el-button
+          type="primary"
+          size="small"
+          @click="selectCataName"
+        >纭畾</el-button>
+        <el-button
+          type="primary"
+          size="small"
+          @click="closeCata"
+        >鍙栨秷</el-button>
       </div>
     </div>
     <!-- <div class="infoBox" v-show="showinfoBox">
@@ -290,7 +355,7 @@
           });
           this.startFromData();
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 鏄剧ず鐩綍
     showCatalog() {
@@ -310,7 +375,11 @@
 
     submitUpload() {
       if (this.updateForm.path_id == "" || this.updateForm.type == "") {
-        alert("璇烽�夋嫨鏁版嵁绫诲瀷鎴栦笂浼犵洰褰�");
+
+        this.$message({
+          message: '璇烽�夋嫨鏁版嵁绫诲瀷鎴栦笂浼犵洰褰�',
+          type: 'warning'
+        });
         this.$refs.upload.abort();
         return false;
       } else {
@@ -341,7 +410,8 @@
           });
           this.getMetaData(10, 1);
         } else {
-          alert("涓婁紶澶辫触");
+
+          this.$message.error('涓婁紶澶辫触');
           console.log(res);
         }
       });

--
Gitblit v1.9.3