登陆页样式修改

src/api.js

@@ -8,7 +8,7 @@ let expire = localStorage.getItem("TRADE_USER") ? JSON.parse(localStorage.getIte
 
 // 创建axios 实例
 const instacne = axios.create({
-    baseURL: "https://shop.lihaink.cn/",
+    baseURL: "https://crmeb-test.shop.lihaink.cn/",
     timeout: 30000,
 });
 

src/components/index/topRight.vue

@@ -201,19 +201,18 @@ const initCharts = (tag, option) => {
     var chartDom = document.getElementById(tag);
     var myChart = echarts.init(chartDom);
     myChart.setOption(option);
-
-
 }
 const storeData = reactive([])
 const initStoreOption = (pageData, total) => {
     storeData.splice(0, storeData.length);
     pageData.forEach(item => {
-        let range = ((item.product_count / total).toFixed(2) * 100)
+        let range = (parseInt((item.product_count / total)*100))
         storeData.push({
             name: item.street_name,
             num: item.product_count,
             option: getRange(range)
         })
+
     })
     storeData.forEach((item, index) => {
         initCharts(`stores${index}`, item.option)

src/view/login.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="login-box">
         <div class="form">
+            <div style="text-align: center;transform: translateY(-1vh);"><img src="/static/login/tit.png" style="width: 29vw;"></div>
             <div class="content">
 
                 <div style="position: relative;margin-bottom: 3VH;">
@@ -177,9 +178,9 @@ const test = () => {
         left: 10vw;
 
         .ipt {
-            border: 1px solid #194FA3;
+            border: 1px solid #2CCCF7;
             padding: 1vh 2vw;
-            background-color: #123266;
+            background-color: #125A7D;
             width: 13VW;
             outline: none;
             -webkit-user-select: auto;
@@ -238,21 +239,20 @@ const test = () => {
     :deep .el-input__wrapper {
         height: 35px;
         width: 15.9vw;
-        background-color: #123266 !important;
-        box-shadow: 0 0 0 1px #194FA3 inset !important;
-        --el-select-focus-border-color: red !important;
-        --el-select-hover-border-color: red !important;
+        background-color: #125A7D !important;
+        box-shadow: 0 0 0 1px #2CCCF7 inset !important;
+       
     }
 
     // 修改下拉框样式-点击框focus
     :deep .is-focus .el-input__wrapper {
-        box-shadow: #194FA3 inset !important;
-        --el-select-focus-border-color: #194FA3 !important;
-        --el-select-hover-border-color: #194FA3 !important;
+        box-shadow: #2CCCF7 inset !important;
+        --el-select-focus-border-color: #2CCCF7 !important;
+        --el-select-hover-border-color: #2CCCF7 !important;
     }
 
     :deep .el-select__caret {
-        color: #194FA3 !important; // 清除按钮
+        color: #2CCCF7 !important; // 清除按钮
     }
 
     :deep .el-input__inner {
@@ -266,7 +266,7 @@ const test = () => {
 }
 
 .el-select-dropdown__item.hover {
-    background-color: #194FA3 !important; // hover
+    background-color: #59C5D8 !important; // hover
 }
 
 :deep .el-dropdown-menu__item:not(.is-disabled) {
@@ -278,8 +278,8 @@ const test = () => {
 }
 
 :deep .el-popper {
-    background-color: #123266 !important; // 展开下拉背景
-    border: 1px solid #409EFE !important; // 展开下拉边框
+    background-color: #125A7D !important; // 展开下拉背景
+    border: 1px solid #125A7D !important; // 展开下拉边框
 }
 
 :deep .el-popper .el-popper__arrow::before {

src/view/order.vue

@@ -294,7 +294,7 @@ const addConfigData = (data) => {
                         <span>${item.orderProduct[0].cart_info.product.store_name}    </span>
                         <span>${item.orderProduct[0].product_num}${item.orderProduct[0].cart_info.product.unit_name}    </span>
                         </div>`,
-                    `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.cost}</div>`,
+                    `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.total_price}</div>`,
                     `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${orderStatus(item.status)}</div>`,
                     `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.user_address}</div>`,
                     `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${payType(item.pay_type)}</div>`,