fix:钱包管理样式及参数修改

.env.development

@@ -1,4 +1,4 @@
-VUE_APP_API_BASE_URL='http://192.168.0.42:8080/'
+VUE_APP_API_BASE_URL='https://test.baoxianzhanggui.com/web-api'
 # VUE_APP_API_BASE_URL='"https://test.baoxianzhanggui.com/web-api"'  #//测试服务器
 # VUE_APP_API_BASE_URL='"https://sxzgkj.baoxianzhanggui.com/web-api"'  #//正式服务器
 # VUE_APP_API_BASE_URL= '"http://192.168.0.115:8080/"'                 #//凯森

src/pages/personnelManage/channel.vue

@@ -76,11 +76,15 @@
           <div class="user-icon">
             <img v-show="item.filePath" :src="process + item.filePath" alt="" />
             <img
-              v-if="!item.filePath && item.sex == 'm'"
+              v-if="!item.filePath && item.sex == 'M'"
               src="../../assets/img/man.png"
               alt=""
             />
-            <img v-else src="../../assets/img/woman.png" alt="" />
+            <img
+              v-if="!item.filePath && item.sex == 'F'"
+              src="../../assets/img/woman.png"
+              alt=""
+            />
           </div>
           <p>
             <a-button type="primary" @click="teamMessage(item)">详情</a-button>
