Mr.Shi

MrShi

2024-01-30 4efbd1e895f6983dcdfcca5c4ad7df7f49c26cab

Mr.Shi

 company/.env.development

@@ -1,10 +1,6 @@
# å¼€å‘环境配置
NODE_ENV = 'development'

# VUE_APP_API = 'http://192.168.0.104:10023/'

#VUE_APP_API = 'http://192.168.0.134:10023/'
#VUE_APP_API = 'http://localhost:10023/'
# ä¼ä¸šç«¯-仁康
VUE_APP_API = 'http://192.168.0.134:10025/'

@@ -13,6 +9,6 @@

# VUE_APP_API = 'http://192.168.0.134:10023/'

#VUE_APP_API = 'http://localhost:10023/'
# VUE_APP_API = 'http://localhost:10023/'

# VUE_APP_API = 'http://192.168.0.134:10023/'

 company/src/api/business/insuranceApply.js

@@ -74,3 +74,28 @@
export function updateData (data) {
    return request.post('/business/insuranceApply/updateData', data)
}

// åœ¨ä¿åˆ†é¡µæŸ¥è¯¢
export function applyDetailPage (data) {
    return request.post('/business/applyDetail/page', data)
}

// åŠ å‡ã€æ¢åœºåˆ†é¡µæŸ¥è¯¢
export function applyChagneDetailPage (data) {
    return request.post('/business/applyChagneDetail/page', data)
}
// å¯¼å‡ºåœ¨ä¿äººå‘˜è¯¦å•Excel
export function exportExcel (data) {
    return request.post('/business/applyDetail/exportExcel', data, {
        trim: true,
        download: true
    })
}

// å¯¼å‡ºExcel
export function applyChagneDetailExcel (data) {
    return request.post('/business/applyChagneDetail/exportExcel', data, {
        trim: true,
        download: true
    })
}

 company/src/components/business/OperaInsuranceApplyWindow.vue

@@ -44,7 +44,7 @@
                        border
                        style="width: 100%">
                        <el-table-column
                            prop="code"
                            prop="applyCode"
                            align="center"
                            label="保单号">
                        </el-table-column>
@@ -88,62 +88,77 @@
                </div>
                <div class="desc_item_cate">
                    <el-tabs v-model="activeName" @tab-click="handleClick">
                        <el-tab-pane label="在保人员" name="first"></el-tab-pane>
                        <el-tab-pane label="加/减保记录" name="second"></el-tab-pane>
                        <el-tab-pane label="换厂记录" name="third"></el-tab-pane>
                        <el-tab-pane label="在保人员" name="0"></el-tab-pane>
                        <el-tab-pane label="加/减保记录" name="1"></el-tab-pane>
                        <el-tab-pane label="换厂记录" name="2"></el-tab-pane>
                    </el-tabs>
                </div>
                <div class="desc_item_search">
                    <el-form :inline="true" :model="formInline" class="demo-form-inline">
                        <el-form-item label="在保状态" prop="region">
                            <el-select v-model="formInline.region" placeholder="请选择">
                    <el-form :inline="true" :model="formInline" ref="sou" class="demo-form-inline">
                        <el-form-item label="在保状态" prop="applyStatus">
                            <el-select v-model="formInline.applyStatus" @change="search" placeholder="请选择">
                                <el-option label="全部" value="0"></el-option>
                                <el-option label="保障中" value="1"></el-option>
                                <el-option label="不在保" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="派遣单位" prop="region">
                            <el-select v-model="formInline.region" placeholder="请选择">
                                <el-option label="保障中" value="1"></el-option>
                                <el-option label="不在保" value="2"></el-option>
                        <el-form-item label="派遣单位" prop="duId">
                            <el-select v-model="formInline.duId" placeholder="请选择" @change="search">
                                <el-option
                                    v-for="item in dwList"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="所属工种" prop="region">
                            <el-select v-model="formInline.region" placeholder="请选择">
                                <el-option label="保障中" value="1"></el-option>
                                <el-option label="不在保" value="2"></el-option>
                        <el-form-item label="所属工种" prop="workTypeId">
                            <el-select v-model="formInline.workTypeId" placeholder="请选择" @change="search">
                                <el-option
                                    v-for="item in gzList"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="员工姓名" prop="user">
                            <el-input v-model="formInline.user" placeholder="请输入"></el-input>
                        <el-form-item label="员工姓名" prop="memberName">
                            <el-input v-model="formInline.memberName" placeholder="请输入" @keypress.enter.native="search"></el-input>
                        </el-form-item>
                        <el-form-item label="保险生效起期" prop="user">
                        <el-form-item label="保险生效起期" prop="end">
                            <el-date-picker
                                v-model="formInline.user"
                                @change="changeStart"
                                v-model="formInline.end"
                                type="daterange"
                                format="yyyy å¹´ MM æœˆ dd æ—¥"
                                value-format="yyyy-MM-dd"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="保险生效起期" prop="user">
                        <el-form-item label="保险生效止期" prop="start">
                            <el-date-picker
                                v-model="formInline.user"
                                @change="changeEnd"
                                v-model="formInline.start"
                                type="daterange"
                                format="yyyy å¹´ MM æœˆ dd æ—¥"
                                value-format="yyyy-MM-dd"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                            </el-date-picker>
                        </el-form-item>
                        <section>
                            <el-button type="primary" @click="onSubmit">查询</el-button>
                            <el-button>重置</el-button>
                            <el-button type="primary">导出名单</el-button>
                            <el-button type="primary" @click="search">查询</el-button>
                            <el-button @click="resetting">重置</el-button>
                            <el-button type="primary" @click="exportExcel">导出名单</el-button>
                        </section>
                    </el-form>
                </div>
                <div class="desc_item_from">
                    <el-table
                        :data="tableData"
                        :data="list"
                        border
                        style="width: 100%">
                        <el-table-column label="序号">
