From cf4de0a3f218b79d49b05450ca0fc4527c2fa78e Mon Sep 17 00:00:00 2001 From: 王旭 <1377869194@qq.com> Date: 星期三, 22 二月 2023 17:15:55 +0800 Subject: [PATCH] 修改数据管理弹框按钮样式 --- src/views/datamanage/dictionaryManage.vue | 69 ++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 29 deletions(-) diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue index 5762d6b..6d7f73a 100644 --- a/src/views/datamanage/dictionaryManage.vue +++ b/src/views/datamanage/dictionaryManage.vue @@ -141,20 +141,26 @@ /> <el-table-column - min-width="100" + min-width="180" :label="$t('dataManage.dictionaryManageObj.operation')" > <template slot-scope="scope"> - <el-link + <el-button + type="primary" + plain + size="small" v-if="btnStatus.select" @click="showDetail(scope.$index, scope.row)" - >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-link + >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-button > - <el-link + <el-button + type="warning" + plain + size="small" v-if="btnStatus.update" @click="handleEdit(scope.$index, scope.row)" style="margin-left: 10px" - >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-link + >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-button > </template> </el-table-column> @@ -174,7 +180,8 @@ </div> </div> </div> - <div class="infoBox box_div" v-show="showinfoBox"> + <div class="infoBox_box" v-show="showinfoBox"> + <div class="infoBox box_div"> <div slot="header" class="clearfix"> <span>{{ $t("dataManage.dictionaryManageObj.particulars") }}</span> <div style="float: right; cursor: pointer" @click="closeDetial"> @@ -258,70 +265,72 @@ </p> </div> </div> + </div> <el-dialog - top="3vh" - style="overflow: hidden" + top="2vh" :title="$t('dataManage.dictionaryManageObj.revamp')" :visible.sync="dialogFormVisible" > - <el-form :model="upform"> + <div style="height: 500px; overflow: auto"> + <el-form :model="upform" label-position="top"> <el-form-item :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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></el-input> </el-form-item> </el-form> + </div> <div slot="footer" class="dialog-footer"> <el-button type="info" @@ -336,53 +345,53 @@ </el-dialog> <el-dialog :title="$t('dataManage.dictionaryManageObj.add')" - top="3vh" - style="overflow: hidden" + top="2vh" :visible.sync="InsertFormdialog" > - <el-form :model="insertform"> + <div style="height: 500px; overflow: auto"> + <el-form :model="insertform" label-position="top"> <el-form-item :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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></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" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.dictionaryManageObj.FieldPrecision')" @@ -391,6 +400,7 @@ <el-input v-model="insertform.precision" autocomplete="off" + style="width:85%" ></el-input> </el-form-item> @@ -398,9 +408,10 @@ :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" style="width:85%"></el-input> </el-form-item> </el-form> + </div> <div slot="footer" class="dialog-footer"> <el-button type="info" size="small" @click="InsertFormdialog = false">{{ $t("dataManage.dictionaryManageObj.cancel") -- Gitblit v1.9.3