@@ -264,7 +268,7 @@ export default {
     height: auto;
     // background: #f9faff;
     border-radius: 8px;
-    border: 1px solid #2a55e5;
+    border: 1px solid rgba(42, 85, 229, 0.5);
     background: #f9faff;
     box-shadow: 0px 2px 8px 0px rgba(42, 85, 229, 0.15);
     padding: 15px;

src/pages/personnelManage/front/personnel.vue

@@ -43,8 +43,18 @@
             <span>总保费：{{ item.totalPremium || 0 }}</span>
             <span>单均保费：{{ item.averagePremium || 0 }}</span>
           </p>
-          <div>
-            <img :src="process + item.filePath" alt="" />
+          <div class="user-icon">
+            <img v-show="item.filePath" :src="process + item.filePath" alt="" />
+            <img
+              v-if="!item.filePath && item.sex == 'M'"
+              src="../../../assets/img/man.png"
+              alt=""
+            />
+            <img
+              v-if="!item.filePath && item.sex == 'F'"
+              src="../../../assets/img/woman.png"
+              alt=""
+            />
           </div>
           <p>
             <a-button type="primary" @click="teamMessage(item)">详情</a-button>

src/pages/personnelManage/front/resources.vue

@@ -71,11 +71,15 @@
           <div class="user-icon">
             <img v-show="item.filePath" :src="process + item.filePath" alt="" />
             <img
-              v-if="!item.filePath && item.sex == 'm'"
+              v-if="!item.filePath && item.sex == 'M'"
               src="../../../assets/img/man.png"
               alt=""
             />
-            <img v-else src="../../../assets/img/woman.png" alt="" />
+            <img
+              v-if="!item.filePath && item.sex == 'F'"
+              src="../../../assets/img/woman.png"
+              alt=""
+            />
           </div>
           <!-- <div class="progress">
             <p></p>
@@ -262,7 +266,7 @@ export default {
   > div {
     width: 18%;
     height: auto;
-    // background: #f9faff;
+    background: #f9faff;
     border-radius: 8px;
     border: 1px solid #2a55e5;
     padding: 15px;

src/pages/wallet/agency.vue

@@ -40,31 +40,29 @@
       </div>
       <div class="list">
         <a-spin :spinning="loading">
-          <div class="personnel-message">
-            <div
-              v-for="item in list"
-              :key="item.deptId"
-              :class="item.comLevel ? 'agency' + item.comLevel : 'agency'"
-            >
-              <p>
-                机构名称：{{ item.deptName }}
-                <span v-show="item.comLevel">
-                  {{ numberToChinese(item.comLevel) + "级" }}
-                </span>
-              </p>
-              <p>机构负责人：{{ item.deptLeader }}</p>
-              <p>机构地址：{{ item.deptAddress }}</p>
+          <a-row class="personnel-message" type="flex" :gutter="16">
+            <a-col v-for="item in list" :key="item.deptId" :span="6">
+              <div :class="item.comLevel ? 'agency' + item.comLevel : 'agency'">
+                <p>
+                  机构名称：{{ item.deptName }}
+                  <span v-show="item.comLevel">
+                    {{ numberToChinese(item.comLevel) + "级" }}
+                  </span>
+                </p>
+                <p>机构负责人：{{ item.deptLeader }}</p>
+                <p>机构地址：{{ item.deptAddress }}</p>
 
-              <p>
-                <span>总收入：{{ item.totalIncome || 0 }}</span>
-                <span>机构保费：{{ item.deptManagementFee || 0 }}</span>
-              </p>
-              <p>
-                <span>已提现：{{ item.withdrawn || 0 }}</span>
-                <span>未提现：{{ item.notWithdrawn || 0 }}</span>
-              </p>
-            </div>
-          </div>
+                <p>
+                  <span>总收入：{{ item.totalIncome || 0 }}</span>
+                  <span>机构保费：{{ item.deptManagementFee || 0 }}</span>
+                </p>
+                <p>
+                  <span>已提现：{{ item.withdrawn || 0 }}</span>
+                  <span>未提现：{{ item.notWithdrawn || 0 }}</span>
+                </p>
+              </div>
+            </a-col>
+          </a-row>
         </a-spin>
         <div class="page">
           <a-pagination
@@ -318,21 +316,29 @@ export default {
   }
 }
 .personnel-message {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
   > div {
-    width: 30%;
     height: auto;
-    // background: #f9faff;
+
     border-radius: 8px;
-    // border: 1px solid #2a55e5;
-    box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+
     padding: 15px;
+
     box-sizing: border-box;
     margin-bottom: 15px;
     position: relative;
-    margin-right: 2%;
+
+    padding: 0 10px;
+    box-sizing: border-box;
+    > div {
+      // background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
+      box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+      border-radius: 8px 8px 8px 8px;
+      padding: 10px;
+      box-sizing: border-box;
+    }
     p {
       display: flex;
       justify-content: space-between;
@@ -383,7 +389,7 @@ export default {
     }
     // margin-right: 2%;
   }
-  > div.agency1 {
+  div.agency1 {
     background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
     box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;
@@ -395,7 +401,7 @@ export default {
       }
     }
   }
-  > div.agency2 {
+  div.agency2 {
     background: linear-gradient(360deg, #ffffff 70%, #f6dcd4 100%);
     box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;
@@ -406,7 +412,7 @@ export default {
       }
     }
   }
-  > div.agency3 {
+  div.agency3 {
     background: linear-gradient(360deg, #ffffff 70%, #c8d3f8 100%);
     box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;
@@ -417,7 +423,7 @@ export default {
       }
     }
   }
-  > div.agency4 {
+  div.agency4 {
     background: linear-gradient(360deg, #ffffff 70%, #c7f6f6 100%);
     box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;
@@ -428,7 +434,7 @@ export default {
       }
     }
   }
-  > div.agency5 {
+  div.agency5 {
     background: linear-gradient(360deg, #ffffff 70%, #deecfa 100%);
     box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;

src/pages/wallet/agent.vue

@@ -73,40 +73,42 @@
           </a-form-item>
         </a-form>
         <a-spin :spinning="loading">
-          <div class="personnel-message">
-            <div
-              v-for="item in list"
-              :key="item.deptId"
-              :class="item.comLevel ? 'agency' + item.comLevel : 'agency'"
-            >
-              <p>代理人：{{ item.userName }}</p>
+          <a-row class="personnel-message" type="flex" :gutter="16">
+            <a-col v-for="item in list" :key="item.deptId" :span="6">
+              <div :class="item.comLevel ? 'agency' + item.comLevel : 'agency'">
+                <div class="user-icon">
+                  <img
+                    v-show="item.filePath"
+                    :src="process + item.filePath"
+                    alt=""
+                  />
+                  <img
+                    v-if="!item.filePath && item.sex == 'M'"
+                    src="../../assets/img/man.png"
+                    alt=""
+                  />
+                  <img
+                    v-if="!item.filePath && item.sex == 'F'"
+                    src="../../assets/img/woman.png"
+                    alt=""
+                  />
+                  {{ item.userName }}
+                </div>
 
-              <p>归属：{{ item.deptName }}</p>
+                <p>归属：{{ item.deptName }}</p>
 
-              <p>
-                <span>总收入：{{ item.totalIncome || 0 }}</span>
-              </p>
-              <p>
-                <span>已提现：{{ item.withdrawn || 0 }}</span>
-              </p>
-              <p>
-                <span>未提现：{{ item.notWithdrawn || 0 }}</span>
-              </p>
-              <div class="user-icon">
-                <img
-                  v-show="item.filePath"
-                  :src="process + item.filePath"
-                  alt=""
-                />
-                <img
-                  v-if="!item.filePath && item.sex == 'm'"
-                  src="../../assets/img/man.png"
-                  alt=""
-                />
-                <img v-else src="../../assets/img/woman.png" alt="" />
+                <p>
+                  <span>总收入：{{ item.totalIncome || 0 }}</span>
+                </p>
+                <p>
+                  <span>已提现：{{ item.withdrawn || 0 }}</span>
+                </p>
+                <p>
+                  <span>未提现：{{ item.notWithdrawn || 0 }}</span>
+                </p>
               </div>
-            </div>
-          </div>
+            </a-col>
+          </a-row>
         </a-spin>
         <div class="page">
           <a-pagination
@@ -142,8 +144,8 @@ export default {
         name: undefined,
         userCode: undefined,
         phoneNumber: undefined,
-        createtimeEnd: undefined,
-        createtimeStart: undefined,
+        endDate: undefined,
+        beginDate: undefined,
       },
       labelCol: { span: 4 },
       dataForm: {},
@@ -176,6 +178,11 @@ export default {
     this.getRole();
   },
   methods: {
+    getList() {
+      this.pageInfo.pageNum = 1;
+      this.pageInfo.pageSize = 12;
+      this.getAgencyList();
+    },
     numberToChinese(num) {
       const chineseNumbers = [
         "一",
@@ -239,6 +246,7 @@ export default {
           pageSize: this.pageInfo.pageSize,
           managementSource: 2,
           deptId: id || "",
+          ...this.formState,
         })
         .then((res) => {
           if (res.data.code === 200) {
@@ -279,6 +287,7 @@ export default {
   .back-line-header {
     padding: 15px;
     box-sizing: border-box;
+    background: #fff;
     .back-line-header-title {
       display: flex;
       align-items: center;
@@ -306,7 +315,7 @@ export default {
   }
   > div {
     // height: 152px;
-    background: #fff;
+    // background: #fff;
   }
   .ant-modal-body {
     /deep/.ant-form-inline {
@@ -319,29 +328,45 @@ export default {
   }
 }
 .list {
-  padding: 0 15px;
+  padding: 0px;
   box-sizing: border-box;
   flex: 1;
   > .ant-form {
-    padding-bottom: 10px;
+    padding: 10px;
+    box-sizing: border-box;
+    background: #fff;
+  }
+  background: none;
+  .ant-spin-nested-loading {
+    padding: 10px 0;
     box-sizing: border-box;
   }
 }
 .personnel-message {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
   > div {
-    width: 30%;
     height: auto;
-    // background: #f9faff;
+
     border-radius: 8px;
-    border: 1px solid #2a55e5;
+
     padding: 15px;
+
     box-sizing: border-box;
     margin-bottom: 15px;
     position: relative;
-    margin-right: 2%;
+
+    padding: 0 10px;
+    box-sizing: border-box;
+    > div {
+      background: #fff;
+      // background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
+      box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+      border-radius: 8px 8px 8px 8px;
+      padding: 10px;
+      box-sizing: border-box;
+    }
     p {
       display: flex;
       justify-content: space-between;
@@ -365,16 +390,19 @@ export default {
     //   // text-align: right;
     // }
     div.user-icon {
-      width: 56px;
-      height: 56px;
-      position: absolute;
+      width: 100%;
+      height: 100%;
+      // position: absolute;
       top: 12px;
       right: 15px;
-      border-radius: 50%;
-      overflow: hidden;
+      // border-radius: 50%;
+      padding-bottom: 10px;
+      box-sizing: border-box;
+      // overflow: hidden;
       img {
-        width: 100%;
-        height: 100%;
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
       }
     }
     .progress {

src/pages/wallet/channel.vue

@@ -73,40 +73,42 @@
           </a-form-item>
         </a-form>
         <a-spin :spinning="loading">
-          <div class="personnel-message">
-            <div
-              v-for="item in list"
-              :key="item.deptId"
-              :class="item.comLevel ? 'agency' + item.comLevel : 'agency'"
-            >
-              <p>代理人：{{ item.userName }}</p>
+          <a-row class="personnel-message" type="flex" :gutter="16">
+            <a-col v-for="item in list" :key="item.deptId" :span="6">
+              <div>
+                <div class="user-icon">
+                  <img
+                    v-show="item.filePath"
+                    :src="process + item.filePath"
+                    alt=""
+                  />
+                  <img
+                    v-if="!item.filePath && item.sex == 'M'"
+                    src="../../assets/img/man.png"
+                    alt=""
+                  />
+                  <img
+                    v-if="!item.filePath && item.sex == 'F'"
+                    src="../../assets/img/woman.png"
+                    alt=""
+                  />
+                </div>
+                <p>代理人：{{ item.userName }}</p>
 
-              <p>归属：{{ item.deptName }}</p>
+                <p>归属：{{ item.deptName }}</p>
 
-              <p>
-                <span>总收入：{{ item.totalIncome || 0 }}</span>
-              </p>
-              <p>
-                <span>已提现：{{ item.withdrawn || 0 }}</span>
-              </p>
-              <p>
-                <span>未提现：{{ item.notWithdrawn || 0 }}</span>
-              </p>
-              <div class="user-icon">
-                <img
-                  v-show="item.filePath"
-                  :src="process + item.filePath"
-                  alt=""
-                />
-                <img
-                  v-if="!item.filePath && item.sex == 'm'"
-                  src="../../assets/img/man.png"
-                  alt=""
-                />
-                <img v-else src="../../assets/img/woman.png" alt="" />
+                <p>
+                  <span>总收入：{{ item.totalIncome || 0 }}</span>
+                </p>
+                <p>
+                  <span>已提现：{{ item.withdrawn || 0 }}</span>
+                </p>
+                <p>
+                  <span>未提现：{{ item.notWithdrawn || 0 }}</span>
+                </p>
               </div>
-            </div>
-          </div>
+            </a-col>
+          </a-row>
         </a-spin>
         <div class="page">
           <a-pagination
@@ -142,8 +144,8 @@ export default {
         name: undefined,
         userCode: undefined,
         phoneNumber: undefined,
-        createtimeEnd: undefined,
-        createtimeStart: undefined,
+        endDate: undefined,
+        beginDate: undefined,
       },
       labelCol: { span: 4 },
       dataForm: {},
@@ -244,6 +246,7 @@ export default {
           pageSize: this.pageInfo.pageSize,
           managementSource: 1,
           deptId: id || "",
+          ...this.formState,
         })
         .then((res) => {
           if (res.data.code === 200) {
@@ -284,6 +287,7 @@ export default {
   .back-line-header {
     padding: 15px;
     box-sizing: border-box;
+    background: #fff;
     .back-line-header-title {
       display: flex;
       align-items: center;
@@ -311,7 +315,7 @@ export default {
   }
   > div {
     // height: 152px;
-    background: #fff;
+    // background: #fff;
   }
   .ant-modal-body {
     /deep/.ant-form-inline {
@@ -324,29 +328,45 @@ export default {
   }
 }
 .list {
-  padding: 0 15px;
+  padding: 0px;
   box-sizing: border-box;
   flex: 1;
   > .ant-form {
-    padding-bottom: 10px;
+    padding: 10px;
+    box-sizing: border-box;
+    background: #fff;
+  }
+  background: none;
+  .ant-spin-nested-loading {
+    padding: 10px 0;
     box-sizing: border-box;
   }
 }
 .personnel-message {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
   > div {
-    width: 30%;
     height: auto;
-    // background: #f9faff;
+
     border-radius: 8px;
-    border: 1px solid #2a55e5;
+
     padding: 15px;
+
     box-sizing: border-box;
     margin-bottom: 15px;
     position: relative;
-    margin-right: 2%;
+
+    padding: 0 10px;
+    box-sizing: border-box;
+    > div {
+      background: #fff;
+      // background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
+      box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+      border-radius: 8px 8px 8px 8px;
+      padding: 10px;
+      box-sizing: border-box;
+    }
     p {
       display: flex;
       justify-content: space-between;
@@ -370,16 +390,19 @@ export default {
     //   // text-align: right;
     // }
     div.user-icon {
-      width: 56px;
-      height: 56px;
-      position: absolute;
+      width: 100%;
+      height: 100%;
+      // position: absolute;
       top: 12px;
       right: 15px;
-      border-radius: 50%;
-      overflow: hidden;
+      // border-radius: 50%;
+      padding-bottom: 10px;
+      box-sizing: border-box;
+      // overflow: hidden;
       img {
-        width: 100%;
-        height: 100%;
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
       }
     }
     .progress {

src/pages/wallet/partner.vue

@@ -20,7 +20,7 @@
             <span>时间筛选</span>
             <a-range-picker
               v-model="formState.time"
-              @change="timeChange"
+              @change="onChangeTime"
               valueFormat="YYYY-MM-DD HH:mm:ss"
             >
               <a-icon slot="suffixIcon" type="calendar" />
@@ -72,39 +72,43 @@
           </a-form-item>
         </a-form>
         <a-spin :spinning="loading">
-          <div class="personnel-message">
-            <div
+          <a-row class="personnel-message" type="flex" :gutter="16">
+            <a-col
               v-for="item in list"
               :key="item.deptId"
               :class="item.comLevel ? 'agency' + item.comLevel : 'agency'"
+              :span="6"
             >
-              <div class="user-icon">
-                <img
-                  v-show="item.filePath"
-                  :src="process + item.filePath"
-                  alt=""
-                />
-                <img
-                  v-if="!item.filePath && item.sex == 'm'"
-                  src="../../assets/img/man.png"
-                  alt=""
-                />
-                <img v-else src="../../assets/img/woman.png" alt="" />
-                {{ item.userName }}
-              </div>
+              <div>
+                <div class="user-icon">
+                  <img
+                    v-show="item.filePath"
+                    :src="process + item.filePath"
+                    alt=""
+                  />
+                  <img
+                    v-if="!item.filePath && item.sex == 'M'"
+                    src="../../assets/img/man.png"
+                    alt=""
+                  />
+                  <!--  v-if="!item.filePath && item.sex == 'F'" -->
+                  <img src="../../assets/img/woman.png" alt="" />
+                  {{ item.userName }}
+                </div>
 
-              <p>归属：{{ item.deptName }}</p>
+                <p>归属：{{ item.deptName }}</p>
 
-              <p>
-                <span>总保费：￥{{ item.totalIncome || 0 }}</span>
-                <span>管理费：￥{{ item.deptManagementFee || 0 }}</span>
-              </p>
-              <p>
-                <span>已提现：￥{{ item.withdrawn || 0 }}</span>
-                <span>未提现：￥{{ item.notWithdrawn || 0 }}</span>
-              </p>
-            </div>
-          </div>
+                <p>
+                  <span>总保费：￥{{ item.totalIncome || 0 }}</span>
+                  <span>管理费：￥{{ item.deptManagementFee || 0 }}</span>
+                </p>
+                <p>
+                  <span>已提现：￥{{ item.withdrawn || 0 }}</span>
+                  <span>未提现：￥{{ item.notWithdrawn || 0 }}</span>
+                </p>
+              </div>
+            </a-col>
+          </a-row>
         </a-spin>
         <div class="page">
           <a-pagination
@@ -140,8 +144,8 @@ export default {
         name: undefined,
         userCode: undefined,
         phoneNumber: undefined,
-        createtimeEnd: undefined,
-        createtimeStart: undefined,
+        endDate: undefined,
+        beginDate: undefined,
       },
       labelCol: { span: 4 },
       dataForm: {},
@@ -175,6 +179,11 @@ export default {
     // }, 1000);
   },
   methods: {
+    getList() {
+      this.pageInfo.pageNum = 1;
+      this.pageInfo.pageSize = 12;
+      this.getAgencyList();
+    },
     async getTreeDeptUser() {
       this.onLoadData = true;
 
@@ -201,11 +210,6 @@ export default {
       return chineseNumbers[num - 1]; // 假设num是1到9的数字
     },
 
-    timeChange(val) {
-      this.formState.createtimeStart = val[0];
-      this.formState.createtimeEnd = val[1];
-      // this.getList();
-    },
     treeChoose(id) {
       this.pageInfo.pageNum = 1;
       this.pageInfo.pageSize = 10;
@@ -243,6 +247,7 @@ export default {
           pageNum: this.pageInfo.pageNum,
           pageSize: this.pageInfo.pageSize,
           deptId: this.deptId,
+          ...this.formState,
         })
         .then((res) => {
           if (res.data.code === 200) {
@@ -340,21 +345,31 @@ export default {
   }
 }
 .personnel-message {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
   > div {
-    width: 30%;
     height: auto;
-    // background: #f9faff;
+
     border-radius: 8px;
-    box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+
     padding: 15px;
-    background: #fff;
+
     box-sizing: border-box;
     margin-bottom: 15px;
     position: relative;
-    margin-right: 2%;
+
+    padding: 0 10px;
+    box-sizing: border-box;
+    > div {
+      background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
+      box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
+      border-radius: 8px 8px 8px 8px;
+      padding: 10px;
+      box-sizing: border-box;
+    }
+    //初始化样式
+
     p {
       display: flex;
       justify-content: space-between;
@@ -378,16 +393,21 @@ export default {
     //   // text-align: right;
     // }
     div.user-icon {
-      width: 56px;
-      height: 56px;
-      position: absolute;
-      top: 12px;
-      right: 15px;
+      width: 100%;
+      height: auto;
+      // position: absolute;
+      // top: 12px;
+      // right: 15px;
       border-radius: 50%;
-      overflow: hidden;
+      // overflow: hidden;
+      display: flex;
+      justify-content: space-between;
+      padding-bottom: 10px;
+      box-sizing: border-box;
+      align-items: center;
       img {
-        width: 100%;
-        height: 100%;
+        width: 56px;
+        height: auto;
       }
     }
     .progress {
@@ -406,10 +426,9 @@ export default {
     // margin-right: 2%;
   }
   > div.agency1 {
-    background: rgba(211, 32, 41, 0.05);
-    box-shadow: 0px 2px 8px 0px rgba(211, 32, 41, 0.15);
+    background: linear-gradient(360deg, #ffffff 70%, #ffd6d8 100%);
+    box-shadow: 0px 2px 8px 0px rgba(141, 149, 176, 0.15);
     border-radius: 8px 8px 8px 8px;
-    border: 1px solid rgba(211, 32, 41, 0.5);
     > p:first-child {
       color: #d32029;
       span {

vue.config.js

@@ -121,9 +121,9 @@ module.exports = {
     }
   },
 
-  // publicPath: 'https://sxzgkj.baoxianzhanggui.com/console-api',
+  publicPath: 'https://sxzgkj.baoxianzhanggui.com/console-api',
 
-  publicPath: '/',
+  // publicPath: '/',
   outputDir: 'dist',
   assetsDir: 'static',
   productionSourceMap: false