|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <TableLayout :permissions="['business:dispatchunit:query']"> | 
|---|
|  |  |  | <!-- 搜索表单 --> | 
|---|
|  |  |  | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> | 
|---|
|  |  |  | <el-form-item label="所属商户" prop="name"> | 
|---|
|  |  |  | <el-input v-model="searchForm.name" placeholder="请输入所属商户" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="派遣单位" prop="name"> | 
|---|
|  |  |  | <el-input v-model="searchForm.name" placeholder="请输入派遣单位" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </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:dispatchunit:create']">--> | 
|---|
|  |  |  | <!--                <li><el-button type="primary" @click="$refs.operaDispatchUnitWindow.open('派遣单位详情')" icon="el-icon-plus" v-permissions="['business:dispatchunit: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="companyId" label="所属企业"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="companyId" label="派遣单位"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="companyId" label="保险方案"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="unitStatus" label="企业状态" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 0">待审核</span> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 1">审核通过</span> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 2">审核不通过</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="unitStatus" label="操作" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 0">待审核</span> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 1">审核通过</span> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 2">审核不通过</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination | 
|---|
|  |  |  | @size-change="handleSizeChange" | 
|---|
|  |  |  | @current-change="handlePageChange" | 
|---|
|  |  |  | :pagination="tableData.pagination" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- 详情 --> | 
|---|
|  |  |  | <OperaDispatchUnitWindow ref="operaDispatchUnitWindow" @success="handlePageChange"/> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | <TableLayout :permissions="['business:dispatchunit:query']"> | 
|---|
|  |  |  | <!-- 搜索表单 --> | 
|---|
|  |  |  | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> | 
|---|
|  |  |  | <el-form-item label="所属企业" prop="companyId"> | 
|---|
|  |  |  | <el-select v-model="searchForm.companyId" placeholder="请选择" @change="search"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in companyList" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | :label="item.name" | 
|---|
|  |  |  | :value="item.id"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="派遣单位" prop="name"> | 
|---|
|  |  |  | <el-input v-model="searchForm.name" placeholder="请输入派遣单位" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | <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="companyName" label="所属企业" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="派遣单位" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="派遣单位状态" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span :class="'du-status'+row.unitStatus" v-if="row.unitStatus === 0">待审核</span> | 
|---|
|  |  |  | <span v-if="row.unitStatus === 1"> | 
|---|
|  |  |  | <span :class="'du-status'+row.worktypeStatus"   v-if="row.worktypeStatus ==null || row.worktypeStatus === 0">工种待审</span> | 
|---|
|  |  |  | <span :class="'du-status'+row.worktypeStatus"  v-else-if="row.worktypeStatus === 1">审核通过</span> | 
|---|
|  |  |  | <span :class="'du-status'+row.worktypeStatus"   v-else-if="row.worktypeStatus === 2">工种审核不通过</span> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | <span :class="'du-status'+row.unitStatus"  v-if="row.unitStatus === 2">审核不通过</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="提交日期" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | v-if="containPermissions(['business:dispatchunit:update', 'business:dispatchunit:delete'])" | 
|---|
|  |  |  | label="操作" | 
|---|
|  |  |  | min-width="120" | 
|---|
|  |  |  | fixed="right" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.dispatchUnitDetailsPlat.open('派遣单位详情', row)" icon="el-icon-edit" v-permissions="['business:dispatchunit:update']">查看详情</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination | 
|---|
|  |  |  | @size-change="handleSizeChange" | 
|---|
|  |  |  | @current-change="handlePageChange" | 
|---|
|  |  |  | :pagination="tableData.pagination" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- 新建/修改 --> | 
|---|
|  |  |  | <dispatchUnitDetailsPlat ref="dispatchUnitDetailsPlat" @success="handlePageChange"/> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseTable from '@/components/base/BaseTable' | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaDispatchUnitWindow from '@/components/business/OperaDispatchUnitWindow' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'DispatchUnit', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination, OperaDispatchUnitWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | name: '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | module: '派遣单位信息表', | 
|---|
|  |  |  | api: '/business/dispatchUnit', | 
|---|
|  |  |  | 'field.id': 'id', | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | import BaseTable from '@/components/base/BaseTable' | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import dispatchUnitDetailsPlat from '@/components/business/dispatchUnitDetailsPlat' | 
|---|
|  |  |  | import {pageAll as companyAll} from '@/api/business/company' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'dispatchUnitReview', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination, dispatchUnitDetailsPlat }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | companyId: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | companyList:[] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | module: '派遣单位信息表', | 
|---|
|  |  |  | api: '/business/dispatchUnit', | 
|---|
|  |  |  | 'field.id': 'id', | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | this.loadSelectList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods:{ | 
|---|
|  |  |  | // handlePageChange() { | 
|---|
|  |  |  | //   this.search() | 
|---|
|  |  |  | // }, | 
|---|
|  |  |  | loadSelectList() { | 
|---|
|  |  |  | companyAll({}).then(res => { | 
|---|
|  |  |  | this.companyList = res | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|