@@ -152,48 +167,48 @@
                            </template>
                        </el-table-column>
                        <el-table-column
                            prop="date"
                            prop="memberName"
                            label="员工姓名">
                        </el-table-column>
                        <el-table-column
                            prop="name"
                            label="性别"
                            width="180">
                            label="性别">
                            <template slot-scope="{row}">
                                <span v-if="row.sex === 0">男</span>
                                <span v-else>女</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="idcardNo"
                            label="身份证号">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="duName"
                            label="派遣单位">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="workTypeName"
                            label="所属工种">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="startTime"
                            label="保险生效起期">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="endTime"
                            label="保险生效止期">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            prop="fee"
                            label="产生费用（元）">
                        </el-table-column>
                    </el-table>
                    <div class="desc_item_from_page">
                        <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage"
                            :page-sizes="[100, 200, 300, 400]"
                            :page-size="100"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="400">
                            :page-size="10"
                            layout="total, prev, pager, next, jumper"
                            :total="total">
                        </el-pagination>
                    </div>
                </div>
@@ -226,10 +241,12 @@
import OperaInsuranceApplyCheckWindow from '@/components/business/OperaInsuranceApplyCheckWindow'

import applyReturn from '@/components/enterprise/applyReturn'
import {getDetail, getSignLink} from "@/api/business/insuranceApply";
import { getDetail, getSignLink, applyDetailPage, applyChagneDetailPage, exportExcel, applyChagneDetailExcel } from "@/api/business/insuranceApply";
import { findListByDTO } from "@/api/business/dispatchUnit";
import { findListByDTO as worktypeFindListByDTO } from "@/api/business/worktype";
import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow'
import { mapState } from 'vuex'
import {all as solutionAll} from "@/api/business/solutions";

export default {
  name: 'OperaInsuranceApplyWindow',
  extends: BaseOpera,
@@ -247,8 +264,17 @@
      rules: {
      },
      formInline: {
          user: '',
          region: ''
          applyStatus: '',
          duId: '',
          workTypeId: '',
          memberName: '',
          end: [],
          start: [],
          endTimeE: '',
          endTimeS: '',
          startTimeE: '',
          startTimeS: '',
          types: ''
      },
      visible1: false,
      visible2: false,
@@ -257,21 +283,13 @@
      visible5: false,
      reverse: true,
      radio: 0,
      fileList: [
          {name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
      ],
      activities: [{
          content: '活动按期开始',
          timestamp: '2018-04-15'
      }, {
          content: '通过审核',
          timestamp: '2018-04-13'
      }, {
          content: '创建成功',
          timestamp: '2018-04-11'
      }],
      activities: [],
      tableData: [],
      activeName: 'first',
        list: [],
        dwList: [],
        gzList: [],
      activeName: '0',
        total: 0,
      currentPage: 1
    }
  },
