88 lines
2.7 KiB
Vue
88 lines
2.7 KiB
Vue
|
<template>
|
||
|
|
<!-- 项目管理 -->
|
||
|
|
<div class="app-container">
|
||
|
|
<TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="true" ref="proTableRef"
|
||
|
|
:columnsList="columnsList" :request-api="getProListAPI">
|
||
|
|
<template slot="contentsName" slot-scope="{ data }">
|
||
|
|
<el-tag
|
||
|
|
size="mini"
|
||
|
|
:type="data.contentsName ? 'success' : 'danger'"
|
||
|
|
>
|
||
|
|
{{ data.contentsName ? data.contentsName : '未配置' }}
|
||
|
|
</el-tag>
|
||
|
|
</template>
|
||
|
|
<template slot="handle" slot-scope="{ data }">
|
||
|
|
<el-button plain size="mini" type="primary" icon="el-icon-edit" v-hasPermi="['data:classify:update']"
|
||
|
|
@click="handleUpdate(data)" v-if="!data.contentsName">
|
||
|
|
配置档案类型
|
||
|
|
</el-button>
|
||
|
|
</template>
|
||
|
|
</TableModel>
|
||
|
|
<!-- 配置 -->
|
||
|
|
<FileSetForm v-if="isflag" :isAdd="isAdd" :rowData="row" @handleQuery="handleQuery" :title="title"
|
||
|
|
@closeDialog="closeDialog" @showColose="showColose" :dataForm="row" :disabled="loading" :width="600" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import TableModel from '@/components/TableModel'
|
||
|
|
import { columnsList, formLabel } from './config'
|
||
|
|
import {
|
||
|
|
getProListAPI
|
||
|
|
} from '@/api/archivesManagement/project'
|
||
|
|
// import FileSetForm from './prop/fileSetForm'
|
||
|
|
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'ProManager',
|
||
|
|
dicts:['pro_type','voltage_level'],
|
||
|
|
components: {
|
||
|
|
TableModel,
|
||
|
|
// FileSetForm
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
formLabel,
|
||
|
|
columnsList,
|
||
|
|
getProListAPI,
|
||
|
|
title: "",
|
||
|
|
isflag: false,
|
||
|
|
isAdd: '',
|
||
|
|
row: {},
|
||
|
|
loading: false,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
// 将字典数据填充到表单配置的下拉选项中
|
||
|
|
if (Array.isArray(this.formLabel)) {
|
||
|
|
this.formLabel.forEach((item) => {
|
||
|
|
if (item.f_dict && this.dict && this.dict.type && this.dict.type[item.f_dict]) {
|
||
|
|
this.$set(item, 'f_selList', this.dict.type[item.f_dict])
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
closeDialog() {
|
||
|
|
this.isflag = false;
|
||
|
|
},
|
||
|
|
showColose() {
|
||
|
|
this.isflag = false;
|
||
|
|
},
|
||
|
|
/** 配置档案类型 */
|
||
|
|
handleUpdate(row) {
|
||
|
|
this.title = "配置档案类型";
|
||
|
|
this.isAdd = 'edit';
|
||
|
|
this.row = row;
|
||
|
|
this.isflag = true;
|
||
|
|
},
|
||
|
|
/* 搜索操作 */
|
||
|
|
handleQuery() {
|
||
|
|
this.$refs.proTableRef.getTableList()
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|