新增组件及页面

dgtis-ui/src/views/system/userInfo/components/claim.vue

@@ -0,0 +1,91 @@
+<!--理赔-->
+<template>
+  <div class="userInfoPanel mt10">
+    <el-row class="userInfo">
+      <el-col :span="12">
+        <span class="name">立案号</span>
+        <span class="value">LA2231231312</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">保险单号</span>
+        <span class="value">123123123123</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">报案号</span>
+        <span class="value">131231232213</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">损失发生时间</span>
+        <span class="value">2020-11-12 10：30</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">报案人名称</span>
+        <span class="value">张大川</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">出险人名称</span>
+        <span class="value">张艺</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">报案日期</span>
+        <span class="value">2020-11-02</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">损失原因</span>
+        <span class="value">住院</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">立案日期</span>
+        <span class="value">2020-11-03</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">报案描述</span>
+        <span class="value">胃穿孔，做手术</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">报案人与出险人关系</span>
+        <span class="value">夫妻</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">赔案号</span>
+        <span class="value">12312313</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">险种代码</span>
+        <span class="value">232323</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">赔付金额</span>
+        <span class="value">2899元</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">案件状态</span>
+        <span class="value">已赔付</span>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

dgtis-ui/src/views/system/userInfo/components/contact.vue

@@ -0,0 +1,42 @@
+<!--联系信息-->
+<template>
+  <div class="userInfoPanel mt10 pd15">
+    <el-table v-loading="loading" :data="data">
+      <el-table-column label="地址描述" width="90" align="center" prop="des" />
+      <el-table-column label="地址_国家" align="center" prop="country" />
+      <el-table-column label="地址_省" align="center" prop="province" />
+      <el-table-column label="地址_市县" align="center" prop="city" :show-overflow-tooltip="true" />
+      <el-table-column label="地址_区镇" align="center" prop="area" />
+      <el-table-column label="地址_街道门牌号" width="190" align="center" prop="street"></el-table-column>
+      <el-table-column label="地址_邮政编码" align="center" prop="postalCode" />
+      <el-table-column label="微信" align="center" prop="WeChat" :show-overflow-tooltip="true"  />
+      <el-table-column label="邮箱" align="center" prop="email" :show-overflow-tooltip="true" />
+      <el-table-column label="QQ" align="center" prop="QQ"  :show-overflow-tooltip="true"/>
+      <el-table-column label="手机" align="center" prop="phone"  :show-overflow-tooltip="true"/>
+    </el-table>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

dgtis-ui/src/views/system/userInfo/components/contractInformation.vue

@@ -0,0 +1,144 @@
+<!--合约信息-->
+<template>
+  <div>
+    <div class="tagDiv">
+      <el-tag class="tag" type="warning" effect="dark" size="mini">有极短意保单</el-tag>
+      <el-tag class="tag" type="warning" effect="dark" size="mini">给本人投保</el-tag>
+      <el-tag class="tag" type="warning" effect="dark" size="mini">给父母投保</el-tag>
+      <el-tag class="tag" type="warning" effect="dark" size="mini">给配偶投保</el-tag>
+      <el-tag class="tag" type="warning" effect="dark" size="mini">仅有一年期短险保单</el-tag>
+      <el-tag class="tag" type="warning" effect="dark" size="mini">有续期缴费的保单</el-tag>
+    </div>
+    <div class="userInfoPanel mt10">
+      <el-row class="userInfo">
+        <el-col :span="12">
+          <span class="name">保险单号</span>
+          <span class="value">bx12312312313</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">保险期限</span>
+          <span class="value">一年</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">承保分公司</span>
+          <span class="value">上海人寿</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">起保日期</span>
+          <span class="value">2018-03-02</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">终保日期</span>
+          <span class="value">2019-03-01</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">签单日期</span>
+          <span class="value">2018-03-02</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">投保日期</span>
+          <span class="value">2018-03-02</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">续保日期</span>
+          <span class="value">2020-12-12</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">续保次数</span>
+          <span class="value">1次</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">销售渠道</span>
+          <span class="value">AGY</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">保单状态</span>
+          <span class="value">在保</span>
+        </el-col><el-col :span="12">
+        <span class="name">缴费方式</span>
+        <span class="value">线上支付</span>
+      </el-col>
+        <el-col :span="12">
+          <span class="name">保单保额</span>
+          <span class="value">30万</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">保单保费</span>
+          <span class="value">1689元</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">下次缴费日期</span>
+          <span class="value">2020-12-12</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">被保人数</span>
+          <span class="value">2人</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">基本保额</span>
+          <span class="value">10万</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">保单价值</span>
+          <span class="value">1111元</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">主被保险人名称</span>
+          <span class="value">张大川</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">险种名称</span>
+          <span class="value">重疾健康险</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">业务员</span>
+          <span class="value">刘小美</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">业绩归属</span>
+          <span class="value">运营二部</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">代理渠道</span>
+          <span class="value">123</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">代理机构</span>
+          <span class="value">上海人寿</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">是否保全</span>
+          <span class="value">否</span>
+        </el-col>
+        <el-col :span="12">
+          <span class="name">缴费年期</span>
+          <span class="value">10年</span>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

