src/views/business/insuranceFirst-firstApproval.vue

@@ -20,7 +20,7 @@
             <div>
               <div class="application-panel" v-loading="loading">
                 <!-- 投保信息 -->
-                <table border="1">
+                <table border="1" style="border-collapse:collapse;">
                   <tr>
                     <td colspan="2">投保人名称</td>
                     <td colspan="3">{{insureData.insuredName}}</td>
@@ -98,24 +98,123 @@
               </div>
               <div class="accept-panel" v-loading="loading">
                 <!-- 承保信息 -->
-                <table border="1">
+                <table border="1" style="border-collapse:collapse;">
                   <tr>
-                    <td>险种</td>
-                    <td>限额名称</td>
-                    <td>责任限额/免赔额</td>
+                    <td colspan="2">险种</td>
+                    <td colspan="2">限额名称</td>
+                    <td colspan="2">责任限额/免赔额</td>
                   </tr>
                   <tr>
-                    <td colspan="5">{{acceptData.name}}1</td>
-                    <td>限额名称</td>
-                    <td>责任限额/免赔额</td>
+                    <td rowspan="6" colspan="2">雇主责任险</td>
+                    <td colspan="2">限额名称</td>
+                    <td colspan="2">责任限额/免赔额</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">伤亡责任限额</td>
+                    <td colspan="2">60万/人</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">医疗费用限额</td>
+                    <td colspan="2">5万/人</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">每次事故责任限额</td>
+                    <td colspan="2">240万/次（按4人计算）</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">累计责任限额</td>
+                    <td colspan="2">1800万/年（按30人计算）</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">累计法律诉讼费用限额</td>
+                    <td colspan="2">2万元/年（赠送）</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">行业/职业类型</td>
+                    <td>收费标准(年)</td>
+                    <td>收费标准(月)</td>
+                    <td>投保人数</td>
+                    <td>保险费</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">
+                      一类职业：企业的行管人员
+                      （管理人员，财务人员，以及公司行政辅助人员）
+                    </td>
+                    <td>408元/年/人</td>
+                    <td>34元/月/人</td>
+                    <td>10</td>
+                    <td>4080</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">
+                      二类职业：企业的外勤人员
+                      （销售人员，项目施工人员，项目服务人员）
+                    </td>
+                    <td>564/年/人</td>
+                    <td>47/月/人</td>
+                    <td>10</td>
+                    <td>5640</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">
+                      三类职业：企业的生产人员
+                      （企业司机、流水线工人等）
+                    </td>
+                    <td>804/年/人</td>
+                    <td>67/月/人</td>
+                    <td>10</td>
+                    <td>8040</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">保险费合计(人民币)</td>
+                    <td colspan="2">(大写)：壹万柒仟柒佰陆拾圆</td>
+                    <td colspan="2">(小写)：￥ 17760</td>
+                  </tr>
+                  <tr>
+                    <td colspan="2">保险期间</td>
+                    <td colspan="4">自 2020 年 2 月 1 日 零时起 至 2021 年 1 月 31 日 二十四时止。</td>
                   </tr>
                 </table>
               </div>
               <div class="application-panel" v-loading="loading">
                 <!-- 附件信息 -->
+                <el-table
+                  :data="tableData"
+                  style="width: 100%"
+                  v-loading="loading"
+                  stripe
+                  @sort-change="sortChange"
+                  @selection-change="handleSelectionChange"
+                >
+                  <el-table-column prop="definitionName" label="序号" width="150"></el-table-column>
+                  <el-table-column prop="insuredNumber" label="附件类型" width="100"></el-table-column>
+                  <el-table-column prop="insuredNumber" label="附件名称" width="100"></el-table-column>
+                  <el-table-column prop="insuredNumber" label="操作" width="100"></el-table-column>
+                </el-table>
               </div>
               <div class="application-panel" v-loading="loading">
                 <!-- 推广信息 -->
+                <table border="1" style="border-collapse:collapse;">
+                  <tr>
+                    <td>人员类型</td>
+                    <td>姓名</td>
+                    <td>联系方式</td>
+                    <td>注册账号</td>
+                  </tr>
+                  <tr>
+                    <td>社会推广员</td>
+                    <td>赵磊</td>
+                    <td>18600001111</td>
+                    <td>zhaolei001</td>
+                  </tr>
+                  <tr>
+                    <td>保险代理人</td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                </table>
               </div>
             </div>
           </el-tab-pane>
@@ -135,11 +234,10 @@
               <tr>
                 <td colspan="2">
                   <el-form-item label="处理类型" prop="processStatus">
-                    <el-select v-model="formModel.processStatus"  placeholder="请选择" filterable>
+                    <el-select v-model="formModel.processStatus" placeholder="请选择" filterable>
                       <el-option label="通过" value="1"></el-option>
                       <el-option label="退回" value="2"></el-option>
                     </el-select>
-                    
                   </el-form-item>
                 </td>
               </tr>