From 3c0bcd367dbc9aff25202d1a8ec2eb143f3e8261 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 14:52:09 +0800 Subject: [PATCH] 按钮大小调整 --- src/views/maintenance/tokentool.vue | 92 ++++++++++++++++++++++++++++++---------------- 1 files changed, 60 insertions(+), 32 deletions(-) diff --git a/src/views/maintenance/tokentool.vue b/src/views/maintenance/tokentool.vue index 0605a78..a33fa4b 100644 --- a/src/views/maintenance/tokentool.vue +++ b/src/views/maintenance/tokentool.vue @@ -1,14 +1,16 @@ <template> <div class="tokentool_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.tokentool')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> <div class="inquire"> - <el-form ref="formData" :model="ruleForm" :inline="true"> + <el-form + ref="formData" + :model="ruleForm" + :inline="true" + > <el-form-item :label="$t('operatManage.tokentoolObj.tokenQuery')" prop="region" @@ -40,30 +42,30 @@ <el-form-item> <el-button icon="el-icon-search" - style="background: #409eff; border: 1px solid #409eff; color: white" + size="small" + type="primary" @click="onSubmit" - >{{ $t('common.iquery') }}</el-button - > + >{{ $t('common.iquery') }}</el-button> <el-button icon="el-icon-delete" type="info" + size="small" @click="onEmpty('formData1')" - >{{ $t('common.empty') }}</el-button - > + >{{ $t('common.empty') }}</el-button> <el-button v-if="menuStatus.insert" @click="InsertFormdialog = true" icon="el-icon-edit" type="success" - >{{ $t('common.append') }}</el-button - > + size="small" + >{{ $t('common.append') }}</el-button> <el-button v-if="menuStatus.delete" @click="delTokenData" icon="el-icon-delete" type="danger" - >{{ $t('common.delete') }}</el-button - > + size="small" + >{{ $t('common.delete') }}</el-button> </el-form-item> </el-form> </div> @@ -74,7 +76,10 @@ style="width: 100%" @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column width="70" align="center" @@ -141,10 +146,16 @@ align="center" > <template slot-scope="scope"> - <el-button type="danger" size="small">{{ + <el-button + type="danger" + size="small" + >{{ $t('operatManage.tokentoolObj.invalid') }}</el-button> - <el-button type="warning" size="small">{{ + <el-button + type="warning" + size="small" + >{{ $t('operatManage.tokentoolObj.renewal') }}</el-button> <el-button @@ -153,8 +164,7 @@ type="warning" plain size="small" - >{{ $t('common.update') }}</el-button - > + >{{ $t('common.update') }}</el-button> </template> </el-table-column> </el-table> @@ -177,7 +187,10 @@ style="overflow: hidden" :visible.sync="InsertFormdialog" > - <el-form ref="formData1" :model="insertform"> + <el-form + ref="formData1" + :model="insertform" + > <el-form-item :label="$t('operatManage.tokentoolObj.token')" :label-width="formLabelWidth" @@ -225,15 +238,21 @@ </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button @click="insertFromDataClose">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="insertFromDataClose" + >{{ $t('common.close') }}</el-button> <el-button - style="background: #409eff; border: 1px solid #409eff; color: white" + size="small" + type="primary" @click="insertFromData" - >{{ $t('common.confirm') }}</el-button - > + >{{ $t('common.confirm') }}</el-button> </div> </el-dialog> <!-- 淇敼寮圭獥 --> @@ -242,7 +261,10 @@ style="overflow: hidden" :visible.sync="EditFormdialog" > - <el-form ref="formData1" :model="insertform"> + <el-form + ref="formData1" + :model="insertform" + > <el-form-item :label="$t('operatManage.tokentoolObj.token')" :label-width="formLabelWidth" @@ -291,15 +313,21 @@ </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button @click="editFromDataClose">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="editFromDataClose" + >{{ $t('common.close') }}</el-button> <el-button - style="background: #409eff; border: 1px solid #409eff; color: white" + type="primary" + size="small" @click="editFromData" - >{{ $t('common.confirm') }}</el-button - > + >{{ $t('common.confirm') }}</el-button> </div> </el-dialog> </div> @@ -580,7 +608,7 @@ //@import url(); 寮曞叆鍏叡css绫� .tokentool_box { - height: 98%; + height: 98%; width: 98%; padding: 1%; position: absolute; -- Gitblit v1.9.3