Teams/shgx_tz_mes_backend_sync
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

修改主题样式设置

Browse Source
This commit is contained in:
izory
2021-10-09 15:14:34 +08:00
parent 077e05ca36
commit 6dcfd0e855
9 changed files with 61 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ZR.Vue/src/views/login.vue
View File

@@ -149,18 +149,20 @@ export default {
height: 100%;
// background-image: url("../assets/image/login-background.jpg");
background-size: cover;
background-color: #2d3a4b;
background-color: rgba(56,157,170,.82);
}
.title {
margin: 0px auto 30px auto;
text-align: center;
color: #707070;
// color: #707070;
color: #fff;
}
.login-form {
border-radius: 6px;
background: #ffffff;
width: 400px;
// background: #ffffff;
background-color: hsla(0,0%,100%,.3);
width: 350px;
padding: 25px 25px 5px 25px;
.el-input {
height: 38px;

25
ZR.Vue/src/views/system/menu/index.vue
View File

@@ -18,12 +18,17 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:menu:add']">新增</el-button>
<el-button type="primary" plain icon="el-icon-edit" size="mini" @click="handleShowSort" v-hasPermi="['system:menu:changeSort']">修改排序</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info" plain icon="el-icon-edit" size="mini" @click="handleShowSort" v-hasPermi="['system:menu:changeSort']">修改排序</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="menuList" row-key="menuId" border :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table v-if="refreshTable" v-loading="loading" :data="menuList" :default-expand-all="isExpandAll" row-key="menuId" border :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
<el-table-column prop="icon" label="图标" align="center" width="80">
<template slot-scope="scope">
@@ -50,8 +55,8 @@
<el-table-column prop="visible" label="显示" :formatter="visibleFormat" width="70"></el-table-column>
<el-table-column prop="status" label="状态" width="70">
<template slot-scope="scope">
<el-tag v-if="scope.row.status === '0'" >正常</el-tag>
<el-tag type="warning" v-else >停用</el-tag>
<el-tag v-if="scope.row.status === '0'">正常</el-tag>
<el-tag type="warning" v-else>停用</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
@@ -229,6 +234,10 @@ export default {
title: "",
// 是否显示弹出层
open: false,
// 是否展开，默认全部折叠
isExpandAll: false,
// 重新渲染表格状态
refreshTable: true,
// 显示状态数据字典
visibleOptions: [],
// 菜单状态数据字典
@@ -424,6 +433,14 @@ export default {
handleShowSort() {
this.showEditSort = !this.showEditSort;
},
//展开/折叠操作
toggleExpandAll() {
this.refreshTable = false;
this.isExpandAll = !this.isExpandAll;
this.$nextTick(() => {
this.refreshTable = true;
});
},
},
};
</script>