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/datamanage/domainManage.vue | 165 +++++++++++++++++++++++++++++++++++++------------------
1 files changed, 111 insertions(+), 54 deletions(-)
diff --git a/src/views/datamanage/domainManage.vue b/src/views/datamanage/domainManage.vue
index dd1fdb6..47e88a0 100644
--- a/src/views/datamanage/domainManage.vue
+++ b/src/views/datamanage/domainManage.vue
@@ -1,27 +1,32 @@
<template>
<div class="domainBox">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('dataManage.dataManage')}`,
`${$t('dataManage.rangeManage')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
<div class="mainBox">
<div class="leftTree">
- <div style="width:450px">
+ <div style="width:450px">
<el-tree
- :data="domainData"
- :props="defaultProps"
- :default-expand-all="true"
- @node-click="toggleTabs"
- ></el-tree>
- </div>
+ :data="domainData"
+ :props="defaultProps"
+ :default-expand-all="true"
+ @node-click="toggleTabs"
+ ></el-tree>
+ </div>
</div>
<div class="right">
<div class="inquire">
- <el-form ref="queryForm" :model="queryForm" :inline="true">
- <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
+ <el-form
+ ref="queryForm"
+ :model="queryForm"
+ :inline="true"
+ >
+ <el-form-item
+ :label="$t('dataManage.vmobj.keyword')"
+ prop="name"
+ >
<el-input
v-model="queryForm.code"
:placeholder="$t('common.pleaseInput')"
@@ -33,31 +38,27 @@
icon="el-icon-search"
size="small"
class="primary"
- >{{ $t('common.iquery') }}</el-button
- >
+ >{{ $t('common.iquery') }}</el-button>
<el-button
@click="resetInfo('queryForm')"
icon="el-icon-delete"
size="small"
type="info"
- >{{ $t('common.empty') }}</el-button
- >
+ >{{ $t('common.empty') }}</el-button>
<el-button
v-if="btnStatus.insert"
@click="showAddDialog"
icon="el-icon-plus"
size="small"
type="success"
- >{{ $t('common.append') }}</el-button
- >
+ >{{ $t('common.append') }}</el-button>
<el-button
v-if="btnStatus.delete"
@click="deleteInfo"
type="danger"
size="small"
icon="el-icon-delete"
- >{{ $t('common.delete') }}</el-button
- >
+ >{{ $t('common.delete') }}</el-button>
</el-form-item>
</el-form>
</div>
@@ -67,7 +68,10 @@
@selection-change="handleSelectionChange"
height="100%"
>
- <el-table-column type="selection" width="50" />
+ <el-table-column
+ type="selection"
+ width="50"
+ />
<el-table-column
align="center"
type="index"
@@ -115,26 +119,30 @@
:label="$t('dataManage.domainManage.bak')"
/>
- <el-table-column min-width="150" :label="$t('common.operate')">
- <template slot-scope="scope"
- ><el-button
+ <el-table-column
+ min-width="150"
+ :label="$t('common.operate')"
+ >
+ <template slot-scope="scope">
+ <el-button
class="primary"
@click="showDetail(scope.row)"
size="small"
- >{{ $t('common.details') }}</el-button
- >
+ >{{ $t('common.details') }}</el-button>
<el-button
v-if="btnStatus.update"
type="warning"
@click="handleEdit(scope.$index, scope.row)"
size="small"
- >{{ $t('common.update') }}</el-button
- >
+ >{{ $t('common.update') }}</el-button>
</template>
</el-table-column>
</el-table>
</div>
- <div class="pagination_box" style="margin-top: 20px">
+ <div
+ class="pagination_box"
+ style="margin-top: 20px"
+ >
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -148,11 +156,20 @@
</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('common.details') }}</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>
@@ -208,12 +225,18 @@
:visible.sync="dialogFormVisible"
:before-close="handleClose"
>
- <el-form :model="editForm" ref="editForm">
+ <el-form
+ :model="editForm"
+ ref="editForm"
+ >
<el-form-item
:label="$t('dataManage.domainManage.domName')"
:label-width="formLabelWidth"
>
- <el-select v-model="editForm.domName" placeholder="璇烽�夋嫨">
+ <el-select
+ v-model="editForm.domName"
+ placeholder="璇烽�夋嫨"
+ >
<el-option
v-for="item in domainOptions"
:key="item.value"
@@ -228,68 +251,102 @@
: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"
+ ></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"
+ ></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"
+ ></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"
+ ></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"
+ ></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"
+ ></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"
+ ></el-input>
</el-form-item>
</el-form>
- <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
- <el-button @click="cancelEdit()">{{ $t('common.reset') }}</el-button>
+ <div
+ v-if="behavior == '淇敼淇℃伅'"
+ slot="footer"
+ class="dialog-footer"
+ >
<el-button
- size="medium"
+ size="small"
+ @click="cancelEdit()"
+ >{{ $t('common.reset') }}</el-button>
+ <el-button
+ size="small"
class="primary"
type="info"
@click="sendEdit('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.confirm') }}</el-button
- >
+ >{{ $t('common.confirm') }}</el-button>
</div>
- <div v-else slot="footer" class="dialog-footer">
- <el-button type="info" @click="cancelAdd('editForm')">{{
+ <div
+ v-else
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ type="info"
+ size="small"
+ @click="cancelAdd('editForm')"
+ >{{
$t('common.reset')
}}</el-button>
<el-button
- size="medium"
+ size="small"
class="primary"
@click="sendAdd('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.confirm') }}</el-button
- >
+ >{{ $t('common.confirm') }}</el-button>
</div>
</el-dialog>
</div>
@@ -551,7 +608,7 @@
this.editForm = {};
done();
})
- .catch((_) => {});
+ .catch((_) => { });
},
// 鏌ョ湅鐣岄潰
showDetail(row) {
@@ -645,7 +702,7 @@
watch: {
pathId: {
immediate: true,
- handler(val) {},
+ handler(val) { },
},
},
};
--
Gitblit v1.9.3