提交

MrShi

2025-04-11 3a45da15c947c2d478a44a51bd0f926647b1b841

 company/src/views/enterprise/insuranceApply.vue

@@ -12,7 +12,7 @@
                    <el-option label="已退回" value="4"></el-option>
                    <el-option label="退回申请中" value="5"></el-option>
                    <el-option label="已关闭" value="6"></el-option>
                    <el-option label="投保中" value="25"></el-option>
                    <el-option label="投保中" value="26"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="保险方案" prop="baseSolutionId">
@@ -28,7 +28,7 @@
            <el-form-item label="提交日期" prop="createDate">
                <el-date-picker
                    v-model="searchForm.createDate"
                    @change="search"
                    @change="changeTime"
                    type="daterange"
                    range-separator="至"
                    value-format="yyyy-MM-dd"
@@ -44,51 +44,79 @@
        <!-- 表格和分页 -->
        <template v-slot:table-wrap>
            <ul class="toolbar" v-permissions="['business:dispatchunit:create']">
                <li><el-button type="primary" @click="$refs.OperaInsuranceApplyWindow.open('投保申请', {type: ''})">投保申请</el-button></li>
                <li><el-button type="primary" @click="$refs.OperaInsuranceApplyAddWindow.open('投保申请', {type: ''})">投保申请</el-button></li>
            </ul>
            <el-table
                v-loading="isWorking.search"
                :data="tableData.list"
                stripe
          <el-table
              v-loading="isWorking.search"
              :data="tableData.list"
              stripe
          >
            <el-table-column label="序号"  align="center" width="80px" fixed>
              <template slot-scope="scope">
                <span>{{scope.$index + 1}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="statusInfo"   align="center"  fixed label="状态">
              <template slot-scope="{row}">
                <span :class="'apply-status'+row.status" >{{row.statusInfo}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="solutionsName" fixed label="保险方案" align="center" min-width="150"></el-table-column>
            <el-table-column label="类型" fixed  align="center">
              <template slot-scope="{row}">
                <span style="color: #00BA92" v-if="row.solutionType == 1">委托投保</span>
                <span style="color: #F95601;"  v-else>直接投保</span>
              </template>
            </el-table-column>
            <el-table-column label="保单号" fixed>
              <template slot-scope="{row}">
                <span>{{row.code ? row.code : '-'}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="insureNum" align="center" label="投保人数"  >
              <template slot-scope="{row}">
                <span>{{(row.insureNum||0)}} 人</span>
              </template>
            </el-table-column>
            <el-table-column prop="guaranteeNum"  align="center" label="在保人数"  >
              <template slot-scope="{row}">
                <span>{{(row.guaranteeNum||0)}} 人</span>
              </template>
            </el-table-column>
            <el-table-column label="投保时长">
              <template slot-scope="{row}">
                <span>{{(row.serviceDays - row.loseEfficacyDays) < 0 ? `-` : (row.serviceDays - row.loseEfficacyDays+'天')}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="currentFee" label="已产生费用"  align="center">
              <template slot-scope="{row}">
                <span>{{row.currentFee!=null?row.currentFee+' 元': '-'}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="fee" label="总费用"  align="center">
              <template slot-scope="{row}">
                <span>{{row.fee!=null?row.fee+' 元': '-'}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="createDate" label="提交日期" align="center" min-width="150"></el-table-column>
            <el-table-column prop="startTime" label="投保生效日期" align="center" min-width="150"></el-table-column>
            <el-table-column prop="endTime" label="投保失效日期"  align="center" min-width="150"></el-table-column>
            <el-table-column
                v-if="containPermissions(['business:insuranceapply:update', 'business:insuranceapply:delete'])"
                label="操作"
                min-width="150"
                fixed="right"
                align="center"
            >
                <el-table-column label="序号" width="80px">
                    <template slot-scope="scope">
                        <span>{{scope.$index + 1}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="statusInfo" label="状态">
                  <template slot-scope="{row}">
                    <span :class="'apply-status'+row.status" >{{row.statusInfo}}</span>
                  </template>
                </el-table-column>
                <el-table-column prop="solutionsName" label="保险方案"></el-table-column>
                <el-table-column label="类型">
                  <template slot-scope="{row}">
                    <span style="color: #00BA92" v-if="row.solutionType == 1">委托投保</span>
                    <span style="color: #F95601;"  v-else>直接投保</span>
                  </template>
                </el-table-column>
                <el-table-column prop="insureNum" label="投保人数"></el-table-column>
                <el-table-column label="投保时长（天）">
                    <template slot-scope="{row}">
                        <span>{{(row.serviceDays - row.loseEfficacyDays) < 0 ? `-` : row.serviceDays - row.loseEfficacyDays}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="fee" label="总费用（元）"></el-table-column>
                <el-table-column prop="checkDate" label="提交日期"></el-table-column>
                <el-table-column prop="startTime" label="投保生效日期"></el-table-column>
                <el-table-column prop="endTime" label="投保失效日期"></el-table-column>
                <el-table-column
                    v-if="containPermissions(['business:insuranceapply:update', 'business:insuranceapply:delete'])"
                    label="操作"
                    min-width="120"
                    fixed="right"
                >
                    <template slot-scope="{row}">
                        <el-button type="text" @click="godetail(row)" v-permissions="['business:insuranceapply:update']">查看详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
              <template slot-scope="{row}">
                <el-button type="text" @click="godetail(row)" v-permissions="['business:insuranceapply:update']">查看详情</el-button>
                <el-button type="text" @click="$refs.OperaApplyChangeMonthWindow.open('加减保月度费用统计',row)" v-permissions="['business:applychange:query']">加减保费用</el-button>
                <!--                        <template v-if="row.statusCollect === 2">-->
                <!--                            <el-button type="text" @click="$refs.additionSubtractionApplication.open('加减保申请', { id: row.id })">加减保申请</el-button>-->
                <!--                        </template>-->
              </template>
            </el-table-column>
          </el-table>
            <pagination
                @size-change="handleSizeChange"
                @current-change="handlePageChange"
@@ -97,26 +125,27 @@
            </pagination>
        </template>
        <!--    新增投保    -->
        <OperaInsuranceApplyWindow ref="OperaInsuranceApplyWindow" @success="handlePageChange" />
        <OperaInsuranceApplyAddWindow ref="OperaInsuranceApplyAddWindow" @success="result" />
        <OperaApplyChangeMonthWindow ref="OperaApplyChangeMonthWindow" @success="handlePageChange" />
        <OperaWtbApplyShopWindow ref="OperaWtbApplyShopWindow" @success="handlePageChange" />
        <!--    投保详情    -->
        <OperaInsuranceApplyDetails ref="OperaInsuranceApplyDetails" @success="handlePageChange" />
    </TableLayout>
</template>

<script>
import BaseTable from '@/components/base/BaseTable'
import TableLayout from '@/layouts/TableLayout'
import Pagination from '@/components/common/Pagination'
import OperaInsuranceApplyWindow from '@/components/enterprise/OperaInsuranceApplyWindow'
import OperaInsuranceApplyAddWindow from '@/components/enterprise/OperaInsuranceApplyAddWindow'
import OperaInsuranceApplyDetails from '@/components/business/OperaInsuranceApplyWindow'
import OperaWtbApplyShopWindow from '@/components/business/OperaWtbApplyShopWindow'
import OperaApplyChangeMonthWindow from '@/components/business/OperaApplyChangeMonthWindow'

import { all as solutionAll } from '@/api/business/solutions'
export default {
  name: 'InsuranceApply',
  extends: BaseTable,
  components: { TableLayout, Pagination, OperaInsuranceApplyWindow, OperaInsuranceApplyDetails,OperaWtbApplyShopWindow },
  components: { TableLayout, Pagination,OperaApplyChangeMonthWindow, OperaInsuranceApplyAddWindow, OperaInsuranceApplyDetails,OperaWtbApplyShopWindow },
  data () {
    return {
      // 搜索
@@ -140,6 +169,23 @@
    this.loadSelectList()
  },
  methods: {
      reset() {
          this.searchForm.createTimeS = ''
          this.searchForm.createTimeE = ''
          this.$refs.searchForm.resetFields()
          this.search()
      },
    result(flag,param){
      console.log(flag,param)
      if(param && param.godetail && param.id){
        if (param.type == 1) {
          this.$refs.OperaWtbApplyShopWindow.open('委托投保详情', { id: param.id })
        } else {
          this.$refs.OperaInsuranceApplyDetails.open('投保详情', { id: param.id })
        }
      }
      this.handlePageChange()
    },
    godetail (row) {
      if (row.solutionType == 1) {
        this.$refs.OperaWtbApplyShopWindow.open('委托投保详情', { id: row.id })
@@ -151,6 +197,11 @@
      solutionAll({ dataType: 2 }).then(res => {
        this.solutionList = res
      })
    },
    changeTime (e) {
        this.searchForm.createTimeS = e[0]
        this.searchForm.createTimeE = e[1]
        this.search()
    }
  }
}