From 0adce6b7cf7fc8abf448d69f3faa5506b26160bc Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Fri, 11 Feb 2022 18:03:30 +0800
Subject: [PATCH] 2.4

---
 src/api/userinfo.js                                |  26 ++++-
 src/assets/nocard.png                              | Bin 0 -> 8857 bytes
 src/components/userinfo/accountsetting/inedex.vue  | 114 ++++++++++++++++----
 .../userinfo/usercenter/components/mybalance.vue   |  78 ++++++--------
 .../userinfo/usercenter/components/mybill.vue      | 116 ++++++++++++++-------
 .../userinfo/usercenter/components/mycard.vue      |  26 ++++-
 .../userinfo/usercenter/components/townsman.vue    | 107 +++++++++++++------
 src/components/userinfo/usercenter/index.vue       |  17 ++-
 src/style/index.less                               |   1 +
 src/views/main.vue                                 |   2 +-
 src/views/userinfo.vue                             |  33 +++---
 11 files changed, 359 insertions(+), 161 deletions(-)
 create mode 100644 src/assets/nocard.png

diff --git a/src/api/userinfo.js b/src/api/userinfo.js
index 8ee09bb..aa90d8e 100644
--- a/src/api/userinfo.js
+++ b/src/api/userinfo.js
@@ -19,7 +19,31 @@ export function userBalanceApi(data) {
 // 获取用户提现详情
 export function userDetailApi(data) {
   return request({
-    url: "/yishoudan/withdrawal/list",
+    url: "/yishoudan/wallet/withdrawal/list",
+    // method: "post",
+    params: data,
+  });
+}
+// 获取我的老乡信息
+export function userTownsmanApi(data) {
+  return request({
+    url: "/yishoudan/workorder/getLaoXiangList",
+    // method: "post",
+    params: data,
+  });
+}
+// 获取我的工单信息
+export function userBillApi(data) {
+  return request({
+    url: "/yishoudan/workorder/getList",
+    // method: "post",
+    params: data,
+  });
+}
+// 获取用户信息
+export function userBaseInfoApi(data) {
+  return request({
+    url: "/yishoudan/user/getUserInfo",
     // method: "post",
     params: data,
   });
diff --git a/src/assets/nocard.png b/src/assets/nocard.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e97806781f4fdef5eb218122dde5aa1e6152a10
GIT binary patch
literal 8857
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

literal 0
HcmV?d00001

diff --git a/src/components/userinfo/accountsetting/inedex.vue b/src/components/userinfo/accountsetting/inedex.vue
index a9ed2ed..ef7b292 100644
--- a/src/components/userinfo/accountsetting/inedex.vue
+++ b/src/components/userinfo/accountsetting/inedex.vue
@@ -1,19 +1,34 @@
 <template>
   <div class="accountsetting-container">
     <div class="accountcontent w">
-      <div class="leftlist">
-        <div class="userbaseinfo">
-          <ul>
-            <li>
-              <span><i class="iconfont icon-laoxiang"></i> 我的老乡</span
-              ><i class="iconfont icon-youjiantou"></i>
-            </li>
-            <li>
-              <span><i class="iconfont icon-gongdan"></i> 我的工单</span
-              ><i class="iconfont icon-youjiantou"></i>
-            </li>
-          </ul>
+      <div class="accountSetList">
+        <div class="userinfobox">
+          <div class="avatarbox">
+            <i class="iconfont icon-morentouxiang"></i>
+          </div>
+          <div class="username">Hi,{{ 1 }}</div>
         </div>
+        <ul>
+          <li>
+            <span><i class="iconfont icon-gerenzhongxin-mima"></i>登录密码</span
+            ><i class="iconfont icon-youjiantou"></i>
+          </li>
+          <li>
+            <span
+              ><i class="iconfont icon-gerenzhongxin-bangdingshouji"></i
+              >绑定手机</span
+            ><i class="iconfont icon-youjiantou"></i>
+          </li>
+          <li>
+            <span><i class="iconfont icon-weixin1"></i>绑定微信</span
+            ><i class="iconfont icon-youjiantou"></i>
+          </li>
+          <li>
+            <span
+              ><i class="iconfont icon-bangdingyinhangka"></i>绑定银行卡</span
+            ><i class="iconfont icon-youjiantou"></i>
+          </li>
+        </ul>
       </div>
       <div class="rightcontent"></div>
     </div>
@@ -21,6 +36,8 @@
 </template>
 
 <script>
+import { userBaseInfoApi } from "../../../api/userinfo";
+
 export default {
   // 组件名称
   name: "",
@@ -40,14 +57,25 @@ export default {
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
-  created() {},
+  created() {
+    this.getUserInfo();
+  },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
   mounted() {},
   // 组件方法
-  methods: {},
+  methods: {
+    async getUserInfo() {
+      try {
+        const { data } = await userBaseInfoApi();
+        console.log(data);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
 };
 </script>
 
@@ -57,18 +85,60 @@ export default {
   margin-top: 16px;
   background-color: pink;
   display: flex;
-  .leftlist {
+  .accountSetList {
     width: 346px;
     height: 500px;
     background-color: skyblue;
     margin-right: 16px;
-    .userbaseinfo {
-      ul {
-        padding: 0 16px;
-        li {
-          display: flex;
-          padding: 16px 0 16px 50px;
-          justify-content: space-between;
+    .userinfobox {
+      width: 346px;
+      height: 158px;
+      background: #ffffff;
+      border-radius: 4px;
+      padding: 24px 0;
+      .avatarbox {
+        text-align: center;
+        i {
+          font-size: 60px;
+          line-height: 60px;
+          color: #ff6a00;
+        }
+      }
+    }
+    > ul {
+      background-color: #fff;
+      margin-top: 16px;
+      // padding: 0 16px;
+      border-radius: 4px;
+      overflow: hidden;
+      li {
+        position: relative;
+        display: flex;
+        padding: 16px;
+        line-height: 24px;
+        justify-content: space-between;
+        // border-bottom: 1px solid #f3f4f4;
+        cursor: pointer;
+        &:nth-child(1):after {
+          position: absolute;
+          content: "";
+          display: inline-block;
+          height: 1px;
+          width: 314px;
+          bottom: 0;
+          left: 16px;
+          background-color: #f3f4f4;
+        }
+        span {
+          font-size: 16px;
+          i {
+            margin-right: 12px;
+            font-size: 20px;
+          }
+        }
+        > i {
+          color: #888;
+          font-size: 22px;
         }
       }
     }
diff --git a/src/components/userinfo/usercenter/components/mybalance.vue b/src/components/userinfo/usercenter/components/mybalance.vue
index f62bad5..6ecfb81 100644
--- a/src/components/userinfo/usercenter/components/mybalance.vue
+++ b/src/components/userinfo/usercenter/components/mybalance.vue
@@ -10,7 +10,7 @@
             ><i class="iconfont icon-zhengyan" v-if="showbalance"></i
             ><i class="iconfont icon-biyan" v-else></i></i
         ></span>
-        <p v-if="showbalance">999.00</p>
+        <p v-if="showbalance">{{ userbalance }}</p>
         <p v-else>***</p>
       </div>
     </div>
@@ -31,7 +31,7 @@
           <a-pagination
             :current="+pagination.pageNum"
             :default-current="1"
-            :defaultPageSize="2"
+            :defaultPageSize="1"
             :total="pagination.total"
             @change="onChange"
           />
@@ -51,6 +51,7 @@
 
 <script>
 import { userBalanceApi, userDetailApi } from "../../../../api/userinfo";
+import { formatDateYMD } from "../../../../utils/commonUtil";
 export default {
   // 组件名称
   name: "",
@@ -63,8 +64,8 @@ export default {
     return {
       pagination: {
         pageNum: 1,
-        pageSize: 2,
-        total: 8, //分页配置
+        pageSize: 1,
+        total: null, //分页配置
       },
       showbalance: true,
       columns: [
@@ -83,62 +84,27 @@ export default {
         },
         {
           title: "收款账户",
-          dataIndex: "tel",
-          key: "tel",
+          dataIndex: "realName",
+          key: "realName",
           // width: 120,
           // ellipsis: true,
         },
         {
           title: "状态",
-          dataIndex: "state",
-          key: "state",
+          dataIndex: "recordStatus",
+          key: "recordStatus",
           // ellipsis: true,
           width: 90,
         },
         {
           title: "更新时间",
-          dataIndex: "time",
-          key: "time",
+          dataIndex: "updateTime",
+          key: "updateTime",
           width: 160,
         },
       ],
-      data: [
-        {
-          index: "1",
-          money: "+20.00",
-          state: "交易成功",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "2",
-          money: "-16.00",
-          state: "审核中",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "3",
-          money: "+30.00",
-          state: "交易关闭",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "4",
-          money: "+30.00",
-          state: "交易关闭",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "5",
-          money: "+30.00",
-          state: "交易关闭",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-      ],
+      data: [],
+      userbalance: "",
     };
   },
   // 计算属性
@@ -162,15 +128,18 @@ export default {
   methods: {
     onChange(e) {
       this.pagination.pageNum = e;
+      this.getUserDetailInfo();
     },
     inputpageChange(e) {
       this.pagination.pageNum = e.target.value;
+      this.getUserDetailInfo();
       // this.getJobList();
       console.log(e);
     },
     async getUserBalanceInfo() {
       try {
         const { data } = await userBalanceApi();
+        this.userbalance = data.data.balance;
         console.log(data);
       } catch (error) {
         console.log(error);
@@ -179,6 +148,21 @@ export default {
     async getUserDetailInfo() {
       try {
         const { data } = await userDetailApi(this.pagination);
+        if (data.status === 200) {
+          this.data = data.data.recordList;
+          this.data.forEach((item, index) => {
+            item.index = index + 1;
+            item.updateTime = formatDateYMD(item.updateTime);
+            if (item.recordStatus === 2) {
+              item.recordStatus = "已完成";
+            } else if (item.recordStatus === 3) {
+              item.recordStatus = "审核中";
+            } else if (item.recordStatus === 4) {
+              item.recordStatus = "已驳回";
+            }
+          });
+          this.pagination.total = data.data.recordCount;
+        }
         console.log(data);
       } catch (error) {
         console.log(error);
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index 970b611..d07640d 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -2,10 +2,25 @@
   <div class="mybill-container">
     <div class="contenttitle">
       <span>我的工单</span>
-      <div>
-        <button>打电话</button>
-        <button>推工作</button>
-        <button>跟在职</button>
+      <div @click="getBill">
+        <button
+          @click="pagination.searchTag = 0"
+          :class="{ townsmanactive: pagination.searchTag === 0 }"
+        >
+          打电话
+        </button>
+        <button
+          @click="pagination.searchTag = 1"
+          :class="{ townsmanactive: pagination.searchTag === 1 }"
+        >
+          推工作
+        </button>
+        <button
+          @click="pagination.searchTag = 2"
+          :class="{ townsmanactive: pagination.searchTag === 2 }"
+        >
+          跟在职
+        </button>
       </div>
     </div>
     <div class="contentbody">
@@ -14,6 +29,11 @@
         :data-source="data"
         :pagination="false"
         @change="onChange"
+        :loading="{
+          spinning: isspinning,
+          tip: '加载中',
+          wrapperClassName: 'spinstyle',
+        }"
       >
         <a slot="name" slot-scope="text">{{ text }}</a>
       </a-table>
@@ -39,6 +59,8 @@
 </template>
 
 <script>
+import { userBillApi } from "../../../../api/userinfo";
+import { formatDateYMD } from "../../../../utils/commonUtil";
 export default {
   // 组件名称
   name: "",
@@ -49,10 +71,12 @@ export default {
   // 组件状态值
   data() {
     return {
+      isspinning: false,
       pagination: {
         pageNum: 1,
         pageSize: 2,
         total: 8, //分页配置
+        searchTag: 0,
       },
       columns: [
         {
@@ -60,12 +84,14 @@ export default {
           dataIndex: "index",
           key: "index",
           scopedSlots: { customRender: "index" },
+          ellipsis: true,
           width: 60,
         },
         {
           title: "老乡姓名",
-          dataIndex: "name",
-          key: "name",
+          dataIndex: "nickName",
+          key: "nickName",
+          ellipsis: true,
           width: 90,
         },
         {
@@ -73,44 +99,23 @@ export default {
           dataIndex: "tel",
           key: "tel",
           width: 120,
-          // ellipsis: true,
+          ellipsis: true,
         },
         {
           title: "跟进记录",
-          dataIndex: "record",
-          key: "record",
+          dataIndex: "userServeRecordDespLatest",
+          key: "userServeRecordDespLatest",
           ellipsis: true,
         },
         {
           title: "更新时间",
-          dataIndex: "time",
-          key: "time",
+          dataIndex: "updateTime",
+          key: "updateTime",
+          ellipsis: true,
           width: 160,
         },
       ],
-      data: [
-        {
-          index: "1",
-          name: "房竟慧",
-          record: "协助报名@草莓/郭美美",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "2",
-          name: "范明",
-          record: "自主报名 朋友推荐",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "3",
-          name: "陈伟运",
-          record: "自主登录",
-          tel: "13456677890",
-          time: "2021-09-13 15:41",
-        },
-      ],
+      data: [],
     };
   },
   // 计算属性
@@ -121,7 +126,9 @@ export default {
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
-  created() {},
+  created() {
+    this.getBill();
+  },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
@@ -132,12 +139,41 @@ export default {
     onChange(e) {
       this.pagination.pageNum = e;
       console.log(e);
+      this.getBill();
     },
     inputpageChange(e) {
-      this.pagination.pageNum = e.target.value;
+      if (e.target.value) {
+        this.pagination.pageNum = e.target.value;
+      } else {
+        this.pagination.pageNum = 1;
+      }
       // this.getJobList();
+      this.getBill();
       console.log(e);
     },
+    async getBill() {
+      console.log("click");
+      try {
+        this.isspinning = true;
+        const { data } = await userBillApi(this.pagination);
+        console.log(data);
+        if (data.status === 200) {
+          // console.log();
+          this.data = data.data.recordList;
+          this.data.forEach((item, index) => {
+            console.log(item);
+            item.updateTime = formatDateYMD(item.updateTime);
+            item.index = index + 1;
+          });
+
+          console.log(true);
+          this.pagination.total = data.data.recordCount;
+          this.isspinning = false;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
   },
 };
 </script>
@@ -155,12 +191,20 @@ export default {
     color: #ff6a00;
   }
   div {
+    .townsmanactive {
+      border-color: #ff6a00;
+      color: #ff6a00;
+    }
     button {
       width: 100px;
       height: 28px;
       font-size: 14px;
       border: 1px solid #cccccc;
       background-color: #fff;
+      cursor: pointer;
+      &:hover {
+        color: #ff6a00;
+      }
     }
     button:first-child {
       border-radius: 4px 0px 0px 4px;
diff --git a/src/components/userinfo/usercenter/components/mycard.vue b/src/components/userinfo/usercenter/components/mycard.vue
index 9327073..f821b09 100644
--- a/src/components/userinfo/usercenter/components/mycard.vue
+++ b/src/components/userinfo/usercenter/components/mycard.vue
@@ -5,7 +5,14 @@
     </div>
     <div class="cardbox">
       <div style="text-align: center">
-        <a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
+        <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+      </div>
+      <div class="nocard" v-if="cardlist.length === 0 && isspinning === false">
+        <span
+          ><img src="../../../../assets/nocard.png" alt="" /><i
+            >暂无可用卡券</i
+          ></span
+        >
       </div>
       <ul>
         <li
@@ -138,6 +145,23 @@ export default {
   }
 }
 .cardbox {
+  .nocard {
+    margin-top: 60px;
+    span {
+      display: block;
+      text-align: center;
+      img {
+        display: inline-block;
+        width: 98px;
+        height: 60px;
+      }
+      i {
+        display: block;
+        margin-top: 15px;
+        font-size: 14px;
+      }
+    }
+  }
   ul {
     li.used {
       // 已使用和已过期的样式
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index c2512dc..94ba2d6 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -2,9 +2,19 @@
   <div class="townsman-container">
     <div class="contenttitle">
       <span>我的老乡</span>
-      <div>
-        <button>已在职</button>
-        <button>未在职</button>
+      <div @click="getTownsman">
+        <button
+          @click="pagination.searchTag = 1"
+          :class="{ townsmanactive: pagination.searchTag === 1 }"
+        >
+          已在职
+        </button>
+        <button
+          @click="pagination.searchTag = 0"
+          :class="{ townsmanactive: pagination.searchTag === 0 }"
+        >
+          未在职
+        </button>
       </div>
     </div>
     <div class="contentbody">
@@ -13,6 +23,11 @@
         :data-source="data"
         :pagination="false"
         @change="onChange"
+        :loading="{
+          spinning: isspinning,
+          tip: '加载中',
+          wrapperClassName: 'spinstyle',
+        }"
       >
         <a slot="name" slot-scope="text">{{ text }}</a>
       </a-table>
@@ -20,7 +35,7 @@
         <a-pagination
           :current="+pagination.pageNum"
           :default-current="1"
-          :defaultPageSize="2"
+          :defaultPageSize="1"
           :total="pagination.total"
           @change="onChange"
         />
@@ -38,6 +53,8 @@
 </template>
 
 <script>
+import { userTownsmanApi } from "../../../../api/userinfo";
+import { formatDateYMD } from "../../../../utils/commonUtil";
 export default {
   // 组件名称
   name: "",
@@ -50,56 +67,42 @@ export default {
     return {
       pagination: {
         pageNum: 1,
-        pageSize: 2,
-        total: 8, //分页配置
+        pageSize: 1,
+        total: null, //分页配置
+        searchTag: 1,
       },
+      isspinning: false,
       columns: [
         {
           title: "序号",
           dataIndex: "index",
           key: "index",
           scopedSlots: { customRender: "index" },
+          ellipsis: true,
           width: 60,
         },
         {
           title: "老乡姓名",
-          dataIndex: "name",
-          key: "name",
+          dataIndex: "userName",
+          key: "userName",
+          ellipsis: true,
           width: 90,
         },
         {
           title: "跟进记录",
-          dataIndex: "record",
-          key: "record",
+          dataIndex: "userServeRecordDespLatest",
+          key: "userServeRecordDespLatest",
           ellipsis: true,
         },
         {
           title: "更新时间",
-          dataIndex: "time",
-          key: "time",
+          dataIndex: "updateTime",
+          key: "updateTime",
+          ellipsis: true,
           width: 160,
         },
       ],
-      data: [
-        {
-          index: "1",
-          name: "房竟慧",
-          record: "协助报名@草莓/郭美美",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "2",
-          name: "范明",
-          record: "自主报名 朋友推荐",
-          time: "2021-09-13 15:41",
-        },
-        {
-          index: "3",
-          name: "陈伟运",
-          record: "自主登录",
-          time: "2021-09-13 15:41",
-        },
-      ],
+      data: [],
     };
   },
   // 计算属性
@@ -110,7 +113,9 @@ export default {
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
-  created() {},
+  created() {
+    this.getTownsman();
+  },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
@@ -120,13 +125,38 @@ export default {
   methods: {
     onChange(e) {
       this.pagination.pageNum = e;
+      this.getTownsman();
       console.log(e);
     },
     inputpageChange(e) {
       this.pagination.pageNum = e.target.value;
       // this.getJobList();
+      this.getTownsman();
       console.log(e);
     },
+    async getTownsman() {
+      // let jobinfo = {...this.pagination , searchTag:1}
+      try {
+        this.isspinning = true;
+        const { data } = await userTownsmanApi(this.pagination);
+        console.log(data);
+        if (data.status === 200) {
+          // console.log();
+          this.data = data.data.recordList;
+          this.data.forEach((item, index) => {
+            console.log(item);
+            item.updateTime = formatDateYMD(item.updateTime);
+            item.index = index + 1;
+          });
+
+          console.log(true);
+          this.pagination.total = data.data.recordCount;
+          this.isspinning = false;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
   },
 };
 </script>
@@ -144,12 +174,20 @@ export default {
     color: #ff6a00;
   }
   div {
+    .townsmanactive {
+      border-color: #ff6a00;
+      color: #ff6a00;
+    }
     button {
       width: 100px;
       height: 28px;
       font-size: 14px;
       border: 1px solid #cccccc;
       background-color: #fff;
+      cursor: pointer;
+      &:hover {
+        color: #ff6a00;
+      }
     }
     button:first-child {
       border-radius: 4px 0px 0px 4px;
@@ -159,4 +197,7 @@ export default {
     }
   }
 }
+.contentbody {
+  overflow: hidden;
+}
 </style>
diff --git a/src/components/userinfo/usercenter/index.vue b/src/components/userinfo/usercenter/index.vue
index 0416b77..083f195 100644
--- a/src/components/userinfo/usercenter/index.vue
+++ b/src/components/userinfo/usercenter/index.vue
@@ -46,7 +46,10 @@
             >
               <span><i class="iconfont icon-yue"></i>我的余额</span
               ><span
-                ><span>999.00元</span><i class="iconfont icon-youjiantou"></i
+                ><span v-if="userbalance.length !== 0"
+                  >{{ userbalance }}元</span
+                >
+                <span v-else>--元</span><i class="iconfont icon-youjiantou"></i
               ></span>
             </li>
           </ul>
@@ -60,6 +63,7 @@
 </template>
 
 <script>
+import { userBalanceApi } from "../../../api/userinfo";
 export default {
   // 组件名称
   name: "",
@@ -71,6 +75,7 @@ export default {
   data() {
     return {
       activelist: "",
+      userbalance: "",
       // path:,
     };
   },
@@ -92,6 +97,7 @@ export default {
    */
   created() {
     this.listactive();
+    this.getUserBalanceInfo();
   },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
@@ -118,6 +124,15 @@ export default {
         this.activelist = 5;
       }
     },
+    async getUserBalanceInfo() {
+      try {
+        const { data } = await userBalanceApi();
+        this.userbalance = data.data.balance;
+        console.log(data);
+      } catch (error) {
+        console.log(error);
+      }
+    },
   },
 };
 </script>
diff --git a/src/style/index.less b/src/style/index.less
index daa1afe..23eb357 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -342,6 +342,7 @@ i {
     border: none;
   }
 }
+
 .ant-cascader-menus.monthlypay,
 .ant-cascader-menus.agestr {
 	width: 100vw;
diff --git a/src/views/main.vue b/src/views/main.vue
index fbc524d..743d002 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -52,7 +52,7 @@
         <span class="login">
           <span v-if="isLogin">
             <a-dropdown overlayClassName="logindropdown">
-              <span><i class="iconfont icon-touxiang"></i></span>
+              <span><i class="iconfont icon-morentouxiang"></i></span>
               <div class="loginbox" slot="overlay">
                 <div>{{ loginValue.tel }}</div>
                 <router-link to="/userinfo/usercenter/townsman">
diff --git a/src/views/userinfo.vue b/src/views/userinfo.vue
index bb8de29..e6350ac 100644
--- a/src/views/userinfo.vue
+++ b/src/views/userinfo.vue
@@ -12,30 +12,25 @@
         <span>
           <ul>
             <li>
-              <router-link to="/">
-                <a
-                  href="javascript:;"
-                  :class="routertitleindex === 0 ? 'titleactive' : ''"
-                  >首页</a
-                ></router-link
+              <router-link
+                to="/"
+                :class="routertitleindex === 0 ? 'titleactive' : ''"
+              >
+                首页</router-link
               >
             </li>
             <li>
-              <router-link to="/userinfo/usercenter/townsman"
-                ><a
-                  href="javascript:;"
-                  :class="routertitleindex === 1 ? 'titleactive' : ''"
-                  >个人中心</a
-                ></router-link
+              <router-link
+                to="/userinfo/usercenter/townsman"
+                :class="routertitleindex === 1 ? 'titleactive' : ''"
+                >个人中心</router-link
               >
             </li>
             <li>
-              <router-link to="/accountsetting"
-                ><a
-                  href="javascript:;"
-                  :class="routertitleindex === 2 ? 'titleactive' : ''"
-                  >账号设置</a
-                >
+              <router-link
+                to="/accountsetting"
+                :class="routertitleindex === 2 ? 'titleactive' : ''"
+                >账号设置
               </router-link>
             </li>
           </ul>
@@ -43,7 +38,7 @@
         <span class="login">
           <span v-if="isLogin">
             <a-dropdown overlayClassName="logindropdown">
-              <span><i class="iconfont icon-touxiang"></i></span>
+              <span><i class="iconfont icon-morentouxiang"></i></span>
               <div class="loginbox" slot="overlay">
                 <div>{{ loginValue.tel }}</div>
                 <router-link to="/userinfo/usercenter/townsman">