diff --git a/src/assets/sass/utils.scss b/src/assets/sass/utils.scss
index cf2abe863..b7fff83d3 100644
--- a/src/assets/sass/utils.scss
+++ b/src/assets/sass/utils.scss
@@ -141,7 +141,7 @@
 }
 
 .flex-direction-colunm {
-  flex-direction: column
+  flex-direction: column;
 }
 
 // 字体颜色
@@ -152,7 +152,9 @@
 .red {
   color: $red !important;
 }
-
+.red1 {
+  color: $red1 !important;
+}
 .yellow {
   color: $yellow !important;
 }
@@ -212,7 +214,7 @@
 }
 
 .text-left {
-  text-align: left !important
+  text-align: left !important;
 }
 
 .text-underline {
@@ -257,13 +259,15 @@
 .bg-red {
   background: $red !important;
 }
-
+.bg-red1 {
+  background: $red1 !important;
+}
 .bg-green-base {
   background: #ddf2ef !important;
 }
 
 .bg-green-dark {
-  background: #E9332E !important;
+  background: #e9332e !important;
 }
 
 .bg-blue-dark {
@@ -290,7 +294,7 @@
   position: absolute;
   // z-index: 99;
   box-sizing: border-box;
-  content: ' ';
+  content: " ";
   pointer-events: none;
   right: 0;
   bottom: 0;
@@ -320,17 +324,17 @@
   line-height: 28px;
 }
 
-.redRadioCheckbox{
-  .van-checkbox__icon .van-icon{
-    border-color: #E9332E;
+.redRadioCheckbox {
+  .van-checkbox__icon .van-icon {
+    border-color: #e9332e;
   }
-  .van-checkbox__label{
-    color: #E9332E;
+  .van-checkbox__label {
+    color: #e9332e;
   }
-  .van-radio__icon .van-icon{
-    border-color: #E9332E;
+  .van-radio__icon .van-icon {
+    border-color: #e9332e;
   }
-  .van-radio__label{
-    color: #E9332E;
+  .van-radio__label {
+    color: #e9332e;
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/sass/variables.scss b/src/assets/sass/variables.scss
index 1720a4d50..8eafd55fa 100644
--- a/src/assets/sass/variables.scss
+++ b/src/assets/sass/variables.scss
@@ -1,7 +1,8 @@
 //颜色
 $white: #fff !default;
-$green: #E9332E !default;
+$green: #e9332e !default;
 $red: #f56123 !default;
+$red1: #ee0a24 !default;
 $yellow: #f56123 !default;
 $orange: #dd9c56 !default;
 $gray: #b1b1b1 !default;
@@ -19,31 +20,15 @@ $font-size-xl: 18px !default;
 $font-size-xll: 26px !default;
 
 // 宽度列表
-$width-list:2 8 10 12 15 18 20 35 40 41 45 50 60 70 80 86 90 100 105 110 120 130 140 150 155 160 165 180 192 200 220 240 250 260 280 300 315 325 345 350 365 400 440 445 450 550 700 1340;
+$width-list: 2 8 10 12 15 18 20 35 40 41 45 50 60 70 80 86 90 100 105 110 120 130 140 150 155 160 165 180 192 200 220
+  240 250 260 280 300 315 325 345 350 365 400 440 445 450 550 700 1340;
 
 // 内外边距列表
 $distance-list: -25 0 1 2 5 6 7 8 9 10 12 15 20 25 30 35 40 45 50 60 70 80 86 90 100 145 150 165 185 210 250;
-$distance-class-list: m,
-mv,
-mh,
-mt,
-ml,
-mr,
-mb,
-p,
-pv,
-ph,
-pt,
-pl,
-pr,
-pb,
-top,
-left,
-right,
-bottom;
+$distance-class-list: m, mv, mh, mt, ml, mr, mb, p, pv, ph, pt, pl, pr, pb, top, left, right, bottom;
 
 //圆角弧度
 $radius: 1 2 3 4 5 6 7 8 9 10 12 15 18 20 50 100;
 
 //透明度
-$opacity: 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9;
\ No newline at end of file
+$opacity: 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9;
diff --git a/src/views/ebiz/institutionalPerform/DepartmentOffice.vue b/src/views/ebiz/institutionalPerform/DepartmentOffice.vue
index 2cd87e340..0be3d31ff 100644
--- a/src/views/ebiz/institutionalPerform/DepartmentOffice.vue
+++ b/src/views/ebiz/institutionalPerform/DepartmentOffice.vue
@@ -6,14 +6,14 @@
     </template>-->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs>-->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -24,21 +24,16 @@
         </van-col>
         <van-col class="fs14 mp2" span="9">
           <span v-if="showText">截至</span>
-          {{timeVal}}
+          {{ timeVal }}
         </van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -66,13 +61,7 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-            v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
@@ -93,24 +82,24 @@
           <tr>
             <th class="white td-1" style="width:4.3em">1</th>
             <th class="td-2">合计</th>
-            <th>{{ysbbTotal.toFixed(2)}}</th>
-            <th>{{bzbfTotol.toFixed(2)}}</th>
-            <th>{{cbbfTotal.toFixed(2)}}</th>
-            <th>{{ysjsTotal}}</th>
-            <th>{{cbjsTotal}}</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
           </tr>
-          <tr v-for="(item,index) in tableData" :key="index">
-            <td class="td-1">{{index+1}}</td>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
             <td class="td-2">
-              <div style="width:10em">{{item.name}}</div>
+              <div style="width:10em">{{ item.name }}</div>
             </td>
-            <td>{{item.ysbb}}</td>
-            <td>{{item.bzbf}}</td>
-            <td>{{item.cbbf}}</td>
-            <td>{{item.ysjs}}</td>
-            <td>{{item.cbjs}}</td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
             <td>
-              <span @click="toDetail(item.code)" class="red">查看</span>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
             </td>
           </tr>
         </table>
@@ -131,7 +120,7 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
@@ -171,7 +160,7 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal: '',
+      shitimeVal: ''
     }
   },
   methods: {
@@ -190,9 +179,11 @@ export default {
       return val
     },
     onClickMain(name) {
-      console.log(name)
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -224,8 +215,8 @@ export default {
         query: {
           manageCode: manageCode,
           timeVal: this.timeVal,
-          showText: this.showText,
-        },
+          showText: this.showText
+        }
       })
     },
     //修改月、天的格式，保持两位数显示
@@ -330,7 +321,7 @@ export default {
         queryType: this.dateType,
         date: this.dateVal,
         //01：保费排行 02：人力排行
-        type: this.curMainType,
+        type: this.curMainType
       }
       // 去除对象里面是空的属性
       for (var key in data) {
@@ -339,7 +330,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -352,7 +343,7 @@ export default {
             $this.ysbbTotal = 0
             $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
+            $this.tableData.map(function(val) {
               $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
@@ -364,8 +355,8 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
   created() {
     setTimeout(() => {
@@ -377,11 +368,11 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
@@ -390,19 +381,23 @@ export default {
     this.timeVal = this.$route.query.timeVal || ''
     this.showText = this.$route.query.showText
     this.getlComPremDetil()
-  },
+  }
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .department-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -428,7 +423,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
diff --git a/src/views/ebiz/institutionalPerform/DistrictOffice.vue b/src/views/ebiz/institutionalPerform/DistrictOffice.vue
index 8fe15fd4a..09c72d971 100644
--- a/src/views/ebiz/institutionalPerform/DistrictOffice.vue
+++ b/src/views/ebiz/institutionalPerform/DistrictOffice.vue
@@ -1,19 +1,19 @@
 <template>
   <div v-cloak class="destrict-office-container">
     <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
-      <!-- <template #right>
+    <!-- <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template> -->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs> -->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -22,20 +22,15 @@
         <van-col span="3">
           <img :src="calendar" />
         </van-col>
-        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
+        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -63,20 +58,14 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-          v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
     </div>
-      <div class="layer-box">
-        <div class="layer">
-      <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+    <div class="layer-box">
+      <div class="layer">
+        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
           <tr class="title">
             <th class="td-1" style="height: 1.2em;">排名</th>
             <th class="td-2">机构</th>
@@ -86,33 +75,33 @@
             <th>预收件数</th>
             <th>承保件数</th>
             <th>操作</th>
-        </tr>
-        <tr>
+          </tr>
+          <tr>
             <th class="td-1 white" style="width:4.3em">1</th>
-          <th class="td-2">合计</th>
-         <th>{{ysbbTotal.toFixed(2)}}</th>
-          <th>{{bzbfTotol.toFixed(2)}}</th>
-          <th>{{cbbfTotal.toFixed(2)}}</th>
-          <th>{{ysjsTotal}}</th>
-          <th>{{cbjsTotal}}</th>
-        </tr>
-        <tr v-for="(item,index) in tableData" :key="index">
-          <td class="td-1">{{index+1}}</td>
-           <td class="td-2">
-            <div style="width:10em">{{item.name}}</div>
-          </td>
-         <td>{{item.ysbb}}</td>
-          <td>{{item.bzbf}}</td>
-          <td>{{item.cbbf}}</td>
-          <td>{{item.ysjs}}</td>
-          <td>{{item.cbjs}}</td>
-          <td>
-            <span @click="toDetail(item.code)" class="red">查看</span>
-          </td>
-        </tr>
-      </table>
-    </div>
+            <th class="td-2">合计</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
+          </tr>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
+            <td class="td-2">
+              <div style="width:10em">{{ item.name }}</div>
+            </td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
+            <td>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
+            </td>
+          </tr>
+        </table>
       </div>
+    </div>
   </div>
 </template>
 
@@ -128,12 +117,12 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
-        //01：保费排行 02：人力排行
-       curMainType:"01",
+      //01：保费排行 02：人力排行
+      curMainType: '01',
       YearColumns: ['2020', '2019'],
       minDate: new Date(2019, 0, 1),
       maxDate: new Date(2020, 10, 1),
@@ -147,8 +136,8 @@ export default {
       cbjsTotal: 0,
       cbbfTotal: 0,
       bzbfTotal: 0,
-       ysbbTotal:0,
-        bzbfTotol:0,
+      ysbbTotal: 0,
+      bzbfTotol: 0,
       tableData: [],
       timeVal: '',
       sortTypeText: '预收标保',
@@ -168,8 +157,8 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal:"",
-      showText:true
+      shitimeVal: '',
+      showText: true
     }
   },
   methods: {
@@ -188,9 +177,11 @@ export default {
       return val
     },
     onClickMain(name) {
-      console.log(name)
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -202,18 +193,18 @@ export default {
         this.showDatePicker = true
       } else if (name == 2) {
         this.showMonthPicker = true
-      } else if(name == 3) {
+      } else if (name == 3) {
         this.showYearPicker = true
       } else {
         // "截至"文字显示出来
-        this.showText=true
+        this.showText = true
         // 实时的时候date清空
         this.dateType = 'now'
         this.dateVal = ''
         // 左侧时间实时赋值
-        this.timeVal= this.shitimeVal
+        this.timeVal = this.shitimeVal
         // 调接口
-         this.getlComPremDetil()
+        this.getlComPremDetil()
       }
     },
     toDetail(manageCode) {
@@ -221,9 +212,9 @@ export default {
         path: '/institutionalPerform/regionalOffice',
         query: {
           manageCode: manageCode,
-           timeVal:this.timeVal,
-          showText:this.showText
-        },
+          timeVal: this.timeVal,
+          showText: this.showText
+        }
       })
     },
     //修改月、天的格式，保持两位数显示
@@ -255,7 +246,7 @@ export default {
       // 一直在获取时间
       this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
       // 存页面上值得一个变量
-      this.timeVal= this.shitimeVal
+      this.timeVal = this.shitimeVal
     },
     dateFormat(time) {
       // 时间格式化 2019-09-08
@@ -265,8 +256,8 @@ export default {
       return year + '-' + this.add0(month) + '-' + this.add0(day)
     },
     onConfirmDate(value, index) {
-         // 点击确定那么文字“截至”就隐藏
-      this.showText=false;
+      // 点击确定那么文字“截至”就隐藏
+      this.showText = false
       if (this.curTab == 1) {
         // now：当前 y:年 m:月 d:日
         // 日
@@ -274,24 +265,21 @@ export default {
         this.dateVal = this.dateFormat(this.currentDate)
         console.log(this.dateVal)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal
+        this.timeVal = this.dateVal
       } else if (this.curTab == 2) {
         // 月
         this.dateType = 'm'
         this.dateVal = this.dateFormat(this.currentMonthDate)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,7)
+        this.timeVal = this.dateVal.substring(0, 7)
       } else if (this.curTab == 3) {
         // 年
         this.dateType = 'y'
-        this.dateVal = value+'-' + '01' + '-' + '01'
+        this.dateVal = value + '-' + '01' + '-' + '01'
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,4)
+        this.timeVal = this.dateVal.substring(0, 4)
       }
-       this.showDatePicker=false,
-       this.showMonthPicker=false,
-       this.showYearPicker= false,
-       this.getlComPremDetil()
+      ;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
     },
     onConfirm(value, index) {
       this.sortTypeText = value
@@ -317,19 +305,19 @@ export default {
       this.getlComPremDetil()
     },
     onBack() {
-        this.$router.go(-1);
+      this.$router.go(-1)
     },
     //获取列表
     getlComPremDetil() {
       let $this = this
       let data = {
         manageCode: this.$route.query.manageCode,
-        manageLv: "04",
+        manageLv: '04',
         sortType: this.sortType,
         queryType: this.dateType,
         date: this.dateVal,
-          //01：保费排行 02：人力排行
-        type: this.curMainType,
+        //01：保费排行 02：人力排行
+        type: this.curMainType
       }
       // 去除对象里面是空的属性
       for (var key in data) {
@@ -338,7 +326,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -348,12 +336,12 @@ export default {
             $this.cbjsTotal = 0
             $this.cbbfTotal = 0
             $this.bzbfTotal = 0
-            $this.ysbbTotal =0
-              $this.bzbfTotol=0
+            $this.ysbbTotal = 0
+            $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
-                  $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
-               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
+            $this.tableData.map(function(val) {
+              $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
+              $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
               $this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
               $this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -363,10 +351,10 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
-   created() {
+  created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
@@ -376,34 +364,38 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
   mounted() {
-    
     setInterval(this.getCurrentDate(), 1000 * 60)
     this.getlComPremDetil()
-     this.timeVal=this.$route.query.timeVal||""
-     console.log(this.timeVal)
- this.showText=this.$route.query.showText
-  },
+    this.timeVal = this.$route.query.timeVal || ''
+    console.log(this.timeVal)
+    this.showText = this.$route.query.showText
+  }
 }
 </script>
+
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .destrict-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -429,7 +421,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
@@ -458,25 +450,26 @@ export default {
     background-color: transparent;
   }
   // 固定表头
-   td,th{
-            /* color: #333;
+  td,
+  th {
+    /* color: #333;
             font-size: 14px;
             border-right: 1px solid #333;
             line-height: 30px; */
-            /* box-sizing: border-box; */
-            background: #fff;
-        }
-        .layer-box{
-            width: 100%;
-            overflow: hidden;
-            position: relative;
-        }
-        .layer{
-            width: 100%;
-            overflow: hidden;
-            overflow-x: scroll;
-        }
-       .td-1 {
+    /* box-sizing: border-box; */
+    background: #fff;
+  }
+  .layer-box {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+  .layer {
+    width: 100%;
+    overflow: hidden;
+    overflow-x: scroll;
+  }
+  .td-1 {
     position: absolute;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/GroupOffice.vue b/src/views/ebiz/institutionalPerform/GroupOffice.vue
index b0c1bbab6..933041a22 100644
--- a/src/views/ebiz/institutionalPerform/GroupOffice.vue
+++ b/src/views/ebiz/institutionalPerform/GroupOffice.vue
@@ -1,19 +1,19 @@
 <template>
   <div v-cloak class="group-office-container">
     <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
-      <!-- <template #right>
+    <!-- <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template> -->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs> -->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -22,20 +22,15 @@
         <van-col span="3">
           <img :src="calendar" />
         </van-col>
-        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
+        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -63,20 +58,14 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-          v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
     </div>
     <div class="layer-box">
-        <div class="layer">
-    <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+      <div class="layer">
+        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
           <tr class="title">
             <th class="td-1" style="height: 1.2em;">排名</th>
             <th class="td-2">机构</th>
@@ -86,32 +75,32 @@
             <th>预收件数</th>
             <th>承保件数</th>
             <th>操作</th>
-        </tr>
-        <tr>
-           <th class="td-1 white" style="width:4.3em">1</th>
-          <th class="td-2">合计</th>
-         <th>{{ysbbTotal.toFixed(2)}}</th>
-          <th>{{bzbfTotol.toFixed(2)}}</th>
-          <th>{{cbbfTotal.toFixed(2)}}</th>
-          <th>{{ysjsTotal}}</th>
-          <th>{{cbjsTotal}}</th>
-        </tr>
-        <tr v-for="(item,index) in tableData" :key="index">
-          <td class="td-1">{{index+1}}</td>
-          <td class="td-2">
-            <div style="width:10em">{{item.name}}</div>
-          </td>
-         <td>{{item.ysbb}}</td>
-          <td>{{item.bzbf}}</td>
-          <td>{{item.cbbf}}</td>
-          <td>{{item.ysjs}}</td>
-          <td>{{item.cbjs}}</td>
-          <td>
-            <span @click="toDetail(item.code)" class="red">查看</span>
-          </td>
-        </tr>
-      </table>
-    </div>
+          </tr>
+          <tr>
+            <th class="td-1 white" style="width:4.3em">1</th>
+            <th class="td-2">合计</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
+          </tr>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
+            <td class="td-2">
+              <div style="width:10em">{{ item.name }}</div>
+            </td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
+            <td>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
+            </td>
+          </tr>
+        </table>
+      </div>
     </div>
   </div>
 </template>
@@ -128,12 +117,12 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
-      curMainType:"01",
-      showText:true,
+      curMainType: '01',
+      showText: true,
       YearColumns: ['2020', '2019'],
       minDate: new Date(2019, 0, 1),
       maxDate: new Date(2020, 10, 1),
@@ -142,8 +131,8 @@ export default {
       currentDate: new Date(),
       sortType: '1',
       // 总和
-       ysbbTotal:0,
-        bzbfTotol:0,
+      ysbbTotal: 0,
+      bzbfTotol: 0,
       ysjsTotal: 0,
       ysbbTotol: 0,
       cbjsTotal: 0,
@@ -168,7 +157,7 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal:""
+      shitimeVal: ''
     }
   },
   methods: {
@@ -187,9 +176,11 @@ export default {
       return val
     },
     onClickMain(name) {
-      console.log(name)
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -201,18 +192,18 @@ export default {
         this.showDatePicker = true
       } else if (name == 2) {
         this.showMonthPicker = true
-      } else if(name == 3) {
+      } else if (name == 3) {
         this.showYearPicker = true
       } else {
         // "截至"文字显示出来
-        this.showText=true
+        this.showText = true
         // 实时的时候date清空
         this.dateType = 'now'
         this.dateVal = ''
         // 左侧时间实时赋值
-        this.timeVal= this.shitimeVal
+        this.timeVal = this.shitimeVal
         // 调接口
-         this.getlComPremDetil()
+        this.getlComPremDetil()
       }
     },
     toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
         path: '/institutionalPerform/personalOffice',
         query: {
           manageCode: manageCode,
-           timeVal:this.timeVal,
-          showText:this.showText
-        },
+          timeVal: this.timeVal,
+          showText: this.showText
+        }
       })
     },
     //修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
       // 一直在获取时间
       this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
       // 存页面上值得一个变量
-      this.timeVal= this.shitimeVal
+      this.timeVal = this.shitimeVal
     },
     dateFormat(time) {
       // 时间格式化 2019-09-08
@@ -264,8 +255,8 @@ export default {
       return year + '-' + this.add0(month) + '-' + this.add0(day)
     },
     onConfirmDate(value, index) {
-         // 点击确定那么文字“截至”就隐藏
-      this.showText=false;
+      // 点击确定那么文字“截至”就隐藏
+      this.showText = false
       console.log(this.curTab)
       console.log(value)
       if (this.curTab == 1) {
@@ -275,24 +266,21 @@ export default {
         this.dateVal = this.dateFormat(this.currentDate)
         console.log(this.dateVal)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal
+        this.timeVal = this.dateVal
       } else if (this.curTab == 2) {
         // 月
         this.dateType = 'm'
         this.dateVal = this.dateFormat(this.currentMonthDate)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,7)
+        this.timeVal = this.dateVal.substring(0, 7)
       } else if (this.curTab == 3) {
         // 年
         this.dateType = 'y'
-        this.dateVal = value+'-' + '01' + '-' + '01'
+        this.dateVal = value + '-' + '01' + '-' + '01'
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,4)
+        this.timeVal = this.dateVal.substring(0, 4)
       }
-       this.showDatePicker=false,
-       this.showMonthPicker=false,
-       this.showYearPicker= false,
-       this.getlComPremDetil()
+      ;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
     },
     onConfirm(value, index) {
       this.sortTypeText = value
@@ -318,19 +306,19 @@ export default {
       this.getlComPremDetil()
     },
     onBack() {
-        this.$router.go(-1);
+      this.$router.go(-1)
     },
     //获取列表
     getlComPremDetil() {
       let $this = this
       let data = {
         manageCode: this.$route.query.manageCode,
-        manageLv: "07",
+        manageLv: '07',
         sortType: this.sortType,
         queryType: this.dateType,
         date: this.dateVal,
-          //01：保费排行 02：人力排行
-        type: this.curMainType,
+        //01：保费排行 02：人力排行
+        type: this.curMainType
       }
       // 去除对象里面是空的属性
       for (var key in data) {
@@ -339,7 +327,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -349,12 +337,12 @@ export default {
             $this.cbjsTotal = 0
             $this.cbbfTotal = 0
             $this.bzbfTotal = 0
-            $this.ysbbTotal =0
-              $this.bzbfTotol=0
+            $this.ysbbTotal = 0
+            $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
-                  $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
-               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
+            $this.tableData.map(function(val) {
+              $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
+              $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
               $this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
               $this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -364,10 +352,10 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
-   created() {
+  created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
@@ -377,32 +365,36 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
   mounted() {
     setInterval(this.getCurrentDate(), 1000 * 60)
- this.timeVal=this.$route.query.timeVal||""
- this.showText=this.$route.query.showText
+    this.timeVal = this.$route.query.timeVal || ''
+    this.showText = this.$route.query.showText
     this.getlComPremDetil()
-  },
+  }
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .group-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -428,7 +420,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
@@ -457,25 +449,26 @@ export default {
     background-color: transparent;
   }
   // 固定表头
-   td,th{
-            /* color: #333;
+  td,
+  th {
+    /* color: #333;
             font-size: 14px;
             border-right: 1px solid #333;
             line-height: 30px; */
-            /* box-sizing: border-box; */
-            background: #fff;
-        }
-        .layer-box{
-            width: 100%;
-            overflow: hidden;
-            position: relative;
-        }
-        .layer{
-            width: 100%;
-            overflow: hidden;
-            overflow-x: scroll;
-        }
-         .td-1 {
+    /* box-sizing: border-box; */
+    background: #fff;
+  }
+  .layer-box {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+  .layer {
+    width: 100%;
+    overflow: hidden;
+    overflow-x: scroll;
+  }
+  .td-1 {
     position: absolute;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/InstitutionalManpower/index.vue b/src/views/ebiz/institutionalPerform/InstitutionalManpower/index.vue
index 1bb35f413..07c41c1c0 100644
--- a/src/views/ebiz/institutionalPerform/InstitutionalManpower/index.vue
+++ b/src/views/ebiz/institutionalPerform/InstitutionalManpower/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <div v-cloak class="under-office-container">
-    <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
+  <div v-cloak class="container">
+    <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
       <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
-      </template>
+      </template> -->
     </van-nav-bar>
     <!-- 业绩和人力 -->
     <van-tabs @click="onClickMain" v-model="active" type="card" class="p0 title">
@@ -13,9 +13,9 @@
     <Selectors @getDateVal="getDateVal" @getSortType="getSortType" :queryColumns="queryColumns"></Selectors>
     <div class="layer-box">
       <div class="layer">
-        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+        <table class="fs14" style="table-layout:fixed">
           <tr class="title">
-            <th class="td-1" style="height: 1.2em;">排名</th>
+            <th class="td-1" style="height: 1.3em;">排名</th>
             <th class="td-2">机构</th>
             <th>{{ queryColumns[0] }}</th>
             <th>{{ queryColumns[1] }}</th>
@@ -24,25 +24,25 @@
             <th>{{ queryColumns[3] }}</th>
             <th v-if="manageLv != '07'">操作</th>
           </tr>
-          <tr>
-            <th class="td-1 white" style="width:3em">1</th>
-            <th class="td-2">合计</th>
-            <th>{{ items[0] }}</th>
-            <th>{{ items[1] }}</th>
-            <th>{{ items[2] }}</th>
-            <th>{{ items[3] }}</th>
+          <tr >
+            <td class="td-1 white" style="width:3em;height: 1.3em;">1</td>
+            <td class="td-2">合计</td>
+            <td>{{ items[0] }}</td>
+            <td>{{ items[1] }}</td>
+            <td>{{ items[2] }}</td>
+            <td>{{ items[3] }}</td>
           </tr>
           <tr v-for="(item, index) in tableData" :key="index">
             <td class="td-1">{{ index + 1 }}</td>
-            <td class="td-2">
+            <td >
               <div style="width:10em">{{ item.name }}</div>
             </td>
             <td>{{ item.hdrl }}</td>
             <td>{{ item.hgrl }}</td>
             <td>{{ item.ggrl }}</td>
             <td>{{ item.xzrl }}</td>
-            <td>
-              <span v-if="manageLv != '07'" @click="toDetail(item.code)" class="red">查看</span>
+            <td v-if="manageLv != '07'">
+              <span  @click="toDetail(item.code)" class="red1">查看</span>
             </td>
           </tr>
         </table>
@@ -133,18 +133,14 @@ export default {
     },
 
     toDetail(manageCode) {
-      // this.$router.push({
-      //   path: '/institutionalPerform/serviceDepartOffice',
-      //   query: {
-      //     manageCode: manageCode,
-      //     timeVal: this.timeVal,
-      //     showText: this.showText
-      //   }
-      // })
+     
       if (!this.manageLv) this.manageLv = 1
       this.manageLv = '0' + (Number(this.manageLv) + 1)
       this.manageCode = manageCode
       this.getlComPremDetil()
+     
+      document.querySelector('.layer').scrollTo(0, 0);//重置滚动条
+     
     },
 
     getCurrentDate() {
@@ -194,7 +190,7 @@ export default {
         manageLv: this.manageLv,
         manageCode: this.manageCode,
         sortType: this.sortType,
-        date: '2020-07-31', //this.dateVal
+        date: this.dateVal, // 2020-07-31
         type: this.curMainType
       }
       // 去除对象里面是空的属性
@@ -246,20 +242,27 @@ export default {
 }
 </script>
 <style lang="scss">
-@import './css/InstitutionalManpower';
-.under-office-container {
-  .oneTab .van-tabs__nav--card .van-tab {
+@import '@/assets/sass/variables.scss';
+.container {
+  .van-row{
+    line-height: 25px;
+  }
+   .van-tabs__nav--card .van-tab {
     background-color: #fff;
     border-right: 1px solid #fff;
   }
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+      &:last-child {
+      border-right: none !important;
+    }
+
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -277,6 +280,18 @@ export default {
     border-width: 1px;
     border-color: #666666;
     border-collapse: collapse;
+  }
+     table .title th {
+   
+    padding: 5px 10px;
+
+   
+  }
+    table td {
+     text-align: center;
+    padding: 5px 10px;
+
+   
   }
   table .title th {
     color: #fff;
@@ -285,22 +300,13 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
-    border-top: 0;
-    border-left: 0;
-    border-right: 0;
-  }
-  table td {
-    text-align: center;
-    border-width: 1px;
-    padding: 8px;
-    // border-style: solid;
-    // border-color: #666666;
-    background-color: #ffffff;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
   }
+ 
+ 
   table {
     border: 0;
   }
@@ -334,7 +340,7 @@ export default {
     overflow-x: scroll;
   }
   .td-1 {
-    position: absolute;
+    /* position: absolute; */
     padding: 2.13333vw;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/PersonalOffice.vue b/src/views/ebiz/institutionalPerform/PersonalOffice.vue
index 43a8835ce..288c0ad88 100644
--- a/src/views/ebiz/institutionalPerform/PersonalOffice.vue
+++ b/src/views/ebiz/institutionalPerform/PersonalOffice.vue
@@ -1,19 +1,19 @@
 <template>
   <div v-cloak class="personal-office-container">
     <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
-      <!-- <template #right>
+    <!-- <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template> -->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs> -->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -22,20 +22,15 @@
         <van-col span="3">
           <img :src="calendar" />
         </van-col>
-        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
+        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -63,20 +58,14 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-          v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
     </div>
     <div class="layer-box">
-        <div class="layer">
-   <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+      <div class="layer">
+        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
           <tr class="title">
             <th class="td-1" style="height: 1.2em;">排名</th>
             <th class="td-2">机构</th>
@@ -85,29 +74,29 @@
             <th>承保保费</th>
             <th>预收件数</th>
             <th>承保件数</th>
-        </tr>
-        <tr>
+          </tr>
+          <tr>
             <th class="td-1 white" style="width:4.3em">1</th>
-          <th class="td-2">合计</th>
-        <th>{{ysbbTotal.toFixed(2)}}</th>
-          <th>{{bzbfTotol.toFixed(2)}}</th>
-          <th>{{cbbfTotal.toFixed(2)}}</th>
-          <th>{{ysjsTotal}}</th>
-          <th>{{cbjsTotal}}</th>
-        </tr>
-        <tr v-for="(item,index) in tableData" :key="index">
-          <td class="td-1">{{index+1}}</td>
-           <td class="td-2">
-            <div style="width:10em">{{item.name}}</div>
-          </td>
-         <td>{{item.ysbb}}</td>
-          <td>{{item.bzbf}}</td>
-          <td>{{item.cbbf}}</td>
-          <td>{{item.ysjs}}</td>
-          <td>{{item.cbjs}}</td>
-        </tr>
-      </table>
-    </div>
+            <th class="td-2">合计</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
+          </tr>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
+            <td class="td-2">
+              <div style="width:10em">{{ item.name }}</div>
+            </td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
+          </tr>
+        </table>
+      </div>
     </div>
   </div>
 </template>
@@ -124,11 +113,11 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
-      showText:true,
+      showText: true,
       YearColumns: ['2020', '2019'],
       minDate: new Date(2019, 0, 1),
       maxDate: new Date(2020, 10, 1),
@@ -143,8 +132,8 @@ export default {
       cbbfTotal: 0,
       bzbfTotal: 0,
       tableData: [],
-       ysbbTotal:0,
-        bzbfTotol:0,
+      ysbbTotal: 0,
+      bzbfTotol: 0,
       timeVal: '',
       sortTypeText: '预收标保',
       queryColumns: ['预收件数', '预收标保', '承保件数', '承保标保', '承保标保'],
@@ -163,8 +152,8 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal:"",
-        curMainType:"01"
+      shitimeVal: '',
+      curMainType: '01'
     }
   },
   methods: {
@@ -183,9 +172,11 @@ export default {
       return val
     },
     onClickMain(name) {
-      console.log(name)
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -197,21 +188,21 @@ export default {
         this.showDatePicker = true
       } else if (name == 2) {
         this.showMonthPicker = true
-      } else if(name == 3) {
+      } else if (name == 3) {
         this.showYearPicker = true
       } else {
         // "截至"文字显示出来
-        this.showText=true
+        this.showText = true
         // 实时的时候date清空
         this.dateType = 'now'
         this.dateVal = ''
         // 左侧时间实时赋值
-        this.timeVal= this.shitimeVal
+        this.timeVal = this.shitimeVal
         // 调接口
-         this.getlComPremDetil()
+        this.getlComPremDetil()
       }
     },
-   
+
     //修改月、天的格式，保持两位数显示
     add0(m) {
       return m < 10 ? '0' + m : m
@@ -241,7 +232,7 @@ export default {
       // 一直在获取时间
       this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
       // 存页面上值得一个变量
-      this.timeVal= this.shitimeVal
+      this.timeVal = this.shitimeVal
     },
     dateFormat(time) {
       // 时间格式化 2019-09-08
@@ -252,7 +243,7 @@ export default {
     },
     onConfirmDate(value, index) {
       // 点击确定那么文字“截至”就隐藏
-      this.showText=false;
+      this.showText = false
       if (this.curTab == 1) {
         // now：当前 y:年 m:月 d:日
         // 日
@@ -260,24 +251,21 @@ export default {
         this.dateVal = this.dateFormat(this.currentDate)
         console.log(this.dateVal)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal
+        this.timeVal = this.dateVal
       } else if (this.curTab == 2) {
         // 月
         this.dateType = 'm'
         this.dateVal = this.dateFormat(this.currentMonthDate)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,7)
+        this.timeVal = this.dateVal.substring(0, 7)
       } else if (this.curTab == 3) {
         // 年
         this.dateType = 'y'
-        this.dateVal = value+'-' + '01' + '-' + '01'
+        this.dateVal = value + '-' + '01' + '-' + '01'
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,4)
+        this.timeVal = this.dateVal.substring(0, 4)
       }
-       this.showDatePicker=false,
-       this.showMonthPicker=false,
-       this.showYearPicker= false,
-       this.getlComPremDetil()
+      ;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
     },
     onConfirm(value, index) {
       this.sortTypeText = value
@@ -303,19 +291,19 @@ export default {
       this.getlComPremDetil()
     },
     onBack() {
-        this.$router.go(-1);
+      this.$router.go(-1)
     },
     //获取列表
     getlComPremDetil() {
       let $this = this
       let data = {
         manageCode: this.$route.query.manageCode,
-        manageLv: "08",
+        manageLv: '08',
         sortType: this.sortType,
         queryType: this.dateType,
         date: this.dateVal,
-          //01：保费排行 02：人力排行
-        type: this.curMainType,
+        //01：保费排行 02：人力排行
+        type: this.curMainType
       }
       // 去除对象里面是空的属性
       for (var key in data) {
@@ -324,7 +312,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -334,12 +322,12 @@ export default {
             $this.cbjsTotal = 0
             $this.cbbfTotal = 0
             $this.bzbfTotal = 0
-           $this.ysbbTotal =0
-              $this.bzbfTotol=0
+            $this.ysbbTotal = 0
+            $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
-                  $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
-               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
+            $this.tableData.map(function(val) {
+              $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
+              $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
               $this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
               $this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -349,10 +337,10 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
-   created() {
+  created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
@@ -362,32 +350,36 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
   mounted() {
     setInterval(this.getCurrentDate(), 1000 * 60)
- this.timeVal=this.$route.query.timeVal||""
- this.showText=this.$route.query.showText
+    this.timeVal = this.$route.query.timeVal || ''
+    this.showText = this.$route.query.showText
     this.getlComPremDetil()
-  },
+  }
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .personal-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -413,7 +405,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
@@ -442,25 +434,26 @@ export default {
     background-color: transparent;
   }
   // 固定表头
-   td,th{
-            /* color: #333;
+  td,
+  th {
+    /* color: #333;
             font-size: 14px;
             border-right: 1px solid #333;
             line-height: 30px; */
-            /* box-sizing: border-box; */
-            background: #fff;
-        }
-        .layer-box{
-            width: 100%;
-            overflow: hidden;
-            position: relative;
-        }
-        .layer{
-            width: 100%;
-            overflow: hidden;
-            overflow-x: scroll;
-        }
-         .td-1 {
+    /* box-sizing: border-box; */
+    background: #fff;
+  }
+  .layer-box {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+  .layer {
+    width: 100%;
+    overflow: hidden;
+    overflow-x: scroll;
+  }
+  .td-1 {
     position: absolute;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/RegionalOffice.vue b/src/views/ebiz/institutionalPerform/RegionalOffice.vue
index 1a98c93a4..fe97b3eb5 100644
--- a/src/views/ebiz/institutionalPerform/RegionalOffice.vue
+++ b/src/views/ebiz/institutionalPerform/RegionalOffice.vue
@@ -1,19 +1,19 @@
 <template>
   <div v-cloak class="regional-office-container">
     <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
-      <!-- <template #right>
+    <!-- <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template> -->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs> -->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -22,20 +22,15 @@
         <van-col span="3">
           <img :src="calendar" />
         </van-col>
-        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
+        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -63,20 +58,14 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-          v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
     </div>
     <div class="layer-box">
-        <div class="layer">
-     <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+      <div class="layer">
+        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
           <tr class="title">
             <th class="td-1" style="height: 1.2em;">排名</th>
             <th class="td-2">机构</th>
@@ -86,32 +75,32 @@
             <th>预收件数</th>
             <th>承保件数</th>
             <th>操作</th>
-        </tr>
-        <tr>
+          </tr>
+          <tr>
             <th class="td-1 white" style="width:4.3em">1</th>
-          <th class="td-2">合计</th>
-         <th>{{ysbbTotal.toFixed(2)}}</th>
-          <th>{{bzbfTotol.toFixed(2)}}</th>
-          <th>{{cbbfTotal.toFixed(2)}}</th>
-          <th>{{ysjsTotal}}</th>
-          <th>{{cbjsTotal}}</th>
-        </tr>
-        <tr v-for="(item,index) in tableData" :key="index">
-          <td class="td-1">{{index+1}}</td>
-          <td class="td-2">
-            <div style="width:10em">{{item.name}}</div>
-          </td>
-         <td>{{item.ysbb}}</td>
-          <td>{{item.bzbf}}</td>
-          <td>{{item.cbbf}}</td>
-          <td>{{item.ysjs}}</td>
-          <td>{{item.cbjs}}</td>
-          <td>
-            <span @click="toDetail(item.code)" class="red">查看</span>
-          </td>
-        </tr>
-      </table>
-        </div>
+            <th class="td-2">合计</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
+          </tr>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
+            <td class="td-2">
+              <div style="width:10em">{{ item.name }}</div>
+            </td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
+            <td>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
+            </td>
+          </tr>
+        </table>
+      </div>
     </div>
   </div>
 </template>
@@ -128,12 +117,12 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
-      curMainType:"01",
-      showText:true,
+      curMainType: '01',
+      showText: true,
       YearColumns: ['2020', '2019'],
       minDate: new Date(2019, 0, 1),
       maxDate: new Date(2020, 10, 1),
@@ -148,8 +137,8 @@ export default {
       cbbfTotal: 0,
       bzbfTotal: 0,
       tableData: [],
-       ysbbTotal:0,
-        bzbfTotol:0,
+      ysbbTotal: 0,
+      bzbfTotol: 0,
       timeVal: '',
       sortTypeText: '预收标保',
       queryColumns: ['预收件数', '预收标保', '承保件数', '承保标保', '承保标保'],
@@ -168,7 +157,7 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal:""
+      shitimeVal: ''
     }
   },
   methods: {
@@ -186,10 +175,12 @@ export default {
       }
       return val
     },
-     onClickMain(name) {
-      console.log(name)
+    onClickMain(name) {
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -201,18 +192,18 @@ export default {
         this.showDatePicker = true
       } else if (name == 2) {
         this.showMonthPicker = true
-      } else if(name == 3) {
+      } else if (name == 3) {
         this.showYearPicker = true
       } else {
         // "截至"文字显示出来
-        this.showText=true
+        this.showText = true
         // 实时的时候date清空
         this.dateType = 'now'
         this.dateVal = ''
         // 左侧时间实时赋值
-        this.timeVal= this.shitimeVal
+        this.timeVal = this.shitimeVal
         // 调接口
-         this.getlComPremDetil()
+        this.getlComPremDetil()
       }
     },
     toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
         path: '/institutionalPerform/departmentOffice',
         query: {
           manageCode: manageCode,
-           timeVal:this.timeVal,
-          showText:this.showText
-        },
+          timeVal: this.timeVal,
+          showText: this.showText
+        }
       })
     },
     //修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
       // 一直在获取时间
       this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
       // 存页面上值得一个变量
-      this.timeVal= this.shitimeVal
+      this.timeVal = this.shitimeVal
     },
     dateFormat(time) {
       // 时间格式化 2019-09-08
@@ -265,7 +256,7 @@ export default {
     },
     onConfirmDate(value, index) {
       // 点击确定那么文字“截至”就隐藏
-      this.showText=false;
+      this.showText = false
       console.log(this.curTab)
       console.log(value)
       if (this.curTab == 1) {
@@ -275,24 +266,21 @@ export default {
         this.dateVal = this.dateFormat(this.currentDate)
         console.log(this.dateVal)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal
+        this.timeVal = this.dateVal
       } else if (this.curTab == 2) {
         // 月
         this.dateType = 'm'
         this.dateVal = this.dateFormat(this.currentMonthDate)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,7)
+        this.timeVal = this.dateVal.substring(0, 7)
       } else if (this.curTab == 3) {
         // 年
         this.dateType = 'y'
-        this.dateVal = value+'-' + '01' + '-' + '01'
+        this.dateVal = value + '-' + '01' + '-' + '01'
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,4)
+        this.timeVal = this.dateVal.substring(0, 4)
       }
-       this.showDatePicker=false,
-       this.showMonthPicker=false,
-       this.showYearPicker= false,
-       this.getlComPremDetil()
+      ;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
     },
     onConfirm(value, index) {
       this.sortTypeText = value
@@ -318,18 +306,18 @@ export default {
       this.getlComPremDetil()
     },
     onBack() {
-        this.$router.go(-1);
+      this.$router.go(-1)
     },
     //获取列表
     getlComPremDetil() {
       let $this = this
       let data = {
         manageCode: this.$route.query.manageCode,
-        manageLv: "05",
+        manageLv: '05',
         sortType: this.sortType,
         queryType: this.dateType,
         date: this.dateVal,
-          //01：保费排行 02：人力排行
+        //01：保费排行 02：人力排行
         type: this.curMainType
       }
       // 去除对象里面是空的属性
@@ -339,7 +327,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -349,12 +337,12 @@ export default {
             $this.cbjsTotal = 0
             $this.cbbfTotal = 0
             $this.bzbfTotal = 0
-           $this.ysbbTotal =0
-              $this.bzbfTotol=0
+            $this.ysbbTotal = 0
+            $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
-                  $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
-               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
+            $this.tableData.map(function(val) {
+              $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
+              $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
               $this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
               $this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -364,10 +352,10 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
-   created() {
+  created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
@@ -377,32 +365,36 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
   mounted() {
     setInterval(this.getCurrentDate(), 1000 * 60)
- this.timeVal=this.$route.query.timeVal||""
- this.showText=this.$route.query.showText
+    this.timeVal = this.$route.query.timeVal || ''
+    this.showText = this.$route.query.showText
     this.getlComPremDetil()
-  },
+  }
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .regional-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -428,7 +420,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
@@ -457,25 +449,26 @@ export default {
     background-color: transparent;
   }
   // 固定表头
-   td,th{
-            /* color: #333;
+  td,
+  th {
+    /* color: #333;
             font-size: 14px;
             border-right: 1px solid #333;
             line-height: 30px; */
-            /* box-sizing: border-box; */
-            background: #fff;
-        }
-        .layer-box{
-            width: 100%;
-            overflow: hidden;
-            position: relative;
-        }
-        .layer{
-            width: 100%;
-            overflow: hidden;
-            overflow-x: scroll;
-        }
-         .td-1 {
+    /* box-sizing: border-box; */
+    background: #fff;
+  }
+  .layer-box {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+  .layer {
+    width: 100%;
+    overflow: hidden;
+    overflow-x: scroll;
+  }
+  .td-1 {
     position: absolute;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/ServiceDepartOffice.vue b/src/views/ebiz/institutionalPerform/ServiceDepartOffice.vue
index c5c9ebdfc..1a428308f 100644
--- a/src/views/ebiz/institutionalPerform/ServiceDepartOffice.vue
+++ b/src/views/ebiz/institutionalPerform/ServiceDepartOffice.vue
@@ -1,19 +1,19 @@
 <template>
   <div v-cloak class="service-office-container">
     <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack"> -->
-      <!-- <template #right>
+    <!-- <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template> -->
     <!-- </van-nav-bar> -->
     <!-- 业绩和人力 -->
-    <!-- <van-tabs @click="onClickMain" type="card" class="p0 title">
+    <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
-    </van-tabs> -->
+    </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
-      <van-tab @click="showDatePicker=true" title="日"></van-tab>
+      <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
       <van-tab title="年"></van-tab>
     </van-tabs>
@@ -22,20 +22,15 @@
         <van-col span="3">
           <img :src="calendar" />
         </van-col>
-        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{timeVal}}</van-col>
+        <van-col class="fs14 mp2" span="9"><span v-if="showText">截至</span>{{ timeVal }}</van-col>
         <van-col span="3">
           <img :src="point" />
         </van-col>
         <van-col span="9">
-          <span class="fs14" @click="showPicker=true">{{sortTypeText}}</span>
+          <span class="fs14" @click="showPicker = true">{{ sortTypeText }}</span>
         </van-col>
         <van-popup v-model="showPicker" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="queryColumns"
-            @confirm="onConfirm"
-            @cancel="showPicker = false"
-          />
+          <van-picker show-toolbar :columns="queryColumns" @confirm="onConfirm" @cancel="showPicker = false" />
         </van-popup>
         <!-- 时间选择器 -->
         <!-- 日 -->
@@ -63,20 +58,14 @@
         </van-popup>
         <!-- 年 -->
         <van-popup v-model="showYearPicker" position="bottom">
-          <van-picker
-          v-model="currentYearDate"
-            show-toolbar
-            :columns="YearColumns"
-            @confirm="onConfirmDate"
-            @cancel="showYearPicker = false"
-          />
+          <van-picker v-model="currentYearDate" show-toolbar :columns="YearColumns" @confirm="onConfirmDate" @cancel="showYearPicker = false" />
         </van-popup>
         <!-- /时间选择器 -->
       </van-row>
     </div>
-   <div class="layer-box">
-        <div class="layer">
-    <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
+    <div class="layer-box">
+      <div class="layer">
+        <table class="fs14" style="table-layout：fixed;padding-left: 4.3em;">
           <tr class="title">
             <th class="td-1" style="height: 1.2em;">排名</th>
             <th class="td-2">机构</th>
@@ -86,33 +75,33 @@
             <th>预收件数</th>
             <th>承保件数</th>
             <th>操作</th>
-        </tr>
-        <tr>
+          </tr>
+          <tr>
             <th class="td-1 white" style="width:4.3em">1</th>
-          <th class="td-2">合计</th>
-         <th>{{ysbbTotal.toFixed(2)}}</th>
-          <th>{{bzbfTotol.toFixed(2)}}</th>
-          <th>{{cbbfTotal.toFixed(2)}}</th>
-          <th>{{ysjsTotal}}</th>
-          <th>{{cbjsTotal}}</th>
-        </tr>
-        <tr v-for="(item,index) in tableData" :key="index">
-          <td class="td-1">{{index+1}}</td>
-          <td class="td-2">
-            <div style="width:10em">{{item.name}}</div>
-          </td>
-         <td>{{item.ysbb}}</td>
-          <td>{{item.bzbf}}</td>
-          <td>{{item.cbbf}}</td>
-          <td>{{item.ysjs}}</td>
-          <td>{{item.cbjs}}</td>
-          <td>
-            <span @click="toDetail(item.code)" class="red">查看</span>
-          </td>
-        </tr>
-      </table>
+            <th class="td-2">合计</th>
+            <th>{{ ysbbTotal.toFixed(2) }}</th>
+            <th>{{ bzbfTotol.toFixed(2) }}</th>
+            <th>{{ cbbfTotal.toFixed(2) }}</th>
+            <th>{{ ysjsTotal }}</th>
+            <th>{{ cbjsTotal }}</th>
+          </tr>
+          <tr v-for="(item, index) in tableData" :key="index">
+            <td class="td-1">{{ index + 1 }}</td>
+            <td class="td-2">
+              <div style="width:10em">{{ item.name }}</div>
+            </td>
+            <td>{{ item.ysbb }}</td>
+            <td>{{ item.bzbf }}</td>
+            <td>{{ item.cbbf }}</td>
+            <td>{{ item.ysjs }}</td>
+            <td>{{ item.cbjs }}</td>
+            <td>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
+            </td>
+          </tr>
+        </table>
+      </div>
     </div>
-   </div>
   </div>
 </template>
 
@@ -128,12 +117,12 @@ export default {
   components: {
     // XTable,
     [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
+    [Tab.name]: Tab
   },
   data() {
     return {
-      curMainType:"01",
-      showText:true,
+      curMainType: '01',
+      showText: true,
       YearColumns: ['2020', '2019'],
       minDate: new Date(2019, 0, 1),
       maxDate: new Date(2020, 10, 1),
@@ -145,8 +134,8 @@ export default {
       ysjsTotal: 0,
       ysbbTotol: 0,
       cbjsTotal: 0,
-       ysbbTotal:0,
-        bzbfTotol:0,
+      ysbbTotal: 0,
+      bzbfTotol: 0,
       cbbfTotal: 0,
       bzbfTotal: 0,
       tableData: [],
@@ -168,7 +157,7 @@ export default {
       dateType: 'now',
       dateVal: '',
       curTab: '',
-      shitimeVal:""
+      shitimeVal: ''
     }
   },
   methods: {
@@ -186,10 +175,12 @@ export default {
       }
       return val
     },
-     onClickMain(name) {
-      console.log(name)
+    onClickMain(name) {
       if (name == 1) {
-        this.curMainType = '02'
+        //this.curMainType = '02'
+        this.$router.push({
+          path: '/institutionalPerform/InstitutionalManpower'
+        })
       } else {
         this.curMainType = '01'
       }
@@ -201,18 +192,18 @@ export default {
         this.showDatePicker = true
       } else if (name == 2) {
         this.showMonthPicker = true
-      } else if(name == 3) {
+      } else if (name == 3) {
         this.showYearPicker = true
       } else {
         // "截至"文字显示出来
-        this.showText=true
+        this.showText = true
         // 实时的时候date清空
         this.dateType = 'now'
         this.dateVal = ''
         // 左侧时间实时赋值
-        this.timeVal= this.shitimeVal
+        this.timeVal = this.shitimeVal
         // 调接口
-         this.getlComPremDetil()
+        this.getlComPremDetil()
       }
     },
     toDetail(manageCode) {
@@ -220,9 +211,9 @@ export default {
         path: '/institutionalPerform/districtOffice',
         query: {
           manageCode: manageCode,
-           timeVal:this.timeVal,
-          showText:this.showText
-        },
+          timeVal: this.timeVal,
+          showText: this.showText
+        }
       })
     },
     //修改月、天的格式，保持两位数显示
@@ -254,7 +245,7 @@ export default {
       // 一直在获取时间
       this.shitimeVal = this.add0(curMonth) + '-' + this.add0(curDay) + timeStr
       // 存页面上值得一个变量
-      this.timeVal= this.shitimeVal
+      this.timeVal = this.shitimeVal
     },
     dateFormat(time) {
       // 时间格式化 2019-09-08
@@ -265,7 +256,7 @@ export default {
     },
     onConfirmDate(value, index) {
       // 点击确定那么文字“截至”就隐藏
-      this.showText=false;
+      this.showText = false
       if (this.curTab == 1) {
         // now：当前 y:年 m:月 d:日
         // 日
@@ -273,24 +264,21 @@ export default {
         this.dateVal = this.dateFormat(this.currentDate)
         console.log(this.dateVal)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal
+        this.timeVal = this.dateVal
       } else if (this.curTab == 2) {
         // 月
         this.dateType = 'm'
         this.dateVal = this.dateFormat(this.currentMonthDate)
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,7)
+        this.timeVal = this.dateVal.substring(0, 7)
       } else if (this.curTab == 3) {
         // 年
         this.dateType = 'y'
-        this.dateVal = value+'-' + '01' + '-' + '01'
+        this.dateVal = value + '-' + '01' + '-' + '01'
         // 左侧时间实时赋值
-        this.timeVal=this.dateVal.substring(0,4)
+        this.timeVal = this.dateVal.substring(0, 4)
       }
-       this.showDatePicker=false,
-       this.showMonthPicker=false,
-       this.showYearPicker= false,
-       this.getlComPremDetil()
+      ;(this.showDatePicker = false), (this.showMonthPicker = false), (this.showYearPicker = false), this.getlComPremDetil()
     },
     onConfirm(value, index) {
       this.sortTypeText = value
@@ -316,18 +304,18 @@ export default {
       this.getlComPremDetil()
     },
     onBack() {
-        this.$router.go(-1);
+      this.$router.go(-1)
     },
     //获取列表
     getlComPremDetil() {
       let $this = this
       let data = {
         manageCode: this.$route.query.manageCode,
-        manageLv: "03",
+        manageLv: '03',
         sortType: this.sortType,
         queryType: this.dateType,
         date: this.dateVal,
-          //01：保费排行 02：人力排行
+        //01：保费排行 02：人力排行
         type: this.curMainType
       }
       // 去除对象里面是空的属性
@@ -337,7 +325,7 @@ export default {
         }
       }
       branchOfficeApi(data)
-        .then((res) => {
+        .then(res => {
           if (res.result == 0) {
             console.log(res.content.list)
             $this.tableData = res.content.list
@@ -347,12 +335,12 @@ export default {
             $this.cbjsTotal = 0
             $this.cbbfTotal = 0
             $this.bzbfTotal = 0
-           $this.ysbbTotal =0
-              $this.bzbfTotol=0
+            $this.ysbbTotal = 0
+            $this.bzbfTotol = 0
             // 业绩排名的 总计计算
-            $this.tableData.map(function (val) {
-                  $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
-               $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
+            $this.tableData.map(function(val) {
+              $this.bzbfTotol = Number($this.bzbfTotol) + Number(val.ysbb)
+              $this.ysbbTotal = Number($this.ysbbTotal) + Number(val.ysbb)
               $this.ysjsTotal = Number($this.ysjsTotal) + Number(val.ysjs)
               $this.ysbbTotol = Number($this.ysbbTotol) + Number(val.ysbb)
               $this.cbjsTotal = Number($this.cbjsTotal) + Number(val.cbjs)
@@ -362,10 +350,10 @@ export default {
             console.log($this.tableData)
           }
         })
-        .catch((err) => {})
-    },
+        .catch(err => {})
+    }
   },
-   created() {
+  created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
@@ -375,32 +363,36 @@ export default {
             route: {
               flag: '',
               extra: {
-                url: location.origin + '/#/institutionalPerform/BranchOffice',
-              },
-            },
-          },
-        ],
+                url: location.origin + '/#/institutionalPerform/BranchOffice'
+              }
+            }
+          }
+        ]
       })
     }, 1000)
   },
   mounted() {
     setInterval(this.getCurrentDate(), 1000 * 60)
- this.timeVal=this.$route.query.timeVal||""
- this.showText=this.$route.query.showText
+    this.timeVal = this.$route.query.timeVal || ''
+    this.showText = this.$route.query.showText
     this.getlComPremDetil()
-  },
+  }
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .service-office-container {
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
     color: #232020;
     background-color: #e6e6e6;
     border-right: 1px solid #8e8d8d;
+    &:last-child {
+      border-right: none !important;
+    }
   }
   .van-nav-bar .van-icon,
   .van-nav-bar__text {
@@ -426,7 +418,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;
@@ -455,25 +447,26 @@ export default {
     background-color: transparent;
   }
   // 固定表头
-   td,th{
-            /* color: #333;
+  td,
+  th {
+    /* color: #333;
             font-size: 14px;
             border-right: 1px solid #333;
             line-height: 30px; */
-            /* box-sizing: border-box; */
-            background: #fff;
-        }
-        .layer-box{
-            width: 100%;
-            overflow: hidden;
-            position: relative;
-        }
-        .layer{
-            width: 100%;
-            overflow: hidden;
-            overflow-x: scroll;
-        }
-         .td-1 {
+    /* box-sizing: border-box; */
+    background: #fff;
+  }
+  .layer-box {
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+  .layer {
+    width: 100%;
+    overflow: hidden;
+    overflow-x: scroll;
+  }
+  .td-1 {
     position: absolute;
     left: 0;
     z-index: 2;
diff --git a/src/views/ebiz/institutionalPerform/UnderOffice.vue b/src/views/ebiz/institutionalPerform/UnderOffice.vue
index 1113f3822..40884972a 100644
--- a/src/views/ebiz/institutionalPerform/UnderOffice.vue
+++ b/src/views/ebiz/institutionalPerform/UnderOffice.vue
@@ -1,17 +1,17 @@
 <template>
   <div v-cloak class="under-office-container">
-    <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
+    <!-- <van-nav-bar left-text="机构业绩" left-arrow @click-left="onBack">
       <template #right>
         <img @click="getlComPremDetil" :src="refreshLogo" />
       </template>
-    </van-nav-bar>
+    </van-nav-bar> -->
     <!-- 业绩和人力 -->
     <van-tabs @click="onClickMain" type="card" class="p0 title">
       <van-tab title="机构业绩排名"></van-tab>
       <van-tab title="机构人力排名"></van-tab>
     </van-tabs>
     <!-- 年月日选择 -->
-    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red">
+    <van-tabs @click="onClickRabs" type="card" class="pl20 pr20 pt10 pb10 bg-red1">
       <van-tab title="实时"></van-tab>
       <van-tab @click="showDatePicker = true" title="日"></van-tab>
       <van-tab title="月"></van-tab>
@@ -96,7 +96,7 @@
             <td>{{ item.ysjs }}</td>
             <td>{{ item.cbjs }}</td>
             <td>
-              <span @click="toDetail(item.code)" class="red">查看</span>
+              <span @click="toDetail(item.code)" class="red1">查看</span>
             </td>
           </tr>
         </table>
@@ -209,7 +209,7 @@ export default {
     },
     toDetail(manageCode) {
       this.$router.push({
-        path: '/institutionalPerform/UnderOffice',
+        path: '/institutionalPerform/ServiceDepartOffice',
         query: {
           manageCode: manageCode,
           timeVal: this.timeVal,
@@ -383,6 +383,7 @@ export default {
 }
 </script>
 <style lang="scss">
+@import '@/assets/sass/variables.scss';
 .under-office-container {
   .van-row {
     line-height: 1.6rem;
@@ -392,7 +393,7 @@ export default {
     border-right: 1px solid #fff;
   }
   .van-tabs__nav--card .van-tab.van-tab--active {
-    color: red;
+    color: $red1;
     background-color: #fff;
   }
   .van-tabs__nav--card .van-tab {
@@ -427,7 +428,7 @@ export default {
     white-space: nowrap;
     border-width: 1px;
     border-color: #666666;
-    background-color: #f56123;
+    background-color: $red1;
     border-top: 0;
     border-left: 0;
     border-right: 0;