md
This commit is contained in:
smshen
parent
0c86fad201
commit
cc3066b62d
139
src/layout/index copy.vue
Normal file
139
src/layout/index copy.vue
Normal file
@ -0,0 +1,139 @@
|
|||||||
|
<template>
|
||||||
|
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
|
||||||
|
<TopHeader class="erp-header"></TopHeader>
|
||||||
|
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
||||||
|
<sidebar v-if="!sidebar.hide" class="sidebar-container" />
|
||||||
|
<div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
|
||||||
|
<app-main />
|
||||||
|
<!-- <div class="signfooter">
|
||||||
|
<div class="auto clearfix">
|
||||||
|
<div class="footer-signfooter">
|
||||||
|
<p>{{this.$store.state.zoneConfig.copyright}} </p>
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<right-panel>
|
||||||
|
<settings />
|
||||||
|
</right-panel>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Breadcrumb from '@/components/Breadcrumb/index2'
|
||||||
|
import {checkRole} from '@/utils/permission'
|
||||||
|
import RightPanel from '@/components/RightPanel'
|
||||||
|
import { AppMain,TopHeader, Navbar, Settings, Sidebar, TagsView } from './components'
|
||||||
|
import ResizeMixin from './mixin/ResizeHandler'
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import variables from '@/assets/styles/variables.scss'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Layout',
|
||||||
|
components: {
|
||||||
|
Breadcrumb,
|
||||||
|
AppMain,
|
||||||
|
TopHeader,
|
||||||
|
Navbar,
|
||||||
|
RightPanel,
|
||||||
|
Settings,
|
||||||
|
Sidebar,
|
||||||
|
TagsView
|
||||||
|
},
|
||||||
|
mixins: [ResizeMixin],
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
theme: state => state.settings.theme,
|
||||||
|
sideTheme: state => state.settings.sideTheme,
|
||||||
|
sidebar: state => state.app.sidebar,
|
||||||
|
device: state => state.app.device,
|
||||||
|
needTagsView: state => state.settings.tagsView,
|
||||||
|
fixedHeader: state => state.settings.fixedHeader
|
||||||
|
}),
|
||||||
|
isShowTagsView(){
|
||||||
|
// if(needTagsView){
|
||||||
|
// return true;
|
||||||
|
// }
|
||||||
|
|
||||||
|
if(checkRole(['admin'])){
|
||||||
|
return true;
|
||||||
|
}else{
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
classObj() {
|
||||||
|
return {
|
||||||
|
hideSidebar: !this.sidebar.opened,
|
||||||
|
openSidebar: this.sidebar.opened,
|
||||||
|
withoutAnimation: this.sidebar.withoutAnimation,
|
||||||
|
mobile: this.device === 'mobile'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
variables() {
|
||||||
|
return variables;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleClickOutside() {
|
||||||
|
this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "~@/assets/styles/mixin.scss";
|
||||||
|
@import "~@/assets/styles/variables.scss";
|
||||||
|
|
||||||
|
.app-wrapper {
|
||||||
|
@include clearfix;
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
&.mobile.openSidebar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer-bg {
|
||||||
|
background: #000;
|
||||||
|
opacity: 0.3;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed-header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 9;
|
||||||
|
width: calc(100% - #{$base-sidebar-width});
|
||||||
|
transition: width 0.28s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hideSidebar .fixed-header {
|
||||||
|
width: calc(100% - 54px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebarHide .fixed-header {
|
||||||
|
width: calc(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile .fixed-header {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
301
src/views/emis/common/RegionSelect.vue
Normal file
301
src/views/emis/common/RegionSelect.vue
Normal file
@ -0,0 +1,301 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<el-form
|
||||||
|
:size="'small'"
|
||||||
|
:inline="true"
|
||||||
|
:model="ruleForm"
|
||||||
|
ref="ruleForm"
|
||||||
|
label-width="120px"
|
||||||
|
label-position="left"
|
||||||
|
:rules="addRules"
|
||||||
|
>
|
||||||
|
<div class="scan_title">展示:</div>
|
||||||
|
<!-- 自定义清除方法，注意change方法在clear前执行 -->
|
||||||
|
<el-row>
|
||||||
|
<el-form-item label="省/州" prop="firstId">
|
||||||
|
|
||||||
|
<el-select
|
||||||
|
v-model="ruleForm.firstId"
|
||||||
|
placeholder="请选择省/州"
|
||||||
|
@change="changeFirst"
|
||||||
|
@clear="handleClearFirstId"
|
||||||
|
style="width: 220px"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in allFirstList"
|
||||||
|
:key="item.firstId"
|
||||||
|
:label="item.firstNo"
|
||||||
|
:value="item.firstId"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="市" prop="secondId">
|
||||||
|
<el-select
|
||||||
|
style="width: 220px"
|
||||||
|
v-model="ruleForm.secondId"
|
||||||
|
placeholder="请选择次级省/州"
|
||||||
|
@change="changeSecond"
|
||||||
|
@clear="handleClearSecondId"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in allSecondList"
|
||||||
|
:key="item.secondId"
|
||||||
|
:label="item.secondNo"
|
||||||
|
:value="item.secondId"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="三级选项：" prop="thirdId">
|
||||||
|
<el-select
|
||||||
|
style="width: 220px"
|
||||||
|
v-model="ruleForm.thirdId"
|
||||||
|
placeholder="请选择三级选项编号"
|
||||||
|
@change="changeThird"
|
||||||
|
value-key="thirdId"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in allThirdList"
|
||||||
|
:key="item.thirdId"
|
||||||
|
:label="item.thirdNo"
|
||||||
|
:value="item.thirdId"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "LinkingSelect",
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selectedLabelList: [],
|
||||||
|
filSelectedLabels: [],
|
||||||
|
refreshKey: 0,
|
||||||
|
ruleForm: {},
|
||||||
|
dynamicTags: [],
|
||||||
|
tagVisible: false,
|
||||||
|
allFirstList: [],
|
||||||
|
allSecondList: [],
|
||||||
|
allThirdList: [],
|
||||||
|
addRules: {
|
||||||
|
firstId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
trigger: "change,blur",
|
||||||
|
message: "请选择一级选项",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
secondId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
trigger: "change,blur",
|
||||||
|
message: "请选择次级选项",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
thirdId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
trigger: "change,blur",
|
||||||
|
message: "请选择三级选项",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.handleGetAllFirst();
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
// 清除次级选择以及子孙选择的内容
|
||||||
|
handleClearSecondId() {
|
||||||
|
this.ruleForm.secondId = "";
|
||||||
|
this.ruleForm.thirdId = "";
|
||||||
|
this.allThirdList = [];
|
||||||
|
},
|
||||||
|
|
||||||
|
// 清除一级选择以及子孙选择的内容
|
||||||
|
handleClearFirstId() {
|
||||||
|
this.ruleForm.firstId = "";
|
||||||
|
this.ruleForm.secondId = "";
|
||||||
|
this.ruleForm.thirdId = "";
|
||||||
|
this.allThirdList = [];
|
||||||
|
this.allSecondList = [];
|
||||||
|
},
|
||||||
|
|
||||||
|
// 清除最后一级选择的内容并刷新
|
||||||
|
changeThird() {
|
||||||
|
this.$forceUpdate();
|
||||||
|
},
|
||||||
|
changeSecond(secondId) {
|
||||||
|
this.ruleForm.thirdId = "";
|
||||||
|
// 判断是否为空字符串
|
||||||
|
if (secondId && secondId !== "") {
|
||||||
|
// 请求接口
|
||||||
|
// getThird({
|
||||||
|
// secondId: secondId,
|
||||||
|
// fileId: this.ruleForm.fileId,
|
||||||
|
// }).then((res) => {
|
||||||
|
// this.allThirdList = res.data;
|
||||||
|
// });
|
||||||
|
|
||||||
|
// 模拟数据
|
||||||
|
this.allThirdList = [
|
||||||
|
{
|
||||||
|
createBy: "admin",
|
||||||
|
createTime: "2023-03-27 10:24:30",
|
||||||
|
updateBy: "",
|
||||||
|
updateTime: null,
|
||||||
|
remark: null,
|
||||||
|
thirdId: 3,
|
||||||
|
thirdNo: "H0",
|
||||||
|
leftCapacity: 1,
|
||||||
|
totalCapacity: 5,
|
||||||
|
secondNo: "X0",
|
||||||
|
secondId: 11,
|
||||||
|
firstNo: "G0",
|
||||||
|
firstId: 11,
|
||||||
|
manageBy: "admin",
|
||||||
|
delFlag: "0",
|
||||||
|
deptId: 100,
|
||||||
|
deptName: "xx科技",
|
||||||
|
beginTime: null,
|
||||||
|
endTime: null,
|
||||||
|
userId: null,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
changeFirst(firstId) {
|
||||||
|
this.ruleForm.secondId = "";
|
||||||
|
this.ruleForm.thirdId = "";
|
||||||
|
|
||||||
|
if (firstId !== "") {
|
||||||
|
// 请求接口
|
||||||
|
// getSecond({
|
||||||
|
// firstId: firstId,
|
||||||
|
// fileId: this.ruleForm.fileId,
|
||||||
|
// }).then((res) => {
|
||||||
|
// this.allSecondList = res.data;
|
||||||
|
// });
|
||||||
|
// 模拟数据
|
||||||
|
this.allSecondList = [
|
||||||
|
{
|
||||||
|
createBy: "admin",
|
||||||
|
createTime: "2023-03-27 10:24:10",
|
||||||
|
updateBy: "",
|
||||||
|
updateTime: null,
|
||||||
|
remark: null,
|
||||||
|
secondId: 11,
|
||||||
|
secondNo: "X0",
|
||||||
|
leftCapacity: 4,
|
||||||
|
totalCapacity: 5,
|
||||||
|
firstId: 11,
|
||||||
|
firstNo: "G0",
|
||||||
|
manageBy: "admin",
|
||||||
|
delFlag: "0",
|
||||||
|
deptId: 100,
|
||||||
|
deptName: "xx科技",
|
||||||
|
userId: null,
|
||||||
|
thirdId: null,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleGetAllFirst() {
|
||||||
|
// getFirst({
|
||||||
|
// fileId: this.ruleForm.fileId,
|
||||||
|
// }).then((res) => {
|
||||||
|
// this.allFirstList = res.data;
|
||||||
|
// });
|
||||||
|
|
||||||
|
this.allFirstList = [
|
||||||
|
{
|
||||||
|
createBy: "admin",
|
||||||
|
createTime: "2023-03-27 10:23:57",
|
||||||
|
updateBy: "",
|
||||||
|
updateTime: null,
|
||||||
|
remark: null,
|
||||||
|
firstId: 11,
|
||||||
|
firstNo: "G0",
|
||||||
|
leftCapacity: 5,
|
||||||
|
totalCapacity: 5,
|
||||||
|
manageBy: "admin",
|
||||||
|
delFlag: "0",
|
||||||
|
deptId: 100,
|
||||||
|
deptName: "若依科技",
|
||||||
|
beginTime: null,
|
||||||
|
endTime: null,
|
||||||
|
userId: null,
|
||||||
|
fileCate: null,
|
||||||
|
secondId: null,
|
||||||
|
thirdId: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createBy: "aduser",
|
||||||
|
createTime: "2023-03-27 10:15:12",
|
||||||
|
updateBy: "",
|
||||||
|
updateTime: null,
|
||||||
|
remark: null,
|
||||||
|
firstId: 6,
|
||||||
|
firstNo: "G1",
|
||||||
|
leftCapacity: 0,
|
||||||
|
totalCapacity: 5,
|
||||||
|
manageBy: "aduser",
|
||||||
|
delFlag: "0",
|
||||||
|
deptId: 201,
|
||||||
|
deptName: "管理部",
|
||||||
|
beginTime: null,
|
||||||
|
endTime: null,
|
||||||
|
userId: null,
|
||||||
|
fileCate: null,
|
||||||
|
secondId: null,
|
||||||
|
thirdId: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createBy: "aduser2",
|
||||||
|
createTime: "2023-03-27 10:00:14",
|
||||||
|
updateBy: "aduser2",
|
||||||
|
updateTime: "2023-03-27 10:14:31",
|
||||||
|
remark: null,
|
||||||
|
firstId: 1,
|
||||||
|
firstNo: "G11",
|
||||||
|
leftCapacity: 0,
|
||||||
|
totalCapacity: 5,
|
||||||
|
manageBy: "aduser2",
|
||||||
|
delFlag: "0",
|
||||||
|
deptId: 207,
|
||||||
|
deptName: "管理一部",
|
||||||
|
beginTime: null,
|
||||||
|
endTime: null,
|
||||||
|
userId: null,
|
||||||
|
fileCate: null,
|
||||||
|
secondId: null,
|
||||||
|
thirdId: null,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user