样式调整

@@ -3,47 +3,47 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import Chart from "./Chart";
-import work from "@/api/work";
-export default {
-  data() {
-    return {
-      cdata: {
-        category: [],
-        lineData: [],
-        barData: [],
-      },
-    };
-  },
-  components: {
-    Chart,
-  },
-  mounted() {
-    window.addEventListener("resize", () => {
+  import Chart from "./Chart";
+  import work from "@/api/work";
+  export default {
+    data () {
+      return {
+        cdata: {
+          category: [],
+          lineData: [],
+          barData: [],
+        },
+      };
+    },
+    components: {
+      Chart,
+    },
+    mounted () {
+      window.addEventListener("resize", () => {
+        this.submitViews();
+      });
       this.submitViews();
       this.submitViews();
-    });
-    this.submitViews();
-  },
-  methods: {
-    async submitViews() {
-      try {
-        let { result: res } = await work.submitViews("A20");
-        this.cdata.category = [];
-        this.cdata.barData = [];
-        this.cdata.lineData = [];
-        res.map((item) => {
-          return (
-            this.cdata.category.push(item.areaName),
-            this.cdata.barData.push(item.successCount),
-            this.cdata.lineData.push(item.failureCount)
-          );
-        });
-      } catch (error) {
-        // this.$refs.msg.messageShow();
-      }
     },
     },
-  },
-};
+    methods: {
+      async submitViews () {
+        try {
+          let { result: res } = await work.submitViews("A20");
+          this.cdata.category = [];
+          this.cdata.barData = [];
+          this.cdata.lineData = [];
+          res.map((item) => {
+            return (
+              this.cdata.category.push(item.areaName),
+              this.cdata.barData.push(item.successCount),
+              this.cdata.lineData.push(item.failureCount)
+            );
+          });
+        } catch (error) {
+          // this.$refs.msg.messageShow();
+        }
+      },
+    },
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped></style>
 <style lang="scss" scoped></style>

@@ -505,4 +505,17 @@ tr:hover {
 .el-select-dropdown__item.hover,
 .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {
 .el-select-dropdown__item:hover {
   background-color: transparent !important;
   background-color: transparent !important;
-}
\ No newline at end of file
+}
+
+// 提示框
+.el-message-box {
+  background-color: #031a46;
+  border: 1px solid #5f82c7;
+
+  .el-message-box__title{
+    color: white;
+  }
+  .el-message-box__content{
+    color: white;
+  }
+}

@@ -198,4 +198,5 @@
 .btnColRight {
 .btnColRight {
     box-sizing: border-box;
     box-sizing: border-box;
     text-align: right;
     text-align: right;
-}
\ No newline at end of file
+}
+

@@ -19,131 +19,136 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import columnarsmat from "@/components/Echart/Columnarsmat";
-import Rose from "@/components/Echart/Rose";
-import work from "@/api/work";
-export default {
-  data () {
-    return {
-      config: {
-        headerBGC: '#016AC5',
-        oddRowBGC: '#154295',
-        evenRowBGC: '#154295',
-        header: ['序号', '用途', '性质', '面积'],
-        data: [],
-        key: 0
+  import columnarsmat from "@/components/Echart/Columnarsmat";
+  import Rose from "@/components/Echart/Rose";
+  import work from "@/api/work";
+  export default {
+    data () {
+      return {
+        config: {
+          headerBGC: '#016AC5',
+          oddRowBGC: '#154295',
+          evenRowBGC: '#154295',
+          header: ['序号', '用途', '性质', '面积'],
+          data: [],
+          key: 0
+        }
       }
       }
-    }
-  },
-  components: { columnarsmat, Rose },
-  mounted () {
-    this.addhousetotal();
-    // scroll(tableref.value.$refs.bodyWrapper);//设置滚动
-  },
-  methods: {
-    async addhousetotal () {
-      try {
-        let { result: res } = await work.addhousetotal();
-        res.map((item, index) => {
-          return (
-            this.config.data.push([index, item.fwyt, item.fwxz, item.mj])
-          )
-        });
-      } catch (error) {
-        console.log("error", error);
+    },
+    components: { columnarsmat, Rose },
+    mounted () {
+      this.addhousetotal();
+      // scroll(tableref.value.$refs.bodyWrapper);//设置滚动
+    },
+    methods: {
+      async addhousetotal () {
+        try {
+          let { result: res } = await work.addhousetotal();
+          res.map((item, index) => {
+            return (
+              this.config.data.push([index, item.fwyt, item.fwxz, item.mj])
+            )
+          });
+        } catch (error) {
+          console.log("error", error);
+        }
       }
       }
     }
     }
   }
   }
-}
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-/deep/.row-item:not(:last-child) {
-  margin-bottom: .026rem;
-}
-
-.rightcard {
-  width: 32%;
-  display: flex;
-  height: calc(100vh - 114px);
-  flex-direction: column;
-
-  .cardhead {
-    font-size: .1042rem;
-    font-weight: bold;
-    color: #02D9FD;
-    text-align: center;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: .0625rem;
-    text-align: center;
+  /deep/.row-item:not(:last-child) {
+    margin-bottom: 0.026rem;
   }
   }
 
 
-  .cardcontent {
-    width: 100%;
-    height: 100%;
-    display: -webkit-box;
-    overflow: hidden;
+  .rightcard {
+    width: 32%;
+    display: flex;
+    height: calc(100vh - 114px);
+    flex-direction: column;
 
 
-    .nodata {
-      font-size: .1042rem;
-      color: #02D9FD;
+    .cardhead {
+      font-size: 0.1042rem;
       font-weight: bold;
       font-weight: bold;
-      margin: auto;
-      margin-top: 120px;
+      color: #02d9fd;
+      text-align: center;
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0.0625rem;
+      text-align: center;
     }
     }
-  }
 
 
-  .cardCon {
-    padding: .0521rem .026rem;
-    position: relative;
-    text-align: center;
-    width: 100%;
-  }
+    .cardcontent {
+      width: 100%;
+      height: 100%;
+      display: -webkit-box;
+      overflow: hidden;
+
+      .nodata {
+        font-size: 0.1042rem;
+        color: #02d9fd;
+        font-weight: bold;
+        margin: auto;
+        margin-top: 120px;
+      }
+    }
 
 
-  .card1 {
-    height: 33%;
-    background: url("~@/image/xjgyfwxx.png") no-repeat;
-    background-size: 100% 100%;
+    .cardCon {
+      padding: 0.0521rem 0.026rem;
+      position: relative;
+      text-align: center;
+      width: 100%;
+    }
 
 
-    .board {
-      width: 90%;
-      margin: 0 auto;
-      height: 1.1031rem;
-      margin-top: .0521rem;
-      /deep/.header{
-        font-size: .0738rem;
+    .card1 {
+      height: 33%;
+      background: url("~@/image/xjgyfwxx.png") no-repeat;
+      background-size: 100% 100%;
+      /deep/.dv-scroll-board {
+        .header {
+          height: 0.1875rem;
+          align-items: center;
+        }
       }
       }
-      /deep/.rows{
-         .ceil{
-             font-size: .0738rem;
-             color: #6BC1FC
-         }
+      .board {
+        width: 90%;
+        margin: 0 auto;
+        height: 1.1031rem;
+        margin-top: 0.0521rem;
+        /deep/.header {
+          font-size: 0.0738rem;
+        }
+        /deep/.rows {
+          .ceil {
+            font-size: 0.0738rem;
+            color: #6bc1fc;
+          }
+        }
       }
       }
     }
     }
-  }
 
 
-  .card2 {
-    height: 33%;
-    background: url("~@/image/djywl.png") no-repeat;
-    background-size: 100% 100%;
-    padding: .3825rem 0 0 0;
-  }
+    .card2 {
+      height: 33%;
+      background: url("~@/image/djywl.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 0.3825rem 0 0 0;
+    }
 
 
-  .card3 {
-    height: 33%;
-    flex: 1;
-    background: url("~@/image/djlxzl.png") no-repeat;
-    background-size: 100% 100%;
-    padding-bottom: 0;
+    .card3 {
+      height: 33%;
+      flex: 1;
+      background: url("~@/image/djlxzl.png") no-repeat;
+      background-size: 100% 100%;
+      padding-bottom: 0;
 
 
-    .cardhead {
-      top: .0417rem;
+      .cardhead {
+        top: 0.0417rem;
+      }
     }
     }
-  }
 
 
-  .cardhead {
-    position: absolute;
+    .cardhead {
+      position: absolute;
+    }
   }
   }
-}
 </style>
 </style>

@@ -15,8 +15,8 @@
     </div>
     </div>
     <div class="from-clues-content">
     <div class="from-clues-content">
       <div class="contentbox">
       <div class="contentbox">
-        <base-set v-show="isshow" :userInfo="userData" />
-        <password-edit v-show="!isshow" :userInfo="userData" />
+        <base-set v-if="isshow" :userInfo="userData" />
+        <password-edit v-if="!isshow" :userInfo="userData" />
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>

@@ -176,4 +176,11 @@
     top: 15px;
     top: 15px;
     right: 30px;
     right: 30px;
   }
   }
+  /deep/.el-dialog__header {
+    text-align: center;
+    margin-bottom: 10px;
+    .el-dialog__title {
+      color: white;
+    }
+  }
 </style>
 </style>

@@ -114,7 +114,7 @@
             { required: true, message: "请输入用户名", trigger: "blur" },
             { required: true, message: "请输入用户名", trigger: "blur" },
           ],
           ],
         },
         },
-        title: "",
+        title: "修改",
         visible: false,
         visible: false,
         showLoginName: false,
         showLoginName: false,
         sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }],
         sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }],
@@ -230,4 +230,14 @@
   /deep/.el-form-item__label {
   /deep/.el-form-item__label {
     color: #fff;
     color: #fff;
   }
   }
+  /deep/.el-dialog__body {
+    padding-top: 20px;
+  }
+  /deep/.el-dialog__header {
+    text-align: center;
+    margin-bottom: 10px;
+    .el-dialog__title {
+      color: white;
+    }
+  }
 </style>
 </style>

@@ -316,4 +316,5 @@
   .btnColRight {
   .btnColRight {
     margin-top: 20px;
     margin-top: 20px;
   }
   }
+  
 </style>
 </style>