From 4c6f2df21a29048440a85e34dadcd4f1c75c179c Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 13 十一月 2023 17:32:24 +0800
Subject: [PATCH] 页面优化

---
 src/views/operate/management/message/index.vue |   77 ++++++++++++++++++++------------------
 1 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/src/views/operate/management/message/index.vue b/src/views/operate/management/message/index.vue
index 1176fb9..bf39969 100644
--- a/src/views/operate/management/message/index.vue
+++ b/src/views/operate/management/message/index.vue
@@ -15,7 +15,10 @@
           </el-radio-group>
         </div>
         <div class="btns">
-          <el-button type="primary" icon="el-icon-search" @click="getMessageAuditList"
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="getMessageAuditList"
             >鏌ヨ</el-button
           >
           <el-button icon="el-icon-delete-solid" @click="handleReset"
@@ -41,8 +44,8 @@
               >瀹℃牳</el-link
             >
           </template>
-          <template #time="{timeobj}">
-            <span>{{ changeUpdateTime(timeobj.row.updateTime)}}</span>
+          <template #time="{ timeobj }">
+            <span>{{ changeUpdateTime(timeobj.row.updateTime) }}</span>
           </template>
         </MyTable>
         <div class="tools">
@@ -71,9 +74,9 @@
           :before-close="handleClose"
         >
           <MyCheckSms
-              v-if="dialogCheckSms"
-              :messageData="messageData"
-              @closeDialog="closeDialog"
+            v-if="dialogCheckSms"
+            :messageData="messageData"
+            @closeDialog="closeDialog"
           ></MyCheckSms>
         </el-dialog>
       </div>
@@ -156,18 +159,18 @@
     };
   },
   created() {
-    this.getMessageAuditList()
+    this.getMessageAuditList();
   },
   methods: {
     // 閲嶇疆
     handleReset() {
-      this.context = '';
+      this.context = "";
       this.status = 0;
       this.getMessageAuditList();
     },
     // 鑾峰彇娑堟伅鏁版嵁
     getMessageAuditList() {
-       this.$axios({
+      this.$axios({
         method: "post",
         url: "sccg/message_audit/list",
         data: {
@@ -177,12 +180,13 @@
           current: this.currentPage,
           pageSize: this.pageSize,
         },
-      }).then((res) => {
-        const { records, total } = res.data;
-        this.tableData = records;
-        this.totalNum = total;
-      }).catch(err => this.$message.error(err))
-
+      })
+        .then((res) => {
+          const { records, total } = res.data;
+          this.tableData = records;
+          this.totalNum = total;
+        })
+        .catch((err) => this.$message.error(err));
     },
     // 寮圭獥鍏抽棴
     handleClose(done) {
@@ -207,15 +211,14 @@
     },
     // 鑾峰彇褰撳墠鐧诲綍鐢ㄦ埛淇℃伅
     getLoginUserInfo() {
-            const name = sessionStorage.getItem('name');
-            this.$axios({
-                method: 'get',
-                url: 'sccg/admin/info?name=' + name,
-            })
-                .then(res => {
-                    this.auditId = res.data.userId
-                })
-     },
+      const name = sessionStorage.getItem("name");
+      this.$axios({
+        method: "get",
+        url: "sccg/admin/info?name=" + name,
+      }).then((res) => {
+        this.auditId = res.data.userId;
+      });
+    },
     // 鍏抽棴dialog
     closeDialog({ flag, index }) {
       this.dialogCheckSms = flag;
@@ -236,18 +239,18 @@
 <style lang="scss" scoped>
 .message {
   text-align: left;
-  margin: 10px 20px;
+  padding: 10px 20px;
   color: #4b9bb7;
-
+  border: 1px solid #ccc;
   header {
     background-color: white;
     .header-title {
       line-height: 40px;
-      padding: 0 20px;
+      //padding: 0 20px;
       border-bottom: 1px solid #4b9bb7;
     }
     .header-content {
-      padding: 0 40px;
+      //padding: 0 40px;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -266,8 +269,8 @@
           color: #1d3f57;
 
           &::v-deep .el-input__inner {
-            background-color: #09152f;
-            border: 1px solid #17324c;
+            // background-color: #09152f;
+            //border: 1px solid #17324c;
           }
         }
       }
@@ -275,7 +278,7 @@
   }
 
   main {
-    background-color: #09152f;
+    background-color: #ffffff;
     margin-top: 20px;
     padding-bottom: 50px;
 
@@ -313,7 +316,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -336,7 +339,7 @@
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -349,8 +352,8 @@
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       .operation {
         display: flex;
@@ -358,7 +361,7 @@
         .line {
           padding: 0 5px;
         }
-
+        color: var(--operation-color);
         span:hover {
           cursor: pointer;
         }
@@ -366,4 +369,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0