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/domainManage.vue | 131 ++++++++++++++++++++++++------------------- 1 files changed, 72 insertions(+), 59 deletions(-) diff --git a/src/views/datamanage/domainManage.vue b/src/views/datamanage/domainManage.vue index 6421b94..39691fa 100644 --- a/src/views/datamanage/domainManage.vue +++ b/src/views/datamanage/domainManage.vue @@ -122,9 +122,10 @@ <el-table-column min-width="150" :label="$t('common.operate')"> <template slot-scope="scope"> <el-button - class="primary" @click="showDetail(scope.row)" + type="primary" size="small" + plain >{{ $t("common.details") }}</el-button > <el-button @@ -132,68 +133,79 @@ type="warning" @click="handleEdit(scope.$index, scope.row)" size="small" + plain >{{ $t("common.update") }}</el-button > </template> </el-table-column> </el-table> <div class="pagination_box" style="margin-top: 20px"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > - </el-pagination> + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count" + > + </el-pagination> + </div> </div> - </div> - </div> </div> - <div class="infoBox subpage_Div box_div" v-show="showinfoBox"> - <div slot="header" class="clearfix"> - <span>{{ $t("common.details") }}</span> - <div style="float: right; cursor: pointer" @click="closeDetial"> - <i class="el-icon-close"></i> + <div class="infoBox_box" v-show="showinfoBox"> + <div class="infoBox subpage_Div box_div"> + <div slot="header" class="clearfix"> + <span>{{ $t("common.details") }}</span> + <div style="float: right; cursor: pointer" @click="closeDetial"> + <i class="el-icon-close"></i> + </div> </div> - </div> - <el-divider></el-divider> - <div class="contentBox"> - <p> - {{ $t("dataManage.domainManage.domName") }}锛歿{ itemdetail.domName }} - </p> <el-divider></el-divider> - <p> - {{ $t("dataManage.domainManage.domDesc") }}锛歿{ itemdetail.domDesc }} - </p> - <el-divider></el-divider> - <p> - {{ $t("dataManage.domainManage.domCode") }}锛歿{ itemdetail.domCode }} - </p> - <el-divider></el-divider> - <p> - {{ $t("dataManage.domainManage.codeDesc") }}锛歿{ - itemdetail.codeDesc - }} - </p> - <el-divider></el-divider> - <p>{{ $t("dataManage.domainManage.bsm") }}锛歿{ itemdetail.bsm }}</p> - <el-divider></el-divider> - <p>{{ $t("dataManage.domainManage.level") }}锛歿{ itemdetail.level }}</p> - <el-divider></el-divider> - <p> - {{ $t("dataManage.domainManage.orderid") }}锛歿{ itemdetail.orderid }} - </p> - <el-divider></el-divider> - <p>{{ $t("dataManage.domainManage.bak") }}锛歿{ itemdetail.bak }}</p> + <div class="contentBox"> + <p> + {{ $t("dataManage.domainManage.domName") }}锛歿{ + itemdetail.domName + }} + </p> + <el-divider></el-divider> + <p> + {{ $t("dataManage.domainManage.domDesc") }}锛歿{ + itemdetail.domDesc + }} + </p> + <el-divider></el-divider> + <p> + {{ $t("dataManage.domainManage.domCode") }}锛歿{ + itemdetail.domCode + }} + </p> + <el-divider></el-divider> + <p> + {{ $t("dataManage.domainManage.codeDesc") }}锛歿{ + itemdetail.codeDesc + }} + </p> + <el-divider></el-divider> + <p>{{ $t("dataManage.domainManage.bsm") }}锛歿{ itemdetail.bsm }}</p> + <el-divider></el-divider> + <p> + {{ $t("dataManage.domainManage.level") }}锛歿{ itemdetail.level }} + </p> + <el-divider></el-divider> + <p> + {{ $t("dataManage.domainManage.orderid") }}锛歿{ + itemdetail.orderid + }} + </p> + <el-divider></el-divider> + <p>{{ $t("dataManage.domainManage.bak") }}锛歿{ itemdetail.bak }}</p> + </div> </div> </div> <el-dialog - width="510px" - top="5vh" + top="2vh" :title=" behavior == '鏂板鐢ㄦ埛' ? `${$t('common.append')}` @@ -202,14 +214,15 @@ :visible.sync="dialogFormVisible" :before-close="handleClose" > - <el-form :model="editForm" ref="editForm"> + <div style="height: 500px; overflow: auto"> + <el-form :model="editForm" ref="editForm" label-position="top"> <el-form-item :label="$t('dataManage.domainManage.domName')" :label-width="formLabelWidth" > <el-select :popper-append-to-body="false" - style="width: 100%" + style="width:85%" v-model="editForm.domName" placeholder="璇烽�夋嫨" > @@ -227,46 +240,47 @@ :label="$t('dataManage.domainManage.domDesc')" :label-width="formLabelWidth" > - <el-input v-model="editForm.domDesc" autocomplete="off"></el-input> + <el-input v-model="editForm.domDesc" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.domCode')" :label-width="formLabelWidth" > - <el-input v-model="editForm.domCode" autocomplete="off"></el-input> + <el-input v-model="editForm.domCode" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.codeDesc')" :label-width="formLabelWidth" > - <el-input v-model="editForm.codeDesc" autocomplete="off"></el-input> + <el-input v-model="editForm.codeDesc" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.bsm')" :label-width="formLabelWidth" > - <el-input v-model="editForm.bsm" autocomplete="off"></el-input> + <el-input v-model="editForm.bsm" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.level')" :label-width="formLabelWidth" > - <el-input v-model="editForm.level" autocomplete="off"></el-input> + <el-input v-model="editForm.level" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.orderid')" :label-width="formLabelWidth" > - <el-input v-model="editForm.orderid" autocomplete="off"></el-input> + <el-input v-model="editForm.orderid" autocomplete="off" style="width:85%"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.domainManage.bak')" :label-width="formLabelWidth" > - <el-input v-model="editForm.bak" autocomplete="off"></el-input> + <el-input v-model="editForm.bak" autocomplete="off" style="width:85%"></el-input> </el-form-item> </el-form> + </div> <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer"> <el-button size="small" @click="cancelEdit()">{{ $t("common.reset") @@ -710,7 +724,6 @@ margin: 5px; } } - } } } -- Gitblit v1.9.3