diff --git a/src/api/userinfo.js b/src/api/userinfo.js
new file mode 100644
index 0000000..a9b64d0
--- /dev/null
+++ b/src/api/userinfo.js
@@ -0,0 +1,9 @@
+import request from "../utils/request";
+// 获取卡券信息
+export function userCardApi(data) {
+  return request({
+    url: "/yishoudan/usercoupon/list",
+    // method: "post",
+    params: data,
+  });
+}
diff --git a/src/assets/bgbalance.png b/src/assets/bgbalance.png
new file mode 100644
index 0000000..e7cfc79
Binary files /dev/null and b/src/assets/bgbalance.png differ
diff --git a/src/assets/bgintegral.png b/src/assets/bgintegral.png
new file mode 100644
index 0000000..823cdc6
Binary files /dev/null and b/src/assets/bgintegral.png differ
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 6615cb3..e7dbb1a 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -1284,54 +1284,54 @@ export default {
         }
       }
     }
-    .pagecontainer {
-      display: flex;
-      justify-content: center;
-      text-align: center;
-      margin-bottom: 30px;
-      .ant-pagination-options-quick-jumper {
-        margin-left: 10px;
-        font-size: 16px;
-      }
-      .ant-pagination-disabled {
-        a:hover {
-          color: #c5c5c5 !important;
-        }
-      }
-      .ant-pagination-next,
-      .ant-pagination-prev {
-        a:hover {
-          color: #ff6a00;
-        }
-      }
-      input[type="text"] {
-        box-shadow: none;
-        &:focus {
-          border: 1px solid #ff6a00;
-        }
-        &:hover {
-          border: 1px solid #ff6a00;
-        }
-      }
-      .ant-pagination-item {
-        border: none;
-        a:hover {
-          color: #ff6a00;
-        }
-      }
-      .ant-pagination-item-active {
-        background: #ff6a00;
-        a {
-          color: white;
-        }
-        a:hover {
-          color: white;
-        }
-      }
-      .ant-pagination-item-link {
-        border: none;
-      }
-    }
+    // .pagecontainer {
+    //   display: flex;
+    //   justify-content: center;
+    //   text-align: center;
+    //   margin-bottom: 30px;
+    //   .ant-pagination-options-quick-jumper {
+    //     margin-left: 10px;
+    //     font-size: 16px;
+    //   }
+    //   .ant-pagination-disabled {
+    //     a:hover {
+    //       color: #c5c5c5 !important;
+    //     }
+    //   }
+    //   .ant-pagination-next,
+    //   .ant-pagination-prev {
+    //     a:hover {
+    //       color: #ff6a00;
+    //     }
+    //   }
+    //   input[type="text"] {
+    //     box-shadow: none;
+    //     &:focus {
+    //       border: 1px solid #ff6a00;
+    //     }
+    //     &:hover {
+    //       border: 1px solid #ff6a00;
+    //     }
+    //   }
+    //   .ant-pagination-item {
+    //     border: none;
+    //     a:hover {
+    //       color: #ff6a00;
+    //     }
+    //   }
+    //   .ant-pagination-item-active {
+    //     background: #ff6a00;
+    //     a {
+    //       color: white;
+    //     }
+    //     a:hover {
+    //       color: white;
+    //     }
+    //   }
+    //   .ant-pagination-item-link {
+    //     border: none;
+    //   }
+    // }
   }
   .maincontentright {
     > div {
diff --git a/src/components/userinfo/usercenter/components/mybalance.vue b/src/components/userinfo/usercenter/components/mybalance.vue
index 744b897..f9aff82 100644
--- a/src/components/userinfo/usercenter/components/mybalance.vue
+++ b/src/components/userinfo/usercenter/components/mybalance.vue
@@ -1,10 +1,49 @@
 <template>
   <div class="mybalance-container">
     <div class="contenttitle">
-      <span>我的老乡</span>
+      <span>我的余额</span>
+    </div>
+    <div class="balance">
       <div>
-        <button>已在职</button>
-        <button>未在职</button>
+        <span
+          >资金总览（元）<i @click="showbalance = !showbalance"
+            ><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-else>***</p>
+      </div>
+    </div>
+    <div class="tradingrecord">
+      <div class="recordtitle">
+        <span>余额交易记录</span>
+      </div>
+      <div class="recordcontent">
+        <a-table
+          :columns="columns"
+          :data-source="data"
+          :pagination="false"
+          @change="onChange"
+        >
+          <a slot="name" slot-scope="text">{{ text }}</a>
+        </a-table>
+        <div class="pagecontainer">
+          <a-pagination
+            :current="+pagination.pageNum"
+            :default-current="1"
+            :defaultPageSize="2"
+            :total="pagination.total"
+            @change="onChange"
+          />
+          <div class="ant-pagination-options-quick-jumper">
+            跳至<input
+              ref="pageinput"
+              type="text"
+              @keyup.enter="inputpageChange"
+              @blur="inputpageChange"
+            />页
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -20,7 +59,86 @@ export default {
   props: {},
   // 组件状态值
   data() {
-    return {};
+    return {
+      pagination: {
+        pageNum: 1,
+        pageSize: 2,
+        total: 8, //分页配置
+      },
+      showbalance: true,
+      columns: [
+        {
+          title: "序号",
+          dataIndex: "index",
+          key: "index",
+          scopedSlots: { customRender: "index" },
+          width: 60,
+        },
+        {
+          title: "交易金额（元）",
+          dataIndex: "money",
+          key: "money",
+          width: 120,
+        },
+        {
+          title: "收款账户",
+          dataIndex: "tel",
+          key: "tel",
+          // width: 120,
+          // ellipsis: true,
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          key: "state",
+          // ellipsis: true,
+          width: 90,
+        },
+        {
+          title: "更新时间",
+          dataIndex: "time",
+          key: "time",
+          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",
+        },
+      ],
+    };
   },
   // 计算属性
   computed: {},
@@ -37,17 +155,28 @@ export default {
    */
   mounted() {},
   // 组件方法
-  methods: {},
+  methods: {
+    onChange(e) {
+      this.pagination.pageNum = e;
+    },
+    inputpageChange(e) {
+      this.pagination.pageNum = e.target.value;
+      // this.getJobList();
+      console.log(e);
+    },
+  },
 };
 </script>
 
 <style scoped lang="less">
-.contenttitle {
+.contenttitle,
+.recordtitle {
   display: flex;
   padding-bottom: 16px;
   justify-content: space-between;
   border-bottom: 1px solid rgba(77, 87, 94, 0.1);
   margin-bottom: 16px;
+  margin-top: 16px;
   span {
     font-size: 20px;
     color: #ff6a00;
@@ -68,4 +197,28 @@ export default {
     }
   }
 }
+.balance {
+  height: 102px;
+  background: url("../../../../assets/bgbalance.png") no-repeat center;
+  background-size: 100% 100%;
+  overflow: hidden;
+  > div {
+    color: #fff;
+    margin-left: 88px;
+    margin-top: 14px;
+    > span {
+      font-size: 16px;
+      // line-height: 22px;
+      i {
+        margin-left: 4px;
+        font-size: 12px;
+      }
+    }
+    p {
+      margin-top: 10px;
+      font-size: 32px;
+      line-height: 32px;
+    }
+  }
+}
 </style>
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index 287c440..970b611 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -12,11 +12,28 @@
       <a-table
         :columns="columns"
         :data-source="data"
-        :pagination="{ 'default-current': 1, defaultPageSize: 1 }"
+        :pagination="false"
         @change="onChange"
       >
         <a slot="name" slot-scope="text">{{ text }}</a>
       </a-table>
+      <div class="pagecontainer">
+        <a-pagination
+          :current="+pagination.pageNum"
+          :default-current="1"
+          :defaultPageSize="2"
+          :total="pagination.total"
+          @change="onChange"
+        />
+        <div class="ant-pagination-options-quick-jumper">
+          跳至<input
+            ref="pageinput"
+            type="text"
+            @keyup.enter="inputpageChange"
+            @blur="inputpageChange"
+          />页
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -32,6 +49,11 @@ export default {
   // 组件状态值
   data() {
     return {
+      pagination: {
+        pageNum: 1,
+        pageSize: 2,
+        total: 8, //分页配置
+      },
       columns: [
         {
           title: "序号",
@@ -108,6 +130,12 @@ export default {
   // 组件方法
   methods: {
     onChange(e) {
+      this.pagination.pageNum = e;
+      console.log(e);
+    },
+    inputpageChange(e) {
+      this.pagination.pageNum = e.target.value;
+      // this.getJobList();
       console.log(e);
     },
   },
@@ -120,6 +148,7 @@ export default {
   padding-bottom: 16px;
   justify-content: space-between;
   border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+  margin-top: 16px;
   margin-bottom: 16px;
   span {
     font-size: 20px;
diff --git a/src/components/userinfo/usercenter/components/mycard.vue b/src/components/userinfo/usercenter/components/mycard.vue
index 6437458..9327073 100644
--- a/src/components/userinfo/usercenter/components/mycard.vue
+++ b/src/components/userinfo/usercenter/components/mycard.vue
@@ -1,16 +1,39 @@
 <template>
   <div class="mycard-container">
     <div class="contenttitle">
-      <span>我的老乡</span>
-      <div>
-        <button>已在职</button>
-        <button>未在职</button>
+      <span>我的卡券</span>
+    </div>
+    <div class="cardbox">
+      <div style="text-align: center">
+        <a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
       </div>
+      <ul>
+        <li
+          v-for="(item, index) in cardlist"
+          :key="index"
+          :class="item.state1 !== '未使用' ? 'used' : ''"
+        >
+          <div>
+            <h1><span>¥</span>{{ item.balance / 100 }}</h1>
+            <p>卡券(元)</p>
+          </div>
+          <div>
+            <p>{{ item.couponName }}</p>
+            <p>
+              有效期至<span>{{ item.pastDueTime }}</span>
+            </p>
+          </div>
+          <div>{{ item.typeName }}</div>
+          <div>{{ item.state1 }}</div>
+        </li>
+      </ul>
     </div>
   </div>
 </template>
 
 <script>
+import { userCardApi } from "../../../../api/userinfo";
+import { formatDateYMD } from "../../../../utils/commonUtil";
 export default {
   // 组件名称
   name: "",
@@ -20,7 +43,14 @@ export default {
   props: {},
   // 组件状态值
   data() {
-    return {};
+    return {
+      pagination: {
+        pageNum: 1,
+        pageSize: 6,
+      },
+      cardlist: [],
+      isspinning: false,
+    };
   },
   // 计算属性
   computed: {},
@@ -30,14 +60,52 @@ export default {
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
-  created() {},
+  created() {
+    this.getUserCard();
+  },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
   mounted() {},
   // 组件方法
-  methods: {},
+  methods: {
+    async getUserCard() {
+      this.isspinning = true;
+      try {
+        const { data } = await userCardApi(this.pagination);
+        console.log(data);
+        if (data.status === 200) {
+          this.cardlist = data.data.recordList;
+          this.cardlist.forEach((val) => {
+            val.pastDueTime = formatDateYMD(val.pastDueTime);
+            if (val.state === 0) {
+              val.state1 = "未使用";
+            } else if (val.state === 1) {
+              val.state1 = "已使用";
+            } else if (val.state === 2) {
+              val.state1 = "已过期";
+            }
+          });
+          this.isspinning = false;
+        }
+        this.cardlist = data.data.recordList;
+        this.cardlist.forEach((val) => {
+          val.pastDueTime = formatDateYMD(val.pastDueTime);
+          if (val.state === 0) {
+            val.state1 = "未使用";
+          } else if (val.state === 1) {
+            val.state1 = "已使用";
+          } else if (val.state === 2) {
+            val.state1 = "已过期";
+          }
+        });
+        console.log(this.cardlist);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
 };
 </script>
 
@@ -47,6 +115,7 @@ export default {
   padding-bottom: 16px;
   justify-content: space-between;
   border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+  margin-top: 16px;
   margin-bottom: 16px;
   span {
     font-size: 20px;
@@ -68,4 +137,95 @@ export default {
     }
   }
 }
+.cardbox {
+  ul {
+    li.used {
+      // 已使用和已过期的样式
+      background: #eeeeee;
+      border: 1px solid #cccccc;
+      > div:nth-of-type(1) {
+        h1 {
+          color: #999999;
+
+          span {
+            color: #999999;
+          }
+        }
+        p {
+          color: #999999;
+        }
+      }
+
+      > div:nth-of-type(4) {
+        background: #cccccc;
+      }
+    }
+    li {
+      // display: flex;
+      // justify-content: space-between;
+      // align-items: center;
+      position: relative;
+      margin-bottom: 16px;
+      height: 102px;
+      // width: 790px;
+      background-color: #fff1e7;
+      border: 1px solid #ff6a00;
+      border-radius: 8px;
+      div {
+        float: left;
+
+        vertical-align: middle;
+        // flex: 1;
+      }
+      > div:nth-of-type(1) {
+        margin-left: 52px;
+        margin-top: 16px;
+        color: #ff6a00;
+        h1 {
+          color: #ff6a00;
+          font-size: 44px;
+          font-weight: bold;
+          line-height: 44px;
+          span {
+            font-size: 32px;
+          }
+        }
+        p {
+          font-size: 16px;
+          text-align: right;
+        }
+      }
+      > div:nth-of-type(2) {
+        margin-top: 24px;
+        margin-left: 83px;
+        p:first-child {
+          font-size: 20px;
+          color: #4d575e;
+        }
+        p:last-child {
+          font-size: 16px;
+          color: #999999;
+        }
+      }
+      > div:nth-of-type(3) {
+        margin-top: 40px;
+        margin-left: 80px;
+        font-size: 16px;
+        color: #666666;
+      }
+      > div:nth-of-type(4) {
+        margin-top: 38px;
+        width: 68px;
+        height: 28px;
+        font-size: 14px;
+        line-height: 28px;
+        float: right;
+        color: #fff;
+        background: #ff6a00;
+        text-align: center;
+        border-radius: 96px 0px 0px 96px;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/components/userinfo/usercenter/components/myintegral.vue b/src/components/userinfo/usercenter/components/myintegral.vue
index 3834a2d..b00c6f9 100644
--- a/src/components/userinfo/usercenter/components/myintegral.vue
+++ b/src/components/userinfo/usercenter/components/myintegral.vue
@@ -1,5 +1,52 @@
 <template>
-  <div class="myintegral-container">我的积分</div>
+  <div class="myintegral-container">
+    <div class="contenttitle">
+      <span>我的积分</span>
+    </div>
+    <div class="balance">
+      <div>
+        <span
+          >当前积分<i @click="showbalance = !showbalance"
+            ><i class="iconfont icon-zhengyan" v-if="showbalance"></i
+            ><i class="iconfont icon-biyan" v-else></i></i
+        ></span>
+        <p v-if="showbalance">999</p>
+        <p v-else>***</p>
+      </div>
+    </div>
+    <div class="tradingrecord">
+      <div class="recordtitle">
+        <span>积分兑换记录</span>
+      </div>
+      <div class="recordcontent">
+        <a-table
+          :columns="columns"
+          :data-source="data"
+          :pagination="false"
+          @change="onChange"
+        >
+          <!-- <a slot="name" slot-scope="text">{{ text }}</a> -->
+        </a-table>
+        <div class="pagecontainer">
+          <a-pagination
+            :current="+pagination.pageNum"
+            :default-current="1"
+            :defaultPageSize="2"
+            :total="pagination.total"
+            @change="onChange"
+          />
+          <div class="ant-pagination-options-quick-jumper">
+            跳至<input
+              ref="pageinput"
+              type="text"
+              @keyup.enter="inputpageChange"
+              @blur="inputpageChange"
+            />页
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -12,7 +59,98 @@ export default {
   props: {},
   // 组件状态值
   data() {
-    return {};
+    return {
+      columns: [
+        {
+          title: "序号",
+          dataIndex: "index",
+          key: "index",
+          scopedSlots: { customRender: "index" },
+          width: 60,
+        },
+        {
+          title: "兑换物品",
+          dataIndex: "money",
+          key: "money",
+          width: 120,
+        },
+        {
+          title: "物品数量",
+          dataIndex: "num",
+          key: "num",
+          width: 90,
+          // ellipsis: true,
+        },
+        {
+          title: "扣除积分",
+          dataIndex: "deduct",
+          key: "deduct",
+          // ellipsis: true,
+          width: 140,
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          key: "state",
+          // ellipsis: true,
+          // width: 90,
+        },
+        {
+          title: "更新时间",
+          dataIndex: "time",
+          key: "time",
+          width: 160,
+        },
+      ],
+      data: [
+        {
+          index: "1",
+          money: "现金20元",
+          state: "交易成功",
+          num: "12",
+          deduct: "1000",
+          time: "2021-09-13 15:41",
+        },
+        {
+          index: "2",
+          money: "水杯",
+          state: "审核中",
+          num: "123",
+          deduct: "1430",
+          time: "2021-09-13 15:41",
+        },
+        {
+          index: "3",
+          money: "枕头",
+          state: "交易关闭",
+          num: "12",
+          deduct: "1100",
+          time: "2021-09-13 15:41",
+        },
+        {
+          index: "4",
+          money: "现金10元",
+          state: "交易关闭",
+          num: "32",
+          deduct: "1200",
+          time: "2021-09-13 15:41",
+        },
+        {
+          index: "5",
+          money: "指甲剪",
+          state: "交易关闭",
+          num: "21",
+          deduct: "3000",
+          time: "2021-09-13 15:41",
+        },
+      ],
+      pagination: {
+        pageNum: 1,
+        pageSize: 2,
+        total: 8, //分页配置
+      },
+      showbalance: true,
+    };
   },
   // 计算属性
   computed: {},
@@ -29,8 +167,72 @@ export default {
    */
   mounted() {},
   // 组件方法
-  methods: {},
+  methods: {
+    onChange(e) {
+      console.log(1);
+      console.log(e);
+      this.pagination.pageNum = e;
+    },
+    inputpageChange(e) {
+      this.pagination.pageNum = e.target.value;
+      // this.getJobList();
+      console.log(e);
+    },
+  },
 };
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.contenttitle,
+.recordtitle {
+  display: flex;
+  padding-bottom: 16px;
+  justify-content: space-between;
+  border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+  margin-bottom: 16px;
+  margin-top: 16px;
+  span {
+    font-size: 20px;
+    color: #ff6a00;
+  }
+  div {
+    button {
+      width: 100px;
+      height: 28px;
+      font-size: 14px;
+      border: 1px solid #cccccc;
+      background-color: #fff;
+    }
+    button:first-child {
+      border-radius: 4px 0px 0px 4px;
+    }
+    button:last-child {
+      border-radius: 0px 4px 4px 0px;
+    }
+  }
+}
+.balance {
+  height: 102px;
+  background: url("../../../../assets/bgbalance.png") no-repeat center;
+  background-size: 100% 100%;
+  overflow: hidden;
+  > div {
+    color: #fff;
+    margin-left: 88px;
+    margin-top: 14px;
+    > span {
+      font-size: 16px;
+      // line-height: 22px;
+      i {
+        margin-left: 4px;
+        font-size: 12px;
+      }
+    }
+    p {
+      margin-top: 10px;
+      font-size: 32px;
+      line-height: 32px;
+    }
+  }
+}
+</style>
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index 65bf7e0..c2512dc 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -11,11 +11,28 @@
       <a-table
         :columns="columns"
         :data-source="data"
-        :pagination="{ 'default-current': 1, defaultPageSize: 1 }"
+        :pagination="false"
         @change="onChange"
       >
         <a slot="name" slot-scope="text">{{ text }}</a>
       </a-table>
+      <div class="pagecontainer">
+        <a-pagination
+          :current="+pagination.pageNum"
+          :default-current="1"
+          :defaultPageSize="2"
+          :total="pagination.total"
+          @change="onChange"
+        />
+        <div class="ant-pagination-options-quick-jumper">
+          跳至<input
+            ref="pageinput"
+            type="text"
+            @keyup.enter="inputpageChange"
+            @blur="inputpageChange"
+          />页
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -31,6 +48,11 @@ export default {
   // 组件状态值
   data() {
     return {
+      pagination: {
+        pageNum: 1,
+        pageSize: 2,
+        total: 8, //分页配置
+      },
       columns: [
         {
           title: "序号",
@@ -97,6 +119,12 @@ export default {
   // 组件方法
   methods: {
     onChange(e) {
+      this.pagination.pageNum = e;
+      console.log(e);
+    },
+    inputpageChange(e) {
+      this.pagination.pageNum = e.target.value;
+      // this.getJobList();
       console.log(e);
     },
   },
@@ -109,6 +137,7 @@ export default {
   padding-bottom: 16px;
   justify-content: space-between;
   border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+  margin-top: 16px;
   margin-bottom: 16px;
   span {
     font-size: 20px;
diff --git a/src/components/userinfo/usercenter/index.vue b/src/components/userinfo/usercenter/index.vue
index 4878ec4..0416b77 100644
--- a/src/components/userinfo/usercenter/index.vue
+++ b/src/components/userinfo/usercenter/index.vue
@@ -139,14 +139,14 @@ export default {
   }
 }
 .usercontent {
-  height: 1000px;
+  // height: 1000px;
   margin-top: 16px;
   // background-color: pink;
   display: flex;
   .leftlist {
     width: 346px;
-    height: 500px;
-    background-color: skyblue;
+    // height: 500px;
+    // background-color: skyblue;
     margin-right: 16px;
     .userbaseinfo {
       ul {
@@ -157,7 +157,7 @@ export default {
         li {
           position: relative;
           display: flex;
-          padding: 16px 16px 16px 16px;
+          padding: 16px;
           line-height: 24px;
           justify-content: space-between;
           background-color: #fff;
@@ -238,8 +238,8 @@ export default {
   }
   .rightcontent {
     width: 838px;
-    height: 600px;
-    padding: 16px;
+    // height: 600px;
+    padding: 0 16px;
     background-color: #fff;
   }
 }
diff --git a/src/style/index.less b/src/style/index.less
index 543fdee..daa1afe 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -291,6 +291,57 @@ i {
 	width: 1200px;
 	margin: 0 auto;
 }
+
+// 分页器样式
+.pagecontainer {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  margin-bottom: 30px;
+  margin-top: 15px;
+  .ant-pagination-options-quick-jumper {
+    margin-left: 10px;
+    font-size: 16px;
+  }
+  .ant-pagination-disabled {
+    a:hover {
+      color: #c5c5c5 !important;
+    }
+  }
+  .ant-pagination-next,
+  .ant-pagination-prev {
+    a:hover {
+      color: #ff6a00;
+    }
+  }
+  input[type="text"] {
+    box-shadow: none;
+    &:focus {
+      border: 1px solid #ff6a00;
+    }
+    &:hover {
+      border: 1px solid #ff6a00;
+    }
+  }
+  .ant-pagination-item {
+    border: none;
+    a:hover {
+      color: #ff6a00;
+    }
+  }
+  .ant-pagination-item-active {
+    background: #ff6a00;
+    a {
+      color: white;
+    }
+    a:hover {
+      color: white;
+    }
+  }
+  .ant-pagination-item-link {
+    border: none;
+  }
+}
 .ant-cascader-menus.monthlypay,
 .ant-cascader-menus.agestr {
 	width: 100vw;
@@ -404,7 +455,7 @@ i {
 	}
 }
 
-.beforeblock {
+.beforeblock { 
 	display: inline-block;
 	vertical-align: middle;
 	margin-top: -4px;
diff --git a/src/utils/request.js b/src/utils/request.js
index 8b922c6..4f7cb91 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,5 +1,5 @@
 import axios from "axios";
-const baseURL = "http://1shoudan.com";
+// const baseURL = "http://1shoudan.com";
 // const baseURL = "https://d.matripe.com.cn";
 // const baseURL = "http://bl7.matripe.com.cn:8001";
 // const baseURL = "http://nb.renminshitang.com.cn";
@@ -8,8 +8,8 @@ const baseURL = "http://1shoudan.com";
 axios.defaults.withCredentials = true; //添加这行代码
 
 const service = axios.create({
-  // baseURL: "/api_prod", // url = base url + request url
-  baseURL: baseURL, // baseURL: "/api", // url = base url + request url // url = base url + request url
+  baseURL: "/api_prod", // url = base url + request url
+  // baseURL: baseURL, // baseURL: "/api", // url = base url + request url // url = base url + request url
   withCredentials: true, // send cookies when cross-domain requests
   timeout: 10000, // request timeout
   crossDomain: true,
diff --git a/src/views/userinfo.vue b/src/views/userinfo.vue
index d38c6db..bb8de29 100644
--- a/src/views/userinfo.vue
+++ b/src/views/userinfo.vue
@@ -165,13 +165,7 @@
 
 <script>
 // import joblist from "../components/firstjob/joblist.vue";
-import {
-  JobListApi,
-  // getCityApi,
-} from "../api/job";
-
 import { logoutApi } from "../api/login";
-import { disposeJobListData } from "../utils/commonUtil";
 
 export default {
   inject: ["reload"],
@@ -263,9 +257,7 @@ export default {
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
   created() {
-    this.getJobList();
     this.isLaoxiangshow();
-    this.getRecommendJob();
     this.showfooter();
   },
   /**
@@ -284,50 +276,6 @@ export default {
   },
   // 组件方法
   methods: {
-    // 获取工作列表
-    async getJobList() {
-      this.isspinning = true;
-      console.log(this.formvalue);
-      try {
-        var newdata = {
-          district: "",
-          monthlyPayStr: "",
-          ageStr: "",
-          jobSpecialLabelIds: "",
-          aliasName: "",
-          pageNum: 1,
-          pageSize: 8,
-          total: null, //分页配置
-        };
-        for (var k in this.formvalue) {
-          console.log(this.formvalue[k]);
-          if (Array.isArray(this.formvalue[k])) {
-            newdata[k] =
-              this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
-          } else {
-            newdata[k] = this.formvalue[k];
-          }
-        }
-        console.log(newdata);
-        // debugger;
-        const { data } = await JobListApi(newdata);
-        console.log(data);
-        if (data.status === 200) {
-          this.jobMainList = disposeJobListData(data.data.recordList);
-          this.formvalue.total = data.data.recordCount;
-
-          console.log(this.jobMainList);
-        } else {
-          this.$message.info("数据获取失败");
-        }
-        //  = data.data.recordList;
-        this.isspinning = false;
-        console.log(this.formvalue);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-
     totop() {
       // console.log(window);
       document.body.scrollTop = 0;
@@ -346,27 +294,8 @@ export default {
         this.laoxiangshow = true;
       }
     },
-    async getRecommendJob() {
-      this.isspinning = true;
-      try {
-        const { data } = await JobListApi({
-          pageNum: 1,
-          pageSize: 4,
-          jobCategory: 608,
-        });
-        console.log(data);
-        this.fellowList = disposeJobListData(data.data.recordList);
-        this.isspinning = false;
-        console.log(this.fellowList);
-        // this.$emit("update:relationList", this.relationList);
-      } catch (error) {
-        console.log(error);
-      }
-    },
+
     async logout() {
-      // logoutApi().then((result) => {
-      //   console.log(result);
-      // });
       try {
         const data = await logoutApi();
         console.log(data);
@@ -377,19 +306,10 @@ export default {
         } else {
           console.log(1);
         }
-
-        // this.fellowList = disposeJobListData(data.data.recordList);
-        // this.isspinning = false;
-        // console.log(this.fellowList);
-        // this.$emit("update:relationList", this.relationList);
       } catch (error) {
         console.log(error);
         this.$message.warning(error.message);
       }
-      // console.log(data);
-      // if (data.status === 200) {
-      //   localStorage.removeItem("LOGIN_DATA");
-      // }
     },
     resetpage() {
       console.log(1);
diff --git a/vue.config.js b/vue.config.js
index 9ebe7c8..804945d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -43,8 +43,8 @@ module.exports = {
       // 地址中有 /api 的时候会触发代理
       "/api_prod": {
         // target: "http://localhost:8001/",
-        // target: "http://bl7.matripe.com.cn:8001",
-        target: "https://d.matripe.com.cn",
+        target: "http://bl7.matripe.com.cn:8001",
+        // target: "https://d.matripe.com.cn",
         ws: true, // proxy websockets
         changeOrigin: true, // 确定是否跨域
         pathRewrite: {