├── src
    ├── assets
    │   ├── .gitkeep
    │   ├── logo.png
    │   └── favicon.ico
    ├── static
    │   ├── .gitkeep
    │   ├── css
    │   │   └── wap.css
    │   └── images
    │   │   ├── sf.png
    │   │   ├── back1.jpg
    │   │   ├── icons.jpg
    │   │   └── loading2.gif
    ├── settings.js
    ├── store
    │   ├── index.js
    │   └── modules
    │   │   └── index.js
    ├── config
    │   └── api.js
    ├── main.js
    ├── components
    │   ├── WapPage.vue
    │   ├── Wap
    │   │   ├── Topbar.vue
    │   │   ├── WapPage.vue
    │   │   ├── CenterPage.vue
    │   │   ├── Footerbar.vue
    │   │   └── GoodsPage.vue
    │   ├── DashboardPage.vue
    │   ├── Common
    │   │   ├── Navbar.vue
    │   │   ├── Countdown.vue
    │   │   └── Sidebar.vue
    │   ├── Freight
    │   │   ├── FreightPage.vue
    │   │   ├── ExceptAreaPage.vue
    │   │   └── ExceptAreaAddPage.vue
    │   ├── Admin
    │   │   ├── AdminPage.vue
    │   │   └── AdminAddPage.vue
    │   ├── GoodsGallery
    │   │   └── GoodsGalleryEditPage.vue
    │   ├── Keywords
    │   │   ├── KeywordsAddPage.vue
    │   │   └── KeywordsPage.vue
    │   ├── ShopCart
    │   │   └── ShopCartPage.vue
    │   ├── Shipper
    │   │   ├── ShipperAddPage.vue
    │   │   ├── ShipperListPage.vue
    │   │   └── ShipperPage.vue
    │   ├── Showset
    │   │   └── ShowSetPage.vue
    │   ├── Ad
    │   │   ├── AdPage.vue
    │   │   └── AdAddPage.vue
    │   ├── LoginPage.vue
    │   ├── Comment
    │   │   ├── ComPage.vue
    │   │   └── ComAddPage.vue
    │   ├── Settings
    │   │   └── NoticePage.vue
    │   ├── User
    │   │   └── UserPage.vue
    │   ├── Category
    │   │   ├── CategoryPage.vue
    │   │   └── CategoryAddPage.vue
    │   ├── Specification
    │   │   └── SpecificationAddPage.vue
    │   ├── Nature
    │   │   └── NaturePage.vue
    │   └── WelcomePage.vue
    ├── App.vue
    ├── element.js
    └── router
    │   └── index.js
├── .browserslistrc
├── .env.development
├── .env.production
├── gitImg
    ├── cart.png
    ├── home.png
    ├── set.png
    ├── user.png
    ├── goods.png
    ├── order.png
    ├── weixin.jpeg
    ├── category.png
    └── xzzshop.jpeg
├── public
    ├── favicon.ico
    └── index.html
├── postcss.config.js
├── scripts
    ├── oss
    │   ├── config.js
    │   ├── index.js
    │   ├── client.js
    │   └── upload.js
    └── plop
    │   ├── util.js
    │   └── view
    │       ├── index.hbs
    │       └── prompt.js
├── babel.config.js
├── .gitignore
├── .eslintrc.js
├── .prettierrc
├── package.json
├── README.md
└── vue.config.js


/src/assets/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/static/css/wap.css:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not dead
4 | 


--------------------------------------------------------------------------------
/.env.development:
--------------------------------------------------------------------------------
1 | ENV = 'development'
2 | VUE_APP_BASE_API = '/dev-api'


--------------------------------------------------------------------------------
/.env.production:
--------------------------------------------------------------------------------
1 | ENV = 'production'
2 | VUE_APP_BASE_API = '/prod-api'
3 | 
4 | 


--------------------------------------------------------------------------------
/gitImg/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/cart.png


--------------------------------------------------------------------------------
/gitImg/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/home.png


--------------------------------------------------------------------------------
/gitImg/set.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/set.png


--------------------------------------------------------------------------------
/gitImg/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/user.png


--------------------------------------------------------------------------------
/gitImg/goods.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/goods.png


--------------------------------------------------------------------------------
/gitImg/order.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/order.png


--------------------------------------------------------------------------------
/gitImg/weixin.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/weixin.jpeg


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/gitImg/category.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/category.png


--------------------------------------------------------------------------------
/gitImg/xzzshop.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/gitImg/xzzshop.jpeg


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     autoprefixer: {}
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/src/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/assets/favicon.ico


--------------------------------------------------------------------------------
/src/static/images/sf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/static/images/sf.png


--------------------------------------------------------------------------------
/src/static/images/back1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/static/images/back1.jpg


--------------------------------------------------------------------------------
/src/static/images/icons.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/static/images/icons.jpg


--------------------------------------------------------------------------------
/src/settings.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   title: '小猪猪后台管理',
3 |   fixedHeader: true,
4 |   sidebarLogo: true
5 | }
6 | 


--------------------------------------------------------------------------------
/src/static/images/loading2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zxb1655/xzzshop-admin/HEAD/src/static/images/loading2.gif


--------------------------------------------------------------------------------
/scripts/oss/config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   accessKeyId: 'LTAI5tFcn9fqRU54dov6RFvp',
3 |   accessKeySecret: '5fc9pBQAigwg49FhQ8BZ03gIWF8lcz'
4 | }
5 | 


--------------------------------------------------------------------------------
/scripts/plop/util.js:
--------------------------------------------------------------------------------
 1 | exports.notEmpty = name => {
 2 |   return v => {
 3 |     if (!v || v.trim === '') {
 4 |       return `${name} is required`
 5 |     } else {
 6 |       return true
 7 |     }
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | 
 4 | import modules from './modules'
 5 | 
 6 | Vue.use(Vuex)
 7 | 
 8 | export default new Vuex.Store({
 9 |   modules,
10 |   strict: process.env.NODE_ENV !== 'production'
11 | })
12 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   presets: ["@vue/cli-plugin-babel/preset"],
 3 |   plugins: [
 4 |     [
 5 |       "component",
 6 |       {
 7 |         libraryName: "element-ui",
 8 |         styleLibraryName: "theme-chalk",
 9 |       },
10 |     ],
11 |   ],
12 | };
13 | 


--------------------------------------------------------------------------------
/scripts/oss/index.js:
--------------------------------------------------------------------------------
 1 | const pwd = process.cwd()
 2 | const path = require('path')
 3 | const package = require('../../package.json')
 4 | const { upload } = require('./upload')
 5 | 
 6 | const ossBasePath = package.name
 7 | 
 8 | function start() {
 9 |   upload(path.join(pwd, `/${package.entry}/`), `${ossBasePath}`)
10 | }
11 | 
12 | start()
13 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | 
 6 | # local env files
 7 | .env.local
 8 | .env.*.local
 9 | 
10 | # Log files
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 | 
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 | 


--------------------------------------------------------------------------------
/src/config/api.js:
--------------------------------------------------------------------------------
 1 | const rootUrl = 'http://127.0.0.1:8360/admin/'
 2 | // const rootUrl = 'https://shopserver.zxb66.top/admin/'
 3 | 
 4 | const api = {
 5 |   rootUrl: rootUrl,
 6 |   qiniu: 'http://up.qiniu.com'
 7 |   // 请根据自己创建的七牛的区域进行设置：
 8 |   // https://developer.qiniu.com/kodo/manual/1671/region-endpoint
 9 | }
10 | 
11 | // import api from './config/api'
12 | // Axios.defaults.baseURL = api.rootUrl;
13 | 
14 | export default api
15 | 


--------------------------------------------------------------------------------
/src/store/modules/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * The file enables `@/store/index.js` to import all vuex modules
 3 |  * in a one-shot manner. There should not be any reason to edit this file.
 4 |  */
 5 | 
 6 | const files = require.context('.', false, /\.js$/)
 7 | const modules = {}
 8 | 
 9 | files.keys().forEach(key => {
10 |   if (key === './index.js') return
11 |   modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
12 | })
13 | 
14 | export default modules
15 | 


--------------------------------------------------------------------------------
/scripts/oss/client.js:
--------------------------------------------------------------------------------
 1 | const OSS = require('ali-oss')
 2 | const OSSConfig = require('./config')
 3 | 
 4 | const BUILD_FOR = process.env.BUILD_FOR
 5 | 
 6 | let client = new OSS({
 7 |   region: 'oss-cn-shenzhen',
 8 |   accessKeyId: OSSConfig.accessKeyId,
 9 |   accessKeySecret: OSSConfig.accessKeySecret
10 | })
11 | 
12 | console.log(`mw${BUILD_FOR ? '-' + BUILD_FOR : ''}`)
13 | client.useBucket(`mw${BUILD_FOR ? '-' + BUILD_FOR : ''}`)
14 | 
15 | module.exports = {
16 |   client
17 | }
18 | 


--------------------------------------------------------------------------------
/scripts/plop/view/index.hbs:
--------------------------------------------------------------------------------
 1 | {{#if template}}
 2 |   <template>
 3 |     <div class='page-{{kebabCase name}}'>
 4 |     </div>
 5 |   </template>
 6 | {{/if}}
 7 | 
 8 | {{#if script}}
 9 |   <script>
10 |     export default { name: '{{kebabCase name}}', data () { return { }; }, created () { }, mounted () { }, methods: { }
11 |     };
12 |   </script>
13 | {{/if}}
14 | 
15 | {{#if style}}
16 |   <style lang='less'>
17 |     .page-{{kebabCase name}}
18 |     { .page(); }
19 |   </style>
20 | {{/if}}


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: false,
 3 |   env: {
 4 |     browser: true,
 5 |     node: true,
 6 |     es6: true
 7 |   },
 8 | 
 9 |   extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
10 | 
11 |   parserOptions: {
12 |     parser: 'babel-eslint'
13 |   },
14 | 
15 |   extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
16 |   rules: {
17 |     'no-console': 'off',
18 |     'no-debugger': 'off',
19 |     'no-unused-vars': 'off'
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "printWidth": 120,
 3 |   "tabWidth": 2,
 4 |   "singleQuote": true,
 5 |   "trailingComma": "none",
 6 |   "semi": false,
 7 |   "wrap_line_length": 120,
 8 |   "wrap_attributes": "auto",
 9 |   "proseWrap": "always",
10 |   "arrowParens": "avoid",
11 |   "bracketSpacing": true,
12 |   "jsxBracketSameLine": true,
13 |   "useTabs": false,
14 |   "eslintIntegration": true,
15 |   "overrides": [
16 |     {
17 |       "files": ".prettierrc",
18 |       "options": {
19 |         "parser": "json"
20 |       }
21 |     }
22 |   ],
23 |   "endOfLine": "auto"
24 | }
25 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/scripts/oss/upload.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs')
 2 | const { client } = require('./client')
 3 | 
 4 | function putOSS(src, dist) {
 5 |   return new Promise(async resolve => {
 6 |     try {
 7 |       await client.put(dist, src)
 8 |       resolve()
 9 |     } catch (e) {
10 |       console.log(e)
11 |       resolve()
12 |     }
13 |   })
14 | }
15 | 
16 | function upload(src, dist) {
17 |   var docs = fs.readdirSync(src)
18 |   return new Promise(resolve => {
19 |     docs.forEach(function (doc) {
20 |       var _src = src + '/' + doc,
21 |         _dist = dist + '/' + doc
22 |       var st = fs.statSync(_src)
23 |       // 判断是否为文件
24 |       if (st.isFile() && doc !== '.DS_Store') {
25 |         putOSS(_src, _dist)
26 |         // console.log(_src+'是文件',_dist)
27 |       }
28 |       // 如果是目录则递归调用自身
29 |       else if (st.isDirectory()) {
30 |         // console.log(_src+'是文件夹')
31 |         upload(_src, _dist)
32 |       }
33 |     })
34 |     // console.log('上传结束');
35 |     resolve()
36 |   })
37 | }
38 | 
39 | module.exports = {
40 |   upload
41 | }
42 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Axios from 'axios'
 3 | import VueAxios from 'vue-axios'
 4 | 
 5 | import App from './App'
 6 | import router from './router'
 7 | import store from './store'
 8 | import api from './config/api'
 9 | import './element.js'
10 | 
11 | import 'quill/dist/quill.core.css'
12 | import 'quill/dist/quill.snow.css'
13 | import 'quill/dist/quill.bubble.css'
14 | 
15 | Vue.use(VueAxios, Axios)
16 | 
17 | router.beforeEach((to, from, next) => {
18 |   let token = localStorage.getItem('token') || ''
19 |   //配置接口信息
20 |   Axios.defaults.baseURL = api.rootUrl
21 |   console.log(Axios.defaults.headers)
22 |   Axios.defaults.headers.common['x-xzzshop-token'] = token
23 | 
24 |   if (!token && to.name !== 'login') {
25 |     next({
26 |       path: '/login',
27 |       query: { redirect: to.fullPath }
28 |     })
29 |   } else {
30 |     next()
31 |   }
32 | })
33 | 
34 | Vue.config.productionTip = false
35 | 
36 | new Vue({
37 |   el: '#app',
38 |   router,
39 |   store,
40 |   render: h => h(App)
41 | })
42 | 


--------------------------------------------------------------------------------
/src/components/WapPage.vue:
--------------------------------------------------------------------------------
 1 | <style scoped>
 2 | body {
 3 |   background: #f5f7fa;
 4 |   display: block;
 5 | }
 6 | 
 7 | .container {
 8 |   height: 100%;
 9 |   width: 100%;
10 | }
11 | 
12 | .content {
13 |   box-sizing: border-box;
14 | }
15 | </style>
16 | <template>
17 |   <div class="container">
18 |     <topbar></topbar>
19 |     <footerbar></footerbar>
20 |     <div class="content">
21 |       <transition name="router-fade" mode="out-in">
22 |         <router-view></router-view>
23 |       </transition>
24 |     </div>
25 |   </div>
26 | </template>
27 | <script>
28 | import Topbar from './Wap/Topbar'
29 | import Footerbar from './Wap/Footerbar'
30 | 
31 | export default {
32 |   data() {
33 |     return {
34 |       dialogVisible: false
35 |     }
36 |   },
37 |   components: {
38 |     Topbar,
39 |     Footerbar
40 |   },
41 |   methods: {
42 |     handleOpen(key, keyPath) {
43 |       console.log(key, keyPath)
44 |     },
45 |     handleClose(key, keyPath) {
46 |       console.log(key, keyPath)
47 |     }
48 |   }
49 | }
50 | </script>
51 | 


--------------------------------------------------------------------------------
/src/components/Wap/Topbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="top-box">
 3 |     <div class="top-wrap">
 4 |       <!--<img class="logo" src="static/images/logo.png"/>-->
 5 |       汇鲜
 6 |     </div>
 7 |   </div>
 8 | </template>
 9 | 
10 | <script>
11 | export default {
12 |   data() {
13 |     return {
14 |       currentPagePath: '/wap',
15 |       loginInfo: null,
16 |       username: ''
17 |     }
18 |   },
19 |   methods: {},
20 |   mounted() {
21 |     console.log(this.$route.path)
22 |     if (!this.loginInfo) {
23 |       this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null)
24 |       this.username = this.loginInfo.username
25 |     }
26 |   }
27 | }
28 | </script>
29 | <style scoped>
30 | .top-box {
31 |   position: fixed;
32 |   top: 0;
33 |   width: 100%;
34 |   height: 50px;
35 |   background: #233445;
36 |   z-index: 999;
37 | }
38 | .top-wrap {
39 |   width: 100%;
40 |   height: 50px;
41 |   display: flex;
42 |   justify-content: center;
43 |   align-items: center;
44 |   font-size: 14px;
45 |   color: #fff;
46 | }
47 | 
48 | .top-wrap .logo {
49 |   width: 30px;
50 |   height: 30px;
51 | }
52 | </style>
53 | 


--------------------------------------------------------------------------------
/src/components/Wap/WapPage.vue:
--------------------------------------------------------------------------------
 1 | <style>
 2 |     body {
 3 |         background: #f5f7fa;
 4 |         display: block;
 5 |     }
 6 | 
 7 |     .container {
 8 |         height: 100%;
 9 |         width: 100%;
10 |     }
11 | 
12 |     .content {
13 |         box-sizing: border-box;
14 |     }
15 | 
16 | </style>
17 | <template>
18 |     <div class="container">
19 |         <sidebar></sidebar>
20 |         <navbar></navbar>
21 |         <div class="content">
22 |             <transition name="router-fade" mode="out-in">
23 |                 <router-view></router-view>
24 |             </transition>
25 |         </div>
26 |     </div>
27 | </template>
28 | <script>
29 |     import Sidebar from 'Common/Sidebar';
30 |     import Navbar from 'Common/Navbar';
31 | 
32 |     export default {
33 |         data() {
34 |             return {
35 |                 dialogVisible: false,
36 |             }
37 |         },
38 |         components: {
39 |             Sidebar,
40 |             Navbar
41 |         },
42 |         methods: {
43 |             handleOpen(key, keyPath) {
44 |                 console.log(key, keyPath);
45 |             },
46 |             handleClose(key, keyPath) {
47 |                 console.log(key, keyPath);
48 |             },
49 |         },
50 | 
51 |     }
52 | 
53 | </script>
54 | 


--------------------------------------------------------------------------------
/scripts/plop/view/prompt.js:
--------------------------------------------------------------------------------
 1 | const { notEmpty } = require('../util.js')
 2 | 
 3 | module.exports = {
 4 |   description: 'generate a view',
 5 |   prompts: [
 6 |     {
 7 |       type: 'input',
 8 |       name: 'name',
 9 |       message: '页面文件名',
10 |       validate: notEmpty('name')
11 |     },
12 |     {
13 |       type: 'checkbox',
14 |       name: 'blocks',
15 |       message: 'Blocks:',
16 |       choices: [
17 |         {
18 |           name: '<template>',
19 |           value: 'template',
20 |           checked: true
21 |         },
22 |         {
23 |           name: '<script>',
24 |           value: 'script',
25 |           checked: true
26 |         },
27 |         {
28 |           name: 'style',
29 |           value: 'style',
30 |           checked: true
31 |         }
32 |       ],
33 |       validate(value) {
34 |         if (value.indexOf('script') === -1 && value.indexOf('template') === -1) {
35 |           return 'View require at least a <script> or <template> tag.'
36 |         }
37 |         return true
38 |       }
39 |     }
40 |   ],
41 |   actions: data => {
42 |     const name = '{{name}}'
43 |     const actions = [
44 |       {
45 |         type: 'add',
46 |         path: `src/views/${name}.vue`,
47 |         templateFile: 'scripts/plop/view/index.hbs',
48 |         data: {
49 |           name: name,
50 |           template: data.blocks.includes('template'),
51 |           script: data.blocks.includes('script'),
52 |           style: data.blocks.includes('style')
53 |         }
54 |       }
55 |     ]
56 | 
57 |     return actions
58 |   }
59 | }
60 | 


--------------------------------------------------------------------------------
/src/components/DashboardPage.vue:
--------------------------------------------------------------------------------
 1 | <style scoped>
 2 |     body {
 3 |         background: #f5f7fa;
 4 |         display: block;
 5 |     }
 6 | 
 7 |     .container {
 8 |         height: 100%;
 9 |         width: 100%;
10 |     }
11 | 
12 |     .content {
13 |         box-sizing: border-box;
14 |         padding: 20px 20px 20px 220px;
15 |         min-height: 700px;
16 |         overflow: auto;
17 |     }
18 | 
19 |     .footer {
20 |         margin-top: 10px;
21 |         text-align: center;
22 |         line-height: 30px;
23 |         color: #999;
24 |         display: block;
25 |     }
26 | </style>
27 | <template>
28 |     <div class="container">
29 |         <sidebar></sidebar>
30 |         <!-- <navbar></navbar> -->
31 |         <div class="content">
32 |             <transition name="router-fade" mode="out-in">
33 |                 <router-view></router-view>
34 |             </transition>
35 |         </div>
36 |     </div>
37 | </template>
38 | <script>
39 |     import Sidebar from './Common/Sidebar';
40 |     import Navbar from './Common/Navbar';
41 | 
42 |     export default {
43 |         data() {
44 |             return {
45 |             }
46 |         },
47 |         components: {
48 |             Sidebar,
49 |             Navbar
50 |         },
51 |         methods: {
52 |             handleOpen(key, keyPath) {
53 |                 console.log(key, keyPath);
54 |             },
55 |             handleClose(key, keyPath) {
56 |                 console.log(key, keyPath);
57 |             }
58 |         },
59 |     }
60 | 
61 | </script>
62 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "xzzshop-admin",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "BUILD_FOR=production vue-cli-service build",
 8 |     "build:test": "BUILD_FOR=test vue-cli-service build",
 9 |     "new": "plop",
10 |     "lint": "vue-cli-service lint",
11 |     "upload:test": "BUILD_FOR=gitlab-test node scripts/oss/index.js",
12 |     "upload": "BUILD_FOR=gitlab node scripts/oss/index.js"
13 |   },
14 |   "dependencies": {
15 |     "axios": "^0.24.0",
16 |     "clipboard": "^2.0.8",
17 |     "core-js": "^3.6.5",
18 |     "element-ui": "^2.15.6",
19 |     "jquery": "^3.6.0",
20 |     "normalize.css": "^8.0.1",
21 |     "nprogress": "^0.2.0",
22 |     "utility": "^1.17.0",
23 |     "vue": "^2.6.11",
24 |     "vue-axios": "^3.4.0",
25 |     "vue-barcode": "^1.3.0",
26 |     "vue-quill-editor": "^3.0.6",
27 |     "vue-router": "^3.2.0",
28 |     "vuex": "^3.4.0"
29 |   },
30 |   "devDependencies": {
31 |     "@vue/cli-plugin-babel": "~4.5.0",
32 |     "@vue/cli-plugin-eslint": "~4.5.0",
33 |     "@vue/cli-plugin-router": "~4.5.0",
34 |     "@vue/cli-plugin-vuex": "~4.5.0",
35 |     "@vue/cli-service": "~4.5.0",
36 |     "@vue/eslint-config-prettier": "^6.0.0",
37 |     "babel-eslint": "^10.1.0",
38 |     "babel-plugin-component": "^1.1.1",
39 |     "eslint": "^6.7.2",
40 |     "eslint-plugin-prettier": "^3.3.1",
41 |     "eslint-plugin-vue": "^6.2.2",
42 |     "plop": "^2.7.6",
43 |     "prettier": "^2.2.1",
44 |     "sass": "^1.26.5",
45 |     "sass-loader": "^8.0.2",
46 |     "script-ext-html-webpack-plugin": "^2.1.5",
47 |     "svg-sprite-loader": "^6.0.11",
48 |     "vue-template-compiler": "^2.6.11"
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ### 猪猪小店，开源微信商城（Element+Vue 后台管理端）
 2 | 
 3 | - 基于开源项目 NideShop 和海风小店重建，参考的这两个项目的时间都有点久，有一些小问题，因此我精简了一些功能，同时完善修复
 4 |   了一些 bug，并重新设计了 UI，目前已发布上线，使用中～
 5 | - 服务端 api 基于 Node.js+ThinkJS+MySQL
 6 | - 后台管理端 基于 VUE.js+element-ui、
 7 | - 小程序端 基于原生小程序开发
 8 | - 目前微信登录、支付，快递查询均正常使用
 9 | 
10 | ### 目前猪猪小店已经上线，可以扫码测试看看
11 | 
12 | <img width="300" src="./gitImg/xzzshop.jpeg"/>
13 | 
14 | #### 本项目需要配合
15 | 
16 | 服务端： https://github.com/zxb1655/xzzshop-server  
17 | 微信小程序：https://github.com/zxb1655/xzzshop-miniprogram
18 | 
19 | ### 项目截图
20 | 
21 | - 后台首页
22 | 
23 | <img width="900" src="./gitImg/home.png"/>
24 | 
25 | - 订单
26 | 
27 | <img width="900" src="./gitImg/order.png"/>
28 | 
29 | - 商品管理
30 | 
31 | <img width="900" src="./gitImg/goods.png"/>
32 | 
33 | - 商品分类
34 | 
35 | <img width="900" src="./gitImg/category.png"/>
36 | 
37 | - 购物车
38 | 
39 | <img width="900" src="./gitImg/cart.png"/>
40 | 
41 | - 用户
42 | 
43 | <img width="900" src="./gitImg/user.png"/>
44 | 
45 | - 店铺设置
46 | 
47 | <img width="900" src="./gitImg/set.png"/>
48 | 
49 | ### 本地开发环境配置
50 | 
51 | - 克隆项目到本地
52 | 
53 | ```
54 | git clone https://github.com/zxb1655/xzzshop-admin
55 | ```
56 | 
57 | - 安装依赖
58 | 
59 | ```
60 | yarn
61 | ```
62 | 
63 | - 启动
64 | 
65 | ```
66 | yarn serve
67 | ```
68 | 
69 | - build 打包成静态文件
70 | 
71 | ```
72 | yarn build 或者 yarn build:test
73 | ```
74 | 
75 | 生成的静态文件在 dist 文件夹中，上传到服务器就可以在浏览器中打开了。
76 | 
77 | ### 功能列表
78 | 
79 | - 订单管理：查看，修改订单价格，发货，生成电子面单，修改订单状态
80 | - 商品管理：添加、修改、删除商品，添加商品分类，添加商品评论
81 | - 购物车：可以看到用户加入购物车的情况
82 | - 用户列表：用户的一些使用踪迹
83 | - 店铺设置：显示设置，广告列表，公告管理，运费模板（可以根据地区设置相应的运费），快递设置，管理员
84 | 
85 | ### 最后说明
86 | 
87 | - 项目地址
88 | 
89 |   后台管理：https://github.com/zxb1655/xzzshop-admin  
90 |   服务端： https://github.com/zxb1655/xzzshop-server  
91 |   微信小程序：https://github.com/zxb1655/xzzshop-miniprogram
92 | 
93 | - 本项目会持续更新和维护，有问题可通过微信联系我，喜欢别忘了 Star 一下哦，谢谢您的关注。
94 |   <img width="300" src="./gitImg/weixin.jpeg"/>
95 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <transition name="router-fade" mode="out-in">
  4 |       <router-view></router-view>
  5 |     </transition>
  6 |   </div>
  7 | </template>
  8 | 
  9 | <script>
 10 | export default {
 11 |   name: 'jifeng-admin'
 12 | }
 13 | </script>
 14 | 
 15 | <style>
 16 | * {
 17 |   margin: 0;
 18 |   padding: 0;
 19 | }
 20 | .el-cascader-panel {
 21 |   height: 400px;
 22 | }
 23 | html,
 24 | body,
 25 | #app {
 26 |   height: 100%;
 27 |   width: 100%;
 28 |   background: #f5f7f9;
 29 |   font-family: Lato, Helvetica, sans-serif;
 30 | }
 31 | 
 32 | a,
 33 | a:hover {
 34 |   text-decoration: none;
 35 | }
 36 | 
 37 | .content-nav {
 38 |   height: 40px;
 39 |   background: #f5f7fa;
 40 |   margin: 0 0 10px 0;
 41 |   display: flex;
 42 | }
 43 | 
 44 | .content-nav .breadcrumb {
 45 |   height: 40px;
 46 |   line-height: 40px;
 47 |   flex: 1;
 48 |   color: #8492a6;
 49 | }
 50 | 
 51 | .content-nav .operation-nav {
 52 |   width: auto;
 53 |   display: flex;
 54 |   align-items: center;
 55 | }
 56 | 
 57 | .content-main {
 58 |   padding: 20px;
 59 |   background: #fff;
 60 | }
 61 | 
 62 | .filter-box {
 63 |   height: auto;
 64 |   overflow: hidden;
 65 | }
 66 | 
 67 | .page-box {
 68 |   margin-top: 20px;
 69 |   text-align: right;
 70 | }
 71 | 
 72 | .form-table-box .el-input__inner {
 73 |   max-width: 240px;
 74 | }
 75 | 
 76 | .form-table-box .el-textarea {
 77 |   width: 400px;
 78 | }
 79 | 
 80 | .router-fade-enter-active,
 81 | .router-fade-leave-active {
 82 |   transition: opacity 0.3s;
 83 | }
 84 | 
 85 | .router-fade-enter,
 86 | .router-fade-leave-active {
 87 |   opacity: 0;
 88 | }
 89 | 
 90 | .form-table-box .el-form {
 91 |   margin-top: 40px;
 92 | }
 93 | 
 94 | .form-tip {
 95 |   color: #888;
 96 |   font-size: 12px;
 97 |   line-height: 30px;
 98 | }
 99 | </style>
100 | 


--------------------------------------------------------------------------------
/src/components/Common/Navbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="right-box">
 3 |         <div class="navbar">
 4 |             <div class="menu">
 5 |                 <div class="menu-item">
 6 |                     <i class="fa fa-sign-out" @click="logout"></i>
 7 |                 </div>
 8 |             </div>
 9 |         </div>
10 |     </div>
11 | </template>
12 | <script>
13 |     export default {
14 |         data() {
15 |             return {}
16 |         },
17 |         methods: {
18 |             logout() {
19 |                 this.$confirm('是否要退出?', '提示', {
20 |                     confirmButtonText: '确定',
21 |                     cancelButtonText: '取消',
22 |                     type: 'warning'
23 |                 }).then(() => {
24 |                     localStorage.clear();
25 |                     this.$router.replace({name: 'login'});
26 |                 });
27 |             }
28 |         }
29 |     }
30 | 
31 | </script>
32 | 
33 | <style scoped>
34 |     .right-box {
35 |         background: #112233;
36 |         height: 60px;
37 |         display: block;
38 |         position: fixed;
39 |         top: 0;
40 |         left: 200px;
41 |         z-index: 5;
42 |         float: left;
43 |         width: calc(100% - 200px);
44 |         overflow: hidden;
45 |         -webkit-box-shadow: 0 1px 8px rgba(0,21,41,.08);
46 |         box-shadow: 2px 6px 8px rgba(0,21,41,.08);
47 |     }
48 |     .fa:hover{
49 |         cursor:pointer
50 |     }
51 |     /*.fa-sign-out{*/
52 |         /*color:#000000;*/
53 |     /*}*/
54 |     /*.fa-user{*/
55 |         /*color:#000000;*/
56 |     /*}*/
57 |     .navbar {
58 |         height: 60px;
59 |         /*background: #fff;*/
60 |         display: flex;
61 |         width: 100%;
62 |         justify-content: center;
63 |         flex-direction: row;
64 | 
65 |     }
66 | 
67 |     .navbar .menu {
68 |         flex: 1;
69 |         margin-top: 15px;
70 |         height: 40px;
71 |         display: flex;
72 |         justify-content: flex-end;
73 |     }
74 | 
75 |     .navbar .menu-item {
76 |         margin: 0 15px;
77 |         height: 30px;
78 |         line-height: 30px;
79 |         text-align: center;
80 |         font-size: 20px;
81 |         color: #fff;
82 |     }
83 | 
84 | </style>
85 | 


--------------------------------------------------------------------------------
/src/components/Wap/CenterPage.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="wrap">
 3 |     <div class="top">
 4 |       <img src="http://cdn.jzzz66.cn/pinwheel.jpg" />
 5 |       <div class="menu">
 6 |         <div class="menu-item">
 7 |           <router-link to="/dashboard">
 8 |             <i class="fa fa-user"></i>
 9 |           </router-link>
10 |         </div>
11 |         <div class="menu-item">
12 |           <i class="fa fa-sign-out" @click="logout"></i>
13 |         </div>
14 |       </div>
15 |     </div>
16 |     <div class="header clearfix">
17 |       <el-card class="box-card card-red">
18 |         <div class="text item">商品</div>
19 |       </el-card>
20 |       <el-card class="box-card card-green">
21 |         <h1></h1>
22 |         <div class="text item">订单</div>
23 |       </el-card>
24 |     </div>
25 |     <div class="main">
26 |       <div></div>
27 |       <div class="form-table-box">
28 |         <el-table :data="tableData" style="width: 100%" stripe>
29 |           <el-table-column prop="list_pic_url" label="图片" width="80">
30 |             <template slot-scope="scope">
31 |               <img :src="scope.row.list_pic_url" alt="" style="width: 60px; height: 60px" />
32 |             </template>
33 |           </el-table-column>
34 |           <el-table-column prop="name" label="商品名称"> </el-table-column>
35 |           <el-table-column prop="retail_price" label="售价" width="90" sortable>
36 |             <template slot-scope="scope">
37 |               <el-input
38 |                 v-model="scope.row.retail_price"
39 |                 placeholder="售价"
40 |                 @blur="submit(scope.$index, scope.row)"
41 |               ></el-input>
42 |             </template>
43 |           </el-table-column>
44 |           <el-table-column label="上架" width="60">
45 |             <template slot-scope="scope">
46 |               <el-switch
47 |                 v-model="tableData[scope.$index].is_on_sale"
48 |                 active-text=""
49 |                 inactive-text=""
50 |                 @change="changeStatus($event, tableData[scope.$index].goods_id)"
51 |               >
52 |               </el-switch>
53 |             </template>
54 |           </el-table-column>
55 |         </el-table>
56 |       </div>
57 |     </div>
58 |   </div>
59 | </template>
60 | <script scoped>
61 | import api from '@/config/api'
62 | 
63 | export default {
64 |   data() {
65 |     return {}
66 |   },
67 |   components: {},
68 |   methods: {
69 |     logout() {
70 |       this.$confirm('是否要退出?', '提示', {
71 |         confirmButtonText: '确定',
72 |         cancelButtonText: '取消',
73 |         type: 'warning',
74 |         center: true
75 |       }).then(() => {
76 |         localStorage.clear()
77 |         this.$router.replace({ name: 'login' })
78 |       })
79 |     }
80 |   },
81 |   mounted() {
82 |     this.getList()
83 |     this.root = api.rootUrl
84 |   }
85 | }
86 | </script>
87 | <style></style>
88 | 


--------------------------------------------------------------------------------
/src/components/Common/Countdown.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |  <span :endTime="endTime" :callback="callback" :endText="endText">
 3 |   <slot>
 4 |    {{content}}
 5 |   </slot>
 6 |  </span>
 7 | </template>
 8 | <script>
 9 |     export default {
10 |         data() {
11 |             return {
12 |                 content: '',
13 |                 endTime:'',
14 |             }
15 |         },
16 |         props: {
17 |             // endTime: {
18 |             //     type: String,
19 |             //     default: ''
20 |             // },
21 |             endText: {
22 |                 type: String,
23 |                 default: '已结束'
24 |             },
25 |             callback: {
26 |                 type: Function,
27 |                 default: ''
28 |             }
29 |         },
30 |         mounted() {
31 |             this.getInfo();
32 | 
33 |         },
34 |         methods: {
35 |             getInfo() {
36 |                 this.axios.get('index',).then((response) => {
37 |                     console.log(response);
38 |                     this.infoData = response.data.data;
39 |                     let time = response.data.data.timestamp;
40 |                     this.endTime = time.toString();
41 |                     this.countdowm(this.endTime)
42 |                 })
43 |             },
44 |             countdowm(timestamp) {
45 |                 let self = this;
46 |                 let timer = setInterval(function () {
47 |                     let nowTime = new Date();
48 |                     let endTime = new Date(timestamp * 1000);
49 |                     let t = endTime.getTime() - nowTime.getTime() - 10;
50 |                     if (t > 0) {
51 |                         let day = Math.floor(t / 86400000);
52 |                         let hour = Math.floor((t / 3600000) % 24);
53 |                         let min = Math.floor((t / 60000) % 60);
54 |                         let sec = Math.floor((t / 1000) % 60);
55 |                         hour = hour < 10 ? "0" + hour : hour;
56 |                         min = min < 10 ? "0" + min : min;
57 |                         sec = sec < 10 ? "0" + sec : sec;
58 |                         let format = '';
59 |                         if (day > 0) {
60 |                             format = `${day}天${hour}小时${min}分${sec}秒`;
61 |                         }
62 |                         if (day <= 0 && hour > 0) {
63 |                             format = `${hour}小时${min}分${sec}秒`;
64 |                         }
65 |                         if (day <= 0 && hour <= 0) {
66 |                             format = `${min}分${sec}秒`;
67 |                         }
68 |                         self.content = format;
69 |                     } else {
70 |                         clearInterval(timer);
71 |                         self.content = self.endText;
72 |                         self._callback();
73 |                     }
74 |                 }, 1000);
75 |             },
76 |             _callback() {
77 |                 if (this.callback && this.callback instanceof Function) {
78 |                     this.callback();
79 |                 }
80 |             }
81 |         }
82 |     }
83 | </script>


--------------------------------------------------------------------------------
/src/components/Freight/FreightPage.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="content-page">
 3 |     <div class="content-nav">
 4 |       <el-breadcrumb class="breadcrumb" separator="/">
 5 |         <el-breadcrumb-item>快递模板</el-breadcrumb-item>
 6 |       </el-breadcrumb>
 7 |       <div class="operation-nav">
 8 |         <!--<el-button icon="plus" @click="expressList">快递列表</el-button>-->
 9 |         <el-button icon="plus" @click="exceptareaList">偏远地区</el-button>
10 |         <el-button type="primary" icon="plus" @click="addFreightTemplate">添加快递模板</el-button>
11 |       </div>
12 |     </div>
13 |     <div class="content-main">
14 |       <div class="form-table-box">
15 |         <el-table :data="tableData" style="width: 100%" border stripe>
16 |           <el-table-column prop="id" label="ID" width="100px"></el-table-column>
17 |           <el-table-column prop="name" label="名字"></el-table-column>
18 |           <el-table-column prop="package_price" label="包装费"></el-table-column>
19 |           <el-table-column prop="freight_type" label="按件/按重" width="200">
20 |             <template slot-scope="scope">
21 |               {{ scope.row.freight_type == 0 ? '按件' : '按重' }}
22 |             </template>
23 |           </el-table-column>
24 |           <el-table-column label="操作" width="170">
25 |             <template slot-scope="scope">
26 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
27 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除 </el-button>
28 |             </template>
29 |           </el-table-column>
30 |         </el-table>
31 |       </div>
32 |     </div>
33 |   </div>
34 | </template>
35 | 
36 | <script>
37 | export default {
38 |   data() {
39 |     return {
40 |       tableData: []
41 |     }
42 |   },
43 |   methods: {
44 |     expressList() {
45 |       this.$router.push({ name: 'shipper' })
46 |     },
47 |     exceptareaList() {
48 |       this.$router.push({ name: 'except_area' })
49 |     },
50 |     addFreightTemplate() {
51 |       this.$router.push({ name: 'freight_add' })
52 |     },
53 |     handleRowEdit(index, row) {
54 |       this.$router.push({ name: 'freight_add', query: { id: row.id } })
55 |     },
56 |     handleRowDelete(index, row) {
57 |       this.$confirm('确定要删除?', '提示', {
58 |         confirmButtonText: '确定',
59 |         cancelButtonText: '取消',
60 |         type: 'warning'
61 |       }).then(() => {
62 |         this.axios.post('shipper/destory', { id: row.id }).then(response => {
63 |           console.log(response.data)
64 |           if (response.data.errno === 0) {
65 |             this.$message({
66 |               type: 'success',
67 |               message: '删除成功!'
68 |             })
69 |             this.getList()
70 |           }
71 |         })
72 |       })
73 |     },
74 |     getList() {
75 |       this.axios.get('shipper/freight').then(response => {
76 |         console.log(response)
77 |         this.tableData = response.data.data
78 |       })
79 |     }
80 |   },
81 |   components: {},
82 |   mounted() {
83 |     this.getList()
84 |   }
85 | }
86 | </script>
87 | 
88 | <style scoped></style>
89 | 


--------------------------------------------------------------------------------
/src/components/Admin/AdminPage.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="content-page">
 3 |     <div class="content-nav">
 4 |       <el-breadcrumb class="breadcrumb" separator="/">
 5 |         <el-breadcrumb-item>管理员</el-breadcrumb-item>
 6 |       </el-breadcrumb>
 7 |       <!-- <div class="operation-nav">
 8 | 				<router-link to="/dashboard/user">
 9 | 					<el-button type="primary" icon="plus">添加管理员</el-button>
10 | 				</router-link>
11 | 			</div> -->
12 |     </div>
13 |     <div class="content-main">
14 |       <div class="form-table-box">
15 |         <el-table :data="tableData" style="width: 100%" border stripe>
16 |           <el-table-column prop="id" label="ID" width="60"></el-table-column>
17 |           <el-table-column prop="username" label="会员名称"></el-table-column>
18 |           <el-table-column prop="last_login_time" label="最近登录" width="200"></el-table-column>
19 |           <el-table-column prop="last_login_ip" label="登录IP" width="200"></el-table-column>
20 |           <el-table-column label="操作" width="180">
21 |             <template slot-scope="scope">
22 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
23 |               <el-button
24 |                 v-if="scope.row.id != loginInfo.id"
25 |                 plain
26 |                 size="small"
27 |                 type="danger"
28 |                 @click="handleRowDelete(scope.$index, scope.row)"
29 |                 >删除</el-button
30 |               >
31 |             </template>
32 |           </el-table-column>
33 |         </el-table>
34 |       </div>
35 |     </div>
36 |   </div>
37 | </template>
38 | 
39 | <script>
40 | export default {
41 |   data() {
42 |     return {
43 |       page: 1,
44 |       total: 0,
45 |       filterForm: {
46 |         username: ''
47 |       },
48 |       tableData: [],
49 |       loginInfo: null
50 |     }
51 |   },
52 |   methods: {
53 |     handleRowEdit(index, row) {
54 |       this.$router.push({ name: 'admin_add', query: { id: row.id } })
55 |     },
56 |     handleRowDelete(index, row) {
57 |       console.log(row)
58 |       this.$confirm('确定要删除?', '提示', {
59 |         confirmButtonText: '确定',
60 |         cancelButtonText: '取消',
61 |         type: 'warning'
62 |       }).then(() => {
63 |         this.axios.post('admin/deleAdmin', { id: row.id }).then(response => {
64 |           console.log(response.data)
65 |           if (response.data.errno === 0) {
66 |             this.$message({
67 |               type: 'success',
68 |               message: '删除成功!'
69 |             })
70 |             this.getList()
71 |           }
72 |         })
73 |       })
74 |     },
75 |     onSubmitFilter() {
76 |       this.page = 1
77 |       this.getList()
78 |     },
79 |     getList() {
80 |       this.axios.get('admin').then(response => {
81 |         this.tableData = response.data.data
82 |         console.log(this.tableData)
83 |       })
84 |     }
85 |   },
86 |   components: {},
87 |   mounted() {
88 |     this.getList()
89 |     if (!this.loginInfo) {
90 |       this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null)
91 |     }
92 |   }
93 | }
94 | </script>
95 | 
96 | <style scoped></style>
97 | 


--------------------------------------------------------------------------------
/src/components/Wap/Footerbar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="footer-box">
  3 |         <el-menu class="foot-wrap" :unique-opened="true" :default-active="currentPagePath"
  4 |                  :router="true">
  5 |             <el-menu-item class="btn-footer" index="/wap">
  6 |                 <i class="fa fa-cube"></i>
  7 |                 <span>商品</span>
  8 |             </el-menu-item>
  9 |             <el-menu-item class="btn-footer" index="/wap/order">
 10 |                 <i class="fa fa-inbox"></i>
 11 |                 <span>订单</span>
 12 | 
 13 |             </el-menu-item>
 14 |             <el-menu-item class="btn-footer" index="" @click="logout">
 15 |                 <i class="fa fa-sign-out"></i>
 16 |                 <span>退出</span>
 17 | 
 18 |             </el-menu-item>
 19 |         </el-menu>
 20 |     </div>
 21 | 
 22 | </template>
 23 | 
 24 | <script>
 25 | 
 26 |     export default {
 27 |         data() {
 28 |             return {
 29 |                 currentPagePath: '/wap',
 30 |                 loginInfo:null,
 31 |                 username:''
 32 |             }
 33 |         },
 34 |         methods: {
 35 |             logout() {
 36 |                 this.$confirm('是否要退出?', '提示', {
 37 |                     confirmButtonText: '确定',
 38 |                     cancelButtonText: '取消',
 39 |                     type: 'warning',
 40 |                     center: true
 41 |                 }).then(() => {
 42 |                     localStorage.clear();
 43 |                     this.$router.replace({name: 'login'});
 44 |                 });
 45 |             },
 46 |         },
 47 |         mounted() {
 48 |             console.log(this.$route.path);
 49 |             if(!this.loginInfo){
 50 |                 this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null);
 51 |                 this.username = this.loginInfo.username;
 52 |             }
 53 |         }
 54 |     }
 55 | 
 56 | </script>
 57 | <style>
 58 |     .footer-box{
 59 |         position: fixed;
 60 |         bottom: 0;
 61 |         width:100%;
 62 |         height:50px;
 63 |         background: #fff;
 64 |         z-index:999;
 65 |         border-top:1px solid #f1f1f1;
 66 |     }
 67 |     .foot-wrap{
 68 |         width:100%;
 69 |         height:50px;
 70 |         display: flex;;
 71 |         justify-content: space-around;
 72 | 
 73 |     }
 74 |     .btn-footer{
 75 |         display: flex;
 76 |         flex-direction: column;
 77 |         padding-top:6px;
 78 |         padding-left: 0 !important;
 79 |         padding-right: 0 !important;
 80 |         -webkit-box-sizing: border-box;
 81 |         -moz-box-sizing: border-box;
 82 |         box-sizing: border-box;
 83 |     }
 84 |     .btn-footer span{
 85 |         height:30px;
 86 |         line-height:30px;
 87 |         font-size:12px;
 88 |     }
 89 |     .btn-footer .fa{
 90 |         width:16px;
 91 |         height:16px;
 92 |         font-size:16px;
 93 |         margin:0 auto;
 94 |     }
 95 |     .btn-footer:focus,.btn-footer .is-active {
 96 |         background: none;
 97 |     }
 98 | 
 99 |     .el-message-box {
100 |         width: 300px !important;
101 |     }
102 | 
103 | 
104 | </style>


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | const path = require('path')
  3 | const defaultSettings = require('./src/settings.js')
  4 | 
  5 | function resolve(dir) {
  6 |   return path.join(__dirname, dir)
  7 | }
  8 | const isProd = process.env.BUILD_FOR === 'production'
  9 | const isTest = process.env.BUILD_FOR === 'test'
 10 | const isOnline = isProd || isTest
 11 | console.log(isProd, isTest, isOnline)
 12 | process.env.VUE_APP_BUILD_FOR = isProd ? 'production' : isTest ? 'test' : 'local'
 13 | 
 14 | const name = defaultSettings.title || '小猪猪后台管理' // page title
 15 | const port = process.env.port || process.env.npm_config_port || 9528 // dev port
 16 | 
 17 | module.exports = {
 18 |   publicPath: '/',
 19 |   outputDir: 'dist',
 20 |   assetsDir: 'static',
 21 |   // eslint-loader 是否在保存的时候检查
 22 |   lintOnSave: !isOnline,
 23 |   productionSourceMap: !isOnline,
 24 |   devServer: {
 25 |     port: port,
 26 |     open: true,
 27 |     overlay: {
 28 |       warnings: false,
 29 |       errors: true
 30 |     }
 31 |   },
 32 |   configureWebpack: {
 33 |     name: name,
 34 |     resolve: {
 35 |       alias: {
 36 |         '@': resolve('src'),
 37 |         static: resolve('src/static')
 38 |       }
 39 |     }
 40 |   },
 41 |   chainWebpack(config) {
 42 |     config.plugin('preload').tap(() => [
 43 |       {
 44 |         rel: 'preload',
 45 |         fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
 46 |         include: 'initial'
 47 |       }
 48 |     ])
 49 | 
 50 |     config.plugins.delete('prefetch')
 51 | 
 52 |     config.module.rule('svg').exclude.add(resolve('src/icons')).end()
 53 |     config.module
 54 |       .rule('icons')
 55 |       .test(/\.svg$/)
 56 |       .include.add(resolve('src/icons'))
 57 |       .end()
 58 |       .use('svg-sprite-loader')
 59 |       .loader('svg-sprite-loader')
 60 |       .options({
 61 |         symbolId: 'icon-[name]'
 62 |       })
 63 |       .end()
 64 | 
 65 |     config.when(process.env.NODE_ENV !== 'development', config => {
 66 |       config
 67 |         .plugin('ScriptExtHtmlWebpackPlugin')
 68 |         .after('html')
 69 |         .use('script-ext-html-webpack-plugin', [
 70 |           {
 71 |             inline: /runtime\..*\.js$/
 72 |           }
 73 |         ])
 74 |         .end()
 75 |       config.optimization.splitChunks({
 76 |         chunks: 'all',
 77 |         cacheGroups: {
 78 |           libs: {
 79 |             name: 'chunk-libs',
 80 |             test: /[\\/]node_modules[\\/]/,
 81 |             priority: 10,
 82 |             chunks: 'initial' // only package third parties that are initially dependent
 83 |           },
 84 |           elementUI: {
 85 |             name: 'chunk-elementUI', // split elementUI into a single package
 86 |             priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
 87 |             test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
 88 |           },
 89 |           commons: {
 90 |             name: 'chunk-commons',
 91 |             test: resolve('src/components'), // can customize your rules
 92 |             minChunks: 3, //  minimum common number
 93 |             priority: 5,
 94 |             reuseExistingChunk: true
 95 |           }
 96 |         }
 97 |       })
 98 |       // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
 99 |       config.optimization.runtimeChunk('single')
100 |     })
101 |   }
102 | }
103 | 


--------------------------------------------------------------------------------
/src/element.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import {
  3 |   Pagination,
  4 |   Dialog,
  5 |   Autocomplete,
  6 |   Dropdown,
  7 |   DropdownMenu,
  8 |   DropdownItem,
  9 |   Menu,
 10 |   Submenu,
 11 |   MenuItem,
 12 |   MenuItemGroup,
 13 |   Input,
 14 |   InputNumber,
 15 |   Radio,
 16 |   RadioGroup,
 17 |   RadioButton,
 18 |   Checkbox,
 19 |   CheckboxButton,
 20 |   CheckboxGroup,
 21 |   Switch,
 22 |   Select,
 23 |   Option,
 24 |   OptionGroup,
 25 |   Button,
 26 |   ButtonGroup,
 27 |   Table,
 28 |   TableColumn,
 29 |   DatePicker,
 30 |   TimeSelect,
 31 |   TimePicker,
 32 |   Popover,
 33 |   Tooltip,
 34 |   Breadcrumb,
 35 |   BreadcrumbItem,
 36 |   Form,
 37 |   FormItem,
 38 |   Tabs,
 39 |   TabPane,
 40 |   Tag,
 41 |   Tree,
 42 |   Alert,
 43 |   Slider,
 44 |   Icon,
 45 |   Row,
 46 |   Col,
 47 |   Upload,
 48 |   Progress,
 49 |   Spinner,
 50 |   Badge,
 51 |   Card,
 52 |   Rate,
 53 |   Steps,
 54 |   Step,
 55 |   Carousel,
 56 |   CarouselItem,
 57 |   Collapse,
 58 |   CollapseItem,
 59 |   Cascader,
 60 |   ColorPicker,
 61 |   Transfer,
 62 |   Container,
 63 |   Header,
 64 |   Aside,
 65 |   Main,
 66 |   Footer,
 67 |   Timeline,
 68 |   TimelineItem,
 69 |   Link,
 70 |   Divider,
 71 |   Image,
 72 |   Calendar,
 73 |   Backtop,
 74 |   PageHeader,
 75 |   CascaderPanel,
 76 |   Loading,
 77 |   MessageBox,
 78 |   Message,
 79 |   Notification
 80 | } from 'element-ui'
 81 | 
 82 | Vue.use(Pagination)
 83 | Vue.use(Dialog)
 84 | Vue.use(Autocomplete)
 85 | Vue.use(Dropdown)
 86 | Vue.use(DropdownMenu)
 87 | Vue.use(DropdownItem)
 88 | Vue.use(Menu)
 89 | Vue.use(Submenu)
 90 | Vue.use(MenuItem)
 91 | Vue.use(MenuItemGroup)
 92 | Vue.use(Input)
 93 | Vue.use(InputNumber)
 94 | Vue.use(Radio)
 95 | Vue.use(RadioGroup)
 96 | Vue.use(RadioButton)
 97 | Vue.use(Checkbox)
 98 | Vue.use(CheckboxButton)
 99 | Vue.use(CheckboxGroup)
100 | Vue.use(Switch)
101 | Vue.use(Select)
102 | Vue.use(Option)
103 | Vue.use(OptionGroup)
104 | Vue.use(Button)
105 | Vue.use(ButtonGroup)
106 | Vue.use(Table)
107 | Vue.use(TableColumn)
108 | Vue.use(DatePicker)
109 | Vue.use(TimeSelect)
110 | Vue.use(TimePicker)
111 | Vue.use(Popover)
112 | Vue.use(Tooltip)
113 | Vue.use(Breadcrumb)
114 | Vue.use(BreadcrumbItem)
115 | Vue.use(Form)
116 | Vue.use(FormItem)
117 | Vue.use(Tabs)
118 | Vue.use(TabPane)
119 | Vue.use(Tag)
120 | Vue.use(Tree)
121 | Vue.use(Alert)
122 | Vue.use(Slider)
123 | Vue.use(Icon)
124 | Vue.use(Row)
125 | Vue.use(Col)
126 | Vue.use(Upload)
127 | Vue.use(Progress)
128 | Vue.use(Spinner)
129 | Vue.use(Badge)
130 | Vue.use(Card)
131 | Vue.use(Rate)
132 | Vue.use(Steps)
133 | Vue.use(Step)
134 | Vue.use(Carousel)
135 | Vue.use(CarouselItem)
136 | Vue.use(Collapse)
137 | Vue.use(CollapseItem)
138 | Vue.use(Cascader)
139 | Vue.use(ColorPicker)
140 | Vue.use(Transfer)
141 | Vue.use(Container)
142 | Vue.use(Header)
143 | Vue.use(Aside)
144 | Vue.use(Main)
145 | Vue.use(Footer)
146 | Vue.use(Timeline)
147 | Vue.use(TimelineItem)
148 | Vue.use(Link)
149 | Vue.use(Divider)
150 | Vue.use(Image)
151 | Vue.use(Calendar)
152 | Vue.use(Backtop)
153 | Vue.use(PageHeader)
154 | Vue.use(CascaderPanel)
155 | 
156 | Vue.use(Loading.directive)
157 | 
158 | Vue.prototype.$loading = Loading.service
159 | Vue.prototype.$msgbox = MessageBox
160 | Vue.prototype.$alert = MessageBox.alert
161 | Vue.prototype.$confirm = MessageBox.confirm
162 | Vue.prototype.$prompt = MessageBox.prompt
163 | Vue.prototype.$notify = Notification
164 | Vue.prototype.$message = Message
165 | 


--------------------------------------------------------------------------------
/src/components/GoodsGallery/GoodsGalleryEditPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'dashboard' }">首页</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>商品管理</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑商品标头图片' : '添加商品标头图片' }}</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |       <div class="operation-nav">
 10 |         <el-button size="small" type="primary" @click="onSubmitInfo">确定保存</el-button>
 11 |         <!--<el-button size="small" type="primary" @click="test">测试</el-button>-->
 12 |         <el-button size="small" type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 13 |       </div>
 14 |     </div>
 15 |     <div class="content-main">
 16 |       <el-form ref="infoForm" :model="infoForm">
 17 |         <el-form-item class="in-wrap" label="图片" v-for="(item, index) in infoForm.data" :key="index">
 18 |           <img class="img-wrap" :src="item.img_url" />
 19 |           <el-input class="input-wrap" type="number" size="small" v-model="item.sort_order" placeholder=""></el-input>
 20 |         </el-form-item>
 21 |       </el-form>
 22 |     </div>
 23 |   </div>
 24 | </template>
 25 | 
 26 | <script>
 27 | import api from '@/config/api'
 28 | 
 29 | export default {
 30 |   data() {
 31 |     return {
 32 |       uploaderHeader: {
 33 |         'x-xzzshop-token': localStorage.getItem('token') || ''
 34 |       },
 35 |       infoForm: {
 36 |         id: 0
 37 |       },
 38 |       tableData: []
 39 |     }
 40 |   },
 41 |   methods: {
 42 |     test() {
 43 |       console.log(this.infoForm)
 44 |     },
 45 |     onSubmitInfo() {
 46 |       this.axios.post('goods/galleryEdit', this.infoForm).then(response => {
 47 |         if (response.data.errno === 0) {
 48 |           this.$message({
 49 |             type: 'success',
 50 |             message: '保存成功'
 51 |           })
 52 |           //                        this.$router.go(-1);
 53 |         } else {
 54 |           this.$message({
 55 |             type: 'error',
 56 |             message: '保存失败'
 57 |           })
 58 |         }
 59 |       })
 60 |     },
 61 |     goBackPage() {
 62 |       this.$router.go(-1)
 63 |     },
 64 |     getInfo() {
 65 |       console.log(this.infoForm.id)
 66 |       if (this.infoForm.id <= 0) {
 67 |         return false
 68 |       }
 69 |       //加载广告详情
 70 |       let that = this
 71 |       this.axios
 72 |         .get('goods/galleryList', {
 73 |           params: {
 74 |             id: that.infoForm.id
 75 |           }
 76 |         })
 77 |         .then(response => {
 78 |           console.log(response.data)
 79 |           that.infoForm = response.data
 80 |         })
 81 |     }
 82 |   },
 83 |   components: {},
 84 |   mounted() {
 85 |     this.infoForm.id = this.$route.query.id || 0
 86 |     this.getInfo()
 87 |     console.log(api)
 88 |   }
 89 | }
 90 | </script>
 91 | 
 92 | <style scoped>
 93 | .in-wrap {
 94 |   display: flex;
 95 |   justify-content: flex-start;
 96 |   align-items: center;
 97 |   margin-left: 0;
 98 | }
 99 | .img-wrap {
100 |   float: left;
101 |   width: 100px;
102 |   height: 100px;
103 | }
104 | .input-wrap {
105 |   width: 100px;
106 |   float: left;
107 |   margin-left: 30px;
108 |   margin-top: 30px;
109 | }
110 | </style>
111 | 


--------------------------------------------------------------------------------
/src/components/Keywords/KeywordsAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'dashboard' }">首页</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>数据管理</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>{{infoForm.id ? '编辑热门搜索' : '添加热门搜索'}}</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |       <div class="operation-nav">
 10 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 16 |           
 17 |           <el-form-item label="商品ID" prop="id">
 18 |             <el-input v-model="infoForm.id"></el-input>
 19 |           </el-form-item>
 20 |           <el-form-item label="关键词" prop="keyword">
 21 |             <el-input v-model="infoForm.keyword"></el-input>
 22 |           </el-form-item>
 23 |           <el-form-item label="排序">
 24 |             <el-input-number v-model="infoForm.sort_order" :min="1" :max="1000"></el-input-number>
 25 |           </el-form-item>
 26 |           <el-form-item>
 27 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 28 |             <el-button @click="goBackPage">取消</el-button>
 29 |           </el-form-item>
 30 |         </el-form>
 31 |       </div>
 32 |     </div>
 33 |   </div>
 34 | </template>
 35 | 
 36 | <script>
 37 |   import api from '@/config/api';
 38 |   
 39 |   export default {
 40 |     data() {
 41 |       return {
 42 |         infoForm: {
 43 |           id: 0,
 44 |           keyword: '',
 45 |         },
 46 |         infoRules: {
 47 |           keyword: [
 48 |             { required: true, message: '请输入关键词', trigger: 'blur' },
 49 |           ],
 50 |         },
 51 |       }
 52 |     },
 53 |     methods: {
 54 |       goBackPage() {
 55 |         this.$router.go(-1);
 56 |       },
 57 |       onSubmitInfo() {
 58 |         this.$refs['infoForm'].validate((valid) => {
 59 |           if (valid) {
 60 |             this.axios.post('keywords/store', this.infoForm).then((response) => {
 61 |               if (response.data.errno === 0) {
 62 |                 this.$message({
 63 |                   type: 'success',
 64 |                   message: '保存成功'
 65 |                 });
 66 |                 this.$router.go(-1)
 67 |               } else {
 68 |                 this.$message({
 69 |                   type: 'error',
 70 |                   message: '保存失败'
 71 |                 })
 72 |               }
 73 |             })
 74 |           } else {
 75 |             return false;
 76 |           }
 77 |         });
 78 |       },
 79 |       getInfo() {
 80 |         if (this.infoForm.id <= 0) {
 81 |           return false
 82 |         }
 83 | 
 84 |         //加载热门搜索详情
 85 |         let that = this
 86 |         this.axios.get('keywords/info', {
 87 |           params: {
 88 |             id: that.infoForm.id
 89 |           }
 90 |         }).then((response) => {
 91 |           let resInfo = response.data.data;
 92 |           that.infoForm = resInfo;
 93 |         })
 94 |       }
 95 | 
 96 |     },
 97 |     components: {
 98 |     },
 99 |     mounted() {
100 |       this.infoForm.id = this.$route.query.id || 0;
101 |       this.getInfo();
102 |       console.log(api)
103 |     }
104 |   }
105 | 
106 | </script>
107 | 


--------------------------------------------------------------------------------
/src/components/ShopCart/ShopCartPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>购物车列表</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |     </div>
  8 |     <div class="content-main">
  9 |       <div class="filter-box">
 10 |         <el-form :inline="true" :model="filterForm" class="demo-form-inline">
 11 |           <el-form-item label="商品名称">
 12 |             <el-input v-model="filterForm.name" placeholder="商品名称"></el-input>
 13 |           </el-form-item>
 14 |           <el-form-item>
 15 |             <el-button type="primary" @click="onSubmitFilter">查询</el-button>
 16 |           </el-form-item>
 17 |         </el-form>
 18 |       </div>
 19 |       <div class="form-table-box">
 20 |         <el-table :data="tableData" style="width: 100%" border stripe>
 21 |           <el-table-column prop="id" label="ID" width="60px"> </el-table-column>
 22 |           <el-table-column prop="user_id" label="用户ID" width="80px"></el-table-column>
 23 |           <el-table-column prop="nickname" label="用户昵称" width="100px"></el-table-column>
 24 |           <el-table-column prop="goods_id" label="商品ID" width="100px"></el-table-column>
 25 |           <el-table-column prop="list_pic_url" label="图片" width="70px">
 26 |             <template slot-scope="scope">
 27 |               <img :src="scope.row.list_pic_url" alt="" style="width: 50px; height: 50px" />
 28 |             </template>
 29 |           </el-table-column>
 30 |           <el-table-column prop="goods_name" label="商品名称"></el-table-column>
 31 |           <el-table-column prop="goods_specifition_name_value" label="型号"></el-table-column>
 32 |           <el-table-column prop="number" label="数量" width="70px"></el-table-column>
 33 |           <el-table-column prop="retail_price" label="成交价"></el-table-column>
 34 |           <el-table-column prop="add_time" label="加入时间"></el-table-column>
 35 |           <el-table-column prop="is_delete" label="是否删除">
 36 |             <template slot-scope="scope">
 37 |               <label>{{ scope.row.is_delete == 1 ? '已删' : '' }}</label>
 38 |             </template>
 39 |           </el-table-column>
 40 |         </el-table>
 41 |       </div>
 42 |       <div class="page-box">
 43 |         <el-pagination
 44 |           @current-change="handlePageChange"
 45 |           :current-page="page"
 46 |           :page-size="10"
 47 |           layout="total, prev, pager, next, jumper"
 48 |           :total="total"
 49 |         >
 50 |         </el-pagination>
 51 |       </div>
 52 |     </div>
 53 |   </div>
 54 | </template>
 55 | 
 56 | <script>
 57 | export default {
 58 |   data() {
 59 |     return {
 60 |       page: 1,
 61 |       total: 0,
 62 |       filterForm: {
 63 |         name: ''
 64 |       },
 65 |       tableData: []
 66 |     }
 67 |   },
 68 |   methods: {
 69 |     handlePageChange(val) {
 70 |       this.page = val
 71 |       //保存到localStorage
 72 |       localStorage.setItem('shopCartPage', this.page)
 73 |       localStorage.setItem('shopCartFilterForm', JSON.stringify(this.filterForm))
 74 |       this.getList()
 75 |     },
 76 | 
 77 |     onSubmitFilter() {
 78 |       this.page = 1
 79 |       this.getList()
 80 |     },
 81 |     getList() {
 82 |       this.axios
 83 |         .get('shopcart', {
 84 |           params: {
 85 |             page: this.page,
 86 |             name: this.filterForm.name
 87 |           }
 88 |         })
 89 |         .then(response => {
 90 |           this.tableData = response.data.data.data
 91 |           this.page = response.data.data.currentPage
 92 |           this.total = response.data.data.count
 93 |         })
 94 |     }
 95 |   },
 96 |   components: {},
 97 |   mounted() {
 98 |     this.getList()
 99 |   }
100 | }
101 | </script>
102 | 
103 | <style scoped></style>
104 | 


--------------------------------------------------------------------------------
/src/components/Shipper/ShipperAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'dashboard' }">首页</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>快递公司</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑快递公司' : '添加快递公司' }}</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |       <div class="operation-nav">
 10 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 16 |           <el-form-item label="名字" prop="name">
 17 |             <el-input v-model="infoForm.name"></el-input>
 18 |           </el-form-item>
 19 |           <el-form-item label="代号" prop="code">
 20 |             <el-input v-model="infoForm.code"></el-input>
 21 |           </el-form-item>
 22 |           <el-form-item label="客户编号" v-if="infoForm.code == 'YTO'">
 23 |             <el-input v-model="infoForm.CustomerName"></el-input>
 24 |             <div class="tips">圆通需要必填</div>
 25 |           </el-form-item>
 26 |           <el-form-item label="月结账号" prop="MonthCode">
 27 |             <el-input v-model="infoForm.MonthCode"></el-input>
 28 |             <div class="tips">圆通、顺丰必填</div>
 29 |           </el-form-item>
 30 |           <el-form-item label="排序" prop="sort_order">
 31 |             <el-input-number v-model="infoForm.sort_order" :min="1" :max="1000"></el-input-number>
 32 |           </el-form-item>
 33 |           <el-form-item>
 34 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 35 |             <el-button @click="goBackPage">取消</el-button>
 36 |           </el-form-item>
 37 |         </el-form>
 38 |       </div>
 39 |     </div>
 40 |   </div>
 41 | </template>
 42 | 
 43 | <script>
 44 | import api from '@/config/api'
 45 | 
 46 | export default {
 47 |   data() {
 48 |     return {
 49 |       uploaderHeader: {
 50 |         'x-xzzshop-token': localStorage.getItem('token') || ''
 51 |       },
 52 |       infoForm: {
 53 |         id: 0,
 54 |         name: '',
 55 |         code: '',
 56 |         sort_order: 0
 57 |       },
 58 |       infoRules: {
 59 |         name: [{ required: true, message: '请输入快递公司名字', trigger: 'blur' }],
 60 |         code: [{ required: true, message: '请输入快递公司代号', trigger: 'blur' }],
 61 |         MonthCode: [{ required: true, message: '请输入快递公司月结账号', trigger: 'blur' }]
 62 |       }
 63 |     }
 64 |   },
 65 |   methods: {
 66 |     goBackPage() {
 67 |       this.$router.go(-1)
 68 |     },
 69 |     onSubmitInfo() {
 70 |       this.$refs['infoForm'].validate(valid => {
 71 |         if (valid) {
 72 |           this.axios.post('shipper/store', this.infoForm).then(response => {
 73 |             if (response.data.errno === 0) {
 74 |               this.$message({
 75 |                 type: 'success',
 76 |                 message: '保存成功'
 77 |               })
 78 |               this.$router.go(-1)
 79 |             } else {
 80 |               this.$message({
 81 |                 type: 'error',
 82 |                 message: '保存失败'
 83 |               })
 84 |             }
 85 |           })
 86 |         } else {
 87 |           return false
 88 |         }
 89 |       })
 90 |     },
 91 |     getInfo() {
 92 |       if (this.infoForm.id <= 0) {
 93 |         return false
 94 |       }
 95 | 
 96 |       //加载快递公司详情
 97 |       let that = this
 98 |       this.axios
 99 |         .get('shipper/info', {
100 |           params: {
101 |             id: that.infoForm.id
102 |           }
103 |         })
104 |         .then(response => {
105 |           let resInfo = response.data.data
106 |           that.infoForm = resInfo
107 |         })
108 |     }
109 |   },
110 |   components: {},
111 |   mounted() {
112 |     this.infoForm.id = this.$route.query.id || 0
113 |     this.getInfo()
114 |     console.log(api)
115 |   }
116 | }
117 | </script>
118 | 


--------------------------------------------------------------------------------
/src/components/Shipper/ShipperListPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'shipper' }">快递设置</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>快递列表</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回</el-button>
 10 |       </div>
 11 |     </div>
 12 |     <div class="content-main">
 13 |       <div class="filter-box">
 14 |         <el-form :inline="true" :model="filterForm" class="demo-form-inline">
 15 |           <el-form-item label="快递公司">
 16 |             <el-input v-model="filterForm.name" placeholder="搜索快递公司"></el-input>
 17 |           </el-form-item>
 18 |           <el-form-item>
 19 |             <el-button type="primary" @click="onSubmitFilter">查询</el-button>
 20 |           </el-form-item>
 21 |         </el-form>
 22 |       </div>
 23 |       <div class="form-table-box">
 24 |         <el-table :data="tableData" style="width: 100%" border stripe>
 25 |           <el-table-column prop="id" label="ID" width="100px"> </el-table-column>
 26 |           <el-table-column prop="name" label="名字"> </el-table-column>
 27 |           <el-table-column prop="code" label="代号"> </el-table-column>
 28 |           <el-table-column prop="sort_order" label="排序"> </el-table-column>
 29 |           <el-table-column label="操作" width="170">
 30 |             <template slot-scope="scope">
 31 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 32 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除</el-button>
 33 |             </template>
 34 |           </el-table-column>
 35 |         </el-table>
 36 |       </div>
 37 |       <div class="page-box">
 38 |         <el-pagination
 39 |           @current-change="handlePageChange"
 40 |           :current-page="page"
 41 |           :page-size="10"
 42 |           layout="total, prev, pager, next, jumper"
 43 |           :total="total"
 44 |         >
 45 |         </el-pagination>
 46 |       </div>
 47 |     </div>
 48 |   </div>
 49 | </template>
 50 | 
 51 | <script>
 52 | export default {
 53 |   data() {
 54 |     return {
 55 |       page: 1,
 56 |       total: 0,
 57 |       filterForm: {
 58 |         name: ''
 59 |       },
 60 |       tableData: []
 61 |     }
 62 |   },
 63 |   methods: {
 64 |     goBackPage() {
 65 |       this.$router.go(-1)
 66 |     },
 67 |     handlePageChange(val) {
 68 |       this.page = val
 69 |       //保存到localStorage
 70 |       localStorage.setItem('shipperPage', this.page)
 71 |       localStorage.setItem('shipperFilterForm', JSON.stringify(this.filterForm))
 72 |       this.getList()
 73 |     },
 74 |     handleRowEdit(index, row) {
 75 |       this.$router.push({ name: 'shipper_add', query: { id: row.id } })
 76 |     },
 77 |     handleRowDelete(index, row) {
 78 |       this.$confirm('确定要删除?', '提示', {
 79 |         confirmButtonText: '确定',
 80 |         cancelButtonText: '取消',
 81 |         type: 'warning'
 82 |       }).then(() => {
 83 |         this.axios.post('shipper/destory', { id: row.id }).then(response => {
 84 |           console.log(response.data)
 85 |           if (response.data.errno === 0) {
 86 |             this.$message({
 87 |               type: 'success',
 88 |               message: '删除成功!'
 89 |             })
 90 | 
 91 |             this.getList()
 92 |           }
 93 |         })
 94 |       })
 95 |     },
 96 |     onSubmitFilter() {
 97 |       this.page = 1
 98 |       this.getList()
 99 |     },
100 |     getList() {
101 |       this.axios
102 |         .get('shipper/list', {
103 |           params: {
104 |             page: this.page,
105 |             name: this.filterForm.name
106 |           }
107 |         })
108 |         .then(response => {
109 |           this.tableData = response.data.data.data
110 |           this.page = response.data.data.currentPage
111 |           this.total = response.data.data.count
112 |         })
113 |     }
114 |   },
115 |   components: {},
116 |   mounted() {
117 |     this.getList()
118 |   }
119 | }
120 | </script>
121 | 
122 | <style scoped></style>
123 | 


--------------------------------------------------------------------------------
/src/components/Showset/ShowSetPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>显示设置</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
  9 |       </div>
 10 |     </div>
 11 |     <div class="content-main">
 12 |       <div class="form-table-box">
 13 |         <el-form ref="infoForm" :model="infoForm" label-width="120px">
 14 |           <el-form-item label="网站名" prop="title">
 15 |             <el-input v-model="infoForm.title"></el-input>
 16 |           </el-form-item>
 17 |           <el-form-item label="网站描述" prop="desc">
 18 |             <el-input v-model="infoForm.desc"></el-input>
 19 |           </el-form-item>
 20 |           <el-form-item label="广告" prop="type">
 21 |             <el-radio-group v-model="infoForm.banner">
 22 |               <el-radio :label="1">显示</el-radio>
 23 |               <el-radio :label="0">不显示</el-radio>
 24 |             </el-radio-group>
 25 |           </el-form-item>
 26 |           <el-form-item label="评论">
 27 |             <el-radio-group v-model="infoForm.comment">
 28 |               <el-radio :label="1">显示</el-radio>
 29 |               <el-radio :label="0">不显示</el-radio>
 30 |             </el-radio-group>
 31 |           </el-form-item>
 32 |           <el-form-item label="公告">
 33 |             <el-radio-group v-model="infoForm.notice">
 34 |               <el-radio :label="1">显示</el-radio>
 35 |               <el-radio :label="0">不显示</el-radio>
 36 |             </el-radio-group>
 37 |           </el-form-item>
 38 |           <el-form-item label="广告下的图标">
 39 |             <el-radio-group v-model="infoForm.channel">
 40 |               <el-radio :label="1">显示</el-radio>
 41 |               <el-radio :label="0">不显示</el-radio>
 42 |             </el-radio-group>
 43 |             <div class="form-tip">那几个图标</div>
 44 |           </el-form-item>
 45 |           <el-form-item label="首页分类图片或文字">
 46 |             <el-radio-group v-model="infoForm.index_banner_img">
 47 |               <el-radio :label="1">图片</el-radio>
 48 |               <el-radio :label="0">文字</el-radio>
 49 |             </el-radio-group>
 50 |           </el-form-item>
 51 |           <el-form-item>
 52 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 53 |             <el-button @click="goBackPage">取消</el-button>
 54 |           </el-form-item>
 55 |         </el-form>
 56 |       </div>
 57 |     </div>
 58 |   </div>
 59 | </template>
 60 | 
 61 | <script>
 62 | import api from '@/config/api'
 63 | 
 64 | export default {
 65 |   data() {
 66 |     return {
 67 |       value: [],
 68 |       infoForm: {}
 69 |     }
 70 |   },
 71 |   methods: {
 72 |     test() {
 73 |       console.log(this.value)
 74 |     },
 75 |     goBackPage() {
 76 |       this.$router.go(-1)
 77 |     },
 78 |     onSubmitInfo() {
 79 |       this.$refs['infoForm'].validate(valid => {
 80 |         if (valid) {
 81 |           this.axios.post('admin/showsetStore', this.infoForm).then(response => {
 82 |             if (response.data.errno === 0) {
 83 |               this.$message({
 84 |                 type: 'success',
 85 |                 message: '保存成功'
 86 |               })
 87 |               //                                this.$router.go(-1)
 88 |             } else {
 89 |               this.$message({
 90 |                 type: 'error',
 91 |                 message: '保存失败'
 92 |               })
 93 |             }
 94 |           })
 95 |         } else {
 96 |           return false
 97 |         }
 98 |       })
 99 |     },
100 |     getInfo() {
101 |       if (this.infoForm.id <= 0) {
102 |         return false
103 |       }
104 |       //加载优惠券详情
105 |       let that = this
106 |       this.axios.get('admin/showset').then(response => {
107 |         let resInfo = response.data.data
108 |         that.infoForm = resInfo
109 |       })
110 |     }
111 |   },
112 |   components: {},
113 |   mounted() {
114 |     this.getInfo()
115 |   }
116 | }
117 | </script>
118 | <style scoped>
119 | .el-form-item .date-picker {
120 |   width: 450px !important;
121 |   max-width: 410px !important;
122 | }
123 | .el-form-item .date-picker input {
124 |   width: 410px !important;
125 |   max-width: 410px !important;
126 | }
127 | .margin-left {
128 |   margin-left: 20px;
129 | }
130 | </style>
131 | 


--------------------------------------------------------------------------------
/src/components/Keywords/KeywordsPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ path: '/dashboard' }">首页</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>数据管理</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>热门搜索</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |       <div class="operation-nav">
 10 |         <router-link to="/dashboard/keywords/add">
 11 |           <el-button type="primary" icon="plus">添加热门搜索</el-button>
 12 |         </router-link>
 13 |       </div>
 14 |     </div>
 15 |     <div class="content-main">
 16 |       <div class="filter-box">
 17 |         <el-form :inline="true" :model="filterForm" class="demo-form-inline">
 18 |           <el-form-item label="关键词">
 19 |             <el-input v-model="filterForm.name" placeholder="搜索关键词"></el-input>
 20 |           </el-form-item>
 21 |           <el-form-item>
 22 |             <el-button type="primary" @click="onSubmitFilter">查询</el-button>
 23 |           </el-form-item>
 24 |         </el-form>
 25 |       </div>
 26 |       <div class="form-table-box">
 27 |         <el-table :data="tableData" style="width: 100%" border stripe>
 28 |           <el-table-column prop="id" label="ID" width="100px"> </el-table-column>
 29 |           <el-table-column prop="keyword" label="关键词"> </el-table-column>
 30 |           <el-table-column prop="is_hot" label="is_hot"> </el-table-column>
 31 |           <el-table-column prop="is_default" label="is_default"> </el-table-column>
 32 |           <el-table-column prop="is_show" label="is_show"> </el-table-column>
 33 |           <el-table-column prop="sort_order" label="排序" width="80"> </el-table-column>
 34 |           <el-table-column label="操作" width="140">
 35 |             <template slot-scope="scope">
 36 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 37 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除</el-button>
 38 |             </template>
 39 |           </el-table-column>
 40 |         </el-table>
 41 |       </div>
 42 |       <div class="page-box">
 43 |         <el-pagination
 44 |           @current-change="handlePageChange"
 45 |           :current-page="page"
 46 |           :page-size="10"
 47 |           layout="total, prev, pager, next, jumper"
 48 |           :total="total"
 49 |         >
 50 |         </el-pagination>
 51 |       </div>
 52 |     </div>
 53 |   </div>
 54 | </template>
 55 | 
 56 | <script>
 57 | export default {
 58 |   data() {
 59 |     return {
 60 |       page: 1,
 61 |       total: 0,
 62 |       filterForm: {
 63 |         name: ''
 64 |       },
 65 |       tableData: []
 66 |     }
 67 |   },
 68 |   methods: {
 69 |     handlePageChange(val) {
 70 |       this.page = val
 71 |       //保存到localStorage
 72 |       localStorage.setItem('keywordsPage', this.page)
 73 |       localStorage.setItem('keywordsFilterForm', JSON.stringify(this.filterForm))
 74 |       this.getList()
 75 |     },
 76 |     handleRowEdit(index, row) {
 77 |       this.$router.push({ name: 'keywords_add', query: { id: row.id } })
 78 |     },
 79 |     handleRowDelete(index, row) {
 80 |       this.$confirm('确定要删除?', '提示', {
 81 |         confirmButtonText: '确定',
 82 |         cancelButtonText: '取消',
 83 |         type: 'warning'
 84 |       }).then(() => {
 85 |         this.axios.post('keywords/destory', { id: row.id }).then(response => {
 86 |           console.log(response.data)
 87 |           if (response.data.errno === 0) {
 88 |             this.$message({
 89 |               type: 'success',
 90 |               message: '删除成功!'
 91 |             })
 92 | 
 93 |             this.getList()
 94 |           }
 95 |         })
 96 |       })
 97 |     },
 98 |     onSubmitFilter() {
 99 |       this.page = 1
100 |       this.getList()
101 |     },
102 |     getList() {
103 |       this.axios
104 |         .get('keywords', {
105 |           params: {
106 |             page: this.page,
107 |             name: this.filterForm.name
108 |           }
109 |         })
110 |         .then(response => {
111 |           this.tableData = response.data.data.data
112 |           this.page = response.data.data.currentPage
113 |           this.total = response.data.data.count
114 |         })
115 |     }
116 |   },
117 |   components: {},
118 |   mounted() {
119 |     this.getList()
120 |   }
121 | }
122 | </script>
123 | 
124 | <style scoped></style>
125 | 


--------------------------------------------------------------------------------
/src/components/Freight/ExceptAreaPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'freight' }">运费模板</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>偏远地区</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <el-button type="primary" plain @click="addExceptArea" icon="arrow-left">添加偏远地区</el-button>
 10 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回</el-button>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <div class="form-table-box">
 16 |           <el-table :data="tableData" style="width: 100%" border stripe>
 17 |             <el-table-column prop="id" label="ID" width="100px"></el-table-column>
 18 |             <el-table-column prop="content" label="名称" width="200px"></el-table-column>
 19 |             <el-table-column prop="areaName" label="偏远地区"></el-table-column>
 20 |             <el-table-column label="操作" width="200">
 21 |               <template slot-scope="scope">
 22 |                 <el-button type="primary" size="small" plain @click="handleRowEdit(scope.$index, scope.row)"
 23 |                   >编辑
 24 |                 </el-button>
 25 |                 <el-button size="small" @click="handleRowDelete(scope.$index, scope.row)" type="danger" plain>
 26 |                   删除
 27 |                 </el-button>
 28 |               </template>
 29 |             </el-table-column>
 30 |           </el-table>
 31 |         </div>
 32 |       </div>
 33 |     </div>
 34 |   </div>
 35 | </template>
 36 | 
 37 | <script>
 38 | export default {
 39 |   data() {
 40 |     return {
 41 |       value: true,
 42 |       nowTableIndex: 0,
 43 |       areaData: [],
 44 |       selectedArea: [],
 45 |       hiddenSelectedArea: [],
 46 |       specEditVisible: false,
 47 |       tableData: []
 48 |     }
 49 |   },
 50 |   methods: {
 51 |     goBackPage() {
 52 |       this.$router.go(-1)
 53 |     },
 54 |     addExceptArea() {
 55 |       this.$router.push({ name: 'except_area_add' })
 56 |     },
 57 |     handleRowEdit(index, row) {
 58 |       this.$router.push({ name: 'except_area_add', query: { id: row.id } })
 59 |     },
 60 |     handleRowDelete(index, row) {
 61 |       this.$confirm('确定要删除?', '提示', {
 62 |         confirmButtonText: '确定',
 63 |         cancelButtonText: '取消',
 64 |         type: 'warning'
 65 |       }).then(() => {
 66 |         this.axios.post('shipper/exceptAreaDelete', { id: row.id }).then(response => {
 67 |           console.log(response.data)
 68 |           if (response.data.errno === 0) {
 69 |             this.$message({
 70 |               type: 'success',
 71 |               message: '删除成功!'
 72 |             })
 73 |             this.getInfo()
 74 |           }
 75 |         })
 76 |       })
 77 |     },
 78 |     getInfo() {
 79 |       let that = this
 80 |       this.axios.get('shipper/exceptarea').then(response => {
 81 |         that.tableData = response.data.data
 82 |       })
 83 |     }
 84 |   },
 85 |   components: {},
 86 |   mounted() {
 87 |     this.getInfo()
 88 |   }
 89 | }
 90 | </script>
 91 | 
 92 | <style scoped>
 93 | .number_input {
 94 |   width: 90px;
 95 | }
 96 | 
 97 | .money_input {
 98 |   width: 100px;
 99 | }
100 | 
101 | .el-form-item__content {
102 |   display: flex;
103 |   justify-content: flex-start;
104 | }
105 | 
106 | .line-wrap {
107 |   display: flex;
108 |   justify-content: flex-start;
109 | }
110 | 
111 | .default-freight .el-input {
112 |   width: 130px;
113 |   float: left;
114 | }
115 | 
116 | .default-freight .el-input .el-input__inner {
117 |   width: 100px;
118 | }
119 | 
120 | .default-freight .line {
121 |   display: flex;
122 |   justify-content: flex-start;
123 |   border-right: 1px solid #f1f1f1;
124 |   /*padding-right: 40px;*/
125 |   margin-right: 40px;
126 | }
127 | 
128 | .default-freight .line2 {
129 |   display: flex;
130 |   justify-content: flex-start;
131 | }
132 | 
133 | .default-freight .text {
134 |   width: 60px;
135 |   float: left;
136 |   margin-left: 10px;
137 | }
138 | 
139 | .default-freight .text2 {
140 |   width: 50px;
141 |   float: left;
142 |   /*margin: 10px;*/
143 | }
144 | 
145 | .float-right {
146 |   float: right;
147 | }
148 | 
149 | .add-btn {
150 |   color: #3a8ee6;
151 |   font-size: 14px;
152 |   padding: 20px;
153 |   border: 1px solid #f1f1f1;
154 |   border-top: none;
155 |   display: flex;
156 |   justify-content: space-between;
157 | }
158 | </style>
159 | 


--------------------------------------------------------------------------------
/src/components/Common/Sidebar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="left-box">
  3 |     <div class="logo">
  4 |       <img src="../../static/images/loading2.gif" />
  5 |     </div>
  6 |     <el-menu
  7 |       class="sidebar"
  8 |       :unique-opened="true"
  9 |       :default-active="currentPagePath"
 10 |       @open="handleOpen"
 11 |       :router="true"
 12 |       @close="handleClose"
 13 |     >
 14 |       <el-menu-item index="/dashboard/welcome">
 15 |         <i class="fa fa-tachometer"></i>
 16 |         <span>后台主页</span>
 17 |       </el-menu-item>
 18 |       <el-menu-item index="/dashboard/order">
 19 |         <i class="fa fa-large fa-reorder"></i>
 20 |         <span>订单列表</span>
 21 |       </el-menu-item>
 22 |       <el-submenu index="goods">
 23 |         <template slot="title">
 24 |           <i class="fa fa-shopping-bag"></i>
 25 |           <span>商品管理</span>
 26 |         </template>
 27 |         <el-menu-item index="/dashboard/goods">
 28 |           <i class="fa fa-circle"></i>
 29 |           <span>商品列表</span>
 30 |         </el-menu-item>
 31 |         <el-menu-item index="/dashboard/comment">
 32 |           <i class="fa fa-circle"></i>
 33 |           <span>评论管理</span>
 34 |         </el-menu-item>
 35 |         <el-menu-item index="/dashboard/nature">
 36 |           <i class="fa fa-circle"></i>
 37 |           <span>商品设置</span>
 38 |         </el-menu-item>
 39 |       </el-submenu>
 40 |       <el-menu-item index="/dashboard/shopcart">
 41 |         <i class="fa fa-large fa-shopping-cart"></i>
 42 |         <span>购物车</span>
 43 |       </el-menu-item>
 44 |       <el-menu-item index="/dashboard/user">
 45 |         <i class="fa fa-large fa-users"></i>
 46 |         <span>用户列表</span>
 47 |       </el-menu-item>
 48 |       <el-submenu index="settings">
 49 |         <template slot="title">
 50 |           <i class="fa fa-large fa-wrench"></i>
 51 |           <span>店铺设置</span>
 52 |         </template>
 53 |         <el-menu-item index="/dashboard/settings/showset">
 54 |           <i class="fa fa-circle"></i>
 55 |           <span>显示设置</span>
 56 |         </el-menu-item>
 57 |         <el-menu-item index="/dashboard/ad">
 58 |           <i class="fa fa-circle"></i>
 59 |           <span>广告列表</span>
 60 |         </el-menu-item>
 61 |         <el-menu-item index="/dashboard/notice">
 62 |           <i class="fa fa-circle"></i>
 63 |           <span>公告管理</span>
 64 |         </el-menu-item>
 65 |         <el-menu-item index="/dashboard/freight">
 66 |           <i class="fa fa-circle"></i>
 67 |           <span>运费模板</span>
 68 |         </el-menu-item>
 69 |         <el-menu-item index="/dashboard/shipper">
 70 |           <i class="fa fa-circle"></i>
 71 |           <span>快递设置</span>
 72 |         </el-menu-item>
 73 |         <el-menu-item index="/dashboard/admin">
 74 |           <i class="fa fa-circle"></i>
 75 |           <span>管理员</span>
 76 |         </el-menu-item>
 77 |       </el-submenu>
 78 |       <el-menu-item @click="logout">
 79 |         <i class="fa fa-large fa-sign-out"></i>
 80 |         <span>退出</span>
 81 |       </el-menu-item>
 82 |     </el-menu>
 83 |   </div>
 84 | </template>
 85 | 
 86 | <script>
 87 | export default {
 88 |   data() {
 89 |     return {
 90 |       currentPagePath: '/dashboard',
 91 |       loginInfo: null
 92 |     }
 93 |   },
 94 |   methods: {
 95 |     handleOpen(key, keyPath) {
 96 |       console.log(key, keyPath)
 97 |     },
 98 |     handleClose(key, keyPath) {
 99 |       console.log(key, keyPath)
100 |     },
101 |     logout() {
102 |       this.$confirm('是否要退出?', '提示', {
103 |         confirmButtonText: '确定',
104 |         cancelButtonText: '取消',
105 |         type: 'warning'
106 |       }).then(() => {
107 |         localStorage.clear()
108 |         this.$router.replace({ name: 'login' })
109 |       })
110 |     }
111 |   },
112 |   mounted() {
113 |     console.log(this.$route.path)
114 |     if (!this.loginInfo) {
115 |       this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null)
116 |     }
117 |   }
118 | }
119 | </script>
120 | <style>
121 | .left-box {
122 |   width: 200px;
123 |   display: flex;
124 |   position: fixed;
125 |   top: 0;
126 |   left: 0;
127 |   z-index: 5;
128 |   height: 100%;
129 |   float: left;
130 |   flex-direction: column;
131 |   background: #fff;
132 | }
133 | 
134 | .left-box .sidebar {
135 |   width: 200px;
136 |   flex: 1;
137 |   border-radius: 0;
138 |   /*background: #233445;*/
139 | }
140 | 
141 | .left-box .fa {
142 |   margin-right: 10px;
143 |   font-size: 18px;
144 |   /*color: #ccc;*/
145 | }
146 | 
147 | .left-box span {
148 |   /*color: #ccc;*/
149 | }
150 | 
151 | .left-box .el-submenu .el-menu-item .fa {
152 |   margin-right: 10px;
153 |   font-size: 10px;
154 | }
155 | 
156 | /*渐变背景*/
157 | .back {
158 |   background: -webkit-linear-gradient(138deg, #8731e8 0%, #4528dc 100%);
159 |   background: -o-linear-gradient(138deg, #8731e8 0%, #4528dc 100%);
160 |   background: linear-gradient(-48deg, #8731e8 0%, #4528dc 100%);
161 |   opacity: 0.7;
162 | }
163 | 
164 | .left-box .logo {
165 |   display: flex;
166 |   justify-content: center;
167 |   align-items: center;
168 |   height: 120px;
169 |   width: 200px;
170 |   border-right: solid 1px #e6e6e6;
171 |   /*box-shadow: 0 1px 1px rgba(0, 0, 0, .5);*/
172 | }
173 | 
174 | .left-box .logo img {
175 |   height: 60px;
176 | }
177 | </style>
178 | 


--------------------------------------------------------------------------------
/src/components/Ad/AdPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>广告列表</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <router-link to="/dashboard/ad/add">
  9 |           <el-button type="primary" icon="plus">添加广告</el-button>
 10 |         </router-link>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-table :data="tableData" style="width: 100%" border stripe>
 16 |           <el-table-column prop="id" label="ID" width="70px"></el-table-column>
 17 |           <el-table-column prop="image_url" label="广告">
 18 |             <template slot-scope="scope">
 19 |               <img :src="scope.row.image_url" alt="" style="width: 90px; height: 50px" />
 20 |             </template>
 21 |           </el-table-column>
 22 |           <el-table-column prop="goods_id" label="关联商品"></el-table-column>
 23 |           <el-table-column prop="end_time" label="结束时间"></el-table-column>
 24 |           <el-table-column prop="sort_order" label="排序" width="100" sortable>
 25 |             <template slot-scope="scope">
 26 |               <el-input
 27 |                 v-model="scope.row.sort_order"
 28 |                 placeholder="排序"
 29 |                 @blur="submitSort(scope.$index, scope.row)"
 30 |               ></el-input>
 31 |             </template>
 32 |           </el-table-column>
 33 |           <el-table-column prop="enabled" label="状态" width="80px">
 34 |             <template slot-scope="scope">
 35 |               {{ scope.row.enabled == 1 ? '启用' : '禁用' }}
 36 |             </template>
 37 |           </el-table-column>
 38 |           <el-table-column label="开启状态" width="80">
 39 |             <template slot-scope="scope">
 40 |               <el-switch
 41 |                 v-model="scope.row.enabled"
 42 |                 active-text=""
 43 |                 inactive-text=""
 44 |                 @change="changeStatus($event, scope.row.id)"
 45 |               >
 46 |               </el-switch>
 47 |             </template>
 48 |           </el-table-column>
 49 |           <el-table-column label="操作" width="170">
 50 |             <template slot-scope="scope">
 51 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 52 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除</el-button>
 53 |             </template>
 54 |           </el-table-column>
 55 |         </el-table>
 56 |       </div>
 57 |       <div class="page-box">
 58 |         <el-pagination
 59 |           @current-change="handlePageChange"
 60 |           :current-page="page"
 61 |           :page-size="10"
 62 |           layout="total, prev, pager, next, jumper"
 63 |           :total="total"
 64 |         >
 65 |         </el-pagination>
 66 |       </div>
 67 |     </div>
 68 |   </div>
 69 | </template>
 70 | 
 71 | <script>
 72 | export default {
 73 |   data() {
 74 |     return {
 75 |       page: 1,
 76 |       total: 0,
 77 |       filterForm: {
 78 |         name: ''
 79 |       },
 80 |       tableData: []
 81 |     }
 82 |   },
 83 |   methods: {
 84 |     test() {
 85 |       console.log(this.tableData)
 86 |     },
 87 |     submitSort(index, row) {
 88 |       this.axios.post('ad/updateSort', { id: row.id, sort: row.sort_order }).then(response => {})
 89 |     },
 90 |     changeStatus($event, para) {
 91 |       this.axios
 92 |         .get('ad/saleStatus', {
 93 |           params: {
 94 |             status: $event,
 95 |             id: para
 96 |           }
 97 |         })
 98 |         .then(response => {})
 99 |     },
100 |     handlePageChange(val) {
101 |       this.page = val
102 |       //保存到localStorage
103 |       localStorage.setItem('adPage', this.page)
104 |       localStorage.setItem('adFilterForm', JSON.stringify(this.filterForm))
105 |       this.getList()
106 |     },
107 |     handleRowEdit(index, row) {
108 |       this.$router.push({ name: 'ad_add', query: { id: row.id } })
109 |     },
110 |     handleRowDelete(index, row) {
111 |       this.$confirm('确定要删除?', '提示', {
112 |         confirmButtonText: '确定',
113 |         cancelButtonText: '取消',
114 |         type: 'warning'
115 |       }).then(() => {
116 |         this.axios.post('ad/destory', { id: row.id }).then(response => {
117 |           console.log(response.data)
118 |           if (response.data.errno === 0) {
119 |             this.$message({
120 |               type: 'success',
121 |               message: '删除成功!'
122 |             })
123 | 
124 |             this.getList()
125 |           }
126 |         })
127 |       })
128 |     },
129 |     onSubmitFilter() {
130 |       this.page = 1
131 |       this.getList()
132 |     },
133 |     getList() {
134 |       this.axios
135 |         .get('ad', {
136 |           params: {
137 |             page: this.page
138 |           }
139 |         })
140 |         .then(response => {
141 |           this.tableData = response.data.data.data
142 |           this.page = response.data.data.currentPage
143 |           this.total = response.data.data.count
144 |         })
145 |       console.log(this.tableData)
146 |     }
147 |   },
148 |   components: {},
149 |   mounted() {
150 |     this.getList()
151 |   }
152 | }
153 | </script>
154 | 
155 | <style scoped></style>
156 | 


--------------------------------------------------------------------------------
/src/components/LoginPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="login">
  3 |     <div class="login-box">
  4 |       <div class="logo">
  5 |         <img src="../static/images/loading2.gif" />
  6 |       </div>
  7 |       <div class="body">
  8 |         <p class="tips">猪猪小店</p>
  9 |         <el-form ref="form" :model="form" :rules="rules" label-position="top">
 10 |           <el-form-item label="" prop="username">
 11 |             <el-input v-model="form.username" placeholder="用户名"></el-input>
 12 |           </el-form-item>
 13 |           <el-form-item label="" prop="password">
 14 |             <el-input type="password" v-model="form.password" placeholder="密码"></el-input>
 15 |           </el-form-item>
 16 |           <el-form-item>
 17 |             <el-button type="primary" @click="startLogin" :loading="loading" style="width: 100%">
 18 |               {{ loading ? '登录中...' : '登录' }}
 19 |             </el-button>
 20 |           </el-form-item>
 21 |         </el-form>
 22 |         <p class="foottip"><span>用户名：xzzshop</span> <span>密码：xzzshop</span></p>
 23 |       </div>
 24 |     </div>
 25 |   </div>
 26 | </template>
 27 | <script>
 28 | import api from '@/config/api'
 29 | 
 30 | export default {
 31 |   data() {
 32 |     return {
 33 |       root: '',
 34 |       form: {
 35 |         username: '',
 36 |         password: ''
 37 |       },
 38 |       rules: {
 39 |         username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
 40 |         password: [
 41 |           { required: true, message: '请输入密码', trigger: 'blur' },
 42 |           { min: 6, message: '密码不得低于6个字符', trigger: 'blur' }
 43 |         ]
 44 |       },
 45 |       loading: false
 46 |     }
 47 |   },
 48 |   components: {},
 49 |   methods: {
 50 |     startLogin() {
 51 |       this.$refs['form'].validate(valid => {
 52 |         if (!valid) {
 53 |           return false
 54 |         }
 55 |         this.loading = true
 56 |         let root = this.root
 57 |         this.axios
 58 |           .post(root + 'auth/login', {
 59 |             username: this.form.username,
 60 |             password: this.form.password
 61 |           })
 62 |           .then(res => {
 63 |             let call = res.data
 64 |             console.log(call)
 65 |             this.loading = false
 66 |             if (res.data.errno === 0) {
 67 |               console.log(res.data.data)
 68 |               localStorage.setItem('token', res.data.data.token)
 69 |               localStorage.setItem('userInfo', JSON.stringify(res.data.data.userInfo))
 70 |               console.log(JSON.stringify(res.data.data.token))
 71 |               console.log(JSON.stringify(res.data.data.userInfo))
 72 |               this.$router.push({ name: 'welcome' })
 73 |               let sUserAgent = navigator.userAgent
 74 |               // todo 手机端
 75 |               let mobileAgents = ['Android', 'iPhone', 'Symbian', 'WindowsPhone', 'iPod', 'BlackBerry', 'Windows CE']
 76 |               let goUrl = 0
 77 |               for (var i = 0; i < mobileAgents.length; i++) {
 78 |                 if (sUserAgent.indexOf(mobileAgents[i]) > -1) {
 79 |                   goUrl = 1
 80 |                   break
 81 |                 }
 82 |               }
 83 |               console.log(goUrl)
 84 |               if (goUrl == 1) {
 85 |                 this.$router.push({ name: 'wap' })
 86 |               }
 87 |             } else {
 88 |               this.$message({
 89 |                 type: 'error',
 90 |                 message: call.errmsg
 91 |               })
 92 |               return false
 93 |             }
 94 |           })
 95 |           .catch(err => {
 96 |             this.loading = false
 97 |           })
 98 |       })
 99 |     }
100 |   },
101 |   mounted() {
102 |     this.root = api.rootUrl
103 |   }
104 | }
105 | </script>
106 | <style>
107 | .login {
108 |   height: 100vh;
109 |   width: 100vw;
110 |   background: url('http://cdn.jzzz66.cn/shopadmin.jpg');
111 |   /* 以上为登录背景,可以自己更换成自己喜欢的 */
112 |   background-size: cover;
113 |   background-repeat: no-repeat;
114 |   background-position: center;
115 |   display: flex;
116 |   font-family: Lato, Helvetica, sans-serif;
117 |   justify-content: center;
118 |   align-items: center;
119 |   text-align: center;
120 |   color: #656565;
121 |   position: relative;
122 | }
123 | 
124 | .login-box {
125 |   width: 320px;
126 |   background: #ffffff7a;
127 |   -webkit-border-radius: 10px;
128 |   -moz-border-radius: 10px;
129 |   border-radius: 10px;
130 |   box-shadow: 2px 2px 12px #ccc;
131 | }
132 | 
133 | .login-box .logo {
134 |   height: 100px;
135 |   padding-top: 30px;
136 |   /*background: #324157;*/
137 |   display: flex;
138 |   align-items: center;
139 |   justify-content: center;
140 | }
141 | 
142 | .login-box .logo img {
143 |   width: 80px;
144 |   height: 80px;
145 | }
146 | 
147 | .login-box .body {
148 |   padding: 10px 30px 30px 30px;
149 | }
150 | 
151 | .login-box .body .tips {
152 |   font-size: 14px;
153 |   height: 40px;
154 |   line-height: 40px;
155 |   text-align: center;
156 |   margin-bottom: 30px;
157 | }
158 | .login-box .body .foottip {
159 |   font-size: 14px;
160 |   display: flex;
161 |   justify-content: space-around;
162 | }
163 | 
164 | .login-box .body .author {
165 |   display: block;
166 |   font-size: 14px;
167 |   height: 40px;
168 |   line-height: 40px;
169 |   text-align: center;
170 |   color: #656565;
171 |   margin-bottom: 10px;
172 |   text-decoration: none;
173 | }
174 | 
175 | .login-box .body .author a {
176 |   text-decoration: none;
177 | }
178 | </style>
179 | 


--------------------------------------------------------------------------------
/src/components/Wap/GoodsPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="wrap">
  3 |     <div class="main">
  4 |       <el-tabs class="tabs-wrap" v-model="activeName" @tab-click="handleClick">
  5 |         <!--<el-tab-pane label="全部商品" name="first">-->
  6 |         <!--</el-tab-pane>-->
  7 |         <el-tab-pane label="出售中" name="second"></el-tab-pane>
  8 |         <!--<el-tab-pane label="已售完" name="third"></el-tab-pane>-->
  9 |         <el-tab-pane label="已下架" name="fourth"></el-tab-pane>
 10 |       </el-tabs>
 11 |       <div class="form-table-box">
 12 |         <el-table :data="tableData" style="width: 100%" stripe>
 13 |           <el-table-column prop="list_pic_url" label="图片" width="80">
 14 |             <template slot-scope="scope">
 15 |               <img :src="scope.row.list_pic_url" alt="" style="width: 60px; height: 60px" />
 16 |             </template>
 17 |           </el-table-column>
 18 |           <el-table-column prop="name" label="商品名称"> </el-table-column>
 19 |           <el-table-column prop="retail_price" label="售价" width="90" sortable>
 20 |             <template slot-scope="scope">
 21 |               <el-input
 22 |                 v-model="scope.row.retail_price"
 23 |                 placeholder="售价"
 24 |                 @blur="submit(scope.$index, scope.row)"
 25 |               ></el-input>
 26 |             </template>
 27 |           </el-table-column>
 28 |           <el-table-column label="上架" width="60">
 29 |             <template slot-scope="scope">
 30 |               <el-switch
 31 |                 v-model="tableData[scope.$index].is_on_sale"
 32 |                 active-text=""
 33 |                 inactive-text=""
 34 |                 @change="changeStatus($event, tableData[scope.$index].goods_id)"
 35 |               >
 36 |               </el-switch>
 37 |             </template>
 38 |           </el-table-column>
 39 |         </el-table>
 40 |       </div>
 41 |     </div>
 42 |   </div>
 43 | </template>
 44 | <script>
 45 | import api from '@/config/api'
 46 | 
 47 | export default {
 48 |   data() {
 49 |     return {
 50 |       page: 1,
 51 |       total: 0,
 52 |       filterForm: {
 53 |         name: ''
 54 |       },
 55 |       tableData: [],
 56 |       activeName: 'second',
 57 |       pIndex: 0,
 58 |       num: 0,
 59 |       activeClass: 0
 60 |     }
 61 |   },
 62 |   components: {},
 63 |   methods: {
 64 |     submit(index, row) {
 65 |       this.axios.post('wap/updatePrice', {
 66 |         id: row.goods_id,
 67 |         sn: row.goods_sn,
 68 |         price: row.retail_price
 69 |       })
 70 |     },
 71 |     changeStatus($event, para) {
 72 |       this.axios
 73 |         .get('goods/saleStatus', {
 74 |           params: {
 75 |             status: $event,
 76 |             id: para
 77 |           }
 78 |         })
 79 |         .then(() => {
 80 |           this.getList()
 81 |         })
 82 |     },
 83 |     logout() {
 84 |       this.$confirm('是否要退出?', '提示', {
 85 |         confirmButtonText: '确定',
 86 |         cancelButtonText: '取消',
 87 |         type: 'warning',
 88 |         center: true
 89 |       }).then(() => {
 90 |         localStorage.clear()
 91 |         this.$router.replace({ name: 'login' })
 92 |       })
 93 |     },
 94 |     handleClick(tab) {
 95 |       let pindex = tab._data.index
 96 |       this.activeClass = 0
 97 |       if (pindex == 0) {
 98 |         this.getOnSaleList()
 99 |         this.pIndex = 0
100 |       } else if (pindex == 1) {
101 |         this.getOutSaleList()
102 |         this.pIndex = 1
103 |       }
104 |     },
105 |     //            getList() {
106 |     //                this.axios.get('wap').then((response) => {
107 |     //                    console.log(response.data)
108 |     //                    this.tableData = response.data.data
109 |     //                })
110 |     //            },
111 |     getOnSaleList() {
112 |       this.axios.get('wap/onsale').then(response => {
113 |         console.log(response.data)
114 |         this.tableData = response.data.data
115 |       })
116 |     },
117 |     getOutSaleList() {
118 |       this.axios.get('wap/drop').then(response => {
119 |         this.tableData = response.data.data
120 |       })
121 |     }
122 |   },
123 |   mounted() {
124 |     this.getOnSaleList()
125 |     this.root = api.rootUrl
126 |   }
127 | }
128 | </script>
129 | <style scoped>
130 | .tabs-wrap {
131 |   padding: 0 10px;
132 | }
133 | 
134 | .main {
135 |   padding: 50px 0;
136 | }
137 | 
138 | .top {
139 |   width: 100%;
140 |   background: #233445;
141 |   height: 60px;
142 |   display: flex;
143 |   justify-content: space-between;
144 |   align-items: center;
145 |   padding: 10px;
146 |   -webkit-box-sizing: border-box;
147 |   -moz-box-sizing: border-box;
148 |   box-sizing: border-box;
149 | }
150 | 
151 | .top img {
152 |   width: 40px;
153 |   height: 40px;
154 | }
155 | 
156 | .top .menu {
157 |   width: 100px;
158 |   display: flex;
159 |   justify-content: flex-end;
160 | }
161 | 
162 | .menu .menu-item {
163 |   margin: 0 15px;
164 |   height: 30px;
165 |   line-height: 30px;
166 |   text-align: center;
167 |   font-size: 20px;
168 |   color: #fff;
169 | }
170 | 
171 | .menu-item a {
172 |   color: #fff;
173 | }
174 | 
175 | .wrap {
176 |   background: #fff;
177 | }
178 | 
179 | .header {
180 |   width: 100%;
181 |   display: flex;
182 |   justify-content: space-between;
183 |   padding: 10px;
184 |   -webkit-box-sizing: border-box;
185 |   -moz-box-sizing: border-box;
186 |   box-sizing: border-box;
187 | }
188 | 
189 | .el-card {
190 |   width: 46%;
191 |   box-shadow: none !important;
192 | }
193 | </style>
194 | 


--------------------------------------------------------------------------------
/src/components/Comment/ComPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>评论列表</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <router-link to="/dashboard/comment/add">
  9 |           <el-button type="primary" icon="plus">添加评论</el-button>
 10 |         </router-link>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="filter-box">
 15 |         <el-form :inline="true" class="demo-form-inline">
 16 |           <el-form-item label="关联商品">
 17 |             <el-input v-model="filterName" placeholder="商品id"></el-input>
 18 |           </el-form-item>
 19 |           <el-form-item>
 20 |             <el-button type="primary" @click="onSubmitFilter">查询</el-button>
 21 |           </el-form-item>
 22 |         </el-form>
 23 |       </div>
 24 |       <div class="form-table-box">
 25 |         <el-table :data="tableData" style="width: 100%" border stripe>
 26 |           <el-table-column prop="id" label="ID" width="70px"></el-table-column>
 27 |           <el-table-column prop="name" label="评论人"></el-table-column>
 28 |           <el-table-column prop="avatar" label="评论人头像"></el-table-column>
 29 |           <el-table-column prop="content" label="评论内容"></el-table-column>
 30 |           <el-table-column prop="goods_id" label="关联商品"></el-table-column>
 31 |           <el-table-column prop="sort_order" label="排序" width="100" sortable>
 32 |             <template slot-scope="scope">
 33 |               <el-input
 34 |                 v-model="scope.row.sort_order"
 35 |                 placeholder="排序"
 36 |                 @blur="submitSort(scope.$index, scope.row)"
 37 |               ></el-input>
 38 |             </template>
 39 |           </el-table-column>
 40 |           <el-table-column prop="enabled" label="状态" width="80px">
 41 |             <template slot-scope="scope">
 42 |               {{ scope.row.enabled == 1 ? '启用' : '禁用' }}
 43 |             </template>
 44 |           </el-table-column>
 45 |           <el-table-column label="开启状态" width="80">
 46 |             <template slot-scope="scope">
 47 |               <el-switch
 48 |                 v-model="scope.row.enabled"
 49 |                 active-text=""
 50 |                 inactive-text=""
 51 |                 @change="changeStatus($event, scope.row.id)"
 52 |               >
 53 |               </el-switch>
 54 |             </template>
 55 |           </el-table-column>
 56 |           <el-table-column label="操作" width="170">
 57 |             <template slot-scope="scope">
 58 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 59 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除</el-button>
 60 |             </template>
 61 |           </el-table-column>
 62 |         </el-table>
 63 |       </div>
 64 |       <div class="page-box">
 65 |         <el-pagination
 66 |           @current-change="handlePageChange"
 67 |           :current-page="page"
 68 |           :page-size="10"
 69 |           layout="total, prev, pager, next, jumper"
 70 |           :total="total"
 71 |         >
 72 |         </el-pagination>
 73 |       </div>
 74 |     </div>
 75 |   </div>
 76 | </template>
 77 | 
 78 | <script>
 79 | export default {
 80 |   data() {
 81 |     return {
 82 |       page: 1,
 83 |       total: 0,
 84 |       filterName: '',
 85 |       filterForm: {
 86 |         name: ''
 87 |       },
 88 |       tableData: []
 89 |     }
 90 |   },
 91 |   methods: {
 92 |     test() {
 93 |       console.log(this.tableData)
 94 |     },
 95 |     submitSort(index, row) {
 96 |       this.axios.post('comment/updateSort', { id: row.id, sort: row.sort_order }).then(response => {})
 97 |     },
 98 |     changeStatus($event, para) {
 99 |       this.axios
100 |         .get('comment/saleStatus', {
101 |           params: {
102 |             status: $event,
103 |             id: para
104 |           }
105 |         })
106 |         .then(response => {})
107 |     },
108 |     handlePageChange(val) {
109 |       this.page = val
110 |       //保存到localStorage
111 |       localStorage.setItem('adPage', this.page)
112 |       localStorage.setItem('adFilterForm', JSON.stringify(this.filterForm))
113 |       this.getList()
114 |     },
115 |     handleRowEdit(index, row) {
116 |       this.$router.push({ name: 'comment_add', query: { id: row.id } })
117 |     },
118 |     handleRowDelete(index, row) {
119 |       this.$confirm('确定要删除?', '提示', {
120 |         confirmButtonText: '确定',
121 |         cancelButtonText: '取消',
122 |         type: 'warning'
123 |       }).then(() => {
124 |         this.axios.post('comment/destory', { id: row.id }).then(response => {
125 |           console.log(response.data)
126 |           if (response.data.errno === 0) {
127 |             this.$message({
128 |               type: 'success',
129 |               message: '删除成功!'
130 |             })
131 | 
132 |             this.getList()
133 |           }
134 |         })
135 |       })
136 |     },
137 |     onSubmitFilter() {
138 |       this.page = 1
139 |       this.getList()
140 |     },
141 |     getList() {
142 |       this.axios
143 |         .get('comment', {
144 |           params: {
145 |             page: this.page,
146 |             name: this.filterName
147 |           }
148 |         })
149 |         .then(response => {
150 |           this.tableData = response.data.data.data
151 |           this.page = response.data.data.currentPage
152 |           this.total = response.data.data.count
153 |         })
154 |       console.log(this.tableData)
155 |     }
156 |   },
157 |   components: {},
158 |   mounted() {
159 |     this.getList()
160 |   }
161 | }
162 | </script>
163 | 
164 | <style scoped></style>
165 | 


--------------------------------------------------------------------------------
/src/components/Settings/NoticePage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>公告管理</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <div style="margin-left: 10px"></div>
  9 |         <el-button type="primary" icon="plus" @click="addNotice">添加公告</el-button>
 10 |       </div>
 11 |     </div>
 12 |     <div class="content-main">
 13 |       <div class="form-table-box">
 14 |         <el-table :data="tableData" style="width: 100%" border stripe>
 15 |           <el-table-column prop="id" label="ID" width="60"></el-table-column>
 16 |           <el-table-column prop="content" label="内容"></el-table-column>
 17 |           <el-table-column prop="end_time" label="结束时间" width="180"></el-table-column>
 18 |           <el-table-column prop="enabled" label="状态" width="110px">
 19 |             <template slot-scope="scope">
 20 |               {{ scope.row.is_delete == 0 ? '启用中' : '已到期下线' }}
 21 |             </template>
 22 |           </el-table-column>
 23 |           <el-table-column label="操作" width="220px">
 24 |             <template slot-scope="scope">
 25 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 26 |               <el-button plain size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)"
 27 |                 >删除
 28 |               </el-button>
 29 |             </template>
 30 |           </el-table-column>
 31 |         </el-table>
 32 |       </div>
 33 |     </div>
 34 |     <el-dialog :title="is_add ? '添加' : '编辑'" :visible.sync="dialog">
 35 |       <el-form :model="noticeData">
 36 |         <el-form-item label="内容:" label-width="120px">
 37 |           <el-input
 38 |             class="el-input"
 39 |             v-model="noticeData.content"
 40 |             auto-complete="off"
 41 |             placeholder="请输入内容"
 42 |           ></el-input>
 43 |         </el-form-item>
 44 |         <el-form-item label="到期时间:" label-width="120px">
 45 |           <el-date-picker v-model="noticeData.time" type="datetime" placeholder="选择日期时间" default-time="23:59:59">
 46 |           </el-date-picker>
 47 |         </el-form-item>
 48 |       </el-form>
 49 |       <div slot="footer" class="dialog-footer">
 50 |         <el-button @click="dialog = false">取 消</el-button>
 51 |         <!--<el-button @click="test">取 消</el-button>-->
 52 |         <el-button type="primary" @click="goNotice" v-if="is_add">确定添加</el-button>
 53 |         <el-button type="primary" @click="updateNotice" v-if="!is_add">确定修改</el-button>
 54 |       </div>
 55 |     </el-dialog>
 56 |   </div>
 57 | </template>
 58 | 
 59 | <script>
 60 | export default {
 61 |   data() {
 62 |     return {
 63 |       tableData: [],
 64 |       noticeData: {
 65 |         time: ''
 66 |       },
 67 |       dialog: false,
 68 |       is_add: false
 69 |     }
 70 |   },
 71 |   methods: {
 72 |     test() {
 73 |       console.log(this.noticeData)
 74 |     },
 75 |     updateNotice() {
 76 |       console.log(this.noticeData)
 77 |       if (this.noticeData.content == '') {
 78 |         this.$message({
 79 |           type: 'error',
 80 |           message: '内容不能为空'
 81 |         })
 82 |         return false
 83 |       } else if (this.noticeData.time == null) {
 84 |         this.$message({
 85 |           type: 'error',
 86 |           message: '过期时间不能为空'
 87 |         })
 88 |         return false
 89 |       }
 90 |       this.axios.post('notice/update', this.noticeData).then(response => {
 91 |         if (response.data.errno === 0) {
 92 |           this.$message({
 93 |             type: 'success',
 94 |             message: '添加成功!'
 95 |           })
 96 |           this.getList()
 97 |         } else {
 98 |           this.$message({
 99 |             type: 'error',
100 |             message: '添加失败'
101 |           })
102 |         }
103 |       })
104 |       this.dialog = false
105 |     },
106 |     goNotice() {
107 |       console.log(this.noticeData)
108 |       if (this.noticeData.content == '') {
109 |         this.$message({
110 |           type: 'error',
111 |           message: '内容不能为空'
112 |         })
113 |         return false
114 |       } else if (this.noticeData.time == null) {
115 |         this.$message({
116 |           type: 'error',
117 |           message: '过期时间不能为空'
118 |         })
119 |         return false
120 |       }
121 |       this.axios.post('notice/add', this.noticeData).then(response => {
122 |         if (response.data.errno === 0) {
123 |           this.$message({
124 |             type: 'success',
125 |             message: '添加成功!'
126 |           })
127 |           this.getList()
128 |         } else {
129 |           this.$message({
130 |             type: 'error',
131 |             message: '添加失败'
132 |           })
133 |         }
134 |       })
135 |       this.dialog = false
136 |     },
137 |     addNotice() {
138 |       this.dialog = true
139 |       this.is_add = true
140 |     },
141 |     handleRowEdit(index, row) {
142 |       this.noticeData.time = row.end_time
143 |       this.noticeData.content = row.content
144 |       this.noticeData.id = row.id
145 |       this.dialog = true
146 |       this.is_add = false
147 |     },
148 |     submitContent(index, row) {
149 |       this.axios.post('notice/updateContent', { id: row.id, content: row.content })
150 |     },
151 |     handleRowDelete(index, row) {
152 |       this.$confirm('确定要删除?', '提示', {
153 |         confirmButtonText: '确定',
154 |         cancelButtonText: '取消',
155 |         type: 'warning'
156 |       }).then(() => {
157 |         this.axios.post('notice/destory', { id: row.id }).then(response => {
158 |           console.log(response.data)
159 |           if (response.data.errno === 0) {
160 |             this.$message({
161 |               type: 'success',
162 |               message: '删除成功!'
163 |             })
164 | 
165 |             this.getList()
166 |           }
167 |         })
168 |       })
169 |     },
170 |     getList() {
171 |       this.axios.get('notice').then(response => {
172 |         this.tableData = response.data.data
173 |       })
174 |     }
175 |   },
176 |   components: {},
177 |   mounted() {
178 |     this.getList()
179 |   }
180 | }
181 | </script>
182 | 
183 | <style scoped></style>
184 | 


--------------------------------------------------------------------------------
/src/components/User/UserPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>用户列表</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <!--<router-link to="/dashboard/user/add">-->
  9 |         <!--<el-button type="primary" icon="plus">添加会员</el-button>-->
 10 |         <!--</router-link>-->
 11 |         <div style="margin-left: 10px"></div>
 12 |         <!--<el-button type="primary" icon="plus" @click="fakeShow" v-if="fake == 0">假的会员</el-button>-->
 13 |         <!--<el-button type="primary" icon="plus" @click="realShow" v-if="fake == 1">真的会员</el-button>-->
 14 |       </div>
 15 |     </div>
 16 |     <div class="content-main">
 17 |       <div class="filter-box">
 18 |         <el-form :inline="true" :model="filterForm" class="demo-form-inline">
 19 |           <el-form-item label="用户昵称">
 20 |             <el-input v-model="filterForm.nickname" placeholder="用户昵称"></el-input>
 21 |           </el-form-item>
 22 |           <el-form-item>
 23 |             <el-button type="primary" @click="onSubmitFilter">查询</el-button>
 24 |           </el-form-item>
 25 |         </el-form>
 26 |       </div>
 27 |       <div class="form-table-box" v-if="fake == 0">
 28 |         <el-table :data="tableData" style="width: 100%" border stripe>
 29 |           <el-table-column prop="id" label="ID" width="60"> </el-table-column>
 30 |           <el-table-column label="头像" width="80">
 31 |             <template slot-scope="scope">
 32 |               <img :src="scope.row.avatar" alt="" style="width: 50px; height: 50px" />
 33 |             </template>
 34 |           </el-table-column>
 35 |           <!--<el-table-column prop="username" label="会员名称">-->
 36 |           <!--</el-table-column>-->
 37 |           <el-table-column prop="nickname" label="昵称">
 38 |             <template slot-scope="scope">
 39 |               <el-input
 40 |                 v-model="scope.row.nickname"
 41 |                 placeholder="昵称"
 42 |                 @blur="submitNick(scope.$index, scope.row)"
 43 |               ></el-input>
 44 |             </template>
 45 |           </el-table-column>
 46 |           <el-table-column prop="gender" label="性别" width="120">
 47 |             <template slot-scope="scope">
 48 |               {{ scope.row.gender == 2 ? '女' : '男' }}
 49 |             </template>
 50 |           </el-table-column>
 51 |           <!--<el-table-column prop="mobile" label="手机号"></el-table-column>-->
 52 |           <el-table-column prop="register_time" label="注册时间" width="180"> </el-table-column>
 53 |           <el-table-column prop="last_login_time" label="最近登录" width="180"> </el-table-column>
 54 |           <el-table-column label="操作">
 55 |             <template slot-scope="scope">
 56 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 57 |               <!-- <el-button plain size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除</el-button> -->
 58 |             </template>
 59 |           </el-table-column>
 60 |         </el-table>
 61 |       </div>
 62 |       <div class="page-box" v-if="fake == 0">
 63 |         <el-pagination
 64 |           background
 65 |           @current-change="handlePageChange"
 66 |           :current-page.sync="page"
 67 |           :page-size="10"
 68 |           layout="total, prev, pager, next, jumper"
 69 |           :total="total"
 70 |         >
 71 |         </el-pagination>
 72 |       </div>
 73 |     </div>
 74 |   </div>
 75 | </template>
 76 | 
 77 | <script>
 78 | export default {
 79 |   data() {
 80 |     return {
 81 |       page: 1,
 82 |       total: 0,
 83 |       filterForm: {
 84 |         name: ''
 85 |       },
 86 |       tableData: [],
 87 |       fakeData: [],
 88 |       fake: 0,
 89 |       loginInfo: null,
 90 |       username: ''
 91 |     }
 92 |   },
 93 |   methods: {
 94 |     fakeShow() {
 95 |       this.fake = 1
 96 |     },
 97 |     realShow() {
 98 |       this.fake = 0
 99 |     },
100 |     submitNick(index, row) {
101 |       this.axios.post('user/updateInfo', { id: row.id, nickname: row.nickname }).then(response => {})
102 |     },
103 |     handlePageChange(val) {
104 |       this.page = val
105 |       //保存到localStorage
106 |       localStorage.setItem('userPage', this.page)
107 |       this.getList()
108 |     },
109 |     handleRowEdit(index, row) {
110 |       this.$router.push({ name: 'user_add', query: { id: row.id } })
111 |     },
112 |     handleRowDelete(index, row) {
113 |       this.$confirm('确定要删除?', '提示', {
114 |         confirmButtonText: '确定',
115 |         cancelButtonText: '取消',
116 |         type: 'warning'
117 |       }).then(() => {
118 |         this.axios.post('user/destory', { id: row.id }).then(response => {
119 |           console.log(response.data)
120 |           if (response.data.errno === 0) {
121 |             this.$message({
122 |               type: 'success',
123 |               message: '删除成功!'
124 |             })
125 | 
126 |             this.getList()
127 |           }
128 |         })
129 |       })
130 |     },
131 |     onSubmitFilter() {
132 |       this.page = 1
133 |       this.getList()
134 |     },
135 |     getList() {
136 |       this.axios
137 |         .get('user', {
138 |           params: {
139 |             page: this.page,
140 |             nickname: this.filterForm.nickname
141 |           }
142 |         })
143 |         .then(response => {
144 |           console.log(response.data)
145 |           console.log(response)
146 |           this.tableData = response.data.data.userData.data
147 |           this.page = response.data.data.userData.currentPage
148 |           this.total = response.data.data.userData.count
149 |           this.fakeData = response.data.data.fakeData
150 |         })
151 |       if (!this.loginInfo) {
152 |         this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null)
153 |         this.username = this.loginInfo.username
154 |       }
155 |     }
156 |   },
157 |   components: {},
158 |   mounted() {
159 |     let thePage = localStorage.getItem('userPage')
160 |     if (thePage == null) {
161 |       thePage = 1
162 |     }
163 |     this.page = Number(thePage)
164 |     console.log(this.page)
165 |     this.getList()
166 |   }
167 | }
168 | </script>
169 | 
170 | <style scoped></style>
171 | 


--------------------------------------------------------------------------------
/src/components/Category/CategoryPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ path: '/dashboard/nature' }">商品设置</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>商品分类</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <router-link to="/dashboard/category/add">
 10 |           <el-button type="primary" icon="plus">添加分类</el-button>
 11 |         </router-link>
 12 |       </div>
 13 |     </div>
 14 |     <div class="content-main">
 15 |       <div class="form-table-box">
 16 |         <el-table :data="tableData" style="width: 100%" border stripe>
 17 |           <el-table-column prop="name" label="分类名称">
 18 |             <template slot-scope="scope">
 19 |               <div v-if="scope.row.level == 1" class="bg-gray">{{ scope.row.name }}</div>
 20 |               <div v-if="scope.row.level == 2" class="bg-left">{{ scope.row.name }}</div>
 21 |               <!-- {{ scope.row.level == 2 ? '　' : '' }} {{scope.row.name}} -->
 22 |             </template>
 23 |           </el-table-column>
 24 |           <el-table-column label="图标显示" width="80">
 25 |             <template slot-scope="scope">
 26 |               <el-switch
 27 |                 v-model="scope.row.is_channel"
 28 |                 active-text=""
 29 |                 inactive-text=""
 30 |                 @change="changeChannelStatus($event, scope.row.id)"
 31 |               >
 32 |               </el-switch>
 33 |             </template>
 34 |           </el-table-column>
 35 |           <el-table-column label="首页显示" width="80">
 36 |             <template slot-scope="scope">
 37 |               <el-switch
 38 |                 v-model="scope.row.is_show"
 39 |                 active-text=""
 40 |                 inactive-text=""
 41 |                 @change="changeShowStatus($event, scope.row.id)"
 42 |               >
 43 |               </el-switch>
 44 |             </template>
 45 |           </el-table-column>
 46 |           <el-table-column label="全部产品页面显示" width="140">
 47 |             <template slot-scope="scope">
 48 |               <el-switch
 49 |                 v-model="scope.row.is_category"
 50 |                 active-text=""
 51 |                 inactive-text=""
 52 |                 @change="changeCategoryStatus($event, scope.row.id)"
 53 |               >
 54 |               </el-switch>
 55 |             </template>
 56 |           </el-table-column>
 57 | 
 58 |           <el-table-column prop="sort_order" label="排序" width="100" sortable>
 59 |             <template slot-scope="scope">
 60 |               <el-input
 61 |                 v-model="scope.row.sort_order"
 62 |                 placeholder="排序"
 63 |                 @blur="submitSort(scope.$index, scope.row)"
 64 |               ></el-input>
 65 |             </template>
 66 |           </el-table-column>
 67 | 
 68 |           <el-table-column label="操作" width="300">
 69 |             <template slot-scope="scope">
 70 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 71 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除 </el-button>
 72 |             </template>
 73 |           </el-table-column>
 74 |         </el-table>
 75 |       </div>
 76 |     </div>
 77 |   </div>
 78 | </template>
 79 | 
 80 | <script>
 81 | export default {
 82 |   data() {
 83 |     return {
 84 |       page: 1,
 85 |       total: 0,
 86 |       filterForm: {
 87 |         name: ''
 88 |       },
 89 |       tableData: []
 90 |     }
 91 |   },
 92 |   methods: {
 93 |     changeShowStatus($event, para) {
 94 |       this.axios
 95 |         .get('category/showStatus', {
 96 |           params: {
 97 |             status: $event,
 98 |             id: para
 99 |           }
100 |         })
101 |         .then(response => {})
102 |     },
103 |     changeChannelStatus($event, para) {
104 |       this.axios
105 |         .get('category/channelStatus', {
106 |           params: {
107 |             status: $event,
108 |             id: para
109 |           }
110 |         })
111 |         .then(response => {})
112 |     },
113 |     changeCategoryStatus($event, para) {
114 |       this.axios
115 |         .get('category/categoryStatus', {
116 |           params: {
117 |             status: $event,
118 |             id: para
119 |           }
120 |         })
121 |         .then(response => {})
122 |     },
123 |     submitSort(index, row) {
124 |       this.axios.post('category/updateSort', { id: row.id, sort: row.sort_order }).then(response => {})
125 |     },
126 |     handleRowEdit(index, row) {
127 |       this.$router.push({ name: 'category_add', query: { id: row.id } })
128 |     },
129 |     handleRowDelete(index, row) {
130 |       this.$confirm('确定要删除?', '提示', {
131 |         confirmButtonText: '确定',
132 |         cancelButtonText: '取消',
133 |         type: 'warning'
134 |       }).then(() => {
135 |         this.axios.post('category/destory', { id: row.id }).then(response => {
136 |           console.log(response.data)
137 |           if (response.data.errno === 0) {
138 |             this.$message({
139 |               type: 'success',
140 |               message: '删除成功!'
141 |             })
142 | 
143 |             this.getList()
144 |           } else {
145 |             this.$message({
146 |               type: 'error',
147 |               message: '删除失败，该分类有子分类!'
148 |             })
149 |           }
150 |         })
151 |       })
152 |     },
153 |     onSubmitFilter() {
154 |       this.page = 1
155 |       this.getList()
156 |     },
157 |     getList() {
158 |       this.axios
159 |         .get('category', {
160 |           params: {
161 |             page: this.page,
162 |             name: this.filterForm.name
163 |           }
164 |         })
165 |         .then(response => {
166 |           this.tableData = response.data.data
167 |         })
168 |     }
169 |   },
170 |   components: {},
171 |   mounted() {
172 |     this.getList()
173 |   }
174 | }
175 | </script>
176 | 
177 | <style scoped>
178 | .sub-category .el-table__expanded-cell {
179 |   padding: 0;
180 | }
181 | 
182 | .bg-gray {
183 |   /* background:gray; */
184 |   color: red;
185 |   font-weight: bold;
186 | }
187 | 
188 | .bg-left {
189 |   margin-left: 30px;
190 | }
191 | </style>
192 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import Router from 'vue-router'
  3 | Vue.use(Router)
  4 | export default new Router({
  5 |   scrollBehavior: () => ({ y: 0 }),
  6 |   routes: [
  7 |     {
  8 |       path: '/dashboard',
  9 |       name: 'dashboard',
 10 |       redirect: '/dashboard/welcome',
 11 |       component: () => import('@/components/DashboardPage'),
 12 |       children: [
 13 |         {
 14 |           path: 'welcome',
 15 |           name: 'welcome',
 16 |           component: () => import('@/components/WelcomePage')
 17 |         },
 18 |         {
 19 |           path: 'goods',
 20 |           name: 'goods',
 21 |           component: () => import('@/components/Goods/GoodsPage')
 22 |         },
 23 |         {
 24 |           path: 'goods/add',
 25 |           name: 'goods_add',
 26 |           component: () => import('@/components/Goods/GoodsAddPage')
 27 |         },
 28 |         {
 29 |           path: 'nature',
 30 |           name: 'nature',
 31 |           component: () => import('@/components/Nature/NaturePage')
 32 |         },
 33 |         {
 34 |           path: 'specification/detail',
 35 |           name: 'specification_detail',
 36 |           component: () => import('@/components/Specification/SpecificationAddPage')
 37 |         },
 38 |         {
 39 |           path: 'category',
 40 |           name: 'category',
 41 |           component: () => import('@/components/Category/CategoryPage')
 42 |         },
 43 |         {
 44 |           path: 'category/add',
 45 |           name: 'category_add',
 46 |           component: () => import('@/components/Category/CategoryAddPage')
 47 |         },
 48 |         {
 49 |           path: 'order',
 50 |           name: 'order',
 51 |           component: () => import('@/components/Order/OrderPage')
 52 |         },
 53 |         {
 54 |           path: 'order/detail',
 55 |           name: 'order_detail',
 56 |           component: () => import('@/components/Order/OrderDetailPage')
 57 |         },
 58 |         {
 59 |           path: 'user',
 60 |           name: 'user',
 61 |           component: () => import('@/components/User/UserPage')
 62 |         },
 63 |         {
 64 |           path: 'user/add',
 65 |           name: 'user_add',
 66 |           component: () => import('@/components/User/UserAddPage')
 67 |         },
 68 |         {
 69 |           path: 'shipper',
 70 |           name: 'shipper',
 71 |           component: () => import('@/components/Shipper/ShipperPage')
 72 |         },
 73 |         {
 74 |           path: 'shipper/list',
 75 |           name: 'shipper_list',
 76 |           component: () => import('@/components/Shipper/ShipperListPage')
 77 |         },
 78 |         {
 79 |           path: 'shipper/add',
 80 |           name: 'shipper_add',
 81 |           component: () => import('@/components/Shipper/ShipperAddPage')
 82 |         },
 83 |         {
 84 |           path: 'freight',
 85 |           name: 'freight',
 86 |           component: () => import('@/components/Freight/FreightPage')
 87 |         },
 88 |         {
 89 |           path: 'except_area',
 90 |           name: 'except_area',
 91 |           component: () => import('@/components/Freight/ExceptAreaPage')
 92 |         },
 93 |         {
 94 |           path: 'except_area/add',
 95 |           name: 'except_area_add',
 96 |           component: () => import('@/components/Freight/ExceptAreaAddPage')
 97 |         },
 98 |         {
 99 |           path: 'freight/add',
100 |           name: 'freight_add',
101 |           component: () => import('@/components/Freight/FreightAddPage')
102 |         },
103 |         {
104 |           path: 'notice',
105 |           name: 'notice',
106 |           component: () => import('@/components/Settings/NoticePage')
107 |         },
108 |         {
109 |           path: 'ad',
110 |           name: 'ad',
111 |           component: () => import('@/components/Ad/AdPage')
112 |         },
113 |         {
114 |           path: 'ad/add',
115 |           name: 'ad_add',
116 |           component: () => import('@/components/Ad/AdAddPage')
117 |         },
118 |         {
119 |           path: 'comment',
120 |           name: 'comment',
121 |           component: () => import('@/components/Comment/ComPage')
122 |         },
123 |         {
124 |           path: 'comment/add',
125 |           name: 'comment_add',
126 |           component: () => import('@/components/Comment/ComAddPage')
127 |         },
128 |         {
129 |           path: 'shopcart',
130 |           name: 'shopcart',
131 |           component: () => import('@/components/ShopCart/ShopCartPage')
132 |         },
133 |         {
134 |           path: 'keywords',
135 |           name: 'keywords',
136 |           component: () => import('@/components/Keywords/KeywordsPage')
137 |         },
138 |         {
139 |           path: 'keywords/add',
140 |           name: 'keywords_add',
141 |           component: () => import('@/components/Keywords/KeywordsAddPage')
142 |         },
143 |         {
144 |           path: 'goodsgalleryedit',
145 |           name: 'goodsgalleryedit',
146 |           component: () => import('@/components/GoodsGallery/GoodsGalleryEditPage')
147 |         },
148 |         {
149 |           path: 'admin',
150 |           name: 'admin',
151 |           component: () => import('@/components/Admin/AdminPage')
152 |         },
153 |         {
154 |           path: 'admin/add',
155 |           name: 'admin_add',
156 |           component: () => import('@/components/Admin/AdminAddPage')
157 |         },
158 |         {
159 |           path: 'settings/showset',
160 |           name: 'showset',
161 |           component: () => import('@/components/Showset/ShowSetPage')
162 |         }
163 |       ]
164 |     },
165 |     {
166 |       path: '/wap',
167 |       name: 'wap',
168 |       component: () => import('@/components/WapPage'),
169 |       children: [
170 |         {
171 |           path: '/',
172 |           name: 'goods',
173 |           component: () => import('@/components/Wap/GoodsPage')
174 |         },
175 |         {
176 |           path: 'order',
177 |           name: 'order',
178 |           component: () => import('@/components/Wap/OrderPage')
179 |         }
180 |       ]
181 |     },
182 |     {
183 |       path: '/login',
184 |       name: 'login',
185 |       component: () => import('@/components/LoginPage')
186 |     },
187 |     {
188 |       path: '*',
189 |       redirect: '/dashboard'
190 |     }
191 |   ]
192 | })
193 | 


--------------------------------------------------------------------------------
/src/components/Shipper/ShipperPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>快递设置</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |       <div class="operation-nav">
  8 |         <router-link to="/dashboard/shipper/list">
  9 |           <el-button type="primary" icon="plus">快递公司列表</el-button>
 10 |         </router-link>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-form ref="infoForm" :model="infoForm" :rules="infoRules" label-width="120px">
 16 |           <el-form-item label="打印后自动发货">
 17 |             <el-switch v-model="infoForm.autoDelivery" @change="changeStatus(infoForm.autoDelivery)"></el-switch>
 18 |           </el-form-item>
 19 |           <el-form-item label="寄件人" prop="Name">
 20 |             <el-input v-model="infoForm.Name" placeholder="请输入非代理发货时的寄件人"></el-input>
 21 |           </el-form-item>
 22 |           <el-form-item label="电话" prop="Tel">
 23 |             <el-input v-model="infoForm.Tel" placeholder="请输入电话"></el-input>
 24 |           </el-form-item>
 25 |           <el-form-item label="省份" prop="ProvinceName">
 26 |             <el-cascader :options="options" placeholder="请选择地区" v-model="senderOptions"> </el-cascader>
 27 |           </el-form-item>
 28 |           <!---->
 29 |           <!--<el-form-item label="省份" prop="ProvinceName">-->
 30 |           <!--<el-input v-model="infoForm.ProvinceName" placeholder="请输入省份"></el-input>-->
 31 |           <!--</el-form-item>-->
 32 |           <!--<el-form-item label="城市" prop="CityName">-->
 33 |           <!--<el-input v-model="infoForm.CityName" placeholder="请输入城市"></el-input>-->
 34 |           <!--</el-form-item>-->
 35 |           <!--<el-form-item label="区/县" prop="ExpAreaName">-->
 36 |           <!--<el-input v-model="infoForm.ExpAreaName" placeholder="请输入区/县"></el-input>-->
 37 |           <!--</el-form-item>-->
 38 |           <el-form-item label="地址" prop="Address">
 39 |             <el-input v-model="infoForm.Address" placeholder="请输入具体地址"></el-input>
 40 |           </el-form-item>
 41 |           <el-form-item>
 42 |             <el-button type="primary" @click="onSaveSubmit">确定保存</el-button>
 43 |           </el-form-item>
 44 |         </el-form>
 45 |       </div>
 46 |       <div class="form-table-box">
 47 |         <el-form label-width="120px">
 48 |           <el-form-item label="使用中的快递">
 49 |             <el-table :data="tableData" style="width: 100%" border stripe>
 50 |               <el-table-column prop="name" label="名字"></el-table-column>
 51 |               <el-table-column prop="code" label="代号"></el-table-column>
 52 |               <el-table-column prop="CustomerName" label="客户编号"></el-table-column>
 53 |               <el-table-column prop="MonthCode" label="月结账号"></el-table-column>
 54 |               <el-table-column label="操作" width="170">
 55 |                 <template slot-scope="scope">
 56 |                   <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑 </el-button>
 57 |                 </template>
 58 |               </el-table-column>
 59 |             </el-table>
 60 |           </el-form-item>
 61 |         </el-form>
 62 |       </div>
 63 |     </div>
 64 |   </div>
 65 | </template>
 66 | 
 67 | <script>
 68 | export default {
 69 |   data() {
 70 |     return {
 71 |       infoForm: {},
 72 |       page: 1,
 73 |       total: 0,
 74 |       filterForm: {
 75 |         name: ''
 76 |       },
 77 |       tableData: [],
 78 |       options: [],
 79 |       senderOptions: [],
 80 |       infoRules: {
 81 |         Name: [{ required: true, message: '请输入寄件人姓名', trigger: 'blur' }],
 82 |         Tel: [{ required: true, message: '请输入寄件人电话', trigger: 'blur' }],
 83 |         ProvinceName: [{ required: true, message: '请输入寄件省份', trigger: 'blur' }],
 84 |         CityName: [{ required: true, message: '请输入寄件城市', trigger: 'blur' }],
 85 |         ExpAreaName: [{ required: true, message: '请输入寄件区县', trigger: 'blur' }],
 86 |         Address: [{ required: true, message: '请输入寄件人具体地址', trigger: 'blur' }]
 87 |       }
 88 |     }
 89 |   },
 90 |   methods: {
 91 |     getAllRegion() {
 92 |       this.axios.get('order/getAllRegion').then(response => {
 93 |         this.options = response.data.data
 94 |       })
 95 |     },
 96 |     changeStatus() {
 97 |       this.infoForm.autoDelivery == true ? (this.infoForm.autoDelivery = 1) : (this.infoForm.autoDelivery = 0)
 98 |       this.axios.post('admin/changeAutoStatus', { status: this.infoForm.autoDelivery }).then(response => {
 99 |         if (response.data.errno === 0) {
100 |           this.$message({
101 |             type: 'success',
102 |             message: '更改成功'
103 |           })
104 |           this.infoForm.autoDelivery == 1 ? (this.infoForm.autoDelivery = true) : (this.infoForm.autoDelivery = false)
105 |         } else {
106 |           this.$message({
107 |             type: 'error',
108 |             message: '更改失败'
109 |           })
110 |         }
111 |       })
112 |     },
113 |     handleRowEdit(index, row) {
114 |       this.$router.push({ name: 'shipper_add', query: { id: row.id } })
115 |     },
116 |     onSaveSubmit() {
117 |       this.infoForm.province_id = this.senderOptions[0]
118 |       this.infoForm.city_id = this.senderOptions[1]
119 |       this.infoForm.district_id = this.senderOptions[2]
120 |       this.infoForm.autoDelivery == true ? (this.infoForm.autoDelivery = 1) : (this.infoForm.autoDelivery = 0)
121 |       this.$refs['infoForm'].validate(valid => {
122 |         if (valid) {
123 |           this.axios.post('admin/storeShipperSettings', this.infoForm).then(response => {
124 |             if (response.data.errno === 0) {
125 |               this.$message({
126 |                 type: 'success',
127 |                 message: '保存成功'
128 |               })
129 |               this.infoForm.autoDelivery == 1
130 |                 ? (this.infoForm.autoDelivery = true)
131 |                 : (this.infoForm.autoDelivery = false)
132 |             } else {
133 |               this.$message({
134 |                 type: 'error',
135 |                 message: '保存失败'
136 |               })
137 |             }
138 |           })
139 |         } else {
140 |           return false
141 |         }
142 |       })
143 |     },
144 |     getList() {
145 |       this.axios.get('shipper').then(response => {
146 |         this.infoForm = response.data.data.set
147 |         this.tableData = response.data.data.info
148 |         this.infoForm.autoDelivery == 1 ? (this.infoForm.autoDelivery = true) : (this.infoForm.autoDelivery = false)
149 |         this.senderOptions.push(this.infoForm.province_id, this.infoForm.city_id, this.infoForm.district_id)
150 |       })
151 |     }
152 |   },
153 |   components: {},
154 |   mounted() {
155 |     this.getList()
156 |     this.getAllRegion()
157 |   }
158 | }
159 | </script>
160 | <style scoped>
161 | .form-table-box {
162 |   border: 1px solid #f1f1f1;
163 |   margin-bottom: 20px;
164 | }
165 | </style>
166 | 


--------------------------------------------------------------------------------
/src/components/Specification/SpecificationAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="content-page">
  3 |         <div class="content-nav">
  4 |             <el-breadcrumb class="breadcrumb" separator="/">
  5 |                 <el-breadcrumb-item :to="{ name: 'nature' }">商品设置</el-breadcrumb-item>
  6 |                 <el-breadcrumb-item>{{infoForm.id ? '编辑型号' : '添加型号'}}</el-breadcrumb-item>
  7 |             </el-breadcrumb>
  8 |             <div class="operation-nav">
  9 |                 <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 10 |             </div>
 11 |         </div>
 12 |         <div class="content-main">
 13 |             <div class="form-table-box">
 14 |                 <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 15 |                     <el-form-item label="分类名称" prop="name">
 16 |                         <el-input v-model="infoForm.name"></el-input>
 17 |                     </el-form-item>
 18 |                     <el-form-item label="排序">
 19 |                         <el-input-number v-model="infoForm.sort_order" :min="1" :max="1000"></el-input-number>
 20 |                     </el-form-item>
 21 |                     <el-form-item>
 22 |                         <el-button v-if="infoForm.id > 0" type="primary" @click="updateSpec">确定保存</el-button>
 23 |                         <el-button v-else type="primary" @click="addSpec">确定添加</el-button>
 24 |                         <el-button v-if="infoForm.id > 0" type="danger" @click="specDelete">删除</el-button>
 25 |                         <el-button @click="goBackPage">取消</el-button>
 26 |                     </el-form-item>
 27 |                 </el-form>
 28 |             </div>
 29 |         </div>
 30 |     </div>
 31 | </template>
 32 | 
 33 | <script>
 34 |     import api from '@/config/api';
 35 |     export default {
 36 |         data() {
 37 |             return {
 38 |                 infoForm: {
 39 |                     id: 0,
 40 |                     name: "",
 41 |                     sort_order: 1,
 42 |                 },
 43 |                 infoRules:{
 44 |                     name: [
 45 |                         {required: true, message: '请输入名称', trigger: 'blur'},
 46 |                     ]
 47 |                 }
 48 |             }
 49 |         },
 50 |         methods: {
 51 |             addSpec(){
 52 |                 let info = {
 53 |                     name:this.infoForm.name,
 54 |                     sort_order:this.infoForm.sort_order
 55 |                 }
 56 |                 this.$refs['infoForm'].validate((valid) => {
 57 |                     if (valid) {
 58 |                         this.axios.post('specification/add', info).then((response) => {
 59 |                             if (response.data.errno === 0) {
 60 |                                 this.$message({
 61 |                                     type: 'success',
 62 |                                     message: '添加成功!'
 63 |                                 });
 64 |                                 this.$router.go(-1);
 65 |                             } else {
 66 |                                 this.$message({
 67 |                                     type: 'error',
 68 |                                     message: '添加失败'
 69 |                                 })
 70 |                             }
 71 |                         })
 72 |                     } else {
 73 |                         return false;
 74 |                     }
 75 |                 });
 76 |             },
 77 |             updateSpec(){
 78 |                 let info = {
 79 |                     id:this.infoForm.id,
 80 |                     name:this.infoForm.name,
 81 |                     sort_order:this.infoForm.sort_order
 82 |                 }
 83 |                 this.$refs['infoForm'].validate((valid) => {
 84 |                     if (valid) {
 85 |                         this.axios.post('specification/update', info).then((response) => {
 86 |                             if (response.data.errno === 0) {
 87 |                                 this.$message({
 88 |                                     type: 'success',
 89 |                                     message: '保存成功!'
 90 |                                 });
 91 |                                 this.$router.go(-1);
 92 |                             } else {
 93 |                                 this.$message({
 94 |                                     type: 'error',
 95 |                                     message: '保存失败'
 96 |                                 })
 97 |                             }
 98 |                         })
 99 |                     } else {
100 |                         return false;
101 |                     }
102 |                 });
103 |             },
104 |             specDelete(index, row) {
105 |                 this.$confirm('确定要删除?', '提示', {
106 |                     confirmButtonText: '确定',
107 |                     cancelButtonText: '取消',
108 |                     type: 'warning'
109 |                 }).then(() => {
110 |                     this.axios.post('specification/delete', {id: row.id}).then((response) => {
111 |                         console.log(response.data)
112 |                         if (response.data.errno === 0) {
113 |                             this.$message({
114 |                                 type: 'success',
115 |                                 message: '删除成功!'
116 |                             });
117 |                             this.$router.go(-1);
118 |                         }
119 |                         else {
120 |                             this.$message({
121 |                                 type: 'error',
122 |                                 message: '删除失败，该型号下有商品!'
123 |                             });
124 |                         }
125 |                     })
126 |                 });
127 |             },
128 |             goBackPage() {
129 |                 this.$router.go(-1);
130 |             },
131 |             getInfo() {
132 |                 console.log(this.infoForm.id);
133 |             console.log(this.infoForm.id);
134 |             console.log(this.infoForm.id);
135 |                 if (this.infoForm.id <= 0) {
136 |                     return false
137 |                 }
138 |                 let that = this
139 |                 this.axios.post('specification/detail', {
140 |                         id: that.infoForm.id
141 |                 }).then((response) => {
142 |                     let resInfo = response.data.data;
143 |                     console.log(resInfo);
144 |                     that.infoForm = resInfo;
145 |                 })
146 |             }
147 |         },
148 |         components: {},
149 |         mounted() {
150 |             this.infoForm.id = this.$route.query.id || 0;
151 |             
152 |             this.getInfo();
153 |         }
154 |     }
155 | 
156 | </script>
157 | 
158 | <style scoped>
159 |     .image-uploader {
160 |         height: 105px;
161 |     }
162 | 
163 |     .image-uploader .el-upload {
164 |         border: 1px solid #d9d9d9;
165 |         cursor: pointer;
166 |         position: relative;
167 |         overflow: hidden;
168 |     }
169 | 
170 |     .image-uploader .el-upload:hover {
171 |         border-color: #20a0ff;
172 |     }
173 | 
174 |     .image-uploader .image-uploader-icon {
175 |         font-size: 28px;
176 |         color: #8c939d;
177 |         min-width: 105px;
178 |         height: 105px;
179 |         line-height: 105px;
180 |         text-align: center;
181 |     }
182 | 
183 |     .image-show {
184 |         background-color: #f8f8f8;
185 |         min-width: 105px;
186 |         height: 105px;
187 |         display: block;
188 |     }
189 | 
190 | </style>
191 | 


--------------------------------------------------------------------------------
/src/components/Comment/ComAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'ad' }">评论列表</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑评论' : '添加评论' }}</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <!--<el-button type="primary" @click="test" icon="arrow-left">test</el-button>-->
 10 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-form ref="infoForm" :model="infoForm" label-width="120px">
 16 |           <el-form-item label="评论人" prop="name">
 17 |             <el-input class="link-input" v-model="infoForm.name"></el-input>
 18 |           </el-form-item>
 19 |           <el-form-item label="评论人头像" prop="avatar">
 20 |             <el-input class="link-input" v-model="infoForm.avatar"></el-input>
 21 |           </el-form-item>
 22 |           <el-form-item label="评论内容" prop="content">
 23 |             <el-input class="link-input" v-model="infoForm.content"></el-input>
 24 |           </el-form-item>
 25 |           <el-form-item label="评论图片" prop="image_url">
 26 |             <el-tag
 27 |               :key="item"
 28 |               v-for="item in infoForm.image_url"
 29 |               closable
 30 |               :disable-transitions="false"
 31 |               @close="handleClose(item)"
 32 |             >
 33 |               {{ item }}
 34 |             </el-tag>
 35 |             <el-input
 36 |               class="input-new-tag"
 37 |               v-if="inputVisible"
 38 |               v-model="inputValue"
 39 |               ref="saveTagInput"
 40 |               size="small"
 41 |               @keyup.enter.native="handleInputConfirm"
 42 |               @blur="handleInputConfirm"
 43 |             >
 44 |             </el-input>
 45 |             <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 图片链接</el-button>
 46 |           </el-form-item>
 47 |           <el-form-item label="商品id" prop="goods_id">
 48 |             <el-input class="id-input" v-model="infoForm.goods_id"></el-input>
 49 |             <el-popover placement="right" v-model="related_pop">
 50 |               <el-table :data="chooseRelateGoods" stripe style="width: 100%">
 51 |                 <el-table-column prop="id" label="id" width="100"></el-table-column>
 52 |                 <el-table-column prop="list_pic_url" label="商品图片" width="120">
 53 |                   <template slot-scope="scope">
 54 |                     <img :src="scope.row.list_pic_url" alt="" style="width: 40px; height: 40px" />
 55 |                   </template>
 56 |                 </el-table-column>
 57 |                 <el-table-column prop="name" label="商品名称" width="300px"></el-table-column>
 58 |                 <el-table-column label="操作">
 59 |                   <template slot-scope="scope">
 60 |                     <el-button size="small" type="danger" @click="relateSelect(scope.row.id)">选择 </el-button>
 61 |                   </template>
 62 |                 </el-table-column>
 63 |               </el-table>
 64 |               <el-button slot="reference" type="primary" @click="relateGoodsClick">添加关联商品</el-button>
 65 |             </el-popover>
 66 |           </el-form-item>
 67 |           <el-form-item label="排序" prop="sort_order">
 68 |             <el-input-number v-model="infoForm.sort_order" :min="1" :max="999"></el-input-number>
 69 |           </el-form-item>
 70 |           <el-form-item label="是否启用">
 71 |             <el-switch active-value="1" inactive-value="0" v-model="infoForm.enabled"></el-switch>
 72 |           </el-form-item>
 73 |           <el-form-item>
 74 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 75 |             <el-button @click="goBackPage">取消</el-button>
 76 |           </el-form-item>
 77 |         </el-form>
 78 |       </div>
 79 |     </div>
 80 |   </div>
 81 | </template>
 82 | 
 83 | <script>
 84 | export default {
 85 |   data() {
 86 |     return {
 87 |       inputVisible: false,
 88 |       inputValue: '',
 89 |       infoForm: {
 90 |         id: 0,
 91 |         nama: '',
 92 |         avatar: 'https://cdn.jzzz66.cn/a16.jpg',
 93 |         content: '',
 94 |         image_url: [],
 95 |         enabled: 0,
 96 |         goods_id: 0,
 97 |         sort_order: 1
 98 |       },
 99 |       chooseRelateGoods: [],
100 |       related_pop: false
101 |     }
102 |   },
103 |   methods: {
104 |     handleClose(tag) {
105 |       this.infoForm.image_url.splice(this.infoForm.image_url.indexOf(tag), 1)
106 |     },
107 |     showInput() {
108 |       this.inputVisible = true
109 |       this.$nextTick(_ => {
110 |         this.$refs.saveTagInput.$refs.input.focus()
111 |       })
112 |     },
113 |     handleInputConfirm() {
114 |       let inputValue = this.inputValue
115 |       if (inputValue) {
116 |         this.infoForm.image_url.push(inputValue)
117 |       }
118 |       this.inputVisible = false
119 |       this.inputValue = ''
120 |     },
121 |     relateSelect(id) {
122 |       this.infoForm.goods_id = id
123 |       this.related_pop = false
124 |     },
125 |     relateGoodsClick() {
126 |       this.axios.post('comment/getallrelate', { id: this.infoForm.id }).then(response => {
127 |         if (response.data.errno === 0) {
128 |           this.chooseRelateGoods = response.data.data
129 |         }
130 |       })
131 |     },
132 |     test() {
133 |       console.log(this.infoForm.end_time)
134 |     },
135 |     goBackPage() {
136 |       this.$router.go(-1)
137 |     },
138 |     onSubmitInfo() {
139 |       console.log(this.infoForm)
140 |       if (this.infoForm.goods_id == 0) {
141 |         this.$message({
142 |           type: 'error',
143 |           message: '请选择商品'
144 |         })
145 |         return false
146 |       }
147 |       this.$refs['infoForm'].validate(valid => {
148 |         if (valid) {
149 |           this.axios.post('comment/store', this.infoForm).then(response => {
150 |             if (response.data.errno === 0) {
151 |               this.$message({
152 |                 type: 'success',
153 |                 message: '保存成功'
154 |               })
155 |               this.$router.go(-1)
156 |             } else {
157 |               this.$message({
158 |                 type: 'error',
159 |                 message: '保存失败'
160 |               })
161 |             }
162 |           })
163 |         } else {
164 |           return false
165 |         }
166 |       })
167 |     },
168 |     getInfo() {
169 |       if (this.infoForm.id <= 0) {
170 |         return false
171 |       }
172 |       //加载广告详情
173 |       let that = this
174 |       this.axios
175 |         .get('comment/info', {
176 |           params: {
177 |             id: that.infoForm.id
178 |           }
179 |         })
180 |         .then(response => {
181 |           let resInfo = response.data.data
182 |           resInfo.enabled = resInfo.enabled ? '1' : '0'
183 |           that.infoForm = resInfo
184 |           console.log(this.infoForm)
185 |         })
186 |     }
187 |   },
188 |   components: {},
189 |   mounted() {
190 |     this.infoForm.id = this.$route.query.id || 0
191 |     this.getInfo()
192 |   }
193 | }
194 | </script>
195 | 
196 | <style scoped>
197 | .image-show {
198 |   background-color: #f8f8f8;
199 |   min-width: 200px;
200 |   height: 200px;
201 |   display: block;
202 | }
203 | 
204 | .id-input {
205 |   margin-bottom: 20px;
206 | }
207 | 
208 | .link-input .el-input__inner {
209 |   width: 400px !important;
210 | }
211 | 
212 | .el-tag + .el-tag {
213 |   margin-left: 10px;
214 | }
215 | .button-new-tag {
216 |   margin-left: 10px;
217 |   height: 32px;
218 |   line-height: 30px;
219 |   padding-top: 0;
220 |   padding-bottom: 0;
221 | }
222 | .input-new-tag {
223 |   width: 90px;
224 |   margin-left: 10px;
225 |   vertical-align: bottom;
226 | }
227 | </style>
228 | 


--------------------------------------------------------------------------------
/src/components/Nature/NaturePage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>商品设置</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |     </div>
  8 |     <div class="content-main">
  9 |       <el-tabs v-model="activeName" @tab-click="handleClick">
 10 |         <el-tab-pane label="商品分类" name="first"></el-tab-pane>
 11 |         <el-tab-pane label="商品型号" name="second"></el-tab-pane>
 12 |       </el-tabs>
 13 |       <div class="form-table-box">
 14 |         <div class="btn-wrap">
 15 |           <router-link v-if="pIndex == 0" to="/dashboard/category/add">
 16 |             <el-button plain type="primary" icon="plus">添加分类</el-button>
 17 |           </router-link>
 18 |           <router-link v-if="pIndex == 1" to="/dashboard/specification/detail">
 19 |             <el-button plain type="primary" icon="plus">添加型号</el-button>
 20 |           </router-link>
 21 |         </div>
 22 |         <el-table v-if="pIndex == 0" :data="categoryData" style="width: 100%" border stripe>
 23 |           <el-table-column prop="name" label="分类名称">
 24 |             <template slot-scope="scope">
 25 |               <div v-if="scope.row.level == 1" class="bg-gray">{{ scope.row.name }}</div>
 26 |               <div v-if="scope.row.level == 2" class="bg-left">{{ scope.row.name }}</div>
 27 |               <!-- {{ scope.row.level == 2 ? '　' : '' }} {{scope.row.name}} -->
 28 |             </template>
 29 |           </el-table-column>
 30 |           <el-table-column label="图标显示" width="80">
 31 |             <template slot-scope="scope">
 32 |               <el-switch
 33 |                 v-model="scope.row.is_channel"
 34 |                 active-text=""
 35 |                 inactive-text=""
 36 |                 @change="changeChannelStatus($event, scope.row.id)"
 37 |               >
 38 |               </el-switch>
 39 |             </template>
 40 |           </el-table-column>
 41 |           <el-table-column label="首页显示" width="80">
 42 |             <template slot-scope="scope">
 43 |               <el-switch
 44 |                 v-model="scope.row.is_show"
 45 |                 active-text=""
 46 |                 inactive-text=""
 47 |                 @change="changeShowStatus($event, scope.row.id)"
 48 |               >
 49 |               </el-switch>
 50 |             </template>
 51 |           </el-table-column>
 52 |           <el-table-column label="全部产品页面显示" width="140">
 53 |             <template slot-scope="scope">
 54 |               <el-switch
 55 |                 v-model="scope.row.is_category"
 56 |                 active-text=""
 57 |                 inactive-text=""
 58 |                 @change="changeCategoryStatus($event, scope.row.id)"
 59 |               >
 60 |               </el-switch>
 61 |             </template>
 62 |           </el-table-column>
 63 | 
 64 |           <el-table-column prop="sort_order" label="排序" width="100" sortable>
 65 |             <template slot-scope="scope">
 66 |               <el-input
 67 |                 v-model="scope.row.sort_order"
 68 |                 placeholder="排序"
 69 |                 @blur="submitSort(scope.$index, scope.row)"
 70 |               ></el-input>
 71 |             </template>
 72 |           </el-table-column>
 73 | 
 74 |           <el-table-column label="操作" width="300">
 75 |             <template slot-scope="scope">
 76 |               <el-button size="small" @click="handleRowEdit(scope.$index, scope.row)">编辑</el-button>
 77 |               <el-button size="small" type="danger" @click="handleRowDelete(scope.$index, scope.row)">删除 </el-button>
 78 |             </template>
 79 |           </el-table-column>
 80 |         </el-table>
 81 |         <el-table v-if="pIndex == 1" :data="specData" style="width: 100%" border stripe>
 82 |           <el-table-column prop="id" label="ID" width="100"> </el-table-column>
 83 |           <el-table-column prop="name" label="型号名"> </el-table-column>
 84 |           <el-table-column prop="sort_order" label="排序" width="200"> </el-table-column>
 85 |           <el-table-column label="操作" width="160">
 86 |             <template slot-scope="scope">
 87 |               <el-button size="small" @click="specEdit(scope.$index, scope.row)">编辑</el-button>
 88 |               <el-button size="small" type="danger" @click="specDelete(scope.$index, scope.row)">删除 </el-button>
 89 |             </template>
 90 |           </el-table-column>
 91 |         </el-table>
 92 |       </div>
 93 |     </div>
 94 |   </div>
 95 | </template>
 96 | <script>
 97 | export default {
 98 |   data() {
 99 |     return {
100 |       activeName: 'first',
101 |       pIndex: 0,
102 |       categoryData: [],
103 |       is_spec_add: false,
104 |       dialogFormVisible: false,
105 |       specData: [],
106 |       form: {},
107 |       formLabelWidth: '120px'
108 |     }
109 |   },
110 |   methods: {
111 |     handleClick(tab, event) {
112 |       let pindex = tab._data.index
113 |       this.activeClass = 0
114 |       if (pindex == 0) {
115 |         this.getList()
116 |         this.pIndex = 0
117 |       } else if (pindex == 1) {
118 |         this.getSpecList()
119 |         this.pIndex = 1
120 |       }
121 |     },
122 |     changeShowStatus($event, para) {
123 |       this.axios
124 |         .get('category/showStatus', {
125 |           params: {
126 |             status: $event,
127 |             id: para
128 |           }
129 |         })
130 |         .then(response => {})
131 |     },
132 |     changeChannelStatus($event, para) {
133 |       this.axios
134 |         .get('category/channelStatus', {
135 |           params: {
136 |             status: $event,
137 |             id: para
138 |           }
139 |         })
140 |         .then(response => {})
141 |     },
142 |     changeCategoryStatus($event, para) {
143 |       this.axios
144 |         .get('category/categoryStatus', {
145 |           params: {
146 |             status: $event,
147 |             id: para
148 |           }
149 |         })
150 |         .then(response => {})
151 |     },
152 |     submitSort(index, row) {
153 |       this.axios.post('category/updateSort', { id: row.id, sort: row.sort_order }).then(response => {})
154 |     },
155 |     handleRowEdit(index, row) {
156 |       this.$router.push({ name: 'category_add', query: { id: row.id } })
157 |     },
158 |     specEdit(index, row) {
159 |       console.log(row.id)
160 |       this.$router.push({ name: 'specification_detail', query: { id: row.id } })
161 |     },
162 |     specDelete(index, row) {
163 |       this.$confirm('确定要删除?', '提示', {
164 |         confirmButtonText: '确定',
165 |         cancelButtonText: '取消',
166 |         type: 'warning'
167 |       }).then(() => {
168 |         this.axios.post('specification/delete', { id: row.id }).then(response => {
169 |           console.log(response.data)
170 |           if (response.data.errno === 0) {
171 |             this.$message({
172 |               type: 'success',
173 |               message: '删除成功!'
174 |             })
175 |             this.getSpecList()
176 |           } else {
177 |             this.$message({
178 |               type: 'error',
179 |               message: '删除失败，该型号下有商品!'
180 |             })
181 |           }
182 |         })
183 |       })
184 |     },
185 |     handleRowDelete(index, row) {
186 |       this.$confirm('确定要删除?', '提示', {
187 |         confirmButtonText: '确定',
188 |         cancelButtonText: '取消',
189 |         type: 'warning'
190 |       }).then(() => {
191 |         this.axios.post('category/destory', { id: row.id }).then(response => {
192 |           console.log(response.data)
193 |           if (response.data.errno === 0) {
194 |             this.$message({
195 |               type: 'success',
196 |               message: '删除成功!'
197 |             })
198 | 
199 |             this.getList()
200 |           } else {
201 |             this.$message({
202 |               type: 'error',
203 |               message: '删除失败，该分类有子分类!'
204 |             })
205 |           }
206 |         })
207 |       })
208 |     },
209 |     getList() {
210 |       this.axios
211 |         .get('category', {
212 |           params: {
213 |             page: this.page
214 |           }
215 |         })
216 |         .then(response => {
217 |           this.categoryData = response.data.data
218 |         })
219 |     },
220 |     getSpecList() {
221 |       this.axios.get('specification').then(response => {
222 |         this.specData = response.data.data
223 |       })
224 |     }
225 |   },
226 |   components: {},
227 |   mounted() {
228 |     this.getList()
229 |   }
230 | }
231 | </script>
232 | 
233 | <style scoped>
234 | .sort-width {
235 |   width: 90px;
236 | }
237 | .right {
238 |   float: right;
239 | }
240 | .form-inline {
241 |   margin-top: 2px;
242 |   height: 40px;
243 |   margin-right: 20px;
244 | }
245 | .block {
246 |   margin-bottom: 10px;
247 |   height: 42px;
248 |   display: flex;
249 |   align-items: center;
250 |   justify-content: space-between;
251 | }
252 | .active {
253 |   border-color: #ff4949;
254 |   color: #ff4949;
255 | }
256 | .marginRight {
257 |   margin-right: 20px;
258 | }
259 | .btn-wrap {
260 |   margin-bottom: 10px;
261 | }
262 | </style>
263 | 


--------------------------------------------------------------------------------
/src/components/Admin/AdminAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="content-page">
  3 |         <div class="content-nav">
  4 |             <el-breadcrumb class="breadcrumb" separator="/">
  5 |                 <el-breadcrumb-item :to="{ name: 'admin' }">管理员</el-breadcrumb-item>
  6 |                 <el-breadcrumb-item>{{infoForm.id ? '编辑管理员' : '添加管理员'}}</el-breadcrumb-item>
  7 |             </el-breadcrumb>
  8 |             <div class="operation-nav">
  9 |                 <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 10 |                 <!--<el-button type="primary" @click="testa" icon="arrow-left">测试</el-button>-->
 11 |             </div>
 12 |         </div>
 13 |         <div class="content-main">
 14 |             <div class="form-table-box">
 15 |                 <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 16 |                     <el-form-item label="管理员用户名" prop="username">
 17 |                         <el-input v-model="infoForm.username"></el-input>
 18 |                     </el-form-item>
 19 |                     <el-form-item label="新密码" v-if="infoForm.id"  prop="newpassword">
 20 |                         <el-switch
 21 |                                 v-model="change"
 22 |                                 active-color="#13ce66">
 23 |                         </el-switch>
 24 |                     </el-form-item>
 25 |                     <el-form-item label="" v-if="change"  prop="newpassword">
 26 |                         <el-input type="password" v-model="infoForm.newpassword" placeholder="输入新的密码"></el-input>
 27 |                     </el-form-item>
 28 |                     <el-form-item label="密码" v-if="!infoForm.id" prop="password">
 29 |                         <el-input type="password" v-model="infoForm.password"></el-input>
 30 |                     </el-form-item>
 31 |                     <el-form-item>
 32 |                         <el-button v-if="infoForm.id > 0" type="primary" @click="saveAdminInfo">确定保存</el-button>
 33 |                         <el-button v-else type="primary" @click="addAdminInfo">确定添加</el-button>
 34 |                         <el-button @click="goBackPage">取消</el-button>
 35 |                     </el-form-item>
 36 |                 </el-form>
 37 |             </div>
 38 |         </div>
 39 |     </div>
 40 | </template>
 41 | 
 42 | <script>
 43 |     import api from '@/config/api';
 44 | 
 45 |     export default {
 46 |         data() {
 47 |             return {
 48 |                 change:false,
 49 |                 infoForm: {
 50 |                     id: 0,
 51 |                     username: "",
 52 |                     newpassword: '',
 53 |                     password: ''
 54 |                 },
 55 |                 infoRules: {
 56 |                     username: [
 57 |                         {required: true, message: '请输入昵称', trigger: 'blur'},
 58 |                     ],
 59 |                     password: [
 60 |                         {required: true, message: '请输入密码', trigger: 'blur'},
 61 |                     ],
 62 |                 },
 63 |             }
 64 |         },
 65 |         methods: {
 66 |             testa() {
 67 |                 console.log(this.tableData);
 68 |                 console.log(this.infoForm);
 69 |             },
 70 |             goBackPage() {
 71 |                 this.$router.go(-1);
 72 |             },
 73 |             saveAdminInfo() {
 74 |                 let user = this.infoForm;
 75 |                 if(this.change == true){
 76 |                     let password = user.newpassword;
 77 |                     if(password == undefined){
 78 |                         user.newpassword = ''
 79 |                     }
 80 |                     if(password != undefined && password.replace(/(^\s*)|(\s*$)/g, "").length < 6){
 81 |                         this.$message({
 82 |                             type: 'error',
 83 |                             message: '密码请大于6个字符'
 84 |                         })
 85 |                         return false;
 86 |                     }
 87 |                 }
 88 |                 this.$refs['infoForm'].validate((valid) => {
 89 |                     if (valid) {
 90 |                         this.axios.post('admin/adminSave', {
 91 |                             user: user,
 92 |                             change:this.change,
 93 |                         }).then((response) => {
 94 |                             if (response.data.errno === 0) {
 95 |                                 this.$message({
 96 |                                     type: 'success',
 97 |                                     message: '保存成功'
 98 |                                 });
 99 |                             }
100 |                             else if (response.data.errno === 400) {
101 |                                 this.$message({
102 |                                     type: 'error',
103 |                                     message: response.data.errmsg
104 |                                 });
105 |                             }
106 |                             else {
107 |                                 this.$message({
108 |                                     type: 'error',
109 |                                     message: '保存失败'
110 |                                 })
111 |                             }
112 |                         })
113 |                     } else {
114 |                         return false;
115 |                     }
116 |                 });
117 |             },
118 |             addAdminInfo() {
119 |                 let user = this.infoForm;
120 |                 let password = user.password;
121 |                 if(password == undefined){
122 |                     user.password = ''
123 |                 }
124 |                 if(password != undefined && password.replace(/(^\s*)|(\s*$)/g, "").length < 6){
125 |                     this.$message({
126 |                         type: 'error',
127 |                         message: '密码请大于6个字符'
128 |                     })
129 |                     return false;
130 |                 }
131 |                 this.$refs['infoForm'].validate((valid) => {
132 |                     if (valid) {
133 |                         this.axios.post('admin/adminAdd', {
134 |                             user: user,
135 |                         }).then((response) => {
136 |                             if (response.data.errno === 0) {
137 |                                 this.$message({
138 |                                     type: 'success',
139 |                                     message: '添加成功'
140 |                                 });
141 |                                 this.$router.push({ name: 'admin'} )
142 |                             } else {
143 |                                 this.$message({
144 |                                     type: 'error',
145 |                                     message: '添加失败'
146 |                                 })
147 |                             }
148 |                         })
149 |                     } else {
150 |                         return false;
151 |                     }
152 |                 });
153 |             },
154 |             getInfo() {
155 |                 //加载品牌详情
156 |                 let that = this
157 |                 this.axios.post('admin/adminDetail', {
158 |                     id: that.infoForm.id
159 |                 }).then((response) => {
160 |                     if (response.data.errno === 0) {
161 |                         let resInfo = response.data.data;
162 |                         that.infoForm = resInfo;
163 |                     }
164 |                 })
165 |             }
166 |         },
167 |         components: {},
168 |         mounted() {
169 |             this.infoForm.id = this.$route.query.id || 0;
170 |             console.log(this.infoForm.id);
171 |             this.getInfo();
172 |         }
173 |     }
174 | 
175 | </script>
176 | 
177 | <style>
178 |     .image-uploader {
179 |         height: 105px;
180 |     }
181 | 
182 |     .image-uploader .el-upload {
183 |         border: 1px solid #d9d9d9;
184 |         cursor: pointer;
185 |         position: relative;
186 |         overflow: hidden;
187 |     }
188 | 
189 |     .image-uploader .el-upload:hover {
190 |         border-color: #20a0ff;
191 |     }
192 | 
193 |     .image-uploader .image-uploader-icon {
194 |         font-size: 28px;
195 |         color: #8c939d;
196 |         width: 187px;
197 |         height: 105px;
198 |         line-height: 105px;
199 |         text-align: center;
200 |     }
201 | 
202 |     .image-uploader .image-show {
203 |         width: 187px;
204 |         height: 105px;
205 |         display: block;
206 |     }
207 | 
208 |     .image-uploader.new-image-uploader {
209 |         font-size: 28px;
210 |         color: #8c939d;
211 |         width: 165px;
212 |         height: 105px;
213 |         line-height: 105px;
214 |         text-align: center;
215 |     }
216 | 
217 |     .image-uploader.new-image-uploader .image-uploader-icon {
218 |         font-size: 28px;
219 |         color: #8c939d;
220 |         width: 165px;
221 |         height: 105px;
222 |         line-height: 105px;
223 |         text-align: center;
224 |     }
225 | 
226 |     .image-uploader.new-image-uploader .image-show {
227 |         width: 165px;
228 |         height: 105px;
229 |         display: block;
230 |     }
231 | </style>
232 | 


--------------------------------------------------------------------------------
/src/components/Category/CategoryAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'nature' }">商品设置</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑分类' : '添加分类' }}</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 10 |       </div>
 11 |     </div>
 12 |     <div class="content-main">
 13 |       <div class="form-table-box">
 14 |         <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 15 |           <!-- <el-form-item label="上级分类" prop="name">
 16 |                         <el-select v-model="infoForm.parent_id" placeholder="请选择上级分类">
 17 |                             <el-option v-for="item in parentCategory" :key="item.id" :label="item.name"
 18 |                                        :value="item.id"></el-option>
 19 |                         </el-select>
 20 |                     </el-form-item> -->
 21 |           <el-form-item label="分类名称" prop="name">
 22 |             <el-input v-model="infoForm.name"></el-input>
 23 |           </el-form-item>
 24 |           <el-form-item label="简短介绍">
 25 |             <el-input type="textarea" v-model="infoForm.front_name" :rows="1"></el-input>
 26 |             <div class="form-tip"></div>
 27 |           </el-form-item>
 28 |           <el-form-item label="分类图片" prop="img_url" v-if="infoForm.parent_id == 0">
 29 |             <img v-if="infoForm.img_url" :src="infoForm.img_url" class="image-show" />
 30 |             <el-upload
 31 |               class="upload-demo"
 32 |               name="file"
 33 |               :action="qiniuZone"
 34 |               :on-remove="bannerRemove"
 35 |               :before-remove="beforeBannerRemove"
 36 |               :file-list="fileList"
 37 |               :on-success="handleUploadBannerSuccess"
 38 |               :data="picData"
 39 |               :before-upload="getQiniuToken"
 40 |             >
 41 |               <el-button v-if="!infoForm.img_url" size="small" type="primary">点击上传</el-button>
 42 |             </el-upload>
 43 |             <div class="form-tip">图片尺寸：顶级分类为690*自定义, 只能上传jpg/png文件</div>
 44 |           </el-form-item>
 45 |           <el-form-item label="分类图片高度" prop="name" v-if="infoForm.parent_id == 0">
 46 |             <el-input v-model="infoForm.p_height"></el-input>
 47 |           </el-form-item>
 48 |           <el-form-item label="图标" prop="icon_url" v-if="infoForm.parent_id == 0">
 49 |             <img v-if="infoForm.icon_url" :src="infoForm.icon_url" class="image-show" />
 50 |             <el-upload
 51 |               class="upload-demo"
 52 |               name="file"
 53 |               :action="qiniuZone"
 54 |               :on-remove="iconRemove"
 55 |               :before-remove="beforeIconRemove"
 56 |               :file-list="fileList2"
 57 |               :data="picData"
 58 |               :on-success="handleUploadIconSuccess"
 59 |               :before-upload="getQiniuToken"
 60 |             >
 61 |               <el-button v-if="!infoForm.icon_url" size="small" type="primary">点击上传</el-button>
 62 |             </el-upload>
 63 | 
 64 |             <div class="form-tip">图片尺寸：图标250*250, 只能上传jpg/png文件</div>
 65 |           </el-form-item>
 66 |           <el-form-item label="排序">
 67 |             <el-input-number v-model="infoForm.sort_order" :min="1" :max="1000"></el-input-number>
 68 |           </el-form-item>
 69 |           <el-form-item>
 70 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 71 |             <el-button @click="goBackPage">取消</el-button>
 72 |           </el-form-item>
 73 |         </el-form>
 74 |       </div>
 75 |     </div>
 76 |   </div>
 77 | </template>
 78 | 
 79 | <script>
 80 | import api from '@/config/api'
 81 | import ElFormItem from '../../../node_modules/element-ui/packages/form/src/form-item.vue'
 82 | 
 83 | export default {
 84 |   data() {
 85 |     return {
 86 |       root: '',
 87 |       qiniuZone: '',
 88 |       fileList: [],
 89 |       fileList2: [],
 90 |       uploaderHeader: {
 91 |         'x-xzzshop-Token': localStorage.getItem('token') || ''
 92 |       },
 93 |       parentCategory: [
 94 |         {
 95 |           id: 0,
 96 |           name: '顶级分类'
 97 |         }
 98 |       ],
 99 |       infoForm: {
100 |         id: 0,
101 |         name: '',
102 |         parent_id: 0,
103 |         front_name: '',
104 |         img_url: '',
105 |         sort_order: 100,
106 |         icon_url: ''
107 |         // is_show: true,
108 |       },
109 |       infoRules: {
110 |         name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
111 |         front_name: [{ required: true, message: '请输入简介', trigger: 'blur' }],
112 |         img_url: [{ required: true, message: '请选择分类图片', trigger: 'blur' }],
113 |         icon_url: [{ required: true, message: '请选择分类图标', trigger: 'blur' }]
114 |       },
115 |       picData: {
116 |         token: ''
117 |       },
118 |       url: ''
119 |     }
120 |   },
121 |   methods: {
122 |     getQiniuToken() {
123 |       let that = this
124 |       this.axios.post('index/getQiniuToken').then(response => {
125 |         let resInfo = response.data.data
126 |         console.log(resInfo)
127 |         that.picData.token = resInfo.token
128 |         that.url = resInfo.url
129 |       })
130 |     },
131 |     beforeBannerRemove(file, fileList) {
132 |       return this.$confirm(`确定移除该图？删除后将无法找回`)
133 |     },
134 |     beforeIconRemove(file, fileList) {
135 |       return this.$confirm(`确定移除图标？删除后将无法找回`)
136 |     },
137 |     bannerRemove(file, fileList) {
138 |       this.infoForm.img_url = ''
139 |       let id = this.infoForm.id
140 |       this.axios.post('category/deleteBannerImage', { id: id }).then(response => {
141 |         this.$message({
142 |           type: 'success',
143 |           message: '删除成功'
144 |         })
145 |       })
146 |     },
147 |     iconRemove(file, fileList) {
148 |       this.infoForm.icon_url = ''
149 |       let id = this.infoForm.id
150 |       this.axios.post('category/deleteIconImage', { id: id }).then(response => {
151 |         this.$message({
152 |           type: 'success',
153 |           message: '删除成功'
154 |         })
155 |       })
156 |     },
157 |     goBackPage() {
158 |       this.$router.go(-1)
159 |     },
160 |     onSubmitInfo() {
161 |       this.infoForm.level = this.infoForm.parent_id == 0 ? 'L1' : 'L2'
162 |       console.log(this.infoForm.level)
163 |       this.$refs['infoForm'].validate(valid => {
164 |         if (valid) {
165 |           this.axios.post('category/store', this.infoForm).then(response => {
166 |             if (response.data.errno === 0) {
167 |               this.$message({
168 |                 type: 'success',
169 |                 message: '保存成功'
170 |               })
171 |               this.$router.go(-1)
172 |             } else {
173 |               this.$message({
174 |                 type: 'error',
175 |                 message: '保存失败'
176 |               })
177 |             }
178 |           })
179 |         } else {
180 |           return false
181 |         }
182 |       })
183 |     },
184 |     handleUploadBannerSuccess(res, file) {
185 |       let url = this.url
186 |       this.infoForm.img_url = url + res.key
187 |     },
188 |     handleUploadIconSuccess(res, file) {
189 |       let url = this.url
190 |       this.infoForm.icon_url = url + res.key
191 |     },
192 |     getTopCategory() {
193 |       this.axios.get('category/topCategory').then(response => {
194 |         this.parentCategory = this.parentCategory.concat(response.data.data)
195 |       })
196 |     },
197 |     getInfo() {
198 |       if (this.infoForm.id <= 0) {
199 |         return false
200 |       }
201 |       //加载分类详情
202 |       let that = this
203 |       this.axios
204 |         .get('category/info', {
205 |           params: {
206 |             id: that.infoForm.id
207 |           }
208 |         })
209 |         .then(response => {
210 |           let resInfo = response.data.data
211 |           console.log(resInfo)
212 |           let data = {
213 |             name: '分类图',
214 |             url: resInfo.img_url
215 |           }
216 |           this.fileList.push(data)
217 |           let iconData = {
218 |             name: '图标',
219 |             url: resInfo.icon_url
220 |           }
221 |           this.fileList2.push(iconData)
222 |           that.infoForm = resInfo
223 |         })
224 |     }
225 |   },
226 |   components: { ElFormItem },
227 |   mounted() {
228 |     this.getTopCategory()
229 |     this.infoForm.id = this.$route.query.id || 0
230 |     this.getInfo()
231 |     this.root = api.rootUrl
232 |     this.qiniuZone = api.qiniu
233 |     this.getQiniuToken()
234 |   }
235 | }
236 | </script>
237 | 
238 | <style scoped>
239 | .image-uploader {
240 |   height: 105px;
241 | }
242 | 
243 | .image-uploader .el-upload {
244 |   border: 1px solid #d9d9d9;
245 |   cursor: pointer;
246 |   position: relative;
247 |   overflow: hidden;
248 | }
249 | 
250 | .image-uploader .el-upload:hover {
251 |   border-color: #20a0ff;
252 | }
253 | 
254 | .image-uploader .image-uploader-icon {
255 |   font-size: 28px;
256 |   color: #8c939d;
257 |   min-width: 105px;
258 |   height: 105px;
259 |   line-height: 105px;
260 |   text-align: center;
261 | }
262 | 
263 | .image-show {
264 |   background-color: #f8f8f8;
265 |   min-width: 105px;
266 |   height: 105px;
267 |   display: block;
268 | }
269 | </style>
270 | 


--------------------------------------------------------------------------------
/src/components/Freight/ExceptAreaAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'freight' }">运费模板</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑偏远地区' : '添加偏远地区' }}</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 10 |       </div>
 11 |     </div>
 12 |     <div class="content-main">
 13 |       <div class="form-table-box">
 14 |         <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 15 |           <el-form-item label="名称" prop="content">
 16 |             <el-input v-model="infoForm.content" placeholder="请输入名称" autofocus></el-input>
 17 |           </el-form-item>
 18 |           <el-form-item class="special-freight">
 19 |             <div class="form-table-box">
 20 |               <el-table :data="tableData" style="width: 100%" border stripe>
 21 |                 <el-table-column prop="areaName" label="偏远地区"></el-table-column>
 22 |                 <el-table-column label="操作" width="160">
 23 |                   <template slot-scope="scope">
 24 |                     <el-button size="small" type="primary" plain @click="handleRowEdit()">编辑地区 </el-button>
 25 |                   </template>
 26 |                 </el-table-column>
 27 |               </el-table>
 28 |             </div>
 29 |             <!--<div class="add-btn" v-if="tableData.length == 0">-->
 30 |             <!--<el-button type="text" @click="add_template">+添加偏远地区</el-button>-->
 31 |             <!--</div>-->
 32 |           </el-form-item>
 33 |           <el-form-item>
 34 |             <el-button v-if="infoForm.id" type="primary" @click="onSaveTemplate">确定保存</el-button>
 35 |             <el-button v-else type="primary" @click="onAddTemplate">确定添加</el-button>
 36 |             <el-button @click="goBackPage">返回列表</el-button>
 37 |             <!--<el-button @click="testCallBack">回调</el-button>-->
 38 |           </el-form-item>
 39 |         </el-form>
 40 |       </div>
 41 |     </div>
 42 |     <el-dialog size="tiny" title="设置偏远地区" :visible.sync="specEditVisible">
 43 |       <el-form ref="specForm" class="specFormDialig">
 44 |         <el-form-item label="" label-width="100px">
 45 |           <el-transfer
 46 |             v-model="selectedArea"
 47 |             :props="{ key: 'id', label: 'name' }"
 48 |             :data="areaData"
 49 |             :titles="['可选', '已选']"
 50 |           ></el-transfer>
 51 |         </el-form-item>
 52 |       </el-form>
 53 |       <div slot="footer" class="dialog-footer">
 54 |         <el-button @click="specEditVisible = false">取 消</el-button>
 55 |         <el-button type="primary" @click="updateArea">确定</el-button>
 56 |         <!--<el-button type="primary" @click="updateSpec" v-if="!is_spec_add">确定修改</el-button>-->
 57 |       </div>
 58 |     </el-dialog>
 59 |   </div>
 60 | </template>
 61 | 
 62 | <script>
 63 | export default {
 64 |   data() {
 65 |     return {
 66 |       areaData: [],
 67 |       selectedArea: [],
 68 |       specEditVisible: false,
 69 |       infoForm: {
 70 |         id: 0,
 71 |         content: ''
 72 |       },
 73 |       infoRules: {
 74 |         content: [{ required: true, message: '请输入名称', trigger: 'blur' }]
 75 |       },
 76 |       tableData: [
 77 |         {
 78 |           area: '',
 79 |           ghost: 0
 80 |         }
 81 |       ]
 82 |     }
 83 |   },
 84 |   methods: {
 85 |     testCallBack() {
 86 |       console.log(this.tableData)
 87 |     },
 88 |     updateArea() {
 89 |       let all = this.areaData
 90 |       let selected = this.selectedArea
 91 |       selected = selected.join(',')
 92 |       this.tableData[0].area = selected
 93 | 
 94 |       let areaName = this.selectedArea
 95 | 
 96 |       let newName = []
 97 |       for (const item in areaName) {
 98 |         all.map(ele => (ele.id == areaName[item] ? newName.push(ele.name) : ''))
 99 |       }
100 |       let that = this
101 |       let name = newName.join(',')
102 | 
103 |       that.tableData = []
104 |       that.tableData.push({
105 |         area: selected,
106 |         areaName: name
107 |       })
108 | 
109 |       // console.log(this.tableData[index].areaName);
110 |       that.specEditVisible = false
111 |     },
112 |     onSaveTemplate() {
113 |       this.$refs['infoForm'].validate(valid => {
114 |         if (valid) {
115 |           let data = this.tableData[0]
116 |           if (data.area == '') {
117 |             this.$message({
118 |               type: 'error',
119 |               message: '地区不能为空'
120 |             })
121 |             return false
122 |           }
123 |           let that = this
124 |           this.axios
125 |             .post('shipper/saveExceptArea', {
126 |               table: that.tableData,
127 |               info: that.infoForm
128 |             })
129 |             .then(response => {
130 |               if (response.data.errno === 0) {
131 |                 this.$message({
132 |                   type: 'success',
133 |                   message: '保存成功'
134 |                 })
135 |                 that.getInfo()
136 |               } else {
137 |                 this.$message({
138 |                   type: 'error',
139 |                   message: '保存失败'
140 |                 })
141 |               }
142 |             })
143 |         } else {
144 |           return false
145 |         }
146 |       })
147 |     },
148 |     onAddTemplate() {
149 |       console.log('哈哈哈')
150 |       this.$refs['infoForm'].validate(valid => {
151 |         if (valid) {
152 |           let data = this.tableData[0]
153 |           if (data.area == '') {
154 |             this.$message({
155 |               type: 'error',
156 |               message: '地区不能为空'
157 |             })
158 |             return false
159 |           }
160 |           let that = this
161 |           this.axios
162 |             .post('shipper/addExceptArea', {
163 |               table: that.tableData,
164 |               info: that.infoForm
165 |             })
166 |             .then(response => {
167 |               if (response.data.errno === 0) {
168 |                 this.$message({
169 |                   type: 'success',
170 |                   message: '添加成功'
171 |                 })
172 |                 this.$router.go(-1)
173 |               } else {
174 |                 this.$message({
175 |                   type: 'error',
176 |                   message: '添加失败'
177 |                 })
178 |               }
179 |             })
180 |         } else {
181 |           return false
182 |         }
183 |       })
184 |     },
185 |     test() {
186 |       console.log(this.defaultData)
187 |     },
188 |     goBackPage() {
189 |       this.$router.go(-1)
190 |     },
191 |     getAllAreaData() {
192 |       let that = this
193 |       this.axios.post('shipper/getareadata').then(response => {
194 |         if (response.data.errno === 0) {
195 |           that.areaData = response.data.data
196 |         }
197 |       })
198 |     },
199 |     handleRowEdit() {
200 |       let nowArea = this.tableData[0].area
201 |       this.selectedArea = nowArea.split(',').map(Number)
202 |       this.specEditVisible = true
203 |     },
204 | 
205 |     getInfo() {
206 |       if (this.infoForm.id <= 0) {
207 |         return false
208 |       }
209 |       //加载快递公司详情
210 |       let that = this
211 |       this.axios
212 |         .post('shipper/exceptAreaDetail', {
213 |           id: that.infoForm.id
214 |         })
215 |         .then(response => {
216 |           // console.log(response.data.data);
217 |           let info = response.data.data
218 |           that.infoForm = info
219 |           that.tableData = [
220 |             {
221 |               area: info.area,
222 |               areaName: info.areaName
223 |             }
224 |           ]
225 |           // that.tableData = response.data.data.data;
226 |         })
227 |     }
228 |   },
229 |   components: {},
230 |   mounted() {
231 |     this.infoForm.id = this.$route.query.id || 0
232 |     // console.log(this.infoForm.id);
233 |     this.getInfo()
234 |     this.getAllAreaData()
235 |   }
236 | }
237 | </script>
238 | 
239 | <style scoped>
240 | .number_input {
241 |   width: 90px;
242 | }
243 | 
244 | .money_input {
245 |   width: 100px;
246 | }
247 | 
248 | .el-form-item__content {
249 |   display: flex;
250 |   justify-content: flex-start;
251 | }
252 | 
253 | .line-wrap {
254 |   display: flex;
255 |   justify-content: flex-start;
256 | }
257 | 
258 | .default-freight .el-input {
259 |   width: 130px;
260 |   float: left;
261 | }
262 | 
263 | .default-freight .el-input .el-input__inner {
264 |   width: 100px;
265 | }
266 | 
267 | .default-freight .line {
268 |   display: flex;
269 |   justify-content: flex-start;
270 |   border-right: 1px solid #f1f1f1;
271 |   /*padding-right: 40px;*/
272 |   margin-right: 40px;
273 | }
274 | 
275 | .default-freight .line2 {
276 |   display: flex;
277 |   justify-content: flex-start;
278 | }
279 | 
280 | .default-freight .text {
281 |   width: 60px;
282 |   float: left;
283 |   margin-left: 10px;
284 | }
285 | 
286 | .default-freight .text2 {
287 |   width: 50px;
288 |   float: left;
289 |   /*margin: 10px;*/
290 | }
291 | 
292 | .float-right {
293 |   float: right;
294 | }
295 | 
296 | .add-btn {
297 |   color: #3a8ee6;
298 |   font-size: 14px;
299 |   padding: 20px;
300 |   border: 1px solid #f1f1f1;
301 |   border-top: none;
302 |   display: flex;
303 |   justify-content: space-between;
304 | }
305 | </style>
306 | 


