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/basicsetting/limitType/index.vue |  272 ++++++++++++++++++++++++++++++++----------------------
 1 files changed, 162 insertions(+), 110 deletions(-)

diff --git a/energy_management_ui/src/views/basicsetting/limitType/index.vue b/energy_management_ui/src/views/basicsetting/limitType/index.vue
index 2f48152..e57cb7d 100644
--- a/energy_management_ui/src/views/basicsetting/limitType/index.vue
+++ b/energy_management_ui/src/views/basicsetting/limitType/index.vue
@@ -1,23 +1,36 @@
 <template>
   <div>
     <basic-container>
-      <el-form :model="queryParams" ref="queryForm" label-width="120px" class="special-form">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        label-width="120px"
+        class="special-form"
+      >
         <el-row :gutter="24">
           <el-col :span="6">
             <el-form-item label="闄愬�肩被鍨嬪悕绉�" prop="limitName">
               <el-input
-                  v-model="queryParams.limitName"
-                  placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�"
-                  clearable
-                  size="small"
-                  @keyup.enter.native="handleQuery"
+                v-model="queryParams.limitName"
+                placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�"
+                clearable
+                size="small"
+                @keyup.enter.native="handleQuery"
               />
             </el-form-item>
           </el-col>
           <el-col :span="18">
             <el-form-item class="operation">
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >鎼滅储</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >閲嶇疆</el-button
+              >
             </el-form-item>
           </el-col>
         </el-row>
@@ -27,34 +40,34 @@
       <el-row :gutter="10" class="mb8" style="margin-bottom: 19px">
         <el-col :span="1.5">
           <el-button
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd"
-              v-hasPermi="['basicsetting:limitType:add']"
-          >鏂板
+            type="primary"
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['basicsetting:limitType:add']"
+            >鏂板
           </el-button>
         </el-col>
         <el-col :span="1.5">
           <el-button
-              type="success"
-              icon="el-icon-edit"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-              v-hasPermi="['basicsetting:limitType:edit']"
-          >淇敼
+            type="success"
+            icon="el-icon-edit"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['basicsetting:limitType:edit']"
+            >淇敼
           </el-button>
         </el-col>
         <el-col :span="1.5">
           <el-button
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasPermi="['basicsetting:limitType:remove']"
-          >鍒犻櫎
+            type="danger"
+            icon="el-icon-delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['basicsetting:limitType:remove']"
+            >鍒犻櫎
           </el-button>
         </el-col>
         <!--      <el-col :span="1.5">-->
@@ -67,78 +80,107 @@
         <!--        >瀵煎嚭</el-button>-->
         <!--      </el-col>-->
       </el-row>
-      <el-table :height="height" v-loading="loading" :data="limitTypeList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center"/>
-        <el-table-column label="闄愬�肩被鍨嬪悕绉�" align="center" prop="limitName"/>
-        <el-table-column label="闄愬�肩被鍨嬬紪鍙�" align="center" prop="limitCode"/>
-        <el-table-column label="鎶ヨ闄愬埗绫诲瀷" align="center" prop="alarmType" :formatter="typeFormat"/>
+      <el-table
+        v-loading="loading"
+        :data="limitTypeList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="闄愬�肩被鍨嬪悕绉�" align="center" prop="limitName" />
+        <el-table-column label="闄愬�肩被鍨嬬紪鍙�" align="center" prop="limitCode" />
+        <el-table-column
+          label="鎶ヨ闄愬埗绫诲瀷"
+          align="center"
+          prop="alarmType"
+          :formatter="typeFormat"
+        />
         <el-table-column label="鑹插彿" align="center" prop="colorNumber">
           <template slot-scope="scope">
             <el-tag :color="scope.row.colorNumber" disable-transitions></el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="姣旇緝杩愮畻绗�" align="center" prop="comparatorOperator"/>
-        <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+        <el-table-column
+          label="姣旇緝杩愮畻绗�"
+          align="center"
+          prop="comparatorOperator"
+        />
+        <el-table-column
+          label="鎿嶄綔"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
           <template slot-scope="scope">
             <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit"
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['basicsetting:limitType:edit']"
-            >淇敼
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['basicsetting:limitType:edit']"
+              >淇敼
             </el-button>
             <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['basicsetting:limitType:remove']"