dgtis-ui/src/views/system/userInfo/components/habit.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="userInfoPanel mt10">
+    <el-row class="userInfo">
+      <el-col :span="12">
+        <span class="name">首选联系方式</span>
+        <span class="value">电话拜访</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">兴趣爱好</span>
+        <span class="value">运动、养生、手工、篮球</span>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

dgtis-ui/src/views/system/userInfo/components/health.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="userInfoPanel mt10">
+    <el-row class="userInfo">
+      <el-col :span="12">
+        <span class="name">评估日期</span>
+        <span class="value">2020-01-03</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">身高</span>
+        <span class="value">180cm</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">体重</span>
+        <span class="value">70kg</span>
+      </el-col>
+      <el-col :span="12">
+        <span class="name">BMI体质指数</span>
+        <span class="value">19（正常）</span>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

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

@@ -55,229 +55,24 @@
       </div>
       <div>
         <el-tabs class="userInfoTab" v-model="tabActive" @tab-click="tabChange">
-          <el-tab-pane label="联系信息" name="lxxx">联系信息</el-tab-pane>
+          <el-tab-pane label="联系信息" name="lxxx">
+            <contact :data="contactData"></contact>
+          </el-tab-pane>
           <el-tab-pane label="习惯偏好" name="pzgl">
-            <div class="userInfoPanel mt10">
-              <el-row class="userInfo">
-                <el-col :span="12">
-                  <span class="name">首选联系方式</span>
-                  <span class="value">电话拜访</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">兴趣爱好</span>
-                  <span class="value">运动、养生、手工、篮球</span>
-                </el-col>
-              </el-row>
-            </div>
+            <habit :data="habitData"></habit>
           </el-tab-pane>
           <el-tab-pane label="健康状况" name="jsgl">
-            <div class="userInfoPanel mt10">
-              <el-row class="userInfo">
-                <el-col :span="12">
-                  <span class="name">评估日期</span>
-                  <span class="value">2020-01-03</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">身高</span>
-                  <span class="value">180cm</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">体重</span>
-                  <span class="value">70kg</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">BMI体质指数</span>
-                  <span class="value">19（正常）</span>
-                </el-col>
-              </el-row>
-            </div>
+            <health :data="healthData"></health>
           </el-tab-pane>
           <el-tab-pane label="关系信息" name="gxxx">关系信息</el-tab-pane>
           <el-tab-pane label="合约信息" name="hyxx">
-            <div class="tagDiv">
-              <el-tag class="tag" type="warning" effect="dark" size="mini">有极短意保单</el-tag>
-              <el-tag class="tag" type="warning" effect="dark" size="mini">给本人投保</el-tag>
-              <el-tag class="tag" type="warning" effect="dark" size="mini">给父母投保</el-tag>
-              <el-tag class="tag" type="warning" effect="dark" size="mini">给配偶投保</el-tag>
-              <el-tag class="tag" type="warning" effect="dark" size="mini">仅有一年期短险保单</el-tag>
-              <el-tag class="tag" type="warning" effect="dark" size="mini">有续期缴费的保单</el-tag>
-            </div>
-            <div class="userInfoPanel mt10">
-              <el-row class="userInfo">
-                <el-col :span="12">
-                  <span class="name">保险单号</span>
-                  <span class="value">bx12312312313</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保险期限</span>
-                  <span class="value">一年</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">承保分公司</span>
-                  <span class="value">上海人寿</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">起保日期</span>
-                  <span class="value">2018-03-02</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">终保日期</span>
-                  <span class="value">2019-03-01</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">签单日期</span>
-                  <span class="value">2018-03-02</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">投保日期</span>
-                  <span class="value">2018-03-02</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">续保日期</span>
-                  <span class="value">2020-12-12</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">续保次数</span>
-                  <span class="value">1次</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">销售渠道</span>
-                  <span class="value">AGY</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保单状态</span>
-                  <span class="value">在保</span>
-                </el-col><el-col :span="12">
-                  <span class="name">缴费方式</span>
-                  <span class="value">线上支付</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保单保额</span>
-                  <span class="value">30万</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保单保费</span>
-                  <span class="value">1689元</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">下次缴费日期</span>
-                  <span class="value">2020-12-12</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">被保人数</span>
-                  <span class="value">2人</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">基本保额</span>
-                  <span class="value">10万</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保单价值</span>
-                  <span class="value">1111元</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">主被保险人名称</span>
-                  <span class="value">张大川</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">险种名称</span>
-                  <span class="value">重疾健康险</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">业务员</span>
-                  <span class="value">刘小美</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">业绩归属</span>
-                  <span class="value">运营二部</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">代理渠道</span>
-                  <span class="value">123</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">代理机构</span>
-                  <span class="value">上海人寿</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">是否保全</span>
-                  <span class="value">否</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">缴费年期</span>
-                  <span class="value">10年</span>
-                </el-col>
-              </el-row>
-            </div>
+            <contract-information :data="contractInformationData"></contract-information>
           </el-tab-pane>
           <el-tab-pane label="理赔信息" name="lpxx">
