From 78a173f85f8a4666d83cf8d900f04dd9f8e3e127 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 17 六月 2025 08:53:12 +0800
Subject: [PATCH] 提交一把订单
---
company/src/components/business/InsuranceDetails.vue | 256 +++++++++++++++++++++++++++++++++++++++------------
1 files changed, 196 insertions(+), 60 deletions(-)
diff --git a/company/src/components/business/InsuranceDetails.vue b/company/src/components/business/InsuranceDetails.vue
index d615444..768b19a 100644
--- a/company/src/components/business/InsuranceDetails.vue
+++ b/company/src/components/business/InsuranceDetails.vue
@@ -1,59 +1,74 @@
<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="box_header_item">
- <div class="box_header_item_label">鎶曚繚浼佷笟</div>
- <div class="box_header_item_val">瀹夊窘鏍煎姏鏈烘鍒堕�犲巶</div>
- </div>
- <div class="box_header_item">
- <div class="box_header_item_label">淇濋櫓鏂规</div>
- <div class="box_header_item_val">骞冲畨淇濋櫓闆囦富璐ｄ换闄〢鐗�</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>
- <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>
- <div class="box_header_item">
- <div class="box_header_item_label">鎶曚繚浜烘暟</div>
- <div class="box_header_item_val">50</div>
- </div>
- <div class="box_header_item">
- <div class="box_header_item_label">鎬昏垂鐢�</div>
- <div class="box_header_item_val">15000</div>
- </div>
+ <div class="top">
+ {{title}}
+ </div>
+ <div class="box_table">
+ <div class="box_table_head">
+ <div class="box_table_head_item">{{model.solutionType == 1?'琚繚闄╀汉':'鎶曚繚浼佷笟'}}</div>
+ <div class="box_table_head_item">淇濋櫓鏂规</div>
+ <div class="box_table_head_item">{{ getApplyTimeTitle(0,model.solutionType,model)}}</div>
+ <div class="box_table_head_item">{{ getApplyTimeTitle(1,model.solutionType,model)}}</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 box_table_content_header">{{ model.companyName }}</div>
+ <div class="box_table_content_item box_table_content_header">{{ model.solutionsName }}</div>
+ <div class="box_table_content_item box_table_content_header">{{ model.startTime }}</div>
+ <div class="box_table_content_item box_table_content_header">{{ model.endTime }}</div>
+ <div class="box_table_content_item box_table_content_header">{{ model.guaranteeNum }} / {{ model.insureNum }}</div>
+ <div class="box_table_content_item box_table_content_header">{{model.fee!=null?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 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 class="box_table_content_item" style="align-items: baseline; cursor: pointer; " :title="item.remark" >{{item.remark}}</div>
+<!-- <div class="box_table_content_item">{{ item.sex==0?"鐢�":"濂�" }}</div>-->
</div>
</div>
+ <div class="box_table" v-if="type==1" style="border-top: 0px solid #b4bbc5;" >
+ <div class="box_table_head">
+ <div class="box_table_head_item5">澶囨敞</div>
+ <div class="box_table_head_item5">
+ <input v-model="form.checkInfo" style="width: 100%;height: 45px;border: 0px;outline: none;" placeholder="璇疯緭鍏�" v-trim/>
+ </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(0)">鎻愪氦閫氳繃</el-button>
+<!-- <el-button type="danger" :loading="isWorking.export" @click="check(1)">瀹℃牳涓嶉�氳繃</el-button>-->
+ <el-button @click="visible=false">鍙栨秷</el-button>
+ </template>
+ <template v-else-if="type==2" v-slot:footer>
+ <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,38 +76,29 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
+ import {check, 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,
- editDate: ''
+ dealBackApply:0,
+ checkInfo: ''
},
// 楠岃瘉瑙勫垯
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
+ reverse: false,
+ tableData: []
}
},
created () {
@@ -102,6 +108,78 @@
})
},
methods: {
+ open(title,target,type){
+ this.title=title
+ this.visible=true
+ this.model = target
+ this.type=type
+ this.form.id=target.id
+ this.form.checkInfo=''
+ this.getDetailListDo()
+ },
+ getDetailListDo(){
+ getDetailList({applyId: this.model.id,
+ isExcel:1}).then(res => {
+ this.detailList = res
+ }).catch(err => {
+ })
+ },
+ exportDetail(){
+ this.$dialog.exportConfirm('纭瀵煎嚭璇﹀崟鍚楋紵')
+ .then(() => {
+ this.isWorking = true
+ exportDetailExcel({
+ isExcel:1,
+ id: this.model.id })
+ .then(response => {
+ this.download(response)
+ })
+ .catch(e => {
+ console.log(e)
+ this.$message.error('鏁版嵁涓嬭浇澶辫触锛�')
+ })
+ .finally(() => {
+ this.isWorking = false
+ })
+ })
+ .catch(() => {
+ })
+
+ },
+ check(type){
+ this.form.dealBackApply = type;
+ this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�')
+ .then(() => {
+ this.isWorking = true
+ check(this.form)
+ .then(response => {
+ this.visible = false
+ this.$emit('success')
+ }).catch(err => {
+ this.$tip.apiFailed(err)
+ })
+ })
+ .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('鏁版嵁涓嬭浇澶辫触锛�')
+ })
+ })
+ .catch(() => {
+ })
+
+ },
handleSizeChange(val) {
console.log(`姣忛〉 ${val} 鏉);
},
@@ -121,6 +199,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: 14px;
+ font-weight: bold;
+ text-align: center;
+ padding: 15px;
+ }
.box_header {
width: 100%;
display: flex;
@@ -160,6 +249,7 @@
}
.box_table {
width: 100%;
+ border-top: 1px solid #b4bbc5;
border-left: 1px solid #b4bbc5;
box-sizing: border-box;
.box_table_head {
@@ -179,17 +269,56 @@
border-bottom: 1px solid #b4bbc5;
box-sizing: border-box;
&:nth-child(1) {
- flex: 0.5;
+ //flex: 0.5;
}
}
+ .box_table_head_item5 {
+ flex: 1;
+ height: 50px;
+ background: #f2f2f2;
+ 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(2) {
+ flex: 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%;
display: flex;
align-items: center;
- .box_table_content_item {
- flex: 1;
- height: 50px;
+ .box_table_content_header{
+ border-bottom: 0px solid #b4bbc5 !important;
+ }
+ .box_table_content_item {
+ //white-space: nowrap;
+ overflow: hidden;
+ //text-overflow: ellipsis;
+ flex: 1;
+ height: 50px;
+ padding: 10px;
background: #ffffff;
display: flex;
align-items: center;
@@ -200,8 +329,15 @@
border-bottom: 1px solid #b4bbc5;
box-sizing: border-box;
&:nth-child(1) {
- flex: 0.5;
+ // flex: 0.5;
}
+ span{
+ width: 100%;
+ white-space: nowrap;
+ word-wrap: break-word;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
}
}
}
--
Gitblit v1.9.3