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