|  |  |  | 
|---|
|  |  |  | <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="4"></el-option> | 
|---|
|  |  |  | <el-option label="已撤销" value="4"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="目的地类型" prop="type"> | 
|---|
|  |  |  | 
|---|
|  |  |  | type="datetimerange" | 
|---|
|  |  |  | format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | :default-time="['00:00:00', '23:59:59']" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | start-placeholder="开始日期" | 
|---|
|  |  |  | end-placeholder="结束日期"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <!-- 表格和分页 --> | 
|---|
|  |  |  | <template v-slot:table-wrap> | 
|---|
|  |  |  | <ul class="toolbar" v-permissions="['business:empower:create', 'business:empower:delete']"> | 
|---|
|  |  |  | <!--<li><el-button type="primary" v-permissions="['business:empower:exportExcel']" @click="exportExcel">导出</el-button></li> --> | 
|---|
|  |  |  | <ul class="toolbar" v-permissions="['business:carusebook:create','business:carusebook:exportExcel']"> | 
|---|
|  |  |  | <li><el-button type="primary" @click="handleEdit" icon="el-icon-plus" v-permissions="['business:carusebook:create']">新建</el-button></li> | 
|---|
|  |  |  | <li><el-button type="primary" @click="handleEx" v-permissions="['business:carusebook:exportExcel']">导出</el-button></li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | <el-table | 
|---|
|  |  |  | v-loading="isWorking.search" | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column label="状态" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span class="status-blue"  v-if="row.status === 0">申请中</span> | 
|---|
|  |  |  | <span class="status-blue"  v-if="row.status === 1">待审批</span> | 
|---|
|  |  |  | <span class="status-blue"  v-if="row.status === 1">审核中</span> | 
|---|
|  |  |  | <span class="status-green" v-if="row.status === 2">审批通过</span> | 
|---|
|  |  |  | <span class="status-red"   v-if="row.status === 3">审批不通过</span> | 
|---|
|  |  |  | <span class="status-red"   v-if="row.status === 4">已取消</span> | 
|---|
|  |  |  | <span class="status-red"   v-if="row.status === 4">已撤销</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column prop="editDate" label="操作时间" min-width="150px"></el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="操作" | 
|---|
|  |  |  | min-width="100" | 
|---|
|  |  |  | min-width="140" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | fixed="right" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" icon="el-icon-edit" @click="$refs.OperaDetailsWindow.open('公务车申请详情',row)" >查看详情</el-button> | 
|---|
|  |  |  | <el-button v-if="(row.status === 1 || row.status === 2) && new Date().getTime() < new Date(row.startTime).getTime()" type="text" icon="el-icon-delete" @click="rowRevokeClick(row)" >撤销</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <OperaCarUseBookWindow ref="OperaDetailsWindow" @success="handlePageChange"/> | 
|---|
|  |  |  | <OperaCarUseBookParamWindow ref="OperaParamWindow" @success="search"/> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaCarUseBookWindow from '@/components/business/OperaCarUseBookWindow' | 
|---|
|  |  |  | import OperaCarUseBookParamWindow from '@/components/operation/OperCarUseBookParamWindow.vue' | 
|---|
|  |  |  | import { timeForMat } from '@/utils/util' | 
|---|
|  |  |  | import { allList } from '@/api/business/hiddenDangerParam' | 
|---|
|  |  |  | import { carUseBookRecordEx, revokeById } from '@/api/business/carUseBook' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'Empower', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination ,OperaCarUseBookWindow}, | 
|---|
|  |  |  | components: { TableLayout, Pagination, OperaCarUseBookWindow, OperaCarUseBookParamWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | 
|---|
|  |  |  | this.loadParams() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | rowRevokeClick (row) { | 
|---|
|  |  |  | revokeById(row.id) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEx () { | 
|---|
|  |  |  | this.$dialog.exportConfirm('确认导出吗?') | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.exLoading = true | 
|---|
|  |  |  | carUseBookRecordEx({ | 
|---|
|  |  |  | model: this.searchForm | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(response => { | 
|---|
|  |  |  | this.download(response) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.exLoading = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeRadio (e) { | 
|---|
|  |  |  | this.searchForm.radio = e | 
|---|
|  |  |  | if (e === '0') { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEdit () { | 
|---|
|  |  |  | this.$refs.OperaParamWindow.open() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | loadParams () { | 
|---|
|  |  |  | allList({ | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | if (res != null && res.length) { | 
|---|
|  |  |  | res.forEach(item => { | 
|---|
|  |  |  | if (item && item.type != null && item.type === 0) { | 
|---|
|  |  |  | this.areaList.push(item) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (item && item.type != null && item.type === 1) { | 
|---|
|  |  |  | this.cateList.push(item) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | // this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | if (res != null && res.length) { | 
|---|
|  |  |  | res.forEach(item => { | 
|---|
|  |  |  | if (item && item.type != null && item.type === 0) { | 
|---|
|  |  |  | this.areaList.push(item) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (item && item.type != null && item.type === 1) { | 
|---|
|  |  |  | this.cateList.push(item) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | // this.$tip.apiFailed(e) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | seleTime (e) { | 
|---|
|  |  |  | this.searchForm.queryStartTime = e[0] | 
|---|