| | |
| | | <template> |
| | | <div class="dictionaryBox"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('dataManage.dataManage')}`, |
| | | `${$t('dataManage.dictionaryManage')}`, |
| | | ]" |
| | | ></My-bread> |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div> |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item :label="$t('dataManage.dictionaryManageObj.tableName')"> |
| | | <el-input |
| | | v-model="formInline.tab" |
| | |
| | | icon="el-icon-search" |
| | | @click="getSelectDictTab" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button |
| | | > |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | @click="getRemoveForm" |
| | | type="info" |
| | | >{{ $t('common.reset') }}</el-button |
| | | > |
| | | >{{ $t('common.reset') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-edit" |
| | | @click="InsertFormdialog = true" |
| | | type="success" |
| | | >{{ $t('common.append') }}</el-button |
| | | > |
| | | <el-button icon="el-icon-delete" @click="DelFormData" type="danger">{{ |
| | | >{{ $t('common.append') }}</el-button> |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | @click="DelFormData" |
| | | type="danger" |
| | | >{{ |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | </el-form-item> |
| | |
| | | @selection-change="handleSelectionChange" |
| | | height="93%" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | prop="orderNum" |
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
| | |
| | | v-if="btnStatus.select" |
| | | style="color: white" |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link |
| | | > |
| | | >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link> |
| | | <el-link |
| | | v-if="btnStatus.update" |
| | | @click="handleEdit(scope.$index, scope.row)" |
| | | style="margin-left: 10px; color: white" |
| | | >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link |
| | | > |
| | | >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="pagination_box" style="margin-top: 10px"> |
| | | <div |
| | | class="pagination_box" |
| | | style="margin-top: 10px" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="infoBox" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox" |
| | | v-show="showinfoBox" |
| | | > |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span> |
| | | <div style="float: right; cursor: pointer" @click="closeDetial"> |
| | | <div |
| | | style="float: right; cursor: pointer" |
| | | @click="closeDetial" |
| | | > |
| | | <i class="el-icon-close"></i> |
| | | </div> |
| | | </div> |
| | |
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.orderNum" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.orderNum" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.tableName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.tab" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.tab" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.tableAliasName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.tabDesc" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.tabDesc" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.field" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.field" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldAliasName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.alias" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.alias" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldType')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.type" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.type" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldLength')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.len" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.len" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.FieldPrecision')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.precision" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.precision" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.remark')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.bak" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="info" @click="dialogFormVisible = false">{{ |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | type="info" |
| | | @click="dialogFormVisible = false" |
| | | >{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button class="primary" @click="updateForm">{{ |
| | | <el-button |
| | | class="primary" |
| | | @click="updateForm" |
| | | >{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.orderNum" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.orderNum" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.tableName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.tab" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.tab" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.tableAliasName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.tabDesc" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.tabDesc" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.field" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.field" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldAliasName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.alias" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.alias" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldType')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.type" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.type" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.fieldLength')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.len" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.len" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.dictionaryManageObj.FieldPrecision')" |
| | |
| | | :label="$t('dataManage.dictionaryManageObj.remark')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.bak" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="info" @click="InsertFormdialog = false">{{ |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | type="info" |
| | | @click="InsertFormdialog = false" |
| | | >{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button class="primary" @click="insertFromData">{{ |
| | | <el-button |
| | | class="primary" |
| | | @click="insertFromData" |
| | | >{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .dictionaryBox { |
| | | height: 81%; |
| | | width: 97%; |
| | | position: absolute; |
| | | box-sizing: border-box; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | .dictionaryContent { |
| | | width: 100%; |
| | | height: 92%; |
| | |
| | | justify-content: space-between; |
| | | .dictionary_leftTree { |
| | | width: 15%; |
| | | height: 85%; |
| | | height: 80%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | |
| | | } |
| | | .dictionary_rightContent { |
| | | width: 80%; |
| | | height: 85%; |
| | | height: 80%; |
| | | border: 1px solid white; |
| | | border-radius: 5px; |
| | | padding: 1%; |