Mr.Shi

MrShi

2024-01-27 706f7a1328df01219b663826bd5c6e8ebb0ef185

 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">平安保险雇主责任险A版</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%;