<template>
|
<el-container style="border: 1px solid #eee">
|
<el-aside ref="left-aside" class="left-aside" width="200px" style="background-color: rgb(238, 241, 246)">
|
<el-menu :default-openeds="defaultOpeneds" :default-active="defaultActive" unique-opened @select="menuSelect">
|
<el-submenu index="0">
|
<template slot="title">
|
<i class="el-icon-menu"></i>基础参数设置
|
</template>
|
<el-menu-item index="0-0" component="SettingsBase">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">全局设置</span>
|
</el-menu-item>
|
<!-- <el-menu-item index="0-1" component="SettingsConsignor">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">货主类型</span>
|
</el-menu-item> -->
|
<!-- <el-menu-item index="0-2" component="SettingsExpress">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">快递类型</span>
|
</el-menu-item> -->
|
<!-- <el-menu-item index="0-3" component="SettingsOutInBasic">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">物料参数设置</span>
|
</el-menu-item>
|
<el-menu-item index="0-4" component="SettingsPDA">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">PDA参数设置</span>
|
</el-menu-item>
|
<el-menu-item index="0-5" component="SettingsSignature">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">签名测试</span>
|
</el-menu-item> -->
|
<!-- <el-menu-item index="0-6" component="SettingsBarcode">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">条码打印设置</span>
|
</el-menu-item>
|
<el-menu-item index="0-7" component="SettingsWeight">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">称重策略</span>
|
</el-menu-item> -->
|
<!-- <el-menu-item index="0-8" component="SettingsStorageArea">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">库区名称</span>
|
</el-menu-item> -->
|
<!-- <el-menu-item index="0-9" component="SettingsERP">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">ERP接口参数</span>
|
</el-menu-item> -->
|
</el-submenu>
|
<!-- <el-submenu index="1">
|
<template slot="title">
|
<i class="el-icon-menu"></i>出入库参数设置
|
</template>
|
<el-menu-item index="1-2" component="settings-in">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">入库作业设置</span>
|
</el-menu-item>
|
<el-menu-item index="1-3" component="settings-out">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">出库作业设置</span>
|
</el-menu-item>
|
<el-menu-item index="1-4" component="settings-pick-bill">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">拣配单设置</span>
|
</el-menu-item>
|
<el-menu-item index="1-5" component="settings-storage">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">库存作业设置</span>
|
</el-menu-item>
|
<el-menu-item index="1-6" component="Settings-api">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">ERP API接口设置</span>
|
</el-menu-item>
|
</el-submenu>
|
<el-submenu index="2">
|
<template slot="title">
|
<i class="el-icon-menu"></i>库存参数设置
|
</template>
|
<el-menu-item index="1-1" component="SettingsStorageAdjust">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">库存调整设置</span>
|
</el-menu-item>
|
</el-submenu>
|
<el-submenu index="3">
|
<template slot="title">
|
<i class="el-icon-menu"></i>分拣机设置
|
</template>
|
<el-menu-item index="2-2" component="SettingsSorter">
|
<i class="el-icon-yrt-wenjian"></i>
|
<span slot="title">称重策略</span>
|
</el-menu-item>
|
</el-submenu> -->
|
</el-menu>
|
</el-aside>
|
|
<el-main ref="el-main" style="padding:0">
|
<el-card class="box-card">
|
<div slot="header" class="clearfix">
|
<span>{{ title }}</span>
|
</div>
|
<!--动态组件-->
|
<component :is="currentComponent"></component>
|
<div v-if="currentComponent==null" class="color-666">
|
请选择左侧导航栏设置参数
|
</div>
|
</el-card>
|
</el-main>
|
|
</el-container>
|
</template>
|
|
<script>
|
import Draggable from "vuedraggable";
|
import SettingsConsignor from "./components/settings-consignor";
|
import SettingsOutInBasic from "./components/settings-outin-basic";
|
import SettingsIn from "./components/settings-in";
|
import SettingsOut from "./components/settings-out";
|
import SettingsStorage from "./components/settings-storage";
|
import SettingsApi from "./components/settings-api";
|
import SettingsStorageAdjust from "./components/settings-storage-adjust";
|
import SettingsSorter from "./components/settings-sorter";
|
import SettingsExpress from "./components/settings-express";
|
import SettingsPDA from "./components/settings-pda";
|
import SettingsPickBill from "./components/settings-pick-bill";
|
import SettingsSignature from "./components/settings-signature";
|
import SettingsBarcode from "./components/settings-barcode";
|
import SettingsStorageArea from "./components/settings-storagearea";
|
import SettingsERP from "./components/settings-erp";
|
import SettingsBase from "./components/settings-base";
|
import SettingsWeight from "./components/settings-weight";
|
|
export default {
|
name: "sys-basic-settings",
|
components: {
|
Draggable,
|
SettingsConsignor,
|
SettingsOutInBasic,
|
SettingsIn,
|
SettingsOut,
|
SettingsStorage,
|
SettingsApi,
|
SettingsStorageAdjust,
|
SettingsSorter,
|
SettingsExpress,
|
SettingsPDA,
|
SettingsPickBill,
|
SettingsSignature,
|
SettingsBarcode,
|
SettingsStorageArea,
|
SettingsERP,
|
SettingsBase,
|
SettingsWeight
|
},
|
data() {
|
return {
|
title: "系统参数设置 - 货主类型",
|
// 加载状态
|
loading: false,
|
// 当前组件
|
currentComponent: "SettingsBase",
|
defaultActive: "0-0",
|
defaultOpeneds: ["0"]
|
};
|
},
|
computed: {},
|
created() {},
|
methods: {
|
// 左侧菜单点击事件
|
menuSelect(index, indexPath, item) {
|
this.title = item.$parent.$el.firstChild.innerText + " - " + item.$el.innerText;
|
this.currentComponent = item.$attrs.component;
|
this.defaultActive = index;
|
this.defaultOpeneds = [indexPath[0]];
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.left-aside {
|
/deep/ .el-menu {
|
.el-submenu {
|
.el-menu-item,
|
.el-submenu__title {
|
height: 35px;
|
line-height: 35px;
|
}
|
.el-menu-item.is-active {
|
background-color: #ecf5ff;
|
}
|
|
&.is-active,
|
&.is-opened {
|
background-color: #66b1ff;
|
.el-submenu__title {
|
color: white;
|
.el-icon-menu,
|
.el-submenu__icon-arrow {
|
color: white;
|
}
|
&:hover {
|
background-color: #66b1ff;
|
}
|
}
|
}
|
}
|
}
|
}
|
.box-card {
|
/deep/ .el-card__body {
|
padding: 0 20px 20px;
|
}
|
}
|
</style>
|
