| | |
| | | <el-divider /> |
| | | <div class="mainBox"> |
| | | <div class="leftTree"> |
| | | <el-tree |
| | | <div style="width:450px"> |
| | | <el-tree |
| | | :data="domainData" |
| | | :props="defaultProps" |
| | | :default-expand-all="true" |
| | | @node-click="toggleTabs" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="inquire"> |
| | | <el-form ref="queryForm" :model="queryForm" :inline="true"> |
| | | <el-form-item |
| | | :label="$t('dataManage.domainManage.domCode')" |
| | | prop="name" |
| | | > |
| | | <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name"> |
| | | <el-input |
| | | v-model="queryForm.code" |
| | | :placeholder="$t('common.pleaseInput')" |
| | |
| | | :label="$t('dataManage.domainManage.domName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="editForm.domName" autocomplete="off"></el-input> |
| | | <el-select v-model="editForm.domName" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in domainOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-input v-model="editForm.domName" autocomplete="off"></el-input> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.domainManage.domDesc')" |
| | |
| | | > |
| | | <el-input v-model="editForm.domDesc" autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | :label="$t('dataManage.domainManage.domCode')" |
| | | :label-width="formLabelWidth" |
| | |
| | | insertDomain, |
| | | deleteDomain, |
| | | updateDomain, |
| | | domain_selectDomainNames, |
| | | } from '../../api/api'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | export default { |
| | |
| | | components: { MyBread }, |
| | | data() { |
| | | return { |
| | | domainOptions: [], |
| | | multipleSelection: [], |
| | | behavior: '', |
| | | formLabelWidth: '100px', |
| | |
| | | showinfoBox: false, |
| | | fullscreenLoading: false, |
| | | itemdetail: {}, |
| | | editForm: {}, |
| | | editForm: { |
| | | domName: '', |
| | | }, |
| | | queryForm: { |
| | | code: '', |
| | | }, |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | toggleTabs(data) { |
| | | async toggleTabs(data) { |
| | | this.fullscreenLoading = true; |
| | | this.listData.ns = data.ns; |
| | | this.listData.tab = data.tab; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | const res = await domain_selectDomainNames(data); |
| | | if (res.code != 200) { |
| | | this.$message.error('domain调用失败'); |
| | | } |
| | | var std = []; |
| | | for (var i = 0; i < res.result.length; i++) { |
| | | std.push({ |
| | | value: res.result[i], |
| | | label: res.result[i], |
| | | }); |
| | | } |
| | | this.domainOptions = std; |
| | | this.editForm.domName = res.result[0]; |
| | | |
| | | getSingleTab(this.listData).then((res) => { |
| | | setTimeout(() => { |
| | |
| | | |
| | | queryInfo() { |
| | | let searchData = { |
| | | code: this.queryForm.code, |
| | | name: this.queryForm.code, |
| | | ns: this.listData.ns, |
| | | tab: this.listData.tab, |
| | | pageIndex: this.listData.pageIndex, |
| | |
| | | this.tableData = res.result; |
| | | this.count = res.count; |
| | | } else { |
| | | console.log('查询接口报错'); |
| | | this.$notify.error({ |
| | | title: res.code, |
| | | message: res.result, |
| | |
| | | this.queryForm = {}; |
| | | this.$store.state.verCateNode = {}; |
| | | this.$bus.$emit('clearTressLabel', true); |
| | | this.getAllTabelData(); |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | this.queryInfo(); |
| | | }, |
| | | // 删除多条 |
| | | deleteInfo() { |
| | |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | this.fullscreenLoading = true; |
| | | |
| | | insertDomain(this.editForm) |
| | | .then((res) => { |
| | | setTimeout(() => { |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .domainBox { |
| | | height: 80%; |
| | | width: 97%; |
| | | position: absolute; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | .mainBox { |
| | | width: 100%; |
| | | height: 92%; |
| | |
| | | justify-content: space-between; |
| | | .leftTree { |
| | | width: 15%; |
| | | height: 96%; |
| | | height: 91%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | |
| | | } |
| | | .right { |
| | | width: 80%; |
| | | height: 96%; |
| | | height: 91%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |