diff --git a/mallplusui-web-admin/config/dev.env.js b/mallplusui-web-admin/config/dev.env.js
index b64784f..f2246c7 100644
--- a/mallplusui-web-admin/config/dev.env.js
+++ b/mallplusui-web-admin/config/dev.env.js
@@ -4,5 +4,5 @@ const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  BASE_API: '"http://127.0.0.1:8085"'
+  BASE_API: '"http://mall.yyundong.com/adminapi"'
 })
diff --git a/mallplusui-web-admin/src/components/Breadcrumb/index.vue b/mallplusui-web-admin/src/components/Breadcrumb/index.vue
index 80c1376..60f3c14 100644
--- a/mallplusui-web-admin/src/components/Breadcrumb/index.vue
+++ b/mallplusui-web-admin/src/components/Breadcrumb/index.vue
@@ -40,7 +40,7 @@ export default {
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-breadcrumb.el-breadcrumb {
     display: inline-block;
-    font-size: 14px;
+    font-size: 20px;
     line-height: 50px;
     margin-left: 10px;
     .no-redirect {
diff --git a/mallplusui-web-admin/src/components/ButtonBar/index.vue b/mallplusui-web-admin/src/components/ButtonBar/index.vue
new file mode 100644
index 0000000..2024ee7
--- /dev/null
+++ b/mallplusui-web-admin/src/components/ButtonBar/index.vue
@@ -0,0 +1,122 @@
+<template>
+  <!--标题按钮部分开始-->
+  <div class="tab-header webtop">
+    <!--标题-->
+    <div>{{ viewTitle }}</div>
+    <!--start 按钮部分开始 :icon="item.icon"-->
+    <div>
+      <el-button v-for="item in btnList" :key="item.btnKey" :type="item.type" :size="item.size" :disabled="btndisabled" @click="btnHandle(item.btnKey)">
+        <svg-icon v-if="item.icon" :iconClass="item.icon"/>{{ item.btnLabel }}
+      </el-button>
+    </div>
+    <!--end 按钮部分结束-->
+  </div>
+  <!--标题按钮部分结束-->
+</template>
+
+<script>
+export default {
+  name: 'ButtonBar',
+  props: {
+    viewTitle: String,
+    btndisabled: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      currentPath: this.$route.path,
+      userSid: this.$store.getters.userInfo ? this.$store.getters.userInfo.userSid : '',
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'edit',
+          btnKey: 'toEdit',
+          btnLabel: '编辑'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'submit',
+          btnKey: 'doSubmit',
+          btnLabel: '提交'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'success',
+          size: 'small',
+          icon: 'Import',
+          btnKey: 'doImport',
+          btnLabel: '导入'
+        },
+        {
+          type: 'success',
+          size: 'small',
+          icon: 'export',
+          btnKey: 'build',
+          btnLabel: '导出'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ]
+    }
+  },
+  created: function() {
+    this.initPermission()
+  },
+  methods: {
+    initPermission() {
+      console.log('*******************当前路径    ' + this.currentPath)
+      console.log('*******************当前用户    ' + this.userSid)
+      const params = {
+        currentPath: this.currentPath,
+        userSid: this.userSid
+      }
+      // req
+      //   .buttonPermission(params)
+      //   .then(resp => {
+      //     if (resp.success) {
+      //       this.btnList = resp.data
+      //     }
+      //   })
+      //   .catch(e => {
+      //     console.log('请求权限按钮组出错：' + e)
+      //   })
+    },
+    btnHandle(btnKey) {
+      this.$emit('btnhandle', btnKey)
+    },
+    setButtonList(value) {
+      this.btnList = value
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.16em;
+  fill: currentColor;
+  overflow: hidden;
+  margin-right: 3px;
+}
+</style>
diff --git a/mallplusui-web-admin/src/components/tab-search/index.vue b/mallplusui-web-admin/src/components/tab-search/index.vue
new file mode 100644
index 0000000..88fc9d3
--- /dev/null
+++ b/mallplusui-web-admin/src/components/tab-search/index.vue
@@ -0,0 +1,87 @@
+<template>
+	<div class="tab-header">
+		<div class="tab-btn clearfix">
+			<div class="search-from">
+				<slot name="from" />
+			</div>
+			<div class="search-bth">
+				<slot name="btn" />
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		props: {
+			search: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				form: {},
+				showsearch: false
+			}
+		},
+		mounted() {},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "~@/style/variables.scss";
+
+	.tab-header {
+		background-color: $search-bg;
+		padding: 5px 20px;
+
+		.tab-search {
+			padding: 9px 0;
+		}
+
+		.tab-btn {
+			.search-from {
+				float: left;
+				padding-bottom: 10px;
+			}
+
+			.search-bth {
+				float: right;
+
+			}
+		}
+
+		.el-form-item {
+			margin-bottom: 0px;
+
+			.el-input__icon,
+			.el-form-item__content {
+				line-height: 32px;
+			}
+
+			.el-input__inner,
+			.el-form-item__label {
+				height: 36px;
+				line-height: 36px;
+				color: $text-color;
+			}
+
+			.el-select .el-input.is-focus .el-input__inner {
+				border-color: $border-color;
+			}
+		}
+
+		.el-button{
+			padding: 8px 20px;
+		background-color: $color-primary;
+		color: $text-color-inverse;
+		}
+		.el-select {
+			width: 150px;
+		}
+	}
+</style>
diff --git a/mallplusui-web-admin/src/icons/svg/cross.svg b/mallplusui-web-admin/src/icons/svg/cross.svg
new file mode 100644
index 0000000..277d865
--- /dev/null
+++ b/mallplusui-web-admin/src/icons/svg/cross.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1654485972937" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33086" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M561.17013333 509.06026667L858.02666667 213.73973333c14.03733333-13.968 14.1088-36.60053333 0.1408-50.63786666-13.99893333-14.06826667-36.592-14.10773333-50.62933334-0.1408L510.6048 458.31466667 216.256 163.06986667c-13.9328-13.96693333-36.59733333-14.03733333-50.63466667-0.07146667-14.00426667 13.96586667-14.03733333 36.63146667-0.0704 50.6688l294.27733334 295.1744-296.71466667 295.14026667c-14.0384 13.968-14.1088 36.59733333-0.14293333 50.63786666a35.7216 35.7216 0 0 0 25.3856 10.56c9.13066667 0 18.26666667-3.4688 25.25013333-10.4192l296.78613333-295.2128L807.4304 857.48266667c6.9824 7.02186667 16.15253333 10.53013333 25.35253333 10.53013333a35.72906667 35.72906667 0 0 0 25.28213334-10.45973333c13.99893333-13.96586667 14.03733333-36.592 0.07146666-50.62933334L561.17013333 509.06026667z m0 0" p-id="33087" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/mallplusui-web-admin/src/main.js b/mallplusui-web-admin/src/main.js
index f3afafc..b9be3c1 100644
--- a/mallplusui-web-admin/src/main.js
+++ b/mallplusui-web-admin/src/main.js
@@ -12,7 +12,8 @@ import '@/styles/index.scss' // global css
 import App from './App'
 import router from './router'
 import store from './store'
-
+// 全局自定义组件
+import tabsearch from '@/components/tab-search/index.vue'
 import '@/icons' // icon
 import '@/permission' // permission control
 import '@/components/templatePage/static/common/common.less'
diff --git a/mallplusui-web-admin/src/style/e-row.scss b/mallplusui-web-admin/src/style/e-row.scss
new file mode 100644
index 0000000..899a4da
--- /dev/null
+++ b/mallplusui-web-admin/src/style/e-row.scss
@@ -0,0 +1,291 @@
+//finginvoiceapply添加部分
+.invoiceform {
+  .topline {
+    margin-bottom: 16px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+
+    .el-form-item {
+      margin-bottom: 0 !important;
+
+      .el-form-item__content {
+        margin-left: 0 !important;
+
+        .el-input {
+          width: 120% !important;
+        }
+      }
+    }
+
+    .el-input__inner {
+      border-style: none;
+      text-align: center;
+    }
+  }
+
+  //第一行
+  .lineone {
+    border-bottom: 2px solid #e0e3eb;
+  }
+
+  .invoiceadd {
+    margin: 22px 28px;
+    border-top: 2px solid #e0e3eb;
+
+    .el-form-item__label {
+      width: auto !important;
+    }
+
+    .el-row {
+      height: 40px;
+      border-left: 2px solid #e0e3eb;
+
+      .addlabel {
+        height: 100%;
+        border-right: 2px solid #e0e3eb;
+        border-bottom: 2px solid #e0e3eb;
+
+        .el-form-item {
+          height: 100%;
+          margin-bottom: 0;
+          display: flex;
+          flex-direction: row-reverse;
+        }
+      }
+
+      .addinput {
+        height: 100%;
+        padding: 0 40px 0 10px;
+        border-right: 2px solid #e0e3eb !important;
+        border-bottom: 2px solid #e0e3eb !important;
+
+        .el-form-item {
+          height: 100%;
+          margin-bottom: 0;
+
+          .el-form-item__content {
+            width: 100%;
+            height: 100%;
+            line-height: 38px;
+            margin: 0 !important;
+
+            .el-input {
+              width: 100%;
+              height: 100%;
+
+              .el-input__inner {
+                height: 33px;
+              }
+            }
+
+            .el-select {
+              width: 100% !important;
+            }
+          }
+        }
+      }
+
+      .addlabelTwo {
+        height: 100%;
+        border-right: 2px solid #e0e3eb;
+
+        .el-form-item {
+          height: 100%;
+          margin-bottom: 0;
+          display: flex;
+          flex-direction: row-reverse;
+        }
+      }
+
+      .addlabelThree {
+        height: 100%;
+        border-right: 2px solid #e0e3eb;
+        border-bottom: 2px solid #e0e3eb;
+        text-align: center;
+        line-height: 40px;
+
+        .el-form-item {
+          height: 100%;
+          margin-bottom: 0;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          line-height: 40px;
+          text-align: center;
+        }
+
+        .el-form-item__label {
+          padding: 0 !important;
+        }
+      }
+
+      .addlabelFour {
+        height: 100%;
+        border-right: 2px solid #e0e3eb;
+        border-bottom: 2px solid #e0e3eb;
+        line-height: 40px;
+        padding: 0 10px;
+
+        .el-form-item {
+          height: 100%;
+          margin-bottom: 0;
+
+          .el-form-item__content {
+            margin-left: 5px !important;
+          }
+        }
+      }
+
+      .addinputRadio {
+        height: 100%;
+        border-right: 2px solid #e0e3eb;
+        border-bottom: 2px solid #e0e3eb;
+        line-height: 40px;
+        padding: 0 10px;
+      }
+
+      .lastchild {
+        border-bottom: 2px solid #e0e3eb;
+      }
+
+    }
+
+  }
+}
+
+.tabletitle {
+  height: 40px;
+  width: 100%;
+  padding: 0 10px;
+  background: #018ad2;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: white;
+
+  .el-button--primary {
+    background: #0476aa;
+  }
+
+}
+
+//finreceipt添加部分
+.receiptadd {
+
+  .topline {
+    margin-bottom: 16px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+
+    .el-form-item {
+      margin-bottom: 0 !important;
+
+      .el-form-item__content {
+        margin-left: 0 !important;
+
+        .el-input {
+          width: 120% !important;
+        }
+      }
+    }
+
+    .el-input__inner {
+      border-style: none;
+      text-align: center;
+    }
+  }
+
+  //第一行
+  .lineone {
+    border-bottom: 2px solid #e0e3eb;
+  }
+
+  //中间的部分
+  .linetwo, .linethree {
+    .el-col-24 {
+      border-bottom: 2px solid #e0e3eb;
+    }
+
+    .grid-content {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: flex-start;
+    }
+  }
+
+  .linetwo {
+    .el-col {
+      padding: 0 32px;
+    }
+  }
+}
+
+.tabletitle .addbtn {
+  width: 84px;
+  background: #0476aa;
+  border: 0;
+  outline: none;
+  padding: 9px 12px;
+  color: #ffffff;
+  font-size: 14px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.tabletitle .addbtn:hover {
+  border-color: #0476aa;
+  background-color: #34a1db;
+}
+
+.tableTotal {
+  padding: 20px 0;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.tableinput .el-input__inner {
+  border-style: none;
+  text-align: center;
+}
+
+.inforow {
+  height: 120px !important;
+
+  .el-form-item {
+    height: 100%;
+    margin-bottom: 0;
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+  }
+
+  .infocol {
+    height: 100%;
+    border-right: 2px solid #e0e3eb;
+    border-bottom: 2px solid #e0e3eb;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+
+    .collineone, .collinetwo {
+      margin-left: 10px;
+    }
+
+    .collineone, .collinetwo {
+      display: flex;
+      flex-direction: row;
+    }
+  }
+}
+
+.blockone, .blocktwo, .blockfour, .blockfive {
+  min-width: 142px;
+}
+
+.blockthree, .blocksix {
+  min-width: 266px;
+}
diff --git a/mallplusui-web-admin/src/style/e-table.scss b/mallplusui-web-admin/src/style/e-table.scss
new file mode 100644
index 0000000..dcd6375
--- /dev/null
+++ b/mallplusui-web-admin/src/style/e-table.scss
@@ -0,0 +1,40 @@
+.e-table {
+  width: 100%;
+  padding: 0 30px;
+
+  tr:first-child th {
+    background-color: #c1f4cd;
+  }
+
+  tr {
+    td {
+      border: 1px solid #e6e9f0;
+      border-right: 0;
+      border-bottom: 0;
+      padding: 10px 20px;
+    }
+
+    td:last-child {
+      border-right: 1px solid #e6e9f0;
+    }
+  }
+
+  tr:last-child {
+    td {
+      border-bottom: 1px solid #e6e9f0;
+    }
+  }
+
+  td:nth-child(2n-1) {
+    text-align: right;
+  }
+
+  td:nth-child(2n) {
+    text-align: left;
+  }
+}
+
+.tableinput .el-input__inner {
+  border-style: none;
+  text-align: center;
+}
diff --git a/mallplusui-web-admin/src/style/el-form.scss b/mallplusui-web-admin/src/style/el-form.scss
new file mode 100644
index 0000000..73288e1
--- /dev/null
+++ b/mallplusui-web-admin/src/style/el-form.scss
@@ -0,0 +1,67 @@
+.listconadd .title {
+  text-align: center;
+  font-size: 28px;
+  //line-height: 90px;
+}
+
+.listaddtop {
+  padding: 0 212px;
+  border-bottom: 2px solid #e0e3eb;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  line-height: 34px;
+
+  span {
+    padding: 0 15px;
+  }
+}
+
+.listconadd .demo-ruleForm {
+  padding: 22px 28px;
+}
+
+.el-collapse-item__header {
+  .el-icon-arrow-right:before {
+    content: "";
+    font-size: 20px;
+  }
+}
+
+.demo-ruleForm table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 2px solid #e0e3eb;
+  border-spacing: 0;
+  //text-align: right;
+  td {
+    border-right: 2px solid #e0e3eb;
+    border-bottom: 2px solid #e0e3eb;
+    border-top: 2px solid #e0e3eb;
+  }
+
+  tr {
+    height: 40px;
+  }
+
+  .el-form-item {
+    display: inline-block;
+  }
+
+  .el-input {
+    display: inline-block;
+  }
+}
+
+.tleftb {
+  text-align: right;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+
+.icon {
+  color: #e84026;
+  margin-right: 4px;
+}
diff --git a/mallplusui-web-admin/src/style/el-search.scss b/mallplusui-web-admin/src/style/el-search.scss
new file mode 100644
index 0000000..e6a18fb
--- /dev/null
+++ b/mallplusui-web-admin/src/style/el-search.scss
@@ -0,0 +1,20 @@
+//finginvoiceapply页面个别按钮
+.applyseaech {
+  padding: 0 34px !important;
+  margin-right: 0 !important;
+}
+
+//finreceipt页面个别按钮
+.recpicker {
+  width: 154px !important;
+}
+
+.recselect {
+  padding: 0 34px !important;
+}
+
+//
+.iteminput {
+  padding: 0 49px !important;
+}
+
diff --git a/mallplusui-web-admin/src/style/element-table.scss b/mallplusui-web-admin/src/style/element-table.scss
new file mode 100644
index 0000000..e79ae75
--- /dev/null
+++ b/mallplusui-web-admin/src/style/element-table.scss
@@ -0,0 +1,38 @@
+.el-table {
+  .el-table__header {
+    tr th {
+      background: #edf1f7;
+      color: #333333;
+      padding: 8px 0;
+      font-size: 16px;
+    }
+  }
+}
+
+.el-table {
+  .el-table__row {
+    .cell {
+      line-height:15px;
+    }
+  }
+}
+
+.el-table {
+  .el-table__body {
+    tr td {
+      padding: 6px 0 !important;
+    }
+  }
+}
+
+.table-describe {
+  border: 1px solid #dfe4ed;
+  border-bottom: 0 solid #dfe4ed;
+
+  h4 {
+    float: left;
+    margin: 0;
+    line-height: 34px;
+    padding: 0 15px;
+  }
+}
diff --git a/mallplusui-web-admin/src/style/element-tabs.scss b/mallplusui-web-admin/src/style/element-tabs.scss
new file mode 100644
index 0000000..26321fb
--- /dev/null
+++ b/mallplusui-web-admin/src/style/element-tabs.scss
@@ -0,0 +1,25 @@
+.el-tabs--card{
+  .el-tabs__header{
+    .el-tabs__nav-scroll{
+      padding-left: 3px;
+      padding-bottom: 10px;
+      border-bottom: 1px solid #018ad2;
+      .el-tabs__nav {
+          border: none;
+      }
+      .el-tabs__item {
+        border: 1px solid #dfe4ed;
+        margin-right: 12px;
+        margin-left: 2px;
+      }
+      .el-tabs__item:first-child {
+          border-left: 1px solid #dfe4ed;
+      }
+      .el-tabs__item.is-active{
+        border-bottom-color: #018ad2;
+        background-color: #018ad2;
+        color: #fff;
+      }
+    }
+  }
+}
diff --git a/mallplusui-web-admin/src/style/element-ui.scss b/mallplusui-web-admin/src/style/element-ui.scss
new file mode 100644
index 0000000..50c4dc3
--- /dev/null
+++ b/mallplusui-web-admin/src/style/element-ui.scss
@@ -0,0 +1,62 @@
+.el-image .el-image__inner--center{
+  top: 0;
+  left: 0;
+  transform: none;
+}
+
+.tablerow-click{
+  color: #007FFF;
+  cursor: pointer;
+}
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block
+  }
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+
+
diff --git a/mallplusui-web-admin/src/style/index.scss b/mallplusui-web-admin/src/style/index.scss
new file mode 100644
index 0000000..ce38090
--- /dev/null
+++ b/mallplusui-web-admin/src/style/index.scss
@@ -0,0 +1,435 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+@import './table.scss';
+@import './el-form.scss';
+@import './el-search.scss';
+@import './e-row.scss';
+@import './e-table.scss';
+@import './element-table.scss';
+@import './element-tabs.scss';
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+.bg-primary{
+  background-color: $color-primary !important;
+}
+// main-container global css
+.container{
+  min-height: 100%;
+  height: 100%;
+  background-color: #FFFFFF;
+  box-sizing: border-box;
+  padding: 10px 0;
+}
+
+.fl{
+  float: left;
+}
+.fr{
+  float: right;
+}
+.text-center{
+  text-align: center;
+}
+.color-red{
+  color: red !important;
+}
+
+.pd-b10{
+  padding-bottom: 10px;
+}
+
+.pd-y40 {
+  padding: 40px 0;
+}
+
+.pd-y20 {
+  padding: 20px 0;
+}
+
+.fs20 {
+  font-size: 20px;
+}
+
+// 页面上的button按钮
+.app-container {
+  .el-button--medium {
+    padding: 10px 14px;
+    font-size: 16px;
+  }
+
+  .el-button--small {
+    padding: 8px 12px;
+    font-size: 14px;
+  }
+
+  .el-button--mini {
+    padding: 7px 10px;
+    font-size: 12px;
+  }
+}
+// 添加样式
+.app-container {
+  margin: 5px 0 5px 0;
+  background-color: #fff;
+}
+// 设置了滚动区域
+.main-content{ overflow-x: hidden;overflow-y: auto;height: calc(100vh - 200px);padding: 0 20px;}
+.listcon{height: calc(100vh - 425px);overflow-y: auto;overflow-x: hidden;}
+.listconadd{height: calc(100vh - 200px);overflow-y: auto;overflow-x: hidden;}
+.listconadd{
+  .titwu {
+    font-size: 28px;
+    text-align: center;
+    padding: 30px 0 20px 0;
+  }
+}
+.listconsub {
+  height: calc(100vh - 310px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.listconsubjxs {
+  height: calc(100vh - 300px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+// 搜索的
+.webtop {
+  // position: fixed;top: 110px;width: calc(100% - 240px);z-index: 6000;
+  background-color: #fff;
+  display: flex !important;
+  flex-direction: row;
+  justify-content: space-between !important;
+  align-items: center;
+  margin-bottom: 0px !important;
+  font-size: 20px;
+}
+
+// 设置了页面头部的内边距和背景色
+.tab-header {
+  font-size: 20px;
+  font-weight: bold;
+}
+// 设置了搜索条件里的样式
+.search {
+  .tab-header {
+    .el-form-item {
+      margin-right: 16px;
+      .el-form-item__label {
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
+  }
+}
+.filter-item {
+  padding: 0 10px;
+  width: 220px;
+  display: inline-block;
+}
+
+// 设置列表页面内容布局
+.listtop {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0 0 15px;
+  margin-top: 0;
+  border: 1px solid #dfe4ed;
+  height: 42px;
+  line-height: 42px;
+}
+
+.listtop .tit {
+  font-weight: bold;
+  font-size: 16px
+}
+
+.listtop .pagination {
+  margin: 0;
+  padding: 0;
+}
+
+.pages {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: flex-end;
+  padding: 0 0 15px 15px;
+}
+.pages .tit{font-weight: bold;}
+.pages .pagination{margin: 0;}
+// .formadd{padding: 20px ;}
+// .listeltable{overflow-y: auto;height: calc(100vh - 420px);}
+
+.formadd {
+  padding: 10px 40px 0 40px;
+  font-size: 16px;
+  // height: calc(100vh - 200px);overflow-y: auto;
+  .title {
+    padding: 12px;
+    font-weight: bold;
+    font-size: 16px;
+    background-color: $header-bg;
+    text-align: left;
+    color: #ffffff;
+  }
+  .first_row{
+    border-top: 1px solid $table-border-color;
+  }
+  .el-row {
+    display: flex;
+    flex-wrap: wrap;
+    border-left: 1px solid $table-border-color;
+    .el-col {
+      border-right: 1px solid $table-border-color;
+      border-bottom: 1px solid $table-border-color;
+      padding: 0 15px;
+      min-height: 42px;
+      line-height: 1;
+
+      .el-form-item {
+        margin-bottom: 0;
+        line-height: 42px;
+        // .addinputw{width: 400px;}
+        .addinputw {
+          width: 80%;
+          line-height: 42px;
+        }
+        .el-input__inner {
+          height: 36px;
+        }
+      }
+    }
+  }
+  .footer{margin: 20px;}
+}
+
+
+.formaddcopy02 {
+  padding: 10px 40px 0 40px;
+  .title {
+    padding: 12px;
+    font-weight: bold;
+    font-size: 16px;
+    background-color: #0294d7;
+    color: #ffffff;
+    text-align: left;
+  }
+
+  .el-row {
+    display: flex;
+    flex-wrap: wrap;
+    border-left: 1px solid $table-border-color;
+
+    .el-col {
+      border-right: 1px solid $table-border-color;
+      border-bottom: 1px solid $table-border-color;
+      min-height: 42px;
+      padding: 0 15px;
+      line-height: 42px;
+      position: relative;
+      .span-sty {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        line-height: 42px;
+        text-align: right;
+        font-size: 14px;
+        color: #606266;
+        font-weight: 600;
+        width: 70px;
+        padding-right: 5px;
+        border-right: 1px solid #e0e3eb;
+      }
+
+      .el-form-item {
+        margin-bottom: 0;
+        line-height: 42px;
+        .addinputw {
+          //padding: 5px 0;
+          width: 65%;
+          margin-left: 80px;
+          line-height: 42px;
+        }
+
+        .addinputInfo {
+          margin-left: 80px;
+          line-height: 42px;
+        }
+
+        .el-input__inner {
+          height: 36px;
+        }
+      }
+    }
+
+  }
+
+  .footer {
+    margin: 20px;
+  }
+}
+
+.forminfo {
+  padding: 10px 40px 0 40px;
+  font-size: 16px;
+  .title {
+    padding: 12px;
+    font-weight: bold;
+    font-size: 16px;
+    background-color: $header-bg;
+    text-align: left;
+    color: #ffffff;
+  }
+  .el-row {
+    display:flex;
+    flex-wrap: wrap;
+    border-left: 1px solid $table-border-color;
+    .trightb{ text-align: right;font-weight: bold;color: #606266;  }
+    .tleft{ text-align: left;  }
+    .el-col{
+      border-right: 1px solid $table-border-color;
+      border-bottom: 1px solid $table-border-color;
+      padding: 0 15px 0 15px !important;
+      min-height: 50px;
+      line-height: 50px;
+      font-size: 14px;
+    }
+
+  }
+  .footer{margin: 20px;}
+}
+
+.el-form-item__error {
+  z-index: 100;
+}
+.bluezi{color: $header-bg; cursor: pointer}
+// 经销商添加样式
+.titcon{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  background-color: #0294d7;
+  flex: 3;
+}
+
+.titcon .title {
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: center;
+  color: #ffffff;
+}
+
+.titcon .baocun {
+  text-align: right;
+  flex: 2;
+  padding: 5px 20px;
+}
+
+.addinputwda {
+  width: 600px;
+}
+
+//.searchcon{margin: 0px 0 10px 0;}
+//.searchcon .searchbtn{margin: 10px 0;border: #2cab69 1px solid;color: #2cab69;}
+// 隐藏显示按钮
+.main-content {
+  .searchcon {
+    .searchbtn {
+      margin: 5px 0;
+      border: #2cab69 1px solid;
+      color: #2cab69;
+    }
+  }
+}
+
+
+.search .btn {
+  padding: 5px 0;
+  border: 1px solid #e0e3eb;
+  text-align: center;
+  margin-bottom: 5px;
+}
+
+
+// 弹出窗口按钮
+.btnCancel{
+  background: #e84026 !important;outline: none;border: none;color: #fff !important;
+}
+.btnCancel:hover{
+  background: #ed6651 !important;
+}
+.btnFalses{
+  background: #2cab69 !important;outline: none;border: none;
+}
+.btnFalses:hover{
+  background: #3dc47e !important;
+}
+.btntopblueline{background-color: #066bc9 !important;}
+.btntopblueline:hover{background-color: #34a1db !important;}
+.btntophui{background-color: #cccccc !important;}
+.btntophui:hover{background-color: #d6d6d6 !important;}
+.bordertopline{ border-top: 1px solid $table-border-color;}
+.lookimg img{width: 250px;margin: 10px;}
+.listimg{width: 80px;}
diff --git a/mallplusui-web-admin/src/style/mixin.scss b/mallplusui-web-admin/src/style/mixin.scss
new file mode 100644
index 0000000..36b74bb
--- /dev/null
+++ b/mallplusui-web-admin/src/style/mixin.scss
@@ -0,0 +1,28 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
diff --git a/mallplusui-web-admin/src/style/sidebar.scss b/mallplusui-web-admin/src/style/sidebar.scss
new file mode 100644
index 0000000..4d304e2
--- /dev/null
+++ b/mallplusui-web-admin/src/style/sidebar.scss
@@ -0,0 +1,262 @@
+#app {
+  background-color: #f7f9fc;
+
+  .main-container {
+    height: 100vh;
+    transition: margin-left .28s;
+    padding-left: $sideBarWidth;
+    padding-top: 60px;
+    position: relative;
+    overflow: hidden;
+  }
+  //.TagsView{
+  //  height: 50px;
+  //}
+  .home-box{
+  	position: fixed;
+  	top: 60px;
+  	left: 0;
+  	background-color: $menuBg;
+    border: 1px solid $menuHover;
+  	line-height: 40px;
+  	width: 210px;
+    z-index: 1000;
+  	a{
+  		display: inline-block;
+  		line-height: 40px;
+  		box-sizing: border-box;
+      width: 50%;
+      text-align: center;
+  		font-size: 16px;
+  		font-weight: 500;
+      color: #FFFFFF;
+  	}
+  	a:last-child{
+  		border:0;
+      background-color: $menuHover;
+  	}
+  }
+  .sidebar-container {
+    transition: width 0.28s;
+    width: $sideBarWidth !important;
+    background-color: $menuBg;
+    height: calc(100% - 60px) ;
+    position: absolute;
+    font-size: 0px;
+    top: 60px;
+    bottom: 0;
+    left: 0;
+    z-index: 8;
+    overflow: hidden;
+    padding-top: 40px;
+
+    // reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+
+    .scrollbar-wrapper {
+      height: calc(100% - 40px) ; //此高度是100%减去页面底部的栏高
+      overflow-x: hidden !important;
+    }
+
+    .el-scrollbar__bar.is-vertical {
+      right: 0px;
+    }
+
+    .el-scrollbar {
+      height: 100%;
+    }
+
+    &.has-logo {
+      .el-scrollbar {
+        height: calc(100% - 50px);
+      }
+    }
+
+    .is-horizontal {
+      display: none;
+    }
+
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .svg-icon {
+      margin-right: 16px;
+    }
+
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+
+    // menu hover
+    .submenu-title-noDropdown,
+    .el-submenu__title {
+      &:hover {
+        background-color: $menuHover !important;
+      }
+    }
+	.el-submenu__title i{
+		color: #FFFFFF;
+	}
+    .is-active>.el-submenu__title {
+      color: $subMenuActiveText !important;
+    }
+
+    & .nest-menu .el-submenu>.el-submenu__title,
+    & .el-submenu .el-menu-item {
+      min-width: $sideBarWidth !important;
+      background-color: $subMenuBg !important;
+
+      &:hover {
+        background-color: $subMenuHover !important;
+      }
+    }
+	& .el-menu-item.is-active {
+	   background-color: $subMenuHover !important;
+	}
+  }
+
+  // .hideSidebar {
+  //   .sidebar-container {
+  //     width: 54px !important;
+  //   }
+
+  //   .main-container {
+  //     margin-left: 54px;
+  //   }
+
+  //   .submenu-title-noDropdown {
+  //     padding: 0 !important;
+  //     position: relative;
+
+  //     .el-tooltip {
+  //       padding: 0 !important;
+
+  //       .svg-icon {
+  //         margin-left: 20px;
+  //       }
+
+  //       .sub-el-icon {
+  //         margin-left: 19px;
+  //       }
+  //     }
+  //   }
+
+  //   .el-submenu {
+  //     overflow: hidden;
+
+  //     &>.el-submenu__title {
+  //       padding: 0 !important;
+
+  //       .svg-icon {
+  //         margin-left: 20px;
+  //       }
+
+  //       .sub-el-icon {
+  //         margin-left: 19px;
+  //       }
+
+  //       .el-submenu__icon-arrow {
+  //         display: none;
+  //       }
+  //     }
+  //   }
+
+  //   .el-menu--collapse {
+  //     .el-submenu {
+  //       &>.el-submenu__title {
+  //         &>span {
+  //           height: 0;
+  //           width: 0;
+  //           overflow: hidden;
+  //           visibility: hidden;
+  //           display: inline-block;
+  //         }
+  //       }
+  //     }
+  //   }
+  // }
+
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: $sideBarWidth !important;
+  }
+
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+
+    .sidebar-container {
+      transition: transform .28s;
+      width: $sideBarWidth !important;
+    }
+
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$sideBarWidth, 0, 0);
+      }
+    }
+  }
+
+  .withoutAnimation {
+
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+  &>.el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+  }
+
+  .nest-menu .el-submenu>.el-submenu__title,
+  .el-menu-item {
+    &:hover {
+      // you can use $subMenuHover
+      background-color: $menuHover !important;
+    }
+  }
+
+  // the scroll bar appears when the subMenu is too long
+  >.el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
+}
diff --git a/mallplusui-web-admin/src/style/table.scss b/mallplusui-web-admin/src/style/table.scss
new file mode 100644
index 0000000..08e9142
--- /dev/null
+++ b/mallplusui-web-admin/src/style/table.scss
@@ -0,0 +1,48 @@
+.container{
+  /* 头 */
+  .el-table thead{
+    color: $text-color;
+  }
+	.el-table .cell{
+		a{
+			display: block;
+			color: $table-a-color;
+		}
+		.el-button--text{
+			color: $table-a-color;
+		}
+	}
+	.el-table td, .el-table th{
+		padding: 8px 0;
+	}
+	.el-table.is-group th{
+		background-color: $table-bg-color;
+	}
+	.el-table--enable-row-hover .el-table__body tr:hover>td {
+		background-color: $table-bg-color !important;
+	}
+	.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+		border-right: 1px solid $table-border-color;
+	}
+	.el-table td, .el-table th.is-leaf{
+		border-bottom: 1px solid $table-border-color;
+	}
+	.table-fixed {
+	  .el-table__fixed-right {
+	  height: 100% !important; //设置高优先，以覆盖内联样式
+	  }
+	}
+}
+
+.children-box {
+	padding: 10px;
+	.table-header {
+		padding: 0 20px 5px 20px;
+		border-bottom: 2px solid $border-color;
+		.el-page-header {
+			line-height: 40px;
+			font-weight: 500;
+
+		}
+	}
+}
diff --git a/mallplusui-web-admin/src/style/transition.scss b/mallplusui-web-admin/src/style/transition.scss
new file mode 100644
index 0000000..4cb27cc
--- /dev/null
+++ b/mallplusui-web-admin/src/style/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
diff --git a/mallplusui-web-admin/src/style/variables.scss b/mallplusui-web-admin/src/style/variables.scss
new file mode 100644
index 0000000..9ff78c5
--- /dev/null
+++ b/mallplusui-web-admin/src/style/variables.scss
@@ -0,0 +1,52 @@
+// 行为色
+$color-primary: #018ad2;
+$color-success: #4cd964;
+$color-warning: #f0ad4e;
+$color-error: #dd524d;
+// header
+$header-bg:#0294d7;
+// sidebar
+$menuText: rgba($color: #FFFFFF, $alpha: 0.9);
+$menuActiveText:#ffffff;
+$subMenuActiveText:#ffffff; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#0294d7;
+$menuHover:#087dba;
+
+$subMenuBg:#0294d7;
+$subMenuHover:#087dba;
+
+$sideBarWidth: 210px;
+
+/* 表格的相关样式 */
+$search-bg:#edf1f7; // 表格搜索景色
+$table-bg-color:#edf1f7; // 表格背景
+$table-border-color:#e0e3eb; // 表格边框色
+// 文字
+$table-a-color:#018ad2;
+/* 表格的相关样式 */
+
+/* 边框颜色 */
+$border-color:#018ad2;
+/* 文字基本颜色 */
+$text-color:#333;//基本色
+$text-color-inverse:#fff;//反色
+$text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$text-color-placeholder: #808080;
+$text-color-disable:#c0c0c0;
+$text-red: #d00000;
+
+$a-color:#018ad2;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}
diff --git a/mallplusui-web-admin/src/styles/index.scss b/mallplusui-web-admin/src/styles/index.scss
index 7b1379b..ff959b1 100644
--- a/mallplusui-web-admin/src/styles/index.scss
+++ b/mallplusui-web-admin/src/styles/index.scss
@@ -55,14 +55,80 @@ a:hover {
 }
 
 .app-container {
-  padding: 20px;
+     margin: 0 0 25px 0;
+     background-color: #fff;
 }
 
 //搜索栏样式
 .filter-container {
 
 }
-
+// 搜索的
+.webtop {
+  // position: fixed;top: 110px;width: calc(100% - 240px);z-index: 6000;
+  background-color: #fff;
+  display: flex !important;
+  flex-direction: row;
+  justify-content: space-between !important;
+  align-items: center;
+  margin-bottom: 0px !important;
+  font-size: 20px;
+}
+.tab-header {
+    background-color: #edf1f7;
+    padding: 10px 20px;
+}
+// 设置了页面头部的内边距和背景色
+.tab-header {
+  font-size: 20px;
+  font-weight: bold;
+}
+// 设置了搜索条件里的样式
+.search {
+  .tab-header {
+    .el-form-item {
+      margin-right: 16px;
+      .el-form-item__label {
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
+  }
+}
+.search .btn {
+    padding: 5px 0;
+    border: 1px solid #e0e3eb;
+    text-align: center;
+    margin-bottom: 5px;
+}
+.searchcon{margin: 0px 0 10px 0;}
+.searchcon .searchbtn{margin: 10px 0;border: #2cab69 1px solid;color: #2cab69;}
+// 隐藏显示按钮
+.main-content {
+  .searchcon {
+    .searchbtn {
+      margin: 5px 0;
+      border: #2cab69 1px solid;
+      color: #2cab69;
+    }
+  }}
+  // 页面上的button按钮
+  .app-container {
+    .el-button--medium {
+      padding: 10px 14px;
+      font-size: 16px;
+    }
+  
+    .el-button--small {
+      padding: 8px 12px;
+      font-size: 14px;
+    }
+  
+    .el-button--mini {
+      padding: 7px 10px;
+      font-size: 12px;
+    }
+  }
 //操作栏样式
 .operate-container {
   margin-top: 20px;
diff --git a/mallplusui-web-admin/src/styles/sidebar.scss b/mallplusui-web-admin/src/styles/sidebar.scss
index d69c434..2e7cdad 100644
--- a/mallplusui-web-admin/src/styles/sidebar.scss
+++ b/mallplusui-web-admin/src/styles/sidebar.scss
@@ -4,7 +4,7 @@
   .main-container {
     min-height: 100%;
     transition: margin-left .28s;
-    margin-left: 180px;
+    margin-left: 200px;
   }
 
    // 侧边栏
@@ -13,7 +13,7 @@
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
     }
     transition: width .28s;
-    width: 180px !important;
+    width: 200px !important;
     height: 100%;
     position: fixed;
     font-size: 0px;
@@ -28,6 +28,7 @@
     }
     .svg-icon {
       margin-right: 16px;
+	  margin-left: 5px;
     }
     .el-menu {
       border: none;
@@ -68,14 +69,14 @@
 
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
-    min-width: 180px !important;
+    min-width: 200px !important;
     background-color: $subMenuBg !important;
     &:hover {
       background-color: $menuHover !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {
-    min-width: 180px !important;
+    min-width: 200px !important;
   }
 
   //适配移动端
@@ -86,12 +87,12 @@
     .sidebar-container {
       top: 50px;
       transition: transform .28s;
-      width: 180px !important;
+      width: 200px !important;
     }
     &.hideSidebar {
       .sidebar-container {
         transition-duration: 0.3s;
-        transform: translate3d(-180px, 0, 0);
+        transform: translate3d(-200px, 0, 0);
       }
     }
   }
diff --git a/mallplusui-web-admin/src/styles/variables.scss b/mallplusui-web-admin/src/styles/variables.scss
index 2fee827..b88db51 100644
--- a/mallplusui-web-admin/src/styles/variables.scss
+++ b/mallplusui-web-admin/src/styles/variables.scss
@@ -1,4 +1,4 @@
 //sidebar
-$menuBg:#304156;
-$subMenuBg:#1f2d3d;
-$menuHover:#001528;
+$menuBg:#0294D7;
+$subMenuBg:#0294D7;
+$menuHover:#0294D7;
diff --git a/mallplusui-web-admin/src/views/layout/components/Sidebar/SidebarItem.vue b/mallplusui-web-admin/src/views/layout/components/Sidebar/SidebarItem.vue
index 6f4372b..f16c558 100644
--- a/mallplusui-web-admin/src/views/layout/components/Sidebar/SidebarItem.vue
+++ b/mallplusui-web-admin/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -6,14 +6,14 @@
                    :key="item.children[0].name">
         <el-menu-item :index="item.meta.url+'/'+item.children[0].meta.url" :class="{'submenu-title-noDropdown':!isNest}">
           <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon>
-          <span v-if="item.children[0].meta&&item.children[0].title" slot="title">{{item.children[0].title}}</span>
+          <span v-if="item.children[0].meta&&item.children[0].title" slot="title" style="font-size: 18px;">{{item.children[0].title}}</span>
         </el-menu-item>
       </router-link>
 
       <el-submenu v-else :index="item.meta.url" :key="item.meta.url">
         <template slot="title">
           <svg-icon v-if="item.meta&&item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
-          <span v-if="item.meta&&item.title" slot="title">{{item.title}}</span>
+          <span v-if="item.meta&&item.title" slot="title" style="font-size: 18px;">{{item.title}}</span>
         </template>
 
         <template v-for="child in item.children" v-if="!child.checked">
@@ -22,7 +22,7 @@
           <router-link v-else :to="item.meta.url+'/'+child.meta.url" :key="child.meta.url">
             <el-menu-item :index="item.meta.url+'/'+child.meta.url">
               <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
-              <span v-if="child.meta&&child.title" slot="title">{{child.title}}</span>
+              <span v-if="child.meta&&child.title" slot="title" style="font-size: 16px;">{{child.title}}</span>
             </el-menu-item>
           </router-link>
         </template>
diff --git a/mallplusui-web-admin/src/views/layout/components/Sidebar/index.vue b/mallplusui-web-admin/src/views/layout/components/Sidebar/index.vue
index b447948..66eb5f8 100644
--- a/mallplusui-web-admin/src/views/layout/components/Sidebar/index.vue
+++ b/mallplusui-web-admin/src/views/layout/components/Sidebar/index.vue
@@ -5,9 +5,9 @@
       :show-timeout="200"
       :default-active="$route.path"
       :collapse="isCollapse"
-      background-color="#304156"
-      text-color="#bfcbd9"
-      active-text-color="#409EFF"
+      background-color="#0294D7"
+      text-color="#fff"
+      active-text-color="#EEEE00"
     >
       <sidebar-item :routes="menus"></sidebar-item>
     </el-menu>
diff --git a/mallplusui-web-admin/src/views/pms/product/index.vue b/mallplusui-web-admin/src/views/pms/product/index.vue
index 82c2f6b..5b324bc 100644
--- a/mallplusui-web-admin/src/views/pms/product/index.vue
+++ b/mallplusui-web-admin/src/views/pms/product/index.vue
@@ -1,891 +1,957 @@
 <template> 
-  <div class="app-container">
+	<div class="app-container">
+		<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
 
-<el-card class="filter-container" shadow="never">
-      <div>
-        <i class="el-icon-search"></i>
-        <span>筛选搜索</span>
-        <el-button
-          style="float: right"
-          @click="handleSearchList()"
-          type="primary"
-          size="small">
-          查询结果
-        </el-button>
-        <el-button
-          style="float: right;margin-right: 15px"
-          @click="handleResetSearch()"
-          size="small">
-          重置
-        </el-button>
+		<!-- <el-card class="filter-container" shadow="never">
+			<div>
+				<i class="el-icon-search"></i>
+				<span>筛选搜索</span>
+				<el-button style="float: right" @click="handleSearchList()" type="primary" size="small">
+					查询结果
+				</el-button>
+				<el-button style="float: right;margin-right: 15px" @click="handleResetSearch()" size="small">
+					重置
+				</el-button>
 
-      </div>
-      <div style="margin-top: 15px">
-        <el-form :inline="true" :model="listQuery" size="small" label-width="140px">
-          <el-form-item label="输入搜索：">
-            <el-input style="width: 203px" v-model="listQuery.keyword" placeholder="商品名称"></el-input>
-          </el-form-item>
+			</div>
+			<div style="margin-top: 15px">
+				<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
+					<el-form-item label="输入搜索：">
+						<el-input style="width: 203px" v-model="listQuery.keyword" placeholder="商品名称"></el-input>
+					</el-form-item>
 
-          <el-form-item label="商品分类：">
-            <el-cascader
-              clearable
-              change-on-select
-              v-model="selectProductCateValue"
-              :options="productCateOptions">
-            </el-cascader>
-          </el-form-item>
-          <el-form-item label="商品品牌：">
-            <el-select v-model="listQuery.brandId" placeholder="请选择品牌" clearable>
-              <el-option
-                v-for="item in brandOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-           <el-form-item label="商品货号：">
-                      <el-input style="width: 203px" v-model="listQuery.productSn" placeholder="商品货号"></el-input>
-                    </el-form-item>
-          <el-form-item label="上架状态：">
-            <el-select v-model="listQuery.publishStatus" placeholder="全部" clearable>
-              <el-option
-                v-for="item in publishStatusOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="审核状态：">
-            <el-select v-model="listQuery.verifyStatus" placeholder="全部" clearable>
-              <el-option
-                v-for="item in verifyStatusOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
+					<el-form-item label="商品分类：">
+						<el-cascader clearable change-on-select v-model="selectProductCateValue"
+							:options="productCateOptions">
+						</el-cascader>
+					</el-form-item>
+					<el-form-item label="商品品牌：">
+						<el-select v-model="listQuery.brandId" placeholder="请选择品牌" clearable>
+							<el-option v-for="item in brandOptions" :key="item.value" :label="item.label"
+								:value="item.value">
+							</el-option>
+						</el-select>
+					</el-form-item>
+					<el-form-item label="商品货号：">
+						<el-input style="width: 203px" v-model="listQuery.productSn" placeholder="商品货号"></el-input>
+					</el-form-item>
+					<el-form-item label="上架状态：">
+						<el-select v-model="listQuery.publishStatus" placeholder="全部" clearable>
+							<el-option v-for="item in publishStatusOptions" :key="item.value" :label="item.label"
+								:value="item.value">
+							</el-option>
+						</el-select>
+					</el-form-item>
+					<el-form-item label="审核状态：">
+						<el-select v-model="listQuery.verifyStatus" placeholder="全部" clearable>
+							<el-option v-for="item in verifyStatusOptions" :key="item.value" :label="item.label"
+								:value="item.value">
+							</el-option>
+						</el-select>
+					</el-form-item>
 
-        </el-form>
-      </div>
-    </el-card>
-   <el-tabs v-model="status" type="card" @tab-click="handleGoods">
-          <el-tab-pane name="0">
-            <span slot="label"><i class="el-icon-s-order"></i> 全部商品</span>
-          </el-tab-pane>
-          <el-tab-pane name="1">
-            <span slot="label"><i class="el-icon-bank-card"></i> 出售中</span>
-          </el-tab-pane>
-          <el-tab-pane name="2">
-            <span slot="label"><i class="el-icon-refrigerator"></i> 已售馨</span>
-          </el-tab-pane>
-          <el-tab-pane name="3">
-            <span slot="label"><i class="el-icon-truck"></i>仓库中</span>
-          </el-tab-pane>
-         <el-tab-pane name="4">
-                     <span slot="label"><i class="el-icon-truck"></i> 回收站</span>
-           </el-tab-pane>
-            <el-tab-pane name="5">
-                     <span slot="label"><i class="el-icon-truck"></i>
-                    <el-button
-                           class="btn-add"
-                           @click="handleAddProduct()"
-                           size="mini">
-                           添加商品
-                         </el-button> </span>
-                         </el-tab-pane>
-        </el-tabs>
+				</el-form>
+			</div>
+		</el-card> -->
 
+		<div class="main-content" style="margin-left: 20px;margin-right: 20px;">
+			<div class="searchcon">
+				<el-button size="small" class="searchbtn" @click="clicksearchShow">
+					{{ searchxianshitit }}
+				</el-button>
+				<div v-show="isSearchShow" class="search">
+					<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
+						<el-form-item label="仓库/门店">
+							<el-input v-model="queryParams.params.orderId" placeholder="" clearable />
+						</el-form-item>
+						<el-form-item label="起始日期">
+							<el-date-picker v-model="queryParams.params.orderStartDate" type="date" clearable
+								value-format="yyyy-MM-dd" placeholder="选择日期" />
+							<span style="padding: 0 8px">至</span>
+							<el-date-picker v-model="queryParams.params.orderEndDate" type="date" clearable
+								value-format="yyyy-MM-dd" placeholder="选择日期" />
+						</el-form-item>
+						<el-form-item label="商品名称">
+							<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
+						</el-form-item>
+						<el-form-item label="商品编码">
+							<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
+						</el-form-item>
+					</el-form>
+					<div class="btn" style="text-align: center;">
+						<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+						<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+					</div>
+				</div>
+			</div>
 
-    <div class="table-container">
-      <el-table ref="productTable"
-                :data="list"
-                style="width: 100%"
-                @selection-change="handleSelectionChange"
-                v-loading="listLoading"
-                border>
-        <el-table-column type="selection" width="60" align="center"></el-table-column>
-        <el-table-column label="编号" width="100" align="center">
-          <template slot-scope="scope">{{scope.row.id}}</template>
-        </el-table-column>
-        <el-table-column label="商品图片" width="120" align="center">
-          <template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
-        </el-table-column>
-        <el-table-column label="商品名称" align="center">
-          <template slot-scope="scope">
-            <p>{{scope.row.name}}</p>
-            <p>品牌：{{scope.row.brandName}}</p>
-          </template>
-        </el-table-column>
-        <el-table-column label="价格/货号" width="120" align="center">
-          <template slot-scope="scope">
-            <p>价格：￥{{scope.row.price}}</p>
-            <p>货号：{{scope.row.productSn}}</p>
-          </template>
-        </el-table-column>
-        <el-table-column label="标签" width="140" align="center">
-          <template slot-scope="scope">
-            <p>上架：
-              <el-switch
-                @change="handlePublishStatusChange(scope.$index, scope.row)"
-                :active-value="1"
-                :inactive-value="0"
-                v-model="scope.row.publishStatus">
-              </el-switch>
-            </p>
-            <p>新品：
-              <el-switch
-                @change="handleNewStatusChange(scope.$index, scope.row)"
-                :active-value="1"
-                :inactive-value="0"
-                v-model="scope.row.newStatus">
-              </el-switch>
-            </p>
-            <p>推荐：
-              <el-switch
-                @change="handleRecommendStatusChange(scope.$index, scope.row)"
-                :active-value="1"
-                :inactive-value="0"
-                v-model="scope.row.recommandStatus">
-              </el-switch>
-            </p>
-            <p>分销：
-              <el-switch
-                @change="handleFenxiaoStatusChange(scope.$index, scope.row)"
-                :active-value="1"
-                :inactive-value="0"
-                v-model="scope.row.isFenxiao">
-              </el-switch>
-            </p>
-             <p>会员商品：
-                           <el-switch
-                             @change="handleVipStatusChange(scope.$index, scope.row)"
-                             :active-value="1"
-                             :inactive-value="0"
-                             v-model="scope.row.isVip">
-                           </el-switch>
-                         </p>
-          </template>
-        </el-table-column>
-        <el-table-column label="排序" width="100" align="center">
-          <template slot-scope="scope">{{scope.row.sort}}</template>
-        </el-table-column>
-        <el-table-column label="SKU库存" width="100" align="center">
-          <template slot-scope="scope">
-           <p>{{scope.row.stock }}</p>
-            <el-button type="primary" icon="el-icon-edit" @click="handleShowSkuEditDialog(scope.$index, scope.row)" circle></el-button>
-          </template>
-        </el-table-column>
-        <el-table-column label="销量" width="100" align="center">
-          <template slot-scope="scope">{{scope.row.sale}}</template>
-        </el-table-column>
-        <el-table-column label="审核状态" width="100" align="center">
-          <template slot-scope="scope">
-            <p>{{scope.row.verifyStatus | verifyStatusFilter}}</p>
-            <p>
-              <el-button
-                type="text"
-                @click="handleShowVeriyEditDialog(scope.$index, scope.row)">审核详情
-              </el-button>
-            </p>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="160" align="center">
-          <template slot-scope="scope">
-            <p>
-              <el-button
-                size="mini"
-                @click="handleDeleteStatus(scope.$index, scope.row)">回收
-              </el-button>
-              <el-button
-                size="mini"
-                @click="handleUpdateProduct(scope.$index, scope.row)">编辑
-              </el-button>
-            </p>
-            <p>
-              <el-button
-                size="mini"
-                @click="handleShowVeriyEditDialog(scope.$index, scope.row)">日志
-              </el-button>
-              <el-button
-                size="mini"
-                type="danger"
-                @click="handleDelete(scope.$index, scope.row)">删除
-              </el-button>
-            </p>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div class="batch-operate-container">
-      <el-select
-        size="small"
-        v-model="operateType" placeholder="批量操作">
-        <el-option
-          v-for="item in operates"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
-        </el-option>
-      </el-select>
-      <el-button
-        style="margin-left: 20px"
-        class="search-button"
-        @click="handleBatchOperate()"
-        type="primary"
-        size="small">
-        确定
-      </el-button>
-    </div>
-    <div class="pagination-container">
-      <el-pagination
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        layout="total, sizes,prev, pager, next,jumper"
-        :page-size="listQuery.pageSize"
-        :page-sizes="[5,10,15]"
-        :current-page.sync="listQuery.pageNum"
-        :total="total">
-      </el-pagination>
-    </div>
-    <el-dialog
-      title="审核信息"
-      :visible.sync="vertyProduct.dialogVisible"
-      width="40%">
-      <el-form :model="vertyProduct"  ref="brandFrom" label-width="150px">
-        <el-form-item label="审核状态：" prop="verifyStatus">
-          <el-switch v-model="vertyProduct.verifyStatus" :active-value="1" :inactive-value="0"></el-switch>
-        </el-form-item>
-        <el-form-item label="审核备注：" prop="detail">
-          <el-input v-model="vertyProduct.detail"></el-input>
-        </el-form-item>
+			<!--  标签栏  -->
+			<el-tabs v-model="status" type="card" @tab-click="handleGoods" style="margin-top: 10px;">
+				<el-tab-pane name="0">
+					<span slot="label"><i class="el-icon-s-order"></i> 全部商品</span>
+				</el-tab-pane>
+				<el-tab-pane name="1">
+					<span slot="label"><i class="el-icon-bank-card"></i> 出售中</span>
+				</el-tab-pane>
+				<el-tab-pane name="2">
+					<span slot="label"><i class="el-icon-refrigerator"></i> 已售馨</span>
+				</el-tab-pane>
+				<el-tab-pane name="3">
+					<span slot="label"><i class="el-icon-truck"></i>仓库中</span>
+				</el-tab-pane>
+				<el-tab-pane name="4">
+					<span slot="label"><i class="el-icon-truck"></i> 回收站</span>
+				</el-tab-pane>
+				<!-- <el-tab-pane name="5">
+					<span slot="label"><i class="el-icon-truck"></i>
+						<el-button class="btn-add" @click="handleAddProduct()" size="mini">
+							添加商品
+						</el-button>
+					</span>
+				</el-tab-pane> -->
+			</el-tabs>
 
-        <el-form-item>
-          <el-button @click="vertyProduct.dialogVisible = false">取 消</el-button>
-          <el-button type="primary" @click="handleEditVConfirm">确 定</el-button>
-        </el-form-item>
-      </el-form>
-      <el-table style="width: 100%;margin-top: 20px"
-                :data="vertyProduct.list"
-                border>
-        <el-table-column label="审核状态" width="160" align="center">
-          <template slot-scope="scope">{{scope.row.status | verifyStatusFilter}}</template>
-        </el-table-column>
-        <el-table-column label="审核人" width="160" align="center">
-          <template slot-scope="scope">{{scope.row.vertifyMan}}</template>
-        </el-table-column>
-        <el-table-column label="审核信息" width="160" align="center">
-          <template slot-scope="scope">{{scope.row.detail}}</template>
-        </el-table-column>
-        <el-table-column label="审核时间" width="160" align="center">
-          <template slot-scope="scope">{{scope.row.createTime|formatTime}}</template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
+			<div class="batch-operate-container">
+				<el-select size="small" v-model="operateType" placeholder="批量操作">
+					<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value">
+					</el-option>
+				</el-select>
+				<el-button style="margin-left: 20px" class="search-button" @click="handleBatchOperate()" type="primary"
+					size="small">
+					确定
+				</el-button>
+			</div>
+			<div class="pagination-container">
+				<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
+					layout="total, sizes,prev, pager, next,jumper" :page-size="listQuery.pageSize"
+					:page-sizes="[5,10,15]" :current-page.sync="listQuery.pageNum" :total="total">
+				</el-pagination>
+			</div>
+			<div class="table-container">
+				<el-table ref="productTable" :data="list" style="width: 100%" @selection-change="handleSelectionChange"
+					v-loading="listLoading" border>
+					<el-table-column type="selection" width="60" align="center"></el-table-column>
+					<el-table-column label="编号" width="100" align="center">
+						<template slot-scope="scope">{{scope.row.id}}</template>
+					</el-table-column>
+					<el-table-column label="商品图片" width="120" align="center">
+						<template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
+					</el-table-column>
+					<el-table-column label="商品名称" align="center">
+						<template slot-scope="scope">
+							<p>{{scope.row.name}}</p>
+							<p>品牌：{{scope.row.brandName}}</p>
+						</template>
+					</el-table-column>
+					<el-table-column label="价格/货号" width="120" align="center">
+						<template slot-scope="scope">
+							<p>价格：￥{{scope.row.price}}</p>
+							<p>货号：{{scope.row.productSn}}</p>
+						</template>
+					</el-table-column>
+					<el-table-column label="标签" width="140" align="center">
+						<template slot-scope="scope">
+							<p>上架：
+								<el-switch @change="handlePublishStatusChange(scope.$index, scope.row)"
+									:active-value="1" :inactive-value="0" v-model="scope.row.publishStatus">
+								</el-switch>
+							</p>
+							<p>新品：
+								<el-switch @change="handleNewStatusChange(scope.$index, scope.row)" :active-value="1"
+									:inactive-value="0" v-model="scope.row.newStatus">
+								</el-switch>
+							</p>
+							<p>推荐：
+								<el-switch @change="handleRecommendStatusChange(scope.$index, scope.row)"
+									:active-value="1" :inactive-value="0" v-model="scope.row.recommandStatus">
+								</el-switch>
+							</p>
+							<p>分销：
+								<el-switch @change="handleFenxiaoStatusChange(scope.$index, scope.row)"
+									:active-value="1" :inactive-value="0" v-model="scope.row.isFenxiao">
+								</el-switch>
+							</p>
+							<p>会员商品：
+								<el-switch @change="handleVipStatusChange(scope.$index, scope.row)" :active-value="1"
+									:inactive-value="0" v-model="scope.row.isVip">
+								</el-switch>
+							</p>
+						</template>
+					</el-table-column>
+					<el-table-column label="排序" width="100" align="center">
+						<template slot-scope="scope">{{scope.row.sort}}</template>
+					</el-table-column>
+					<el-table-column label="SKU库存" width="100" align="center">
+						<template slot-scope="scope">
+							<p>{{scope.row.stock }}</p>
+							<el-button type="primary" icon="el-icon-edit"
+								@click="handleShowSkuEditDialog(scope.$index, scope.row)" circle></el-button>
+						</template>
+					</el-table-column>
+					<el-table-column label="销量" width="100" align="center">
+						<template slot-scope="scope">{{scope.row.sale}}</template>
+					</el-table-column>
+					<el-table-column label="审核状态" width="100" align="center">
+						<template slot-scope="scope">
+							<p>{{scope.row.verifyStatus | verifyStatusFilter}}</p>
+							<p>
+								<el-button type="text" @click="handleShowVeriyEditDialog(scope.$index, scope.row)">审核详情
+								</el-button>
+							</p>
+						</template>
+					</el-table-column>
+					<el-table-column label="操作" width="160" align="center">
+						<template slot-scope="scope">
+							<p>
+								<el-button size="mini" @click="handleDeleteStatus(scope.$index, scope.row)">回收
+								</el-button>
+								<el-button size="mini" @click="handleUpdateProduct(scope.$index, scope.row)">编辑
+								</el-button>
+							</p>
+							<p>
+								<el-button size="mini" @click="handleShowVeriyEditDialog(scope.$index, scope.row)">日志
+								</el-button>
+								<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除
+								</el-button>
+							</p>
+						</template>
+					</el-table-column>
+				</el-table>
+			</div>
 
-    <el-dialog
-      title="编辑货品信息"
-      :visible.sync="editSkuInfo.dialogVisible"
-      width="40%">
-      <span>商品货号：</span>
-      <span>{{editSkuInfo.productSn}}</span>
-      <el-input placeholder="按sku编号搜索" v-model="editSkuInfo.keyword" size="small" style="width: 50%;margin-left: 20px">
-        <el-button slot="append" icon="el-icon-search" @click="handleSearchEditSku"></el-button>
-      </el-input>
-      <el-table style="width: 100%;margin-top: 20px"
-                :data="editSkuInfo.stockList"
-                border>
-        <el-table-column
-          label="SKU编号"
-          align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.skuCode"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          v-for="(item,index) in editSkuInfo.productAttr"
-          :label="item.name"
-          :key="item.id"
-          align="center">
-          <template slot-scope="scope">
-            {{getProductSkuSp(scope.row,index)}}
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="销售价格"
-          width="80"
-          align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.price"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="商品库存"
-          width="80"
-          align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.stock"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="库存预警值"
-          width="100"
-          align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.lowStock"></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="editSkuInfo.dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleEditSkuConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
+			<el-dialog title="审核信息" :visible.sync="vertyProduct.dialogVisible" width="40%">
+				<el-form :model="vertyProduct" ref="brandFrom" label-width="150px">
+					<el-form-item label="审核状态：" prop="verifyStatus">
+						<el-switch v-model="vertyProduct.verifyStatus" :active-value="1" :inactive-value="0">
+						</el-switch>
+					</el-form-item>
+					<el-form-item label="审核备注：" prop="detail">
+						<el-input v-model="vertyProduct.detail"></el-input>
+					</el-form-item>
+
+					<el-form-item>
+						<el-button @click="vertyProduct.dialogVisible = false">取 消</el-button>
+						<el-button type="primary" @click="handleEditVConfirm">确 定</el-button>
+					</el-form-item>
+				</el-form>
+				<el-table style="width: 100%;margin-top: 20px" :data="vertyProduct.list" border>
+					<el-table-column label="审核状态" width="160" align="center">
+						<template slot-scope="scope">{{scope.row.status | verifyStatusFilter}}</template>
+					</el-table-column>
+					<el-table-column label="审核人" width="160" align="center">
+						<template slot-scope="scope">{{scope.row.vertifyMan}}</template>
+					</el-table-column>
+					<el-table-column label="审核信息" width="160" align="center">
+						<template slot-scope="scope">{{scope.row.detail}}</template>
+					</el-table-column>
+					<el-table-column label="审核时间" width="160" align="center">
+						<template slot-scope="scope">{{scope.row.createTime|formatTime}}</template>
+					</el-table-column>
+				</el-table>
+			</el-dialog>
+
+			<el-dialog title="编辑货品信息" :visible.sync="editSkuInfo.dialogVisible" width="40%">
+				<span>商品货号：</span>
+				<span>{{editSkuInfo.productSn}}</span>
+				<el-input placeholder="按sku编号搜索" v-model="editSkuInfo.keyword" size="small"
+					style="width: 50%;margin-left: 20px">
+					<el-button slot="append" icon="el-icon-search" @click="handleSearchEditSku"></el-button>
+				</el-input>
+				<el-table style="width: 100%;margin-top: 20px" :data="editSkuInfo.stockList" border>
+					<el-table-column label="SKU编号" align="center">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.skuCode"></el-input>
+						</template>
+					</el-table-column>
+					<el-table-column v-for="(item,index) in editSkuInfo.productAttr" :label="item.name" :key="item.id"
+						align="center">
+						<template slot-scope="scope">
+							{{getProductSkuSp(scope.row,index)}}
+						</template>
+					</el-table-column>
+					<el-table-column label="销售价格" width="80" align="center">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.price"></el-input>
+						</template>
+					</el-table-column>
+					<el-table-column label="商品库存" width="80" align="center">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.stock"></el-input>
+						</template>
+					</el-table-column>
+					<el-table-column label="库存预警值" width="100" align="center">
+						<template slot-scope="scope">
+							<el-input v-model="scope.row.lowStock"></el-input>
+						</template>
+					</el-table-column>
+				</el-table>
+				<span slot="footer" class="dialog-footer">
+					<el-button @click="editSkuInfo.dialogVisible = false">取 消</el-button>
+					<el-button type="primary" @click="handleEditSkuConfirm">确 定</el-button>
+				</span>
+			</el-dialog>
+		</div>
+	</div>
 </template>
 <script>
-  import {formatDate} from '@/utils/date';
-  import {
-    fetchList,
-    updateDeleteStatus,
-    updateNewStatus,
-    updateRecommendStatus,
-    updatePaiMai,
-    updateFenxiao,
-    updateVip,
-    deleteProduct,
-    updatePublishStatus,
-    updateVerifyStatus,fetchVList
-  } from '@/api/product'
-  import {fetchList as fetchSkuStockList,update as updateSkuStockList} from '@/api/skuStock'
-  import {fetchList as fetchProductAttrList} from '@/api/productAttr'
-  import {fetchList as fetchBrandList} from '@/api/brand'
-  import {fetchListWithChildren} from '@/api/productCate'
-
-  const defaultListQuery = {
-    keyword: null,
-    pageNum: 1,
-    pageSize: 5,
-      status: 0,
-    publishStatus: null,
-    verifyStatus: null,
-    productSn: null,
-    productCategoryId: null,
-    brandId: null
-  };
-  export default {
-    name: "productList",
-    data() {
-      return {
-        dialogVVisible:false,
-        editSkuInfo:{
-          dialogVisible:false,
-          productId:null,
-          productSn:'',
-          productAttributeCategoryId:null,
-          stockList:[],
-          productAttr:[],
-          keyword:null
-        },
-        vertyProduct:{
-          dialogVisible:false,
-          productId:null,
-          detail:'',
-          verifyStatus:null,
-          list:null
-        },
-        operates: [
-          {
-            label: "商品上架",
-            value: "publishOn"
-          },
-          {
-            label: "商品下架",
-            value: "publishOff"
-          },
-          {
-            label: "设为推荐",
-            value: "recommendOn"
-          },
-          {
-            label: "取消推荐",
-            value: "recommendOff"
-          },
-          {
-            label: "设为新品",
-            value: "newOn"
-          },
-          {
-            label: "取消新品",
-            value: "newOff"
-          },
-          {
-            label: "转移到分类",
-            value: "transferCategory"
-          },
-          {
-            label: "移入回收站",
-            value: "recycle"
-          }
-        ], tabsName: '1',
-        operateType: null,
-        listQuery: Object.assign({}, defaultListQuery),
-        list: null,
-        total: null,
-        listLoading: true,
-        selectProductCateValue: null,
-        multipleSelection: [],
-        productCateOptions: [],
-        brandOptions: [],
-        publishStatusOptions: [{
-          value: 1,
-          label: '上架'
-        }, {
-          value: 0,
-          label: '下架'
-        }],
-        verifyStatusOptions: [{
-          value: 1,
-          label: '审核通过'
-        }, {
-          value: 0,
-          label: '未审核'
-        }],
-         statusOptions: [{
-                  value: 1,
-                  label: '出售中'
-                }, {
-                  value: 2,
-                  label: '已售馨'
-                },{
-                                    value: 3,
-                                    label: '仓库中'
-                                  }, {
-                                    value: 4,
-                                    label: '回收站'
-                                  }
-                ]
-      }
-    },
+	import ButtonBar from '@/components/ButtonBar'
 
+	import {
+		formatDate
+	} from '@/utils/date';
+	import {
+		fetchList,
+		updateDeleteStatus,
+		updateNewStatus,
+		updateRecommendStatus,
+		updatePaiMai,
+		updateFenxiao,
+		updateVip,
+		deleteProduct,
+		updatePublishStatus,
+		updateVerifyStatus,
+		fetchVList
+	} from '@/api/product'
+	import {
+		fetchList as fetchSkuStockList,
+		update as updateSkuStockList
+	} from '@/api/skuStock'
+	import {
+		fetchList as fetchProductAttrList
+	} from '@/api/productAttr'
+	import {
+		fetchList as fetchBrandList
+	} from '@/api/brand'
+	import {
+		fetchListWithChildren
+	} from '@/api/productCate'
 
-    created() {
-      this.getList();
-      this.getBrandList();
-      this.getProductCateList();
-    },
-    watch: {
-      selectProductCateValue: function (newValue) {
-        console.log(newValue)
-        if (newValue != null) {
-          this.listQuery.productCategoryId = newValue[newValue.length-1 >0?newValue.length-1:0];
-        } else {
-          this.listQuery.productCategoryId = null;
-        }
+	const defaultListQuery = {
+		keyword: null,
+		pageNum: 1,
+		pageSize: 5,
+		status: 0,
+		publishStatus: null,
+		verifyStatus: null,
+		productSn: null,
+		productCategoryId: null,
+		brandId: null
+	};
+	export default {
+		components: {
+			ButtonBar,
+		},
+		name: "productList",
+		data() {
+			return {
+				status: 0,
+				btndisabled: false,
+				isSearchShow: false,
+				searchxianshitit: '显示查询条件',
+				dialogVVisible: false,
+				editSkuInfo: {
+					dialogVisible: false,
+					productId: null,
+					productSn: '',
+					productAttributeCategoryId: null,
+					stockList: [],
+					productAttr: [],
+					keyword: null
+				},
+				vertyProduct: {
+					dialogVisible: false,
+					productId: null,
+					detail: '',
+					verifyStatus: null,
+					list: null
+				},
+				operates: [{
+						label: "商品上架",
+						value: "publishOn"
+					},
+					{
+						label: "商品下架",
+						value: "publishOff"
+					},
+					{
+						label: "设为推荐",
+						value: "recommendOn"
+					},
+					{
+						label: "取消推荐",
+						value: "recommendOff"
+					},
+					{
+						label: "设为新品",
+						value: "newOn"
+					},
+					{
+						label: "取消新品",
+						value: "newOff"
+					},
+					{
+						label: "转移到分类",
+						value: "transferCategory"
+					},
+					{
+						label: "移入回收站",
+						value: "recycle"
+					}
+				],
+				tabsName: '1',
+				operateType: null,
+				listQuery: Object.assign({}, defaultListQuery),
+				list: null,
+				total: null,
+				listLoading: true,
+				selectProductCateValue: null,
+				multipleSelection: [],
+				productCateOptions: [],
+				brandOptions: [],
+				publishStatusOptions: [{
+					value: 1,
+					label: '上架'
+				}, {
+					value: 0,
+					label: '下架'
+				}],
+				verifyStatusOptions: [{
+					value: 1,
+					label: '审核通过'
+				}, {
+					value: 0,
+					label: '未审核'
+				}],
+				statusOptions: [{
+					value: 1,
+					label: '出售中'
+				}, {
+					value: 2,
+					label: '已售馨'
+				}, {
+					value: 3,
+					label: '仓库中'
+				}, {
+					value: 4,
+					label: '回收站'
+				}],
+				btnList: [{
+					type: 'primary',
+					size: 'small',
+					icon: 'add',
+					btnKey: 'toAdd',
+					btnLabel: '新增'
+				}, {
+					type: 'info',
+					size: 'small',
+					icon: 'cross',
+					btnKey: 'doClose',
+					btnLabel: '关闭'
+				}],
+				queryParams: {
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						orderId: '',
+						supplierName: '',
+						auditStatus: '',
+						goodsStatus: '',
+						orderStartDate: '',
+						orderEndDate: '',
+						arrivalStartDate: '',
+						arrivalEndDate: '',
+						queryType: ''
+					}
+				},
+			}
+		},
 
-      }
-    },
-    filters: {
-      verifyStatusFilter(value) {
-        if (value === 1) {
-          return '审核通过';
-        } else {
-          return '未审核';
-        }
-      },
-      formatTime(time) {
-        if (time == null || time === '') {
-          return 'N/A';
-        }
-        let date = new Date(time);
-        return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
-      },
-    },
-    methods: {
+		mounted() {
+			this.$refs['btnbar'].setButtonList(this.btnList)
+		},
+		created() {
+			this.getList();
+			this.getBrandList();
+			this.getProductCateList();
+		},
+		watch: {
+			selectProductCateValue: function(newValue) {
+				console.log(newValue)
+				if (newValue != null) {
+					this.listQuery.productCategoryId = newValue[newValue.length - 1 > 0 ? newValue.length - 1 : 0];
+				} else {
+					this.listQuery.productCategoryId = null;
+				}
 
-     handleGoods(tab, event) {
-            this.listQuery.status = tab.name;
-            this.getList()
-          },
-      getProductSkuSp(row, index) {
-        if (index === 0) {
-          return row.sp1;
-        } else if (index === 1) {
-          return row.sp2;
-        } else {
-          return row.sp3;
-        }
-      },
-      getList() {
-        this.listLoading = true;
-        fetchList(this.listQuery).then(response => {
-          this.listLoading = false;
-          this.list = response.data.records;
-          this.total = response.data.total;
-        });
-      },
-      getBrandList() {
-        fetchBrandList({pageNum: 1, pageSize: 100}).then(response => {
-          this.brandOptions = [];
-          let brandList = response.data.records;
-          for (let i = 0; i < brandList.length; i++) {
-            this.brandOptions.push({label: brandList[i].name, value: brandList[i].id});
-          }
-        });
-      },
-      getProductCateList() {
-        fetchListWithChildren().then(response => {
-          let list = response.data;
-          this.productCateOptions = [];
-          for (let i = 0; i < list.length; i++) {
-            let children = [];
-            if (list[i].children != null && list[i].children.length > 0) {
-              for (let j = 0; j < list[i].children.length; j++) {
-                children.push({label: list[i].children[j].name, value: list[i].children[j].id});
-              }
-            }
-            this.productCateOptions.push({label: list[i].name, value: list[i].id, children: children});
-          }
-        });
-      },
-      handleShowVeriyEditDialog(index,row){
-        this.vertyProduct.dialogVisible=true;
-        this.vertyProduct.productId=row.id;
-        this.vertyProduct.verifyStatus=row.verifyStatus;
-        fetchVList(row.id).then(response=>{
-          this.vertyProduct.list=response.data;
-      });
-      },
-      handleShowSkuEditDialog(index,row){
-        this.editSkuInfo.dialogVisible=true;
-        this.editSkuInfo.productId=row.id;
-        this.editSkuInfo.productSn=row.productSn;
-        this.editSkuInfo.productAttributeCategoryId = row.productAttributeCategoryId;
-        this.editSkuInfo.keyword=null;
-        fetchSkuStockList(row.id,{keyword:this.editSkuInfo.keyword}).then(response=>{
-          this.editSkuInfo.stockList=response.data;
-        });
-        if(row.productAttributeCategoryId && row.productAttributeCategoryId>0){
-         fetchProductAttrList(row.productAttributeCategoryId,{type:0}).then(response=>{
-                  this.editSkuInfo.productAttr=response.data.records;
-                });
-        }
+			}
+		},
+		filters: {
+			verifyStatusFilter(value) {
+				if (value === 1) {
+					return '审核通过';
+				} else {
+					return '未审核';
+				}
+			},
+			formatTime(time) {
+				if (time == null || time === '') {
+					return 'N/A';
+				}
+				let date = new Date(time);
+				return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
+			},
+		},
+		methods: {
+			// 搜索条件效果
+			clicksearchShow() {
+				this.isSearchShow = !this.isSearchShow
+				if (this.isSearchShow) {
+					this.searchxianshitit = '隐藏查询条件'
+				} else {
+					this.searchxianshitit = '显示查询条件'
+				}
+			},
+			btnHandle(btnKey) {
+				switch (btnKey) {
+					case 'doClose':
+						this.doClose()
+						break
+					default:
+						break
+				}
+			},
+			dosearch() {
+				this.queryParams.current = 1
+				// this.loadList()
+			},
+			resetQuery() {
+				this.queryParams = {
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						orderId: '',
+						supplierName: '',
+						auditStatus: '',
+						goodsStatus: '',
+						orderStartDate: '',
+						orderEndDate: '',
+						arrivalStartDate: '',
+						arrivalEndDate: '',
+						queryType: ''
+					}
+				}
+				// this.loadList()
+			},
+			doClose() {
+				this.$store.dispatch('tagsView/delView', this.$route)
+				this.$router.go(-1)
+			},
+			handleGoods(tab, event) {
+				this.listQuery.status = tab.name;
+				this.getList()
+			},
+			getProductSkuSp(row, index) {
+				if (index === 0) {
+					return row.sp1;
+				} else if (index === 1) {
+					return row.sp2;
+				} else {
+					return row.sp3;
+				}
+			},
+			getList() {
+				this.listLoading = true;
+				fetchList(this.listQuery).then(response => {
+					this.listLoading = false;
+					this.list = response.data.records;
+					this.total = response.data.total;
+				});
+			},
+			getBrandList() {
+				fetchBrandList({
+					pageNum: 1,
+					pageSize: 100
+				}).then(response => {
+					this.brandOptions = [];
+					let brandList = response.data.records;
+					for (let i = 0; i < brandList.length; i++) {
+						this.brandOptions.push({
+							label: brandList[i].name,
+							value: brandList[i].id
+						});
+					}
+				});
+			},
+			getProductCateList() {
+				fetchListWithChildren().then(response => {
+					let list = response.data;
+					this.productCateOptions = [];
+					for (let i = 0; i < list.length; i++) {
+						let children = [];
+						if (list[i].children != null && list[i].children.length > 0) {
+							for (let j = 0; j < list[i].children.length; j++) {
+								children.push({
+									label: list[i].children[j].name,
+									value: list[i].children[j].id
+								});
+							}
+						}
+						this.productCateOptions.push({
+							label: list[i].name,
+							value: list[i].id,
+							children: children
+						});
+					}
+				});
+			},
+			handleShowVeriyEditDialog(index, row) {
+				this.vertyProduct.dialogVisible = true;
+				this.vertyProduct.productId = row.id;
+				this.vertyProduct.verifyStatus = row.verifyStatus;
+				fetchVList(row.id).then(response => {
+					this.vertyProduct.list = response.data;
+				});
+			},
+			handleShowSkuEditDialog(index, row) {
+				this.editSkuInfo.dialogVisible = true;
+				this.editSkuInfo.productId = row.id;
+				this.editSkuInfo.productSn = row.productSn;
+				this.editSkuInfo.productAttributeCategoryId = row.productAttributeCategoryId;
+				this.editSkuInfo.keyword = null;
+				fetchSkuStockList(row.id, {
+					keyword: this.editSkuInfo.keyword
+				}).then(response => {
+					this.editSkuInfo.stockList = response.data;
+				});
+				if (row.productAttributeCategoryId && row.productAttributeCategoryId > 0) {
+					fetchProductAttrList(row.productAttributeCategoryId, {
+						type: 0
+					}).then(response => {
+						this.editSkuInfo.productAttr = response.data.records;
+					});
+				}
 
 
-      },
-      handleSearchEditSku(){
-        fetchSkuStockList(this.editSkuInfo.productId,{keyword:this.editSkuInfo.keyword}).then(response=>{
-          this.editSkuInfo.stockList=response.data;
-        });
-      },
-      handleEditSkuConfirm(){
-        if(this.editSkuInfo.stockList==null||this.editSkuInfo.stockList.length<=0){
-          this.$message({
-            message: '暂无sku信息',
-            type: 'warning',
-            duration: 1000
-          });
-          return
-        }
-        this.$confirm('是否要进行修改', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(()=>{
-          updateSkuStockList(this.editSkuInfo.productId,this.editSkuInfo.stockList).then(response=>{
-            this.$message({
-              message: '修改成功',
-              type: 'success',
-              duration: 1000
-            });
-            this.editSkuInfo.dialogVisible=false;
-          });
-        });
-      },
-      handleEditVConfirm(){
-        if(this.vertyProduct.detail==null){
-          this.$message({
-            message: '暂无审核信息',
-            type: 'warning',
-            duration: 1000
-          });
-          return
-        }
-        this.$confirm('是否要进行审核', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(()=>{
+			},
+			handleSearchEditSku() {
+				fetchSkuStockList(this.editSkuInfo.productId, {
+					keyword: this.editSkuInfo.keyword
+				}).then(response => {
+					this.editSkuInfo.stockList = response.data;
+				});
+			},
+			handleEditSkuConfirm() {
+				if (this.editSkuInfo.stockList == null || this.editSkuInfo.stockList.length <= 0) {
+					this.$message({
+						message: '暂无sku信息',
+						type: 'warning',
+						duration: 1000
+					});
+					return
+				}
+				this.$confirm('是否要进行修改', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					updateSkuStockList(this.editSkuInfo.productId, this.editSkuInfo.stockList).then(response => {
+						this.$message({
+							message: '修改成功',
+							type: 'success',
+							duration: 1000
+						});
+						this.editSkuInfo.dialogVisible = false;
+					});
+				});
+			},
+			handleEditVConfirm() {
+				if (this.vertyProduct.detail == null) {
+					this.$message({
+						message: '暂无审核信息',
+						type: 'warning',
+						duration: 1000
+					});
+					return
+				}
+				this.$confirm('是否要进行审核', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
 
-          let params = new URLSearchParams();
+					let params = new URLSearchParams();
 
-        params.append('ids', this.vertyProduct.productId);
-        params.append('verifyStatus', this.vertyProduct.verifyStatus);
-        params.append('detail', this.vertyProduct.detail);
-        updateVerifyStatus(params).then(response => {
-          this.$message({
-          message: '修改成功',
-          type: 'success',
-          duration: 1000
-        });
-        this.getList();
-      });
-        this.vertyProduct.dialogVisible=false;
+					params.append('ids', this.vertyProduct.productId);
+					params.append('verifyStatus', this.vertyProduct.verifyStatus);
+					params.append('detail', this.vertyProduct.detail);
+					updateVerifyStatus(params).then(response => {
+						this.$message({
+							message: '修改成功',
+							type: 'success',
+							duration: 1000
+						});
+						this.getList();
+					});
+					this.vertyProduct.dialogVisible = false;
 
-      });
-      },
+				});
+			},
 
-      handleSearchList() {
-        this.listQuery.pageNum = 1;
-        this.getList();
-      },
-      handleAddProduct() {
-        this.$router.push({path:'/pms/addProduct'});
-      },
-      handleBatchOperate() {
-        if(this.operateType==null){
-          this.$message({
-            message: '请选择操作类型',
-            type: 'warning',
-            duration: 1000
-          });
-          return;
-        }
-        if(this.multipleSelection==null||this.multipleSelection.length<1){
-          this.$message({
-            message: '请选择要操作的商品',
-            type: 'warning',
-            duration: 1000
-          });
-          return;
-        }
-        this.$confirm('是否要进行该批量操作?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          let ids=[];
-          for(let i=0;i<this.multipleSelection.length;i++){
-            ids.push(this.multipleSelection[i].id);
-          }
-          switch (this.operateType) {
-            case this.operates[0].value:
-              this.updatePublishStatus(1,ids);
-              break;
-            case this.operates[1].value:
-              this.updatePublishStatus(0,ids);
-              break;
-            case this.operates[2].value:
-              this.updateRecommendStatus(1,ids);
-              break;
-            case this.operates[3].value:
-              this.updateRecommendStatus(0,ids);
-              break;
-            case this.operates[4].value:
-              this.updateNewStatus(1,ids);
-              break;
-            case this.operates[5].value:
-              this.updateNewStatus(0,ids);
-              break;
-            case this.operates[6].value:
-              break;
-            case this.operates[7].value:
-              this.updateDeleteStatus(1,ids);
-              break;
-            default:
-              break;
-          }
-          this.getList();
-        });
-      },
-      handleSizeChange(val) {
-        this.listQuery.pageNum = 1;
-        this.listQuery.pageSize = val;
-        this.getList();
-      },
-      handleCurrentChange(val) {
-        this.listQuery.pageNum = val;
-        this.getList();
-      },
-      handleSelectionChange(val) {
-        this.multipleSelection = val;
-      },
-      handlePublishStatusChange(index, row) {
-        let ids = [];
-        ids.push(row.id);
-        this.updatePublishStatus(row.publishStatus, ids);
-      },
+			handleSearchList() {
+				this.listQuery.pageNum = 1;
+				this.getList();
+			},
+			handleAddProduct() {
+				this.$router.push({
+					path: '/pms/addProduct'
+				});
+			},
+			handleBatchOperate() {
+				if (this.operateType == null) {
+					this.$message({
+						message: '请选择操作类型',
+						type: 'warning',
+						duration: 1000
+					});
+					return;
+				}
+				if (this.multipleSelection == null || this.multipleSelection.length < 1) {
+					this.$message({
+						message: '请选择要操作的商品',
+						type: 'warning',
+						duration: 1000
+					});
+					return;
+				}
+				this.$confirm('是否要进行该批量操作?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let ids = [];
+					for (let i = 0; i < this.multipleSelection.length; i++) {
+						ids.push(this.multipleSelection[i].id);
+					}
+					switch (this.operateType) {
+						case this.operates[0].value:
+							this.updatePublishStatus(1, ids);
+							break;
+						case this.operates[1].value:
+							this.updatePublishStatus(0, ids);
+							break;
+						case this.operates[2].value:
+							this.updateRecommendStatus(1, ids);
+							break;
+						case this.operates[3].value:
+							this.updateRecommendStatus(0, ids);
+							break;
+						case this.operates[4].value:
+							this.updateNewStatus(1, ids);
+							break;
+						case this.operates[5].value:
+							this.updateNewStatus(0, ids);
+							break;
+						case this.operates[6].value:
+							break;
+						case this.operates[7].value:
+							this.updateDeleteStatus(1, ids);
+							break;
+						default:
+							break;
+					}
+					this.getList();
+				});
+			},
+			handleSizeChange(val) {
+				this.listQuery.pageNum = 1;
+				this.listQuery.pageSize = val;
+				this.getList();
+			},
+			handleCurrentChange(val) {
+				this.listQuery.pageNum = val;
+				this.getList();
+			},
+			handleSelectionChange(val) {
+				this.multipleSelection = val;
+			},
+			handlePublishStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updatePublishStatus(row.publishStatus, ids);
+			},
 
-       handleupdatePaiMaiChange(index, row) {
-              let ids = [];
-              ids.push(row.id);
-              this.updatePaiMai(row.publishStatus, ids);
-            },
-            handleVipStatusChange(index, row) {
-                                let ids = [];
-                                ids.push(row.id);
-                                this.updateVipStatus(row.isVip, ids);
-                              },
-            handleFenxiaoStatusChange(index, row) {
-                    let ids = [];
-                    ids.push(row.id);
-                    this.updateFenxiaoStatus(row.isFenxiao, ids);
-                  },
-      handleNewStatusChange(index, row) {
-        let ids = [];
-        ids.push(row.id);
-        this.updateNewStatus(row.newStatus, ids);
-      },
-      handleVerifyStatusChange(index, row) {
-        let ids = [];
-        ids.push(row.id);
-        this.updateVerifyStatus(row.verifyStatus, ids);
-      },
-      handleRecommendStatusChange(index, row) {
-        let ids = [];
-        ids.push(row.id);
-        this.updateRecommendStatus(row.recommandStatus, ids);
-      },
-      handleResetSearch() {
-        this.selectProductCateValue = [];
-        this.listQuery = Object.assign({}, defaultListQuery);
-      },
+			handleupdatePaiMaiChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updatePaiMai(row.publishStatus, ids);
+			},
+			handleVipStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updateVipStatus(row.isVip, ids);
+			},
+			handleFenxiaoStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updateFenxiaoStatus(row.isFenxiao, ids);
+			},
+			handleNewStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updateNewStatus(row.newStatus, ids);
+			},
+			handleVerifyStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updateVerifyStatus(row.verifyStatus, ids);
+			},
+			handleRecommendStatusChange(index, row) {
+				let ids = [];
+				ids.push(row.id);
+				this.updateRecommendStatus(row.recommandStatus, ids);
+			},
+			handleResetSearch() {
+				this.selectProductCateValue = [];
+				this.listQuery = Object.assign({}, defaultListQuery);
+			},
 
-       handleDeleteStatus(index, row){
-              this.$confirm('是否要进行放入回收站操作?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning'
-              }).then(() => {
-                let ids = [];
-                ids.push(row.id);
-                this.updateDeleteStatus(0,ids);
+			handleDeleteStatus(index, row) {
+				this.$confirm('是否要进行放入回收站操作?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let ids = [];
+					ids.push(row.id);
+					this.updateDeleteStatus(0, ids);
 
-              });
-            },
-      handleDelete(index, row){
-        this.$confirm('是否要进行删除操作?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          let ids = [];
-          ids.push(row.id);
+				});
+			},
+			handleDelete(index, row) {
+				this.$confirm('是否要进行删除操作?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let ids = [];
+					ids.push(row.id);
 
-          deleteProduct(row.id).then(response => {
-            this.$message({
-              message: '删除成功',
-              type: 'success',
-              duration: 1000
-            });
-            this.getList();
-          });
-        });
-      },
-      handleUpdateProduct(index,row){
-        this.$router.push({path:'/pms/updateProduct',query:{id:row.id}});
-      },
-      handleShowProduct(index,row){
-        console.log("handleShowProduct",row);
-      },
-      handleShowVerifyDetail(index,row){
-        console.log("handleShowVerifyDetail",row);
-      },
-      handleShowLog(index,row){
-        console.log("handleShowLog",row);
-      },
-      updateVerifyStatus(publishStatus, ids) {
-        let params = new URLSearchParams();
-        params.append('ids', ids);
-        params.append('verifyStatus', verifyStatus);
-        updateVerifyStatus(params).then(response => {
-          this.$message({
-            message: '修改成功',
-            type: 'success',
-            duration: 1000
-          });
-        });
-      },
-      updatePublishStatus(publishStatus, ids) {
-        let params = new URLSearchParams();
-        params.append('ids', ids);
-        params.append('publishStatus', publishStatus);
-        updatePublishStatus(params).then(response => {
-          this.$message({
-          message: '修改成功',
-          type: 'success',
-          duration: 1000
-        });
-      });
-      },
-      updateFenxiaoStatus(newStatus, ids) {
-                                 let params = new URLSearchParams();
-                                 params.append('ids', ids);
-                                 params.append('newStatus', newStatus);
-                                 updateFenxiao(params).then(response => {
-                                   this.$message({
-                                     message: '修改成功',
-                                     type: 'success',
-                                     duration: 1000
-                                   });
-                                 });
-                               },
- updateVipStatus(newStatus, ids) {
-                                 let params = new URLSearchParams();
-                                 params.append('ids', ids);
-                                 params.append('newStatus', newStatus);
-                                 updateVip(params).then(response => {
-                                   this.$message({
-                                     message: '修改成功',
-                                     type: 'success',
-                                     duration: 1000
-                                   });
-                                 });
-                               },
+					deleteProduct(row.id).then(response => {
+						this.$message({
+							message: '删除成功',
+							type: 'success',
+							duration: 1000
+						});
+						this.getList();
+					});
+				});
+			},
+			handleUpdateProduct(index, row) {
+				this.$router.push({
+					path: '/pms/updateProduct',
+					query: {
+						id: row.id
+					}
+				});
+			},
+			handleShowProduct(index, row) {
+				console.log("handleShowProduct", row);
+			},
+			handleShowVerifyDetail(index, row) {
+				console.log("handleShowVerifyDetail", row);
+			},
+			handleShowLog(index, row) {
+				console.log("handleShowLog", row);
+			},
+			updateVerifyStatus(publishStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('verifyStatus', verifyStatus);
+				updateVerifyStatus(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
+			updatePublishStatus(publishStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('publishStatus', publishStatus);
+				updatePublishStatus(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
+			updateFenxiaoStatus(newStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('newStatus', newStatus);
+				updateFenxiao(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
+			updateVipStatus(newStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('newStatus', newStatus);
+				updateVip(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
 
-      updateNewStatus(newStatus, ids) {
-        let params = new URLSearchParams();
-        params.append('ids', ids);
-        params.append('newStatus', newStatus);
-        updateNewStatus(params).then(response => {
-          this.$message({
-            message: '修改成功',
-            type: 'success',
-            duration: 1000
-          });
-        });
-      },
-      updateRecommendStatus(recommendStatus, ids) {
-        let params = new URLSearchParams();
-        params.append('ids', ids);
-        params.append('recommendStatus', recommendStatus);
-        updateRecommendStatus(params).then(response => {
-          this.$message({
-            message: '修改成功',
-            type: 'success',
-            duration: 1000
-          });
-        });
-      },
-      updateDeleteStatus(deleteStatus, ids) {
-        let params = new URLSearchParams();
-        params.append('ids', ids);
-        params.append('deleteStatus', deleteStatus);
-        updateDeleteStatus(params).then(response => {
-          this.$message({
-            message: '回收成功',
-            type: 'success',
-            duration: 1000
-          });
-        });
-        this.getList();
-      }
-    }
-  }
+			updateNewStatus(newStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('newStatus', newStatus);
+				updateNewStatus(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
+			updateRecommendStatus(recommendStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('recommendStatus', recommendStatus);
+				updateRecommendStatus(params).then(response => {
+					this.$message({
+						message: '修改成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+			},
+			updateDeleteStatus(deleteStatus, ids) {
+				let params = new URLSearchParams();
+				params.append('ids', ids);
+				params.append('deleteStatus', deleteStatus);
+				updateDeleteStatus(params).then(response => {
+					this.$message({
+						message: '回收成功',
+						type: 'success',
+						duration: 1000
+					});
+				});
+				this.getList();
+			}
+		}
+	}
 </script>
 <style></style>
-
-