k94314517
2024-04-09 02bc3bfe47e3d5311a0bb041c94e70a34b1ca73c
company/src/components/business/InsuranceDetails.vue
@@ -10,32 +10,6 @@
          <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">{{ model.companyName }}</div>
                </div>
                <div class="box_header_item">
                    <div class="box_header_item_label">保险方案</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">{{ model.startTime }}</div>
                </div>
                <div class="box_header_item">
                    <div class="box_header_item_label">保险生效止期</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">{{ model.insureNum }}</div>
                </div>
                <div class="box_header_item">
                    <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>
@@ -45,13 +19,13 @@
              <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 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.insureNum }}</div>
              <div class="box_table_content_item box_table_content_header">{{model.fee!=null?model.fee:'-'}}</div>
            </div>
          </div>
            <div class="box_table">
@@ -72,35 +46,36 @@
                    <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 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-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 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>
      </div>
    </GlobalWindow>
</template>
<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    import {exportDetailExcel, getDetailList} from "@/api/business/insuranceApply";
    import {check, exportDetailExcel, getDetailList} from "@/api/business/insuranceApply";
    import {exportComFiles} from "@/api/business/company";
    // import {all as solutionAll} from "@/api/business/solutions";
    export default {
@@ -115,12 +90,13 @@
                // 表单数据
                form: {
                    id: null,
                    editDate: ''
                    dealBackApply:0,
                    checkInfo: ''
                },
                // 验证规则
                rules: {
                },
                reverse: true,
                reverse: false,
                tableData: []
            }
        },
@@ -136,6 +112,8 @@
              this.visible=true
              this.model = target
              this.type=type
              this.form.id=target.id
              this.form.checkInfo=''
              this.getDetailListDo()
            },
           getDetailListDo(){
@@ -164,6 +142,23 @@
                })
          },
          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(() => {
@@ -175,9 +170,6 @@
                      .catch(e => {
                        console.log(e)
                        this.$message.error('数据下载失败!')
                      })
                      .finally(() => {
                        this.isWorking = false
                      })
                })
                .catch(() => {
@@ -209,7 +201,7 @@
           flex-wrap: wrap;
           border-top: 1px solid #b4bbc5;
           border-left: 1px solid #b4bbc5;
            font-size: 24px;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
          padding: 15px;
@@ -253,6 +245,7 @@
        }
        .box_table {
            width: 100%;
            border-top: 1px solid #b4bbc5;
            border-left: 1px solid #b4bbc5;
            box-sizing: border-box;
            .box_table_head {
@@ -272,9 +265,25 @@
                    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;
@@ -288,7 +297,7 @@
                border-bottom: 1px solid #b4bbc5;
                box-sizing: border-box;
                &:nth-child(1) {
                  flex: 0.5;
                  //flex: 0.5;
                }
              }
            }
@@ -296,7 +305,10 @@
                width: 100%;
                display: flex;
                align-items: center;
                .box_table_content_item {
                .box_table_content_header{
                  border-bottom: 0px solid #b4bbc5 !important;
                }
              .box_table_content_item {
                    flex: 1;
                    height: 50px;
                    background: #ffffff;
@@ -309,7 +321,7 @@
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        flex: 0.5;
                       // flex: 0.5;
                    }
                }
            }