代码调整
This commit is contained in:
joylink_cuiweidong
parent
575895afe1
commit
27eb820781
175
src/views/publish/publishISCS/index.vue
Normal file
175
src/views/publish/publishISCS/index.vue
Normal file
@ -0,0 +1,175 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
|
||||||
|
<el-dialog title="复制iscs数据" :visible.sync="dialogVisible" width="400px" center>
|
||||||
|
<data-form ref="dataform" :form="form" :form-model="formModel" :rules="rules" />
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button v-loading="loading" type="primary" @click="doSave">{{ $t('global.confirm') }}</el-button>
|
||||||
|
<el-button @click="close">{{ $t('global.cancel') }}</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { getIscsDataByPage, copyIscsData, deleteIscs} from '@/api/iscs';
|
||||||
|
import {getPublishMapListOnline } from '@/api/jmap/map';
|
||||||
|
export default {
|
||||||
|
name: 'PublishISCS',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
mapListMap:{},
|
||||||
|
mapList:[],
|
||||||
|
dialogVisible:false,
|
||||||
|
loading:false,
|
||||||
|
formModel:{
|
||||||
|
fromId: '',
|
||||||
|
toMapId: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
toMapId: [
|
||||||
|
{ required: true, message: this.$t('rules.mapInput'), trigger: 'change' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
pagerConfig: {
|
||||||
|
pageSize: 'pageSize',
|
||||||
|
pageIndex: 'pageNum'
|
||||||
|
},
|
||||||
|
queryForm: {
|
||||||
|
labelWidth: '80px',
|
||||||
|
reset: true,
|
||||||
|
queryObject: {
|
||||||
|
mapId: {
|
||||||
|
type: 'select',
|
||||||
|
label: '地图名称',
|
||||||
|
config: {
|
||||||
|
data: []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
queryList: {
|
||||||
|
query: getIscsDataByPage,
|
||||||
|
selectCheckShow: false,
|
||||||
|
indexShow: true,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '所属地图',
|
||||||
|
prop: 'mapId',
|
||||||
|
type: 'tag',
|
||||||
|
columnValue: (row) => { return this.covertMap(row); },
|
||||||
|
tagType: (row) => { return ''; }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '父系统',
|
||||||
|
prop: 'totalSystem'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '子系统',
|
||||||
|
prop: 'system'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '子图',
|
||||||
|
prop: 'userInterface'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'button',
|
||||||
|
title: this.$t('global.operate'),
|
||||||
|
width: '300',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: this.$t('publish.copy'),
|
||||||
|
handleClick: this.handleCopy
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: this.$t('global.delete'),
|
||||||
|
handleClick: this.handleDelete,
|
||||||
|
type: 'danger',
|
||||||
|
showControl: () => { return this.isShow != -1; }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isShow() {
|
||||||
|
return this.$store.getters['roles'].indexOf('05');
|
||||||
|
},
|
||||||
|
form() {
|
||||||
|
return {
|
||||||
|
labelWidth: '100px',
|
||||||
|
items: [
|
||||||
|
{ prop: 'fromId', label: '数据来源', type: 'select', required: true, options: this.mapList, disabled:true},
|
||||||
|
{ prop: 'toMapId', label: '复制到', type: 'select', required: true, options: this.covertData()}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadInitData();
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
async loadInitData() {
|
||||||
|
const res = await getPublishMapListOnline();
|
||||||
|
res.data.forEach(elem=>{
|
||||||
|
this.mapList.push({label:elem.name, value:parseInt(elem.id)});
|
||||||
|
this.queryForm.queryObject.mapId.config.data.push({label:elem.name, value:elem.id});
|
||||||
|
this.mapListMap[elem.id] = elem.name;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
covertData() {
|
||||||
|
return this.mapList.filter(data=>{ return data.value != this.formModel.fromId; });
|
||||||
|
},
|
||||||
|
covertMap(row) {
|
||||||
|
if (row.mapId) {
|
||||||
|
return this.mapListMap[row.mapId];
|
||||||
|
} else {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleDelete(index, row) {
|
||||||
|
this.$confirm('此操作将删除iscs数据，是否继续?', this.$t('global.tips'), {
|
||||||
|
confirmButtonText: this.$t('global.confirm'),
|
||||||
|
cancelButtonText: this.$t('global.cancel'),
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
deleteIscs(row.id).then(res=>{
|
||||||
|
this.$message.success(this.$t('publish.deleteSuccess'));
|
||||||
|
this.reloadTable();
|
||||||
|
}).catch(() => {
|
||||||
|
this.reloadTable();
|
||||||
|
this.$messageBox(this.$t('error.deleteFailed'));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
reloadTable() {
|
||||||
|
this.queryList.reload();
|
||||||
|
},
|
||||||
|
handleCopy(index, row) {
|
||||||
|
this.formModel.fromId = row.mapId;
|
||||||
|
this.$nextTick(()=>{
|
||||||
|
this.dialogVisible = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
doSave() {
|
||||||
|
this.$refs.dataform.validateForm(() => {
|
||||||
|
copyIscsData(this.formModel).then(res=>{
|
||||||
|
this.$message.success('复制ISCS数据成功');
|
||||||
|
this.close();
|
||||||
|
this.reloadTable();
|
||||||
|
}).catch(() => {
|
||||||
|
this.reloadTable();
|
||||||
|
this.$messageBox('复制ISCS数据失败');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.$refs.dataform.resetForm();
|
||||||
|
this.dialogVisible = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue
Block a user