无人机单兵设备增加设备审批
This commit is contained in:
parent
bcef134cf9
commit
b8eda12e43
|
|
@ -0,0 +1,145 @@
|
|||
<!--
|
||||
* @Author: hisense.guoyue
|
||||
* @LastEditors: hisense.guoyue
|
||||
* @LastEditTime: 2022-09-21 10:37:29
|
||||
* @Description: 设备审批
|
||||
-->
|
||||
<template>
|
||||
<!-- @selection-change="dataListSelectionChangeHandle" -->
|
||||
<!-- @sort-change="dataListSortChangeHandle" -->
|
||||
<el-card shadow="never" class="aui-card--fill" style="position:relative">
|
||||
<div class="mod-activiti__process">
|
||||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%">
|
||||
<el-table-column prop="title" label="申请标题" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="name" label="申请人信息" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="state" label="审批状态" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{wrjStateObj[scope.row.state]}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="phone" label="电话" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="dept" label="单位" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="applicationSystem" label="应用系统" header-align="center" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column label="应用领域" header-align="center" align="center">
|
||||
<template slot-scope="scope" v-if="scope.row.applicationArea">
|
||||
<span class="area-text" v-for="(x,i) in JSON.parse(scope.row.applicationArea)"
|
||||
:key="i">{{x}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="需求依据" header-align="center" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-tooltip placement="top-start">
|
||||
<div class="tooltip-box" slot="content">{{(scope.row && scope.row.demand)}}</div>
|
||||
<span class="demand-text">{{
|
||||
(scope.row && scope.row.demand)
|
||||
}}</span>
|
||||
</el-tooltip>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="taskHandle(scope.row)">审批</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
|
||||
layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
|
||||
@current-change="pageCurrentChangeHandle">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog title="审批" :visible.sync="centerDialogVisible" width="30%" center>
|
||||
<el-form ref="form" :model="form" label-width="80px">
|
||||
<el-form-item label="审批意见">
|
||||
<el-input type="textarea" v-model="form.auditViem" placeholder="请输入审批意见"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="through(3)">不通过</el-button>
|
||||
<el-button type="primary" @click="through(2)">通过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import bus from '@/views/bus.js'
|
||||
import mixinViewModule from '@/mixins/view-module'
|
||||
import processModule from '@/mixins/process-module'
|
||||
export default {
|
||||
mixins: [mixinViewModule, processModule],
|
||||
data() {
|
||||
return {
|
||||
mixinViewModuleOptions: {
|
||||
getDataListURL: '/deviceApply/auditPage',
|
||||
getDataListIsPage: true,
|
||||
activatedIsNeed: true,
|
||||
deleteIsBatch: true,
|
||||
deleteIsBatchKey: 'deploymentId'
|
||||
},
|
||||
centerDialogVisible: false,
|
||||
form: {
|
||||
auditViem: ''
|
||||
},
|
||||
rowData: {},
|
||||
wrjStateObj: {
|
||||
0: '待审批',
|
||||
1: '未申请',
|
||||
2: '通过',
|
||||
3: '未通过'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
taskHandle(row) {
|
||||
this.rowData = row;
|
||||
this.centerDialogVisible = true
|
||||
},
|
||||
through(state) {
|
||||
// 2-通过 3-不通过
|
||||
this.handlePut(state)
|
||||
},
|
||||
handlePut(state) {
|
||||
this.$http.put(`/deviceApply`, {
|
||||
...this.rowData,
|
||||
state: state,
|
||||
...this.form
|
||||
}).then(({ data: res }) => {
|
||||
console.log('res------------>', res);
|
||||
if (res.code !== 0) {
|
||||
return this.$message.error(res.msg)
|
||||
}
|
||||
this.centerDialogVisible = false
|
||||
this.$message({
|
||||
message: this.$t('prompt.success'),
|
||||
type: 'success',
|
||||
duration: 500,
|
||||
onClose: () => {
|
||||
this.query()
|
||||
}
|
||||
})
|
||||
}).catch((err) => {
|
||||
console.log('err------------>', err);
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.demand-text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.area-text {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.tooltip-box {
|
||||
width: 400px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue