4 年之前 · 5d61322ab4
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -0,0 +1,3 @@
 
				+> 1%
			
 
				+last 2 versions
			
 
				+not dead
			
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,17 @@
 
				+module.exports = {
			
 
				+  root: true,
			
 
				+  env: {
			
 
				+    node: true
			
 
				+  },
			
 
				+  'extends': [
			
 
				+    'plugin:vue/essential',
			
 
				+    'eslint:recommended'
			
 
				+  ],
			
 
				+  parserOptions: {
			
 
				+    parser: 'babel-eslint'
			
 
				+  },
			
 
				+  rules: {
			
 
				+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
			
 
				+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
			
 
				+  }
			
 
				+}
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# backstage
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm run lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,29 @@
 
				+{
			
 
				+  "name": "backstage",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^0.21.0",
			
 
				+    "core-js": "^3.8.0",
			
 
				+    "element-ui": "^2.14.1",
			
 
				+    "vue": "^2.6.12",
			
 
				+    "vue-router": "^3.4.9"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "^4.5.9",
			
 
				+    "@vue/cli-plugin-eslint": "^4.5.9",
			
 
				+    "@vue/cli-plugin-router": "^4.5.9",
			
 
				+    "@vue/cli-service": "^4.5.9",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "eslint": "^6.8.0",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "less": "^3.12.2",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "vue-template-compiler": "^2.6.12"
			
 
				+  }
			
 
				+}
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
			
 
				+    <title>永念庭管理後台</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,18 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import '@/assets/style/reset.less'
			
 
				+import '@/assets/style/public.less'
			
 
				+import '@/assets/font/iconfont.css'
			
 
				+export default {
			
 
				+  
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+
			
 
				+</style>
			
--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
--- a/src/assets/font/iconfont.eot
+++ b/src/assets/font/iconfont.eot
--- a/src/assets/font/iconfont.js
+++ b/src/assets/font/iconfont.js
--- a/src/assets/font/iconfont.json
+++ b/src/assets/font/iconfont.json
@@ -0,0 +1,128 @@
 
				+{
			
 
				+  "id": "1713010",
			
 
				+  "name": "消安管理后台",
			
 
				+  "font_family": "iconfont",
			
 
				+  "css_prefix_text": "icon",
			
 
				+  "description": "",
			
 
				+  "glyphs": [
			
 
				+    {
			
 
				+      "icon_id": "3232662",
			
 
				+      "name": "正确 copy",
			
 
				+      "font_class": "zhengquecopy",
			
 
				+      "unicode": "e687",
			
 
				+      "unicode_decimal": 59015
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "4647621",
			
 
				+      "name": "关闭",
			
 
				+      "font_class": "guanbi",
			
 
				+      "unicode": "e61a",
			
 
				+      "unicode_decimal": 58906
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "5093350",
			
 
				+      "name": "重置",
			
 
				+      "font_class": "zhongzhi",
			
 
				+      "unicode": "e609",
			
 
				+      "unicode_decimal": 58889
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "7025373",
			
 
				+      "name": "退出",
			
 
				+      "font_class": "tuichu",
			
 
				+      "unicode": "e611",
			
 
				+      "unicode_decimal": 58897
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "7025374",
			
 
				+      "name": "下拉",
			
 
				+      "font_class": "xl",
			
 
				+      "unicode": "e612",
			
 
				+      "unicode_decimal": 58898
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "7040427",
			
 
				+      "name": "下载",
			
 
				+      "font_class": "tubiaozhizuomoban",
			
 
				+      "unicode": "e613",
			
 
				+      "unicode_decimal": 58899
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8747856",
			
 
				+      "name": "增加",
			
 
				+      "font_class": "add",
			
 
				+      "unicode": "e648",
			
 
				+      "unicode_decimal": 58952
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "10726198",
			
 
				+      "name": "icon_mp3",
			
 
				+      "font_class": "icon_mp",
			
 
				+      "unicode": "e653",
			
 
				+      "unicode_decimal": 58963
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682089",
			
 
				+      "name": "per",
			
 
				+      "font_class": "per",
			
 
				+      "unicode": "e6bd",
			
 
				+      "unicode_decimal": 59069
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682090",
			
 
				+      "name": "index",
			
 
				+      "font_class": "index",
			
 
				+      "unicode": "e6be",
			
 
				+      "unicode_decimal": 59070
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682091",
			
 
				+      "name": "record",
			
 
				+      "font_class": "record",
			
 
				+      "unicode": "e6bf",
			
 
				+      "unicode_decimal": 59071
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682092",
			
 
				+      "name": "power",
			
 
				+      "font_class": "power",
			
 
				+      "unicode": "e6c0",
			
 
				+      "unicode_decimal": 59072
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682093",
			
 
				+      "name": "scene",
			
 
				+      "font_class": "scene",
			
 
				+      "unicode": "e6c1",
			
 
				+      "unicode_decimal": 59073
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682094",
			
 
				+      "name": "feedback",
			
 
				+      "font_class": "feedback",
			
 
				+      "unicode": "e6c2",
			
 
				+      "unicode_decimal": 59074
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682095",
			
 
				+      "name": "department",
			
 
				+      "font_class": "department",
			
 
				+      "unicode": "e6c3",
			
 
				+      "unicode_decimal": 59075
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682096",
			
 
				+      "name": "statistics",
			
 
				+      "font_class": "statistics",
			
 
				+      "unicode": "e6c4",
			
 
				+      "unicode_decimal": 59076
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13682097",
			
 
				+      "name": "user",
			
 
				+      "font_class": "user",
			
 
				+      "unicode": "e6c5",
			
 
				+      "unicode_decimal": 59077
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/src/assets/font/iconfont.svg
+++ b/src/assets/font/iconfont.svg
--- a/src/assets/font/iconfont.ttf
+++ b/src/assets/font/iconfont.ttf
--- a/src/assets/font/iconfont.woff
+++ b/src/assets/font/iconfont.woff
--- a/src/assets/font/iconfont.woff2
+++ b/src/assets/font/iconfont.woff2
--- a/src/assets/images/android.png
+++ b/src/assets/images/android.png
--- a/src/assets/images/icon01.png
+++ b/src/assets/images/icon01.png
--- a/src/assets/images/icon02.png
+++ b/src/assets/images/icon02.png
--- a/src/assets/images/icon03.png
+++ b/src/assets/images/icon03.png
--- a/src/assets/images/icon04.png
+++ b/src/assets/images/icon04.png
--- a/src/assets/images/icon05.png
+++ b/src/assets/images/icon05.png
--- a/src/assets/images/icon06.png
+++ b/src/assets/images/icon06.png
--- a/src/assets/images/icon_mp3.png
+++ b/src/assets/images/icon_mp3.png
--- a/src/assets/images/img_login_banbg.jpg
+++ b/src/assets/images/img_login_banbg.jpg
--- a/src/assets/images/index_logo@2x.png
+++ b/src/assets/images/index_logo@2x.png
--- a/src/assets/images/ios.png
+++ b/src/assets/images/ios.png
--- a/src/assets/images/menu_icon_01@2x.png
+++ b/src/assets/images/menu_icon_01@2x.png
--- a/src/assets/images/menu_icon_02@2x.png
+++ b/src/assets/images/menu_icon_02@2x.png
--- a/src/assets/images/menu_icon_03@2x.png
+++ b/src/assets/images/menu_icon_03@2x.png
--- a/src/assets/images/qrcode.png
+++ b/src/assets/images/qrcode.png
--- a/src/assets/images/test.png
+++ b/src/assets/images/test.png
--- a/src/assets/style/info.less
+++ b/src/assets/style/info.less
@@ -0,0 +1,139 @@
 
				+.con {
			
 
				+  .d-l{
			
 
				+    // & /deep/ .el-form-item__content{
			
 
				+    //   line-height: 30px;
			
 
				+    //   .el-upload-list__item{
			
 
				+    //     display: none;
			
 
				+    //     &:last-child{
			
 
				+    //       display: inline-block;
			
 
				+    //     }
			
 
				+    //   }
			
 
				+    // }
			
 
				+    display: inline-block;
			
 
				+    width:45%;
			
 
				+  }
			
 
				+  .d-r{
			
 
				+    width:45%;
			
 
				+    float: right;
			
 
				+    .el-date-editor.el-input, .el-date-editor.el-input__inner{
			
 
				+      width: 100%;
			
 
				+    }
			
 
				+    .c-logo{
			
 
				+      width: 150px;
			
 
				+      height: 150px;
			
 
				+      border: 1px solid #ccc;
			
 
				+      border-radius: 4px;
			
 
				+      background-color: #f5fafe;
			
 
				+      img{
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+    .c-zizhi{
			
 
				+      width: 150px;
			
 
				+      height: 150px;
			
 
				+      border: 1px solid #ccc;
			
 
				+      border-radius: 4px;
			
 
				+      position: relative;
			
 
				+      background-color: #f5fafe;
			
 
				+      img{
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+      .c-mask{
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        left: 0;
			
 
				+        background: rgba(0, 0, 0, 0.5);
			
 
				+        text-align: center;
			
 
				+        display: table;
			
 
				+        .icon-download{
			
 
				+          text-align: center;
			
 
				+          display: table-cell;
			
 
				+          vertical-align: middle;
			
 
				+          color: #fff;
			
 
				+          font-size: 20px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .ei-num{
			
 
				+    .el-input-number{
			
 
				+      width: 90%;
			
 
				+    }
			
 
				+  }
			
 
				+  .ei-input{
			
 
				+    width: 100%;
			
 
				+    max-height: 200px;
			
 
				+    overflow-y: auto;
			
 
				+    .input-con{
			
 
				+      display: inline-block;
			
 
				+      width: 45%;
			
 
				+      margin: 2px 5px 2px 0;
			
 
				+      height: 60px;
			
 
				+      position: relative;
			
 
				+      .el-input_err{
			
 
				+        & /deep/ .el-input__inner{
			
 
				+          border: 1px solid #f56c6c;
			
 
				+        }
			
 
				+      }
			
 
				+      .el-input_success{
			
 
				+        & /deep/ .el-input__inner{
			
 
				+          border: 1px solid #67c23a;
			
 
				+        }
			
 
				+      }
			
 
				+      span {
			
 
				+        color: #f56c6c;
			
 
				+        font-size: 12px;
			
 
				+        line-height: 1;
			
 
				+        padding-top: 4px;
			
 
				+        position: absolute;
			
 
				+        left: 0;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+ .h-header {
			
 
				+    height: 80px;
			
 
				+    background-color: #fff;
			
 
				+    padding-left: 20px;
			
 
				+    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
			
 
				+    border-radius: 3px;
			
 
				+    div{
			
 
				+      display: inline-block;
			
 
				+      vertical-align: middle;
			
 
				+    }
			
 
				+    .h-input {
			
 
				+      margin-left: 20px;
			
 
				+      display: inline-block;
			
 
				+    }
			
 
				+    .fix-date{
			
 
				+      div{
			
 
				+        display: flex;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .h-body {
			
 
				+    width: 100%;
			
 
				+    margin: 30px 0 0;
			
 
				+    padding-top: 20px;
			
 
				+    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
			
 
				+    border-radius: 3px;
			
 
				+    background-color: #fff;
			
 
				+
			
 
				+    .o-span {
			
 
				+      color: #0175dc;
			
 
				+      cursor: pointer;
			
 
				+      margin-right: 10px;
			
 
				+    }
			
 
				+
			
 
				+    .p-con {
			
 
				+      width: 100%;
			
 
				+      text-align: right;
			
 
				+      padding: 25px 20px 30px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/assets/style/public.less
+++ b/src/assets/style/public.less
@@ -0,0 +1,103 @@
 
				+#app, .layout, body, html{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  color: #333;
			
 
				+}
			
 
				+table tr td .cell,table tr th .cell{
			
 
				+  text-align: center;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar {
			
 
				+  width: 5px;
			
 
				+  height: 16px;
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-track{
			
 
				+    border-radius: 10px;
			
 
				+    background-color: transparent;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+  border-radius: 10px;
			
 
				+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
			
 
				+  background-color: #d4d4d4;
			
 
				+}
			
 
				+
			
 
				+.plate{
			
 
				+  .top-con{
			
 
				+    background: #fff;
			
 
				+    position: relative;
			
 
				+    padding: 10px;
			
 
				+    .top{
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content: space-between;
			
 
				+      width: 60%;
			
 
				+      .el-input{
			
 
				+        margin-right: 10px;
			
 
				+        flex: 1;
			
 
				+      }
			
 
				+      .el-select{
			
 
				+        margin-right: 10px;
			
 
				+        min-width: 240px;
			
 
				+      }
			
 
				+      .add{
			
 
				+        position: absolute;
			
 
				+        right: 10px;
			
 
				+        top: 50%;
			
 
				+        transform: translateY(-50%);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .body{
			
 
				+    margin-top: 10px;
			
 
				+  }
			
 
				+  .add-con{
			
 
				+    padding: 20px 50% 20px 0px;
			
 
				+    background: #fff;
			
 
				+    .btn{
			
 
				+      padding: 10px 50px;
			
 
				+    }
			
 
				+   
			
 
				+  }
			
 
				+  .e-page{
			
 
				+    background: #fff;
			
 
				+    text-align: right;
			
 
				+    padding: 20px;
			
 
				+  }
			
 
				+  .thumb {
			
 
				+    display: block;
			
 
				+    margin: 10px 0;
			
 
				+    position: relative;
			
 
				+    width: 300px;
			
 
				+    > img {
			
 
				+      max-width: 100%;
			
 
				+    }
			
 
				+    &:hover {
			
 
				+      .el-icon-delete {
			
 
				+        display: block;
			
 
				+      }
			
 
				+    }
			
 
				+    .el-icon-delete {
			
 
				+      position: absolute;
			
 
				+      right: 5px;
			
 
				+      top: 5px;
			
 
				+      font-size: 20px;
			
 
				+      color: #000;
			
 
				+      cursor: pointer;
			
 
				+      display: none;
			
 
				+      text-shadow: 1px 1px 10px rgba(0,0,0,1);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.o-span {
			
 
				+  color: #0175dc;
			
 
				+  cursor: pointer;
			
 
				+  margin-right: 10px;
			
 
				+}
			
 
				+
			
 
				+.del{
			
 
				+  color: #f56c6c;
			
 
				+}
			
--- a/src/assets/style/reset.less
+++ b/src/assets/style/reset.less
@@ -0,0 +1,22 @@
 
				+/* reset */
			
 
				+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
			
 
				+header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
			
 
				+table{border-collapse:collapse;border-spacing:0;}
			
 
				+caption,th{text-align:left;font-weight:normal;}
			
 
				+html,body,fieldset,img,iframe,abbr{border:0;}
			
 
				+i,cite,em,var,address,dfn{font-style:normal;}
			
 
				+[hidefocus],summary{outline:0;}
			
 
				+li{list-style:none;}
			
 
				+// h1,h2,h3,h4,h5,h6,small{font-size:100%;}
			
 
				+sup,sub{font-size:83%;}
			
 
				+pre,code,kbd,samp{font-family:inherit;}
			
 
				+q:before,q:after{content:none;}
			
 
				+textarea{overflow:auto;resize:none;}
			
 
				+label,summary{cursor:default;}
			
 
				+a,button{cursor:pointer;}
			
 
				+h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
			
 
				+del,ins,u,s,a,a:hover{text-decoration:none;}
			
 
				+body,textarea,input,button,select,keygen,legend{font:14px/1.14 'Microsoft YaHei',\5b8b\4f53;outline:0;}
			
 
				+body{background:#fff;}
			
 
				+*{box-sizing: border-box}
			
 
				+a{text-decoration: none;}
			
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,59 @@
 
				+<template>
			
 
				+  <div class="hello">
			
 
				+    <h1>{{ msg }}</h1>
			
 
				+    <p>
			
 
				+      For a guide and recipes on how to configure / customize this project,<br>
			
 
				+      check out the
			
 
				+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
			
 
				+    </p>
			
 
				+    <h3>Installed CLI Plugins</h3>
			
 
				+    <ul>
			
 
				+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
			
 
				+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
			
 
				+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
			
 
				+    </ul>
			
 
				+    <h3>Essential Links</h3>
			
 
				+    <ul>
			
 
				+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
			
 
				+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
			
 
				+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
			
 
				+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
			
 
				+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
			
 
				+    </ul>
			
 
				+    <h3>Ecosystem</h3>
			
 
				+    <ul>
			
 
				+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
			
 
				+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
			
 
				+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
			
 
				+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
			
 
				+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'HelloWorld',
			
 
				+  props: {
			
 
				+    msg: String
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				+<style scoped lang="less">
			
 
				+h3 {
			
 
				+  margin: 40px 0 0;
			
 
				+}
			
 
				+ul {
			
 
				+  list-style-type: none;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+li {
			
 
				+  display: inline-block;
			
 
				+  margin: 0 10px;
			
 
				+}
			
 
				+a {
			
 
				+  color: #42b983;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/crumb/index.vue
+++ b/src/components/crumb/index.vue
@@ -0,0 +1,87 @@
 
				+<!--  -->
			
 
				+<template>
			
 
				+<div class='crumb-con'>
			
 
				+  <vcenter>
			
 
				+    <span>{{title}}</span>
			
 
				+    <div class="fr">
			
 
				+      <div v-for="(item,i) in data" :key="i">
			
 
				+        <span style="cursor:pointer">{{item.name}}</span>
			
 
				+        <span style="padding-right:3px;" v-if="data.length-1!==i">></span>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </vcenter>
			
 
				+</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
			
 
				+// 例如：import 《组件名称》 from '《组件路径》';
			
 
				+import vcenter from '@/components/vcenter'
			
 
				+
			
 
				+export default {
			
 
				+// import引入的组件需要注入到对象中才能使用
			
 
				+  props: {
			
 
				+    data: {
			
 
				+      default: () => {
			
 
				+        return []
			
 
				+      },
			
 
				+      type: Array
			
 
				+    },
			
 
				+    title: {
			
 
				+      default: () => {
			
 
				+        return ''
			
 
				+      },
			
 
				+      type: String
			
 
				+    }
			
 
				+  },
			
 
				+  components: {vcenter},
			
 
				+  data () {
			
 
				+    // 这里存放数据
			
 
				+    return {
			
 
				+
			
 
				+    }
			
 
				+  },
			
 
				+  // 监听属性 类似于data概念
			
 
				+  computed: {},
			
 
				+  // 监控data中的数据变化
			
 
				+  watch: {},
			
 
				+  // 方法集合
			
 
				+  methods: {
			
 
				+
			
 
				+  },
			
 
				+  // 生命周期 - 创建完成（可以访问当前this实例）
			
 
				+  created () {
			
 
				+
			
 
				+  },
			
 
				+  // 生命周期 - 挂载完成（可以访问DOM元素）
			
 
				+  mounted () {
			
 
				+
			
 
				+  },
			
 
				+  beforeCreate () {}, // 生命周期 - 创建之前
			
 
				+  beforeMount () {}, // 生命周期 - 挂载之前
			
 
				+  beforeUpdate () {}, // 生命周期 - 更新之前
			
 
				+  updated () {}, // 生命周期 - 更新之后
			
 
				+  beforeDestroy () {}, // 生命周期 - 销毁之前
			
 
				+  destroyed () {}, // 生命周期 - 销毁完成
			
 
				+  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
			
 
				+}
			
 
				+</script>
			
 
				+<style lang="less" scoped>
			
 
				+.crumb-con{
			
 
				+  height: 60px;
			
 
				+  width: 100%;
			
 
				+  background-color: #fff;
			
 
				+  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
			
 
				+  font-size: 18px;
			
 
				+  padding: 0 25px;
			
 
				+  .fr{
			
 
				+    color: #999;
			
 
				+    float: right;
			
 
				+    div{
			
 
				+      display: inline-block;
			
 
				+      font-size: 14px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/components/vcenter/index.vue
+++ b/src/components/vcenter/index.vue
@@ -0,0 +1,16 @@
 
				+<template>
			
 
				+  <table>
			
 
				+    <tr>
			
 
				+      <td>
			
 
				+        <slot />
			
 
				+      </td>
			
 
				+    </tr>
			
 
				+  </table>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+table {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+</style>
			
--- a/src/config/http.js
+++ b/src/config/http.js
@@ -0,0 +1,94 @@
 
				+import axios from 'axios'
			
 
				+// import  qs from 'qs'
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+let vue = new Vue()
			
 
				+
			
 
				+let loading = ''
			
 
				+
			
 
				+var isProduction = process.env.NODE_ENV === 'production'
			
 
				+
			
 
				+const serverName = isProduction ? '/platform-framework/' : 'http://vr.finehousing.co/platform-framework/'
			
 
				+
			
 
				+axios.defaults.baseURL = serverName
			
 
				+axios.defaults.headers['X-Requested-with'] = 'XMLHttpRequest'
			
 
				+axios.defaults.headers['token'] =  window.localStorage.getItem('token')
			
 
				+
			
 
				+axios.interceptors.request.use(function (config) {
			
 
				+  if (config.method === 'post') {
			
 
				+    config.data = {
			
 
				+      ...config.data,
			
 
				+      rnd: Math.random()
			
 
				+    }
			
 
				+    // config.data = qs.stringify(config.data)
			
 
				+  } else if (config.method === 'get') {
			
 
				+    config.params = {
			
 
				+      ...config.params
			
 
				+    }
			
 
				+    // config.params = qs.stringify(config.params)
			
 
				+  }
			
 
				+
			
 
				+  loading = vue.$loading({
			
 
				+    lock: true,
			
 
				+    text: '加載中',
			
 
				+    spinner: 'el-icon-loading',
			
 
				+    background: 'rgba(0, 0, 0, 0.7)'
			
 
				+  });
			
 
				+  
			
 
				+  return config
			
 
				+}, function (error) {
			
 
				+  // 对请求错误做些什么
			
 
				+  return Promise.reject(error)
			
 
				+})
			
 
				+
			
 
				+// 配置response拦截器
			
 
				+axios.interceptors.response.use(
			
 
				+  response => {
			
 
				+    loading.close()
			
 
				+
			
 
				+    let data = response.data
			
 
				+    let code = Number(response.data.code)
			
 
				+    switch (code) {
			
 
				+      case -1:
			
 
				+        break
			
 
				+        case 4500:
			
 
				+         
			
 
				+          break
			
 
				+        case 5001:
			
 
				+          
			
 
				+          break
			
 
				+        case 5002:
			
 
				+          
			
 
				+          break
			
 
				+        case 500:
			
 
				+          vue.$message({
			
 
				+            type: 'error',
			
 
				+            message: `網絡錯誤，請稍後再試`
			
 
				+          });
			
 
				+          break
			
 
				+      case 0:
			
 
				+        break
			
 
				+    }
			
 
				+    // tryHideFullScreenLoading()
			
 
				+    return data
			
 
				+  },
			
 
				+  error => {
			
 
				+    console.log(error);
			
 
				+    setTimeout(()=> {
			
 
				+      localStorage.setItem("token", "");
			
 
				+      localStorage.setItem("userInfo", "");
			
 
				+      window.location.href = '/platform-framework/login.html';
			
 
				+    }, 500);
			
 
				+    if (error.response) {
			
 
				+      switch (error.response.code) {
			
 
				+        case 500:
			
 
				+          break
			
 
				+        case 3004:
			
 
				+          
			
 
				+          break
			
 
				+      }
			
 
				+    }
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+export { serverName, axios }
			
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -0,0 +1,10 @@
 
				+const Menu = [
			
 
				+    { text: '龛位管理', belong: '1', link: '/', name: 'niche' },
			
 
				+    { text: '方位管理', belong: '2', link: '/position', name: 'position' },
			
 
				+    { text: '訂單管理', belong: '3', link: '/order', name: 'order' },
			
 
				+    { text: '客戶管理', belong: '4', link: '/client', name: 'client' },
			
 
				+]
			
 
				+
			
 
				+export {
			
 
				+    Menu
			
 
				+}
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,54 @@
 
				+import Vue from 'vue'
			
 
				+import router from './router'
			
 
				+import './theme/index.css'
			
 
				+import ElementUI from 'element-ui';
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+import App from './App.vue'
			
 
				+import { axios, serverName } from './config/http'
			
 
				+import { isImage } from "@/utils/index.js";
			
 
				+
			
 
				+
			
 
				+let tmp = ['可預訂', '已預訂', '已售', '現貨', '预售', '转售', '已下架']
			
 
				+Vue.use(ElementUI);
			
 
				+Vue.prototype.$http = axios
			
 
				+Vue.prototype.$serverName = serverName
			
 
				+let temp = {}
			
 
				+tmp.forEach((item, idx) => {
			
 
				+  temp[idx] = item
			
 
				+})
			
 
				+Vue.prototype.$statusStr = temp
			
 
				+Vue.prototype.isImage = isImage
			
 
				+
			
 
				+
			
 
				+Vue.prototype.$statusArr = tmp.map((item, idx) => {
			
 
				+  return {
			
 
				+    id: idx,
			
 
				+    name: item
			
 
				+  }
			
 
				+})
			
 
				+Vue.prototype.$bus = new Vue()
			
 
				+
			
 
				+Vue.config.productionTip = false
			
 
				+
			
 
				+Date.prototype.Format = function (fmt) {
			
 
				+  var o = {
			
 
				+    "M+": this.getMonth() + 1, //月份
			
 
				+    "d+": this.getDate(), //日
			
 
				+    "h+": this.getHours(), //小时
			
 
				+    "m+": this.getMinutes(), //分
			
 
				+    "s+": this.getSeconds(), //秒
			
 
				+    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
			
 
				+    "S": this.getMilliseconds() //毫秒
			
 
				+  };
			
 
				+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
			
 
				+  for (var k in o)
			
 
				+    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
			
 
				+  return fmt;
			
 
				+}
			
 
				+
			
 
				+import './mixins'
			
 
				+
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  render: h => h(App)
			
 
				+}).$mount('#app')
			
--- a/src/mixins/index.js
+++ b/src/mixins/index.js
@@ -0,0 +1,56 @@
 
				+import Vue from 'vue'
			
 
				+
			
 
				+Vue.mixin({
			
 
				+    components: {
			
 
				+    },
			
 
				+  
			
 
				+    
			
 
				+    data() {
			
 
				+        return {
			
 
				+          $__loading:{
			
 
				+            close(){
			
 
				+          
			
 
				+            }
			
 
				+          },
			
 
				+          loadOption:{
			
 
				+            lock: true,
			
 
				+            text: '上傳中',
			
 
				+            spinner: 'el-icon-loading',
			
 
				+            background: 'rgba(0, 0, 0, 0.7)'
			
 
				+          }
			
 
				+
			
 
				+        }
			
 
				+    },
			
 
				+    methods: {
			
 
				+      $beforeUpload(file) {
			
 
				+        let type = this.isImage(file.name);
			
 
				+        if (!type) {
			
 
				+          this.$message.error("只允許上傳圖片");
			
 
				+          return type;
			
 
				+        }
			
 
				+        const isLt2M = file.size / 1024 / 1024 < 5;
			
 
				+  
			
 
				+        if (!isLt2M) {
			
 
				+          this.$message.error("上傳圖片大小不能超過 5MB!");
			
 
				+          return isLt2M;
			
 
				+        }
			
 
				+        this.showLoading()
			
 
				+      },
			
 
				+      handleError(){
			
 
				+        this.$alert("上傳失敗,請稍後再試", "提示", {
			
 
				+          confirmButtonText: "確定",
			
 
				+          callback: () => {
			
 
				+            this.$__loading.close()
			
 
				+          },
			
 
				+        });
			
 
				+      },
			
 
				+      showLoading(){
			
 
				+        this.$__loading = this.$loading(this.loadOption)
			
 
				+      },
			
 
				+      $inputnum(e){
			
 
				+        console.log('e',e)
			
 
				+        
			
 
				+        e = (e.match(/^\d*(\.?\d{0,2})/g)[0]) || null
			
 
				+      }
			
 
				+    }
			
 
				+})
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,48 @@
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+import { Menu } from '../config/route.js'
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+const originalPush = VueRouter.prototype.push;
			
 
				+VueRouter.prototype.push = function push(location) {
			
 
				+  return originalPush.call(this, location).catch((err) => err);
			
 
				+};
			
 
				+
			
 
				+
			
 
				+let routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    component: () => import('@/views/layout/'),
			
 
				+    children: []
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/login',
			
 
				+    name: '登录',
			
 
				+    component: () => import('@/views/login')
			
 
				+  }
			
 
				+];
			
 
				+
			
 
				+Menu.forEach((item) => {
			
 
				+  routes[0].children.push({
			
 
				+      name: item.name,
			
 
				+      path: `${item.link}`,
			
 
				+      meta: {
			
 
				+          index: item.belong,
			
 
				+          text:item.text
			
 
				+      },
			
 
				+      component: () => import(`../views/${item.name}/index.vue`)
			
 
				+  })
			
 
				+})
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+
			
 
				+router.beforeEach((to, from, next) => {
			
 
				+  window.scrollTo(0, 0)
			
 
				+  next()
			
 
				+})
			
 
				+
			
 
				+
			
 
				+export default router
			
--- a/src/theme/fonts/element-icons.ttf
+++ b/src/theme/fonts/element-icons.ttf
--- a/src/theme/fonts/element-icons.woff
+++ b/src/theme/fonts/element-icons.woff
--- a/src/theme/index.css
+++ b/src/theme/index.css
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -0,0 +1,9 @@
 
				+
			
 
				+module.exports = {
			
 
				+
			
 
				+isImage: function (fileName) {
			
 
				+  if (typeof fileName !== 'string') return;
			
 
				+  let name = fileName.toLowerCase();
			
 
				+  return name.endsWith('.png') || name.endsWith('.jpeg') || name.endsWith('.jpg') || name.endsWith('.gif');
			
 
				+}
			
 
				+}
			
--- a/src/views/client/index.vue
+++ b/src/views/client/index.vue
@@ -0,0 +1,218 @@
 
				+<template>
			
 
				+  <div class="plate">
			
 
				+    <div class="top-con">
			
 
				+      <div class="top" style="width:400px">
			
 
				+        <el-input v-model="userName" placeholder="请输入客戶名字"></el-input>
			
 
				+        <el-button type="primary" @click="getList">查询</el-button>
			
 
				+        <el-upload
			
 
				+          class="add"
			
 
				+          ref="upload"
			
 
				+          :show-file-list='false'
			
 
				+          :action="uploadUrl"
			
 
				+          :on-success="handleSuccess"
			
 
				+          >
			
 
				+          <el-button slot="trigger" type="primary">批量導入客戶</el-button>
			
 
				+        </el-upload>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="body">
			
 
				+      <el-table height="65vh"
			
 
				+        :data="tableData" style="width: 100%">
			
 
				+        <el-table-column
			
 
				+          v-for="(item, idx) in data"
			
 
				+          :key="idx"
			
 
				+          :prop="item.prop"
			
 
				+          :label="item.label"
			
 
				+        >
			
 
				+          <template slot-scope="scope">
			
 
				+            <img
			
 
				+              style="width:80px;height:80px;border-radius:50%;"
			
 
				+              v-if="item.prop === 'ico'"
			
 
				+              :src="scope.row[item.prop]"
			
 
				+              alt
			
 
				+            />
			
 
				+            <span v-else>{{ scope.row[item.prop] || "-" }}</span>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+      </el-table>
			
 
				+      <div class="e-page">
			
 
				+          <el-pagination
			
 
				+            @current-change="handleCurrentChange"
			
 
				+            :current-page.sync="pageNum"
			
 
				+            :page-size="size"
			
 
				+            layout="sizes, prev, pager, next"
			
 
				+            :page-sizes="[15, 50, 100, 500]"
			
 
				+            @size-change="handleSizeChange"
			
 
				+            :total="total"
			
 
				+          ></el-pagination>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    let data = [
			
 
				+      {
			
 
				+        prop: "userSn",
			
 
				+        label: "客戶編號",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "userName",
			
 
				+        label: "客戶名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "phonePlaceCode",
			
 
				+        label: "區號",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "phoneNum",
			
 
				+        label: "手機電話",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "email",
			
 
				+        label: "客戶郵箱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "addTime",
			
 
				+        label: "客戶添加時間",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "latestReserveTime",
			
 
				+        label: "最新預訂時間",
			
 
				+      }
			
 
				+    ];
			
 
				+
			
 
				+  
			
 
				+    return {
			
 
				+      data,
			
 
				+      tableData: [],
			
 
				+      dialogFormVisible: false,
			
 
				+      userName:'',
			
 
				+      formLabelWidth: "120px",
			
 
				+      pageNum:1,
			
 
				+      size:15,
			
 
				+      total:0,
			
 
				+      uploadUrl:this.$serverName+'box/user/batchImport',
			
 
				+    };
			
 
				+  },
			
 
				+
			
 
				+  watch:{
			
 
				+    pageNum(){
			
 
				+        this.getList()
			
 
				+    },
			
 
				+    size(){
			
 
				+      this.getList()
			
 
				+    }
			
 
				+  },
			
 
				+  mounted(){
			
 
				+    this.getList()
			
 
				+  },
			
 
				+  methods:{
			
 
				+    handleCurrentChange (val) {
			
 
				+      this.pageNum = val
			
 
				+    },
			
 
				+    handleSizeChange (val) {
			
 
				+      this.size = val
			
 
				+    },
			
 
				+    handleSuccess(data){
			
 
				+      if (data.code == 0) {
			
 
				+        this.$alert('上傳成功', '提示', {
			
 
				+          confirmButtonText: '确定',
			
 
				+          callback: () => {
			
 
				+            this.getList()
			
 
				+          }
			
 
				+        })
			
 
				+      }
			
 
				+      else {
			
 
				+         this.$message({
			
 
				+          type: "error",
			
 
				+          message: data.msg,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async show(item){
			
 
				+       let result = await this.$http.get(`box/order/getDetail`,
			
 
				+        {
			
 
				+          params:{
			
 
				+            id:item.orderId
			
 
				+          }
			
 
				+        })
			
 
				+      this.form = result.data
			
 
				+      this.dialogFormVisible = true
			
 
				+      this.editTitle = '編輯'
			
 
				+    },
			
 
				+
			
 
				+    async save(){
			
 
				+      let url = '/box/order/update'
			
 
				+      let result = await this.$http.post(url,{
			
 
				+          ...this.form
			
 
				+      })
			
 
				+      if (result.code == 0) {
			
 
				+      this.$alert('操作成功', '提示', {
			
 
				+        confirmButtonText: '确定',
			
 
				+        callback: () => {
			
 
				+          this.form={
			
 
				+            isHandle: "",
			
 
				+            updateTime:""
			
 
				+          }
			
 
				+          this.dialogFormVisible = false
			
 
				+          this.getList()
			
 
				+        }
			
 
				+      })
			
 
				+      }
			
 
				+    },
			
 
				+    submitForm() {
			
 
				+        this.$refs.order.validate((valid) => {
			
 
				+          if (valid) {
			
 
				+            this.save()
			
 
				+          } else {
			
 
				+            return false;
			
 
				+          }
			
 
				+        });
			
 
				+      },
			
 
				+   
			
 
				+    async getList(){
			
 
				+      let result = await this.$http.get(`/box/user/getOrQuery`,{
			
 
				+        params:{
			
 
				+          userName:this.userName,
			
 
				+          pageNum:this.pageNum,
			
 
				+          pageSize:this.size
			
 
				+        }
			
 
				+      })
			
 
				+
			
 
				+      this.tableData = result.data.list.map(item=>{
			
 
				+        item['isShowStr'] = item['isShow']?'顯示':'不顯示'
			
 
				+        item['isHandleStr'] = item['isHandle']?'已處理':'未處理'
			
 
				+        return item
			
 
				+      })
			
 
				+      this.total= result.data.totalNum
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.thumb{
			
 
				+  display: block;
			
 
				+  margin: 10px 0;
			
 
				+  position: relative;
			
 
				+  width: 120px;
			
 
				+  >img{
			
 
				+    max-width: 120px;
			
 
				+  }
			
 
				+  &:hover{
			
 
				+    .el-icon-delete{
			
 
				+      display: block;
			
 
				+    }
			
 
				+  }
			
 
				+  .el-icon-delete{
			
 
				+    position: absolute;
			
 
				+    right: 5px;
			
 
				+    top: 5px;
			
 
				+    font-size: 20px;
			
 
				+    cursor: pointer;
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/layout/aside.vue
+++ b/src/views/layout/aside.vue
@@ -0,0 +1,173 @@
 
				+<template>
			
 
				+<div class='aside'>
			
 
				+  <div class="nav-menu">
			
 
				+    <div class="navigator_menu">
			
 
				+      <vcenter>
			
 
				+        <span>导航面板</span>
			
 
				+      </vcenter>
			
 
				+    </div>
			
 
				+    <ul class="aside-ul">
			
 
				+      <li class="aside-li" v-for="(item,i) in aside" :key="i">
			
 
				+        <div @click="clickNav(item)" :class="{'aside-li-div':true,'active':item.id&&item.id===activeIdx}" >
			
 
				+          <vcenter>
			
 
				+            <i class="iconfont" :class="item.icon" style="float:left;width:27px;"></i>
			
 
				+            <span style="vertical-align: middle;">{{item.name}}</span>
			
 
				+            <i v-if="item.subItem" style="font-size:12px;vertical-align: middle;position:relative;top:2px;" :class="{'iconfont':true, 'icon-arrow':true,'fr':true,rotate:item.isShow}"></i>
			
 
				+          </vcenter>
			
 
				+        </div>
			
 
				+        <ul class="li-ul" v-if="item.subItem" :style="{maxHeight:item.isShow?'260px':'0'}">
			
 
				+          <li @click="navigate(sub)" v-for="(sub, idx) in item.subItem" :class="{'active':sub.id&&sub.id===activeIdx}" :key="idx">
			
 
				+            <vcenter>
			
 
				+              <span>{{sub.name}}</span>
			
 
				+              <span v-if="sub.id==='1-2' && a_tips" class="aside-tip">{{a_tips}}</span>
			
 
				+            </vcenter>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import vcenter from '@/components/vcenter'
			
 
				+
			
 
				+const aside = [{
			
 
				+  name: '龛位管理',
			
 
				+  id: '1',
			
 
				+  icon: 'iconindex',
			
 
				+  url: '/'
			
 
				+},
			
 
				+{
			
 
				+  name: '方位管理',
			
 
				+  id: '2',
			
 
				+  icon: 'icondepartment',
			
 
				+  url: '/position'
			
 
				+},
			
 
				+{
			
 
				+  name: '訂單管理',
			
 
				+  id: '3',
			
 
				+  icon: 'iconuser',
			
 
				+  url: '/order'
			
 
				+}, {
			
 
				+  name: '客戶管理',
			
 
				+  id: '4',
			
 
				+  icon: 'iconper',
			
 
				+  url: '/client'
			
 
				+}]
			
 
				+export default {
			
 
				+  name: 'm-aside',
			
 
				+  components: {vcenter},
			
 
				+  data () {
			
 
				+    return {
			
 
				+      aside,
			
 
				+      a_tips: 0,
			
 
				+      currentItem: ''
			
 
				+    }
			
 
				+  },
			
 
				+  watch: {
			
 
				+    '$route.name': function () {
			
 
				+
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    activeIdx: {
			
 
				+      get: function () {
			
 
				+        return this.$route.meta.index
			
 
				+      },
			
 
				+      set: function () {
			
 
				+      }
			
 
				+    },
			
 
				+    token () {
			
 
				+      return window.localStorage.getItem('token')
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+   
			
 
				+  },
			
 
				+  methods: {
			
 
				+    clickNav (item) {
			
 
				+      if (item.id) {
			
 
				+        this.activeIdx = item.id
			
 
				+        this.currentItem = item
			
 
				+        window.localStorage.setItem('currentItem', JSON.stringify(item))
			
 
				+        this.$router.push(item.url)
			
 
				+      } else {
			
 
				+        item.isShow = !item.isShow
			
 
				+      }
			
 
				+    },
			
 
				+    navigate (item) {
			
 
				+      this.activeIdx = item.id
			
 
				+      this.currentItem = item
			
 
				+      this.$router.push(item.url)
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.aside {
			
 
				+  width: 100%;
			
 
				+  .navigator_menu{
			
 
				+    height: 56px;
			
 
				+    span{
			
 
				+      padding-left: 20px;
			
 
				+      font-size: 12px;
			
 
				+      color: #999;
			
 
				+    }
			
 
				+  }
			
 
				+  .aside-ul{
			
 
				+    color: #999;
			
 
				+    .aside-li{
			
 
				+      cursor: pointer;
			
 
				+      font-size: 14px;
			
 
				+      .aside-li-div{
			
 
				+        padding: 0 20px;
			
 
				+        height: 56px;
			
 
				+        .fr{
			
 
				+          float: right;
			
 
				+          transition: transform 0.3s ease;
			
 
				+        }
			
 
				+        .rotate{
			
 
				+          transform: rotate(180deg);
			
 
				+        }
			
 
				+        &:hover{
			
 
				+          background-color: #f5f5f5;
			
 
				+        }
			
 
				+      }
			
 
				+      .active{
			
 
				+        background-color: #f5f5f5;
			
 
				+        color: #333;
			
 
				+        .iconfont{
			
 
				+          color: #333;
			
 
				+        }
			
 
				+      }
			
 
				+      .li-ul{
			
 
				+        max-height: 200px;
			
 
				+        transition: max-height 0.3s ease;
			
 
				+        overflow: hidden;
			
 
				+        li{
			
 
				+          height: 56px;
			
 
				+          padding: 0 47px;
			
 
				+          .aside-tip{
			
 
				+            background: #ff0000;
			
 
				+            color: #fff;
			
 
				+            border-radius: 10px;
			
 
				+            display: inline-block;
			
 
				+            width: 16px;
			
 
				+            height: 16px;
			
 
				+            text-align: center;
			
 
				+            font-size: 12px;
			
 
				+            line-height: 16px;
			
 
				+            margin-left: 4px;
			
 
				+          }
			
 
				+          &:hover{
			
 
				+            background-color: #f5f5f5;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/views/layout/header/index.vue
+++ b/src/views/layout/header/index.vue
@@ -0,0 +1,74 @@
 
				+<!--  -->
			
 
				+<template>
			
 
				+  <div class="con">
			
 
				+    <div class="logo">
			
 
				+      <img :src="require('@/assets/images/index_logo@2x.png')" alt="" />
			
 
				+      <span>永念庭管理後台</span>
			
 
				+    </div>
			
 
				+    <div class="setting">
			
 
				+      <vcenter>
			
 
				+        <div class="i-float">
			
 
				+          <div class="user">
			
 
				+            {{ userInfo.username }}
			
 
				+          </div>
			
 
				+          <el-button
			
 
				+            @click="back"
			
 
				+           type="warning" size="mini" icon="el-icon-s-home"
			
 
				+            >返回首頁</el-button
			
 
				+          >
			
 
				+          <el-button
			
 
				+            @click="logout"
			
 
				+            type="danger"
			
 
				+            size="mini"
			
 
				+            icon="el-icon-switch-button"
			
 
				+            >退出登錄</el-button
			
 
				+          >
			
 
				+        </div>
			
 
				+      </vcenter>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
			
 
				+// 例如：import 《组件名称》 from '《组件路径》';
			
 
				+import vcenter from "@/components/vcenter";
			
 
				+export default {
			
 
				+  // import引入的组件需要注入到对象中才能使用
			
 
				+  components: { vcenter },
			
 
				+  data() {
			
 
				+    let tmp = {}
			
 
				+    try {
			
 
				+      tmp = { ...JSON.parse(localStorage.getItem("userInfo"))||'' }
			
 
				+    } catch (error) {
			
 
				+      tmp={}
			
 
				+    }
			
 
				+    // 这里存放数据
			
 
				+    return {
			
 
				+      userInfo: tmp
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    back(){
			
 
				+      window.location.href = '/platform-framework/';
			
 
				+    },
			
 
				+    logout() {
			
 
				+      this.$confirm("注：您确定要安全退出本次登录吗？", "提示", {
			
 
				+        confirmButtonText: "确定",
			
 
				+        cancelButtonText: "取消",
			
 
				+        type: "warning",
			
 
				+      }).then(() => {
			
 
				+        setTimeout(()=> {
			
 
				+          localStorage.setItem("token", "");
			
 
				+          localStorage.setItem("userInfo", "");
			
 
				+          window.location.href = '/platform-framework/login.html';
			
 
				+        }, 500);
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  // 监听属性 类似于data概念
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="less" scoped>
			
 
				+@import "./style.less";
			
 
				+</style>
			
--- a/src/views/layout/header/style.less
+++ b/src/views/layout/header/style.less
@@ -0,0 +1,42 @@
 
				+.con{
			
 
				+  background: #2F4050;
			
 
				+  // background: -webkit-gradient(linear, left top, left bottom, from(#4491fa), to(#5653e4));
			
 
				+  height: 70px;
			
 
				+  display: inline-block;
			
 
				+  width: 100%;
			
 
				+  color: #fff;
			
 
				+  padding: 0 30px;
			
 
				+  position: relative;
			
 
				+  .logo{
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    img{
			
 
				+      width: 50px;
			
 
				+    }
			
 
				+    >span{
			
 
				+      font-size: 24px;
			
 
				+      margin-left: 25px;
			
 
				+    }
			
 
				+  }
			
 
				+  .setting{
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    right: 10px;
			
 
				+    top: 0;
			
 
				+    .i-float{
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      .user{
			
 
				+        margin-right: 20px;
			
 
				+      }
			
 
				+      div{
			
 
				+        margin-left: 20px;
			
 
				+        cursor: pointer;
			
 
				+        .iconfont{
			
 
				+          padding-right:5px; 
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -0,0 +1,70 @@
 
				+<template>
			
 
				+<div class="layout">
			
 
				+  <iheader />
			
 
				+  <div class="main">
			
 
				+    <div class="aside-con">
			
 
				+      <iaside />
			
 
				+    </div>
			
 
				+    <div class="r-view">
			
 
				+      <crumb :title="$route.meta.text"/>
			
 
				+      <router-view class="r-main" />
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import header from '@/views/layout/header'
			
 
				+import aside from '@/views/layout/aside'
			
 
				+import crumb from '@/components/crumb'
			
 
				+
			
 
				+export default {
			
 
				+  components: {
			
 
				+    iheader: header,
			
 
				+    iaside: aside,
			
 
				+    crumb
			
 
				+  },
			
 
				+  data () {
			
 
				+    return {
			
 
				+
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    userId () {
			
 
				+      return window.localStorage.getItem('token')
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    // if (!this.userId) {
			
 
				+    //   this.$router.push('/login')
			
 
				+    // }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.main {
			
 
				+  width: 100%;
			
 
				+  height: calc(100% - 72px);
			
 
				+  background: #f2f2f2;
			
 
				+  .aside-con {
			
 
				+    border-right: 1px solid #ebeef5;
			
 
				+    background: #fff;
			
 
				+    position: fixed;
			
 
				+    height: 100%;
			
 
				+    width: 235px;
			
 
				+    z-index: 1;
			
 
				+    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
			
 
				+  }
			
 
				+  .r-view {
			
 
				+    height: 100%;
			
 
				+    padding-left: 235px;
			
 
				+    overflow: hidden;
			
 
				+    .r-main{
			
 
				+      padding: 10px;
			
 
				+      height: calc(100% - 65px);
			
 
				+      overflow: auto;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -0,0 +1,219 @@
 
				+<template>
			
 
				+<div class="l-con">
			
 
				+  <div class="l-top">
			
 
				+    <h1>管理系统</h1>
			
 
				+  </div>
			
 
				+  <div class="l_center">
			
 
				+    <vcenter>
			
 
				+      <div class="lc-l">
			
 
				+        <img :src="logoImg" alt="">
			
 
				+        <div class="text_01">全自动精准建模，智能测距</div>
			
 
				+        <div class="text_02">多功能编辑后台，让空间延伸表达</div>
			
 
				+        <div class="text_03">简单、高效</div>
			
 
				+      </div>
			
 
				+      <div class="lc-r">
			
 
				+        <div class="lc-title">
			
 
				+          <span>后台登录</span>
			
 
				+        </div>
			
 
				+        <div class="lc-form">
			
 
				+           <el-form label-position="top" :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm">
			
 
				+              <el-form-item prop="username">
			
 
				+                <el-input type="username" placeholder="账号" v-model="ruleForm2.username" auto-complete="off"></el-input>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item prop="pass" id='no-bottom'>
			
 
				+                <el-input type="password" placeholder="密码" @keyup.enter.native="submitForm('ruleForm2')" v-model="ruleForm2.pass" auto-complete="off"></el-input>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item>
			
 
				+                <el-checkbox  v-model="checked">记住密码（在公共场所电脑请勿勾选）</el-checkbox>
			
 
				+              </el-form-item>
			
 
				+            </el-form>
			
 
				+            <div class="lc-btn">
			
 
				+              <el-button type="primary" v-loading.fullscreen.lock="fullscreenLoading" @click="submitForm('ruleForm2')">登录</el-button>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </vcenter>
			
 
				+  </div>
			
 
				+  <div class="l_footer">
			
 
				+
			
 
				+  </div>
			
 
				+</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import vcenter from '@/components/vcenter'
			
 
				+export default {
			
 
				+  name: 'login',
			
 
				+  components: {
			
 
				+    vcenter
			
 
				+  },
			
 
				+  data () {
			
 
				+    var validateUser = (rule, value, callback) => {
			
 
				+      if (!value) {
			
 
				+        return callback(new Error('用户名不能为空'))
			
 
				+      } else if (value.length < 3) {
			
 
				+        callback(new Error('用户名不合法'))
			
 
				+      } else {
			
 
				+        callback()
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    var validatePass = (rule, value, callback) => {
			
 
				+      if (value === '') {
			
 
				+        return callback(new Error('请输入密码'))
			
 
				+      } else if (value.length < 4) {
			
 
				+        callback(new Error('密码不能小于4位'))
			
 
				+      } else {
			
 
				+        callback()
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    return {
			
 
				+      fullscreenLoading: false,
			
 
				+      checked: true,
			
 
				+      logoImg: require('@/assets/images/index_logo@2x.png'),
			
 
				+      ruleForm2: {
			
 
				+        username: '',
			
 
				+        pass: ''
			
 
				+      },
			
 
				+      rules2: {
			
 
				+        username: [{
			
 
				+          validator: validateUser,
			
 
				+          trigger: 'blur'
			
 
				+        }],
			
 
				+        pass: [{
			
 
				+          validator: validatePass,
			
 
				+          trigger: 'blur'
			
 
				+        }]
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+
			
 
				+  mounted () {
			
 
				+    this.ruleForm2.username = window.localStorage.getItem('zfb_username') || ''
			
 
				+    this.ruleForm2.pass = window.localStorage.getItem('zfb_pass') || ''
			
 
				+  },
			
 
				+  methods: {
			
 
				+    login () {
			
 
				+      this.$http.post('/admin/login', {
			
 
				+        userName: this.ruleForm2.username,
			
 
				+        password: this.ruleForm2.pass
			
 
				+      }).then(res => {
			
 
				+        this.fullscreenLoading = true
			
 
				+        if (res.status === 5001 || res.status === 5002) return
			
 
				+        if (res.status === 2000) {
			
 
				+          window.localStorage.setItem('token', String(res.data.token))
			
 
				+          window.localStorage.setItem('menu', JSON.stringify(res.data.permission))
			
 
				+          window.localStorage.setItem('roleType', res.data.role[0])
			
 
				+
			
 
				+          if (this.checked) {
			
 
				+            window.localStorage.setItem('zfb_username', this.ruleForm2.username)
			
 
				+            window.localStorage.setItem('zfb_pass', this.ruleForm2.pass)
			
 
				+          } else {
			
 
				+            window.localStorage.setItem('zfb_username', '')
			
 
				+            window.localStorage.setItem('zfb_pass', '')
			
 
				+          }
			
 
				+          this.$router.push('/')
			
 
				+        } else {
			
 
				+          this.fullscreenLoading = false
			
 
				+          this.$message({
			
 
				+            type: "error",
			
 
				+            message: res.msg,
			
 
				+          });
			
 
				+        }
			
 
				+      })
			
 
				+    },
			
 
				+    submitForm (formName) {
			
 
				+      this.$refs[formName].validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          this.login()
			
 
				+        } else {
			
 
				+          return false
			
 
				+        }
			
 
				+      })
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.l-con{
			
 
				+  width: 100%;
			
 
				+  .l-top{
			
 
				+    color: #333;
			
 
				+    text-align: center;
			
 
				+    padding: 50px 0;
			
 
				+  }
			
 
				+  .l_center {
			
 
				+    height: 600px;
			
 
				+    width: 100%;
			
 
				+    padding: 0 10% 0 20%;
			
 
				+    background: url('~@/assets/images/img_login_banbg.jpg') center center no-repeat;
			
 
				+    .lc-l{
			
 
				+      display: inline-block;
			
 
				+      color: #fff;
			
 
				+      img{
			
 
				+        width: 150px;
			
 
				+      }
			
 
				+
			
 
				+      .text_01{
			
 
				+        font-size: 60px;
			
 
				+        font-weight: bold;
			
 
				+        margin-top: 70px;
			
 
				+      }
			
 
				+      .text_02{
			
 
				+        font-size: 40px;
			
 
				+        margin: 30px 0;
			
 
				+      }
			
 
				+      .text_03{
			
 
				+        font-size: 20px;
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+    .lc-r{
			
 
				+      float: right;
			
 
				+      width: 345px;
			
 
				+      height: 370px;
			
 
				+      background-color: #fff;
			
 
				+      padding: 28px 30px;
			
 
				+      .lc-title{
			
 
				+        text-align: center;
			
 
				+        border-bottom: 2px solid #0175dc;
			
 
				+        padding-bottom: 20px;
			
 
				+        span{
			
 
				+          color: #333;
			
 
				+          font-size: 16px;
			
 
				+        }
			
 
				+      }
			
 
				+      .lc-form{
			
 
				+        margin-top: 40px;
			
 
				+        .lc-btn{
			
 
				+          width: 100%;
			
 
				+          .el-button--primary{
			
 
				+            width: 100%;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .l_footer{
			
 
				+    font-size: 14px;
			
 
				+    text-align: center;
			
 
				+    margin-top: 45px;
			
 
				+    line-height: 1.5;
			
 
				+    .sub{
			
 
				+      font-size: 12px;
			
 
				+      color: #999;
			
 
				+      margin-top: 10px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 1400px) {
			
 
				+    .l-con{
			
 
				+      .l_center{
			
 
				+        padding: 0 100px;
			
 
				+      }
			
 
				+    }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/niche/index.vue
+++ b/src/views/niche/index.vue
@@ -0,0 +1,697 @@
 
				+<template>
			
 
				+  <div class="plate">
			
 
				+    <div class="top-con" v-if="!dialogFormVisible">
			
 
				+      <div class="top">
			
 
				+        <el-input v-model="boxName" placeholder="請輸入龕位名稱"></el-input>
			
 
				+        <el-input v-model="boxSn" placeholder="請輸入龕位編碼"></el-input>
			
 
				+        <el-select
			
 
				+          style="width: 90px"
			
 
				+          v-model="saleStatus"
			
 
				+          placeholder="請選擇龕位狀態"
			
 
				+        >
			
 
				+          <el-option label="全部" value></el-option>
			
 
				+          <el-option
			
 
				+            v-for="(item, i) in statusSelect"
			
 
				+            :key="i"
			
 
				+            :label="item.name"
			
 
				+            :value="item.id"
			
 
				+          ></el-option>
			
 
				+        </el-select>
			
 
				+        <el-button type="primary" @click="getList">查詢</el-button>
			
 
				+        <el-button
			
 
				+          @click="(dialogFormVisible = true), (editTitle = '新增')"
			
 
				+          type="primary"
			
 
				+          class="add"
			
 
				+          >新增</el-button
			
 
				+        >
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="body">
			
 
				+      <template v-if="!dialogFormVisible">
			
 
				+        <el-table height="65vh" :data="tableData" style="width: 100%">
			
 
				+          <el-table-column
			
 
				+            v-for="(item, idx) in data"
			
 
				+            :key="idx"
			
 
				+            :prop="item.prop"
			
 
				+            :label="item.label"
			
 
				+            :width="item.width"
			
 
				+          >
			
 
				+            <template slot-scope="scope">
			
 
				+              <img
			
 
				+                style="width: 80px; height: 80px; border-radius: 50%"
			
 
				+                v-if="item.prop === 'ico'"
			
 
				+                :src="scope.row[item.prop]"
			
 
				+              />
			
 
				+              <span v-html="scope.row[item.prop] || '-'" v-else></span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="操作">
			
 
				+            <template slot-scope="scope">
			
 
				+              <span class="o-span" @click="show(scope.row, 'edit')">修改</span>
			
 
				+              <span class="o-span del" @click="del(scope.row)">刪除</span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+        </el-table>
			
 
				+        <div class="e-page">
			
 
				+          <el-pagination
			
 
				+            @current-change="handleCurrentChange"
			
 
				+            :current-page.sync="pageNum"
			
 
				+            :page-size="size"
			
 
				+            layout="sizes, prev, pager, next"
			
 
				+            :page-sizes="[15, 50, 100, 500]"
			
 
				+            @size-change="handleSizeChange"
			
 
				+            :total="total"
			
 
				+          ></el-pagination>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+
			
 
				+      <template v-else>
			
 
				+        <div class="add-con">
			
 
				+          <el-form :model="form" :rules="rules" ref="niche">
			
 
				+            <el-form-item
			
 
				+              key="boxSn"
			
 
				+              label="龕位編碼"
			
 
				+              prop="boxSn"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                maxlength="20"
			
 
				+                show-word-limit
			
 
				+                v-model="form.boxSn"
			
 
				+                placeholder="請輸入龕位編碼"
			
 
				+                autocomplete="off"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="龕位名稱"
			
 
				+              prop="boxName"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                maxlength="10"
			
 
				+                show-word-limit
			
 
				+                v-model="form.boxName"
			
 
				+                placeholder="請輸入龕位名稱"
			
 
				+                autocomplete="off"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="方位名稱"
			
 
				+              prop="blockId"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-select v-model="form.blockId" placeholder="請選擇活動區域">
			
 
				+                <el-option
			
 
				+                  v-for="(item, i) in posiList"
			
 
				+                  :key="i"
			
 
				+                  :label="item.positionName"
			
 
				+                  :value="item.positionId"
			
 
				+                ></el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="所屬墻面"
			
 
				+              prop="wallId"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-select v-model="form.wallId" placeholder="請選擇活動區域">
			
 
				+                <el-option
			
 
				+                  v-for="(item, i) in wallList"
			
 
				+                  :key="i"
			
 
				+                  :label="item.positionName"
			
 
				+                  :value="item.positionId"
			
 
				+                ></el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <el-form-item
			
 
				+              label="墻面橫列"
			
 
				+              prop="xposition"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-select v-model="form.xposition" placeholder="請選擇活動區域">
			
 
				+                <el-option
			
 
				+                  v-for="(item, i) in row_column.row"
			
 
				+                  :key="i"
			
 
				+                  :label="item"
			
 
				+                  :value="item"
			
 
				+                ></el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+            
			
 
				+            <el-form-item
			
 
				+              label="墻面縱列"
			
 
				+              prop="yposition"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-select v-model="form.yposition" placeholder="請選擇活動區域">
			
 
				+                <el-option
			
 
				+                  v-for="(item, i) in row_column.column"
			
 
				+                  :key="i"
			
 
				+                  :label="item"
			
 
				+                  :value="item"
			
 
				+                ></el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+          
			
 
				+
			
 
				+            <el-form-item
			
 
				+              label="龕位價格"
			
 
				+              prop="price"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0])"
			
 
				+                v-model="form.price"
			
 
				+                placeholder="請輸入龕位價格"
			
 
				+                autocomplete="off"
			
 
				+              >
			
 
				+              <span style="font-size:10px" slot="suffix">
			
 
				+                HK$
			
 
				+              </span>
			
 
				+              </el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="管理費"
			
 
				+              prop="managementFee"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <div style="display:flex">
			
 
				+                <el-select v-model="form.feeType" placeholder="請選擇收費類型" style="margin-right:10px">
			
 
				+                  <el-option label="按月收費" :value="1"></el-option>
			
 
				+                  <el-option label="按年收費" :value="2"></el-option>
			
 
				+                </el-select>
			
 
				+                <el-input
			
 
				+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0])"
			
 
				+                  v-model="form.managementFee"
			
 
				+                  placeholder="請輸入管理費"
			
 
				+                  autocomplete="off"
			
 
				+                >
			
 
				+                <span style="font-size:10px" slot="suffix">
			
 
				+                  HK$
			
 
				+                </span>
			
 
				+                </el-input>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="龕位樣式"
			
 
				+              prop="boxStylePic"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-upload
			
 
				+                class="upload-demo"
			
 
				+                :action="uploadUrl"
			
 
				+                :show-file-list="false"
			
 
				+                :on-success="handleStyleSuccess"
			
 
				+                :before-upload="$beforeUpload"
			
 
				+                :on-error="handleError"
			
 
				+              >
			
 
				+              <el-input
			
 
				+                  v-model="form.boxStylePic"
			
 
				+                  v-show="false"
			
 
				+                >
			
 
				+                </el-input>
			
 
				+                <el-button size="small" type="primary">點擊上傳</el-button>
			
 
				+                <div slot="tip" class="el-upload__tip">
			
 
				+                  <div v-if="form.boxStylePic" class="thumb">
			
 
				+                    <img class="upl-img" :src="form.boxStylePic" alt="" />
			
 
				+                    <i
			
 
				+                      class="el-icon-delete"
			
 
				+                      @click="form.boxStylePic = ''"
			
 
				+                    ></i>
			
 
				+                  </div>
			
 
				+                  <p>1、支持png、jpg和gif圖片格式；</p>
			
 
				+                  <p>2、最大可上傳5M的圖片。</p>
			
 
				+                  <p>3、推薦大小：25 * 25 像素</p>
			
 
				+                </div>
			
 
				+              </el-upload>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="龕位方位"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+            <el-input
			
 
				+                  v-model="form.boxPositionPic"
			
 
				+                  v-show="false"
			
 
				+                >
			
 
				+                </el-input>
			
 
				+              <el-upload
			
 
				+                class="upload-demo"
			
 
				+                :action="uploadUrl"
			
 
				+                :show-file-list="false"
			
 
				+                :on-success="handlePositionSuccess"
			
 
				+                :before-upload="$beforeUpload"
			
 
				+                :on-error="handleError"
			
 
				+
			
 
				+              >
			
 
				+                <el-button size="small" type="primary">點擊上傳</el-button>
			
 
				+                <div slot="tip" class="el-upload__tip">
			
 
				+                  <div v-if="form.boxPositionPic" class="thumb">
			
 
				+                    <img class="upl-img" :src="form.boxPositionPic" alt="" />
			
 
				+                    <i
			
 
				+                      class="el-icon-delete"
			
 
				+                      @click="form.boxPositionPic = ''"
			
 
				+                    ></i>
			
 
				+                  </div>
			
 
				+                  <p>1、支持png、jpg和gif圖片格式；</p>
			
 
				+                  <p>2、最大可上傳5M的圖片。</p>
			
 
				+                </div>
			
 
				+              </el-upload>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <el-form-item label="出售狀態" :label-width="formLabelWidth">
			
 
				+              <el-radio-group v-model="form.saleStatus">
			
 
				+                <el-radio :label="item.id" v-for="(item,i) in statusSelect" :key="i">{{item.name}}</el-radio>
			
 
				+              </el-radio-group>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+          </el-form>
			
 
				+          <div class="btn">
			
 
				+             <el-button type="primary" @click="submitForm">保 存</el-button>
			
 
				+              <el-button @click="cancel">取 消</el-button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+let XYposition = "";
			
 
				+let BOXSN = "";
			
 
				+
			
 
				+export default {
			
 
				+  data() {
			
 
				+    let data = [
			
 
				+      {
			
 
				+        prop: "boxSn",
			
 
				+        label: "龕位編碼",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxName",
			
 
				+        label: "龕位名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "blockName",
			
 
				+        label: "方位名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "wallName",
			
 
				+        label: "所屬墻面",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "position",
			
 
				+        label: "所屬位置",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "price",
			
 
				+        label: "龕位價格（HK$）",
			
 
				+        width: 180
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "managementFee",
			
 
				+        label: "龕位管理費（HK$）",
			
 
				+        width: 180
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "updateTime",
			
 
				+        label: "修改日期",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "statusStr",
			
 
				+        label: "預約狀態",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "saleStatusStr",
			
 
				+        label: "出售狀態",
			
 
				+      },
			
 
				+      // {
			
 
				+      //   prop: "isShowStr",
			
 
				+      //   label: "顯示狀態",
			
 
				+      // },
			
 
				+    ];
			
 
				+
			
 
				+    var checkBoxSn = (rule, value, callback) => {
			
 
				+      if (!value) {
			
 
				+        return callback(new Error("請填寫龕位編碼"));
			
 
				+      } else if (BOXSN == value) {
			
 
				+        return callback();
			
 
				+      } else {
			
 
				+        setTimeout(async () => {
			
 
				+          await this.$http
			
 
				+            .get(`/box/checkBoxSn?boxSn=${value}`)
			
 
				+            .then((res) => {
			
 
				+              if (res.code === 0) {
			
 
				+                res.data.used
			
 
				+                  ? callback(new Error("龕位編碼已存在"))
			
 
				+                  : callback();
			
 
				+              } else {
			
 
				+                this.$message({
			
 
				+                  type: "error",
			
 
				+                  message: res.msg,
			
 
				+                });
			
 
				+              }
			
 
				+            });
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+      var checkXY = (rule, value, callback) => {
			
 
				+      if (!value) {
			
 
				+        return callback(new Error(rule.msg));
			
 
				+      }
			
 
				+      else if (XYposition.x == this.form.xposition&&XYposition.y == this.form.yposition) {
			
 
				+        return callback();
			
 
				+      }
			
 
				+      else if(this.form.xposition&&this.form.yposition){
			
 
				+        setTimeout(async () => {
			
 
				+          await this.$http
			
 
				+            .get(`/box/checkBoxXYpos?wallId=${this.form.wallId}&xPosition=${this.form.xposition}&yPosition=${this.form.yposition}`)
			
 
				+            .then((res) => {
			
 
				+              if (res.code === 0) {
			
 
				+                res.data.used
			
 
				+                  ? callback(new Error(rule.t))
			
 
				+                  : callback();
			
 
				+              } else {
			
 
				+                this.$message({
			
 
				+                  type: "error",
			
 
				+                  message: res.msg,
			
 
				+                });
			
 
				+              }
			
 
				+            });
			
 
				+        });
			
 
				+      }
			
 
				+      else {
			
 
				+        callback();
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+    let rules = {
			
 
				+      boxSn: [{ required: true, validator: checkBoxSn, trigger: "blur" }],
			
 
				+      boxName: [{ required: true, message: "請填寫龕位名稱", trigger: "blur" }],
			
 
				+      blockId: [{ required: true, message: "請選擇所屬方位", trigger: "blur" }],
			
 
				+      wallId: [{ required: true, message: "請選擇所屬墻面", trigger: "blur" }],
			
 
				+      xposition: [{ required: true, validator: checkXY, t:'已存在龕位，請重新選擇', msg: "請選擇墻面橫列", trigger: "change" }],
			
 
				+      yposition: [{ required: true, validator: checkXY, t:'已存在龕位，請重新選擇', msg: "請選擇墻面縱列", trigger: "change" }],
			
 
				+      price: [{ required: true, message: "請填寫龕位價格", trigger: "blur" }],
			
 
				+      managementFee: [
			
 
				+        { required: true, message: "請填寫管理費價格", trigger: "blur" },
			
 
				+      ],
			
 
				+      boxStylePic: [
			
 
				+        { required: true, message: "請上傳龕位樣式", trigger: "change" },
			
 
				+      ]
			
 
				+    };
			
 
				+    return {
			
 
				+      status: "",
			
 
				+      statusSelect:[{
			
 
				+        id:3,
			
 
				+        name:'現貨'
			
 
				+      },{
			
 
				+        id:4,
			
 
				+        name:'預售'
			
 
				+      },{
			
 
				+        id:5,
			
 
				+        name:'轉售'
			
 
				+      },{
			
 
				+        id:2,
			
 
				+        name:'已售'
			
 
				+      },{
			
 
				+        id:1,
			
 
				+        name:'已預訂'
			
 
				+      }],
			
 
				+      data,
			
 
				+      rules,
			
 
				+      tableData: [],
			
 
				+      fileList: [],
			
 
				+      isChangeWall: true,
			
 
				+      isChangeRC:true,
			
 
				+      dialogFormVisible: false,
			
 
				+      editTitle: "編輯",
			
 
				+      boxName: "",
			
 
				+      boxSn: "",
			
 
				+      saleStatus: "",
			
 
				+      form: {
			
 
				+        boxSn: "",
			
 
				+        boxName: "",
			
 
				+        blockId: "",
			
 
				+        blockName: "",
			
 
				+        wallId: "",
			
 
				+        wallName: "",
			
 
				+        saleStatus: 3,
			
 
				+        status: 0,
			
 
				+        isShow: 1,
			
 
				+        managementFee: "",
			
 
				+        feeType:2,
			
 
				+        price: "",
			
 
				+        boxStylePic: "",
			
 
				+        boxPositionPic: "",
			
 
				+        yposition:'',
			
 
				+        xposition:''
			
 
				+      },
			
 
				+      uploadUrl: this.$serverName + "sys/oss/upload",
			
 
				+      formLabelWidth: "120px",
			
 
				+      pageNum: 1,
			
 
				+      size: 15,
			
 
				+      total: 0,
			
 
				+      posiList: [],
			
 
				+    };
			
 
				+  },
			
 
				+
			
 
				+  computed: {
			
 
				+    wallList() {
			
 
				+      let tmp = this.posiList.find((item) => {
			
 
				+        return this.form.blockId == item.positionId;
			
 
				+      });
			
 
				+      return tmp ? tmp.childList : [];
			
 
				+    },
			
 
				+    row_column(){
			
 
				+      let tmp = this.wallList.find((item) => {
			
 
				+        return this.form.wallId == item.positionId;
			
 
				+      });
			
 
				+      return  {
			
 
				+        row:tmp?tmp.rowNum:0,
			
 
				+        column:tmp?tmp.columnNum:0
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  watch: {
			
 
				+    "form.blockId": function () {
			
 
				+      if (this.isChangeWall) {
			
 
				+        this.form.wallId = "";
			
 
				+      }
			
 
				+      this.isChangeWall = true;
			
 
				+    },
			
 
				+    "form.wallId": function () {
			
 
				+      if (this.isChangeRC) {
			
 
				+        this.form.xposition = "";
			
 
				+        this.form.yposition = "";
			
 
				+      }
			
 
				+      this.isChangeRC = true;
			
 
				+    },
			
 
				+    pageNum(){
			
 
				+        this.getList()
			
 
				+    },
			
 
				+    size(){
			
 
				+      this.getList()
			
 
				+    }
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.getPosiList();
			
 
				+    this.getList();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    handleSizeChange (val) {
			
 
				+      this.size = val
			
 
				+    },
			
 
				+    handleCurrentChange (val) {
			
 
				+      this.pageNum = val
			
 
				+    },
			
 
				+    reset(){
			
 
				+      this.form = {
			
 
				+        boxSn: "",
			
 
				+        boxName: "",
			
 
				+        blockId: "",
			
 
				+        blockName: "",
			
 
				+        wallId: "",
			
 
				+        wallName: "",
			
 
				+        saleStatus: 3,
			
 
				+        status: 0,
			
 
				+        isShow: 1,
			
 
				+        managementFee: "",
			
 
				+        feeType:2,
			
 
				+        price: "",
			
 
				+        boxStylePic: "",
			
 
				+        boxPositionPic: "",
			
 
				+        yposition:'',
			
 
				+        xposition:''
			
 
				+      }
			
 
				+    },
			
 
				+    cancel(){
			
 
				+      this.dialogFormVisible = false
			
 
				+      this.reset()
			
 
				+    },
			
 
				+    
			
 
				+    handleRemove(file, fileList) {
			
 
				+      console.log(file, fileList);
			
 
				+    },
			
 
				+    handlePreview(file) {
			
 
				+      console.log(file);
			
 
				+    },
			
 
				+    handleStyleSuccess(file) {
			
 
				+      this.form.boxStylePic = file.link;
			
 
				+      this.$__loading.close()
			
 
				+    },
			
 
				+
			
 
				+    handlePositionSuccess(file) {
			
 
				+      this.form.boxPositionPic = file.link;
			
 
				+      this.$__loading.close()
			
 
				+    },
			
 
				+
			
 
				+    del(item) {
			
 
				+      this.$confirm("此操作將刪除該數據, 是否繼續?", "提示", {
			
 
				+        confirmButtonText: "確定",
			
 
				+        cancelButtonText: "取消",
			
 
				+        type: "warning"
			
 
				+      })
			
 
				+        .then(() => {
			
 
				+          this.$http
			
 
				+            .post(`/box/batchDelete?ids=${item.boxId}`, {})
			
 
				+            .then((res) => {
			
 
				+              if (res.code === 0) {
			
 
				+                this.$alert("刪除成功", "提示", {
			
 
				+                  confirmButtonText: "確定",
			
 
				+                  callback: () => {
			
 
				+                    this.reset()
			
 
				+                    this.getList();
			
 
				+                  },
			
 
				+                });
			
 
				+              } else {
			
 
				+                this.$message({
			
 
				+                  type: "error",
			
 
				+                  message: res.msg,
			
 
				+                });
			
 
				+              }
			
 
				+            });
			
 
				+        })
			
 
				+        .catch(() => {
			
 
				+          this.$message({
			
 
				+            type: "info",
			
 
				+            message: "已取消刪除",
			
 
				+          });
			
 
				+        });
			
 
				+    },
			
 
				+
			
 
				+    async show(item) {
			
 
				+      this.isChangeWall = false;
			
 
				+      this.isChangeRC = false;
			
 
				+
			
 
				+      let result = await this.$http.get(`box/getDetail`, {
			
 
				+        params: {
			
 
				+          id: item.boxId,
			
 
				+        },
			
 
				+      });
			
 
				+      this.form = result.data;
			
 
				+      this.dialogFormVisible = true;
			
 
				+      this.editTitle = "編輯";
			
 
				+      XYposition = {
			
 
				+        x:this.form.xposition,
			
 
				+        y:this.form.yposition
			
 
				+      },
			
 
				+      BOXSN = this.form.boxSn
			
 
				+    },
			
 
				+
			
 
				+    async save() {
			
 
				+      let url = this.editTitle != "編輯" ? "/box/add" : "/box/update";
			
 
				+      let tmp =  this.wallList.find(item=>item.positionId==this.form.wallId)
			
 
				+      let tmp2 =  this.posiList.find(item=>item.positionId==this.form.blockId)
			
 
				+
			
 
				+      this.form.wallName = tmp.positionName
			
 
				+      this.form.blockName = tmp2.positionName
			
 
				+
			
 
				+
			
 
				+      let result = await this.$http.post(url, {
			
 
				+        ...this.form,
			
 
				+      });
			
 
				+      if (result.code == 0) {
			
 
				+        this.$alert("操作成功", "提示", {
			
 
				+          confirmButtonText: "確定",
			
 
				+          callback: () => {
			
 
				+            this.reset()
			
 
				+            this.dialogFormVisible = false;
			
 
				+            this.getList();
			
 
				+          },
			
 
				+        });
			
 
				+      }else{
			
 
				+        this.$message({
			
 
				+          type: "error",
			
 
				+          message: result.msg,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    submitForm() {
			
 
				+      this.$refs.niche.validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          this.save();
			
 
				+        } else {
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    async getPosiList() {
			
 
				+      let result = await this.$http.get(`box/position/getList`, {
			
 
				+        params: {
			
 
				+          name: "",
			
 
				+          pageNum: 1,
			
 
				+          pageSize: 1000,
			
 
				+        },
			
 
				+      });
			
 
				+      this.posiList = result.data.list;
			
 
				+    },
			
 
				+    async getList() {
			
 
				+      let result = await this.$http.get(`/box/getOrQuery`, {
			
 
				+        params: {
			
 
				+          boxName: this.boxName,
			
 
				+          boxSn: this.boxSn,
			
 
				+          saleStatus: this.saleStatus,
			
 
				+          pageNum: this.pageNum,
			
 
				+          pageSize: this.size,
			
 
				+        },
			
 
				+      });
			
 
				+
			
 
				+      this.tableData = result.data.list.map((item) => {
			
 
				+        item["isShowStr"] = item["isShow"] ? "顯示" : "不顯示";
			
 
				+        item["saleStatusStr"] = this.$statusStr[item["saleStatus"]];
			
 
				+        item["statusStr"] = this.$statusStr[item["status"]];
			
 
				+
			
 
				+        item["position"] = `橫列：第${item['xposition']||' - '}橫<br/>縱列：第${item['yposition']||' - '}列`;
			
 
				+        return item;
			
 
				+      });
			
 
				+      this.total= result.data.totalNum
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.thumb {
			
 
				+  display: block;
			
 
				+  margin: 10px 0;
			
 
				+  position: relative;
			
 
				+  width: 120px;
			
 
				+  > img {
			
 
				+    max-width: 120px;
			
 
				+  }
			
 
				+  &:hover {
			
 
				+    .el-icon-delete {
			
 
				+      display: block;
			
 
				+    }
			
 
				+  }
			
 
				+  .el-icon-delete {
			
 
				+    position: absolute;
			
 
				+    right: 5px;
			
 
				+    top: 5px;
			
 
				+    font-size: 20px;
			
 
				+    cursor: pointer;
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -0,0 +1,285 @@
 
				+<template>
			
 
				+  <div class="plate">
			
 
				+    <div class="top-con">
			
 
				+      <div class="top">
			
 
				+        <el-input v-model="boxName" placeholder="请输入龛位名称"></el-input>
			
 
				+        <el-input v-model="boxSn" placeholder="请输入龛位编码"></el-input>
			
 
				+        <el-select style="width:90px;" v-model='saleStatus' placeholder="请选择龛位状态">
			
 
				+          <el-option label="全部" value></el-option>
			
 
				+          <el-option label="待處理" value='0'></el-option>
			
 
				+          <el-option label="已處理" value='1'></el-option>
			
 
				+
			
 
				+        </el-select>
			
 
				+        <el-button type="primary" @click="getList">查询</el-button>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="body">
			
 
				+      <el-table height="65vh"
			
 
				+      :data="tableData" style="width: 100%">
			
 
				+        <el-table-column
			
 
				+          v-for="(item, idx) in data"
			
 
				+          :key="idx"
			
 
				+          :prop="item.prop"
			
 
				+          :label="item.label"
			
 
				+          :width="item.width"
			
 
				+        >
			
 
				+          <template slot-scope="scope">
			
 
				+            <img
			
 
				+              style="width:80px;height:80px;border-radius:50%;"
			
 
				+              v-if="item.prop === 'ico'"
			
 
				+              :src="scope.row[item.prop]"
			
 
				+              alt
			
 
				+            />
			
 
				+            <span v-else>{{ scope.row[item.prop] || "-" }}</span>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+        <el-table-column label="操作">
			
 
				+          <template slot-scope="scope">
			
 
				+              <span class="o-span" @click="show(scope.row, 'edit')">編輯訂單狀態</span>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+      </el-table>
			
 
				+      <div class="e-page">
			
 
				+          <el-pagination
			
 
				+            @current-change="handleCurrentChange"
			
 
				+            :current-page.sync="pageNum"
			
 
				+            :page-size="size"
			
 
				+            layout="sizes, prev, pager, next"
			
 
				+            :page-sizes="[15, 50, 100, 500]"
			
 
				+            @size-change="handleSizeChange"
			
 
				+            :total="total"
			
 
				+          ></el-pagination>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <el-dialog :close-on-click-modal="false" :title="editTitle" :visible.sync="dialogFormVisible" width="40%">
			
 
				+      <div>
			
 
				+        <el-form :model="form" :rules="rules" ref="order">
			
 
				+          <el-form-item porp="isHandle" label="處理狀態" :label-width="formLabelWidth">
			
 
				+            <el-radio-group v-model="form.isHandle">
			
 
				+              <el-radio :label="0">待處理</el-radio>
			
 
				+              <el-radio :label="1">已處理</el-radio>
			
 
				+            </el-radio-group>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+           <el-form-item  porp="handleTime" label="處理時間" :label-width="formLabelWidth">
			
 
				+             <el-date-picker
			
 
				+              v-model="form.handleTime"
			
 
				+              type="datetime"
			
 
				+              :value-format="format"
			
 
				+              placeholder="选择日期时间">
			
 
				+            </el-date-picker>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+      </div>
			
 
				+      <div slot="footer" class="dialog-footer">
			
 
				+        <el-button type="primary" @click="submitForm">保 存</el-button>
			
 
				+        <el-button @click="dialogFormVisible = false">取 消</el-button>
			
 
				+      </div>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    let data = [
			
 
				+      {
			
 
				+        prop: "orderSn",
			
 
				+        label: "訂單編號",
			
 
				+        width:200
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "positionName",
			
 
				+        label: "所屬區域",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "wallName",
			
 
				+        label: "所屬墻面",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxSn",
			
 
				+        label: "龕位編碼",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxName",
			
 
				+        label: "龕位名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxPrice",
			
 
				+        label: "龕位金額（HK$）",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxUserName",
			
 
				+        label: "客戶名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "boxUserEmail",
			
 
				+        label: "客戶郵箱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "reservationDate",
			
 
				+        label: "預定日期",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "handleTime",
			
 
				+        label: "處理時間",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "isHandleStr",
			
 
				+        label: "處理状态",
			
 
				+      },
			
 
				+      //  {
			
 
				+      //   prop: "statusStr",
			
 
				+      //   label: "預約狀態",
			
 
				+      // },
			
 
				+    ];
			
 
				+
			
 
				+    let rules= {
			
 
				+          isHandle: [
			
 
				+            { required: true, message: '请選擇處理狀態', trigger: 'blur' }
			
 
				+          ],
			
 
				+          handleTime: [
			
 
				+            { required: true, message: '请填写處理時間', trigger: 'blur' }
			
 
				+          ]
			
 
				+        }
			
 
				+    let FORMAT = 'yyyy-MM-dd hh:mm:ss'
			
 
				+    console.log((new Date()).Format(FORMAT));
			
 
				+    return {
			
 
				+      data,
			
 
				+      rules,
			
 
				+      tableData: [],
			
 
				+      dialogFormVisible: false,
			
 
				+      editTitle: "訂單處理",
			
 
				+      boxName:'',
			
 
				+      boxSn:'',
			
 
				+      saleStatus:'',
			
 
				+      format:FORMAT,
			
 
				+      form: {
			
 
				+        isHandle: "",
			
 
				+        handleTime: '',
			
 
				+      },
			
 
				+      formLabelWidth: "120px",
			
 
				+      pageNum: 1,
			
 
				+      size: 15,
			
 
				+      total: 0
			
 
				+    };
			
 
				+  },
			
 
				+
			
 
				+  computed:{
			
 
				+      wallList(){
			
 
				+        let tmp =  this.posiList.find(item=>{
			
 
				+         return this.form.blockId == item.positionId
			
 
				+        })
			
 
				+        return tmp?tmp.childList:[]
			
 
				+      }
			
 
				+  },
			
 
				+  watch:{
			
 
				+    'form.blockId':function () {
			
 
				+        this.form.wallId = ''
			
 
				+    },
			
 
				+    pageNum(){
			
 
				+        this.getList()
			
 
				+    },
			
 
				+    size(){
			
 
				+      this.getList()
			
 
				+    }
			
 
				+  },
			
 
				+  mounted(){
			
 
				+    this.getList()
			
 
				+  },
			
 
				+  methods:{
			
 
				+    handleSizeChange (val) {
			
 
				+      this.size = val
			
 
				+    },
			
 
				+    handleCurrentChange (val) {
			
 
				+      this.pageNum = val
			
 
				+    },
			
 
				+    async show(item){
			
 
				+       let result = await this.$http.get(`box/order/getDetail`,
			
 
				+        {
			
 
				+          params:{
			
 
				+            id:item.orderId
			
 
				+          }
			
 
				+        })
			
 
				+      this.form = result.data
			
 
				+      this.form.handleTime =  this.form.handleTime|| (new Date()).Format(this.format)
			
 
				+      this.dialogFormVisible = true
			
 
				+      this.editTitle = '訂單處理'
			
 
				+    },
			
 
				+
			
 
				+    async save(){
			
 
				+      let url = '/box/order/update'
			
 
				+      let result = await this.$http.post(url,{
			
 
				+          ...this.form
			
 
				+      })
			
 
				+      if (result.code == 0) {
			
 
				+      this.$alert('操作成功', '提示', {
			
 
				+        confirmButtonText: '确定',
			
 
				+        callback: () => {
			
 
				+          this.form={
			
 
				+            isHandle: "",
			
 
				+            updateTime:""
			
 
				+          }
			
 
				+          this.dialogFormVisible = false
			
 
				+          this.getList()
			
 
				+        }
			
 
				+      })
			
 
				+      }
			
 
				+    },
			
 
				+    submitForm() {
			
 
				+        this.$refs.order.validate((valid) => {
			
 
				+          if (valid) {
			
 
				+            this.save()
			
 
				+          } else {
			
 
				+            return false;
			
 
				+          }
			
 
				+        });
			
 
				+      },
			
 
				+   
			
 
				+    async getList(){
			
 
				+      let result = await this.$http.get(`/box/order/getOrQuery`,{
			
 
				+        params:{
			
 
				+          boxName:this.boxName,
			
 
				+          boxSn:this.boxSn,
			
 
				+          status:this.saleStatus,
			
 
				+          pageNum:this.pageNum,
			
 
				+          pageSize:this.size
			
 
				+        }
			
 
				+      })
			
 
				+
			
 
				+      this.tableData = result.data.list.map(item=>{
			
 
				+        item['isShowStr'] = item['isShow']?'顯示':'不顯示'
			
 
				+        item["statusStr"] = this.$statusStr[item["status"]];
			
 
				+        item['isHandleStr'] = item['status']==2?'客戶已取消':(item['isHandle']?'已處理':'待處理')
			
 
				+        return item
			
 
				+      })
			
 
				+      this.total = result.data.totalNum
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.thumb{
			
 
				+  display: block;
			
 
				+  margin: 10px 0;
			
 
				+  position: relative;
			
 
				+  width: 120px;
			
 
				+  >img{
			
 
				+    max-width: 120px;
			
 
				+  }
			
 
				+  &:hover{
			
 
				+    .el-icon-delete{
			
 
				+      display: block;
			
 
				+    }
			
 
				+  }
			
 
				+  .el-icon-delete{
			
 
				+    position: absolute;
			
 
				+    right: 5px;
			
 
				+    top: 5px;
			
 
				+    font-size: 20px;
			
 
				+    cursor: pointer;
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/position/index.vue
+++ b/src/views/position/index.vue
@@ -0,0 +1,546 @@
 
				+<template>
			
 
				+  <div class="plate">
			
 
				+    <div class="top-con" v-if="!dialogFormVisible">
			
 
				+      <div class="top">
			
 
				+        <el-input v-model="name" placeholder="请输入一級方位名称"></el-input>
			
 
				+        <el-button @click="getList" type="primary">查询</el-button>
			
 
				+        <el-button
			
 
				+          @click="(dialogFormVisible = true), (editTitle = '新增')"
			
 
				+          type="primary"
			
 
				+          class="add"
			
 
				+          >新增</el-button
			
 
				+        >
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="body">
			
 
				+      <template v-if="!dialogFormVisible">
			
 
				+        <el-table
			
 
				+          :data="tableData"
			
 
				+          row-key="positionId"
			
 
				+          :tree-props="{ children: 'childList' }"
			
 
				+          style="width: 100%"
			
 
				+        >
			
 
				+          <el-table-column
			
 
				+            v-for="(item, idx) in data"
			
 
				+            :key="idx"
			
 
				+            :prop="item.prop"
			
 
				+            :label="item.label"
			
 
				+          >
			
 
				+            <template slot-scope="scope">
			
 
				+              <img
			
 
				+                style="width: 80px; height: 80px; border-radius: 50%"
			
 
				+                v-if="item.prop === 'ico'"
			
 
				+                :src="scope.row[item.prop]"
			
 
				+                alt
			
 
				+              />
			
 
				+              <span v-else>{{ scope.row[item.prop] || "-" }}</span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="操作">
			
 
				+            <template slot-scope="scope">
			
 
				+              <span class="o-span" @click="show(scope.row, 'edit')">修改</span>
			
 
				+              <span class="o-span del" @click="del(scope.row)">刪除</span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+        </el-table>
			
 
				+        <div class="e-page">
			
 
				+          <el-pagination
			
 
				+            @current-change="handleCurrentChange"
			
 
				+            :current-page.sync="pageNum"
			
 
				+            :page-size="size"
			
 
				+            layout="sizes, prev, pager, next"
			
 
				+            :page-sizes="[15, 50, 100, 500]"
			
 
				+            @size-change="handleSizeChange"
			
 
				+            :total="total"
			
 
				+          ></el-pagination>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+      <template v-else>
			
 
				+        <div class="add-con">
			
 
				+          <el-form :model="form" :rules="rules" ref="position">
			
 
				+            <el-form-item
			
 
				+              label="級別"
			
 
				+              prop="level"
			
 
				+              key="level"
			
 
				+              :label-width="formLabelWidth"
			
 
				+            >
			
 
				+              <el-radio-group
			
 
				+                :disabled="editTitle == '編輯'"
			
 
				+                v-model="form.level"
			
 
				+              >
			
 
				+                <el-radio :label="1">一級</el-radio>
			
 
				+                <el-radio :label="2">二級</el-radio>
			
 
				+              </el-radio-group>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <template v-if="form.level == 1">
			
 
				+              <el-form-item
			
 
				+                label="方位名稱"
			
 
				+                prop="positionName"
			
 
				+                key="positionName1"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input
			
 
				+                  maxlength="10"
			
 
				+                  show-word-limit
			
 
				+                  v-model="form.positionName"
			
 
				+                  placeholder="请输入方位名稱"
			
 
				+                  autocomplete="off"
			
 
				+                ></el-input>
			
 
				+              </el-form-item>
			
 
				+            </template>
			
 
				+
			
 
				+            <template v-if="form.level == 2">
			
 
				+              <el-form-item
			
 
				+                prop="parentId"
			
 
				+                key="parentId"
			
 
				+                label="一級方位"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-select v-model="form.parentId" placeholder="请选择一級方位">
			
 
				+                  <el-option
			
 
				+                    v-for="(item, i) in tableData"
			
 
				+                    :key="i"
			
 
				+                    :label="item.positionName"
			
 
				+                    :value="item.positionId"
			
 
				+                  ></el-option>
			
 
				+                </el-select>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                label="所属墙面"
			
 
				+                key="positionName2"
			
 
				+                prop="positionName"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input
			
 
				+                  maxlength="10"
			
 
				+                  show-word-limit
			
 
				+                  v-model="form.positionName"
			
 
				+                  placeholder="请输入所属墙面名稱"
			
 
				+                  autocomplete="off"
			
 
				+                ></el-input>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                prop="hotId"
			
 
				+                key="hotId"
			
 
				+                label="选择绑定热点"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-select v-model="form.hotId" placeholder="选择可绑定的热点">
			
 
				+                  <el-option
			
 
				+                    v-for="(item, i) in hotspotList"
			
 
				+                    :key="i"
			
 
				+                    :label="item.label"
			
 
				+                    :value="item.sid"
			
 
				+                  ></el-option>
			
 
				+                </el-select>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                label="熱點圖片"
			
 
				+                key="stylePic"
			
 
				+                prop="stylePic"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input v-model="form.stylePic" v-show="false"> </el-input>
			
 
				+                <el-upload
			
 
				+                  class="upload-demo"
			
 
				+                  :action="uploadUrl"
			
 
				+                  :show-file-list="false"
			
 
				+                  :on-success="handleStyleSuccess"
			
 
				+                  :before-upload="$beforeUpload"
			
 
				+                >
			
 
				+                  <el-button size="small" type="primary">点击上传</el-button>
			
 
				+                </el-upload>
			
 
				+                <div class="el-upload__tip">
			
 
				+                  <div v-if="form.stylePic" class="thumb">
			
 
				+                    <img class="upl-img" :src="form.stylePic" alt="" />
			
 
				+                    <i class="el-icon-delete" @click="form.stylePic = ''"></i>
			
 
				+                  </div>
			
 
				+                  <p>1、支持png、jpg和gif图片格式；</p>
			
 
				+                  <p>2、最大可上传5M的图片。</p>
			
 
				+                  <p>3、推薦大小：25*25像素。</p>
			
 
				+                </div>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                label="熱點顯示價格"
			
 
				+                key="lowestPrice"
			
 
				+                prop="lowestPrice"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input
			
 
				+                  v-model="form.lowestPrice"
			
 
				+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0])"
			
 
				+                  placeholder="请填写熱點顯示的價格"
			
 
				+                  autocomplete="off"
			
 
				+                >
			
 
				+                  <span style="font-size: 10px" slot="suffix"> HK$ </span>
			
 
				+                </el-input>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                prop="rowNum"
			
 
				+                key="rowNum"
			
 
				+                label="墙面橫數"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input
			
 
				+                  v-model="form.rowNum"
			
 
				+                  placeholder="请输入墙面龕位橫數"
			
 
				+                  autocomplete="off"
			
 
				+                ></el-input>
			
 
				+              </el-form-item>
			
 
				+
			
 
				+              <el-form-item
			
 
				+                label="墙面縱數"
			
 
				+                key="columnNum"
			
 
				+                prop="columnNum"
			
 
				+                :label-width="formLabelWidth"
			
 
				+              >
			
 
				+                <el-input
			
 
				+                  v-model="form.columnNum"
			
 
				+                  placeholder="请输入墙面龕位縱數"
			
 
				+                  autocomplete="off"
			
 
				+                ></el-input>
			
 
				+              </el-form-item>
			
 
				+            </template>
			
 
				+
			
 
				+            <el-form-item label="排序" :label-width="formLabelWidth">
			
 
				+              <el-input
			
 
				+                v-model="form.sort"
			
 
				+                placeholder="请输入排序"
			
 
				+                autocomplete="off"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <!-- <el-form-item label="显示状态" :label-width="formLabelWidth">
			
 
				+              <el-radio-group v-model="form.isShow">
			
 
				+                <el-radio :label="1">顯示</el-radio>
			
 
				+                <el-radio :label="0">不顯示</el-radio>
			
 
				+              </el-radio-group>
			
 
				+            </el-form-item> -->
			
 
				+          </el-form>
			
 
				+          <div class="btn">
			
 
				+            <el-button type="primary" @click="submitForm">保 存</el-button>
			
 
				+            <el-button @click="cancel">取 消</el-button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+const senceCode = "tSrGwEa0n";
			
 
				+
			
 
				+let cacheHotId = "";
			
 
				+
			
 
				+let rules1 = "";
			
 
				+let rules2 = "";
			
 
				+export default {
			
 
				+  data() {
			
 
				+    var checkHotId = (rule, value, callback) => {
			
 
				+      console.log(cacheHotId, value);
			
 
				+      if (!value) {
			
 
				+        return callback(new Error("請選擇熱點"));
			
 
				+      } else if (cacheHotId == value) {
			
 
				+        return callback();
			
 
				+      } else {
			
 
				+        setTimeout(async () => {
			
 
				+          await this.$http
			
 
				+            .get(`/box/position/checkHot?hotId=${value}`)
			
 
				+            .then((res) => {
			
 
				+              if (res.code === 0) {
			
 
				+                res.data.bindFlag
			
 
				+                  ? callback(new Error("熱點已被綁定"))
			
 
				+                  : callback();
			
 
				+              } else {
			
 
				+                this.$message({
			
 
				+                  type: "error",
			
 
				+                  message: res.msg,
			
 
				+                });
			
 
				+              }
			
 
				+            });
			
 
				+        });
			
 
				+      }
			
 
				+    };
			
 
				+
			
 
				+    rules1 = {
			
 
				+      positionName: [
			
 
				+        { required: true, message: "请填写方位名稱", trigger: "blur" },
			
 
				+      ],
			
 
				+      level: [{ required: true, message: "请選擇級別", trigger: "blur" }],
			
 
				+    };
			
 
				+    rules2 = {
			
 
				+      positionName: [
			
 
				+        { required: true, message: "请填写所屬墻面", trigger: "blur" },
			
 
				+      ],
			
 
				+      level: [{ required: true, message: "请選擇級別", trigger: "blur" }],
			
 
				+      parentId: [
			
 
				+        { required: true, message: "请選擇一級方位", trigger: "change" },
			
 
				+      ],
			
 
				+      rowNum: [
			
 
				+        { required: true, message: "请填写墙面橫數", trigger: "blur" },
			
 
				+      ],
			
 
				+      columnNum: [
			
 
				+        { required: true, message: "请選擇墙面縱數", trigger: "blur" },
			
 
				+      ],
			
 
				+      lowestPrice: [
			
 
				+        { required: true, message: "请填写熱點顯示價格", trigger: "blur" },
			
 
				+      ],
			
 
				+      hotId: [{ required: true, validator: checkHotId, trigger: "change" }],
			
 
				+      stylePic: [
			
 
				+        { required: true, message: "请上傳熱點圖片", trigger: "change" },
			
 
				+      ],
			
 
				+    };
			
 
				+    let data = [
			
 
				+      {
			
 
				+        prop: "levelStr",
			
 
				+        label: "級別",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "positionName",
			
 
				+        label: "方位名稱",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "wallName",
			
 
				+        label: "所屬墻面",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "rowNum",
			
 
				+        label: "橫數",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "columnNum",
			
 
				+        label: "縱數",
			
 
				+      },
			
 
				+      {
			
 
				+        prop: "updateTime",
			
 
				+        label: "修改日期",
			
 
				+      },
			
 
				+      // {
			
 
				+      //   prop: "isShowStr",
			
 
				+      //   label: "顯示狀態",
			
 
				+      // },
			
 
				+    ];
			
 
				+
			
 
				+    return {
			
 
				+      data,
			
 
				+      name: "",
			
 
				+      tableData: [],
			
 
				+      uploadUrl: this.$serverName + "sys/oss/upload",
			
 
				+      fileList: [],
			
 
				+      hotspotList: [],
			
 
				+      dialogFormVisible: false,
			
 
				+      editTitle: "編輯",
			
 
				+      form: {
			
 
				+        positionName: "",
			
 
				+        wallName: "",
			
 
				+        level: 1,
			
 
				+        lowestPrice: "",
			
 
				+        stylePic: "",
			
 
				+        sort: "",
			
 
				+        parentId: "",
			
 
				+        hotId: "",
			
 
				+        hotTag: "",
			
 
				+        rowNum: "",
			
 
				+        columnNum: "",
			
 
				+        isShow: 1,
			
 
				+      },
			
 
				+      pageNum: 1,
			
 
				+      size: 15,
			
 
				+      total: 0,
			
 
				+      formLabelWidth: "120px",
			
 
				+      bindFlag: 0,
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.getList();
			
 
				+    this.getHotSpotList();
			
 
				+  },
			
 
				+  computed: {
			
 
				+    rules() {
			
 
				+      return this.form.level == 2 ? rules2 : rules1;
			
 
				+    },
			
 
				+  },
			
 
				+  watch: {
			
 
				+    pageNum() {
			
 
				+      this.getList();
			
 
				+    },
			
 
				+    size() {
			
 
				+      this.getList();
			
 
				+    },
			
 
				+    "form.hotId": function (newVal) {
			
 
				+      if (newVal) {
			
 
				+        this.$http.get(`/box/position/checkHot?hotId=${newVal}`).then((res) => {
			
 
				+          if (res.code === 0) {
			
 
				+            this.bindFlag = res.data.bindFlag;
			
 
				+          } else {
			
 
				+            this.$message({
			
 
				+              type: "error",
			
 
				+              message: res.msg,
			
 
				+            });
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    handleSizeChange(val) {
			
 
				+      this.size = val;
			
 
				+    },
			
 
				+    handleCurrentChange(val) {
			
 
				+      this.pageNum = val;
			
 
				+    },
			
 
				+    reset() {
			
 
				+      this.form = {
			
 
				+        positionName: "",
			
 
				+        wallName: "",
			
 
				+        level: 1,
			
 
				+        lowestPrice: "",
			
 
				+        stylePic: "",
			
 
				+        sort: "",
			
 
				+        parentId: "",
			
 
				+        hotId: "",
			
 
				+        hotTag: "",
			
 
				+        rowNum: "",
			
 
				+        columnNum: "",
			
 
				+        isShow: 1,
			
 
				+      };
			
 
				+    },
			
 
				+    cancel() {
			
 
				+      this.dialogFormVisible = false;
			
 
				+      this.reset();
			
 
				+    },
			
 
				+    handleStyleSuccess(file) {
			
 
				+      this.form.stylePic = file.link;
			
 
				+      this.$__loading.close();
			
 
				+    },
			
 
				+
			
 
				+    async save() {
			
 
				+      let url =
			
 
				+        this.editTitle != "編輯" ? `/box/position/add` : "/box/position/update";
			
 
				+      let tmp = this.hotspotList.find((item) => item.sid == this.form.hotId);
			
 
				+      // if (this.form.level == 2) {
			
 
				+      //   let tmp2 =  this.tableData.find(item=>item.positionId==this.form.parentId)
			
 
				+      //   this.form.positionName = tmp2.positionName
			
 
				+      // }
			
 
				+      this.form.hotTag = tmp ? tmp.label : "";
			
 
				+      let result = await this.$http.post(url, {
			
 
				+        ...this.form,
			
 
				+      });
			
 
				+      if (result.code == 0) {
			
 
				+        this.$alert("操作成功", "提示", {
			
 
				+          confirmButtonText: "确定",
			
 
				+          callback: () => {
			
 
				+            this.reset();
			
 
				+            this.dialogFormVisible = false;
			
 
				+            this.getList();
			
 
				+          },
			
 
				+        });
			
 
				+      } else {
			
 
				+        this.$message({
			
 
				+          type: "error",
			
 
				+          message: result.msg,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    del(item) {
			
 
				+      this.$confirm("此操作将删除该数据, 是否继续?", "提示", {
			
 
				+        confirmButtonText: "确定",
			
 
				+        cancelButtonText: "取消",
			
 
				+        type: "warning",
			
 
				+      })
			
 
				+        .then(() => {
			
 
				+          this.$http
			
 
				+            .post(`/box/position/deleteBatch?ids=${item.positionId}`, {})
			
 
				+            .then((res) => {
			
 
				+              if (res.code === 0) {
			
 
				+                this.$alert("删除成功", "提示", {
			
 
				+                  confirmButtonText: "确定",
			
 
				+                  callback: () => {
			
 
				+                    this.getList();
			
 
				+                  },
			
 
				+                });
			
 
				+              } else {
			
 
				+                this.$message({
			
 
				+                  type: "error",
			
 
				+                  message: res.msg,
			
 
				+                });
			
 
				+              }
			
 
				+            });
			
 
				+        })
			
 
				+        .catch(() => {
			
 
				+          this.$message({
			
 
				+            type: "info",
			
 
				+            message: "已取消删除",
			
 
				+          });
			
 
				+        });
			
 
				+    },
			
 
				+    async show(item) {
			
 
				+      let result = await this.$http.get(`/box/position/getDetail`, {
			
 
				+        params: {
			
 
				+          positionId: item.positionId,
			
 
				+        },
			
 
				+      });
			
 
				+      this.form = result.data;
			
 
				+      this.dialogFormVisible = true;
			
 
				+      cacheHotId = this.form.hotId;
			
 
				+      this.editTitle = "編輯";
			
 
				+    },
			
 
				+
			
 
				+    submitForm() {
			
 
				+      this.$refs.position.validate((valid) => {
			
 
				+        if (valid) {
			
 
				+          this.save();
			
 
				+        } else {
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    async getList() {
			
 
				+      let result = await this.$http.get(`box/position/getList`, {
			
 
				+        params: {
			
 
				+          name: this.name,
			
 
				+          pageNum: this.pageNum,
			
 
				+          pageSize: this.size,
			
 
				+        },
			
 
				+      });
			
 
				+
			
 
				+      this.tableData = result.data.list.map((item) => {
			
 
				+        item["levelStr"] = "L" + item["level"];
			
 
				+        item["isShowStr"] = item["isShow"] ? "顯示" : "不顯示";
			
 
				+        item["childList"].forEach((i) => {
			
 
				+          i["levelStr"] = "L" + i["level"];
			
 
				+          i["wallName"] = i["positionName"];
			
 
				+          (i["positionName"] = ""),
			
 
				+            (i["isShowStr"] = i["isShow"] ? "顯示" : "不顯示");
			
 
				+        });
			
 
				+        return item;
			
 
				+      });
			
 
				+      this.total = result.data.totalNum;
			
 
				+    },
			
 
				+
			
 
				+    async getHotSpotList() {
			
 
				+      let result = await this.$http.get(
			
 
				+        `https://4dkk.4dage.com/data/data${senceCode}/hot.json`
			
 
				+      );
			
 
				+      this.hotspotList = result;
			
 
				+    },
			
 
				+    handleRemove(file, fileList) {
			
 
				+      console.log(file, fileList);
			
 
				+    },
			
 
				+    handlePreview(file) {
			
 
				+      console.log(file);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.top {
			
 
				+  width: 20% !important;
			
 
				+}
			
 
				+</style>
			
--- a/style/config.json
+++ b/style/config.json
@@ -0,0 +1 @@
 
				+{"global":{"$--color-primary":"#2F4050"},"local":{}}
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,3 @@
 
				+module.exports = {
			
 
				+  publicPath: "./"
			
 
				+};
		`@@ -0,0 +1 @@`
		`+{"global":{"$--color-primary":"#2F4050"},"local":{}}`