From e0390205f97847ae8e050873db51b619b7ebcc55 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 12 七月 2023 14:41:41 +0800
Subject: [PATCH] 界面修改
---
src/views/maintenance/menuSettings.vue | 341 +++++++++++++++++++++++++++++---------------------------
1 files changed, 179 insertions(+), 162 deletions(-)
diff --git a/src/views/maintenance/menuSettings.vue b/src/views/maintenance/menuSettings.vue
index 0a89703..91c87c4 100644
--- a/src/views/maintenance/menuSettings.vue
+++ b/src/views/maintenance/menuSettings.vue
@@ -25,7 +25,10 @@
</div>
<div class="right_menu subpage_Div">
<div style="display:flex;justify-content:right;align-items: center;padding-bottom: 14px">
- <el-breadcrumb separator="/" style="display: none">
+ <el-breadcrumb
+ separator="/"
+ style="display: none"
+ >
<el-breadcrumb-item :to="{ path: '/' }">{{
$t('dataManage.dictionaryManageObj.particulars')
}}</el-breadcrumb-item>
@@ -76,7 +79,7 @@
</div>
<div class="dividing-line"></div>
-<!-- <el-divider />-->
+ <!-- <el-divider />-->
<div class="form_box">
<el-form
:model="itemdetail"
@@ -107,16 +110,16 @@
autocomplete="off"
></el-input>
</el-form-item>
-<!-- <el-form-item-->
-<!-- :label="$t('operatManage.menuSetObj.icon')"-->
-<!-- :label-width="formLabelWidth"-->
-<!-- >-->
-<!-- <el-input-->
-<!-- v-model="itemdetail.icon"-->
-<!-- :placeholder="$t('operatManage.menuSetObj.iconHolder')"-->
-<!-- autocomplete="off"-->
-<!-- ></el-input>-->
-<!-- </el-form-item>-->
+ <!-- <el-form-item-->
+ <!-- :label="$t('operatManage.menuSetObj.icon')"-->
+ <!-- :label-width="formLabelWidth"-->
+ <!-- >-->
+ <!-- <el-input-->
+ <!-- v-model="itemdetail.icon"-->
+ <!-- :placeholder="$t('operatManage.menuSetObj.iconHolder')"-->
+ <!-- autocomplete="off"-->
+ <!-- ></el-input>-->
+ <!-- </el-form-item>-->
<el-form-item
prop="isShow"
:label="$t('operatManage.menuSetObj.isShow')"
@@ -128,15 +131,21 @@
v-model="itemdetail.isShow"
:placeholder="$t('operatManage.menuSetObj.show')"
>
- <el-option :label="$t('operatManage.menuSetObj.hiddeen')" value="0" />
- <el-option :label="$t('operatManage.menuSetObj.isshow')" value="1" />
-<!-- <el-option-->
-<!-- v-for="item in options1"-->
-<!-- :key="item.value"-->
-<!-- :label="item.label"-->
-<!-- :value="item.value"-->
-<!-- >-->
-<!-- </el-option>-->
+ <el-option
+ :label="$t('operatManage.menuSetObj.hiddeen')"
+ value="0"
+ />
+ <el-option
+ :label="$t('operatManage.menuSetObj.isshow')"
+ value="1"
+ />
+ <!-- <el-option-->
+ <!-- v-for="item in options1"-->
+ <!-- :key="item.value"-->
+ <!-- :label="item.label"-->
+ <!-- :value="item.value"-->
+ <!-- >-->
+ <!-- </el-option>-->
</el-select>
</el-form-item>
<el-form-item
@@ -170,16 +179,25 @@
v-model="itemdetail.type"
:placeholder="$t('operatManage.menuSetObj.typeHolder')"
>
- <el-option :label="$t('operatManage.menuSetObj.rootpath')" value="0" />
- <el-option :label="$t('operatManage.menuSetObj.menu')" value="1" />
- <el-option :label="$t('operatManage.menuSetObj.button')" value="2" />
-<!-- <el-option-->
-<!-- v-for="item in options2"-->
-<!-- :key="item.value"-->
-<!-- :label="item.label"-->
-<!-- :value="item.value"-->
-<!-- >-->
-<!-- </el-option>-->
+ <el-option
+ :label="$t('operatManage.menuSetObj.rootpath')"
+ value="0"
+ />
+ <el-option
+ :label="$t('operatManage.menuSetObj.menu')"
+ value="1"
+ />
+ <el-option
+ :label="$t('operatManage.menuSetObj.button')"
+ value="2"
+ />
+ <!-- <el-option-->
+ <!-- v-for="item in options2"-->
+ <!-- :key="item.value"-->
+ <!-- :label="item.label"-->
+ <!-- :value="item.value"-->
+ <!-- >-->
+ <!-- </el-option>-->
</el-select>
</el-form-item>
<el-form-item
@@ -195,14 +213,14 @@
<div v-if="menuStatus.update">
<el-form-item>
<el-button
- size="small"
- type="primary"
- @click="updMenu('itemdetail')"
+ size="small"
+ type="primary"
+ @click="updMenu('itemdetail')"
>{{ $t('common.confirm') }}</el-button>
<el-button
- size="small"
- type="info"
- @click="reset('itemdetail')"
+ size="small"
+ type="info"
+ @click="reset('itemdetail')"
>{{
$t('common.cancel')
}}</el-button>
@@ -219,123 +237,123 @@
:visible.sync="dialogFormVisible"
:before-close="handleClose"
>
- <div style="height: 500px; overflow: auto">
- <el-form
- :model="ruleForm"
- ref="ruleForm"
- :rules="rules"
- label-position="top"
- >
- <el-form-item
- prop="enName"
- :label="$t('operatManage.menuSetObj.enName')"
- :label-width="formLabelWidth"
+ <div style="height: 500px; overflow: auto">
+ <el-form
+ :model="ruleForm"
+ ref="ruleForm"
+ :rules="rules"
+ label-position="top"
>
- <el-input
- v-model="ruleForm.enName"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.enName')"
- ></el-input>
- </el-form-item>
- <el-form-item
- prop="cnName"
- :label="$t('operatManage.menuSetObj.cnName')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="ruleForm.cnName"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.cnName')"
- ></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.menuSetObj.icon')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="ruleForm.icon"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.icon')"
- ></el-input>
- </el-form-item>
- <el-form-item
- prop="isShow"
- :label="$t('operatManage.menuSetObj.isShow')"
- :label-width="formLabelWidth"
- >
- <el-select
- :popper-append-to-body="false"
- style="width:85%"
- v-model="ruleForm.isShow"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.isShow')"
+ <el-form-item
+ prop="enName"
+ :label="$t('operatManage.menuSetObj.enName')"
+ :label-width="formLabelWidth"
>
- <el-option
- v-for="item in options1"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.menuSetObj.menuUrl')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="ruleForm.url"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.menuUrl')"
- ></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.menuSetObj.authorize')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="ruleForm.perms"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.authorize')"
- ></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.menuSetObj.type')"
- prop="type"
- :label-width="formLabelWidth"
- >
- <el-select
- :popper-append-to-body="false"
- style="width:85%"
- v-model="ruleForm.type"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.type')"
+ <el-input
+ v-model="ruleForm.enName"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.enName')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="cnName"
+ :label="$t('operatManage.menuSetObj.cnName')"
+ :label-width="formLabelWidth"
>
- <el-option
- v-for="item in options2"
- :key="item.value"
- :label="item.label"
- :value="item.value"
+ <el-input
+ v-model="ruleForm.cnName"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.cnName')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('operatManage.menuSetObj.icon')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="ruleForm.icon"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.icon')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="isShow"
+ :label="$t('operatManage.menuSetObj.isShow')"
+ :label-width="formLabelWidth"
+ >
+ <el-select
+ :popper-append-to-body="false"
+ style="width:85%"
+ v-model="ruleForm.isShow"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.isShow')"
>
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.menuSetObj.bak')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="ruleForm.bak"
- autocomplete="off"
- style="width:85%"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.bak')"
- ></el-input>
- </el-form-item>
- </el-form>
- </div>
+ <el-option
+ v-for="item in options1"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ :label="$t('operatManage.menuSetObj.menuUrl')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="ruleForm.url"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.menuUrl')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('operatManage.menuSetObj.authorize')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="ruleForm.perms"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.authorize')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('operatManage.menuSetObj.type')"
+ prop="type"
+ :label-width="formLabelWidth"
+ >
+ <el-select
+ :popper-append-to-body="false"
+ style="width:85%"
+ v-model="ruleForm.type"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.type')"
+ >
+ <el-option
+ v-for="item in options2"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ :label="$t('operatManage.menuSetObj.bak')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="ruleForm.bak"
+ autocomplete="off"
+ style="width:85%"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.bak')"
+ ></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
<div
slot="footer"
class="dialog-footer"
@@ -372,9 +390,9 @@
data() {
return {
menuStatus: {
- delete: false,
- insert: false,
- update: false,
+ delete: true,
+ insert: true,
+ update: true,
},
defaultProps: {
children: 'children',
@@ -413,7 +431,7 @@
type: null,
bak: '',
},
- rules : {
+ rules: {
enName: [
{ required: true, message: this.$t('operatManage.menuSetObj.enNameHolder'), trigger: 'blur' },
],
@@ -439,27 +457,27 @@
options1: [
{
value: 0,
- label:this.$t('operatManage.menuSetObj.hiddeen')
+ label: this.$t('operatManage.menuSetObj.hiddeen')
},
{
value: 1,
- label:this.$t('operatManage.menuSetObj.isshow')
+ label: this.$t('operatManage.menuSetObj.isshow')
},
],
options2: [
{
value: 0,
- label:this.$t('operatManage.menuSetObj.rootpath')
+ label: this.$t('operatManage.menuSetObj.rootpath')
// label: '鏍圭洰褰�',
},
{
value: 1,
- label:this.$t('operatManage.menuSetObj.menu')
+ label: this.$t('operatManage.menuSetObj.menu')
// label: '鑿滃崟',
},
{
value: 2,
- label:this.$t('operatManage.menuSetObj.button')
+ label: this.$t('operatManage.menuSetObj.button')
// label: '鎸夐挳',
},
],
@@ -903,7 +921,7 @@
border-radius: 5px;
padding: 1%;
overflow-y: auto;
- border-right: 1px solid #dcdfe6;
+ border-right: 1px solid #dcdfe6;
}
.right_menu {
width: 80%;
@@ -922,8 +940,7 @@
}
}
}
-.btnBox{
-
+.btnBox {
position: absolute;
bottom: 0;
right: 0;
--
Gitblit v1.9.3