--------------------------------------------------------------------------------
/src/components/Ad/AdAddPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item :to="{ name: 'ad' }">广告列表</el-breadcrumb-item>
  6 |         <el-breadcrumb-item>{{ infoForm.id ? '编辑广告' : '添加广告' }}</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |       <div class="operation-nav">
  9 |         <!--<el-button type="primary" @click="test" icon="arrow-left">test</el-button>-->
 10 |         <el-button type="primary" @click="goBackPage" icon="arrow-left">返回列表</el-button>
 11 |       </div>
 12 |     </div>
 13 |     <div class="content-main">
 14 |       <div class="form-table-box">
 15 |         <el-form ref="infoForm" :rules="infoRules" :model="infoForm" label-width="120px">
 16 |           <el-form-item label="广告图片" prop="image_url">
 17 |             <img v-if="infoForm.image_url" :src="infoForm.image_url" class="image-show" />
 18 |             <el-upload
 19 |               class="upload-demo"
 20 |               name="file"
 21 |               :action="qiniuZone"
 22 |               :on-remove="adRemove"
 23 |               :before-remove="beforeAdRemove"
 24 |               :file-list="fileList"
 25 |               :on-success="handleUploadImageSuccess"
 26 |               :data="picData"
 27 |               :before-upload="getQiniuToken"
 28 |             >
 29 |               <el-button v-if="!infoForm.image_url" size="small" type="primary">点击上传</el-button>
 30 |             </el-upload>
 31 |             <div class="form-tip">图片尺寸：750*440</div>
 32 |           </el-form-item>
 33 |           <el-form-item label="商品类型">
 34 |             <el-radio-group v-model="infoForm.link_type">
 35 |               <el-radio :label="0">商品id</el-radio>
 36 |               <el-radio :label="1">链接</el-radio>
 37 |             </el-radio-group>
 38 |           </el-form-item>
 39 |           <el-form-item label="广告链接" prop="link" v-if="infoForm.link_type == 1">
 40 |             <el-input class="link-input" v-model="infoForm.link"></el-input>
 41 |           </el-form-item>
 42 |           <el-form-item label="商品id" prop="link" v-if="infoForm.link_type == 0">
 43 |             <el-input class="id-input" v-model="infoForm.goods_id"></el-input>
 44 |             <el-popover placement="right" v-model="related_pop">
 45 |               <el-table :data="chooseRelateGoods" stripe style="width: 100%">
 46 |                 <el-table-column prop="id" label="id" width="100"></el-table-column>
 47 |                 <el-table-column prop="list_pic_url" label="商品图片" width="120">
 48 |                   <template slot-scope="scope">
 49 |                     <img :src="scope.row.list_pic_url" alt="" style="width: 40px; height: 40px" />
 50 |                   </template>
 51 |                 </el-table-column>
 52 |                 <el-table-column prop="name" label="商品名称" width="300px"></el-table-column>
 53 |                 <el-table-column label="操作">
 54 |                   <template slot-scope="scope">
 55 |                     <el-button size="small" type="danger" @click="relateSelect(scope.row.id)">选择 </el-button>
 56 |                   </template>
 57 |                 </el-table-column>
 58 |               </el-table>
 59 |               <el-button slot="reference" type="primary" @click="relateGoodsClick">添加关联商品</el-button>
 60 |             </el-popover>
 61 |           </el-form-item>
 62 |           <el-form-item label="结束时间" prop="end_time">
 63 |             <el-date-picker v-model="infoForm.end_time" type="datetime" placeholder="选择日期" default-time="23:59:59">
 64 |               >
 65 |             </el-date-picker>
 66 |           </el-form-item>
 67 |           <el-form-item label="排序" prop="sort_order">
 68 |             <el-input-number v-model="infoForm.sort_order" :min="1" :max="999"></el-input-number>
 69 |           </el-form-item>
 70 |           <el-form-item label="广告启用">
 71 |             <el-switch active-value="1" inactive-value="0" v-model="infoForm.enabled"></el-switch>
 72 |           </el-form-item>
 73 |           <el-form-item>
 74 |             <el-button type="primary" @click="onSubmitInfo">确定保存</el-button>
 75 |             <el-button @click="goBackPage">取消</el-button>
 76 |           </el-form-item>
 77 |         </el-form>
 78 |       </div>
 79 |     </div>
 80 |   </div>
 81 | </template>
 82 | 
 83 | <script>
 84 | import api from '@/config/api'
 85 | 
 86 | export default {
 87 |   data() {
 88 |     return {
 89 |       qiniuZone: '',
 90 |       root: '',
 91 |       fileList: [],
 92 |       uploaderHeader: {
 93 |         'x-xzzshop-token': localStorage.getItem('token') || ''
 94 |       },
 95 |       infoForm: {
 96 |         id: 0,
 97 |         image_url: '',
 98 |         link_type: 0,
 99 |         enabled: 0,
100 |         end_time: '',
101 |         goods_id: 0,
102 |         link: ''
103 |       },
104 |       infoRules: {
105 |         image_url: [{ required: true, message: '请输入广告图片', trigger: 'blur' }],
106 |         end_time: [{ required: true, message: '请选择时间', trigger: 'blur' }]
107 |       },
108 |       picData: {
109 |         token: ''
110 |       },
111 |       url: '',
112 |       chooseRelateGoods: [],
113 |       related_pop: false
114 |     }
115 |   },
116 |   methods: {
117 |     relateSelect(id) {
118 |       console.log(id)
119 |       this.infoForm.goods_id = id
120 |       this.related_pop = false
121 |     },
122 |     relateGoodsClick() {
123 |       this.axios.post('ad/getallrelate', { id: this.infoForm.id }).then(response => {
124 |         if (response.data.errno === 0) {
125 |           this.chooseRelateGoods = response.data.data
126 |         }
127 |       })
128 |     },
129 |     test() {
130 |       console.log(this.infoForm.end_time)
131 |     },
132 |     beforeAdRemove() {
133 |       return this.$confirm(`确定移除？`)
134 |     },
135 |     adRemove(file, fileList) {
136 |       this.infoForm.image_url = ''
137 |       let id = this.infoForm.id
138 |       this.axios.post('ad/deleteAdImage', { id: id }).then(response => {
139 |         this.$message({
140 |           type: 'success',
141 |           message: '删除成功'
142 |         })
143 |       })
144 |     },
145 |     getQiniuToken() {
146 |       let that = this
147 |       this.axios.post('index/getQiniuToken').then(response => {
148 |         let resInfo = response.data.data
149 |         console.log(resInfo)
150 |         that.picData.token = resInfo.token
151 |         that.url = resInfo.url
152 |       })
153 |     },
154 |     goBackPage() {
155 |       this.$router.go(-1)
156 |     },
157 |     onSubmitInfo() {
158 |       console.log(this.infoForm)
159 |       // return false;
160 |       let time = this.infoForm.end_time
161 |       if (time == 0) {
162 |         this.$message({
163 |           type: 'error',
164 |           message: '请选择时间'
165 |         })
166 |         return false
167 |       }
168 |       if (this.infoForm.link_type == 0) {
169 |         if (this.infoForm.goods_id == 0) {
170 |           this.$message({
171 |             type: 'error',
172 |             message: '请选择商品'
173 |           })
174 |           return false
175 |         }
176 |       }
177 |       if (this.infoForm.link_type == 1) {
178 |         if (this.infoForm.link == '') {
179 |           this.$message({
180 |             type: 'error',
181 |             message: '请输入链接'
182 |           })
183 |           return false
184 |         }
185 |       }
186 |       this.$refs['infoForm'].validate(valid => {
187 |         if (valid) {
188 |           this.axios.post('ad/store', this.infoForm).then(response => {
189 |             if (response.data.errno === 0) {
190 |               this.$message({
191 |                 type: 'success',
192 |                 message: '保存成功'
193 |               })
194 |               this.$router.go(-1)
195 |             } else if (response.data.errno === 100) {
196 |               this.$message({
197 |                 type: 'error',
198 |                 message: '该商品已经有广告关联'
199 |               })
200 |             } else {
201 |               this.$message({
202 |                 type: 'error',
203 |                 message: '保存失败'
204 |               })
205 |             }
206 |           })
207 |         } else {
208 |           return false
209 |         }
210 |       })
211 |     },
212 |     handleUploadImageSuccess(res, file) {
213 |       let url = this.url
214 |       this.infoForm.image_url = url + res.key
215 |     },
216 |     getInfo() {
217 |       if (this.infoForm.id <= 0) {
218 |         return false
219 |       }
220 |       //加载广告详情
221 |       let that = this
222 |       this.axios
223 |         .get('ad/info', {
224 |           params: {
225 |             id: that.infoForm.id
226 |           }
227 |         })
228 |         .then(response => {
229 |           let resInfo = response.data.data
230 |           resInfo.enabled = resInfo.enabled ? '1' : '0'
231 |           that.infoForm = resInfo
232 |           that.infoForm.end_time = resInfo.end_time * 1000
233 |           let info = {
234 |             name: resInfo.name,
235 |             url: resInfo.image_url
236 |           }
237 |           this.fileList.push(info)
238 |           console.log(this.infoForm)
239 |         })
240 |     }
241 |   },
242 |   components: {},
243 |   mounted() {
244 |     this.infoForm.id = this.$route.query.id || 0
245 |     this.getInfo()
246 |     this.root = api.rootUrl
247 |     this.getQiniuToken()
248 |     this.qiniuZone = api.qiniu
249 |   }
250 | }
251 | </script>
252 | 
253 | <style scoped>
254 | .image-show {
255 |   background-color: #f8f8f8;
256 |   min-width: 200px;
257 |   height: 200px;
258 |   display: block;
259 | }
260 | 
261 | .id-input {
262 |   margin-bottom: 20px;
263 | }
264 | 
265 | .link-input .el-input__inner {
266 |   width: 400px !important;
267 | }
268 | </style>
269 | 


--------------------------------------------------------------------------------
/src/components/WelcomePage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="content-page">
  3 |     <div class="content-nav">
  4 |       <el-breadcrumb class="breadcrumb" separator="/">
  5 |         <el-breadcrumb-item>后台主页</el-breadcrumb-item>
  6 |       </el-breadcrumb>
  7 |     </div>
  8 |     <div class="content-main clearfix">
  9 |       <div class="notice">
 10 |         <div class="l">猪猪小店毕业设计演示后台！</div>
 11 |       </div>
 12 |       <div class="header clearfix">
 13 |         <el-card class="box-card card-red">
 14 |           <router-link class="link-color" :to="{ path: '/dashboard/order' }">
 15 |             <h1>{{ infoData.orderToDelivery }}</h1>
 16 |             <div class="text item">待发货订单</div>
 17 |           </router-link>
 18 |         </el-card>
 19 |         <el-card class="box-card card-green">
 20 |           <router-link class="link-color" :to="{ path: '/dashboard/goods' }">
 21 |             <h1>{{ infoData.goodsOnsale }}</h1>
 22 |             <div class="text item">上架中的商品</div>
 23 |           </router-link>
 24 |         </el-card>
 25 |         <el-card class="box-card card-black">
 26 |           <router-link class="link-color" :to="{ path: '/dashboard/user' }">
 27 |             <h1>{{ infoData.user }}</h1>
 28 |             <div class="text item">总用户数</div>
 29 |           </router-link>
 30 |         </el-card>
 31 |       </div>
 32 |       <div class="main">
 33 |         <el-tabs class="o-tab" v-model="activeName2" type="card" @tab-click="handleClick">
 34 |           <el-tab-pane label="今天" name="first"></el-tab-pane>
 35 |           <el-tab-pane label="昨天" name="second"></el-tab-pane>
 36 |           <el-tab-pane label="最近7天" name="third"></el-tab-pane>
 37 |           <el-tab-pane label="最近30天" name="fourth"></el-tab-pane>
 38 |         </el-tabs>
 39 |         <div class="tab-content clearfix">
 40 |           <el-card class="box-card2">
 41 |             <div slot="header" class="clearfix">
 42 |               <span style="line-height: 36px">顾客</span>
 43 |               <el-popover placement="right" v-model="related_pop">
 44 |                 <el-tabs class="user-tab" v-model="userTab" type="card" @tab-click="userTabClick">
 45 |                   <el-tab-pane label="新增" name="first"></el-tab-pane>
 46 |                   <el-tab-pane label="老客户" name="second"></el-tab-pane>
 47 |                 </el-tabs>
 48 |                 <el-table :data="userData" style="width: 100%" height="550" border stripe>
 49 |                   <el-table-column label="头像" width="80">
 50 |                     <template slot-scope="scope">
 51 |                       <img :src="scope.row.avatar" alt="" style="width: 50px; height: 50px" />
 52 |                     </template>
 53 |                   </el-table-column>
 54 |                   <el-table-column prop="nickname" label="昵称" width="140"></el-table-column>
 55 |                   <el-table-column prop="gender" label="性别" width="50">
 56 |                     <template slot-scope="scope">
 57 |                       {{ scope.row.gender == 2 ? '女' : '男' }}
 58 |                     </template>
 59 |                   </el-table-column>
 60 |                   <el-table-column prop="register_time" label="注册时间" width="170"> </el-table-column>
 61 |                   <el-table-column prop="last_login_time" label="最近登录" width="170"> </el-table-column>
 62 |                 </el-table>
 63 |                 <el-button class="float-right" slot="reference" size="mini" type="primary" @click="seeClick"
 64 |                   >查看</el-button
 65 |                 >
 66 |               </el-popover>
 67 |             </div>
 68 |             <div class="text item">
 69 |               <span>新增</span>
 70 |               <h3 style="float: right">{{ mainInfo.newUser }}</h3>
 71 |             </div>
 72 |             <div class="text item">
 73 |               <span>老顾客</span>
 74 |               <h3 style="float: right">{{ mainInfo.oldUser }}</h3>
 75 |             </div>
 76 |           </el-card>
 77 |           <el-card class="box-card2">
 78 |             <div slot="header" class="clearfix">
 79 |               <span style="line-height: 36px">下单</span>
 80 |             </div>
 81 |             <div class="text item">
 82 |               <span>加入购物车</span>
 83 |               <h3 style="float: right">{{ mainInfo.addCart }}</h3>
 84 |             </div>
 85 |             <div class="text item">
 86 |               <span>提交订单数/金额</span>
 87 |               <h3 style="float: right">{{ mainInfo.addOrderNum }} / {{ mainInfo.addOrderSum }}</h3>
 88 |             </div>
 89 |           </el-card>
 90 |           <el-card class="box-card2">
 91 |             <div slot="header" class="clearfix">
 92 |               <span style="line-height: 36px">支付</span>
 93 |             </div>
 94 |             <div class="text item">
 95 |               <span>成交订单数</span>
 96 |               <h3 style="float: right">{{ mainInfo.payOrderNum }}</h3>
 97 |             </div>
 98 |             <div class="text item">
 99 |               <span>成交金额</span>
100 |               <h3 style="float: right">{{ mainInfo.payOrderSum }}</h3>
101 |             </div>
102 |           </el-card>
103 |         </div>
104 |         <div class="line clearfix"></div>
105 |         <div class="block-4 clearfix">
106 |           <el-card class="box-card">
107 |             <div class="text item">
108 |               <span>客单价</span>
109 |               <p style="float: right">
110 |                 {{ (mainInfo.payOrderSum / mainInfo.payOrderNum) | numFilter }}
111 |               </p>
112 |             </div>
113 |             <p class="tips">成交金额/成交订单数</p>
114 |           </el-card>
115 |           <el-card class="box-card">
116 |             <div class="text item">
117 |               <span>下单转化率</span>
118 |               <p style="float: right">
119 |                 {{ (mainInfo.addOrderNum / (mainInfo.newUser + mainInfo.oldUser)) | numFilter }}
120 |               </p>
121 |             </div>
122 |             <p class="tips">下单人数/访问人数</p>
123 |           </el-card>
124 |           <el-card class="box-card">
125 |             <div class="text item">
126 |               <span>下单-支付转化率</span>
127 |               <p style="float: right">
128 |                 {{ (mainInfo.payOrderNum / mainInfo.addOrderNum) | numFilter }}
129 |               </p>
130 |             </div>
131 |             <p class="tips">支付人数/下单人数</p>
132 |           </el-card>
133 |           <el-card class="box-card">
134 |             <div class="text item">
135 |               <span>支付转化率</span>
136 |               <p style="float: right">
137 |                 {{ (mainInfo.payOrderNum / (mainInfo.newUser + mainInfo.oldUser)) | numFilter }}
138 |               </p>
139 |             </div>
140 |             <p class="tips">支付人数/访问人数</p>
141 |           </el-card>
142 |         </div>
143 |       </div>
144 |     </div>
145 |   </div>
146 | </template>
147 | 
148 | <script>
149 | export default {
150 |   data() {
151 |     return {
152 |       dialogVisible: false,
153 |       infoData: {},
154 |       activeName2: 'first',
155 |       userTab: 'first',
156 |       mainInfo: {},
157 |       loginInfo: null,
158 |       username: '',
159 |       label: '',
160 |       userData: [],
161 |       newData: [],
162 |       oldData: [],
163 |       related_pop: false,
164 |       resetVision: true
165 |     }
166 |   },
167 |   methods: {
168 |     callback() {
169 |       this.resetVision = false
170 |     },
171 |     seeClick() {
172 |       console.log('????')
173 |     },
174 |     getInfo() {
175 |       this.axios.get('index').then(response => {
176 |         this.infoData = response.data.data
177 |       })
178 |     },
179 |     handleClick(tab) {
180 |       this.related_pop = false
181 |       this.userTab = 'first'
182 |       console.log(tab._data.index)
183 |       let pindex = tab._data.index
184 |       console.log('pindex:' + pindex)
185 |       this.getMainInfo(pindex)
186 |     },
187 |     userTabClick(tab) {
188 |       let pindex = tab._data.index
189 |       console.log(pindex)
190 |       if (pindex == 0) {
191 |         this.userData = this.newData
192 |         console.log(this.userData)
193 |       } else {
194 |         this.userData = this.oldData
195 |         console.log(this.userData)
196 |       }
197 |     },
198 |     getMainInfo(index) {
199 |       this.axios
200 |         .get('index/main', {
201 |           params: {
202 |             pindex: index
203 |           }
204 |         })
205 |         .then(response => {
206 |           this.mainInfo = response.data.data
207 |           this.newData = response.data.data.newData
208 |           this.oldData = response.data.data.oldData
209 |           this.userData = this.newData
210 |           console.log(this.mainInfo)
211 |         })
212 |     }
213 |   },
214 |   mounted() {
215 |     this.getInfo()
216 |     this.getMainInfo(0)
217 |     if (!this.loginInfo) {
218 |       this.loginInfo = JSON.parse(window.localStorage.getItem('userInfo') || null)
219 |       this.username = this.loginInfo.username
220 |     }
221 |   },
222 | 
223 |   filters: {
224 |     numFilter(value) {
225 |       if (value) {
226 |         let realVal = Number(value).toFixed(2)
227 |         return Number(realVal)
228 |       }
229 |       return 0
230 |     }
231 |   }
232 | }
233 | </script>
234 | 
235 | <style scoped>
236 | .notice {
237 |   width: 100%;
238 |   height: 60px;
239 |   padding: 30px;
240 |   -webkit-box-sizing: border-box;
241 |   -moz-box-sizing: border-box;
242 |   box-sizing: border-box;
243 |   background: #ffecd5;
244 |   margin-bottom: 20px;
245 |   font-size: 16px;
246 |   border-radius: 6px;
247 |   display: flex;
248 |   justify-content: space-between;
249 |   align-items: center;
250 | }
251 | .github {
252 |   width: 100%;
253 |   height: 60px;
254 |   padding: 30px;
255 |   -webkit-box-sizing: border-box;
256 |   -moz-box-sizing: border-box;
257 |   box-sizing: border-box;
258 |   background: #f8f8f8;
259 |   margin-bottom: 20px;
260 |   font-size: 16px;
261 |   border-radius: 6px;
262 |   display: flex;
263 |   justify-content: flex-start;
264 |   align-items: center;
265 | }
266 | .notice .r {
267 |   display: flex;
268 |   justify-content: space-between;
269 |   align-items: center;
270 | }
271 | .github a {
272 |   margin-right: 20px;
273 | }
274 | .count {
275 |   background: #fff;
276 |   padding: 10px;
277 | }
278 | .float-right {
279 |   float: right;
280 | }
281 | .tips {
282 |   color: #8c939d;
283 |   font-size: 13px;
284 | }
285 | 
286 | .text {
287 |   font-size: 14px;
288 | }
289 | 
290 | .item {
291 |   padding: 10px 0;
292 | }
293 | 
294 | .clearfix:before,
295 | .clearfix:after {
296 |   display: table;
297 |   content: '';
298 | }
299 | 
300 | .clearfix:after {
301 |   clear: both;
302 | }
303 | .tab-content {
304 |   margin-bottom: 20px;
305 | }
306 | .box-card {
307 |   width: 32%;
308 |   float: left;
309 |   margin: 0 20px 14px 0;
310 | }
311 | 
312 | .box-card:last-child {
313 |   margin-right: 0px;
314 | }
315 | 
316 | .box-card .link-color {
317 |   color: #fff;
318 | }
319 | 
320 | .box-card:last-child {
321 |   margin-right: 0;
322 | }
323 | 
324 | .box-card2 {
325 |   width: 32%;
326 |   float: left;
327 |   margin-right: 17px;
328 | }
329 | 
330 | .box-card2:last-child {
331 |   margin-right: 0;
332 | }
333 | 
334 | .header {
335 |   margin-bottom: 30px;
336 | }
337 | 
338 | .line {
339 |   margin: 20px 0;
340 |   border-top: 1px solid #d1dbe5;
341 | }
342 | 
343 | .card-red {
344 |   background: #e64242;
345 |   border: none;
346 |   color: #fff;
347 | }
348 | 
349 | .card-blue {
350 |   background: #4db3ff;
351 |   border: none;
352 |   color: #fff;
353 | }
354 | .card-green {
355 |   background: #11b95c;
356 |   border: none;
357 |   color: #fff;
358 | }
359 | .card-black {
360 |   background: #1f2d3d;
361 |   border: none;
362 |   color: #fff;
363 | }
364 | .card-gray {
365 |   background: #d1dbe5;
366 |   border: none;
367 | }
368 | .card-gray a {
369 |   color: #1f2d3d;
370 | }
371 | .card-yellow {
372 |   background: #f8dd66;
373 |   border: none;
374 |   color: #111111;
375 | }
376 | 
377 | .card-yellow .link-color {
378 |   color: #111111;
379 | }
380 | </style>
381 | 


--------------------------------------------------------------------------------