From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001 From: ali <ali9696@163.com> Date: 星期二, 03 九月 2024 10:18:27 +0800 Subject: [PATCH] 整体样式修改 --- energy_management_ui/src/views/meter/implement/importIndexTable.vue | 144 +++++++++++++++++++++++++++++++----------------- 1 files changed, 93 insertions(+), 51 deletions(-) diff --git a/energy_management_ui/src/views/meter/implement/importIndexTable.vue b/energy_management_ui/src/views/meter/implement/importIndexTable.vue index 40837f1..fdc13cd 100644 --- a/energy_management_ui/src/views/meter/implement/importIndexTable.vue +++ b/energy_management_ui/src/views/meter/implement/importIndexTable.vue @@ -1,20 +1,47 @@ <template> <!-- 瀵煎叆琛� --> - <el-dialog :title="title" :visible.sync="open" :destroy-on-close="true" :append-to-body="true" width="800px" top="5vh"> - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px"> + <el-dialog + :title="title" + :visible.sync="open" + :destroy-on-close="true" + :append-to-body="true" + width="800px" + top="5vh" + > + <el-form + :model="queryParams" + ref="queryForm" + :inline="true" + label-width="68px" + > <el-form-item> - <el-button icon="el-icon-refresh" size="mini" @click="createIndex">鐢熸垚鎸囨爣</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="createIndex" + >鐢熸垚鎸囨爣</el-button + > </el-form-item> </el-form> - <el-row> - <el-table v-loading="loading" :data="impIndexList" stripe max-height="350"> - <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code" /> - <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="name" /> - <el-table-column label="鎸囨爣绫诲瀷" align="center" prop="indexType" :formatter="indexTypeFormat" /> - <el-table-column label="鍗曚綅" align="center" prop="unitId" :formatter="unitIdFormat" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <el-table v-loading="loading" :data="impIndexList" max-height="350"> + <el-table-column label="鎸囨爣缂栫爜" align="center" prop="code" /> + <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="name" /> + <el-table-column + label="鎸囨爣绫诲瀷" + align="center" + prop="indexType" + :formatter="indexTypeFormat" + /> + <el-table-column + label="鍗曚綅" + align="center" + prop="unitId" + :formatter="unitIdFormat" + /> + <el-table-column + label="鎿嶄綔" + align="center" + class-name="small-padding fixed-width" + > <template slot-scope="scope"> <el-button size="mini" @@ -22,17 +49,18 @@ icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['meter:annex:remove']" - >鍒犻櫎</el-button> + >鍒犻櫎</el-button + > </template> </el-table-column> </el-table> -<!-- <pagination--> -<!-- v-show="total>0"--> -<!-- :total="total"--> -<!-- :page.sync="queryParams.pageNum"--> -<!-- :limit.sync="queryParams.pageSize"--> -<!-- @pagination="getList"--> -<!-- />--> + <!-- <pagination--> + <!-- v-show="total>0"--> + <!-- :total="total"--> + <!-- :page.sync="queryParams.pageNum"--> + <!-- :limit.sync="queryParams.pageSize"--> + <!-- @pagination="getList"--> + <!-- />--> </el-row> <div slot="footer" class="dialog-footer"> <el-button @click="handclose">鍙� 娑�</el-button> @@ -41,8 +69,8 @@ </template> <script> -import { listIndex,addIndex,delIndex } from "@/api/meter/index"; -let meterid=""; +import { listIndex, addIndex, delIndex } from "@/api/meter/index"; +let meterid = ""; // 閫氱敤涓嬭浇鏂规硶 export default { @@ -58,7 +86,7 @@ multiple: true, // 鎬绘潯鏁� total: 0, - qjcode:"", + qjcode: "", // 璁¢噺鍣ㄥ叿妗f 鎸囨爣 琛ㄦ牸鏁版嵁 impIndexList: [], // 璁¢噺鍣ㄥ叿妗f 鎸囨爣鐨� 鍗曚綅闆嗗悎 @@ -79,9 +107,9 @@ queryParams: { pageNum: 1, pageSize: 10, - implementId:'', + implementId: "", tableName: undefined - }, + } }; }, created() { @@ -94,13 +122,13 @@ }, methods: { // 鏄剧ず寮规 - show(impid,code) { + show(impid, code) { this.reset(); this.qjcode = code; this.queryParams.implementId = impid; this.meterid = impid; this.getList(); - this.title='缂栧彿 '+code+' 鎸囨爣'; + this.title = "缂栧彿 " + code + " 鎸囨爣"; this.open = true; }, // 鎸囨爣绫诲瀷瀛楀吀缈昏瘧 @@ -116,7 +144,7 @@ this.queryParams = { pageNum: 1, pageSize: 10, - implementId:'', + implementId: "", tableName: undefined }; //娓呯┖涓婁紶缁勪欢鐨勬枃浠跺垪琛� @@ -132,37 +160,51 @@ // 鐢熸垚璁¢噺鍣ㄥ叿鎸囨爣 createIndex() { let aa = this.meterid; - console.log("aa==="+aa); - this.$confirm('鏄惁纭閲嶆柊鐢熸垚鍣ㄥ叿缂栫爜涓�"' + this.qjcode + '"鐨勬寚鏍囧悧?閲嶆柊鐢熸垚鍚庢墍鏈夋寚鏍囦細杩樺師鍒版ā鏉跨姸鎬�', "璀﹀憡", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning" - }).then(function() { + console.log("aa===" + aa); + this.$confirm( + '鏄惁纭閲嶆柊鐢熸垚鍣ㄥ叿缂栫爜涓�"' + + this.qjcode + + '"鐨勬寚鏍囧悧?閲嶆柊鐢熸垚鍚庢墍鏈夋寚鏍囦細杩樺師鍒版ā鏉跨姸鎬�', + "璀﹀憡", + { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + } + ) + .then(function() { return addIndex(aa); - }).then(() => { - this.getList(); - this.msgSuccess("鎸囨爣鐢熸垚鎴愬姛"); - }).catch(function() {}); + }) + .then(() => { + this.getList(); + this.msgSuccess("鎸囨爣鐢熸垚鎴愬姛"); + }) + .catch(function() {}); }, /** 鍏抽棴鎸夐挳鎿嶄綔 */ - handclose() - { - this.open=false; + handclose() { + this.open = false; }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { - this.$confirm('鏄惁纭鍒犻櫎鎸囨爣缂栫爜涓�"' + row.code + '"鐨勬寚鏍囧悧?', "璀﹀憡", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning" - }).then(function() { - return delIndex(row.indexId); - }).then(() => { - this.getList(); - this.msgSuccess("鎸囨爣鍒犻櫎鎴愬姛"); - }).catch(function() {}); - }, + this.$confirm( + '鏄惁纭鍒犻櫎鎸囨爣缂栫爜涓�"' + row.code + '"鐨勬寚鏍囧悧?', + "璀﹀憡", + { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + } + ) + .then(function() { + return delIndex(row.indexId); + }) + .then(() => { + this.getList(); + this.msgSuccess("鎸囨爣鍒犻櫎鎴愬姛"); + }) + .catch(function() {}); + } } }; - </script> -- Gitblit v1.9.3