update:更新样式

FrontCode2/sunshine_levy/src/elementui/index.js

@@ -1,8 +1,8 @@
-import Vue from 'vue'
+import Vue from "vue";
 
-import { Form, FormItem, Button, Card } from 'element-ui'
+import { Form, FormItem, Button, Card } from "element-ui";
 
-Vue.use(Form)
-Vue.use(FormItem)
-Vue.use(Button)
-Vue.use(Card)
+Vue.use(Form);
+Vue.use(FormItem);
+Vue.use(Button);
+Vue.use(Card);

FrontCode2/sunshine_levy/src/main.js

@@ -1,54 +1,57 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import './assets/reset.css';
-import 'lib-flexible/flexible';
+// import "./assets/reset.css";
+import "lib-flexible/flexible";
 
-import '@/elementui'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+import "@/elementui";
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
 
-import Vue from 'vue'
-import App from './App'
-import router from './router'
-import { Button, NavBar, Cell, CellGroup } from 'vant';
+import Vue from "vue";
+import App from "./App";
+import router from "./router";
+import { Button, NavBar, Cell, CellGroup } from "vant";
 
+Vue.use(Button)
+  .use(NavBar)
+  .use(Cell)
+  .use(CellGroup)
+  .use(ElementUI);
 
-Vue.use(Button).use(NavBar).use(Cell).use(CellGroup);
-
-import { Image as VanImage } from 'vant';
+import { Image as VanImage } from "vant";
 
 Vue.use(VanImage);
 
-import { Col, Row } from 'vant';
+import { Col, Row } from "vant";
 
 Vue.use(Col);
 Vue.use(Row);
 
-import { Grid, GridItem } from 'vant';
+import { Grid, GridItem } from "vant";
 
 Vue.use(Grid);
 Vue.use(GridItem);
 
-import { Icon } from 'vant';
+import { Icon } from "vant";
 
 Vue.use(Icon);
 
-import { List } from 'vant';
+import { List } from "vant";
 
 Vue.use(List);
 
-import { Divider } from 'vant';
+import { Divider } from "vant";
 
 Vue.use(Divider);
 
-Vue.config.productionTip = false
-import md5 from 'js-md5'
-Vue.prototype.$md5 = md5
+Vue.config.productionTip = false;
+import md5 from "js-md5";
+Vue.prototype.$md5 = md5;
 /* eslint-disable no-new */
 const vm = new Vue({
-  el: '#app',
+  el: "#app",
   router,
   components: { App },
-  template: '<App/>'
-})
-export default vm
+  template: "<App/>"
+});
+export default vm;

FrontCode2/sunshine_levy/src/views/index.vue

@@ -25,7 +25,10 @@
         </div>
         <div>
           <div class="gridBg centerMagin">
-            <van-image :src="require('@/assets/img/scan.png')" class="gridImg" />
+            <van-image
+              :src="require('@/assets/img/scan.png')"
+              class="gridImg"
+            />
             <van-image
               :src="require('@/assets/img/evaluation .png')"
               @click="gotoProject('pg')"
@@ -188,7 +191,7 @@
       <div class="centerMagin">
         <span class="projectTitle" style="color:#202020">征收政策</span>
         <div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
-          <span class="font11" style="color:#2c2b2b">共{{total}}条</span>
+          <span class="font11" style="color:#2c2b2b">共{{ total }}条</span>
           <!-- <div>
             <span class="font11">查看全部</span>
             <van-icon color="#1989fa" name="arrow" />
@@ -266,22 +269,22 @@ export default {
                   prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
                   assessmentNo: "0513",
                   houseAddress: "高桥镇",
-                  countValue: "137654.00",
-                },
+                  countValue: "137654.00"
+                }
               ],
               bcxyList: [
                 {
                   prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
                   xyNo: "海政发2021513-0513-1",
                   houseAddress: "高桥镇",
-                  summationShouldCompensateMoney: "137654.00",
-                },
-              ],
-            },
-          ],
+                  summationShouldCompensateMoney: "137654.00"
+                }
+              ]
+            }
+          ]
         },
         extras: null,
-        timestamp: 1631256680049,
+        timestamp: 1631256680049
       },
       // user: {
       //   name: "加载中...",
@@ -311,27 +314,27 @@ export default {
           id: 11,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          publish_date: "2021年09月05日"
         },
         {
           id: 22,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          publish_date: "2021年09月05日"
         },
         {
           id: 33,
           area: "全大市",
           title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
-        },
+          publish_date: "2021年09月05日"
+        }
       ],
       loading: false,
-      finished: true,
+      finished: true
     };
   },
   created() {
-    this.onInit();
+    // this.onInit();
   },
   methods: {
     onLoad() {},
@@ -347,7 +350,7 @@ export default {
       // });
     },
     gotoProject(type) {
-      this.$router.push({ name: 'projectSelect', params: { type: type } });
+      this.$router.push({ name: "projectSelect", params: { type: type } });
     },
     onLogin() {
       // this.loading = true;
@@ -365,7 +368,7 @@ export default {
           this.onLoadUserInfo();
           this.onLoadStatistic();
         })
-        .catch((err) => {
+        .catch(err => {
           debugger;
           // this.$toast(err);
         });
@@ -390,9 +393,7 @@ export default {
       if (len <= 0) return num;
       if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
       return tbl[len] + num;
-    },
-  },
+    }
+  }
 };
 </script>
-
-

FrontCode2/sunshine_levy/src/views/report/compensate.vue

@@ -26,12 +26,12 @@
           评估总金额：
           <b style="color: red">{{ item.money }}</b>
         </div>
-        <div class="flex">
-          <div class="flex backgroundColor">
+        <div class="content">
+          <div class=" backgroundColor">
             <img alt src="@/assets/img/renyuan.png" />
             评估人员：{{ item.person }}
           </div>
-          <div class="flex backgroundColor">
+          <div class="backgroundColor">
             <img alt src="@/assets/img/shijian.png" />
             评估时间：{{ item.time }}
           </div>
@@ -44,25 +44,25 @@
 export default {
   data() {
     return {
-      result: '2',
+      result: "2",
       info: [
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
         },
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
-        },
-      ],
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
+        }
+      ]
     };
   },
   created() {
@@ -76,8 +76,8 @@ export default {
     onLoadData() {
       console.log(this.$route.params);
       this.type = this.$route.params.type;
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -99,19 +99,26 @@ export default {
   }
   .el-card {
     margin: 0 10px 10px;
-    ::v-deep.el-card__body {
-      padding: 0 10px;
-      >div {
+    .el-card__body {
+      padding: 0;
+      > div {
         margin: 10px 0;
       }
-      .backgroundColor {
-        background-color: #e3ebfd;
-        img {
-          margin-right: 10px;
+      .content {
+        display: flex;
+        background-color: #2d6df2;
+        > div {
+          display: flex;
+          align-items: center;
+        }
+        .backgroundColor {
+          background-color: #e3ebfd;
+          img {
+            margin-right: 10px;
+          }
         }
       }
     }
   }
 }
-
 </style>