| | |
| | | class="dictionary_leftTree subpage_Div" |
| | | style="border: 1px solid #dcdfe6;" |
| | | > |
| | | <ul> |
| | | <el-input |
| | | size="small" |
| | | v-model="filterInput" |
| | | style="width: 200px" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
| | | suffix-icon="el-icon-search" |
| | | ></el-input> |
| | | <!-- <el-tree |
| | | :data="domainData" |
| | | :props="defaultProps" |
| | | > |
| | | |
| | | </el-tree> --> |
| | | <el-tree |
| | | :data="domainData" |
| | | :props="defaultProps" |
| | | @node-click="getTableDesc" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | ></el-tree> |
| | | <!-- <ul> |
| | | <li |
| | | @click="getTableDesc(item)" |
| | | v-for="(item, i) in optionCount" |
| | |
| | | > |
| | | {{ item.tabDesc }} |
| | | </li> |
| | | </ul> |
| | | </ul> --> |
| | | </div> |
| | | |
| | | <div class="right subpage_Div"> |
| | |
| | | v-model="formInline.tab" |
| | | :placeholder="$t('shuJuGuanLi.lable3')" |
| | | style="width: 200px" |
| | | ><i slot="suffix" class="el-icon-search" @click="getSelectDictTab" style="padding-right: 8px"></i></el-input> |
| | | ><i |
| | | slot="suffix" |
| | | class="el-icon-search" |
| | | @click="getSelectDictTab" |
| | | style="padding-right: 8px" |
| | | ></i></el-input> |
| | | </el-form-item> |
| | | <el-form-item style="float: right" size="small"> |
| | | <el-form-item |
| | | style="float: right" |
| | | size="small" |
| | | > |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | icon="el-icon-edit" |
| | |
| | | @click="DelFormData" |
| | | type="danger" |
| | | >{{ $t("common.delete") }}</el-button> |
| | | <!-- <el-button |
| | | <!-- <el-button |
| | | icon="el-icon-search" |
| | | size="small" |
| | | @click="getSelectDictTab" |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | border |
| | | @selection-change="handleSelectionChange" |
| | | height="calc(100% - 57px)" |
| | | > |
| | |
| | | /> |
| | | <el-table-column |
| | | min-width="100" |
| | | prop="createUser" |
| | | prop="createName" |
| | | :label="$t('dataManage.dictionaryManageObj.createPersonnel')" |
| | | /> |
| | | <el-table-column |
| | |
| | | /> |
| | | <el-table-column |
| | | min-width="100" |
| | | prop="updateUser" |
| | | prop="updateName" |
| | | :label="$t('dataManage.dictionaryManageObj.updatePersonnel')" |
| | | /> |
| | | |
| | |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="listData.pageIndex" |
| | | :page-sizes="[10, 20, 50, 100]" |
| | | :page-sizes="[10, 50, 100, 200]" |
| | | :page-size="listData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="count" |
| | |
| | | top="2vh" |
| | | :title="$t('dataManage.dictionaryManageObj.revamp')" |
| | | :visible.sync="dialogFormVisible" |
| | | :before-close="handleClose" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form |
| | |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="dialogFormVisible = false" |
| | | @click="handleClose" |
| | | >{{ $t("dataManage.dictionaryManageObj.cancel") }}</el-button> |
| | | <el-button |
| | | class="primary" |
| | |
| | | :title="$t('dataManage.dictionaryManageObj.add')" |
| | | top="2vh" |
| | | :visible.sync="InsertFormdialog" |
| | | :before-close="handleCloseadd" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form |
| | |
| | | v-model="insertform.orderNum" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuenumber')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.tab" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetableName')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.tabDesc" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.tableDisplayName')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | |
| | | v-model="insertform.field" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuefieldName')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.alias" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuefieldDisplayName')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.type" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuefieldType')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.len" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuefieldLength')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="insertform.precision" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('dataManage.dictionaryManageObj.FieldPrecision')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('dataManage.dictionaryManageObj.remark')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="InsertFormdialog = false" |
| | | @click="handleCloseadd" |
| | | >{{ |
| | | $t("dataManage.dictionaryManageObj.cancel") |
| | | }}</el-button> |
| | |
| | | insertDict, |
| | | } from "../../api/api"; |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | import { conditions } from '../Archive/Archive'; |
| | | import { |
| | | getTreeData |
| | | } from "../../utils/treeData.js" |
| | | export default { |
| | | name: "dictionaryManage", |
| | | components: { MyBread }, |
| | | data() { |
| | | return { |
| | | filterInput: "", |
| | | activeName: "", |
| | | formInline: [], |
| | | listData: { |
| | |
| | | insert: false, |
| | | update: false, |
| | | }, |
| | | domainData: [], |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label", |
| | | }, |
| | | }; |
| | | }, |
| | | watch: { |
| | | |
| | | filterInput(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | }, |
| | | created() { |
| | | this.getSelectDictTab(); |
| | | this.showPermsBtn(); |
| | | }, |
| | | methods: { |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | |
| | | return data.val.indexOf(value) !== -1; |
| | | }, |
| | | //新增 |
| | | async insertFromData() { |
| | | const data = await insertDict(this.insertform); |
| | |
| | | }, |
| | | //获取表格字段信息 |
| | | getTableDesc(res) { |
| | | if (res.children) { |
| | | return |
| | | } |
| | | this.insertform.tab = res.tab; |
| | | this.insertform.tabDesc = res.tabDesc; |
| | | this.insertform.ns = res.ns; |
| | |
| | | }, |
| | | |
| | | handleSizeChange(val) { |
| | | thihs.listData.pageIndex = 1; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = val; |
| | | this.startQueryNameData(); |
| | | }, |
| | |
| | | this.$message.error("删除失败"); |
| | | } |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | |
| | | this.startQueryNameData(); |
| | | this.$message({ |
| | | type: "success", |
| | |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var h = time.getHours(); |
| | | var mm = time.getMinutes(); |
| | | var mm = time.getMvinutes(); |
| | | var s = time.getSeconds(); |
| | | return y + "-" + this.add0(m) + "-" + this.add0(d); |
| | | }, |
| | |
| | | this.formInline.tab = null; |
| | | this.getSelectDictTab(); |
| | | }, |
| | | treeData(source) { |
| | | let cloneData = JSON.parse(JSON.stringify(source));// 对源数据深度克隆 |
| | | if (cloneData.length != 0) { |
| | | return cloneData.filter((father) => { |
| | | // 循环所有项 |
| | | let branchArr = cloneData.filter((child) => father.label == child.pname); // 对比ID,分别上下级菜单,并返回数据 |
| | | branchArr.length > 0 ? (father.children = branchArr) : ''; // 给父级添加一个children属性,并赋值 |
| | | // 属于同一对象问题,例如:令 a=b、c=1 ,然后再令 b.c=c , 那么 a.c=b.c=c=1 ;同理,后续令 c.d=2 ,那么 a.c.d 也是=2; |
| | | // 由此循环多次后,就能形成相应的树形数据结构 |
| | | return father.pname == -1; // 返回一级菜单 |
| | | }); |
| | | } |
| | | }, |
| | | //目录树获取 |
| | | async getSelectDictTab() { |
| | | const data = await selectDictTab({ name: this.formInline.tab }); |
| | | if (data.code != 200) { |
| | | this.$message.error("下拉调用失败"); |
| | | this.$message.error("列表调用失败"); |
| | | } |
| | | var val = JSON.parse(JSON.stringify(data.result)); |
| | | var tree = getTreeData(data.result); |
| | | this.domainData = tree |
| | | this.getQueryNameData(tree[0]); |
| | | // var = this.domainData[0].children; |
| | | // |
| | | }, |
| | | getQueryNameData(res) { |
| | | |
| | | this.optionCount = data.result; |
| | | this.insertform.tab = data.result[0].tab; |
| | | this.insertform.tabDesc = data.result[0].tabDesc; |
| | | this.insertform.ns = data.result[0].ns; |
| | | this.listData.tab = data.result[0].tab; |
| | | this.listData.ns = data.result[0].ns; |
| | | this.activeName = data.result[0].tab; |
| | | this.startQueryNameData(); |
| | | if (res.children) { |
| | | this.getQueryNameData(res.children); |
| | | } else { |
| | | |
| | | if (res.length != 1) { |
| | | if (res[0].children) { |
| | | this.getQueryNameData(res[0].children); |
| | | } else { |
| | | |
| | | var result = res[0] |
| | | this.insertform.tab = result.tab; |
| | | this.insertform.tabDesc = result.tabDesc; |
| | | this.insertform.ns = result.ns; |
| | | this.listData.tab = result.tab; |
| | | this.listData.ns = result.ns; |
| | | this.activeName = result.tab; |
| | | this.startQueryNameData(); |
| | | } |
| | | } else { |
| | | if (res.children) { |
| | | this.getQueryNameData(res.children); |
| | | } else { |
| | | var result = res |
| | | this.insertform.tab = result.tab; |
| | | this.insertform.tabDesc = result.tabDesc; |
| | | this.insertform.ns = result.ns; |
| | | this.listData.tab = result.tab; |
| | | this.listData.ns = result.ns; |
| | | this.activeName = result.tab; |
| | | this.startQueryNameData(); |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | handleClose() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.dialogFormVisible = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | handleCloseadd() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.InsertFormdialog = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | border: 1px solid #dcdfe6; |
| | | .inquire { |
| | | // margin-bottom: 10px; |
| | | //padding: 8px; |
| | | padding: 8px; |
| | | // margin-top: 10px; |
| | | border-radius: 5px; |
| | | //border: 1px solid #dcdfe6; |