Compare commits
5 Commits
83eb319d28
...
cc330f2b60
Author | SHA1 | Date |
---|---|---|
guoyue | cc330f2b60 | |
guoyue | f6b6c4713d | |
guoyue | b8eda12e43 | |
guoyue | bcef134cf9 | |
guoyue | 7ea1bc972b |
|
@ -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>
|
||||||
|
|
|
@ -507,8 +507,8 @@ else if (newLocation === 'xihaian') {
|
||||||
// { name: '区市站点', key: 'mapTest' },
|
// { name: '区市站点', key: 'mapTest' },
|
||||||
// { name: '后台管理', key: 'houtaiguanli' },
|
// { name: '后台管理', key: 'houtaiguanli' },
|
||||||
{ name: '赋能案例', key: 'assignCase' },
|
{ name: '赋能案例', key: 'assignCase' },
|
||||||
{ name: '融合服务', key: 'integrationServices' },
|
// { name: '融合服务', key: 'integrationServices' },
|
||||||
{ name: 'CIM专区', key: 'cimSpecialArea' },
|
// { name: 'CIM专区', key: 'cimSpecialArea' },
|
||||||
]
|
]
|
||||||
footerDataList.footerList = {
|
footerDataList.footerList = {
|
||||||
company: {
|
company: {
|
||||||
|
|
|
@ -282,12 +282,14 @@ export default {
|
||||||
|
|
||||||
// 跳转到能力集市
|
// 跳转到能力集市
|
||||||
const jumpToDetailsPageconetent = () => {
|
const jumpToDetailsPageconetent = () => {
|
||||||
router.push({
|
setTimeout(() => {
|
||||||
path: '/DetailsPageconetent',
|
router.push({
|
||||||
query: {
|
path: '/DetailsPageconetent',
|
||||||
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
|
query: {
|
||||||
},
|
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
|
||||||
})
|
},
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 提交申请
|
// 提交申请
|
||||||
|
@ -736,12 +738,13 @@ export default {
|
||||||
const handleWrjApply = (formName) => {
|
const handleWrjApply = (formName) => {
|
||||||
let _data = {
|
let _data = {
|
||||||
deviceId: formName.system && formName.system[0] && formName.system[0].resourceId,
|
deviceId: formName.system && formName.system[0] && formName.system[0].resourceId,
|
||||||
|
deviceName: formName.system && formName.system[0] && formName.system[0].resourceName,
|
||||||
title: formName.title,
|
title: formName.title,
|
||||||
name: formName.user,
|
name: formName.user,
|
||||||
phone: formName.phone,
|
phone: formName.phone,
|
||||||
dept: formName.unit, // 单位
|
dept: formName.unit, // 单位
|
||||||
system: formName.applicationSystem, // 应用系统
|
applicationSystem: formName.applicationSystem, // 应用系统
|
||||||
area: JSON.stringify(formName.applicationScene), // 应用领域
|
applicationArea: JSON.stringify(formName.applicationScene), // 应用领域
|
||||||
demand: formName.applicationBackground, // 需求依据
|
demand: formName.applicationBackground, // 需求依据
|
||||||
}
|
}
|
||||||
console.log('_data-----提交申请------->', _data);
|
console.log('_data-----提交申请------->', _data);
|
||||||
|
|
|
@ -333,12 +333,12 @@
|
||||||
</template>
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 西海岸-无人机、单兵设备 -->
|
||||||
<div class="infrastructrue-table" v-else-if="isXiHaiAn && wrjFlag">
|
<div class="infrastructrue-table" v-else-if="isXiHaiAn && wrjFlag">
|
||||||
<a-table class="ant-table-striped" :dataSource="dataSource2" :columns="columns2" :scroll="{ y: tableHeight }"
|
<a-table class="ant-table-striped" :dataSource="dataSource2" :columns="columns2" :scroll="{ y: tableHeight }"
|
||||||
rowKey="channelId" :rowClassName="
|
rowKey="channelId" :rowClassName="
|
||||||
(record, index) => (index % 2 === 1 ? 'table-striped' : null)
|
(record, index) => (index % 2 === 1 ? 'table-striped' : null)
|
||||||
" :pagination="pagination" @change="handleTableChange">
|
" :pagination="pagination" @change="handleTableChange">
|
||||||
<!-- todo-->
|
|
||||||
<template #bodyCell="{ column, record }">
|
<template #bodyCell="{ column, record }">
|
||||||
<template v-if="column.dataIndex === 'operation'">
|
<template v-if="column.dataIndex === 'operation'">
|
||||||
<a @click="goToApply(record)" style="margin-right: 10px">
|
<a @click="goToApply(record)" style="margin-right: 10px">
|
||||||
|
@ -678,7 +678,7 @@ const goToWrj = (data) => {
|
||||||
window.open(data.url)
|
window.open(data.url)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 申请
|
// 西海岸-无人机、单兵设备申请
|
||||||
const goToApply = (data) => {
|
const goToApply = (data) => {
|
||||||
console.log(data, dept)
|
console.log(data, dept)
|
||||||
let arr = [
|
let arr = [
|
||||||
|
@ -1622,7 +1622,7 @@ const onSelectAll = (selected, selectedRows, changeRows) => {
|
||||||
console.log('heiheiheiehiehei', selected, selectedRows, changeRows)
|
console.log('heiheiheiehiehei', selected, selectedRows, changeRows)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 切换tab todo
|
// 切换tab
|
||||||
const handleTableChange = (val) => {
|
const handleTableChange = (val) => {
|
||||||
pagination.value.current = val.current
|
pagination.value.current = val.current
|
||||||
pagination.value.pageSize = val.pageSize
|
pagination.value.pageSize = val.pageSize
|
||||||
|
@ -1637,9 +1637,6 @@ const handleTableChange = (val) => {
|
||||||
}else {
|
}else {
|
||||||
getCamera()
|
getCamera()
|
||||||
}
|
}
|
||||||
console.log('_arr------------>', _arr);
|
|
||||||
console.log('clickList------------>', clickList);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const showMsg = () => {
|
const showMsg = () => {
|
||||||
|
|
Loading…
Reference in New Issue