| | |
| | | <el-divider /> |
| | | <div> |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <el-form-item :label="$t('dataManage.vmobj.keyword')"> |
| | | <el-form-item :label="$t('dataManage.dictionaryManageObj.tableName')"> |
| | | <el-input |
| | | v-model="formInline.tab" |
| | | :placeholder="$t('common.pleaseInput')" |
| | |
| | | <div class="dictionaryContent"> |
| | | <div class="dictionary_leftTree"> |
| | | <ul> |
| | | <li @click="getTableDesc(item)" v-for="item in optionCount"> |
| | | <li |
| | | @click="getTableDesc(item)" |
| | | v-for="item in optionCount" |
| | | :class="{ active: activeName == item.tab }" |
| | | > |
| | | {{ item.tabDesc }}({{ item.tab }}) |
| | | </li> |
| | | </ul> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible = false">{{ |
| | | <el-button type="info" @click="dialogFormVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="updateForm">{{ |
| | | <el-button class="primary" @click="updateForm">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="InsertFormdialog = false">{{ |
| | | <el-button type="info" @click="InsertFormdialog = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | <el-button class="primary" @click="insertFromData">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | components: { MyBread }, |
| | | data() { |
| | | return { |
| | | activeName: '', |
| | | formInline: [], |
| | | listData: { |
| | | ns: '', |
| | |
| | | if (data.code != 200) { |
| | | } |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | this.startQueryNameData(); |
| | | }, |
| | | |
| | |
| | | getTableDesc(res) { |
| | | this.insertform.tab = res.tab; |
| | | this.insertform.tabDesc = res.tabDesc; |
| | | |
| | | this.insertform.ns = res.ns; |
| | | this.activeName = res.tab; |
| | | this.listData.tab = res.tab; |
| | | this.listData.ns = res.ns; |
| | | this.startQueryNameData(); |
| | |
| | | if (data.code != 200) { |
| | | this.$message.error('下拉调用失败'); |
| | | } |
| | | |
| | | 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(); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | li:hover { |
| | | background: rgba(255, 255, 255, 0.3); |
| | | } |
| | | .active { |
| | | color: #409eff; |
| | | } |
| | | } |
| | | .dictionary_rightContent { |
| | | width: 80%; |