-            <div class="userInfoPanel mt10">
-              <el-row class="userInfo">
-                <el-col :span="12">
-                  <span class="name">立案号</span>
-                  <span class="value">LA2231231312</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">保险单号</span>
-                  <span class="value">123123123123</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">报案号</span>
-                  <span class="value">131231232213</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">损失发生时间</span>
-                  <span class="value">2020-11-12 10：30</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">报案人名称</span>
-                  <span class="value">张大川</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">出险人名称</span>
-                  <span class="value">张艺</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">报案日期</span>
-                  <span class="value">2020-11-02</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">损失原因</span>
-                  <span class="value">住院</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">立案日期</span>
-                  <span class="value">2020-11-03</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">报案描述</span>
-                  <span class="value">胃穿孔，做手术</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">报案人与出险人关系</span>
-                  <span class="value">夫妻</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">赔案号</span>
-                  <span class="value">12312313</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">险种代码</span>
-                  <span class="value">232323</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">赔付金额</span>
-                  <span class="value">2899元</span>
-                </el-col>
-                <el-col :span="12">
-                  <span class="name">案件状态</span>
-                  <span class="value">已赔付</span>
-                </el-col>
-              </el-row>
-            </div>
+            <claim :data="claimData"></claim>
           </el-tab-pane>
-          <el-tab-pane label="接触信息" name="jcxx">定时任务补偿</el-tab-pane>
-          <el-tab-pane label="标签信息" name="bqxx">定时任务补偿</el-tab-pane>
+          <el-tab-pane label="接触信息" name="jcxx">接触信息</el-tab-pane>
+          <el-tab-pane label="标签信息" name="bqxx">标签信息</el-tab-pane>
         </el-tabs>
       </div>
     </div>
@@ -285,15 +80,68 @@
 </template>
 
 <script>
-
+import habit from './components/habit'
+import health from './components/health'
+import contractInformation from './components/contractInformation'
+import claim from './components/claim'
+import contact from './components/contact'
 export default {
   name: "UserInfo",
   components: {
-
+    habit,
+    health,
+    contractInformation,
+    claim,
+    contact,
   },
   data() {
     return {
       tabActive:'hyxx',
+      habitData:[],
+      healthData:[],
+      contractInformationData:[],
+      claimData:[],
+      contactData:[
+        {
+          des:'户籍地址',
+          country:'中国',
+          province:'河南',
+          city:'洛阳',
+          area:'洛龙区',
+          street:'开元大道厚载门街300号',
+          postalCode:'47100',
+          WeChat:'weixin123',
+          email:'mail163.com',
+          QQ:'974171632',
+          phone:'180***121',
+        },
+        {
+          des:'公司地址',
+          country:'中国',
+          province:'河南',
+          city:'洛阳',
+          area:'洛龙区',
+          street:'开元大道厚载门街300号',
+          postalCode:'47100',
+          WeChat:'weixin123',
+          email:'mail163.com',
+          QQ:'974171632',
+          phone:'180***121',
+        },
+        {
+          des:'户籍地址',
+          country:'中国',
+          province:'河南',
+          city:'洛阳',
+          area:'洛龙区',
+          street:'开元大道厚载门街300号',
+          postalCode:'47100',
+          WeChat:'weixin123',
+          email:'mail163.com',
+          QQ:'974171632',
+          phone:'180***121',
+        },
+      ],
     }
   },
   created() {
@@ -309,7 +157,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
   .conPanel{
     width: 97%;
     /*height: 92%;*/