From 706f7a1328df01219b663826bd5c6e8ebb0ef185 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期六, 27 一月 2024 11:42:56 +0800
Subject: [PATCH] Mr.Shi
---
company/src/components/business/InsuranceDetails.vue | 179 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 144 insertions(+), 35 deletions(-)
diff --git a/company/src/components/business/InsuranceDetails.vue b/company/src/components/business/InsuranceDetails.vue
index d615444..213a2f9 100644
--- a/company/src/components/business/InsuranceDetails.vue
+++ b/company/src/components/business/InsuranceDetails.vue
@@ -1,59 +1,98 @@
<template>
<GlobalWindow
:title="title"
- width="50%"
+ width="100%"
:visible.sync="visible"
:confirm-working="isWorking"
@confirm="confirm"
>
<div class="box">
- <div class="box_header">
+ <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">骞冲畨淇濋櫓闆囦富璐ｄ换闄〢鐗�</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">
+ <div class="box_table_head">
+ <div class="box_table_head_item">鎶曚繚浼佷笟</div>
+ <div class="box_table_head_item">淇濋櫓鏂规</div>
+ <div class="box_table_head_item">淇濋櫓鐢熸晥璧锋湡</div>
+ <div class="box_table_head_item">淇濋櫓鐢熸晥姝㈡湡</div>
+ <div class="box_table_head_item">鎶曚繚浜烘暟</div>
+ <div class="box_table_head_item">鎬昏垂鐢�(鍏�)</div>
</div>
+ <div class="box_table_content" >
+ <div class="box_table_content_item">{{ model.companyName }}</div>
+ <div class="box_table_content_item">{{ model.solutionsName }}</div>
+ <div class="box_table_content_item">{{ model.startTime }}</div>
+ <div class="box_table_content_item">{{ model.endTime }}</div>
+ <div class="box_table_content_item">{{ model.insureNum }}</div>
+ <div class="box_table_content_item">{{model.fee}}</div>
+ </div>
+ </div>
<div class="box_table">
<div class="box_table_head">
<div class="box_table_head_item">搴忓彿</div>
<div class="box_table_head_item">鍛樺伐濮撳悕</div>
<div class="box_table_head_item">韬唤璇佸彿</div>
+ <div class="box_table_head_item">鎬у埆</div>
<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.sex==0?"鐢�":"濂�" }}</div>
+ <div class="box_table_content_item">{{ item.duName }}</div>
+ <div class="box_table_content_item">{{item.workTypeName}}</div>
</div>
</div>
+ <div class="box_header">
+ <div class="box_header_item">
+ <div class="box_header_item_label">澶囨敞</div>
+ <div class="box_header_item_val">
+ <el-form :model="form" ref="form" :rules="rules">
+ <el-form-item label="" prop="checkInfo">
+ <el-input v-model="form.checkInfo" placeholder="璇疯緭鍏�" v-trim/>
+ </el-form-item>
+ </el-form></div>
+ </div>
+ </div>
</div>
- <template v-slot:footer>
- <el-button type="primary">浼佷笟璇佷欢</el-button>
- <el-button type="primary">瀵煎嚭璇﹀崟</el-button>
- <el-button>鍙栨秷</el-button>
+ <template v-if="type==1" v-slot:footer>
+ <el-button type="primary" :loading="isWorking.export" @click="check(1)">鎻愪氦閫氳繃</el-button>
+ <el-button type="danger" :loading="isWorking.export" @click="check(0)">瀹℃牳涓嶉�氳繃</el-button>
+ <el-button @click="visible=false">鍙栨秷</el-button>
+ </template>
+ <template v-else v-slot:footer>
+ <el-button type="primary" :loading="isWorking.export" @click="exportComFilesDo">浼佷笟璇佷欢</el-button>
+ <el-button type="primary" :loading="isWorking.export" @click="exportDetail">瀵煎嚭璇﹀崟</el-button>
+ <el-button @click="visible=false">鍙栨秷</el-button>
</template>
</GlobalWindow>
</template>
@@ -61,12 +100,18 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
+ import {exportDetailExcel, getDetailList} from "@/api/business/insuranceApply";
+ import {exportComFiles} from "@/api/business/company";
+ // import {all as solutionAll} from "@/api/business/solutions";
export default {
name: 'InsuranceDetails',
extends: BaseOpera,
components: { GlobalWindow },
data () {
return {
+ model:{},
+ type:0,
+ detailList:[],
// 琛ㄥ崟鏁版嵁
form: {
id: null,
@@ -75,24 +120,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 +131,59 @@
})
},
methods: {
+ open(title,target,type){
+ this.title=title
+ this.visible=true
+ this.model = target
+ this.type=type
+ 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(() => {
+ })
+
+ },
+ exportComFilesDo(){
+ this.$dialog.exportConfirm('纭瀵煎嚭浼佷笟璇佷欢鍚楋紵')
+ .then(() => {
+ this.isWorking = true
+ exportComFiles({ id: this.model.companyId })
+ .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 +203,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;
@@ -182,6 +275,22 @@
flex: 0.5;
}
}
+ .box_form_item {
+ flex: 1;
+ height: 50px;
+ background: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 14px;
+ color: black;
+ border-right: 1px solid #b4bbc5;
+ border-bottom: 1px solid #b4bbc5;
+ box-sizing: border-box;
+ &:nth-child(1) {
+ flex: 0.5;
+ }
+ }
}
.box_table_content {
width: 100%;
--
Gitblit v1.9.3