新增组件及页面

dgtis-ui/src/assets/styles/fishBone.css

@@ -13,6 +13,7 @@ body {
     position: relative;
     margin: 0 auto;
     overflow: auto;
+    justify-content: flex-start !important;
 	/*margin-top: 100px;*/
 }
 .fish-bone-axis, .fish-bone-content, .fish-bone-node, .fish-bone-line {

dgtis-ui/src/utils/request.js

@@ -11,7 +11,7 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  timeout: 5000
 })
 
 // request拦截器
@@ -70,7 +70,8 @@ service.interceptors.response.use(res => {
     }
     else if (message.includes("timeout")) {
       // message = "系统接口请求超时";
-      message = "网络繁忙，请稍后重试";
+      window.location.reload();
+      return;
     }
     else if (message.includes("Request failed with status code")) {
       message = "系统接口" + message.substr(message.length - 3) + "异常";

dgtis-ui/src/views/index.vue

@@ -112,7 +112,7 @@
                 <el-form-item class="formItem" label="核心客户号：" size="mini">
                   <el-input v-model="conditionData.SCustID"></el-input>
                 </el-form-item>
-                <el-form-item class="formItemFull labelM education" label="客户等级：" size="mini" style="width:100%;margin-top: 5px;">
+                <el-form-item class="formItem" label="客户等级：" size="mini">
                   <el-select v-model="conditionData.custclass">
                     <el-option label="钻石" value="1"></el-option>
                     <el-option label="白金" value="2"></el-option>
@@ -121,7 +121,7 @@
                     <el-option label="无" value="0"></el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item class="formItemFull labelM education" label="学历：" size="mini" style="width:100%;margin-top: 5px;">
+                <el-form-item class="formItem" label="学历：" size="mini">
                   <el-select v-model="conditionData.education" multiple collapse-tags>
                     <el-option v-for="(item,index) in educationArr" :key="index" :label="item.label" :value="item.value"></el-option>
                   </el-select>

dgtis-ui/src/views/system/userInfoDetails/index.vue

@@ -25,17 +25,17 @@
               <div class="chart">
                 <div class="topNumDiv">
                   <div class="numTitle">保单总数</div>
-                  <div class="num">{{custInfo.bdTotalNum}}张</div>
+                  <div class="num cursor" @click="toDetail">{{custInfo.bdTotalNum}}张</div>
                 </div>
 <!--                <div class="dashedLine"></div>-->
                 <div class="bottomNumDiv">
                   <div class="leftNumDiv">
                     <div class="numTitle">有效保单</div>
-                    <div class="num">{{custInfo.novpolicy}}张</div>
+                    <div class="num cursor" @click="toDetail">{{custInfo.novpolicy}}张</div>
                   </div>
                   <div class="rightNumDiv">
                     <div class="numTitle">失效保单</div>
-                    <div class="num">{{custInfo.noivpolicy}}张</div>
+                    <div class="num cursor" @click="toDetail">{{custInfo.noivpolicy}}张</div>
                   </div>
                 </div>
               </div>
@@ -280,7 +280,11 @@ export default {
         value = 0;
       }
       return value;
-    }
+    },
+    toDetail(){
+      let id = this.$route.query.id;
+      this.$router.push({ path:'/userInfoDetails', query: {id: id}  })
+    },
   }
 };
 </script>
@@ -545,6 +549,9 @@ export default {
   .ht100p{
     height: 100%;
   }
+  .cursor{
+    cursor: pointer;
+  }
   @media (min-width: 1400px) {
     .conPanel .cardDiv .topNumDiv{
       height: 28%;

dgtis-ui/src/views/system/userInfoList/index.vue

@@ -18,9 +18,9 @@
               >导出</el-button>
             </div>
             <el-table v-loading="loading" :data="customerList">
-              <el-table-column label="客户号" width="120" align="center" prop="custid" />
-              <el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" />
-              <el-table-column label="证件类型" align="center" >
+              <el-table-column label="客户号" :width="cellWidth" align="center" prop="custid" />
+              <el-table-column label="姓名" :width="cellWidth" align="center" prop="name" :show-overflow-tooltip="true" />
+              <el-table-column label="证件类型" :width="cellWidth" align="center" >
                 <template slot-scope="scope">
                   <span v-if="scope.row.idcard!=undefined && scope.row.idcard!=''">身份证</span>
                   <span v-else-if="scope.row.passport!=undefined && scope.row.passport!=''">护照</span>
@@ -28,7 +28,7 @@
                   <span v-else-if="scope.row.othernumber!=undefined && scope.row.othernumber!=''">其它证件类型</span>
                 </template>
               </el-table-column>
-              <el-table-column label="证件号码" width="160" align="center" :show-overflow-tooltip="true">
+              <el-table-column label="证件号码" align="center" :show-overflow-tooltip="true">
                 <template slot-scope="scope">
                   <span v-if="scope.row.idcard && scope.row.idcard!=''">{{scope.row.idcard}}</span>
                   <span v-else-if="scope.row.passport && scope.row.passport!=''">{{scope.row.passport}}</span>
@@ -36,19 +36,19 @@
                   <span v-else></span>
                 </template>
               </el-table-column>
-              <el-table-column label="性别" align="center" prop="gender" width="70">
+              <el-table-column label="性别" align="center" prop="gender" :width="cellWidthS">
                   <template slot-scope="scope">
                     <span v-if="scope.row.gender == 0">男</span>
                     <span v-else>女</span>
                   </template>
               </el-table-column>
-              <el-table-column label="出生日期" align="center" width="150">
+              <el-table-column label="出生日期" align="center" :width="cellWidth">
                 <template slot-scope="scope">
                   <span>{{ parseTime(scope.row.birthday,'{yy}-{mm}-{dd}') }}</span>
                 </template>
               </el-table-column>
-              <el-table-column label="年龄" align="center" prop="age" width="70" />
-              <el-table-column label="客户等级" align="center" prop="level" width="80">
+              <el-table-column label="年龄" align="center" prop="age" :width="cellWidthS" />
+              <el-table-column label="客户等级" align="center" prop="level" :width="cellWidthS">
                 <template slot-scope="scope">
                   <span>{{levelText(scope.row.custclass)}}</span>
                 </template>
@@ -56,7 +56,7 @@
               <el-table-column
                 label="操作"
                 align="center"
-                width="270"
+                :width="cellWidthB"
                 class-name="small-padding fixed-width"
               >
                 <template slot-scope="scope">
@@ -111,6 +111,9 @@
         pageNum: 1,
         pageSize: 10
       },
+      cellWidth:'130',
+      cellWidthS:'90',
+      cellWidthB:'260',
     };
   },
   watch: {
@@ -119,6 +122,19 @@
   created() {
     this.getList();
   },
+  mounted() {
+    var clientWidth = document.body.clientWidth;
+    var that = this;
+    if(clientWidth <= 1370){
+      that.cellWidth='120';
+      that.cellWidthS='80';
+      that.cellWidthB='160';
+    }else{
+      that.cellWidth='160';
+      that.cellWidthS='120';
+      that.cellWidthB='280';
+    }
+  },
   methods: {
     /** 查询用户列表 */
     getList() {