-            >鍒犻櫎
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['basicsetting:limitType:remove']"
+              >鍒犻櫎
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <pagination
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
       />
     </basic-container>
     <!-- 娣诲姞鎴栦慨鏀规姤璀﹂檺鍊肩被鍨嬬淮鎶ゅ璇濇 -->
     <el-dialog :title="title" :visible.sync="open" width="500px">
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="闄愬�肩被鍨嬪悕绉�" prop="limitName">
-          <el-input v-model="form.limitName" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�"/>
+          <el-input v-model="form.limitName" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬪悕绉�" />
         </el-form-item>
         <el-form-item label="闄愬�肩被鍨嬬紪鍙�" prop="limitCode">
-          <el-input v-model="form.limitCode" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬬紪鐮�"/>
+          <el-input v-model="form.limitCode" placeholder="璇疯緭鍏ラ檺鍊肩被鍨嬬紪鐮�" />
         </el-form-item>
         <el-form-item label="鎶ヨ闄愬埗绫诲瀷" prop="alarmType">
-          <el-select v-model="form.alarmType" placeholder="璇烽�夋嫨鎶ヨ闄愬埗绫诲瀷" clearable size="small">
+          <el-select
+            v-model="form.alarmType"
+            placeholder="璇烽�夋嫨鎶ヨ闄愬埗绫诲瀷"
+            clearable
+            size="small"
+          >
             <el-option
-                v-for="item in alarmTypeList"
-                :key="item.dictValue"
-                :label="item.dictLabel"
-                :value="item.dictValue">
+              v-for="item in alarmTypeList"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="鑹插彿" prop="colorNumber">
           <el-color-picker
-              v-model="form.colorNumber"
-              color-format="hex"
-              :predefine="predefineColors">
+            v-model="form.colorNumber"
+            color-format="hex"
+            :predefine="predefineColors"
+          >
           </el-color-picker>
         </el-form-item>
         <el-form-item label="姣旇緝杩愮畻绗�" prop="comparatorOperator">
-          <el-select v-model="form.comparatorOperator" placeholder="姣旇緝杩愮畻绗�" clearable size="small">
-            <el-option label="澶т簬" value=">"/>
-            <el-option label="澶т簬绛変簬" value=">="/>
-            <el-option label="灏忎簬" value="<"/>
-            <el-option label="灏忎簬绛変簬" value="<="/>
-            <el-option label="绛変簬" value="="/>
+          <el-select
+            v-model="form.comparatorOperator"
+            placeholder="姣旇緝杩愮畻绗�"
+            clearable
+            size="small"
+          >
+            <el-option label="澶т簬" value=">" />
+            <el-option label="澶т簬绛変簬" value=">=" />
+            <el-option label="灏忎簬" value="<" />
+            <el-option label="灏忎簬绛変簬" value="<=" />
+            <el-option label="绛変簬" value="=" />
           </el-select>
         </el-form-item>
       </el-form>
