From 38e2bdb95c2593b883369911868fe8b671b5d119 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 26 一月 2024 17:45:30 +0800
Subject: [PATCH] 开发业务接口
---
 company/src/components/business/InsuranceDetails.vue |   98 +++++++++++++++++++++++++++++++++---------------
 1 files changed, 67 insertions(+), 31 deletions(-)
diff --git a/company/src/components/business/InsuranceDetails.vue b/company/src/components/business/InsuranceDetails.vue
index d615444..ff1859a 100644
--- a/company/src/components/business/InsuranceDetails.vue
+++ b/company/src/components/business/InsuranceDetails.vue
@@ -1,36 +1,40 @@
 <template>
     <GlobalWindow
         :title="title"
-        width="50%"
+        width="100%"
         :visible.sync="visible"
         :confirm-working="isWorking"
         @confirm="confirm"
     >
         <div class="box">
+          <div class="top">
+            {{title}}
+          </div>
             <div class="box_header">
+
                 <div class="box_header_item">
                     <div class="box_header_item_label">鎶曚繚浼佷笟</div>
-                    <div class="box_header_item_val">瀹夊窘鏍煎姏鏈烘鍒堕�犲巶</div>
+                    <div class="box_header_item_val">{{ model.companyName }}</div>
                 </div>
                 <div class="box_header_item">
                     <div class="box_header_item_label">淇濋櫓鏂规</div>
-                    <div class="box_header_item_val">骞冲畨淇濋櫓闆囦富璐d换闄〢鐗�</div>
+                    <div class="box_header_item_val">{{ model.solutionsName }}</div>
                 </div>
                 <div class="box_header_item">
                     <div class="box_header_item_label">淇濋櫓鐢熸晥璧锋湡</div>
-                    <div class="box_header_item_val">2023-09-11 00:00:00</div>
+                    <div class="box_header_item_val">{{ model.startTime }}</div>
                 </div>
                 <div class="box_header_item">
                     <div class="box_header_item_label">淇濋櫓鐢熸晥姝㈡湡</div>
-                    <div class="box_header_item_val">2023-10-11 23:59:59</div>
+                    <div class="box_header_item_val">{{model.endTime}}</div>
                 </div>
                 <div class="box_header_item">
                     <div class="box_header_item_label">鎶曚繚浜烘暟</div>
-                    <div class="box_header_item_val">50</div>
+                    <div class="box_header_item_val">{{ model.insureNum }}</div>
                 </div>
                 <div class="box_header_item">
-                    <div class="box_header_item_label">鎬昏垂鐢�</div>
-                    <div class="box_header_item_val">15000</div>
+                    <div class="box_header_item_label">鎬昏垂鐢�(鍏�)</div>
+                    <div class="box_header_item_val">{{model.fee}}</div>
                 </div>
             </div>
             <div class="box_table">
@@ -41,18 +45,18 @@
                     <div class="box_table_head_item">娲鹃仯鍗曚綅</div>
                     <div class="box_table_head_item">鎵�灞炲伐绉�</div>
                 </div>
-                <div class="box_table_content" v-for="(item, index) in 6" :key="index">
+                <div class="box_table_content" v-for="(item, index) in detailList" :key="index">
                     <div class="box_table_content_item">{{index + 1}}</div>
-                    <div class="box_table_content_item">鐜嬫煇鏌�</div>
-                    <div class="box_table_content_item">340411190001010011</div>
-                    <div class="box_table_content_item">瀹夊窘鏍煎姏鏈烘鍒堕�犲巶</div>
-                    <div class="box_table_content_item">4绫� 鏈烘鍔犲伐/鍒堕��</div>
+                    <div class="box_table_content_item">{{ item.memberName }}</div>
+                    <div class="box_table_content_item">{{ item.idcardNo }}</div>
+                    <div class="box_table_content_item">{{ item.duName }}</div>
+                    <div class="box_table_content_item">{{item.workTypeName}}</div>
                 </div>
             </div>
         </div>
         <template v-slot:footer>
             <el-button type="primary">浼佷笟璇佷欢</el-button>
-            <el-button type="primary">瀵煎嚭璇﹀崟</el-button>
+            <el-button type="primary"  :loading="isWorking.export" @click="exportDetail">瀵煎嚭璇﹀崟</el-button>
             <el-button>鍙栨秷</el-button>
         </template>
     </GlobalWindow>
@@ -61,12 +65,16 @@
 <script>
     import BaseOpera from '@/components/base/BaseOpera'
     import GlobalWindow from '@/components/common/GlobalWindow'
+    import {exportDetailExcel, getDetailList} from "@/api/business/insuranceApply";
+    import {all as solutionAll} from "@/api/business/solutions";
     export default {
         name: 'InsuranceDetails',
         extends: BaseOpera,
         components: { GlobalWindow },
         data () {
             return {
+                model:{},
+               detailList:[],
                 // 琛ㄥ崟鏁版嵁
                 form: {
                     id: null,
@@ -75,24 +83,8 @@
                 // 楠岃瘉瑙勫垯
                 rules: {
                 },
-                formInline: {
-                    user: '',
-                    region: ''
-                },
                 reverse: true,
-                activities: [{
-                    content: '娲诲姩鎸夋湡寮�濮�',
-                    timestamp: '2018-04-15'
-                }, {
-                    content: '閫氳繃瀹℃牳',
-                    timestamp: '2018-04-13'
-                }, {
-                    content: '鍒涘缓鎴愬姛',
-                    timestamp: '2018-04-11'
-                }],
-                tableData: [],
-                activeName: 'first',
-                currentPage: 1
+                tableData: []
             }
         },
         created () {
@@ -102,6 +94,39 @@
             })
         },
         methods: {
+            open(title,target){
+              this.title=title
+              this.visible=true
+              this.model = target
+              this.getDetailListDo()
+            },
+           getDetailListDo(){
+              getDetailList({applyId: this.model.id}).then(res => {
+                this.detailList = res
+              }).catch(err => {
+              })
+            },
+          exportDetail(){
+
+            this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵')
+                .then(() => {
+                  this.isWorking = true
+                  exportDetailExcel({ id: this.model.id })
+                      .then(response => {
+                        this.download(response)
+                      })
+                      .catch(e => {
+                        console.log(e)
+                        this.$message.error('鏁版嵁涓嬭浇澶辫触锛�')
+                      })
+                      .finally(() => {
+                        this.isWorking = false
+                      })
+                })
+                .catch(() => {
+                })
+
+          },
             handleSizeChange(val) {
                 console.log(`姣忛〉 ${val} 鏉);
             },
@@ -121,6 +146,17 @@
 <style lang="scss" scoped>
     .box {
         width: 100%;
+       .top{
+           width: 100%;
+           align-items: center;
+           flex-wrap: wrap;
+           border-top: 1px solid #b4bbc5;
+           border-left: 1px solid #b4bbc5;
+            font-size: 24px;
+            font-weight: bold;
+            text-align: center;
+          padding: 15px;
+         }
         .box_header {
             width: 100%;
             display: flex;
--
Gitblit v1.9.3