@@ -290,13 +308,155 @@
        this.title = title
        this.dataId = target.id
        this.getDetail()
        this.getList()
        this.getDW()
        this.getGZ()
     },
      // æ´¾é£å•ä½
      getDW() {
          findListByDTO({ applyId: this.dataId })
            .then(res => {
                this.dwList = res
            })
      },
      // å·¥ç§
      getGZ() {
          worktypeFindListByDTO({
              id: this.dataId,
              queryType: 2
          }).then(res => {
              this.gzList = res
          })
      },
      resetting() {
            this.formInline.end = []
            this.formInline.end = []
            this.formInline.endTimeE = ''
            this.formInline.endTimeS = ''
            this.formInline.startTimeE = ''
            this.formInline.startTimeS = ''
            this.$refs.sou.resetFields();
            this.search()
      },
      search() {
          this.currentPage = 1
          this.getList()
      },
      changeStart(e) {
            if (e.length > 0) {
                this.formInline.startTimeE = e[0]
                this.formInline.startTimeS = e[1]
            } else {
                this.formInline.startTimeE = ''
                this.formInline.startTimeS = ''
            }
            this.search()
      },
      changeEnd(e) {
         if (e.length > 0) {
             this.formInline.endTimeE = e[0]
             this.formInline.endTimeS = e[1]
         } else {
             this.formInline.endTimeE = ''
             this.formInline.endTimeS = ''
         }
          this.search()
      },
      exportExcel() {
          if (this.activeName === '0') {
              exportExcel({
                  capacity: 10,
                  page: this.currentPage,
                  model: {
                      solutionName: this.tableData[0].solutionsName,
                      applyId: this.dataId,
                      applyStatus: this.formInline.applyStatus,
                      duId: this.formInline.duId,
                      workTypeId: this.formInline.workTypeId,
                      memberName: this.formInline.memberName,
                      endTimeE: this.formInline.endTimeE,
                      endTimeS: this.formInline.endTimeS,
                      startTimeE: this.formInline.startTimeE,
                      startTimeS: this.formInline.startTimeS
                  }
              }).then(response => {
                  this.download(response)
              })
          } else {
              applyChagneDetailExcel({
                  capacity: 10,
                  page: this.currentPage,
                  model: {
                      applyId: this.dataId,
                      applyStatus: this.formInline.applyStatus,
                      duId: this.formInline.duId,
                      workTypeId: this.formInline.workTypeId,
                      memberName: this.formInline.memberName,
                      endTimeE: this.formInline.endTimeE,
                      endTimeS: this.formInline.endTimeS,
                      startTimeE: this.formInline.startTimeE,
                      startTimeS: this.formInline.startTimeS,
                      types: this.formInline.types
                  }
              }).then(response => {
                  this.download(response)
              })
          }
      },
      getList() {
         if (this.activeName === '0') {
             applyDetailPage({
                 capacity: 10,
                 page: this.currentPage,
                 model: {
                     applyId: this.dataId,
                     applyStatus: this.formInline.applyStatus,
                     duId: this.formInline.duId,
                     workTypeId: this.formInline.workTypeId,
                     memberName: this.formInline.memberName,
                     endTimeE: this.formInline.endTimeE,
                     endTimeS: this.formInline.endTimeS,
                     startTimeE: this.formInline.startTimeE,
                     startTimeS: this.formInline.startTimeS
                 }
             }).then(res => {
                 this.list = res.records
                 this.total = res.total
             })
         } else {
             applyChagneDetailPage({
                 capacity: 10,
                 page: this.currentPage,
                 model: {
                     applyId: this.dataId,
                     applyStatus: this.formInline.applyStatus,
                     duId: this.formInline.duId,
                     workTypeId: this.formInline.workTypeId,
                     memberName: this.formInline.memberName,
                     endTimeE: this.formInline.endTimeE,
                     endTimeS: this.formInline.endTimeS,
                     startTimeE: this.formInline.startTimeE,
                     startTimeS: this.formInline.startTimeS,
                     types: this.formInline.types
                 }
             }).then(res => {
                 this.list = res.records
                 this.total = res.total
             })
         }
      },
      handleClick(e) {
         console.log(e)
        this.activeName = e.index
          if (e.index === '1') {
            this.formInline.types = [0, 1]
          } else if (e.index === '2') {
            this.formInline.types = [2]
          }
          this.resetting()
      },
    goSign(){
      getSignLink(this.dataId).then(res => {
          window.open(res)
        window.open(res)
      }).catch(err => {
       this.$tip.apiFailed(err)
      })
@@ -313,11 +473,13 @@
        window.open(this.model.baoxiandanFile.fileurlFull)
      }
    },
    handleSizeChange(){

    handleSizeChange(val){
        console.log(val)
    },
    handleCurrentChange(){

    handleCurrentChange(val){
        console.log(val)
        this.page = val
        this.getList()
    },
    onSubmit(){

@@ -328,7 +490,7 @@
        this.tableData = new Array()
        this.tableData.push(res)
        console.log(this.tableData)
        this.activities=res.applyLogList
        this.activities = res.applyLogList
      }).catch(err => {
      })
    },

 company/src/components/enterprise/add_subtractDetails.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,34 @@