@@ -165,7 +207,7 @@
   mixins: [mixins],
   data() {
     return {
-      height:null,
+      height: null,
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
@@ -189,45 +231,47 @@
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        limitName: undefined,
+        limitName: undefined
       },
       // 琛ㄥ崟鍙傛暟
       form: {},
       // 琛ㄥ崟鏍￠獙
       rules: {
         limitName: [
-          {required: true, message: "闄愬�肩被鍨嬪悕绉颁笉鑳戒负绌�", trigger: "blur"}
+          { required: true, message: "闄愬�肩被鍨嬪悕绉颁笉鑳戒负绌�", trigger: "blur" }
         ],
         limitCode: [
-          {required: true, message: "闄愬�肩被鍨嬬紪鐮佷笉鑳戒负绌�", trigger: "blur"}
-        ],
+          { required: true, message: "闄愬�肩被鍨嬬紪鐮佷笉鑳戒负绌�", trigger: "blur" }
+        ]
       },
       //鑹插彿閫夋嫨鍣�
       predefineColors: [
-        '#ff4500',
-        '#ff8c00',
-        '#ffd700',
-        '#90ee90',
-        '#00ced1',
-        '#1e90ff',
-        '#c71585'
+        "#ff4500",
+        "#ff8c00",
+        "#ffd700",
+        "#90ee90",
+        "#00ced1",
+        "#1e90ff",
+        "#c71585"
       ]
     };
   },
   created() {
     this.getDicts("alarm_type").then(response => {
       this.alarmTypeList = response.data;
-      this.alarmTypeDefaultVal = this.alarmTypeList.find(f => f.isDefault === 'Y');
+      this.alarmTypeDefaultVal = this.alarmTypeList.find(
+        f => f.isDefault === "Y"
+      );
     });
     this.getList();
   },
   methods: {
     setCharts() {
       this.bodyStyle = {
-        height: window.innerHeight - 210 + 'px',
-        overflow: 'hidden'
-      }
-      this.height = window.innerHeight - 370;
+        height: window.innerHeight - 220 + "px",
+        overflow: "hidden"
+      };
+      // this.height = window.innerHeight - 370;
     },
     /** 鏌ヨ鎶ヨ闄愬�肩被鍨嬬淮鎶ゅ垪琛� */
     getList() {
@@ -279,10 +323,10 @@
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.limitName = selection.map(item => item.limitName)
-      this.single = selection.length != 1
-      this.multiple = !selection.length
+      this.ids = selection.map(item => item.id);
+      this.limitName = selection.map(item => item.limitName);
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
       console.log(JSON.stringify(selection));
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
@@ -296,7 +340,7 @@
     /** 淇敼鎸夐挳鎿嶄綔 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
+      const id = row.id || this.ids;
       getLimitType(id).then(response => {
         this.form = response.data;
         this.open = true;
@@ -304,7 +348,7 @@
       });
     },
     /** 鎻愪氦鎸夐挳 */
-    submitForm: function () {
+    submitForm: function() {
       this.$refs["form"].validate(valid => {
         if (valid) {
           // console.log(JSON.stringify(this.form))
@@ -335,37 +379,45 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$confirm('鏄惁纭鍒犻櫎鎶ヨ闄愬�肩被鍨嬬淮鎶ゅ悕绉颁负"' + ids + '"鐨勬暟鎹」?', "璀﹀憡", {
-        confirmButtonText: "纭畾",
-        cancelButtonText: "鍙栨秷",
-        type: "warning"
-      }).then(function () {
-        return delLimitType(ids);
-      }).then(() => {
-        this.getList();
-        this.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(function () {
-      });
+      this.$confirm(
+        '鏄惁纭鍒犻櫎鎶ヨ闄愬�肩被鍨嬬淮鎶ゅ悕绉颁负"' + ids + '"鐨勬暟鎹」?',
+        "璀﹀憡",
+        {
+          confirmButtonText: "纭畾",
+          cancelButtonText: "鍙栨秷",
+          type: "warning"
+        }
+      )
+        .then(function() {
+          return delLimitType(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(function() {});
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
       const queryParams = this.queryParams;
-      this.$confirm('鏄惁纭瀵煎嚭鎵�鏈夋姤璀﹂檺鍊肩被鍨嬬淮鎶ゆ暟鎹」?', "璀﹀憡", {
+      this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夋姤璀﹂檺鍊肩被鍨嬬淮鎶ゆ暟鎹」?", "璀﹀憡", {
         confirmButtonText: "纭畾",
         cancelButtonText: "鍙栨秷",
         type: "warning"
-      }).then(function () {
-        return exportLimitType(queryParams);
-      }).then(response => {
-        this.download(response.msg);
-      }).catch(function () {
-      });
+      })
+        .then(function() {
+          return exportLimitType(queryParams);
+        })
+        .then(response => {
+          this.download(response.msg);
+        })
+        .catch(function() {});
     },
     initAlarmType() {
       for (let i = 0; i < this.model.energyindexList.length; i++) {
         let ndy = "";
         getAlarmType(this.model.energyindexList[i].indexId).then(response => {
-          if (response.code == '200') {
+          if (response.code == "200") {
             if (response.msg == "1") {
               this.model.energyindexList[i].indexCategory = "鍚姩";
             } else if (response.msg == "2") {
@@ -378,7 +430,7 @@
           }
         });
       }
-    },
+    }
   }
 };
 </script>

--
Gitblit v1.9.3