<template>
    <GlobalWindow
        :title="title"
        :visible.sync="visible"
        :confirm-working="isWorking"
        @confirm="confirm"
    >
        åŠ å‡ä¿è¯¦æƒ…
    </GlobalWindow>
</template>

<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    export default {
        name: 'add_subtractDetails',
        extends: BaseOpera,
        components: { GlobalWindow },
        data () {
            return {
                // è¡¨å•æ•°æ®
                form: {
                    id: null
                }
            }
        },
        created () {
            this.config({
                api: '/business/applyChange',
                'field.id': 'id'
            })
        }
    }
</script>

 company/src/views/enterprise/add_subtract.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,154 @@
<template>
    <TableLayout :permissions="['business:applychange:query']">
        <!-- æœç´¢è¡¨å• -->
        <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
            <el-form-item label="保单状态" prop="status">
                <el-select v-model="searchForm.status" placeholder="请选择" @change="search">
                    <el-option label="全部" value=""></el-option>
                    <el-option label="待签署" value="0"></el-option>
                    <el-option label="待审核" value="1"></el-option>
                    <el-option label="已生效" value="2"></el-option>
                    <el-option label="申请退回" value="3"></el-option>
                    <el-option label="已退回" value="2"></el-option>
                    <el-option label="已关闭" value="3"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="保险方案" prop="solutionsId">
                <el-select v-model="searchForm.solutionsId" placeholder="请选择" @change="search">
                    <el-option
                        v-for="item in list"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="提交日期" prop="status">
                <el-date-picker
                    @change="changeTime"
                    v-model="searchForm.time"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>
            <section>
                <el-button type="primary" @click="search">搜索</el-button>
                <el-button @click="reset">重置</el-button>
            </section>
        </el-form>
        <!-- è¡¨æ ¼å’Œåˆ†é¡µ -->
        <template v-slot:table-wrap>
            <ul class="toolbar" v-permissions="['business:applychange:create']">
                <li><el-button type="primary" @click="$refs.operaApplyChangeWindow.open('加减保详情')" v-permissions="['business:applychange:create']">新建</el-button></li>
            </ul>
            <el-table
                v-loading="isWorking.search"
                :data="tableData.list"
                stripe
            >
                <el-table-column label="序号" width="80px">
                    <template slot-scope="scope">
                        <span>{{scope.$index + 1}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="status" label="保单状态" min-width="100px">
                    <template slot-scope="{row}">
                        <span v-if="row.status === 0">待签署</span>
                        <span v-if="row.status === 1">已签章</span>
                        <span v-if="row.status === 2">已上传批单</span>
                        <span v-if="row.status === 3">退回申请</span>
                    </template>
                </el-table-column>
                <el-table-column prop="code" label="投保企业" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="关联保单号" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="保险方案" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="加保人数（人）" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="减保人数（人）" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="费用变更" min-width="100px"></el-table-column>
                <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column>
                <el-table-column
                    label="操作"
                    min-width="120"
                    fixed="right"
                >
                    <template slot-scope="{row}">
                        <el-button type="text" @click="$refs.operaApplyChangeWindow.open('加减保详情', row)">查看详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination
                @size-change="handleSizeChange"
                @current-change="handlePageChange"
                :pagination="tableData.pagination"
            >
            </pagination>
        </template>
        <!-- è¯¦æƒ… -->
        <add_subtractDetails ref="add_subtractDetails" @success="handlePageChange"/>
    </TableLayout>
</template>

<script>
    import BaseTable from '@/components/base/BaseTable'
    import TableLayout from '@/layouts/TableLayout'
    import Pagination from '@/components/common/Pagination'
    import add_subtractDetails from '@/components/enterprise/add_subtractDetails'
    import { all } from '@/api/business/solutions'
    export default {
        name: 'add_subtract',
        extends: BaseTable,
        components: { TableLayout, Pagination, add_subtractDetails },
        data () {
            return {
                // æœç´¢
                searchForm: {
                    status: '',
                    type: '0',
                    solutionsId: '',
                    createDateE: '',
                    createDateS: '',
                    time: []
                },
                list: []
            }
        },
        created () {
            this.config({
                module: '加减保换厂申请信息表',
                api: '/business/applyChange',
                'field.id': 'id',
                'field.main': 'id'
            })
            this.search()
            this.getAll()
        },
        methods: {
            getAll() {
                all()
                    .then(res => {
                        this.list = res
                    })
            },
            changeTime(e) {
                if (e.length > 0) {
                    this.searchForm.createDateS = e[0]
                    this.searchForm.createDateE = e[1]
                } else {
                    this.searchForm.createDateS = ''
                    this.searchForm.createDateE = ''
                }
                this.search()
            },
            reset() {
                this.searchForm.createDateS = ''
                this.searchForm.createDateE = ''
                this.searchForm.time = []
                this.$refs.searchForm.resetFields();
                this.search()
            }
        }
    }
</script>

 company/src/views/enterprise/switchCourt.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,129 @@
<template>
    <TableLayout :permissions="['business:applychange:query']">
        <!-- æœç´¢è¡¨å• -->
        <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
            <el-form-item label="保单状态" prop="status">
                <el-select v-model="searchForm.status" placeholder="请选择" @change="search">
                    <el-option label="待签署" value="0"></el-option>
                    <el-option label="已签章 " value="1"></el-option>
                    <el-option label="已上传批单" value="2"></el-option>
                    <el-option label="退回申请" value="3"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="投保企业" prop="status">
                <el-select v-model="searchForm.status" placeholder="请选择">
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="保险方案" prop="status">
                <el-select v-model="searchForm.status" placeholder="请选择">
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="提交日期" prop="status">
                <el-date-picker
                        v-model="searchForm.status"
                        type="daterange"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>
            <section>
                <el-button type="primary" @click="search">搜索</el-button>
                <el-button @click="reset">重置</el-button>
                <el-button @click="$refs.add_subtractDetails.open('加减保详情')">查看详情</el-button>
            </section>
        </el-form>
        <!-- è¡¨æ ¼å’Œåˆ†é¡µ -->
        <template v-slot:table-wrap>
            <ul class="toolbar" v-permissions="['business:applychange:create']">
                <li><el-button type="primary" @click="$refs.operaApplyChangeWindow.open('加减保详情')" v-permissions="['business:applychange:create']">新建</el-button></li>
            </ul>
            <el-table
                    v-loading="isWorking.search"
                    :data="tableData.list"
                    stripe
            >
                <el-table-column label="序号" width="80px">
                    <template slot-scope="scope">
                        <span>{{scope.$index + 1}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="status" label="保单状态" min-width="100px">
                    <template slot-scope="{row}">
                        <span v-if="row.status === 0">待签署</span>
                        <span v-if="row.status === 1">已签章</span>
                        <span v-if="row.status === 2">已上传批单</span>
                        <span v-if="row.status === 3">退回申请</span>
                    </template>
                </el-table-column>
                <el-table-column prop="code" label="投保企业" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="关联保单号" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="保险方案" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="加保人数（人）" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="减保人数（人）" min-width="100px"></el-table-column>
                <el-table-column prop="code" label="费用变更" min-width="100px"></el-table-column>
                <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column>
                <el-table-column
                        label="操作"
                        min-width="120"
                        fixed="right"
                >
                    <template slot-scope="{row}">
                        <el-button type="text" @click="$refs.operaApplyChangeWindow.open('加减保详情', row)">查看详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination
                    @size-change="handleSizeChange"
                    @current-change="handlePageChange"
                    :pagination="tableData.pagination"
            >
            </pagination>
        </template>
        <!-- è¯¦æƒ… -->
        <add_subtractDetails ref="add_subtractDetails" @success="handlePageChange"/>
    </TableLayout>
</template>

<script>
    import BaseTable from '@/components/base/BaseTable'
    import TableLayout from '@/layouts/TableLayout'
    import Pagination from '@/components/common/Pagination'
    import add_subtractDetails from '@/components/enterprise/add_subtractDetails'
    export default {
        name: 'switchCourt',
        extends: BaseTable,
        components: { TableLayout, Pagination, add_subtractDetails },
        data () {
            return {
                // æœç´¢
                searchForm: {
                    status: '',
                    type: ''
                },
                options: []
            }
        },
        created () {
            this.config({
                module: '加减保换厂申请信息表',
                api: '/business/applyChange',
                'field.id': 'id',
                'field.main': 'id'
            })
            this.search()
        }
    }
</script>