├── .project
├── .settings
    └── org.eclipse.ltk.core.refactoring.prefs
├── .vscode
    └── launch.json
└── mcm
    ├── .babelrc
    ├── .editorconfig
    ├── .gitignore
    ├── .postcssrc.js
    ├── README.md
    ├── build
        ├── build.js
        ├── check-versions.js
        ├── dev-client.js
        ├── dev-server.js
        ├── utils.js
        ├── vue-loader.conf.js
        ├── webpack.base.conf.js
        ├── webpack.dev.conf.js
        └── webpack.prod.conf.js
    ├── config
        ├── dev.env.js
        ├── index.js
        └── prod.env.js
    ├── index.html
    ├── package.json
    ├── src
        ├── App.vue
        ├── assets
        │   ├── logo.png
        │   └── vux_logo.png
        ├── components
        │   ├── accountBalance.vue
        │   ├── comp
        │   │   ├── index.vue
        │   │   ├── pickAddress.vue
        │   │   ├── pickCar.vue
        │   │   ├── pickCarAddress.vue
        │   │   ├── pickDeliveryAddress.vue
        │   │   ├── pickImg.vue
        │   │   ├── premiumService.vue
        │   │   └── taskView.vue
        │   ├── coupons.vue
        │   ├── deliverAddress.vue
        │   ├── editAddress.vue
        │   ├── evaluate.vue
        │   ├── feedBack.vue
        │   ├── forgetPassword.vue
        │   ├── home.vue
        │   ├── loginGesture.vue
        │   ├── loginPassword.vue
        │   ├── orderView.vue
        │   ├── orders.vue
        │   ├── personalCenter.vue
        │   ├── preOrder1.vue
        │   ├── register.vue
        │   ├── resetPassword.vue
        │   ├── setGesture.vue
        │   ├── setting.vue
        │   └── shop.vue
        ├── main.js
        └── router
        │   └── index.js
    └── static
        ├── .gitkeep
        ├── css
            ├── iconfont.css
            ├── iconfont.ttf
            ├── media_query.css
            └── theme.css
        ├── images
            ├── 404.jpg
            ├── 500.jpg
            ├── cy.jpg
            ├── damixiansheng.jpg
            ├── maidanglao.jpg
            ├── mr.jpg
            ├── p1.jpg
            ├── p2.jpg
            ├── p3.jpg
            ├── p4.jpg
            ├── s1.jpg
            ├── s2.jpg
            ├── s3.jpg
            └── shangchuantupian.png
        └── js
            ├── H5lock.publish.js
            ├── city.data-3.js
            ├── common.js
            └── jquery-1.9.1.min.js


/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>Vue</name>
 4 | 	<comment></comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 		<buildCommand>
 9 | 			<name>com.aptana.editor.php.aptanaPhpBuilder</name>
10 | 			<arguments>
11 | 			</arguments>
12 | 		</buildCommand>
13 | 		<buildCommand>
14 | 			<name>com.aptana.ide.core.unifiedBuilder</name>
15 | 			<arguments>
16 | 			</arguments>
17 | 		</buildCommand>
18 | 	</buildSpec>
19 | 	<natures>
20 | 		<nature>com.aptana.projects.webnature</nature>
21 | 		<nature>com.aptana.editor.php.phpNature</nature>
22 | 	</natures>
23 | 	<filteredResources>
24 | 		<filter>
25 | 			<id>1495610110242</id>
26 | 			<name></name>
27 | 			<type>26</type>
28 | 			<matcher>
29 | 				<id>org.eclipse.ui.ide.multiFilter</id>
30 | 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
31 | 			</matcher>
32 | 		</filter>
33 | 	</filteredResources>
34 | </projectDescription>
35 | 


--------------------------------------------------------------------------------
/.settings/org.eclipse.ltk.core.refactoring.prefs:
--------------------------------------------------------------------------------
1 | eclipse.preferences.version=1
2 | org.eclipse.ltk.core.refactoring.enable.project.refactoring.history=false
3 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "version": "0.2.0",
  3 |     "configurations": [
  4 |         {
  5 |             "name": "Python",
  6 |             "type": "python",
  7 |             "request": "launch",
  8 |             "stopOnEntry": true,
  9 |             "pythonPath": "${config:python.pythonPath}",
 10 |             "program": "${file}",
 11 |             "cwd": "${workspaceRoot}",
 12 |             "env": {},
 13 |             "envFile": "${workspaceRoot}/.env",
 14 |             "debugOptions": [
 15 |                 "WaitOnAbnormalExit",
 16 |                 "WaitOnNormalExit",
 17 |                 "RedirectOutput"
 18 |             ]
 19 |         },
 20 |         {
 21 |             "name": "PySpark",
 22 |             "type": "python",
 23 |             "request": "launch",
 24 |             "stopOnEntry": true,
 25 |             "osx": {
 26 |                 "pythonPath": "${env:SPARK_HOME}/bin/spark-submit"
 27 |             },
 28 |             "windows": {
 29 |                 "pythonPath": "${env:SPARK_HOME}/bin/spark-submit.cmd"
 30 |             },
 31 |             "linux": {
 32 |                 "pythonPath": "${env:SPARK_HOME}/bin/spark-submit"
 33 |             },
 34 |             "program": "${file}",
 35 |             "cwd": "${workspaceRoot}",
 36 |             "env": {},
 37 |             "envFile": "${workspaceRoot}/.env",
 38 |             "debugOptions": [
 39 |                 "WaitOnAbnormalExit",
 40 |                 "WaitOnNormalExit",
 41 |                 "RedirectOutput"
 42 |             ]
 43 |         },
 44 |         {
 45 |             "name": "Python Module",
 46 |             "type": "python",
 47 |             "request": "launch",
 48 |             "stopOnEntry": true,
 49 |             "pythonPath": "${config:python.pythonPath}",
 50 |             "module": "module.name",
 51 |             "cwd": "${workspaceRoot}",
 52 |             "env": {},
 53 |             "envFile": "${workspaceRoot}/.env",
 54 |             "debugOptions": [
 55 |                 "WaitOnAbnormalExit",
 56 |                 "WaitOnNormalExit",
 57 |                 "RedirectOutput"
 58 |             ]
 59 |         },
 60 |         {
 61 |             "name": "Integrated Terminal/Console",
 62 |             "type": "python",
 63 |             "request": "launch",
 64 |             "stopOnEntry": true,
 65 |             "pythonPath": "${config:python.pythonPath}",
 66 |             "program": "${file}",
 67 |             "cwd": "",
 68 |             "console": "integratedTerminal",
 69 |             "env": {},
 70 |             "envFile": "${workspaceRoot}/.env",
 71 |             "debugOptions": [
 72 |                 "WaitOnAbnormalExit",
 73 |                 "WaitOnNormalExit"
 74 |             ]
 75 |         },
 76 |         {
 77 |             "name": "External Terminal/Console",
 78 |             "type": "python",
 79 |             "request": "launch",
 80 |             "stopOnEntry": true,
 81 |             "pythonPath": "${config:python.pythonPath}",
 82 |             "program": "${file}",
 83 |             "cwd": "",
 84 |             "console": "externalTerminal",
 85 |             "env": {},
 86 |             "envFile": "${workspaceRoot}/.env",
 87 |             "debugOptions": [
 88 |                 "WaitOnAbnormalExit",
 89 |                 "WaitOnNormalExit"
 90 |             ]
 91 |         },
 92 |         {
 93 |             "name": "Django",
 94 |             "type": "python",
 95 |             "request": "launch",
 96 |             "stopOnEntry": true,
 97 |             "pythonPath": "${config:python.pythonPath}",
 98 |             "program": "${workspaceRoot}/manage.py",
 99 |             "cwd": "${workspaceRoot}",
100 |             "args": [
101 |                 "runserver",
102 |                 "--noreload"
103 |             ],
104 |             "env": {},
105 |             "envFile": "${workspaceRoot}/.env",
106 |             "debugOptions": [
107 |                 "WaitOnAbnormalExit",
108 |                 "WaitOnNormalExit",
109 |                 "RedirectOutput",
110 |                 "DjangoDebugging"
111 |             ]
112 |         },
113 |         {
114 |             "name": "Flask",
115 |             "type": "python",
116 |             "request": "launch",
117 |             "stopOnEntry": false,
118 |             "pythonPath": "${config:python.pythonPath}",
119 |             "program": "fully qualified path fo 'flask' executable. Generally located along with python interpreter",
120 |             "cwd": "${workspaceRoot}",
121 |             "env": {
122 |                 "FLASK_APP": "${workspaceRoot}/quickstart/app.py"
123 |             },
124 |             "args": [
125 |                 "run",
126 |                 "--no-debugger",
127 |                 "--no-reload"
128 |             ],
129 |             "envFile": "${workspaceRoot}/.env",
130 |             "debugOptions": [
131 |                 "WaitOnAbnormalExit",
132 |                 "WaitOnNormalExit",
133 |                 "RedirectOutput"
134 |             ]
135 |         },
136 |         {
137 |             "name": "Flask (old)",
138 |             "type": "python",
139 |             "request": "launch",
140 |             "stopOnEntry": false,
141 |             "pythonPath": "${config:python.pythonPath}",
142 |             "program": "${workspaceRoot}/run.py",
143 |             "cwd": "${workspaceRoot}",
144 |             "args": [],
145 |             "env": {},
146 |             "envFile": "${workspaceRoot}/.env",
147 |             "debugOptions": [
148 |                 "WaitOnAbnormalExit",
149 |                 "WaitOnNormalExit",
150 |                 "RedirectOutput"
151 |             ]
152 |         },
153 |         {
154 |             "name": "Pyramid",
155 |             "type": "python",
156 |             "request": "launch",
157 |             "stopOnEntry": true,
158 |             "pythonPath": "${config:python.pythonPath}",
159 |             "cwd": "${workspaceRoot}",
160 |             "env": {},
161 |             "envFile": "${workspaceRoot}/.env",
162 |             "args": [
163 |                 "${workspaceRoot}/development.ini"
164 |             ],
165 |             "debugOptions": [
166 |                 "WaitOnAbnormalExit",
167 |                 "WaitOnNormalExit",
168 |                 "RedirectOutput",
169 |                 "Pyramid"
170 |             ]
171 |         },
172 |         {
173 |             "name": "Watson",
174 |             "type": "python",
175 |             "request": "launch",
176 |             "stopOnEntry": true,
177 |             "pythonPath": "${config:python.pythonPath}",
178 |             "program": "${workspaceRoot}/console.py",
179 |             "cwd": "${workspaceRoot}",
180 |             "args": [
181 |                 "dev",
182 |                 "runserver",
183 |                 "--noreload=True"
184 |             ],
185 |             "env": {},
186 |             "envFile": "${workspaceRoot}/.env",
187 |             "debugOptions": [
188 |                 "WaitOnAbnormalExit",
189 |                 "WaitOnNormalExit",
190 |                 "RedirectOutput"
191 |             ]
192 |         },
193 |         {
194 |             "name": "Attach (Remote Debug)",
195 |             "type": "python",
196 |             "request": "attach",
197 |             "localRoot": "${workspaceRoot}",
198 |             "remoteRoot": "${workspaceRoot}",
199 |             "port": 3000,
200 |             "secret": "my_secret",
201 |             "host": "localhost"
202 |         }
203 |     ]
204 | }


--------------------------------------------------------------------------------
/mcm/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", { "modules": false }],
 4 |     "stage-2",
 5 |     "es2015"
 6 |   ],
 7 |   "plugins": ["transform-runtime"],
 8 |   "comments": false,
 9 |   "env": {
10 |     "test": {
11 |       "presets": ["env", "stage-2"],
12 |       "plugins": [ "istanbul" ]
13 |     }
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/mcm/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/mcm/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log
5 | yarn-error.log
6 | npm-debug.log*
7 | yarn-debug.log*
8 | yarn-error.log*
9 | 


--------------------------------------------------------------------------------
/mcm/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 | 
3 | module.exports = {
4 |   "plugins": {
5 |     // to edit target browsers: use "browserlist" field in package.json
6 |     "autoprefixer": {}
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/mcm/README.md:
--------------------------------------------------------------------------------
 1 | # mcm
 2 | 
 3 | > 这是一个基于Vue.js以及vux框架的移动端web项目，有一套完整的点餐系统页面。集成了vue-router、jQuery（默认试用jQuery的ajax，如果需要axios可以自行安装）、微信的weixin-js-sdk以及百度地图BMap。可以移植到微信公众号开发，也可以移植作为手机app开发。
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | npm install
10 | 
11 | # 初始化项目之后需要把src\components\comp\index.vue覆盖掉node_modules\vux\src\components\panel\index.vue
12 | 
13 | # serve with hot reload at localhost:8080
14 | npm run dev
15 | 
16 | # build for production with minification
17 | npm run build
18 | 
19 | # build for production and view the bundle analyzer report
20 | npm run build --report
21 | ```
22 | 
23 | For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
24 | 


--------------------------------------------------------------------------------
/mcm/build/build.js:
--------------------------------------------------------------------------------
 1 | require('./check-versions')()
 2 | 
 3 | process.env.NODE_ENV = 'production'
 4 | 
 5 | var ora = require('ora')
 6 | var rm = require('rimraf')
 7 | var path = require('path')
 8 | var chalk = require('chalk')
 9 | var webpack = require('webpack')
10 | var config = require('../config')
11 | var webpackConfig = require('./webpack.prod.conf')
12 | 
13 | var spinner = ora('building for production...')
14 | spinner.start()
15 | 
16 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
17 |   if (err) throw err
18 |   webpack(webpackConfig, function (err, stats) {
19 |     spinner.stop()
20 |     if (err) throw err
21 |     process.stdout.write(stats.toString({
22 |       colors: true,
23 |       modules: false,
24 |       children: false,
25 |       chunks: false,
26 |       chunkModules: false
27 |     }) + '\n\n')
28 | 
29 |     console.log(chalk.cyan('  Build complete.\n'))
30 |     console.log(chalk.yellow(
31 |       '  Tip: built files are meant to be served over an HTTP server.\n' +
32 |       '  Opening index.html over file:// won\'t work.\n'
33 |     ))
34 |   })
35 | })
36 | 


--------------------------------------------------------------------------------
/mcm/build/check-versions.js:
--------------------------------------------------------------------------------
 1 | var chalk = require('chalk')
 2 | var semver = require('semver')
 3 | var packageConfig = require('../package.json')
 4 | 
 5 | function exec (cmd) {
 6 |   return require('child_process').execSync(cmd).toString().trim()
 7 | }
 8 | 
 9 | var versionRequirements = [
10 |   {
11 |     name: 'node',
12 |     currentVersion: semver.clean(process.version),
13 |     versionRequirement: packageConfig.engines.node
14 |   },
15 |   {
16 |     name: 'npm',
17 |     currentVersion: exec('npm --version'),
18 |     versionRequirement: packageConfig.engines.npm
19 |   }
20 | ]
21 | 
22 | module.exports = function () {
23 |   var warnings = []
24 |   for (var i = 0; i < versionRequirements.length; i++) {
25 |     var mod = versionRequirements[i]
26 |     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
27 |       warnings.push(mod.name + ': ' +
28 |         chalk.red(mod.currentVersion) + ' should be ' +
29 |         chalk.green(mod.versionRequirement)
30 |       )
31 |     }
32 |   }
33 | 
34 |   if (warnings.length) {
35 |     console.log('')
36 |     console.log(chalk.yellow('To use this template, you must update following to modules:'))
37 |     console.log()
38 |     for (var i = 0; i < warnings.length; i++) {
39 |       var warning = warnings[i]
40 |       console.log('  ' + warning)
41 |     }
42 |     console.log()
43 |     process.exit(1)
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/mcm/build/dev-client.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | require('eventsource-polyfill')
 3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 4 | 
 5 | hotClient.subscribe(function (event) {
 6 |   if (event.action === 'reload') {
 7 |     window.location.reload()
 8 |   }
 9 | })
10 | 


--------------------------------------------------------------------------------
/mcm/build/dev-server.js:
--------------------------------------------------------------------------------
 1 | require('./check-versions')()
 2 | 
 3 | var config = require('../config')
 4 | if (!process.env.NODE_ENV) {
 5 |   process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
 6 | }
 7 | 
 8 | var opn = require('opn')
 9 | var path = require('path')
10 | var express = require('express')
11 | var webpack = require('webpack')
12 | var proxyMiddleware = require('http-proxy-middleware')
13 | var webpackConfig = require('./webpack.dev.conf')
14 | 
15 | // default port where dev server listens for incoming traffic
16 | var port = process.env.PORT || config.dev.port
17 | // automatically open browser, if not set will be false
18 | var autoOpenBrowser = !!config.dev.autoOpenBrowser
19 | // Define HTTP proxies to your custom API backend
20 | // https://github.com/chimurai/http-proxy-middleware
21 | var proxyTable = config.dev.proxyTable
22 | 
23 | var app = express()
24 | var compiler = webpack(webpackConfig)
25 | 
26 | var devMiddleware = require('webpack-dev-middleware')(compiler, {
27 |   publicPath: webpackConfig.output.publicPath,
28 |   quiet: true
29 | })
30 | 
31 | var hotMiddleware = require('webpack-hot-middleware')(compiler, {
32 |   log: () => {}
33 | })
34 | // force page reload when html-webpack-plugin template changes
35 | compiler.plugin('compilation', function (compilation) {
36 |   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
37 |     hotMiddleware.publish({ action: 'reload' })
38 |     cb()
39 |   })
40 | })
41 | 
42 | // proxy api requests
43 | Object.keys(proxyTable).forEach(function (context) {
44 |   var options = proxyTable[context]
45 |   if (typeof options === 'string') {
46 |     options = { target: options }
47 |   }
48 |   app.use(proxyMiddleware(options.filter || context, options))
49 | })
50 | 
51 | // handle fallback for HTML5 history API
52 | app.use(require('connect-history-api-fallback')())
53 | 
54 | // serve webpack bundle output
55 | app.use(devMiddleware)
56 | 
57 | // enable hot-reload and state-preserving
58 | // compilation error display
59 | app.use(hotMiddleware)
60 | 
61 | // serve pure static assets
62 | var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
63 | app.use(staticPath, express.static('./static'))
64 | 
65 | var uri = 'http://localhost:' + port
66 | 
67 | var _resolve
68 | var readyPromise = new Promise(resolve => {
69 |   _resolve = resolve
70 | })
71 | 
72 | console.log('> Starting dev server...')
73 | devMiddleware.waitUntilValid(() => {
74 |   console.log('> Listening at ' + uri + '\n')
75 |   // when env is testing, don't need open it
76 | 
77 |   if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
78 |     opn(uri)
79 |   }
80 |   _resolve()
81 | })
82 | 
83 | var server = app.listen(port)
84 | 
85 | module.exports = {
86 |   ready: readyPromise,
87 |   close: () => {
88 |     server.close()
89 |   }
90 | }
91 | 


--------------------------------------------------------------------------------
/mcm/build/utils.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var config = require('../config')
 3 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 4 | 
 5 | exports.assetsPath = function (_path) {
 6 |   var assetsSubDirectory = process.env.NODE_ENV === 'production'
 7 |     ? config.build.assetsSubDirectory
 8 |     : config.dev.assetsSubDirectory
 9 |   return path.posix.join(assetsSubDirectory, _path)
10 | }
11 | 
12 | exports.cssLoaders = function (options) {
13 |   options = options || {}
14 | 
15 |   var cssLoader = {
16 |     loader: 'css-loader',
17 |     options: {
18 |       minimize: process.env.NODE_ENV === 'production',
19 |       sourceMap: options.sourceMap
20 |     }
21 |   }
22 | 
23 |   // generate loader string to be used with extract text plugin
24 |   function generateLoaders (loader, loaderOptions) {
25 |     var loaders = [cssLoader]
26 |     if (loader) {
27 |       loaders.push({
28 |         loader: loader + '-loader',
29 |         options: Object.assign({}, loaderOptions, {
30 |           sourceMap: options.sourceMap
31 |         })
32 |       })
33 |     }
34 | 
35 |     // Extract CSS when that option is specified
36 |     // (which is the case during production build)
37 |     if (options.extract) {
38 |       return ExtractTextPlugin.extract({
39 |         use: loaders,
40 |         fallback: 'vue-style-loader'
41 |       })
42 |     } else {
43 |       return ['vue-style-loader'].concat(loaders)
44 |     }
45 |   }
46 | 
47 |   // https://vue-loader.vuejs.org/en/configurations/extract-css.html
48 |   return {
49 |     css: generateLoaders(),
50 |     postcss: generateLoaders(),
51 |     less: generateLoaders('less'),
52 |     sass: generateLoaders('sass', { indentedSyntax: true }),
53 |     scss: generateLoaders('sass'),
54 |     stylus: generateLoaders('stylus'),
55 |     styl: generateLoaders('stylus')
56 |   }
57 | }
58 | 
59 | // Generate loaders for standalone style files (outside of .vue)
60 | exports.styleLoaders = function (options) {
61 |   var output = []
62 |   var loaders = exports.cssLoaders(options)
63 |   for (var extension in loaders) {
64 |     var loader = loaders[extension]
65 |     output.push({
66 |       test: new RegExp('\\.' + extension + '$'),
67 |       use: loader
68 |     })
69 |   }
70 |   return output
71 | }
72 | 


--------------------------------------------------------------------------------
/mcm/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var config = require('../config')
 3 | var isProduction = process.env.NODE_ENV === 'production'
 4 | 
 5 | module.exports = {
 6 |   loaders: utils.cssLoaders({
 7 |     sourceMap: isProduction
 8 |       ? config.build.productionSourceMap
 9 |       : config.dev.cssSourceMap,
10 |     extract: isProduction
11 |   }),
12 |   postcss: [
13 |     require('autoprefixer')({
14 |       browsers: ['iOS >= 7', 'Android >= 4.1']
15 |     })
16 |   ]
17 | }
18 | 


--------------------------------------------------------------------------------
/mcm/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
 1 | var webpack = require("webpack")
 2 | var path = require('path')
 3 | var utils = require('./utils')
 4 | 
 5 | var projectRoot = path.resolve(__dirname, '../')
 6 | const vuxLoader = require('vux-loader')
 7 | 
 8 | var config = require('../config')
 9 | var vueLoaderConfig = require('./vue-loader.conf')
10 | 
11 | function resolve (dir) {
12 |   return path.join(__dirname, '..', dir)
13 | }
14 | 
15 | let webpackConfig = {
16 |   entry: {
17 |     app: './src/main.js'
18 |   },
19 |   output: {
20 |     path: config.build.assetsRoot,
21 |     filename: '[name].js',
22 |     publicPath: process.env.NODE_ENV === 'production'
23 |       ? config.build.assetsPublicPath
24 |       : config.dev.assetsPublicPath
25 |   },
26 |   resolve: {
27 |     extensions: ['.js', '.vue', '.json'],
28 |     alias: {
29 |       'vue$': 'vue/dist/vue.esm.js',
30 |       '@': resolve('src'),
31 |       'H5lock': path.resolve(__dirname, '../static/js/H5lock.publish.js'),
32 |       'Com': path.resolve(__dirname, '../static/js/common.js'),
33 |       'CityData3': path.resolve(__dirname, '../static/js/city.data-3.js'),
34 |       'jquery':'jquery/dist/jquery.min.js',
35 |       'wx':'weixin-js-sdk'
36 |     }
37 |   },
38 |   module: {
39 |     rules: [
40 |       {
41 |         test: /\.vue$/,
42 |         loader: 'vue-loader',
43 |         options: vueLoaderConfig
44 |       },
45 |       {
46 |         test: /\.js|jsx$/,
47 |         loader: 'babel-loader',
48 |         include: [resolve('src'), resolve('test')],
49 |         query: {
50 | 		        presets: ['es2015']
51 | 		    }
52 |       },
53 |       {
54 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
55 |         loader: 'url-loader',
56 |         options: {
57 |           limit: 100000,
58 |           name: utils.assetsPath('img/[name].[hash:7].[ext]')
59 |         }
60 |       },
61 |       {
62 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
63 |         loader: 'url-loader',
64 |         options: {
65 |           limit: 100000,
66 |           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
67 |         }
68 |       }
69 |     ]
70 |   }
71 | }
72 | 
73 | 
74 | module.exports = vuxLoader.merge(webpackConfig, {
75 |   plugins: ['vux-ui', 'progress-bar', 'duplicate-style',
76 | 		  	new webpack.ProvidePlugin({
77 | 		        H5lock: "H5lock",
78 | 		        Com: "Com",
79 | 		        CityData3: "CityData3",
80 | 		        $: "jquery",
81 | 		        jQuery: "jquery",
82 | 		        jQ: "jquery",
83 | 		        wx: "wx"
84 | 		    })
85 |   	]
86 | })
87 | 


--------------------------------------------------------------------------------
/mcm/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var webpack = require('webpack')
 3 | var config = require('../config')
 4 | var merge = require('webpack-merge')
 5 | var baseWebpackConfig = require('./webpack.base.conf')
 6 | var HtmlWebpackPlugin = require('html-webpack-plugin')
 7 | var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 8 | 
 9 | // add hot-reload related code to entry chunks
10 | Object.keys(baseWebpackConfig.entry).forEach(function (name) {
11 |   baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
12 | })
13 | 
14 | module.exports = merge(baseWebpackConfig, {
15 |   module: {
16 |     rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
17 |   },
18 |   // cheap-module-eval-source-map is faster for development
19 |   devtool: '#cheap-module-eval-source-map',
20 |   plugins: [
21 |     new webpack.DefinePlugin({
22 |       'process.env': config.dev.env
23 |     }),
24 |     // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
25 |     new webpack.HotModuleReplacementPlugin(),
26 |     new webpack.NoEmitOnErrorsPlugin(),
27 |     // https://github.com/ampedandwired/html-webpack-plugin
28 |     new HtmlWebpackPlugin({
29 |       filename: 'index.html',
30 |       template: 'index.html',
31 |       inject: true
32 |     }),
33 |     new FriendlyErrorsPlugin()
34 |   ]
35 | })
36 | 


--------------------------------------------------------------------------------
/mcm/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
  1 | var path = require('path')
  2 | var utils = require('./utils')
  3 | var webpack = require('webpack')
  4 | var config = require('../config')
  5 | var merge = require('webpack-merge')
  6 | var baseWebpackConfig = require('./webpack.base.conf')
  7 | var CopyWebpackPlugin = require('copy-webpack-plugin')
  8 | var HtmlWebpackPlugin = require('html-webpack-plugin')
  9 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 10 | var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
 11 | 
 12 | var env = config.build.env
 13 | 
 14 | var webpackConfig = merge(baseWebpackConfig, {
 15 |   module: {
 16 |     rules: utils.styleLoaders({
 17 |       sourceMap: config.build.productionSourceMap,
 18 |       extract: true
 19 |     })
 20 |   },
 21 |   devtool: config.build.productionSourceMap ? '#source-map' : false,
 22 |   output: {
 23 |     path: config.build.assetsRoot,
 24 |     filename: utils.assetsPath('js/[name].[chunkhash].js'),
 25 |     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 26 |   },
 27 |   plugins: [
 28 |     // http://vuejs.github.io/vue-loader/en/workflow/production.html
 29 |     new webpack.DefinePlugin({
 30 |       'process.env': env
 31 |     }),
 32 |     new webpack.optimize.UglifyJsPlugin({
 33 |       compress: {
 34 |         warnings: false
 35 |       },
 36 |       sourceMap: true
 37 |     }),
 38 |     // extract css into its own file
 39 |     new ExtractTextPlugin({
 40 |       filename: utils.assetsPath('css/[name].[contenthash].css')
 41 |     }),
 42 |     // Compress extracted CSS. We are using this plugin so that possible
 43 |     // duplicated CSS from different components can be deduped.
 44 |     new OptimizeCSSPlugin({
 45 |       cssProcessorOptions: {
 46 |         safe: true
 47 |       }
 48 |     }),
 49 |     // generate dist index.html with correct asset hash for caching.
 50 |     // you can customize output by editing /index.html
 51 |     // see https://github.com/ampedandwired/html-webpack-plugin
 52 |     new HtmlWebpackPlugin({
 53 |       filename: config.build.index,
 54 |       template: 'index.html',
 55 |       inject: true,
 56 |       hash: true,
 57 |       minify: {
 58 |         removeComments: true,
 59 |         collapseWhitespace: true,
 60 |         removeAttributeQuotes: true
 61 |         // more options:
 62 |         // https://github.com/kangax/html-minifier#options-quick-reference
 63 |       },
 64 |       // necessary to consistently work with multiple chunks via CommonsChunkPlugin
 65 |       chunksSortMode: 'dependency'
 66 |     }),
 67 |     // split vendor js into its own file
 68 |     new webpack.optimize.CommonsChunkPlugin({
 69 |       name: 'vendor',
 70 |       minChunks: function (module, count) {
 71 |         // any required modules inside node_modules are extracted to vendor
 72 |         return (
 73 |           module.resource &&
 74 |           /\.js$/.test(module.resource) &&
 75 |           module.resource.indexOf(
 76 |             path.join(__dirname, '../node_modules')
 77 |           ) === 0
 78 |         )
 79 |       }
 80 |     }),
 81 |     // extract webpack runtime and module manifest to its own file in order to
 82 |     // prevent vendor hash from being updated whenever app bundle is updated
 83 |     new webpack.optimize.CommonsChunkPlugin({
 84 |       name: 'manifest',
 85 |       chunks: ['vendor']
 86 |     }),
 87 |     // copy custom static assets
 88 |     new CopyWebpackPlugin([
 89 |       {
 90 |         from: path.resolve(__dirname, '../static'),
 91 |         to: config.build.assetsSubDirectory,
 92 |         ignore: ['.*']
 93 |       }
 94 |     ])
 95 |   ]
 96 | })
 97 | 
 98 | if (config.build.productionGzip) {
 99 |   var CompressionWebpackPlugin = require('compression-webpack-plugin')
100 | 
101 |   webpackConfig.plugins.push(
102 |     new CompressionWebpackPlugin({
103 |       asset: '[path].gz[query]',
104 |       algorithm: 'gzip',
105 |       test: new RegExp(
106 |         '\\.(' +
107 |         config.build.productionGzipExtensions.join('|') +
108 |         ')$'
109 |       ),
110 |       threshold: 10240,
111 |       minRatio: 0.8
112 |     })
113 |   )
114 | }
115 | 
116 | if (config.build.bundleAnalyzerReport) {
117 |   var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
118 |   webpackConfig.plugins.push(new BundleAnalyzerPlugin())
119 | }
120 | 
121 | module.exports = webpackConfig
122 | 


--------------------------------------------------------------------------------
/mcm/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 | 
4 | module.exports = merge(prodEnv, {
5 |   NODE_ENV: '"development"'
6 | })
7 | 


--------------------------------------------------------------------------------
/mcm/config/index.js:
--------------------------------------------------------------------------------
 1 | // see http://vuejs-templates.github.io/webpack for documentation.
 2 | var path = require('path')
 3 | 
 4 | module.exports = {
 5 |   build: {
 6 |     env: require('./prod.env'),
 7 |     index: path.resolve(__dirname, '../dist/index.html'),
 8 |     assetsRoot: path.resolve(__dirname, '../dist'),
 9 |     assetsSubDirectory: 'static',
10 |     assetsPublicPath: './',
11 |     productionSourceMap: true,
12 |     // Gzip off by default as many popular static hosts such as
13 |     // Surge or Netlify already gzip all static assets for you.
14 |     // Before setting to `true`, make sure to:
15 |     // npm install --save-dev compression-webpack-plugin
16 |     productionGzip: false,
17 |     productionGzipExtensions: ['js', 'css'],
18 |     // Run the build command with an extra argument to
19 |     // View the bundle analyzer report after build finishes:
20 |     // `npm run build --report`
21 |     // Set to `true` or `false` to always turn it on or off
22 |     bundleAnalyzerReport: process.env.npm_config_report
23 |   },
24 |   dev: {
25 |     env: require('./dev.env'),
26 |     port: 8080,
27 |     autoOpenBrowser: false,
28 |     assetsSubDirectory: 'static',
29 |     assetsPublicPath: '/',
30 |     proxyTable: {},
31 |     // CSS Sourcemaps off by default because relative paths are "buggy"
32 |     // with this option, according to the CSS-Loader README
33 |     // (https://github.com/webpack/css-loader#sourcemaps)
34 |     // In our experience, they generally work as expected,
35 |     // just be aware of this issue when enabling this option.
36 |     cssSourceMap: false
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/mcm/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   NODE_ENV: '"production"'
3 | }
4 | 


--------------------------------------------------------------------------------
/mcm/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
 6 |     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cWwIy0kUoUrT6MdVTWlLHtLjO8fG1ePs"></script>
 7 |   </head>
 8 |   <body>
 9 |     <div id="app-box"></div>
10 |     <!-- built files will be auto injected -->
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/mcm/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mcm",
 3 |   "version": "1.0.0",
 4 |   "description": "A Vue.js project",
 5 |   "author": "lyf",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "node build/dev-server.js",
 9 |     "build": "node build/build.js"
10 |   },
11 |   "dependencies": {
12 |     "fastclick": "^1.0.6",
13 |     "jquery": "^3.2.1",
14 |     "vue": "^2.2.2",
15 |     "vue-resource": "^1.3.3",
16 |     "vue-router": "^2.2.0",
17 |     "vuex": "^2.1.1",
18 |     "vuex-i18n": "^1.3.1",
19 |     "vux": "^2.2.1"
20 |   },
21 |   "devDependencies": {
22 |     "autoprefixer": "^6.7.2",
23 |     "babel-core": "^6.22.1",
24 |     "babel-loader": "^6.2.10",
25 |     "babel-plugin-transform-runtime": "^6.22.0",
26 |     "babel-preset-env": "^1.2.1",
27 |     "babel-preset-es2015": "^6.24.1",
28 |     "babel-preset-stage-2": "^6.22.0",
29 |     "babel-register": "^6.22.0",
30 |     "chalk": "^1.1.3",
31 |     "compression-webpack-plugin": "^0.3.2",
32 |     "connect-history-api-fallback": "^1.3.0",
33 |     "copy-webpack-plugin": "^4.0.1",
34 |     "css-loader": "^0.26.1",
35 |     "eventsource-polyfill": "^0.9.6",
36 |     "express": "^4.14.1",
37 |     "extract-text-webpack-plugin": "^2.0.0",
38 |     "file-loader": "^0.10.0",
39 |     "friendly-errors-webpack-plugin": "^1.1.3",
40 |     "function-bind": "^1.1.0",
41 |     "html-webpack-plugin": "^2.28.0",
42 |     "http-proxy-middleware": "^0.17.3",
43 |     "less": "^2.7.1",
44 |     "less-loader": "^2.2.3",
45 |     "opn": "^4.0.2",
46 |     "optimize-css-assets-webpack-plugin": "^1.3.0",
47 |     "ora": "^1.1.0",
48 |     "rimraf": "^2.6.0",
49 |     "semver": "^5.3.0",
50 |     "url-loader": "^0.5.7",
51 |     "vue-loader": "^11.1.4",
52 |     "vue-style-loader": "^2.0.0",
53 |     "vue-template-compiler": "^2.2.4",
54 |     "vux-loader": "^1.0.61",
55 |     "webpack": "^2.2.1",
56 |     "webpack-bundle-analyzer": "^2.2.1",
57 |     "webpack-dev-middleware": "^1.10.0",
58 |     "webpack-hot-middleware": "^2.16.1",
59 |     "webpack-merge": "^2.6.1",
60 |     "weixin-js-sdk": "^1.2.0",
61 |     "yaml-loader": "^0.4.0"
62 |   },
63 |   "engines": {
64 |     "node": ">= 4.0.0",
65 |     "npm": ">= 3.0.0"
66 |   },
67 |   "browserslist": [
68 |     "iOS >= 7",
69 |     "Android >= 4.1"
70 |   ]
71 | }
72 | 


--------------------------------------------------------------------------------
/mcm/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div id="app">
 3 | 		<router-view></router-view>
 4 | 	</div>
 5 | </template>
 6 | 
 7 | <script>
 8 | 
 9 | export default {
10 | 	name: 'app',
11 | 	created() {
12 | 		const router = this.$router;
13 | 		let href = window.location.href;
14 | 		let hrefArr = href.split('/');
15 | 		let uri = hrefArr[hrefArr.length - 1];
16 | 		if (uri != "") {
17 | 			router.push('/' + uri)
18 | 		} else {
19 | 			router.push('/home');
20 | 		}
21 | 	}
22 | }
23 | </script>
24 | 
25 | <style lang="less">
26 | @import "../static/css/media_query.css";
27 | @import "../static/css/theme.css";
28 | @import "../static/css/iconfont.css";
29 | body {
30 | 	background-color: #F9F9F9;
31 | 	margin: 0;
32 | }
33 | </style>
34 | 


--------------------------------------------------------------------------------
/mcm/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/src/assets/logo.png


--------------------------------------------------------------------------------
/mcm/src/assets/vux_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/src/assets/vux_logo.png


--------------------------------------------------------------------------------
/mcm/src/components/accountBalance.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <div class="own-ab__top" ref="topDiv">
  4 |             <div style="padding:10px">
  5 |                 <i class="iconfont icon-left" style="color:#fff;font-size:1.2rem" @click="back"></i>
  6 |             </div>
  7 |             <div style="color:#fff;font-size:0.85rem;width:100%;text-align:center">账户余额</div>
  8 |             <div style="color:#fff;width:100%;text-align:center;font-size:2rem;font-weight:bold">{{totalBalance}}</div>
  9 |             <!-- <div style="color:#fff;font-size:1rem;width:100%;text-align:center;margin:15px 0 5px 0">总收益 {{totalProfit}}</div> -->
 10 |         </div>
 11 |         <scroller height="-115" lock-x @on-scroll="onScroll" ref="scroller" v-model="status" :pullup-config="pullUp" @on-pullup-loading="pullupRefresh" :use-pullup=true @on-scroll-bottom="onScrollBottom">
 12 |             <div style="padding:10px;border-bottom:1px solid #eee" v-for="i in accountCashList">
 13 |                 <div>
 14 |                     <div style="float:left">
 15 |                         <div style="font-weight:bold">{{i.reason}}</div>
 16 |                         <div style="color:#999;font-size:0.8rem">{{i.createDate}}</div>
 17 |                     </div>
 18 |                     <div style="float:right;text-align:right">
 19 |                         <div style="font-weight:bold">{{i.fee}}</div>
 20 |                         <div style="color:#999;font-size:0.8rem">{{i.sumFee}}</div>
 21 |                     </div>
 22 |                     <div class="clearfix"></div>
 23 |                 </div>
 24 |             </div>
 25 |         </scroller>
 26 |     </div>
 27 | </template>
 28 | 
 29 | <script>
 30 | import Scroller from 'vux/src/components/scroller/index.vue'
 31 | 
 32 | export default {
 33 |     components: {
 34 |         Scroller
 35 |     },
 36 |     data() {
 37 |         return {
 38 |             totalBalance: 0,
 39 |             totalProfit: 0,
 40 |             pageNo: 0,
 41 |             accountId: '',
 42 |             pullUp: {
 43 |                 content: '',
 44 |                 pullUpHeight: 100,
 45 |                 autoRefresh: false,
 46 |                 downContent: '释放后加载',
 47 |                 upContent: '上拉加载更多',
 48 |                 loadingContent: '加载中...',
 49 |                 clsPrefix: 'xs-plugin-pullup-'
 50 |             },
 51 |             status: {
 52 |                 pullupStatus: 'enable'
 53 |             },
 54 |             accountCashList: [
 55 |                 {
 56 |                     reason: '支出',
 57 |                     createDate: '2017-8-11 15:51:50',
 58 |                     fee: '-16.5'
 59 |                 },
 60 |                 {
 61 |                     reason: '支出',
 62 |                     createDate: '2017-8-11 15:51:50',
 63 |                     fee: '-16.5'
 64 |                 },
 65 |                 {
 66 |                     reason: '支出',
 67 |                     createDate: '2017-8-11 15:51:50',
 68 |                     fee: '-16.5'
 69 |                 },
 70 |                 {
 71 |                     reason: '支出',
 72 |                     createDate: '2017-8-11 15:51:50',
 73 |                     fee: '-16.5'
 74 |                 },
 75 |                 {
 76 |                     reason: '支出',
 77 |                     createDate: '2017-8-11 15:51:50',
 78 |                     fee: '-16.5'
 79 |                 }
 80 |             ]
 81 |         }
 82 |     },
 83 |     created() {
 84 |     },
 85 |     mounted() {
 86 |         //this.pullupRefresh();
 87 |     },
 88 |     methods: {
 89 |         onScroll(pos) {
 90 |             this.scrollTop = pos.top
 91 |         },
 92 |         back() {
 93 |             this.$router.push('/personalCenter');
 94 |         },
 95 |         onScrollBottom() {
 96 |             if (this.status.pullupStatus == 'disabled') {
 97 |                 this.$vux.toast.show({
 98 |                     type: 'text',
 99 |                     text: '没有更多数据了',
100 |                     position: 'bottom'
101 |                 })
102 |             }
103 |         },
104 |         pullupRefresh() {
105 |             let _this = this;
106 |             _this.$vux.loading.show({
107 |                 text: '正在加载'
108 |             });
109 |             ++_this.pageNo;
110 |             setTimeout(function() {
111 |                 _this.$vux.loading.hide();
112 |                 for (let i = 1; i <= 10; i++) {
113 |                     let o = {};
114 |                     o.reason = '支出';
115 |                     o.createDate = '2017-8-11 15:51:50';
116 |                     o.fee = '-16.5';
117 |                     _this.accountCashList.push(o);
118 |                 }
119 |                 _this.$nextTick(() => {
120 |                     let sc = _this.$refs.scroller;
121 |                     sc.reset();
122 |                 });
123 |                 _this.status.pullupStatus = 'enabled';
124 |             }, 1000);
125 |         }
126 |     }
127 | }
128 | </script>
129 | 
130 | <style lang="less">
131 | 
132 | </style>
133 | 
134 | 
135 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="weui-panel weui-panel_access">
  3 |     <div class="weui-panel__hd" v-if="header" @click="onClickHeader" v-html="header"></div>
  4 |     <div class="weui-panel__bd">
  5 |       <!--type==='1'-->
  6 |       <template v-if="type === '1'">
  7 |         <a :href="getUrl(item.url)" v-for="item in list" @click.prevent="onItemClick(item)" class="weui-media-box weui-media-box_appmsg">
  8 |           <div class="weui-media-box__hd" v-if="item.src">
  9 |             <img class="weui-media-box__thumb" :src="item.src" alt="">
 10 |           </div>
 11 |           <div class="weui-media-box__bd">
 12 |             <h4 class="weui-media-box__title">{{item.title}}</h4>
 13 |             <p class="weui-media-box__desc">{{item.desc}}</p>
 14 |           </div>
 15 |         </a>
 16 |       </template>
 17 |       <!--type==='2'-->
 18 |       <template v-if="type === '2'">
 19 |         <div class="weui-media-box weui-media-box_text" v-for="item in list" @click.prevent="onItemClick(item)">
 20 |             <h4 class="weui-media-box__title">{{item.title}}</h4>
 21 |             <p class="weui-media-box__desc">{{item.desc}}</p>
 22 |         </div>
 23 |       </template>
 24 |       <!--type==='3'-->
 25 |       <template v-if="type === '3'">
 26 |         <div class="weui-media-box weui-media-box_small-appmsg">
 27 |             <div class="weui-cells">
 28 |               <a class="weui-cell weui-cell_access" :href="getUrl(item.url)" v-for="item in list" @click.prevent="onItemClick(item)">
 29 |                 <div class="weui-cell__hd">
 30 |                   <img :src="item.src" alt="" style="width:20px;margin-right:5px;display:block">
 31 |                 </div>
 32 |                 <div class="weui-cell__bd">
 33 |                   <p>{{item.title}}</p>
 34 |                 </div>
 35 |                 <span class="weui-cell__ft"></span>
 36 |               </a>
 37 |             </div>
 38 |         </div>
 39 |       </template>
 40 |       <!--type==='4'-->
 41 |       <template v-if="type === '4'">
 42 |         <a :href="getUrl(item.url)" v-for="item in list" @click="onItemClick(item)" class="type4 weui-media-box weui-media-box_appmsg">
 43 |           <div class="weui-media-box__hd" v-if="item.img">
 44 |             <img class="weui-media-box__thumb" :src="item.img" alt="">
 45 |           </div>
 46 |           <div class="weui-media-box__bd">
 47 |             <h4 class="weui-media-box__title">{{item.name}}</h4>
 48 |             <p class="weui-media-box__desc" v-html="item.desc"></p>
 49 |             <div class="weui-media-box__price-btn">
 50 |             	<span class="weui-media-box__price"><i class="own-moneysmbol"></i>{{item.price}}</span>
 51 |             	<span class="weui-media-box__vipPrice">会员价:&yen;{{item.vipPrice}}</span>
 52 |             	<button class="weui-media-box__btn" @click.stop="onBtnClick(item)">来一份</button>
 53 |             	<div class="clearfix"></div>
 54 |             </div>
 55 |           </div>
 56 |         </a>
 57 |       </template>
 58 |       <!--type==='5'-->
 59 |       <template v-if="type === '5'">
 60 |         <a :href="getUrl(item.url)" v-for="(item,index) in list" @click.prevent="onItemClick(item)" class="weui-media-box weui-media-box_appmsg">
 61 |           <div class="weui-media-box__hd" v-if="item.img">
 62 |             <img class="weui-media-box__thumb" :src="item.img" alt="">
 63 |           </div>
 64 |           <div class="weui-media-box__bd">
 65 |             <div>
 66 |             	<div class="weui-media-box__title" style="float: left;max-width: 85%;text-overflow : ellipsis;overflow:hidden;">{{item.name}}</div>
 67 |             	<icon type="cancel" style="float:right;font-size:1.3rem;" @click.native="delItem(index)"></icon>
 68 |             	<div class="clearfix"></div>
 69 |             </div>
 70 |             <p class="weui-media-box__desc" v-html="item.desc"></p>
 71 |             <div >
 72 |             	<div class="weui-media-box__price"><i class="own-moneysmbol"></i>{{item.price}}</div>
 73 |             	<span class="weui-media-box__vipPrice">会员价:&yen;{{item.vipPrice}}</span>
 74 |             	<div @click.prevent="add(index)" class="own-xnumber__btn">+</div>
 75 |             	<input ref="num" class="own-xnumber__ipt" readonly="readonly" v-model.number="item.num" pattern="[0-9]*" type="number" min="1"/>
 76 | 		        <div @click.prevent="sub(item,index)" class="own-xnumber__btn">-</div>
 77 | 		        <!--<icon type="cancel" style="float:right" @click.native="delItem(index)"></icon>-->
 78 | 		        <div class="clearfix"></div>
 79 |             </div>
 80 |           </div>
 81 |         </a>
 82 |       </template>
 83 |       <!--type==='6'-->
 84 |       <template v-if="type === '6'">
 85 |         <div style="padding:10px;box-sizing:border-box;border-bottom:1px solid #eee" v-for="(item,index) in list" @click="onItemClick(item)">
 86 |             <div>
 87 |                 <img :src="item.img" style="width:16vw;height:16vw;float:left">
 88 |                 <div style="float:left;width:76%">
 89 |                     <div style="font-size:1.1rem;font-weight:bold;padding:0 5px;overflow: hidden;
 90 |                     text-overflow:ellipsis;white-space: nowrap;">{{item.name}}</div>
 91 |                     <div style="padding:5px;width:100%;font-size:0.7rem;font-weight:400;
 92 |                     line-height:1.1;word-break:break-all;color:#bbb" v-html="item.desc"></div>
 93 |                     <div style="padding:0 5px 5px 5px;width:100%;font-size:0.7rem;font-weight:400;
 94 |                     line-height:1.1;word-break:break-all;color:#000">月售{{item.sales}}份</div>
 95 |                     <div style="font-size:1.2rem;color:#FF563C;font-weight:bold;">
 96 |                         <i class="own-moneysmbol"></i><span>{{item.price}}</span>
 97 |                         <div style="float:right;font-weight:bold" @click.stop="add6(item,index)">
 98 |                           <x-icon type="ios-plus" size="25"></x-icon>
 99 |                         </div>
100 |                         <!-- <div @click.prevent="add(index)" class="own-xnumber__btn">+</div> -->
101 |                         <input ref="num6" v-show="item.isShow" class="own-xnumber__ipt_new" readonly="readonly" 
102 |                           v-model.number="item.num" pattern="[0-9]*" type="number" min="0"/>
103 |                         <div v-show="item.isShow" @click.stop="sub6(item,index)" class="own-xnumber__btn_new" style="display:none" ref="red6">
104 |                           <x-icon type="ios-minus-outline" size="25"></x-icon>
105 |                         </div>
106 |                     </div>
107 |                 </div>
108 |                 <div class="clearfix"></div>
109 |             </div>
110 |         </div>
111 |       </template>
112 |       <!--type==='7'-->
113 |       <template v-if="type === '7'">
114 |         <div style="padding:10px;box-sizing:border-box;border-bottom:1px solid #eee" v-for="(item,index) in list" 
115 |           @click.stop="onItemClick(item)">
116 |             <div>
117 |                 <img :src="item.img" style="width:20vw;height:20vw;float:left">
118 |                 <div style="float:left;width:73%">
119 |                     <div style="font-size:1.1rem;font-weight:bold;padding:0 0 0 5px;overflow: hidden;
120 |                     text-overflow:ellipsis;white-space: nowrap;line-height:1.1rem;">
121 |                       <div style="float:left;width:73%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">{{item.name}}</div>
122 |                       <!-- <div style="float:left;width:25%;color:#ff563c;text-align:right">&yen;{{item.price}}</div> -->
123 |                       <div class="clearfix"></div>
124 |                     </div>
125 |                     <div style="padding:5px;width:100%;font-size:0.8rem;font-weight:400;
126 |                     line-height:1.1;word-break:break-all;color:#666;
127 |                     text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">{{item.desc}}</div>
128 |                     <div style="padding:5px;font-size:0.8rem;font-weight:400;
129 |                       line-height:1.1;word-break:break-all;color:#000;">
130 |                       <div style="float:left;">月售{{item.sales}}份</div>
131 |                       <div style="float:right;color:#bbb">{{item.dis}}km</div>
132 |                       <div class="clearfix"></div>
133 |                     </div>
134 |                 </div>
135 |                 <div class="clearfix"></div>
136 |             </div>
137 |         </div>
138 |       </template>
139 |       <!--type==='8'-->
140 |       <template v-if="type === '8'">
141 |         <div style="padding:10px;box-sizing:border-box;border-bottom:1px solid #eee" v-for="(item,index) in list" 
142 |           @click.stop="onItemClick(item)">
143 |             <div>
144 |                 <div style="font-size:1rem;line-height:2rem">
145 |                   <span>{{item.receiveMan}}</span>
146 |                   <span style="margin-left:5px">{{item.phone}}</span>
147 |                   <span v-show="item.isDefault" 
148 |                     style="margin-left:5px;color:#fff;background-color:#ff563c;padding:3px 5px;font-size:0.75rem">默认</span>
149 |                 </div>
150 |                 <div style="color:#aaa;font-size:0.8rem;line-height:1.2rem">
151 |                     {{item.address}}
152 |                 </div>
153 |             </div>
154 |         </div>
155 |       </template>
156 |       <!--type==='9'-->
157 |       <template v-if="type === '9'">
158 |         <a :href="getUrl(item.url)" v-for="item in list" @click="onItemClick(item)" class="type4 weui-media-box weui-media-box_appmsg">
159 |           <div class="weui-media-box__hd" v-if="item.img">
160 |             <img class="weui-media-box__thumb" :src="item.img" alt="">
161 |           </div>
162 |           <div class="weui-media-box__bd">
163 |             <h4 class="weui-media-box__title">{{item.name}}</h4>
164 |             <p class="weui-media-box__desc" v-html="item.desc"></p>
165 |             <div class="weui-media-box__price-btn">
166 |             	<span class="weui-media-box__price"><i class="own-moneysmbol"></i>{{item.price}}</span>
167 |             	<span class="weui-media-box__vipPrice">会员价:&yen;{{item.vipPrice}}</span>
168 |             	<button class="weui-media-box__btn" @click.stop="onBtnClick(item)">购买</button>
169 |             	<div class="clearfix"></div>
170 |             </div>
171 |           </div>
172 |         </a>
173 |       </template>
174 |       <!--type==='10'-->
175 |       <template v-if="type === '10'">
176 |         <a :href="getUrl(item.url)" v-for="item in list" @click="onItemClick(item)" class="type4 weui-media-box weui-media-box_appmsg">
177 |           <div class="weui-media-box__hd" v-if="item.img">
178 |             <img class="weui-media-box__thumb" :src="item.img" alt="">
179 |           </div>
180 |           <div class="weui-media-box__bd">
181 |             <h4 class="weui-media-box__title">{{item.name}}</h4>
182 |             <p class="weui-media-box__desc" v-html="item.desc"></p>
183 |             <div class="weui-media-box__price-btn">
184 |             	<span class="weui-media-box__price"><i class="own-moneysmbol"></i>{{item.price}}</span>
185 |             	<span class="weui-media-box__vipPrice">会员价:&yen;{{item.vipPrice}}</span>
186 |             	<div class="clearfix"></div>
187 |             </div>
188 |           </div>
189 |         </a>
190 |       </template>
191 |     </div>
192 |     <div class="weui-panel__ft">
193 |       <a class="weui-cell weui-cell_access weui-cell_link" :href="getUrl(footer.url)" v-if="footer && type !== '3'" @click.prevent="onClickFooter">
194 |         <div class="weui-cell__bd" v-html="footer.title"></div>
195 |       </a>
196 |     </div>
197 |   </div>
198 | </template>
199 | 
200 | <script>
201 | import { go, getUrl } from '../../libs/router'
202 | import {Icon, XNumber} from 'vux'
203 | 
204 | export default {
205 | 	components: {
206 | 		Icon,
207 | 		XNumber
208 | 	},
209 |   props: {
210 |     header: String,
211 |     footer: Object,
212 |     list: Array,
213 |     carts:Array,
214 |     type: {
215 |       type: String,
216 |       default: '1'
217 |     }
218 |   },
219 |   created(){
220 |   },
221 |   mounted(){
222 |   },
223 |   methods: {
224 |     getUrl (url) {
225 |       return getUrl(url, this.$router)
226 |     },
227 |     onClickFooter () {
228 |       this.$emit('on-click-footer')
229 |       go(this.footer.url, this.$router)
230 |     },
231 |     onClickHeader () {
232 |       this.$emit('on-click-header')
233 |     },
234 |     onItemClick (item) {
235 |       this.$emit('on-click-item', item)
236 |     },
237 |     add(index){
238 |     	this.$emit('on-click-add',index);
239 |     },
240 |     sub(item,index){
241 |     	if(item.num > 1){
242 |         this.$emit('on-click-red',index);
243 |     	}
244 |     },
245 |     add6(item,index){
246 |       this.$emit('on-click-add',index);
247 |       item.isShow = true;
248 |     },
249 |     sub6(item,index){
250 |     	if(item.num > 0){
251 |         if(item.num == 1){
252 |           item.isShow = false;
253 |         }
254 |         this.$emit('on-click-red',index);
255 |     	}
256 |     },
257 |     delItem(index){
258 |     	this.$emit('on-click-del',index);
259 |     },
260 |     onBtnClick(item){
261 |     	this.$emit('on-click-btn', item);
262 |     }
263 |   }
264 | }
265 | </script>
266 | 
267 | <style lang="less">
268 | @import '../../styles/weui/widget/weui_cell/weui_cell_global';
269 | @import '../../styles/weui/widget/weui_cell/weui_access';
270 | @import '../../styles/weui/widget/weui_panel/weui_panel';
271 | @import '../../styles/weui/widget/weui_media_box/weui_media_box';
272 | 
273 | .weui-panel .weui-cell:first-child:before {
274 |   display: block;
275 | }
276 | .own-xnumber__btn{
277 | 	height: 1.6rem;
278 | 	width: 1.6rem;
279 | 	border: 1px solid #ccc;
280 | 	color: #000;
281 | 	font-size: 1.2rem;
282 | 	line-height: 1.3rem;
283 | 	text-align: center;
284 | 	float: right;
285 | 	box-sizing: border-box;
286 | }
287 | .own-xnumber__btn_new{
288 | 	float: right;
289 | }
290 | .own-xnumber__ipt{
291 | 	height: 1.6rem;
292 | 	width: 2.5rem;
293 | 	border: none;
294 | 	color: #000;
295 | 	font-size: 1rem;
296 | 	line-height: 1.6rem;
297 | 	text-align: center;
298 | 	float: right;
299 | 	border-top: 1px solid #ccc;
300 | 	border-bottom: 1px solid #ccc;
301 | 	box-sizing: border-box;
302 | 	border-radius: 0;
303 | }
304 | .own-xnumber__ipt_new{
305 | 	height: 1.6rem;
306 | 	width: 1.7rem;
307 | 	border: none;
308 | 	color: #000;
309 | 	font-size: 1rem;
310 | 	line-height: 1.6rem;
311 | 	text-align: center;
312 | 	float: right;
313 | 	box-sizing: border-box;
314 | }
315 | .vux-x-icon {
316 |   fill: #3190e8;
317 | }
318 | </style>
319 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/pickAddress.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div v-transfer-dom>
  3 |         <popup v-model="showPop" height="100%" @on-first-show="resetScroller">
  4 |             <div style="background-color:#efefef;height:100%">
  5 |                 <div class="own-yiye__top" ref="topDiv">
  6 |                     <input class="own-yiye__top-search" placeholder="搜索城市" v-model="search"
  7 |                     @keyup="searchCity()">
  8 |                     <span style="color:#fff;font-size:1rem;margin-left:5px" @click="hidePicker()">取消</span>
  9 |                 </div>
 10 |                 <scroller height="-50" lock-x @on-scroll="onScroll" ref="cityScroller">
 11 |                 <div>
 12 |                 <div v-show="isShowSearch">
 13 |                     <div v-for="city in this.searchCitys" style="width:100%;padding:7px 0;padding-left:4%;font-size:0.85rem;
 14 |                         border-bottom:1px solid #ddd;;background-color:#fff;box-sizing:border-box"
 15 |                             @click="showDistsSearch(city)">
 16 |                         {{city.text}}
 17 |                     </div>
 18 |                 </div>
 19 |                 <div v-show="isHideSearch">
 20 |                     <div v-show="showDistrict" ref="nowCity" style="font-size:0.85rem;background-color:#fff;padding:10px;border-bottom:1px solid #ddd">
 21 |                         <span>当前：{{nowCity}}</span>
 22 |                         <span style="float:right" @click="showDists()">选择区县</span>
 23 |                     </div>
 24 |                     <div style="background-color:#fff;padding:10px 0 15px 0" v-show="isShowDists">
 25 |                         <div style="margin-left:4%;width:20%;padding:7px 0;text-align:center;font-size:0.85rem;
 26 |                         border:1px solid #ddd;border-radius:3px;background-color:#fff;margin-top:5px;
 27 |                         box-sizing:border-box;float:left" @click="selDis({})">
 28 |                             全城
 29 |                         </div>
 30 |                         <div v-for="c in this.dists" style="margin-left:4%;width:20%;padding:7px 0;text-align:center;font-size:0.85rem;
 31 |                         border:1px solid #ddd;border-radius:3px;background-color:#fff;margin-top:5px;
 32 |                         box-sizing:border-box;float:left" @click="selDis(c)">
 33 |                             {{c.text}}
 34 |                         </div>
 35 |                         <div class="clearfix"></div>
 36 |                     </div>
 37 |                     <div style="margin-left:4%;margin-top:10px" v-show="isShowGeo">
 38 |                         <div style="font-size:0.85rem;color:#888">定位城市</div>
 39 |                         <div style="width:20%;padding:7px 0;text-align:center;font-size:0.85rem;
 40 |                         border:1px solid #ddd;border-radius:3px;background-color:#fff;margin-top:5px;
 41 |                         box-sizing:border-box" @click="showDistsGeo()">
 42 |                             {{geoCity.name}}
 43 |                         </div>
 44 |                     </div>
 45 |                     <div style="margin-top:10px">
 46 |                         <div style="margin-left:4%;font-size:0.85rem;color:#888">热门城市</div>
 47 |                         <div v-for="c in this.commonCitys" style="margin-left:4%;width:20%;padding:7px 0;text-align:center;font-size:0.85rem;
 48 |                         border:1px solid #ddd;border-radius:3px;background-color:#fff;margin-top:5px;
 49 |                         box-sizing:border-box;float:left" @click="showDistsComm(c)">
 50 |                             {{c[1]}}
 51 |                         </div>
 52 |                         <div class="clearfix"></div>
 53 |                     </div>
 54 |                     <div style="margin-top:10px">
 55 |                         <div style="margin-left:4%;font-size:0.85rem;color:#888;margin-bottom:5px;">所有城市</div>
 56 |                         <div v-for="city in this.citys" style="width:100%;padding:7px 0;padding-left:4%;font-size:0.85rem;
 57 |                         border-bottom:1px solid #ddd;;background-color:#fff;box-sizing:border-box" @click="showDistsAll(city)">
 58 |                             {{city.text}}
 59 |                         </div>
 60 |                     </div>
 61 |                 </div>
 62 |                 </div>
 63 |                 </scroller>   
 64 |             </div>
 65 |         </popup>
 66 |     </div>
 67 | </template>
 68 | 
 69 | <script>
 70 | import Popup from 'vux/src/components/popup/index'
 71 | import TransferDom from 'vux/src/directives/transfer-dom'
 72 | import Scroller from 'vux/src/components/scroller/index.vue'
 73 | 
 74 | export default {
 75 |     directives: {
 76 |         TransferDom
 77 |     },
 78 |     components:{
 79 |         Popup,
 80 |         Scroller
 81 |     },
 82 |     props:{
 83 |         show:{
 84 |             type:Boolean,
 85 |             required:true
 86 |         },
 87 |         showDistrict:{
 88 |             type:Boolean,
 89 |             required:true
 90 |         },
 91 |         data:{
 92 |             type:Array,
 93 |             required:true,
 94 |             default () {
 95 |                 return []
 96 |             }
 97 |         },
 98 |         commonCitys:{
 99 |             type:Array,
100 |             required:true,
101 |             default () {
102 |                 return []
103 |             }
104 |         },
105 |         default:{
106 |             type:String,
107 |             required:false
108 |         }
109 |     },
110 |     data(){
111 |         return{
112 |             showPop:false,
113 |             search:'',
114 |             citys:[],
115 |             dists:[],
116 |             isShowDists:false,
117 |             geoCity:{
118 |                 name:'',
119 |                 code:''
120 |             },
121 |             nowCity:'',
122 |             isHideSearch:true,
123 |             isShowSearch:false,
124 |             searchCitys:[],
125 |             allArea:{},
126 |             isShowGeo:true
127 |         }
128 |     },
129 |     watch:{
130 |         show (val) {
131 |             this.showPop = val;
132 |         }
133 |     },
134 |     created(){
135 |         if(this.default == undefined || this.default == ''){
136 |             this.isShowGeo = false;
137 |         }
138 |         this.geoCity.name = this.default;
139 |         this.nowCity = this.geoCity.name;
140 |         this.isShowDists = this.showDistrict;
141 |         if (typeof this.show !== 'undefined') {
142 |             this.showPop = this.show
143 |         }
144 |         for(let c of this.CityData3.citys){
145 |             let cc = c.children;
146 |             for(let i of cc){
147 |                 if(i.text.indexOf(this.default) >= 0){
148 |                     this.geoCity.code = i.value;
149 |                 }
150 |                 this.citys.push(i);
151 |             }
152 |         } 
153 |         this.initDists(this.geoCity.code);
154 |     },
155 |     mounted(){
156 |     },
157 |     methods:{
158 |         resetScroller () {
159 |             this.$nextTick(() => {
160 |                 this.$refs.cityScroller.reset();
161 |             });
162 |         },
163 |         onScroll(pos) {
164 |             this.scrollTop = pos.top
165 |         },
166 |         hidePicker(){
167 |             this.$emit("on-hide",'');
168 |         },
169 |         showDists(){
170 |             let is = !this.isShowDists;
171 |             this.isShowDists = is;
172 |         },
173 |         showDistsGeo(){
174 |             this.nowCity = this.geoCity.name;
175 |             this.initDists(this.geoCity.code);
176 |             this.isShowDists = true;
177 |             this.$refs.cityScroller.reset({top: 0});
178 |         },
179 |         showDistsComm(item){
180 |             let code = item[5];
181 |             this.nowCity = item[1];
182 |             this.initDists(code);
183 |             //this.isShowDists = true;
184 |             this.$refs.cityScroller.reset({top: 0});
185 |         },
186 |         showDistsAll(item){
187 |             this.nowCity = item.text;
188 |             this.initDists(item.value);
189 |             //this.isShowDists = true;
190 |             this.$refs.cityScroller.reset({top: 0});
191 |         },
192 |         showDistsSearch(item){
193 |             this.nowCity = item.text;
194 |             this.search = item.text;
195 |             this.initDists(item.value);
196 |             this.isHideSearch = true;
197 |             this.isShowSearch = false;
198 |            // this.isShowDists = true;
199 |         },
200 |         initDists(code){
201 |             if(this.showDistrict){
202 |                 for(let c of this.CityData3.citys){
203 |                     let cc = c.children;
204 |                     for(let i of cc){
205 |                         if(i.value == code){
206 |                             this.allArea = i;
207 |                             this.dists = i.children;
208 |                             break;
209 |                         }
210 |                     }
211 |                 }
212 |             }else{
213 |                 let item = {};
214 |                 item.text = this.nowCity;
215 |                 item.value = code;
216 |                 this.$emit("on-hide",item);
217 |             }
218 |         },
219 |         searchCity(){
220 |             let val = this.search;
221 |             this.searchCitys = [];
222 |             if(this.COM.trimStr(val) != ''){
223 |                 for(let c of this.CityData3.citys){
224 |                     let cc = c.children;
225 |                     for(let i of cc){
226 |                         if(i.text.indexOf(val) >= 0){
227 |                             this.searchCitys.push(i);
228 |                         }
229 |                     }
230 |                 }
231 |                 this.isHideSearch = false;
232 |                 this.isShowSearch = true;
233 |             }else{
234 |                 this.isHideSearch = true;
235 |                 this.isShowSearch = false;
236 |             }
237 |             this.$refs.cityScroller.reset({top: 0});
238 |         },
239 |         selDis(item){
240 |             if(JSON.stringify(item) == "{}"){
241 |                 item = this.allArea;
242 |             }
243 |             this.$emit("on-hide",item);
244 |         }
245 |     }
246 | }
247 | </script>
248 | 
249 | <style lang="less">
250 | 
251 | </style>
252 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/pickCar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div v-transfer-dom>
 3 |         <popup v-model="showPop" height="100%" style="background-color:#fff" @on-first-show="resetScroller">
 4 |             <x-header height="-44" :left-options="{backText: '',preventGoBack:true}"
 5 |             @on-click-back="hideThis()" ref="hb">选择车辆</x-header>
 6 |             <scroller lock-x @on-scroll="onScroll" ref="scroller">
 7 |                 <div>
 8 |                     <div v-for="c in this.data" style="padding:10px 15px;font-size:0.875rem;
 9 |                     border-bottom:1px solid #eaeaea" @click="pickACar(c)">
10 |                         <span>{{c.carNo}}</span>
11 |                         <span style="margin-left:10px">{{c.customer.name}}</span>
12 |                     </div>
13 |                 </div>
14 |             </scroller>   
15 |         </popup>
16 |     </div>
17 | </template>
18 | 
19 | <script>
20 | import Popup from 'vux/src/components/popup/index'
21 | import TransferDom from 'vux/src/directives/transfer-dom'
22 | import Scroller from 'vux/src/components/scroller/index.vue'
23 | import XHeader from 'vux/src/components/x-header/index.vue'
24 | import {Flexbox,FlexboxItem} from 'vux/src/components/flexbox'
25 | 
26 | export default {
27 |     directives: {
28 |         TransferDom
29 |     },
30 |     components:{
31 |         Popup,
32 |         Scroller,
33 |         XHeader,
34 |         Flexbox,
35 |         FlexboxItem
36 |     },
37 |     props:{
38 |         show:{
39 |             type:Boolean,
40 |             required:true
41 |         },
42 |         data:{
43 |             type:Array,
44 |             required:true,
45 |             default () {
46 |                 return []
47 |             }
48 |         }
49 |     },
50 |     data(){
51 |         return{
52 |             showPop:false,
53 |             num:1
54 |         }
55 |     },
56 |     watch:{
57 |         show (val) {
58 |             this.showPop = val;
59 |         }
60 |     },
61 |     created(){
62 |     },
63 |     mounted(){
64 |     },
65 |     methods:{
66 |         resetScroller () {
67 |             this.$nextTick(() => {
68 |                 this.$refs.scroller.reset();
69 |             });
70 |         },
71 |         onScroll(pos) {
72 |             this.scrollTop = pos.top
73 |         },
74 |         hideThis(){
75 |             this.$emit("on-hide",'');
76 |         },
77 |         pickACar(car){
78 |             this.$emit("on-hide",car);
79 |         }
80 |     }
81 | }
82 | </script>
83 | 
84 | <style lang="less">
85 | 
86 | </style>
87 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/pickCarAddress.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div v-transfer-dom>
 3 |         <popup v-model="showPop" height="100%" style="background-color:#fff">
 4 |             <x-header :left-options="{backText: '',preventGoBack:true}"
 5 |             @on-click-back="hideThis()" ref="hb">选择地点</x-header>
 6 |            <!--  <scroller lock-x @on-scroll="onScroll" ref="scroller">
 7 |                 <div>
 8 |                     <div v-for="c in this.data" style="padding:10px 15px;font-size:0.875rem;
 9 |                     border-bottom:1px solid #eaeaea" @click="pickACar(c)">
10 |                         <span>{{c.carNo}}</span>
11 |                         <span style="margin-left:10px">{{c.customer.name}}</span>
12 |                     </div>
13 |                 </div>
14 |             </scroller>  -->  
15 |             <iframe ref="addrMap" frameborder=0 width="100%" height="92%"
16 |     				src="http://apis.map.qq.com/tools/locpicker?search=1&type=1&key=CNWBZ-NIUKU-VWXVH-4GPAU-XKAKO-SABKH&referer=微信开发">
17 | 			</iframe>
18 |         </popup>
19 |     </div>
20 | </template>
21 | 
22 | <script>
23 | import Popup from 'vux/src/components/popup/index'
24 | import TransferDom from 'vux/src/directives/transfer-dom'
25 | import Scroller from 'vux/src/components/scroller/index.vue'
26 | import XHeader from 'vux/src/components/x-header/index.vue'
27 | import {Flexbox,FlexboxItem} from 'vux/src/components/flexbox'
28 | 
29 | import jQ from 'jquery'
30 | 
31 | export default {
32 |     directives: {
33 |         TransferDom
34 |     },
35 |     components:{
36 |         Popup,
37 |         Scroller,
38 |         XHeader,
39 |         Flexbox,
40 |         FlexboxItem
41 |     },
42 |     props:{
43 |         show:{
44 |             type:Boolean,
45 |             required:true
46 |         }
47 |     },
48 |     data(){
49 |         return{
50 |             showPop:false,
51 |             num:1
52 |         }
53 |     },
54 |     watch:{
55 |         show (val) {
56 |             this.showPop = val;
57 |         }
58 |     },
59 |     created(){
60 |     },
61 |     mounted(){
62 |     },
63 |     methods:{
64 |         onScroll(pos) {
65 |             this.scrollTop = pos.top
66 |         },
67 |         hideThis(){
68 |             this.$emit("on-hide",'');
69 |         },
70 |         pickACar(car){
71 |             this.$emit("on-hide",car);
72 |         },
73 |         selectAddrMap(obj){
74 |             jQuery('#mapModal').addClass('mui-active');
75 |             jQuery('#appo-time').removeClass('mui-active');
76 |             addrEl = obj;
77 |             window.addEventListener('message',callBackAddr, false); 
78 |         },
79 |         callBackAddr(event) {
80 |             // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
81 |             var loc = event.data;
82 |             if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
83 |             addrEl.value = loc.poiaddress;
84 |             document.querySelector('#sure-addr').style.display = 'block';
85 |             }                                
86 |         }
87 |     }
88 | }
89 | </script>
90 | 
91 | <style lang="less">
92 | 
93 | </style>
94 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/pickDeliveryAddress.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div v-transfer-dom>
 3 |         <popup v-model="showPop" height="100%" style="background-color:#fff" @on-first-show="resetScroller">
 4 |             <x-header height="-44" :left-options="{backText: '',preventGoBack:true}"
 5 |             @on-click-back="hideThis({})" ref="hb">选择收货地址</x-header>
 6 |             <scroller height="-50" lock-x @on-scroll="onScroll" ref="scroller">
 7 |                 <div>
 8 |                     <group>
 9 |                         <cell v-for="d in deliveryAddressList" :title="d.nameAndPhone" :inline-desc="d.address" 
10 |                             is-link @click.native="hideThis(d)"></cell>
11 |                     </group>
12 |                 </div>
13 |             </scroller>   
14 |         </popup>
15 |     </div>
16 | </template>
17 | 
18 | <script>
19 | import Popup from 'vux/src/components/popup/index'
20 | import TransferDom from 'vux/src/directives/transfer-dom'
21 | import Scroller from 'vux/src/components/scroller/index.vue'
22 | import XHeader from 'vux/src/components/x-header/index.vue'
23 | import Cell from 'vux/src/components/cell/index.vue'
24 | import CellBox from 'vux/src/components/cell-box/index.vue'
25 | import Group from 'vux/src/components/group/index.vue'
26 | 
27 | 
28 | export default {
29 |     directives: {
30 |         TransferDom
31 |     },
32 |     components:{
33 |         Popup,
34 |         Scroller,
35 |         XHeader,
36 |         Cell,
37 |         CellBox,
38 |         Group
39 |     },
40 |     props:{
41 |         show:{
42 |             type:Boolean,
43 |             required:true
44 |         }
45 |     },
46 |     data(){
47 |         return{
48 |             showPop:false,
49 |             deliveryAddressList:[
50 |                 {
51 |                     receiveMan:'张三',
52 |                     phone:'18888888888',
53 |                     nameAndPhone:'张三 188888888',
54 |                     address:'XX省XX市XX区XX路XX号'
55 |                 }
56 |             ]
57 |         }
58 |     },
59 |     watch:{
60 |         show (val) {
61 |             this.showPop = val;
62 |         }
63 |     },
64 |     created(){
65 |         let _this = this;
66 |         
67 |     },
68 |     mounted(){
69 |     },
70 |     methods:{
71 |         resetScroller () {
72 |             this.$nextTick(() => {
73 |                 this.$refs.scroller.reset();
74 |             });
75 |         },
76 |         onScroll(pos) {
77 |             this.scrollTop = pos.top
78 |         },
79 |         hideThis(item){
80 |             if(JSON.stringify(item) != '{}'){
81 |                 this.$emit("on-hide",item);   
82 |             }else{
83 |                 this.$emit("on-hide",'');
84 |             }
85 |         }
86 |     }
87 | }
88 | </script>
89 | 
90 | <style lang="less">
91 | 
92 | </style>
93 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/pickImg.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div v-transfer-dom>
  3 |         <popup v-model="showPop" height="100%" style="background-color:#fff" @on-first-show="resetScroller">
  4 |             <x-header :left-options="{backText: '',preventGoBack:true}"
  5 |             @on-click-back="hideThis()" ref="hb">选择图片<a slot="right" style="color:#fff" @click="upImg">确定</a></x-header>
  6 |             <scroller height="-45" lock-x @on-scroll="onScroll" ref="scroller">
  7 |                 <div>
  8 |                     <grid>
  9 |                         <grid-item v-for="(img,index) in imgList" @click.native="addImg(index,img)">
 10 |                             <img slot="icon" :src="img.src">
 11 |                         </grid-item>
 12 |                     </grid>
 13 |                 </div>
 14 |             </scroller>   
 15 |         </popup>
 16 |         <actionsheet v-model="showAct" :menus="menus" theme="android" @on-click-menu="clickMenu"></actionsheet>
 17 |     </div>
 18 | </template>
 19 | 
 20 | <script>
 21 | import Popup from 'vux/src/components/popup/index'
 22 | import TransferDom from 'vux/src/directives/transfer-dom'
 23 | import Scroller from 'vux/src/components/scroller/index.vue'
 24 | import Actionsheet from 'vux/src/components/actionsheet/index.vue'
 25 | import XHeader from 'vux/src/components/x-header/index.vue'
 26 | import {Grid, GridItem} from 'vux/src/components/grid'
 27 | 
 28 | 
 29 | export default {
 30 |     directives: {
 31 |         TransferDom
 32 |     },
 33 |     components:{
 34 |         Popup,
 35 |         Scroller,
 36 |         XHeader,
 37 |         Grid,
 38 |         GridItem,
 39 |         Actionsheet
 40 |     },
 41 |     props:{
 42 |         show:{
 43 |             type:Boolean,
 44 |             required:true
 45 |         }
 46 |     },
 47 |     data(){
 48 |         return{
 49 |             showPop:false,
 50 |             imgList:[
 51 |                 {
 52 |                     src:'data:image/png;base64,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',
 53 |                     isClickAdd:true,
 54 |                     serverId:''
 55 |                 }
 56 |             ],
 57 |             num:9,
 58 |             serverIds:[],
 59 |             showAct:false,
 60 |             menus:[
 61 |                 {
 62 |                     label:'删除',
 63 |                     type:'warn',
 64 |                     value:'1'
 65 |                 }
 66 |             ],
 67 |             index:0
 68 |         }
 69 |     },
 70 |     watch:{
 71 |         show (val) {
 72 |             this.showPop = val;
 73 |         }
 74 |     },
 75 |     created(){
 76 |     },
 77 |     mounted(){
 78 |     },
 79 |     methods:{
 80 |         resetScroller () {
 81 |             this.$nextTick(() => {
 82 |                 this.$refs.scroller.reset();
 83 |             });
 84 |         },
 85 |         getImgs(){
 86 | 
 87 |         },
 88 |         syncUpload(localIds){
 89 |             let _this = this;
 90 |             let local = localIds.pop();
 91 |             wx.uploadImage({
 92 |                 localId: local, // 需要上传的图片的本地ID，由chooseImage接口获得
 93 |                 isShowProgressTips: 1, // 默认为1，显示进度提示
 94 |                 success: function (res) {
 95 |                     let serverId = res.serverId; // 返回图片的服务器端ID
 96 |                     _this.serverIds.push(serverId);
 97 |                     --_this.num;
 98 |                     wx.getLocalImgData({
 99 |                         localId: local, // 图片的localID
100 |                         success: function (res) {
101 |                             let obj = {};
102 |                             obj.src = res.localData; // localData是图片的base64数据，可以用img标签显示
103 |                             obj.isClickAdd = false;
104 |                             obj.serverId = serverId;
105 |                             _this.imgList.push(obj);
106 |                         }
107 |                     });
108 |                     if(localIds.length > 0){
109 |                         _this.syncUpload(localIds);
110 |                     }
111 |                 },
112 |                 fail: function (res) {
113 |                     alert(JSON.stringify(res));
114 |                 }
115 |             });
116 |         },
117 |         onScroll(pos) {
118 |             this.scrollTop = pos.top
119 |         },
120 |         hideThis(){
121 |             this.$emit("on-hide",'');
122 |         },
123 |         addImg(index,img){
124 |             if(img.isClickAdd){
125 |                 this.getImgs();
126 |             }else{
127 |                 this.showAct = true;
128 |                 this.index = index;
129 |             }
130 |         },
131 |         clickMenu(){
132 |             let _this = this;
133 |             _this.imgList.splice(_this.index,1);
134 |         },
135 |         upImg(){
136 |             let obj = {};
137 |             let list = [];
138 |             for(let i=1; i<this.imgList.length; i++){
139 |                 list.push(i.serverId);
140 |             }
141 |             if(list.length > 0){
142 |                 obj.text = '已选择'+list.length+'张图片';
143 |                 obj.list = list;
144 |             }
145 |             this.$emit("on-hide",obj);
146 |         }
147 |     }
148 | }
149 | </script>
150 | 
151 | <style lang="less">
152 | 
153 | </style>
154 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/premiumService.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div v-transfer-dom>
  3 |         <popup v-model="showPop" height="100%" style="background-color:#fff" @on-first-show="resetScroller">
  4 |             <x-header height="-44" :left-options="{backText: '',preventGoBack:true}"
  5 |             @on-click-back="hideThis()" ref="hb">附加服务</x-header>
  6 |             <scroller lock-x @on-scroll="onScroll" ref="scroller">
  7 |                 <div>
  8 |                     <div style="border-bottom:1px solid #eaeaea;padding:5px 0" v-for="se in data">
  9 |                         <flexbox>
 10 |                             <flexbox-item :span="1/3"><div class="own-shape" style="font-size:1rem;color:#000">{{se.name}}</div></flexbox-item>
 11 |                             <flexbox-item :span="2/3">
 12 |                                 <div style="text-align:right;color:#ff563c;padding-right:10px;font-size:1rem">&yen;{{se.price}}</div>
 13 |                             </flexbox-item>
 14 |                         </flexbox>
 15 |                         <flexbox>
 16 |                             <flexbox-item :span="2/5"><div class="own-shape">合计:<span>&yen;{{se.sum}}</span></div></flexbox-item>
 17 |                             <flexbox-item :span="3/5">
 18 |                                 <div style="padding-right:10px">
 19 |                                     <div class="own-xnumber__btn" @click="onAddService(se)">+</div>
 20 |                                     <input ref="num" class="own-xnumber__ipt" 
 21 |                                     v-model="se.num" readonly="readonly" pattern="[0-9]*" type="number" min="1"/>
 22 |                                     <div class="own-xnumber__btn" @click="onSubService(se)">-</div>
 23 |                                 </div>
 24 |                             </flexbox-item>
 25 |                         </flexbox>
 26 |                     </div>
 27 |                 </div>
 28 |             </scroller>   
 29 |         </popup>
 30 |     </div>
 31 | </template>
 32 | 
 33 | <script>
 34 | import Popup from 'vux/src/components/popup/index'
 35 | import TransferDom from 'vux/src/directives/transfer-dom'
 36 | import Scroller from 'vux/src/components/scroller/index.vue'
 37 | import XHeader from 'vux/src/components/x-header/index.vue'
 38 | import {Flexbox,FlexboxItem} from 'vux/src/components/flexbox'
 39 | 
 40 | export default {
 41 |     directives: {
 42 |         TransferDom
 43 |     },
 44 |     components:{
 45 |         Popup,
 46 |         Scroller,
 47 |         XHeader,
 48 |         Flexbox,
 49 |         FlexboxItem
 50 |     },
 51 |     props:{
 52 |         show:{
 53 |             type:Boolean,
 54 |             required:true
 55 |         },
 56 |         data:{
 57 |             type:Array,
 58 |             required:true,
 59 |             default () {
 60 |                 return []
 61 |             }
 62 |         }
 63 |     },
 64 |     data(){
 65 |         return{
 66 |             showPop:false,
 67 |             num:1
 68 |         }
 69 |     },
 70 |     watch:{
 71 |         show (val) {
 72 |             this.showPop = val;
 73 |         }
 74 |     },
 75 |     created(){
 76 |     },
 77 |     mounted(){
 78 |     },
 79 |     methods:{
 80 |         resetScroller () {
 81 |             this.$nextTick(() => {
 82 |                 this.$refs.scroller.reset();
 83 |             });
 84 |         },
 85 |         onScroll(pos) {
 86 |             this.scrollTop = pos.top
 87 |         },
 88 |         hideThis(){
 89 |             this.$emit("on-hide",'');
 90 |         },
 91 |         onAddService(item){
 92 |             this.$emit("on-add-service",item);
 93 |         },
 94 |         onSubService(item){
 95 |             this.$emit("on-sub-service",item);
 96 |         }
 97 |     }
 98 | }
 99 | </script>
100 | 
101 | <style lang="less">
102 | 
103 | </style>
104 | 


--------------------------------------------------------------------------------
/mcm/src/components/comp/taskView.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div v-transfer-dom>
  3 |         <popup v-model="showPop" height="100%" @on-first-show="resetScroller" style="background-color:#fff">
  4 |             <x-header :left-options="{backText: '', preventGoBack:true}" v-on:on-click-back="hide" ref="hb">任务详情</x-header>
  5 |             <Scroller height="-45" lock-x @on-scroll="onScroll" ref="scroller">
  6 |                 <div>
  7 |                     <!-- <form-preview :header-label="data.name" 
  8 |                     :header-value="data.status" :body-items="data.list"></form-preview> -->
  9 |                     <div class="vux-form-preview weui-form-preview">
 10 |                         <div class="weui-form-preview__hd">
 11 |                             <label class="weui-form-preview__label">{{datas.name}}</label>
 12 |                             <em class="weui-form-preview__value">{{datas.statusName}}</em>
 13 |                         </div> 
 14 |                         <div class="weui-form-preview__bd">
 15 |                             <div class="weui-form-preview__item">
 16 |                                 <label class="weui-form-preview__label">单位</label> 
 17 |                                 <span class="weui-form-preview__value">{{datas.companyName}}</span>
 18 |                             </div>
 19 |                             <div class="weui-form-preview__item">
 20 |                                 <label class="weui-form-preview__label">执行人</label>
 21 |                                 <span class="weui-form-preview__value">{{datas.executor}}</span>
 22 |                             </div>
 23 |                             <div class="weui-form-preview__item">
 24 |                                 <label class="weui-form-preview__label">检查人</label> 
 25 |                                 <span class="weui-form-preview__value">{{datas.checkMan}}</span>
 26 |                             </div>
 27 |                             <div class="weui-form-preview__item">
 28 |                                 <label class="weui-form-preview__label">负责人</label> 
 29 |                                 <span class="weui-form-preview__value">{{datas.leader}}</span>
 30 |                             </div>
 31 |                             <div class="weui-form-preview__item">
 32 |                                 <label class="weui-form-preview__label">计划开始时间</label> 
 33 |                                 <span class="weui-form-preview__value">{{datas.playBeginDate}}</span>
 34 |                             </div>
 35 |                             <div class="weui-form-preview__item">
 36 |                                 <label class="weui-form-preview__label">计划结束时间</label> 
 37 |                                 <span class="weui-form-preview__value">{{datas.playEndDate}}</span>
 38 |                             </div>
 39 |                             <div class="weui-form-preview__item">
 40 |                                 <label class="weui-form-preview__label">计划工期</label> 
 41 |                                 <span class="weui-form-preview__value">{{datas.planWorkDays}}</span>
 42 |                             </div>
 43 |                             <div class="weui-form-preview__item">
 44 |                                 <label class="weui-form-preview__label">实际开始时间</label> 
 45 |                                 <span class="weui-form-preview__value">{{datas.actualBeginDate }}</span>
 46 |                             </div>
 47 |                             <div class="weui-form-preview__item">
 48 |                                 <label class="weui-form-preview__label">实际结束时间</label> 
 49 |                                 <span class="weui-form-preview__value">{{datas.planWorkDays}}</span>
 50 |                             </div>
 51 |                             <div class="weui-form-preview__item">
 52 |                                 <label class="weui-form-preview__label">实际工期</label> 
 53 |                                 <span class="weui-form-preview__value">{{datas.actualWorkDays}}</span>
 54 |                             </div>
 55 |                             <div class="weui-form-preview__item">
 56 |                                 <label class="weui-form-preview__label">任务分类</label> 
 57 |                                 <span class="weui-form-preview__value">{{datas.classify}}</span>
 58 |                             </div>
 59 |                             <div class="weui-form-preview__item">
 60 |                                 <label class="weui-form-preview__label">排序</label> 
 61 |                                 <span class="weui-form-preview__value">{{datas.sort}}</span>
 62 |                             </div>
 63 |                             <div class="weui-form-preview__item">
 64 |                                 <label class="weui-form-preview__label">预警天数</label> 
 65 |                                 <span class="weui-form-preview__value">{{datas.warningDay}}</span>
 66 |                             </div>
 67 |                             <div class="weui-form-preview__item">
 68 |                                 <label class="weui-form-preview__label">执行说明</label> 
 69 |                                 <span class="weui-form-preview__value">{{datas.workExplain}}</span>
 70 |                             </div>
 71 |                             <div class="weui-form-preview__item">
 72 |                                 <label class="weui-form-preview__label">检查结果</label> 
 73 |                                 <span class="weui-form-preview__value">{{datas.result}}</span>
 74 |                             </div>
 75 |                             <div class="weui-form-preview__item">
 76 |                                 <label class="weui-form-preview__label">备注</label> 
 77 |                                 <span class="weui-form-preview__value">{{datas.remarks}}</span>
 78 |                             </div>
 79 |                         </div> 
 80 |                         <div class="weui-form-preview__ft"></div>
 81 |                     </div>
 82 |                 </div>
 83 |             </Scroller>
 84 |         </popup>
 85 |     </div>
 86 | </template>
 87 | 
 88 | <script>
 89 | import XHeader from 'vux/src/components/x-header/index.vue'
 90 | import Scroller from 'vux/src/components/scroller/index.vue'
 91 | import FormPreview from 'vux/src/components/form-preview/index.vue'
 92 | import TransferDom from 'vux/src/directives/transfer-dom'
 93 | import Popup from 'vux/src/components/popup/index'
 94 | 
 95 | export default {
 96 |     directives: {
 97 |         TransferDom
 98 |     },
 99 |     components:{
100 |         XHeader,
101 |         Scroller,
102 |         FormPreview,
103 |         Popup
104 |     },
105 |     props:{
106 |         datas:{
107 |             type:Object,
108 |             required:true
109 |         },
110 |         show:{
111 |             type:Boolean,
112 |             required:true
113 |         }
114 |     },
115 |     data(){
116 |         return{
117 |             showPop:false
118 |         }
119 |     },
120 |     watch:{
121 |         show (val) {
122 |             this.showPop = val;
123 |         }
124 |     },
125 |     created(){
126 |     },
127 |     methods:{
128 |         resetScroller () {
129 |             this.$nextTick(() => {
130 |                 this.$refs.scroller.reset();
131 |             });
132 |         },
133 |         hide(){
134 |             this.$emit("on-hide");
135 |         },
136 |         onScroll(pos) {
137 | 	        this.scrollTop = pos.top
138 |         }
139 |     }
140 | }
141 | </script>
142 | 
143 | <style lang="less">
144 | 
145 | </style>
146 | 


--------------------------------------------------------------------------------
/mcm/src/components/coupons.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div>
  3 | 		<x-header :left-options="{backText: ''}" ref="hb">我的优惠券</x-header>
  4 | 		<button class="own-login__switch" @click.stop="exchange">兑换优惠券</button>
  5 | 		<Scroller height="-48" lock-x @on-scroll="onScroll" v-model="status" ref="cpScroller" :pullup-config="pullUp" 
  6 | 			@on-pullup-loading="pullupRefresh" :use-pullup=true @on-scroll-bottom="onScrollBottom">
  7 | 		  <div style="padding-bottom: 15px;">
  8 | 		      <div class="own-cp__wrapper" v-for="c in list">
  9 | 		      	<div class="fee">
 10 | 		      		<div style="height: 2.7rem;line-height:2.7rem;font-weight: bold;color: #FF563C; text-align: center;">
 11 | 		      			<i style="font-style: normal;font-size: 0.9rem;margin-right:3px;">&yen;</i><i style="font-style: normal;font-size: 1.5rem;">{{c.fee}}</i>
 12 | 		      		</div>
 13 | 		      		<div style="height:1rem;line-height:1rem;font-size: 0.75rem;color:#999;text-align: center;">使用说明</div>
 14 | 		      	</div>
 15 | 		      	<div class="desc">
 16 | 		      		<div style="font-size: 1rem;font-weight: bold;line-height: 2.3rem;height: 2.3rem;">{{c.name}}</div>
 17 | 		      		<div style="font-size: 0.75rem;line-height: 1.3;" v-show="c.limit_fee > 0">满{{c.limit_fee}}元可用</div>
 18 | 		      		<div style="font-size: 0.75rem;box-sizing: border-box;">有效期：{{c.begin_date}}至{{c.end_date}}</div>
 19 | 		      	</div>
 20 | 		      	<div class="clearfix"></div>
 21 | 		      </div>
 22 | 	      </div>
 23 | 		</Scroller>
 24 | 		<div v-transfer-dom>
 25 | 	      <x-dialog v-model="showDialogStyle" :hide-on-blur="hob" :dialog-style="{'max-width': '70%', width: '70%', top:'25%', 'background-color': '#fff', padding:'2rem 0'}">
 26 | 	        <p style="color:#fff;text-align:center;">
 27 | 	          <input placeholder="请输入兑换码" 
 28 | 	          	style="border: none;font-size: 0.85rem;width: 70%;text-align: center;line-height: 1.7rem;
 29 | 	          	border-bottom: 1px solid #ECECEC;" v-model="code"/>
 30 | 	          <br>
 31 | 	          <button style="margin-top: 20px;border: none;background-color: #FF563C;color: #fff;
 32 | 	          	font-size:0.85rem; width: 60%;line-height: 2rem;border-radius: 3px;" @click.stop="exchangeCoupon">兑 换</button>
 33 | 	        </p>
 34 | 	      </x-dialog>
 35 | 	    </div>
 36 | 	</div>
 37 | </template>
 38 | 
 39 | <script>
 40 | import XHeader from 'vux/src/components/x-header/index.vue'
 41 | import Group from 'vux/src/components/group/index.vue'
 42 | import XDialog from 'vux/src/components/x-dialog/index.vue'
 43 | import Scroller from 'vux/src/components/scroller/index.vue'
 44 | import {TransferDomDirective as TransferDom} from 'vux/src/directives/transfer-dom/index.js'
 45 | 
 46 | 
 47 | export default{
 48 | 	directives: {
 49 | 	    TransferDom
 50 | 	},
 51 | 	components:{
 52 | 		XHeader,
 53 | 		Scroller,
 54 | 		Group, 
 55 | 		XDialog
 56 | 	},
 57 | 	data(){
 58 | 		return{
 59 | 			showDialogStyle:false,
 60 | 			hob: true,
 61 | 			list:[],
 62 | 			code:'',
 63 | 			pullUp:{
 64 | 			  content: '',
 65 | 			  pullUpHeight: 100,
 66 | 			  height: 40,
 67 | 			  autoRefresh: false,
 68 | 			  downContent: '释放后加载',
 69 | 			  upContent: '上拉加载更多',
 70 | 			  loadingContent: '加载中...',
 71 | 			  clsPrefix: 'xs-plugin-pullup-'
 72 | 			},
 73 | 			status:{
 74 | 				pullupStatus:'default'
 75 | 			},
 76 | 			pageNo:0
 77 | 		}
 78 | 	},
 79 | 	created(){
 80 | 	},
 81 | 	mounted(){
 82 | 		this.pullupRefresh();
 83 | 	},
 84 | 	methods:{
 85 | 		pullupRefresh(){
 86 | 			let _this = this;
 87 |             _this.$vux.loading.show({
 88 |                 text: '正在加载'
 89 |             });
 90 |             ++_this.pageNo;
 91 |             setTimeout(function() {
 92 |                 _this.$vux.loading.hide();
 93 |                 for (let i = 1; i <= 10; i++) {
 94 |                     let o = {};
 95 |                     o.name = '优惠券';
 96 |                     o.limit_fee = '80';
 97 | 					o.fee = '20';
 98 | 					o.begin_date = '2017-01-01';
 99 | 					o.end_date = '2017-12-31';
100 |                     _this.list.push(o);
101 |                 }
102 |                 _this.$nextTick(() => {
103 |                     let sc = _this.$refs.cpScroller;
104 |                     sc.reset();
105 |                 });
106 |                 _this.status.pullupStatus = 'enabled';
107 |             }, 1000);
108 | 		},
109 | 		onScrollBottom(){
110 | 			if(this.status.pullupStatus == 'disabled'){
111 | 				this.$vux.toast.show({
112 | 					type:'text',
113 | 					text:'没有更多数据了',
114 | 					position:'bottom'
115 | 				})
116 | 			}
117 | 		},
118 | 		onScroll(pos) {
119 | 	      this.scrollTop = pos.top
120 | 	    },
121 | 	    exchange(){
122 | 	    	this.showDialogStyle = true;
123 | 	    },
124 | 	    exchangeCoupon(){
125 | 	    },
126 | 	    scanExchange(){
127 | 	    	
128 | 	    }
129 | 	    
130 | 	}
131 | }
132 | </script>
133 | 
134 | <style>
135 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/deliverAddress.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <x-header :left-options="{backText: ''}" ref="hb">收货地址</x-header>
 4 | 		<button class="own-login__switch" @click.prevent="toNewAddress">新增</button>
 5 |         <panel :list="addressList" :type="type" v-on:on-click-item="editAddress"></panel>
 6 |         <actionsheet v-model="showAct" :menus="menus" theme="android" @on-click-menu="clickMenu"></actionsheet>
 7 |     </div>
 8 | </template>
 9 | 
10 | <script>
11 | import XHeader from 'vux/src/components/x-header/index.vue'
12 | import Panel from 'vux/src/components/panel/index.vue'
13 | import Actionsheet from 'vux/src/components/actionsheet/index.vue'
14 | 
15 | 
16 | export default{
17 |     components:{
18 |         XHeader,
19 |         Panel,
20 |         Actionsheet
21 |     },
22 |     data(){
23 |         return{
24 |             addressList:[],
25 |             type:'8',
26 |             showAct:false,
27 |             menus:[
28 |                 {
29 |                     label:'修改',
30 |                     type:'primary',
31 |                     value:'1'
32 |                 },
33 |                 {
34 |                     label:'删除',
35 |                     type:'warn',
36 |                     value:'2'
37 |                 }
38 |             ],
39 |             item:{}
40 |         }
41 |     },
42 |     created(){
43 |         this.getAddressList();
44 |     },
45 |     methods:{
46 |         getAddressList(){
47 |             let _this = this;
48 |             _this.$vux.loading.show({
49 |                 text: '正在加载'
50 |             });
51 |             ++_this.pageNo;
52 |             setTimeout(function() {
53 |                 _this.$vux.loading.hide();
54 |                 for (let i = 1; i <= 3; i++) {
55 |                     let o = {};
56 |                     o.receiveMan = '张三';
57 |                     o.phone = '18088883333';
58 |                     o.isDefault = false;
59 |                     o.address = 'xxx省xxx市xxx区xxx街道xxxx';
60 |                     _this.addressList.push(o);
61 |                 }
62 |                 _this.addressList[0].isDefault = true;
63 |             }, 1000);
64 |         },
65 |         toNewAddress(){
66 |             this.$router.push({path:'/editAddress',query:{type:1}});
67 |         },
68 |         editAddress(item){
69 |             let _this = this;
70 |             //_this.showAct = true;
71 |             _this.item = item;
72 |             _this.$router.push({path:'/editAddress',query:{'type':2,'userAddress':_this.item}});
73 |         },
74 |         clickMenu(key){
75 |             let _this = this;
76 |             if(key == 1){
77 |                 _this.$router.push({path:'/editAddress',query:{'type':2,'userAddress':_this.item}});
78 |             }else{
79 |                 _this.$vux.confirm.show({
80 |                     title: '删除收货地址',
81 |                     content: '是否确定删除该收货地址？',
82 |                     onConfirm () {
83 |                     }
84 |                 });
85 |             }
86 |         },
87 |         goBack(){
88 |             this.$router.push('/setting');
89 |         }
90 |     }
91 | }
92 | </script>
93 | 
94 | <style lang="less">
95 | 
96 | </style>
97 | 


--------------------------------------------------------------------------------
/mcm/src/components/editAddress.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <x-header :left-options="{backText: ''}" ref="hb">{{title}}</x-header>
  4 |         <button class="own-login__switch" @click.prevent="del" v-show="isShowDel">删除</button>
  5 |         <group>
  6 |             <x-input title="收货人" type="text" v-model="userAddress.receiveMan"></x-input>
  7 |             <x-input title="联系电话" type="text" v-model="userAddress.phone"></x-input>
  8 |         </group>
  9 |         <group title="详细地址">
 10 |             <x-textarea name="remark" v-model="userAddress.address"></x-textarea>
 11 |         </group>
 12 |         <group>
 13 |             <x-switch title="设为默认" prevent-default v-model="userAddress.isDefault"></x-switch>
 14 |         </group>
 15 |         <button class="own-login__btn" style="margin-bottom: 20px;" @click.stop="saveAddress" disabled>保存</button>
 16 |     </div>
 17 | </template>
 18 | 
 19 | <script>
 20 | import XHeader from 'vux/src/components/x-header/index.vue'
 21 | import Group from 'vux/src/components/group/index.vue'
 22 | import XInput from 'vux/src/components/x-input/index.vue'
 23 | import XTextarea from 'vux/src/components/x-textarea/index.vue'
 24 | import XSwitch from 'vux/src/components/x-switch/index.vue'
 25 | 
 26 | 
 27 | export default{
 28 |     components:{
 29 |         XHeader,
 30 |         Group,
 31 |         XInput,
 32 |         XTextarea,
 33 |         XSwitch
 34 |     },
 35 |     data(){
 36 |         return{
 37 |             type:'',
 38 |             title:'',
 39 |             userAddress:{
 40 |                 receiveMan:'',
 41 |                 phone:'',
 42 |                 address:'',
 43 |                 isDefault:false
 44 |             },
 45 |             isShowDel:false
 46 |         }
 47 |     },
 48 |     created(){
 49 |         this.type = this.$route.query.type;
 50 |         if(this.type == 1){
 51 |             this.title = '新建收货地址'
 52 |         }else{
 53 |             this.userAddress = this.$route.query.userAddress;
 54 |             this.title = '修改收货地址';
 55 |             this.isShowDel = true;
 56 |         }
 57 |     },
 58 |     methods:{
 59 |         saveAddress(){
 60 |             let _this = this;
 61 |             let userAddress = _this.userAddress;
 62 |             let isDefault = userAddress.isDefault;
 63 |             if(isDefault){
 64 |                 userAddress.isDefault = 1;
 65 |             }else{
 66 |                 userAddress.isDefault = 0;
 67 |             }
 68 |             if(_this.COM.trimStr(userAddress.receiveMan) == ''){
 69 |                 _this.$vux.alert.show({
 70 |                     content:'收货人不能为空！'
 71 |                 });
 72 |                 return;
 73 |             }
 74 |             if(_this.COM.trimStr(userAddress.phone) == ''){
 75 |                 _this.$vux.alert.show({
 76 |                     content:'联系电话不能为空！'
 77 |                 });
 78 |                 return;
 79 |             }
 80 |             if(_this.COM.trimStr(userAddress.address) == ''){
 81 |                 _this.$vux.alert.show({
 82 |                     content:'详细地址不能为空！'
 83 |                 });
 84 |                 return;
 85 |             }
 86 |             _this.$vux.loading.show();
 87 |         },
 88 |         del(){
 89 |             let _this = this;
 90 |             _this.$vux.confirm.show({
 91 |                     title: '删除收货地址',
 92 |                     content: '是否确定删除该收货地址？',
 93 |                     onConfirm () {
 94 |                         _this.$vux.confirm.hide();
 95 |                     }
 96 |                 });
 97 |         }
 98 |     }
 99 | }
100 | </script>
101 | 
102 | <style lang="less">
103 | 
104 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/evaluate.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div>
 3 | 		<x-header :left-options="{backText: ''}"  ref="hb">评价</x-header>
 4 | 		<div class="own-ev__title">商品评价</div>
 5 | 		<div v-for="ol in orderList" class="own-ev__evcard">
 6 | 			<div class="name">{{ol.product.name}}</div>
 7 | 		    <rater v-model="ol.score" :max="5" active-color="#ff563c" :font-size="20"></rater>
 8 | 			<div style="width: 100%;margin-top:10px;box-sizing: border-box;">
 9 | 				<textarea style="width: 100%;font-size:0.8rem;line-height:1.2;box-sizing: border-box;padding: 5px;resize:none;
10 | 					border: 1px solid #E9E9E9;border-radius:3px;" rows="3" draggable="false" placeholder="在这里输入评价内容"
11 | 					v-model="ol.eva"></textarea>
12 | 			</div>
13 | 		</div>
14 | 		<button class="own-login__btn" style="margin-bottom: 20px;" @click="subEva" disabled>提交评价</button>
15 | 	</div>
16 | </template>
17 | 
18 | <script>
19 | import XHeader from 'vux/src/components/x-header/index.vue'
20 | import Rater from 'vux/src/components/rater/index.vue'
21 | import XTextarea from 'vux/src/components/x-textarea/index.vue'
22 | 
23 | import jQ from 'jquery'
24 | 
25 | export default{
26 | 	components:{
27 | 		XHeader,
28 | 		Rater,
29 | 		XTextarea
30 | 	},
31 | 	data(){
32 | 		return{
33 | 			orderList:[],
34 | 			score:0,
35 | 			evaList:[],
36 | 			bizId:''
37 | 		}
38 | 	},
39 | 	created(){
40 | 		let jsonStr = window.sessionStorage.getItem('orderView');
41 | 		let order = JSON.parse(jsonStr) || {};
42 | 		for(let ol of order.orderList){
43 | 			ol.score = 0;
44 | 			ol.eva = '';
45 | 		}
46 | 		this.orderList = order.orderList;
47 | 		this.bizId = order.id;
48 | 	},
49 | 	methods:{
50 | 		subEva(){
51 | 			let evas = [];
52 | 			let eva = {};
53 | 			for(let ol of this.orderList){
54 | 				eva.productReleaseId = ol.productReleaseId;
55 | 				eva.productId = ol.product.id;
56 | 				eva.quality = ol.score;
57 | 				eva.service = ol.score;
58 | 				eva.content = ol.eva;
59 | 				eva.bizId = this.bizId;
60 | 				evas.push(eva);
61 | 			}
62 | 			this.$vux.loading.show({
63 | 			   text: '正在提交评价'
64 | 			});
65 | 			let _this = this;
66 | 			
67 | 		}
68 | 	}
69 | }
70 | </script>
71 | 
72 | <style lang="less" scoped>
73 | .weui-cell{
74 | 	padding: 5px 0 !important;
75 | }
76 | .vux-cell-primary>p>.vux-label{
77 | 	font-size: 0.7rem !important;
78 | }
79 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/feedBack.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <x-header :left-options="{backText: ''}" ref="hb">意见反馈</x-header>
  4 |         <group title="请在下面填写您的意见和建议">
  5 |             <x-textarea v-model="feedback"></x-textarea>
  6 |         </group>
  7 |         <div style="padding:0 15px;color:#ff563c;margin-top:10px">添加图片说明</div>
  8 |         <grid>
  9 |             <grid-item v-for="(img,index) in imgList" @click.native="clickImg(index,img)">
 10 |                 <img slot="icon" :src="img.src">
 11 |             </grid-item>
 12 |         </grid>
 13 |         <actionsheet v-model="showAct" :menus="menus" theme="android" @on-click-menu="clickMenu"></actionsheet>
 14 |         <button class="own-login__btn" style="margin-bottom: 20px;" @click.stop="saveFeedBack" disabled>提交</button>
 15 |     </div>
 16 | </template>
 17 | 
 18 | <script>
 19 | import XHeader from 'vux/src/components/x-header/index.vue'
 20 | import Group from 'vux/src/components/group/index.vue'
 21 | import XTextarea from 'vux/src/components/x-textarea/index.vue'
 22 | import Actionsheet from 'vux/src/components/actionsheet/index.vue'
 23 | import {Grid, GridItem} from 'vux/src/components/grid'
 24 | 
 25 | 
 26 | export default{
 27 |     components:{
 28 |         XHeader,
 29 |         Group,
 30 |         XTextarea,
 31 |         Grid,
 32 |         GridItem,
 33 |         Actionsheet
 34 |     },
 35 |     data(){
 36 |         return{
 37 |             wxSDK:{},
 38 |             feedback:'',
 39 |             imgList:[
 40 |                 {
 41 |                     src:'data:image/png;base64,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',
 42 |                     isClickAdd:true,
 43 |                     serverId:''
 44 |                 }
 45 |             ],
 46 |             num:9,
 47 |             serverIds:[],
 48 |             showAct:false,
 49 |             menus:[
 50 |                 {
 51 |                     label:'删除',
 52 |                     type:'warn',
 53 |                     value:'1'
 54 |                 }
 55 |             ],
 56 |             index:0
 57 |         }
 58 |     },
 59 |     created(){
 60 |     },
 61 |     methods:{
 62 |         getImgs(){
 63 | 
 64 |         },
 65 |         syncUpload(localIds){
 66 |         },
 67 |         clickImg(index,img){
 68 |             if(img.isClickAdd){
 69 |                 this.getImgs();
 70 |             }else{
 71 |                 this.showAct = true;
 72 |                 this.index = index;
 73 |             }
 74 |         },
 75 |         clickMenu(){
 76 |             let _this = this;
 77 |             _this.imgList.splice(_this.index,1);
 78 |         },
 79 |         saveFeedBack(){
 80 |             let _this = this;
 81 |             let feedback = _this.feedback;
 82 |             if(feedback != ''){
 83 |                 _this.$vux.loading.show();
 84 |                 let serverIds = [];
 85 |                 for(let item of _this.imgList){
 86 |                     let img = {};
 87 |                     img.serverId = item.serverId;
 88 |                     img.token = _this.wxSDK.accessToken;
 89 |                     serverIds.push(img);
 90 |                 }
 91 |                 let imgs = {};
 92 |                 imgs.list = serverIds;
 93 |             }else{
 94 |                 _this.$vux.toast.show({
 95 |                     type:'warn',
 96 |                     text: '请输入内容',
 97 |                 })
 98 |             }
 99 |         }
100 |     }
101 | }
102 | </script>
103 | 
104 | <style lang="less">
105 | 
106 | </style>
107 | 


--------------------------------------------------------------------------------
/mcm/src/components/forgetPassword.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div >
 3 | 		<x-header :left-options="{backText: ''}" ref="hb">重置密码</x-header>
 4 | 		<div class="own-login__form">
 5 | 			<input type="number" name="" id="" value="" placeholder="手机号" @keyup="isPhoneNum" maxlength="11"/>
 6 | 			<input type="password" name="" id="" value="" placeholder="新密码" v-model="newPwd" maxlength="11"/>
 7 | 			<input type="text" name="" id="" value="" placeholder="验证码" v-model="captcha" ref="yzmInput"/>
 8 | 			<button disabled="disabled" ref="yzm" @click="sendCaptcha">{{cptTip}}</button>
 9 | 		</div>
10 | 		<button class="own-login__btn" @click.prevent="savePwd" disabled="disabled" style="background-color: rgba(255,86,60,0.7);" ref="btn">确  定</button>
11 | 	</div>
12 | </template>
13 | 
14 | <script>
15 | import XHeader from 'vux/src/components/x-header/index.vue'
16 | 
17 | 
18 | export default{
19 | 	components:{
20 | 		XHeader
21 | 	},
22 | 	data(){
23 | 		return{
24 | 			cptTip:'获取验证码',
25 | 			openId:'',
26 | 			phone: '',
27 | 			captcha:'',
28 | 			newPwd:''
29 | 		}
30 | 	},
31 | 	watch:{
32 | 	},
33 | 	created(){
34 | 		this.openId = window.localStorage.getItem('openId');
35 | 	},
36 | 	methods:{
37 | 		isPhoneNum(){
38 | 			let _this = this;
39 | 			_this.phone = event.currentTarget.value;
40 | 			let yzm = _this.$refs.yzm;
41 | 			let btn = _this.$refs.btn;
42 | 			if(_this.phone.length == 11){
43 | 				yzm.removeAttribute('disabled');
44 | 				yzm.style.backgroundColor = "rgb(255,86,60)";
45 | 				btn.removeAttribute('disabled');
46 | 				btn.style.backgroundColor = "rgb(255,86,60)";
47 | 			}else{
48 | 				yzm.setAttribute('disabled','disabled');
49 | 				yzm.style.backgroundColor = "#ccc";
50 | 				btn.setAttribute('disabled','disabled');
51 | 				btn.style.backgroundColor = "rgba(255,86,60,0.7)";
52 | 			}
53 | 		},
54 | 		sendCaptcha(){
55 | 			this.$refs.yzmInput.focus();
56 | 			let _event = event;
57 | 			this.$vux.loading.show({
58 | 	          text: '正在发送验证码',
59 | 			});
60 | 			let _this = this;
61 | 			setTimeout(function() {
62 | 				_this.$vux.loading.hide();
63 | 				_this.$vux.toast.show({
64 | 					text:'验证码已发送，请注意查收'
65 | 				})
66 | 			}, 1000);
67 | 		},
68 | 		savePwd(){
69 | 			if(this.COM.trimStr(this.newPwd) == ''){
70 | 				this.$vux.toast.show({
71 | 					type:'warn',
72 | 					text:'密码不能为空！'
73 | 				})
74 | 				return
75 | 			}
76 | 			if(this.COM.trimStr(this.captcha) == ''){
77 | 				this.$vux.toast.show({
78 | 					type:'warn',
79 | 					text:'验证码不能为空！'
80 | 				})
81 | 				return
82 | 			}
83 | 			this.$vux.loading.show({
84 | 			   text: '正在处理'
85 | 			});
86 | 			let _this = this;
87 | 			setTimeout(function() {
88 | 				_this.$vux.loading.hide();
89 | 			}, 1000);
90 | 		}
91 | 			
92 | 	}
93 | }
94 | </script>
95 | 
96 | <style>
97 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <div class="own-yiye__top" ref="topDiv">
  4 |             <div class="own-yiye__top-loc">
  5 |                 <i class="iconfont icon-dingwei" style="color:#fff;margin-top:-3px;vertical-align:text-top;"></i>
  6 |                 <span class="own-yiye__top-loctext" @click="showAddrPicker()">{{loc}}</span>
  7 |             </div>
  8 |             <div style="margin-top:10px;">
  9 |                 <div style="float:right;width:10%;line-height:1.8rem" @click="toPersonalCenter">
 10 |                     <i class="iconfont icon-gerenzhongxin" style="color:#fff;font-size:1.5rem"></i>
 11 |                 </div>
 12 |                 <input class="own-yiye__top-search" placeholder="搜索商家" v-model="search">
 13 |             </div>
 14 |         </div>
 15 |         <div>
 16 |             <scroller height="-85" lock-x @on-scroll="onScroll" ref="shopScroller" v-model="status" :pullup-config="pullUp" @on-pullup-loading="pullupRefresh" :use-pullup=true @on-scroll-bottom="onScrollBottom">
 17 |                 <div>
 18 |                     <panel :list="shops" :type="type" v-on:on-click-item="toShop"></panel>
 19 |                 </div>
 20 |             </scroller>
 21 |         </div>
 22 |         <AddressPicker :show="isShow" :default="defaultCity" :showDistrict="showDis" :data="cityList" :commonCitys="commonCitys" v-on:on-hide="hide">
 23 | 
 24 |         </AddressPicker>
 25 |     </div>
 26 | </template>
 27 | 
 28 | <script>
 29 | import Scroller from 'vux/src/components/scroller/index.vue'
 30 | import Panel from 'vux/src/components/panel/index.vue'
 31 | import AddressPicker from './comp/pickAddress.vue'
 32 | 
 33 | import jQ from 'jquery'
 34 | 
 35 | export default {
 36 |     components: {
 37 |         Scroller,
 38 |         Panel,
 39 |         AddressPicker
 40 |     },
 41 |     data() {
 42 |         return {
 43 |             geo: {},
 44 |             defaultCity: '长沙市',
 45 |             loc: '长沙市',
 46 |             areaCode: '',
 47 |             cityList: [],
 48 |             commonCitys: this.COM.commoncitys,
 49 |             isShow: false,
 50 |             showDis: true,
 51 |             addr: ['430000', '430100', '430102'],
 52 |             search: '',
 53 |             type: '7',
 54 |             shops: [],
 55 |             wxSDK: {},
 56 |             pageNo: 0,
 57 |             groupId: '',
 58 |             prId: '',
 59 |             pullUp: {
 60 |                 content: '',
 61 |                 pullUpHeight: 100,
 62 |                 height: 40,
 63 |                 autoRefresh: false,
 64 |                 downContent: '释放后加载',
 65 |                 upContent: '上拉加载更多',
 66 |                 loadingContent: '加载中...',
 67 |                 clsPrefix: 'xs-plugin-pullup-'
 68 |             },
 69 |             status: {
 70 |                 pullupStatus: 'default'
 71 |             },
 72 |         }
 73 |     },
 74 |     created() {
 75 |         this.prId = this.$route.query.productId;
 76 |         this.groupId = this.$route.query.productGroup;
 77 |         this.$vux.loading.show({
 78 |             text: '正在定位'
 79 |         });
 80 |         for (let c of this.CityData3.citys) {
 81 |             let cc = c.children;
 82 |             for (let i of cc) {
 83 |                 this.cityList.push(i);
 84 |             }
 85 |         }
 86 |         let _this = this;
 87 |         let url = window.location.href;
 88 | 
 89 |         let count = 0;
 90 |         let flag = false;
 91 |         let t = setInterval(function() {
 92 |             ++count;
 93 |             if (count < 2) {
 94 |                 if (!jQ.isEmptyObject(_this.geo)) {
 95 |                     clearInterval(t);
 96 |                 }
 97 |             } else {
 98 |                 flag = _this.geoAddrByIp();
 99 |                 clearInterval(t);
100 |             }
101 |         }, 1000);
102 |     },
103 |     mounted() {
104 |     },
105 |     watch: {
106 |         geo(val) {
107 |             let _this = this;
108 |             window.sessionStorage.setItem('location', JSON.stringify(val));
109 |             let point = new BMap.Point();
110 |             point.lat = val.lat;
111 |             point.lng = val.lng;
112 |             let geoc = new BMap.Geocoder();
113 |             geoc.getLocation(point, function(rs) {
114 |                 let addComp = rs.addressComponents;
115 |                 let city = addComp.city;
116 |                 _this.loc = city;
117 |                 for (let c of _this.CityData3.citys) {
118 |                     let cc = c.children;
119 |                     for (let i of cc) {
120 |                         if (i.text.indexOf(city) >= 0) {
121 |                             _this.areaCode = i.value;
122 |                             break;
123 |                         }
124 |                     }
125 |                 }
126 |             });
127 |         },
128 |         areaCode(val) {
129 |             this.shops = [];
130 |             this.pageNo = 0;
131 |             this.status.pullupStatus = 'enabled';
132 |             this.pullupRefresh(0);
133 |         }
134 |     },
135 |     methods: {
136 |         pullupRefresh(flag) {
137 |             let _this = this;
138 |             _this.$vux.loading.show({
139 |                 text: '正在加载'
140 |             });
141 |             _this.pageNo++;
142 |             setTimeout(function(){
143 |                 _this.$vux.loading.hide();
144 |                 for(let i=1; i<=10; i++){
145 |                     let shop = {};
146 |                     shop.id = (_this.pageNo - 1) * 10 + i;
147 |                     shop.name = '示例店铺';
148 |                     shop.desc = '店铺描述';
149 |                     shop.sales = '999';
150 |                     shop.dis = '1.45';
151 |                     shop.img = 'http://data.luo1fan.com/dianpu.jpg-style';
152 |                     _this.shops.push(shop);
153 |                 }
154 |                 _this.$nextTick(() => {
155 |                     let sc = _this.$refs.shopScroller;
156 |                     sc.reset();
157 |                 });
158 |                 _this.status.pullupStatus = 'enabled';
159 |             },1000);
160 |         },
161 |         onScrollBottom() {
162 |             if (this.status.pullupStatus == 'disabled') {
163 |                 this.$vux.toast.show({
164 |                     type: 'text',
165 |                     text: '没有更多了',
166 |                     position: 'bottom'
167 |                 })
168 |             }
169 |         },
170 |         getGeo() {
171 |         },
172 |         onScroll(pos) {
173 |             this.scrollTop = pos.top
174 |         },
175 |         toShop(item) {
176 |             window.sessionStorage.setItem('theShop',JSON.stringify(item));
177 |             this.$router.push({ path: '/shop'});
178 |         },
179 |         showAddrPicker() {
180 |             this.isShow = true;
181 |         },
182 |         hide(item) {
183 |             this.isShow = false;
184 |             if (item != '' && item != 'undefined') {
185 |                 this.loc = item.text;
186 |                 this.areaCode = item.value;
187 |             } else {
188 |             }
189 |         },
190 |         toPersonalCenter() {
191 |             this.$router.push({ path: '/personalCenter'});
192 |         },
193 |         geoAddrByIp(t) {
194 |             let flag = false;
195 |             let _this = this;
196 |             let geolocation = new BMap.Geolocation();
197 |             geolocation.getCurrentPosition(function(r) {
198 |                 if (this.getStatus() == BMAP_STATUS_SUCCESS) {
199 |                     let bdLat = r.point.lat;
200 |                     let bdLng = r.point.lng;
201 |                     _this.geo = r.point;
202 |                     flag = true;
203 |                 }
204 |                 else {
205 |                     _this.$vux.alert.show({
206 |                         content: '定位失败:' + this.getStatus()
207 |                     });
208 |                     flag = false;
209 |                 }
210 |             }, { enableHighAccuracy: true });
211 |             return flag;
212 |         }
213 |     }
214 | }
215 | </script>
216 | 
217 | <style lang="less">
218 | 
219 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/loginGesture.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div >
 3 | 		<x-header :left-options="{backText: ''}" ref="hb">手势密码登录</x-header>
 4 | 		<div id="outer" ref="ges">
 5 | 			<div id="element" ref="ges">
 6 | 			</div>
 7 | 		</div>
 8 | 	</div>
 9 | </template>
10 | 
11 | <script>
12 | import XHeader from 'vux/src/components/x-header/index.vue'
13 | 
14 | 
15 | export default{
16 | 	components:{
17 | 		XHeader
18 | 	},
19 | 	data(){
20 | 		return{
21 | 			openId:''
22 | 		}
23 | 	},
24 | 	created(){
25 | 		this.openId = window.localStorage.getItem('openId') || '';
26 | 	},
27 | 	mounted(){
28 | 		this.initH5lock();
29 | 	},
30 | 	methods:{
31 | 		initH5lock(){
32 | 			let _this = this;
33 | 			var opt = {
34 | 			  chooseType: 3, 
35 | 			  width: 300, 
36 | 			  height: 300,
37 | 			  container: 'element', 
38 | 			  outer: 'outer',
39 | 			  inputEnd: function(psw){
40 | 			  	lock.reset();
41 | 			  	_this.$vux.loading.show({
42 | 				   text: '正在登陆'
43 | 				});
44 | 			  	let data = {
45 | 			  		openid:_this.openId,
46 | 			  		pwd:psw,
47 | 			  		memberType:1,
48 | 			  		mobileType:1,
49 | 			  		gesturePassword:true
50 | 			  	}
51 | 			  } 
52 | 			}
53 | 			var lock = new H5lock(opt);
54 | 			lock.init();
55 | 		}
56 | 	}
57 | }
58 | </script>
59 | 
60 | <style>
61 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/loginPassword.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div >
 3 | 		<x-header :left-options="{backText: '',preventGoBack:true}" v-on:on-click-back="goBack" ref="hb">登  录</x-header>
 4 | 		<button class="own-login__switch" @click.prevent="toLoginMsg">注册</button>
 5 | 		<div class="own-login__form">
 6 | 			<input type="tel" name="" id="" value="" placeholder="手机号" v-model="phone"/>
 7 | 			<input type="password" name="" id="" value="" placeholder="密码" v-model="pwd"/>
 8 | 		</div>
 9 | 		<div style="text-align: right;padding-right: 5px;">
10 | 			 <router-link :to="{path:'/forgetPassword'}" class="own-login__gestrue">忘记密码?</router-link>
11 | 		</div>
12 | 		<button class="own-login__btn" @click.prevent="login">登 录</button>
13 | 		<div style="text-align: center;margin-top: 15px;">
14 | 			 <router-link :to="{path:'/loginGesture'}" class="own-login__gestrue">手势密码登录</router-link>
15 | 		</div>
16 | 	</div>
17 | </template>
18 | 
19 | <script>
20 | import XHeader from 'vux/src/components/x-header/index.vue'
21 | export default{
22 | 	components:{
23 | 		XHeader
24 | 	},
25 | 	data(){
26 | 		return{
27 | 			openId:'',
28 | 			phone:'',
29 | 			pwd:''
30 | 		}
31 | 	},
32 | 	created(){
33 | 		this.openId = window.localStorage.getItem('openId') || '';
34 | 	},
35 | 	methods:{
36 | 		toLoginMsg(){
37 | 			this.$router.push({path:'/register'});
38 | 		},
39 | 		goBack(){
40 | 			this.$router.push({path:'/home'});
41 | 		},
42 | 		login(){
43 | 			let _this = this;
44 | 			if(_this.COM.trimStr(_this.phone) != ''){
45 | 				_this.$vux.loading.show({
46 | 				   text: '正在登陆'
47 | 				});
48 | 			}else{
49 | 				this.$vux.alert.show({
50 | 					content:'请输入手机号'
51 | 				})
52 | 			}
53 | 		}
54 | 	}
55 | }
56 | </script>
57 | 
58 | <style>
59 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/orderView.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div>
  3 | 		<button class="own-login__switch" @click.prevent="toEvaluate" style="z-index: 99;font-size:0.875rem;">评价</button>
  4 | 		<x-header :left-options="{backText: ''}" ref="hb">订单详情</x-header>
  5 | 		<scroller lock-x height="-45" @on-scroll="onScroll" ref="orderViewScroller">
  6 | 			<div>
  7 | 				<group title="配送信息">
  8 | 					<cell :title="deliveryAddress.nameAndPhone" :inline-desc="deliveryAddress.address"></cell>
  9 | 				</group>
 10 | 				<group title="商品信息">
 11 | 					<x-table :cell-bordered="false" style="background-color:#fff;">
 12 | 						<thead>
 13 | 							<tr>
 14 | 								<th>菜名</th>
 15 | 								<th>单价</th>
 16 | 								<th>数量</th>
 17 | 							</tr>
 18 | 						</thead>
 19 | 						<tbody>
 20 | 							<tr v-for="ol in order.orderList">
 21 | 								<td>{{ol.product.name}}</td>
 22 | 								<td>&yen;{{ol.rebate}}</td>
 23 | 								<td>x {{ol.num}}</td>
 24 | 							</tr>
 25 | 						</tbody>
 26 | 					</x-table>
 27 | 				</group>
 28 | 			</div>
 29 | 		</scroller>
 30 | 	</div>
 31 | </template>
 32 | 
 33 | <script>
 34 | import XHeader from 'vux/src/components/x-header/index.vue'
 35 | import Scroller from 'vux/src/components/scroller/index.vue'
 36 | import Group from 'vux/src/components/group/index.vue'
 37 | import XInput from 'vux/src/components/x-input/index.vue'
 38 | import XTextarea from 'vux/src/components/x-textarea/index.vue'
 39 | import XTable from 'vux/src/components/x-table/index.vue'
 40 | import Datetime from 'vux/src/components/datetime/index.vue'
 41 | import Cell from 'vux/src/components/cell/index.vue'
 42 | import CellBox from 'vux/src/components/cell-box/index.vue'
 43 | 
 44 | export default {
 45 | 	components: {
 46 | 		XHeader,
 47 | 		Scroller,
 48 | 		Group,
 49 | 		XInput,
 50 | 		XTextarea,
 51 | 		XTable,
 52 | 		Datetime,
 53 | 		Cell,
 54 | 		CellBox
 55 | 	},
 56 | 	data() {
 57 | 		return {
 58 | 			order: {
 59 | 			},
 60 | 			deliveryAddress: {}
 61 | 		}
 62 | 	},
 63 | 	created() {
 64 | 		let jsonStr = window.sessionStorage.getItem('orderView');
 65 | 		let o = JSON.parse(jsonStr);
 66 | 		this.order = o;
 67 | 		this.deliveryAddress = o.deliveryAddress;
 68 | 		this.deliveryAddress.nameAndPhone = o.deliveryAddress.name + ' ' + o.deliveryAddress.phone;
 69 | 	},
 70 | 	mounted() {
 71 | 	},
 72 | 	methods: {
 73 | 		onScroll(pos) {
 74 | 			this.scrollTop = pos.top
 75 | 		},
 76 | 		toEvaluate() {
 77 | 			this.$router.push({ path: '/evaluate' });
 78 | 		}
 79 | 	}
 80 | }
 81 | </script>
 82 | <style scoped>
 83 | .demo2-item {
 84 | 	width: 1.6rem !important;
 85 | 	height: 1.6rem !important;
 86 | 	border: 2px solid #ccc;
 87 | 	display: inline-block;
 88 | 	border-radius: 50%;
 89 | 	line-height: 1.2rem;
 90 | 	text-align: center;
 91 | 	font-size: 0.75rem;
 92 | 	box-sizing: border-box;
 93 | }
 94 | 
 95 | .demo2-item-selected {
 96 | 	border-color: #FF563C;
 97 | 	background-color: #FF563C;
 98 | 	color: #fff;
 99 | }
100 | 
101 | .vux-checker-box {
102 | 	position: absolute !important;
103 | 	width: 60% !important;
104 | 	right: 10% !important;
105 | }
106 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/orders.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div>
  3 | 		<x-header :left-options="{backText: ''}" ref="hb">我的订单</x-header>
  4 | 		<Scroller height="-48" lock-x  @on-scroll="onScroll" ref="orderListScroller" v-model="status" :pullup-config="pullUp" 
  5 | 			@on-pullup-loading="pullupRefresh" :use-pullup=true @on-scroll-bottom="onScrollBottom">
  6 | 		  <div style="padding-bottom: 5px;">	
  7 | 			<div v-for="(o,index) in orders" style="padding: 10px;background-color: #fff;margin-bottom: 10px;" @click="toView(o)">
  8 | 				<div class="own-order__feediv">
  9 | 					<div>
 10 | 						<div class="logo"><img :src="o.company.logo"></div>
 11 | 						<div class="title">
 12 | 							<div class="ellipsis">{{o.company.name}}</div>
 13 | 							<div style="font-size: 0.75rem;color: #999;line-height: 1rem;">{{o.createDate}}</div>
 14 | 						</div>
 15 | 						<div class="fee">{{o.statusName}}</div>
 16 | 						<div class="clearfix"></div>
 17 | 					</div>
 18 | 				</div>
 19 | 				<div class="own-order__content">
 20 | 					<div style="float: left;font-size: 0.9rem;color:#666;margin-left: 13%;">{{o.orderList[0].product.name}}等{{o.orderList.length}}件商品</div>
 21 | 					<div style="float: right; font-weight: bold;font-size: 0.9rem;">&yen; {{o.fee}}</div>
 22 | 					<div class="clearfix"></div>
 23 | 				</div>
 24 | 				<div class="own-order__btns" >
 25 | 					<div class="pay" v-if="o.payStatus == 1" @click.stop="toPay(o)">支付订单</div>
 26 | 					<div class="cancel" v-if="o.status == 401" @click.stop="toCancel(o)">取消订单</div>
 27 | 					<div class="clearfix"></div>
 28 | 				</div>
 29 | 			</div>
 30 | 		 </div>
 31 | 		</Scroller>
 32 | 	</div>
 33 | </template>
 34 | 
 35 | <script>
 36 | import XHeader from 'vux/src/components/x-header/index.vue'
 37 | import Scroller from 'vux/src/components/scroller/index.vue'
 38 | 
 39 | 
 40 | export default{
 41 | 	components: {
 42 | 		XHeader,
 43 | 		Scroller
 44 | 	},
 45 | 	data(){
 46 | 		return{
 47 | 			orders:[],
 48 | 			pullUp:{
 49 | 			  content: '',
 50 | 			  pullUpHeight: 100,
 51 | 			  height: 40,
 52 | 			  autoRefresh: false,
 53 | 			  downContent: '释放后加载',
 54 | 			  upContent: '上拉加载更多',
 55 | 			  loadingContent: '加载中...',
 56 | 			  clsPrefix: 'xs-plugin-pullup-'
 57 | 			},
 58 | 			status:{
 59 | 				pullupStatus:'default'
 60 | 			},
 61 | 			pageNo:0
 62 | 		}
 63 | 	},
 64 | 	created(){
 65 | 		this.$vux.loading.show({
 66 | 			text:'正在加载'
 67 | 		});
 68 | 	},
 69 | 	mounted(){
 70 | 		this.pullupRefresh();
 71 | 	},
 72 | 	methods:{
 73 | 		pullupRefresh(){
 74 | 			let _this = this;
 75 |             _this.$vux.loading.show({
 76 |                 text: '正在加载'
 77 |             });
 78 |             ++_this.pageNo;
 79 |             setTimeout(function() {
 80 |                 _this.$vux.loading.hide();
 81 |                 for (let i = 1; i <= 10; i++) {
 82 | 					let o = {};
 83 | 					let c = {};
 84 | 					c.logo = 'http://ove4dmu8g.bkt.clouddn.com/dianpu.jpg';
 85 | 					c.name = '店铺';
 86 |                     o.company = c;
 87 |                     o.createDate = '2017-8-11 17:27:03';
 88 | 					o.statusName = '已支付';
 89 | 					o.fee = '116.00';
 90 | 					let olist = [];
 91 | 					let ol1 = {};
 92 | 					let p1 = {};
 93 | 					p1.name = '商品1';
 94 | 					ol1.product = p1;
 95 | 					ol1.rebate = '58';
 96 | 					ol1.num = '1';
 97 | 					olist.push(ol1);
 98 | 
 99 | 					let ol2 = {};
100 | 					let p2 = {};
101 | 					p2.name = '商品2';
102 | 					ol2.product = p2;
103 | 					ol2.rebate = '58';
104 | 					ol2.num = '1';
105 | 					olist.push(ol2);
106 | 					o.orderList = olist;
107 | 
108 | 					let de = {};
109 | 					de.name = '张三';
110 | 					de.phone = '18088883333';
111 | 					de.address = 'xxx省xxx市xxx区xxx街道xxxx';
112 | 					o.deliveryAddress = de;
113 | 
114 |                     _this.orders.push(o);
115 |                 }
116 |                 _this.$nextTick(() => {
117 |                     let sc = _this.$refs.orderListScroller;
118 |                     sc.reset();
119 |                 });
120 |                 _this.status.pullupStatus = 'enabled';
121 |             }, 1000);
122 | 		},
123 | 		onScrollBottom(){
124 | 			if(this.status.pullupStatus == 'disabled'){
125 | 				this.$vux.toast.show({
126 | 					type:'text',
127 | 					text:'没有更多数据了',
128 | 					position:'bottom'
129 | 				})
130 | 			}
131 | 		},
132 | 		onScroll(pos) {
133 | 	      this.scrollTop = pos.top
134 | 		},
135 | 		toView(o){
136 | 			window.sessionStorage.setItem('orderView',JSON.stringify(o))
137 | 			this.$router.push({path:'/orderView'});
138 | 		},
139 | 		toPay(item){
140 | 		},
141 | 		toCancel(item){
142 | 		}
143 | 	}
144 | }
145 | </script>
146 | 
147 | <style>
148 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/personalCenter.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div>
  3 | 		<x-header :left-options="{backText: '',preventGoBack:true}" v-on:on-click-back="goBack" ref="hb">个人中心</x-header>
  4 | 		<div class="own-pc__avatarbox" ref="avt">
  5 | 			<div class="own-pc__portrait" ref="head">
  6 | 				<i class="iconfont icon-gerenzhongxin"></i>
  7 | 			</div>
  8 | 			<div class="own-pc__name" @click.prevent="isLogin()">{{userName}}</div>
  9 | 		</div>
 10 | 		<Scroller lock-x @on-scroll="onScroll" ref="pcScroller">
 11 | 			<group >
 12 | 		      <cell title="账户余额" is-link link="/accountBalance">
 13 | 		      	<i slot="icon" class="iconfont icon-zhanghuyue" style="display:block;margin-right:5px;font-size: 1.2rem;color:rgb(60, 197, 31)"></i>
 14 | 		      </cell>
 15 | 		      <cell title="我的优惠券" is-link link="/coupons">
 16 | 		      	<i slot="icon" class="iconfont icon-youhuiquan1" style="display:block;margin-right:5px;font-size: 1.2rem;color:#ffc636"></i>
 17 | 		      </cell>
 18 | 		      <cell title="我的订单" is-link link="/orders">
 19 | 		      	<i slot="icon" class="iconfont icon-dingdan" style="display:block;margin-right:5px;font-size: 1.1rem;color:#007aff"></i>
 20 | 		      </cell>
 21 | 			  <cell title="收货地址" is-link link="/deliverAddress">
 22 | 		      	<i slot="icon" class="iconfont icon-shouhuodizhi" style="display:block;margin-right:5px;font-size: 1.2rem;color:#c568f5"></i>
 23 | 		      </cell>
 24 | 		      <!-- <cell title="我的消费记录" is-link link="/consumes">
 25 | 		      	<i slot="icon" class="iconfont icon-xiaofeimingxi" style="display:block;margin-right:5px;font-size: 1.1rem;color:#e81818"></i>
 26 | 		      </cell>
 27 | 		      <cell title="会员卡信息" is-link link="/vipCards">
 28 | 		      	<i slot="icon" class="iconfont icon-huiyuanxinxi" style="display:block;margin-right:5px;font-size: 1.2rem;color:#c568f5"></i>
 29 | 		      </cell>
 30 | 		      <cell title="会员充值" is-link link="/recharge">
 31 | 		      	<i slot="icon" class="iconfont icon-chongzhi" style="display:block;margin-right:5px;font-size: 1.2rem;color:#3ac2db"></i>
 32 | 		      </cell>
 33 | 		      <cell title="推广二维码" is-link link="/toQrCode">
 34 | 		      	<i slot="icon" class="iconfont icon-erweima1" style="display:block;margin-right:5px;font-size: 1.2rem;color:#3cc51f"></i>
 35 | 		      </cell>
 36 | 			  <cell title="客户管理" is-link link="/customerList">
 37 | 		      	<i slot="icon" class="iconfont icon-kehuguanli" style="display:block;margin-right:5px;font-size: 1.1rem;color:#007aff"></i>
 38 | 		      </cell> -->
 39 | 		      <cell title="设置" is-link link="/setting">
 40 | 		      	<i slot="icon" class="iconfont icon-shezhi" style="display:block;margin-right:5px;font-size: 1.2rem;color:#f56a00"></i>
 41 | 		      </cell>
 42 | 		    </group>
 43 | 	    </Scroller>
 44 | 	</div>
 45 | </template>
 46 | 
 47 | <script>
 48 | import XHeader from 'vux/src/components/x-header/index.vue'
 49 | import Scroller from 'vux/src/components/scroller/index.vue'
 50 | import Group from 'vux/src/components/group/index.vue'
 51 | import Cell from 'vux/src/components/cell/index.vue'
 52 | import CellBox from 'vux/src/components/cell-box/index.vue'
 53 | 
 54 | export default{
 55 | 	components:{
 56 | 		XHeader,
 57 | 		Group,
 58 | 		Cell,
 59 | 		CellBox,
 60 | 		Scroller
 61 | 	},
 62 | 	data(){
 63 | 		return{
 64 | 			userName:'登录/注册           >',
 65 | 			isLogined:false
 66 | 		}
 67 | 	},
 68 | 	created(){
 69 | 		let islogin = this.COM.cookie.get('isLogin') || false;
 70 | 		this.isLogined = islogin;
 71 | 		if(islogin){
 72 | 			let _userName = this.COM.cookie.get('nickName');
 73 | 			this.userName = unescape(_userName);
 74 | 			this.isLogin = function(){
 75 | 				
 76 | 			}
 77 | 		}else{
 78 | 			this.userName = '登录/注册           >';
 79 | 			this.isLogin = function(){
 80 | 				this.$router.push({path:'/loginPassword'});
 81 | 			}
 82 | 		}
 83 | 	},
 84 | 	mounted(){
 85 | 		if(this.isLogined){
 86 | 			let headImg = this.COM.cookie.get('headImg');
 87 | 			this.$refs.head.innerHTML = '<img src="'+unescape(headImg)+'" width="100%">';
 88 | 		}
 89 | 		this.$nextTick(() => {
 90 | 			let pcScroller = this.$refs.pcScroller;
 91 | 			let hbHeight = this.$refs.hb.$el.offsetHeight;
 92 | 			let avtHeight = this.$refs.avt.offsetHeight;
 93 | 			let scHeight = window.innerHeight - hbHeight - avtHeight;
 94 | 			pcScroller.$el.style.height = scHeight + 'px';
 95 | 			pcScroller.reset({top: 0})
 96 | 		})
 97 | 	},
 98 | 	methods:{
 99 | 	   onScroll(pos) {
100 | 	      this.scrollTop = pos.top
101 | 	   },
102 | 	   isLogin(){
103 | 	   	  
104 | 	   },
105 | 	   toCharge(){
106 | 	   	  this.$router.push({path:'/recharge'});
107 | 	   },
108 | 	   goBack(){
109 | 	   	  this.$router.push({path:'/home'});
110 | 	   }
111 | 	}
112 | }
113 | </script>
114 | 
115 | <style lang="less">
116 | 	
117 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/preOrder1.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <x-header :left-options="{backText: ''}" ref="hb">完善订单信息</x-header>
  4 |         <scroller lock-x height="-44" @on-scroll="onScroll" ref="preOrderScroller">
  5 | 			<div>
  6 | 				<group>
  7 |                     <cell :title="deliveryAddress.nameAndPhone" :inline-desc="deliveryAddress.address" is-link @click.native="doPickAddress"></cell>
  8 | 			    </group>
  9 |                 <div style="margin:10px 0">
 10 |                     <group>
 11 |                         <x-table :cell-bordered="false" style="background-color:#fff;">
 12 |                             <thead>
 13 |                             <tr>
 14 |                                 <th>商品</th>
 15 |                                 <th>单价</th>
 16 |                                 <th>数量</th>
 17 |                             </tr>
 18 |                             </thead>
 19 |                             <tbody>
 20 |                             <tr v-for="ol in orderList">
 21 |                                 <td>
 22 |                                     <img :src="ol.img" width="50px" height="50px" style="margin-top:5px"/>
 23 |                                     <div style="line-height:1rem;margin-bottom:5px">{{ol.name}}</div>
 24 |                                 </td>
 25 |                                 <td>&yen;{{ol.price}}</td>
 26 |                                 <td>x {{ol.num}}</td>
 27 |                             </tr>
 28 |                             </tbody>
 29 |                         </x-table>
 30 |                     </group>
 31 |                 </div>
 32 |                 <group> 
 33 |                     <x-input title="订单备注" type="text" placeholder="在此填写备注" 
 34 |                     v-model="remark" ></x-input>
 35 | 			    </group>
 36 | 			    <button class="own-login__btn" style="margin-bottom: 20px" @click="subOrder" disabled>提交并支付订单</button>
 37 | 			</div>
 38 | 		</scroller>
 39 |         <PickDeliveryAddress :show="isShow" v-on:on-hide="hide"></PickDeliveryAddress>
 40 |     </div>
 41 | </template>
 42 | 
 43 | <script>
 44 | import XHeader from 'vux/src/components/x-header/index.vue'
 45 | import Scroller from 'vux/src/components/scroller/index.vue'
 46 | import Group from 'vux/src/components/group/index.vue'
 47 | import XInput from 'vux/src/components/x-input/index.vue'
 48 | import Cell from 'vux/src/components/cell/index.vue'
 49 | import CellBox from 'vux/src/components/cell-box/index.vue'
 50 | import XTable from 'vux/src/components/x-table/index.vue'
 51 | import {Grid, GridItem} from 'vux/src/components/grid'
 52 | import PickDeliveryAddress from './comp/pickDeliveryAddress.vue'
 53 | 
 54 | 
 55 | export default {
 56 |     components:{
 57 |         XHeader,
 58 |         Scroller,
 59 |         Group,
 60 |         XInput,
 61 |         Cell,
 62 |         CellBox,
 63 |         XTable,
 64 |         Grid,
 65 |         GridItem,
 66 |         PickDeliveryAddress
 67 |     },
 68 |     data(){
 69 |         return{
 70 |             deliveryAddress:{
 71 |                 nameAndPhone:'选择收货地址',
 72 |                 address:''
 73 |             },
 74 |             remark:'',
 75 |             orderList:[],
 76 |             isShow:false,
 77 |             preOrder:{}
 78 |         }
 79 |     },
 80 |     created(){
 81 | 		this.orderList = JSON.parse(window.sessionStorage.getItem('cart')) || [];
 82 |     },
 83 |     methods:{
 84 |         subOrder(){
 85 |         },
 86 |         onScroll(pos) {
 87 | 	        this.scrollTop = pos.top
 88 |         },
 89 |         doPickAddress(){
 90 |             this.isShow = true;
 91 |         },
 92 |         hide(item){
 93 |             this.isShow = false;
 94 |             if(item != 'undefined' && item != ''){
 95 |                 this.deliveryAddress = item;
 96 |             }
 97 |         }
 98 |     }
 99 | }
100 | </script>
101 | 
102 | 
103 | <style>
104 | .vux-datetime{
105 | 	padding: 0 15xp !important;
106 | 	font-size: 0.875rem !important;
107 | }
108 | .vux-cell-primary .vux-label{
109 |     font-size: 0.875rem !important;
110 | }
111 | .weui-cell__ft{
112 |     font-size: 0.875rem !important;
113 | }
114 | </style>
115 | 


--------------------------------------------------------------------------------
/mcm/src/components/register.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div >
  3 | 		<x-header v-if="type != 1" :left-options="{backText: '',preventGoBack:true}" v-on:on-click-back="goHome" ref="hb">注  册</x-header>
  4 | 		<x-header v-if="type == 1" :left-options="{showBack: false}" v-on:on-click-back="goHome" ref="hb">注  册</x-header>
  5 | 		<button class="own-login__switch" @click.prevent="toLoginPwd">登录</button>
  6 | 		<div class="own-login__form">
  7 | 			<input type="tel" name="" id="" value="" placeholder="手机号" @keyup="isPhoneNum" maxlength="11"/>
  8 | 			<input type="text" name="" id="" value="" placeholder="验证码" v-model="captcha" ref="yzmInput"/>
  9 | 			<button disabled="disabled" ref="yzm" @click="sendCaptcha">{{cptTip}}</button>
 10 | 		</div>
 11 | 		<!--<p class="own-login__tip">温馨提示：未注册过的手机号，登录时将自动注册</p>-->
 12 | 		<button class="own-login__btn" @click.prevent="register">注 册</button>
 13 | 	</div>
 14 | </template>
 15 | 
 16 | <script>
 17 | import XHeader from 'vux/src/components/x-header/index.vue'
 18 | export default{
 19 | 	components:{
 20 | 		XHeader
 21 | 	},
 22 | 	data(){
 23 | 		return{
 24 | 			cptTip:'获取验证码',
 25 | 			openId:'',
 26 | 			phone: '',
 27 | 			captcha:'',
 28 | 			type:0
 29 | 		}
 30 | 	},
 31 | 	created(){
 32 | 		this.openId = window.localStorage.getItem('openId') || '';
 33 | 		this.type = this.$route.query.type || 0;
 34 | 	},
 35 | 	methods:{
 36 | 		toLoginPwd(){
 37 | 			this.$router.push({path:'/loginPassword'});
 38 | 		},
 39 | 		goHome(){
 40 | 			this.$router.push({path:'/home'});
 41 | 		},
 42 | 		isPhoneNum(){
 43 | 			this.phone = event.currentTarget.value;
 44 | 			let yzm = this.$refs.yzm;
 45 | 			if(this.phone.length == 11){
 46 | 				yzm.removeAttribute('disabled');
 47 | 				yzm.style.backgroundColor = "#FF563C";
 48 | 			}else{
 49 | 				yzm.setAttribute('disabled','disabled');
 50 | 				yzm.style.backgroundColor = "#ccc";
 51 | 			}
 52 | 		},
 53 | 		sendCaptcha(){
 54 | 			this.$refs.yzmInput.focus();
 55 | 			let _event = event;
 56 | 			this.$vux.loading.show({
 57 | 	          text: '',
 58 | 	        });
 59 | 			this.$http.post(this.COM.urls.sendCaptcha,{'mobile':this.phone},this.COM.postOpt).then(
 60 | 				function(res){
 61 | 					this.$vux.loading.hide();
 62 | 					let jo = res.body;
 63 | 					if(jo.code > 0){
 64 | 						this.$vux.toast.show({
 65 | 				          text: '短信验证码已发送，请注意查收！',
 66 | 				          onShow () {
 67 | 				          },
 68 | 				          onHide () {
 69 | 				          }
 70 | 				        });
 71 | 				        let el = this.$refs.yzm;
 72 | 						el.setAttribute('disabled','disabled');
 73 | 						el.style.backgroundColor = '#ccc';
 74 | 						let sec = 120;
 75 | 						let flag = setInterval(function(){
 76 | 							--sec;
 77 | 							el.innerHTML = sec + '秒后重新获取';
 78 | 							if(sec == 0){
 79 | 								clearInterval(flag);
 80 | 								el.removeAttribute('disabled');
 81 | 								el.style.backgroundColor = 'rgb(255, 86, 60)';
 82 | 								el.innerHTML = '获取验证码'
 83 | 							}
 84 | 						},1000)
 85 | 					}else{
 86 | 						this.$vux.toast.show({
 87 | 				          text: '验证码发送失败，请稍后再试！',
 88 | 				          onShow () {
 89 | 				          },
 90 | 				          onHide () {
 91 | 				          }
 92 | 				        });
 93 | 					}
 94 | 				},
 95 | 				function(res){
 96 | 					this.COM.errorCallBack(res,this.$vux);
 97 | 				}
 98 | 			);
 99 | 		},
100 | 		register(){
101 | 			let _this = this;
102 | 			if(this.COM.trimStr(this.phone) != ''){
103 | 				this.$vux.loading.show({
104 | 				   text: '正在验证注册信息'
105 | 				});
106 | 				this.$http.post(this.COM.urls.checkCaptcha,{'mcode':this.captcha,'mobile':this.phone},this.COM.postOpt).then(
107 | 					function(res){
108 | 						let jo = res.body;
109 | 						if(jo.code > 0){
110 | 							this.$http.post(this.COM.urls.register,{'openid':this.openId,'account':this.phone,'register_type':1},this.COM.postOpt).then(
111 | 								function(res){
112 | 									this.$vux.loading.hide();
113 | 									let jo = res.body;
114 | 									if(jo.code == 2){
115 | 										this.$vux.alert.show({
116 | 										  title: '提示',
117 | 										  content: '您已注册成功，初始密码为:'+jo.data.pwd+'，马上去登录吧！',
118 | 										  onShow () {
119 | 										  },
120 | 										  onHide () {
121 | 											  window.location.href = _this.COM.urls.index;
122 | 										  }
123 | 										});
124 | 									}else{
125 | 										this.$vux.alert.show({
126 | 										  title: '提示',
127 | 										  content: jo.msg,
128 | 										  onShow () {
129 | 										  },
130 | 										  onHide () {
131 | 										  }
132 | 										});
133 | 									}
134 | 								},
135 | 								function(res){
136 | 									this.COM.errorCallBack(res,this.$vux);
137 | 								}
138 | 							)
139 | 						}else{
140 | 							this.$vux.loading.hide();
141 | 							this.$vux.alert.show({
142 | 							  title: '提示',
143 | 							  content: jo.msg,
144 | 							  onShow () {
145 | 							  },
146 | 							  onHide () {
147 | 							  }
148 | 							});
149 | 						}
150 | 					},
151 | 					function(res){
152 | 						this.COM.errorCallBack(res,this.$vux);
153 | 					}
154 | 				)
155 | 			}else{
156 | 				this.$vux.alert.show({
157 | 				  content: '请填写手机号！',
158 | 				})
159 | 			}
160 | 			
161 | 		}
162 | 	}
163 | }
164 | </script>
165 | 
166 | <style>
167 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/resetPassword.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div>
 3 | 		<x-header :left-options="{backText: ''}" ref="hb">修改密码</x-header>
 4 | 		<div class="own-login__form">
 5 | 			<input v-model="oPwd" type="password" name="" id="" value="" placeholder="原密码" autocomplete="off"/>
 6 | 			<input v-model="nPwd" type="password" name="" id="" value="" placeholder="新密码" autocomplete="off"/>
 7 | 			<input v-model="rPwd" type="password" name="" id="" value="" placeholder="确认新密码" autocomplete="off"/>
 8 | 		</div>
 9 | 		<button class="own-login__btn" @click.stop="saveNewPwd" disabled>保存</button>
10 | 	</div>
11 | </template>
12 | 
13 | <script>
14 | import XHeader from 'vux/src/components/x-header/index.vue'
15 | 
16 | 
17 | export default{
18 | 	components:{
19 | 		XHeader
20 | 	},
21 | 	data(){
22 | 		return{
23 | 			oPwd:"",
24 | 			nPwd:"",
25 | 			rPwd:""
26 | 		}
27 | 	},
28 | 	methods:{
29 | 		saveNewPwd(){
30 | 			if(this.COM.trimStr(this.oPwd) == '' || this.COM.trimStr(this.nPwd) == '' || this.COM.trimStr(this.rPwd) == ''){
31 | 				this.$vux.toast.show({
32 | 					type:'warn',
33 | 					text:'您输入的信息不完整，请认真填写！'
34 | 				})
35 | 				return
36 | 			}
37 | 			if(this.nPwd != this.rPwd){
38 | 				this.$vux.toast.show({
39 | 					type:'warn',
40 | 					text:'您两次输入的新密码不一致'
41 | 				})
42 | 				return
43 | 			}
44 | 			let _this = this;
45 | 			_this.$vux.loading.show({
46 | 				text:'正在处理'
47 | 			})
48 | 		}
49 | 	}
50 | }
51 | </script>
52 | 
53 | <style>
54 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/setGesture.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div >
 3 | 		<x-header :left-options="{backText: ''}" ref="hb">设置手势密码</x-header>
 4 | 		<div id="outer" ref="ges">
 5 | 			<div id="element" ref="ges">
 6 | 			</div>
 7 | 		</div>
 8 | 	</div>
 9 | </template>
10 | 
11 | <script>
12 | import XHeader from 'vux/src/components/x-header/index.vue'
13 | 
14 | 
15 | export default{
16 | 	components:{
17 | 		XHeader
18 | 	},
19 | 	mounted(){
20 | 		this.initH5lock();
21 | 	},
22 | 	methods:{
23 | 		initH5lock(){
24 | 			let _this = this;
25 | 			let arr = [];
26 | 			var opt = {
27 | 			  chooseType: 3, 
28 | 			  width: 300, 
29 | 			  height: 300,
30 | 			  container: 'element', 
31 | 			  outer: 'outer',
32 | 			  inputEnd: function(psw){
33 | 			  	lock.reset();
34 | 			  	if(arr.length > 0){
35 | 			  		if(psw == arr[0]){
36 | 			  			_this.$vux.loading.show({
37 | 						   text: '正在保存'
38 | 						});
39 | 						setTimeout(function() {
40 | 							_this.$vux.alert.show({
41 | 								content:'保存成功！'
42 | 							})
43 | 							_this.$vux.loading.hide();
44 | 						}, 1000);
45 | 			  		}else{
46 | 			  			  arr.length = 0;
47 | 			  				_this.$vux.toast.show({
48 | 			  						type:'warn',
49 | 					  		 	  text:'两次输入的手势密码不同，请重新设置！'
50 | 					  		});
51 | 			  		}
52 | 			  	}else{
53 | 			  		  if(psw.length < 4){
54 | 					  		 _this.$vux.toast.show({
55 | 					  		 	  type:'warn',
56 | 					  		 	  text:'请连接4个及以上的点'
57 | 					  		 });
58 | 					  	}else{
59 | 					  			arr.push(psw);
60 | 					  			_this.$vux.toast.show({
61 | 						  		 	  text:'请再次输入刚才的手势密码'
62 | 						  		});
63 | 					  	}
64 | 			  	}
65 | 			  } 
66 | 			}
67 | 			var lock = new H5lock(opt);
68 | 			lock.init();
69 | 		}
70 | 	}
71 | }
72 | </script>
73 | 
74 | <style>
75 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/setting.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div>
 3 | 		<x-header :left-options="{backText: '',preventGoBack:true}" v-on:on-click-back="goBack" ref="hb">设置</x-header>
 4 | 		<Scroller lock-x height="-45" @on-scroll="onScroll" ref="stScroller">
 5 | 			<group >
 6 | 		      <cell title="修改密码" is-link link="/resetPassword">
 7 | 		      	<i slot="icon" class="iconfont icon-mima" style="display:block;margin-right:5px;font-size: 1.1rem;color:#007aff"></i>
 8 | 		      </cell>
 9 | 		      <cell title="设置手势密码" is-link link="/setGesture">
10 | 		      	<i slot="icon" class="iconfont icon-shoushimima" style="display:block;margin-right:5px;font-size: 1.2rem;color:#ffc636"></i>
11 | 		      </cell>
12 | 		      <!-- <cell title="个人信息" is-link link="/profile">
13 | 		      	<i slot="icon" class="iconfont icon-gerenxinxi" style="display:block;margin-right:5px;font-size: 1.2rem;color:#3cc51f"></i>
14 | 		      </cell> -->
15 | 		      <cell title="意见反馈" is-link link="/feedBack">
16 | 		      	<i slot="icon" class="iconfont icon-yijianfankui" style="display:block;margin-right:5px;font-size: 1.2rem;color:#f56a00"></i>
17 | 		      </cell>
18 | 			  <x-switch :title="remindTitle" prevent-default v-model="isRemind" @on-change="doRemind"></x-switch>
19 | 		    </group>
20 | 		</Scroller>
21 | 	</div>
22 | </template>
23 | 
24 | <script>
25 | import XHeader from 'vux/src/components/x-header/index.vue'
26 | import Scroller from 'vux/src/components/scroller/index.vue'
27 | import Group from 'vux/src/components/group/index.vue'
28 | import Cell from 'vux/src/components/cell/index.vue'
29 | import XSwitch from 'vux/src/components/x-switch/index.vue'
30 | 
31 | 
32 | export default{
33 | 	components:{
34 | 		XHeader,
35 | 		Scroller,
36 | 		Group, 
37 | 		Cell,
38 | 		XSwitch
39 | 	},
40 | 	data(){
41 | 		return{
42 | 			isRemind:true,
43 | 			remindTitle:'通知提醒'
44 | 		}
45 | 	},
46 | 	created(){
47 | 		
48 | 	},
49 | 	mounted(){
50 | 		
51 | 	},
52 | 	methods:{
53 | 		onScroll(pos) {
54 | 	      this.scrollTop = pos.top
55 | 		},
56 | 		doRemind(){
57 | 			let _this = this;
58 | 			_this.$vux.loading.show();
59 | 		},
60 | 		goBack(){
61 | 			this.$router.push('/personalCenter');
62 | 		}
63 | 	}
64 | }
65 | </script>
66 | 
67 | <style>
68 | </style>


--------------------------------------------------------------------------------
/mcm/src/components/shop.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <div ref="topDiv">
  4 |             <div style="background-color:#fff;padding:5px 10px">
  5 |                 <i class="iconfont icon-left" style="color:#FF563C;font-size:1.2rem" @click="back"></i>
  6 |             </div>
  7 |             <panel :list="shop" :type="typeShop"></panel>
  8 |         </div>
  9 |         <div style="width:100%;float:right;background-color:#fff;height:100%" ref="psRight">
 10 |             <scroller lock-x @on-scroll="onScroll" ref="besScrollerRight" :pullup-config="pullUp" 
 11 | 			@on-pullup-loading="pullupRefresh" :use-pullup=true @on-scroll-bottom="onScrollBottom">
 12 |                 <div>
 13 |                     <panel :list="products" :type="type" v-on:on-click-add="addNum" v-on:on-click-red="subNum"
 14 | 					 ></panel>
 15 |                 </div>
 16 |             </scroller>
 17 |         </div>
 18 |         <div class="own-cart__bottom" ref="footBar">共<span ref="sumNum">{{sumNum}}</span>道菜&nbsp;&nbsp;
 19 | 			<span style="color:#ff563c">合计: <i ref="sumFee" class="own-cart__sunfee">{{sumFee}}</i>元</span>
 20 | 			<button class="own-cart__btn" @click.prevent="toPreOrder()">下单</button>
 21 | 		</div>
 22 |     </div>
 23 | </template>
 24 | 
 25 | <script>
 26 |     import Scroller from 'vux/src/components/scroller/index.vue'
 27 |     import Group from 'vux/src/components/group/index.vue'
 28 |     import Cell from 'vux/src/components/cell/index.vue'
 29 |     import CellBox from 'vux/src/components/cell-box/index.vue'
 30 |     import Panel from 'vux/src/components/panel/index.vue'
 31 | 
 32 | 
 33 |     export default {
 34 |         components: {
 35 |             Scroller,
 36 |             Group,
 37 |             Cell,
 38 |             CellBox,
 39 |             Panel
 40 |         },
 41 |         data(){
 42 |             return{
 43 |                 results:[],
 44 |                 seaVal:'',
 45 |                 type:'6',
 46 |                 typeShop:'7',
 47 |                 shop:[
 48 |                     {
 49 |                         id:'',
 50 |                         name:'',
 51 |                         desc:'',
 52 |                         sales:0,
 53 |                         dis:0,
 54 |                         img:''
 55 |                     }
 56 |                 ],
 57 |                 productGroup:[],
 58 |                 cart:[],
 59 |                 products:[],
 60 |                 sumNum: 0,
 61 |                 sumFee: 0,
 62 |                 pageNo:0,
 63 |                 pullUp:{
 64 |                     content: '',
 65 |                     pullUpHeight: 100,
 66 |                     height: 40,
 67 |                     autoRefresh: false,
 68 |                     downContent: '释放后加载',
 69 |                     upContent: '上拉加载更多',
 70 |                     loadingContent: '加载中...',
 71 |                     clsPrefix: 'xs-plugin-pullup-'
 72 |                 },
 73 |                 status:{
 74 |                     pullupStatus:'default'
 75 |                 }
 76 |             }
 77 |         },
 78 |         methods:{
 79 |             pullupRefresh(){
 80 |                 let _this = this;
 81 |                 _this.$vux.loading.show({
 82 |                     text: '正在加载'
 83 |                 });
 84 |                 _this.pageNo++;
 85 |                 setTimeout(function(){
 86 |                     _this.$vux.loading.hide();
 87 |                     for(let i=1; i<=10; i++){
 88 |                         let p = {};
 89 |                         p.id = (_this.pageNo - 1) * 10 + i;
 90 |                         p.name = '菜名';
 91 |                         p.desc = '菜品描述';
 92 |                         p.sales = '888';
 93 |                         p.price = '58.00';
 94 |                         p.img = 'http://data.luo1fan.com/dish.png-style';
 95 |                         p.isShow = false;
 96 |                         p.num = 0;
 97 |                         for(let c of _this.cart){
 98 |                             if(c.id === p.id){
 99 |                                 p.num = c.num;
100 |                                 p.isShow = true;
101 |                                 break;
102 |                             }
103 |                         }
104 |                         _this.products.push(p);
105 |                     }
106 |                     _this.$nextTick(() => {
107 |                         let tH = _this.$refs.topDiv.offsetHeight;
108 |                         let fH = _this.$refs.footBar.offsetHeight;
109 |                         let sc = _this.$refs.besScrollerRight;
110 |                         sc.$el.style.height = window.innerHeight - tH -fH + 'px';
111 |                         sc.reset();
112 |                     });
113 |                     _this.status.pullupStatus = 'enabled';
114 |                 },1000);
115 |             },
116 |             onScrollBottom(){
117 |                 if(this.status.pullupStatus == 'disabled'){
118 |                     this.$vux.toast.show({
119 |                         type:'text',
120 |                         text:'没有更多数据了',
121 |                         position:'bottom'
122 |                     })
123 |                 }
124 |             },
125 |             cartSave(c){
126 |                 let _this = this;
127 |                 let para = {};
128 |                 let pr = {};
129 |                 pr.id = c.id;
130 |                 para.productRelease = pr;
131 |                 if(c.hasOwnProperty('cartId')){
132 |                     para.cartId = c.cartId;
133 |                 }
134 |                 para.num = c.num;
135 |                 let cartId = new Date().getTime();
136 |                 let f = false;
137 |                 let len = _this.cart.length
138 |                 for(let i=0; i<len; i++){
139 |                     let item = _this.cart[i];
140 |                     if(item.cartId === cartId){
141 |                         ++item.num;
142 |                         _this.cart.splice(i,1,item);
143 |                         f = true;
144 |                         break;
145 |                     }
146 |                 }
147 |                 if(!f){
148 |                     c.cartId = cartId;
149 |                     _this.cart.splice(len,0,c);
150 |                 }
151 |                 
152 |                 let ct = 0;
153 |                 for(let i of _this.cart){
154 |                     ct += i.num;
155 |                 }
156 |                 sessionStorage.setItem('cart',JSON.stringify(_this.cart));
157 |                 _this.countSum();
158 |             },
159 |             addToCart(item,f){
160 |                 let flag = false;
161 |                 let _cart = this.cart;
162 |                 let _c = {};
163 |                 for(let index=0; index<_cart.length; index++){
164 |                     let c = _cart[index];
165 |                     if(c.id === item.id){
166 |                         c.num += f;
167 |                         if(c.num == 0){
168 |                             _cart.splice(index,1);
169 |                         }
170 |                         flag = true;
171 |                         break;
172 |                     }
173 |                 }
174 |                 if(!flag){
175 |                     _c.id = item.id;
176 |                     _c.num = item.num;
177 |                     _c.img = item.img;
178 |                     _c.desc = item.desc;
179 |                     _c.name = item.name;
180 |                     _c.price = item.price;
181 |                     _c.vipPrice = item.vipPrice;
182 |                     this.cart.push(_c);
183 |                 }
184 |                 sessionStorage.setItem('cart',JSON.stringify(this.cart));
185 |                 this.countSum();
186 |             },
187 |             subCart(c){
188 | 		  	},
189 |             onSubmit () {
190 |                 this.$refs.search.setBlur()
191 |                 this.$vux.toast.show({
192 |                     type: 'text',
193 |                     position: 'top',
194 |                     text: 'on submit'
195 |                 });
196 |             },
197 |             onFocus () {
198 |             },
199 |             onCancel () {
200 |             },
201 |             onScroll(pos) {
202 |                 this.scrollTop = pos.top
203 |             },
204 |             addNum(index){
205 | 		   		let item = this.products[index];
206 | 		   		++item.num;
207 |                 item.sum = (item.num * item.price).toFixed(2);
208 |                 this.addToCart(item,1);
209 |                 // this.countSum();
210 | 		   },
211 | 		   subNum(index){
212 | 		   		let item = this.products[index];
213 | 		   		--item.num;
214 |                 item.sum = (item.num * item.price).toFixed(2);
215 |                 for(let c of this.cart){
216 |                     if(c.id === item.id){
217 |                         item.cartId = c.cartId;
218 |                         break;
219 |                     }
220 |                 }
221 |                 this.addToCart(item,-1);    
222 |            },
223 |            delItem(id){
224 | 		   },
225 |            toPreOrder(){
226 |                 if(this.cart.length > 0){
227 | 		   			sessionStorage.setItem('cart',JSON.stringify(this.cart));
228 | 		   	  		this.$router.push({path:'/preOrder1'});
229 | 		   		}else{
230 | 		   			this.$vux.toast.show({
231 | 			          text: '您还没有选择任何商品，再去逛一逛吧',
232 | 			          type: 'text',
233 | 			          width: '50%'
234 | 			        });
235 | 		   		}
236 | 		   },
237 |            getProducts(){
238 |            },
239 |            back(){
240 |                window.history.go(-1);
241 |            },
242 |            clickItem(item){
243 |                 this.$router.push({path:'/productView',query:{id:item.id}});
244 |            },
245 |            countSum(){
246 | 		   		let num = 0;
247 | 		   		let fee = 0
248 | 			   	for(let item of this.cart) {  
249 | 	   				num += Number(item.num);
250 | 	   				fee += Number(item.num*item.price);
251 | 				}
252 | 			   	this.sumNum = num;
253 | 			   	this.sumFee = fee;
254 |            },
255 |         },
256 |         created(){
257 |             let shop = JSON.parse(window.sessionStorage.getItem('theShop'));
258 |             this.shop.splice(0,1);
259 |             this.shop.push(shop);
260 | 
261 |             let carts = JSON.parse(window.sessionStorage.getItem('cart')) || []; 
262 |             this.cart = carts;
263 |             this.countSum();
264 | 
265 |         },
266 |         mounted(){
267 |             let _this = this;
268 |             _this.pullupRefresh();
269 | 
270 |         }
271 |     }
272 | </script>
273 | 
274 | <style lang="less">
275 |     .vux-no-group-title{
276 |         margin-top:0 !important;
277 |     }
278 |     .box1 {
279 |         position: relative;
280 |         width: auto;
281 |         padding: 5px 0;
282 |     }
283 |     .own-shop__pg {
284 |         display:inline-block;
285 |         margin-left: 10px;
286 |         float: left;
287 |         text-align: center;
288 |         width: 60px;
289 |         line-height:2rem;
290 |         font-size: 0.8rem;
291 |         display:inline-block;
292 |     }
293 |     .own-shop__pg:first-child {
294 |         margin-left: 0;
295 |     }
296 |     p{
297 |         margin: 0;
298 |     }
299 | </style>


--------------------------------------------------------------------------------
/mcm/src/main.js:
--------------------------------------------------------------------------------
 1 | // The Vue build version to load with the `import` command
 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 3 | import Vue from 'vue'
 4 | import FastClick from 'fastclick'
 5 | import App from './App'
 6 | import router from './router/index.js'
 7 | import VueResource from 'vue-resource'
 8 | Vue.use(VueResource)
 9 | import H5lock from 'H5lock'
10 | import Com from 'Com'
11 | import CityData3 from 'CityData3'
12 | import ToastPlugin from 'vux/src/plugins/toast/index.js'
13 | import ConfirmPlugin from 'vux/src/plugins/confirm/index.js'
14 | import LoadingPlugin from 'vux/src/plugins/loading/index.js'
15 | import AlertPlugin from 'vux/src/plugins/alert/index.js'
16 | Vue.use(LoadingPlugin)
17 | Vue.use(ToastPlugin)
18 | Vue.use(ConfirmPlugin)
19 | Vue.use(AlertPlugin)
20 | 
21 | Vue.prototype.COM = Com;
22 | Vue.prototype.CityData3 = CityData3;
23 | 
24 | FastClick.attach(document.body)
25 | 
26 | Vue.config.productionTip = false
27 | 
28 | /* eslint-disable no-new */
29 | new Vue({
30 |   router,
31 |   render: h => h(App)
32 | }).$mount('#app-box')
33 | 
34 | router.beforeEach((to, from, next) => {
35 | 	if(to.fullPath == '' || to.fullPath == '/'){
36 | 		next('/home')
37 | 	}else{
38 | 		next()
39 | 	}
40 | })


--------------------------------------------------------------------------------
/mcm/src/router/index.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import Router from 'vue-router'
  3 | import Home from '../components/home.vue'
  4 | import PersonalCenter from '../components/personalCenter.vue'
  5 | import LoginPassword from '../components/loginPassword.vue'
  6 | import PreOrder1 from '../components/preOrder1.vue'
  7 | import LoginGesture from '../components/loginGesture.vue'
  8 | import Orders from '../components/orders.vue'
  9 | import OrderView from '../components/orderView.vue'
 10 | import Evaluate from '../components/evaluate.vue'
 11 | import Setting from '../components/setting.vue'
 12 | import Coupons from '../components/coupons.vue'
 13 | import ResetPassword from '../components/resetPassword.vue'
 14 | import SetGesture from '../components/setGesture.vue'
 15 | import Shop from '../components/shop.vue'
 16 | import Register from '../components/register.vue'
 17 | import DeliverAddress from '../components/deliverAddress.vue'
 18 | import EditAddress from '../components/editAddress.vue'
 19 | import FeedBack from '../components/feedBack.vue'
 20 | import AccountBalance from '../components/accountBalance.vue'
 21 | import ForgetPassword from '../components/forgetPassword.vue'
 22 | 
 23 | Vue.use(Router)
 24 | 
 25 | export default new Router({
 26 |   mode:'hash',
 27 |   routes: [
 28 |     {
 29 |       path: '/home',
 30 |       name: 'home',
 31 |       component: Home
 32 |     },
 33 |     {
 34 |     	path:'/personalCenter',
 35 |     	name:'personalCenter',
 36 |     	component: PersonalCenter
 37 |     },
 38 |     {
 39 |     	path:'/loginPassword',
 40 |     	name:'loginPassword',
 41 |     	component: LoginPassword
 42 |     },
 43 |     {
 44 |     	path:'/loginGesture',
 45 |     	name:'loginGesture',
 46 |     	component: LoginGesture
 47 |     },
 48 |     {
 49 |     	path:'/preOrder1',
 50 |     	name:'preOrder1',
 51 |     	component: PreOrder1
 52 |     },
 53 |     {
 54 |     	path:'/orders',
 55 |     	name:'orders',
 56 |     	component: Orders
 57 |     },
 58 |     {
 59 |     	path:'/orderView',
 60 |     	name:'orderView',
 61 |     	component: OrderView
 62 |     },
 63 |     {
 64 |     	path:'/evaluate',
 65 |     	name:'evaluate',
 66 |     	component: Evaluate
 67 |     },
 68 |     {
 69 |     	path:'/setting',
 70 |     	name:'setting',
 71 |     	component: Setting
 72 |     },
 73 |     {
 74 |     	path:'/coupons',
 75 |     	name:'coupons',
 76 |     	component: Coupons
 77 |     },
 78 |     {
 79 |     	path:'/resetPassword',
 80 |     	name:'resetPassword',
 81 |     	component: ResetPassword
 82 |     },
 83 |     {
 84 |     	path:'/setGesture',
 85 |     	name:'setGesture',
 86 |     	component: SetGesture
 87 |     },
 88 |     {
 89 |     	path:'/shop',
 90 |     	name:'shop',
 91 |     	component: Shop
 92 |     },
 93 |     {
 94 |     	path:'/register',
 95 |     	name:'register',
 96 |     	component: Register
 97 |     },
 98 |     {
 99 |     	path:'/deliverAddress',
100 |     	name:'deliverAddress',
101 |     	component: DeliverAddress
102 |     },
103 |     {
104 |     	path:'/editAddress',
105 |     	name:'editAddress',
106 |     	component: EditAddress
107 |     },
108 |     {
109 |     	path:'/feedBack',
110 |     	name:'feedBack',
111 |     	component: FeedBack
112 |     },
113 |     {
114 |     	path:'/accountBalance',
115 |     	name:'accountBalance',
116 |     	component: AccountBalance
117 |     },
118 |     {
119 |     	path:'/forgetPassword',
120 |     	name:'forgetPassword',
121 |     	component: ForgetPassword
122 |     }
123 |   ]
124 | })
125 | 


--------------------------------------------------------------------------------
/mcm/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/.gitkeep


--------------------------------------------------------------------------------
/mcm/static/css/iconfont.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {font-family: "iconfont";
 3 |   src: url('iconfont.ttf') format('truetype');
 4 | }
 5 | 
 6 | .iconfont {
 7 |   font-family:"iconfont" !important;
 8 |   font-size:16px;
 9 |   font-style:normal;
10 |   -webkit-font-smoothing: antialiased;
11 |   -moz-osx-font-smoothing: grayscale;
12 | }
13 | 
14 | .icon-huiyuanka:before { content: "\e600"; }
15 | 
16 | .icon-fanhui:before { content: "\e64e"; }
17 | 
18 | .icon-mima:before { content: "\e61d"; }
19 | 
20 | .icon-shezhi:before { content: "\e688"; }
21 | 
22 | .icon-gouwuche:before { content: "\e64d"; }
23 | 
24 | .icon-lanzi2:before { content: "\e622"; }
25 | 
26 | .icon-chongzhi:before { content: "\e60f"; }
27 | 
28 | .icon-shoushimima:before { content: "\e610"; }
29 | 
30 | .icon-qianjin:before { content: "\e64c"; }
31 | 
32 | .icon-zhanghuyue:before { content: "\e63e"; }
33 | 
34 | .icon-dianpu:before { content: "\e6a4"; }
35 | 
36 | .icon-huiyuanxinxi2:before { content: "\e615"; }
37 | 
38 | .icon-dingdan:before { content: "\e61f"; }
39 | 
40 | .icon-erweima1:before { content: "\e603"; }
41 | 
42 | .icon-huiyuanxinxi:before { content: "\e608"; }
43 | 
44 | .icon-youhuiquan:before { content: "\e618"; }
45 | 
46 | .icon-gerenzhongxin:before { content: "\e6ab"; }
47 | 
48 | .icon-lanzi3:before { content: "\e674"; }
49 | 
50 | .icon-huiyuanka2:before { content: "\e602"; }
51 | 
52 | .icon-huiyuanxinxi3:before { content: "\e601"; }
53 | 
54 | .icon-saoyisao:before { content: "\e7ad"; }
55 | 
56 | .icon-left:before { content: "\e6ba"; }
57 | 
58 | .icon-diancai:before { content: "\e607"; }
59 | 
60 | .icon-xiasanjiao:before { content: "\e624"; }
61 | 
62 | .icon-dingwei:before { content: "\e702"; }
63 | 
64 | .icon-shouhuodizhi:before { content: "\e60a"; }
65 | 
66 | .icon-sanjiaoxing-copy-copy:before { content: "\e611"; }
67 | 
68 | .icon-yijianfankui:before { content: "\e62e"; }
69 | 
70 | .icon-lanzi1:before { content: "\e684"; }
71 | 
72 | .icon-fancai:before { content: "\e64d"; }
73 | 
74 | .icon-gerenxinxi:before { content: "\e606"; }
75 | 
76 | .icon-xiaofeimingxi:before { content: "\e612"; }
77 | 
78 | .icon-tixi:before { content: "\e6a6"; }
79 | 
80 | .icon-youhuiquan1:before { content: "\e792"; }
81 | 
82 | .icon-kehuguanli:before { content: "\e73d"; }
83 | 
84 | .icon-shangchuantupian:before { content: "\e852"; }
85 | 
86 | .icon-gonggao:before { content: "\e61c"; }
87 | 
88 | .icon-renwu:before { content: "\e6bb"; }


--------------------------------------------------------------------------------
/mcm/static/css/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/css/iconfont.ttf


--------------------------------------------------------------------------------
/mcm/static/css/media_query.css:
--------------------------------------------------------------------------------
1 | @media screen and ( min-width: 320px){html{font-size: 14px}}
2 | @media screen and ( min-width: 375px){html{font-size: 16px}}
3 | @media screen and ( min-width: 414px){html{font-size: 18px}}


--------------------------------------------------------------------------------
/mcm/static/css/theme.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   background-color: #F9F9F9;
  3 |   margin: 0;
  4 | }
  5 | a{
  6 | 	text-decoration: none;
  7 | 	color: #000;
  8 | }
  9 | input{
 10 | 	-webkit-appearance: none !important;
 11 | 	outline:none !important;
 12 | 	border-radius: 0;
 13 | }
 14 | .ellipsis{
 15 | 	text-overflow: ellipsis;
 16 | 	white-space: nowrap; 
 17 | 	overflow: hidden;
 18 | }
 19 | .weui-grid{
 20 | 	padding: 10px 15px !important;
 21 | }
 22 | .weui-grid__label{
 23 | 	margin: 0 !important;
 24 | }
 25 | .weui-panel{
 26 | 	margin-top: 0 !important;
 27 | }
 28 | .weui-panel__hd{
 29 | 	font-size: 0.93rem !important;
 30 | 	padding: 10px 15px 10px !important;
 31 | }
 32 | .weui-cell__bd{
 33 | 	font-size: 0.93rem !important;
 34 | 	
 35 | }
 36 | .weui-media-box{
 37 | 	padding:10px !important;
 38 | }
 39 | .weui-media-box__title{
 40 | 	font-weight: bold !important;
 41 | 	margin:0 !important;
 42 | 	font-size: 1.1rem !important;
 43 | }
 44 | .weui-media-box__desc{
 45 | 	font-size: 0.75rem !important;
 46 | 	margin:3px 0 !important;
 47 | }
 48 | .weui-media-box__desc p{
 49 | 	padding: 0 !important;
 50 | 	margin: 0 !important;
 51 | }
 52 | .weui-media-box__price-btn{
 53 | 	line-height: 30px;
 54 | }
 55 | .weui-media-box__price{
 56 | 	color: red;
 57 | 	font-size:1.1rem;
 58 | 	float: left;
 59 | 	line-height: 1.6rem;
 60 | }
 61 | .weui-media-box__vipPrice{
 62 | 	color: #AAAAAA;
 63 | 	font-size:0.8rem;
 64 | 	float: left;
 65 | 	line-height: 1.6rem;
 66 | 	margin-left: 10px;
 67 | }
 68 | .weui-media-box__btn{
 69 | 	font-size: 0.8rem;
 70 | 	float: right;
 71 | 	background-color: #ff563c;
 72 | 	border: none;
 73 | 	color: #fff;
 74 | 	border-radius: 3px;
 75 | 	height: 30px;
 76 | 	width: 65px;
 77 | }
 78 | .clearfix{
 79 | 	clear: both;
 80 | }
 81 | .vux-swiper-desc{
 82 | 	font-size: 1rem !important;
 83 | }
 84 | .vux-header{
 85 | 	background-color: #ff563c !important;
 86 | }
 87 | .vux-header-title{
 88 | 	line-height: 2.5rem !important;
 89 | 	height: 2.5rem !important;
 90 | 	font-size: 1.07rem !important;
 91 | }
 92 | .left-arrow:{
 93 | 	height: 1.5rem !important;
 94 | 	width: 1.5rem !important;
 95 | }
 96 | .vux-header .vux-header-left .left-arrow:before{
 97 | 	height: 0.71rem !important;
 98 | 	width: 0.71rem !important;
 99 | 	top:0.5rem !important;
100 | 	border: 2px solid #fff !important;
101 | 	border-width: 2px 0 0 2px !important;
102 | }
103 | .own-cart__bottom{
104 | 	width: 100%;
105 | 	height: 3rem;
106 | 	background-color: rgba(0,0,0,0.8);
107 | 	position: fixed;
108 | 	bottom: 0;
109 | 	color: #fff;
110 | 	line-height: 3rem;
111 | 	padding: 0 10px;
112 | }
113 | .own-cart__sunfee{
114 | 	font-style: normal;
115 | }
116 | .own-cart__btn{
117 | 	font-size: 0.8rem;
118 | 	background-color: #ff563c;
119 | 	border: none;
120 | 	color: #fff;
121 | 	border-radius: 3px;
122 | 	height: 2rem;
123 | 	width: 4.5rem;
124 | 	position: absolute;
125 | 	right: 30px;
126 | 	top:0.5rem;
127 | }
128 | .own-header__search{
129 | 	height: 2.5rem;
130 | 	background-color: #FF563C;
131 | }
132 | .own-header__search > .own-header__search__input{
133 | 	height: 1.8rem;
134 | 	width: 65%;
135 | 	line-height: 1.8rem;
136 | 	font-size: 0.875rem;
137 | 	border: none;
138 | 	border-radius: 0.9rem;
139 | 	position: absolute;
140 | 	top: 0.33rem;
141 | 	left: 5%;
142 | 	padding: 0 10px;
143 | 	color: #999999;
144 | 	text-align: center;
145 | }
146 | .own-header__search > .iconfont{
147 | 	color: #fff;
148 | 	font-size: 1.2rem;
149 | 	font-weight: bold;
150 | 	position: absolute;
151 | 	top: 0.65rem;
152 | }
153 | .own-header__search > .icon-saoyisao{
154 | 	right: 20%;
155 | }
156 | .own-header__search > .icon-fancai{
157 | 	font-size: 1.2rem;
158 | 	right: 3%;
159 | 	font-weight: 100;
160 | 	top: 0.65rem;
161 | }
162 | .own-header__search > .icon-gerenzhongxin{
163 | 	font-size: 1.3rem;
164 | 	right: 11.5%;
165 | 	font-weight: 100;
166 | 	top: 0.6rem;
167 | }
168 | .own-header__search>.own-header__search__badge{
169 | 	display:none;
170 | 	height: 0.9rem;
171 | 	width: 0.9rem;
172 | 	border-radius: 50%;
173 | 	background-color: rgb(60,197,31);
174 | 	position: absolute;
175 | 	top: 0.3rem;
176 | 	right: 2%;
177 | 	color: #fff;
178 | 	font-size:0.7rem;
179 | 	line-height:0.8rem;
180 | 	text-align: center;
181 | }
182 | .own-cart__dot{
183 | 	width: 20px;
184 | 	height: 20px;
185 | 	border-radius: 50%;
186 | 	background-color: #FF563C;
187 | 	display:none; 
188 | 	position: fixed;
189 | 	top: 0;
190 | 	left: 0;
191 | 	z-index: 99;
192 | }
193 | .own-pc__avatarbox{
194 | 	height: 7rem;
195 | 	width: 100%;
196 | 	background-color: #FF563C;
197 | 	position: relative;
198 | }
199 | .own-pc__avatarbox > .own-pc__portrait{
200 | 	width: 4rem;
201 | 	height: 4rem;
202 | 	border-radius: 50%;
203 | 	background-color: #fff;
204 | 	position: absolute;
205 | 	top:1.5rem;
206 | 	left: 1rem;
207 | 	text-align: center;
208 | 	line-height: 4rem;
209 | }
210 | .own-pc__avatarbox > .own-pc__portrait > .icon-gerenzhongxin{
211 | 	font-size: 3.2rem;
212 | 	color: #E1E1E1;
213 | }
214 | .own-pc__avatarbox > .own-pc__name{
215 | 	height: 2rem;
216 | 	width: 50%;
217 | 	position: absolute;
218 | 	left: 30%;
219 | 	top: 2.5rem;
220 | 	color: #fff;
221 | 	font-size: 1.1rem;
222 | 	line-height: 2rem;
223 | 	text-overflow: ellipsis;
224 | 	white-space: nowrap; 
225 | 	overflow: hidden;
226 | }
227 | .vux-cell-primary > p{
228 | 	margin: 0 !important;
229 | }
230 | .vux-cell-primary .vux-label{
231 | 	font-size: 1rem;
232 | }
233 | .own-login__form{
234 | 	width: 100%;
235 | 	margin-top: 10px;
236 | 	background-color: #fff;
237 | 	border-bottom: 1px solid #eee;
238 | 	position: relative;
239 | }
240 | .own-login__form > input{
241 | 	height: 2.5rem;
242 | 	border:none;
243 | 	border-top: 1px solid #eee;
244 | 	width: 100%;
245 | 	text-align: left;
246 | 	padding: 0.6rem 10px;
247 | 	font-size: 1rem;
248 | 	line-height: 1.3rem;
249 | 	box-sizing: border-box;
250 | 	outline: none;
251 | }
252 | .own-login__form>button{
253 | 	height: 1.8rem;
254 | 	width: auto;
255 | 	padding:0 10px;
256 | 	line-height: 1.8rem;
257 | 	font-size: 0.875rem;
258 | 	background-color: #ccc;
259 | 	color: #fff;
260 | 	border: none;
261 | 	position: absolute;
262 | 	right: 3%;
263 | 	top: 0.4rem;
264 | 	border-radius: 3px;
265 | }
266 | .own-login__form>img{
267 | 	height: 1.8rem;
268 | 	width: auto;
269 | 	padding:0 10px;
270 | 	border: none;
271 | 	position: absolute;
272 | 	right: 3%;
273 | 	top: 10.4rem;
274 | 	border-radius: 3px;
275 | }
276 | .own-login__tip{
277 | 	width: 100%;
278 | 	padding: 0 10px;
279 | 	font-size: 0.75rem;
280 | 	color: #999;
281 | 	margin-bottom: 0;
282 | 	box-sizing: border-box;
283 | }
284 | .own-login__btn{
285 | 	width: 90%;
286 | 	margin-left: 5%;
287 | 	height: 2.5rem;
288 | 	text-align: center;
289 | 	background-color: #FF563C;
290 | 	border: none;
291 | 	border-radius: 3px;
292 | 	font-size: 1rem;
293 | 	color: #fff;
294 | 	margin-top: 20px;
295 | }
296 | .own-login__switch{
297 | 	position: absolute;
298 | 	height: 2rem;
299 | 	line-height: 2rem;
300 | 	font-size: 0.8rem;
301 | 	border: none;
302 | 	color: #fff;
303 | 	top: 0.5rem;
304 | 	right: 3%;
305 | 	background-color: transparent;
306 | }
307 | .vux-x-input{
308 | 	font-size: 0.875rem !important;
309 | }
310 | .own-checker__box{
311 | 	position: relative;
312 | 	height: 40px;
313 | 	line-height: 40px;
314 | 	padding: 0 0 0 15px;
315 | 	border-bottom: 1px solid #e9e9e9;
316 | }
317 | .own-checker__box > .own-checker__inner{
318 | 	border-top: 1px solid #e9e9e9;
319 | }
320 | .own-checker__box> .own-checker__inner>span{
321 | 	font-size: 0.875rem;
322 | }
323 | .vux-checker-box{
324 | 	width: 60% !important;
325 | 	position: absolute !important; 
326 | 	height: 2rem;
327 | 	top: 0;
328 | 	right: 10%;
329 | }
330 | .vux-checker-item{
331 | 	margin-right: 20px;
332 | }
333 | .weui-input{
334 | 	color: #FF563C !important;
335 | }
336 | .weui-textarea{
337 | 	color: #FF563C !important;
338 | }
339 | .vux-table{
340 | 	line-height: 2rem !important;
341 | 	font-size: 0.875rem !important;
342 | }
343 | .demo2-item {
344 |   width: 1.6rem;
345 |   height: 1.6rem;
346 |   border: 2px solid #ccc;
347 |   display: inline-block;
348 |   border-radius: 50%;
349 |   line-height: 1.2rem;
350 |   text-align: center;
351 |   font-size: 0.75rem;
352 |   box-sizing: border-box;
353 | }
354 | .demo2-item-selected {
355 |   border-color: #FF563C;
356 |   background-color: #FF563C;
357 |   color: #fff;
358 | }
359 | .own-login__gestrue{
360 | 	color: #FF563C;
361 | 	font-size: 12px;
362 | }
363 | .box{
364 | 	position: relative;
365 | }
366 | .vux-checker-box{
367 | 	position: relative !important;
368 | 	width: 100% !important;
369 | 	right: inherit !important;
370 | }
371 | .own-scan__dishCard{
372 | 	width: 70%;
373 | 	height: auto;
374 | 	position: absolute;
375 | 	left: 15%;
376 | 	top: 15%;
377 | 	border-radius:5px;
378 | 	background-color: #fff;
379 | 	box-shadow: 1px 1px 10px 2px #aaaaaa;
380 | }
381 | .own-scan__dishCard>img{
382 | 	width: 100%;
383 | }
384 | .own-scan__dishCard>.own-scan__desc{
385 | 	padding: 0 10px;
386 | 	color: #999999;
387 | 	font-size: 0.75rem;
388 | 	line-height: 1.2;
389 | 	width: 100%;
390 | 	word-wrap: break-word;
391 | 	box-sizing: border-box;
392 | 	margin: 5px;
393 | }
394 | .own-scan__dishCard>.own-scan__desc>p{
395 | 	padding: 0;
396 | 	margin: 0;
397 | }
398 | .own-pv__img{
399 | 	width: 100%;
400 | }
401 | .own-pv__namediv{
402 | 	width: 100%;
403 | 	padding: 0 10px 10px 10px;
404 | 	box-sizing: border-box;
405 | 	background-color: #fff;
406 | }
407 | .own-pv__namediv>.name{
408 | 	font-size: 1rem;
409 | 	font-weight: bold;
410 | 	height: 2rem;
411 | 	line-height: 2rem;
412 | }
413 | .own-pv__namediv>.pricediv{
414 | 	font-size: 0.875rem;
415 | 	height: 2rem;
416 | 	line-height: 2rem;
417 | 	box-sizing: border-box;
418 | }
419 | .own-pv__namediv>.pricediv>.price{
420 | 	color: red;
421 | 	float: left;
422 | 	font-size: 1rem;
423 | }
424 | .own-pv__namediv>.pricediv>.btn{
425 | 	float: right;
426 | }
427 | .own-pv__desc{
428 | 	position: absolute;
429 | 	bottom: 3px;
430 | 	padding: 0 10px;
431 | 	box-sizing: border-box;
432 | 	font-size: 0.75rem;
433 | 	color: #fff;
434 | 	background-color: rgba(0,0,0,0.3);
435 | 	width: 100%;
436 | }
437 | .own-pv__evaluatediv{
438 | 	margin-top: 10px;
439 | 	background-color: #fff;
440 | 	padding: 0 10px 10px 10px;
441 | }
442 | .own-pv__evaluatediv>.title{
443 | 	height: 2.5rem;
444 | 	font-size: 1rem;
445 | 	font-weight: bold;
446 | 	line-height: 2.5rem;
447 | 	border-bottom: 1px solid #ECECEC;
448 | }
449 | .own-pv__evaluatediv>.evaluatediv{
450 | 	padding: 10px 0;
451 | 	border-bottom: 1px solid #ECECEC;
452 | }
453 | .own-pv__evaluatediv>.evaluatediv>.namediv>.name{
454 | 	font-size: 0.8rem;
455 | 	font-weight:bold;
456 | }
457 | .own-pv__evaluatediv>.evaluatediv>.namediv>.date{
458 | 	font-size: 0.75rem;
459 | 	color: #888;
460 | 	margin-left: 10px;
461 | }
462 | .own-pv__evaluatediv>.evaluatediv>.contentdiv{
463 | 	padding: 10px;
464 | 	font-size: 0.8rem;
465 | }
466 | .own-pv__imgdiv{
467 | 	position: relative;
468 | }
469 | .own-pv__imgdiv .icon-fanhui{
470 | 	color: rgba(0,0,0,0.6);
471 | 	font-size: 1.5rem;
472 | 	position: absolute;
473 | 	top: 0.5rem;
474 | 	left: 0.5rem;
475 | }
476 | .own-pv__imgdiv .icon-fancai{
477 | 	color: rgba(0,0,0,0.6);
478 | 	font-size: 1.45rem;
479 | 	position: absolute;
480 | 	top: 0.5rem;
481 | 	right: 0.5rem;
482 | }
483 | .own-order__feediv{
484 | 	background-color: #fff;
485 | 	height: 3rem;
486 | 	/*border-bottom: 1px solid #ECECEC;*/
487 | }
488 | .own-order__feediv .logo{
489 | 	width: 15%;
490 | 	float: left;
491 | 	text-align: center;
492 | }
493 | .own-order__feediv .logo img{
494 | 	width: 2.2rem;
495 | 	height: 2.2rem;
496 | }
497 | .own-order__feediv .title{
498 | 	width: 55%;
499 | 	font-size: 1rem;
500 | 	line-height: 1.4rem;
501 | 	float: left;
502 | 	height: 3rem;
503 | 	border-bottom: 1px solid #ECECEC;
504 | }
505 | .own-order__feediv .fee{
506 | 	width: 30%;
507 | 	font-size: 1rem;
508 | 	text-align: right;
509 | 	line-height: 1.4rem;
510 | 	float: left;
511 | 	height: 3rem;
512 | 	border-bottom: 1px solid #ECECEC;
513 | }
514 | .own-order__content{
515 | 	font-size: 0.875rem;
516 | 	padding: 10px;
517 | 	border-bottom: 1px solid #ECECEC;
518 | }
519 | .own-order__btn{
520 | 	border-top: 1px solid #ECECEC;
521 | }
522 | .own-order__btns{
523 | 	padding: 10px 0 0 0;
524 | }
525 | .own-order__btns .pay{
526 | 	float: right;
527 | 	border: 1px solid #0077FF;
528 | 	border-radius: 3px;
529 | 	color: #0077FF;
530 | 	padding: 5px;
531 | 	font-size: 0.8rem;
532 | 	margin-left: 10px;
533 | }
534 | .own-order__btns .cancel{
535 | 	float: right;
536 | 	border: 1px solid #FF563C;
537 | 	border-radius: 3px;
538 | 	color: #FF563C;
539 | 	padding: 5px;
540 | 	font-size: 0.8rem;
541 | 	margin-left: 10px;
542 | }
543 | .own-ev__title{
544 | 	padding: 0 10px;
545 | 	background-color: #fff;
546 | 	height: 3rem;
547 | 	line-height: 3rem;
548 | 	font-size: 0.875rem;
549 | }
550 | .own-ev__evcard{
551 | 	padding: 10px;
552 | 	background-color: #fff;
553 | }
554 | .own-ev__evcard>.name{
555 | 	padding:0 0 10px 0;
556 | 	font-size: 0.875rem;
557 | 	font-weight: bold;
558 | }
559 | .own-recharge__input{
560 | 	margin-top: 20px;
561 | 	border:none;
562 | 	border-bottom: 1px solid #FF563C;
563 | 	background-color: transparent;
564 | 	height: 2rem;
565 | 	line-height: 1rem;
566 | 	width: 84%;
567 | 	margin-left: 8%;
568 | 	text-align: center;
569 | 	font-size: 0.875rem;
570 | 	color: #FF563C;
571 | 	border-radius: 0;
572 | }
573 | .weui-toast.weui-toast_forbidden{
574 | 	color: #fcfcfc !important;
575 | 	width: 10em !important;
576 | 	padding: 0 10px !important;
577 | }
578 | .weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before{
579 | 	color: #fcfcfc !important;
580 | }
581 | .weui-toast_success{
582 | 	width: 10em !important;
583 | 	padding: 0 10px !important;
584 | }
585 | .own-cp__wrapper{
586 | 	padding: 10px;
587 | 	width: 94%;
588 | 	margin-left: 3%;
589 | 	box-sizing: border-box;
590 | 	background-color: #fff;
591 | 	margin-top: 10px;
592 | 	box-shadow: 1px 1px 2px 1px #ccc;;
593 | }
594 | .own-cp__wrapper .fee{
595 | 	width: 27%;
596 | 	float: left;
597 | 	height: 4.5rem;
598 | }
599 | .own-cp__wrapper .desc{
600 | 	width: 73%;
601 | 	float: left;
602 | 	height: 4.5rem;
603 | 	padding-left: 10px;
604 | 	box-sizing: border-box;
605 | }
606 | .own-moneysmbol{
607 | 	font-size: 0.8rem;
608 | 	font-style: normal;
609 | 	color: #FF563C;
610 | 	margin-right: 0px;
611 | }
612 | .own-moneysmbol:after{
613 | 	content: '￥';
614 | }
615 | .own-nosymbol{
616 | 	font-size: 1rem;
617 | 	font-style: normal;
618 | 	color: #fff;
619 | 	margin-right: 10px;
620 | 	letter-spacing: normal;
621 | }
622 | .own-nosymbol:after{
623 | 	content: 'No.';
624 | }
625 | .own-vipcard__div{
626 | 	width: 100%;
627 | 	background: #0077ff;
628 | 	margin-bottom: 10px;
629 | 	box-sizing: border-box;
630 | 	border-radius: 4px;
631 | 	box-shadow: 1px 1px 3px 1px #bbb;
632 | 	padding: 10px;
633 | }
634 | .own-vipcard__div .own-vipcard__com{
635 | 	font-size: 0.875rem;
636 | 	color: #fff;
637 | 	box-sizing: border-box;
638 | 	line-height: 1.2rem;
639 | 	float: left;
640 | }
641 | .own-vipcard__div .own-vipcard__type{
642 | 	font-size: 0.875rem;
643 | 	color: #fff;
644 | 	box-sizing: border-box;
645 | 	line-height: 1.2rem;
646 | 	float: right;
647 | }
648 | .own-vipcard__div .own-vipcard__no{
649 | 	font-size: 1.8rem;
650 | 	line-height: 4rem;
651 | 	font-weight: bold;
652 | 	color: #fff;
653 | 	box-sizing: border-box;
654 | 	text-align: center;
655 | 	width: 100%;
656 | 	letter-spacing: 3px;
657 | }
658 | .own-vipcard__div .own-vipcard__fee{
659 | 	font-size: 0.87rem;
660 | 	line-height: 1rem;
661 | 	color: #fff;
662 | 	box-sizing: border-box;
663 | 	width: 100%;
664 | 	border-top: 1px solid #fff;
665 | 	padding-top: 10px;
666 | }
667 | .own-data_none{
668 | 	text-align: center;
669 | 	width: 100%;
670 | 	color: #aaa;
671 | 	font-size: 0.75rem;
672 | 	line-height: 2rem;
673 | }
674 | .own-yiye__top{
675 | 	background-color: #FF563C;
676 | 	padding: 10px
677 | }
678 | .own-yiye__top-loctext{
679 | 	color:#fff;
680 | 	width: 50%;
681 | 	display: inline-block;
682 | 	text-overflow: ellipsis;
683 | 	overflow: hidden;
684 | 	white-space: nowrap;
685 | }
686 | .own-yiye__top-loc{
687 | 	line-height: 1.2rem;
688 | }
689 | .own-yiye__top-search{
690 | 	border: none;
691 | 	border-radius: 0.9rem;
692 | 	width: 80%;
693 | 	height: 1.8rem;
694 | 	text-align: center;
695 | 	font-size: 0.875rem;
696 | 	padding:0 10px; 
697 | }
698 | .own-ab__top{
699 | 	background-color: #ff563c;
700 | 	width: 100%;
701 | 	padding-bottom: 10px;
702 | }
703 | .own-tabbar{
704 | 	border-top: 1px solid #e9e9e9;
705 | 	position: fixed;
706 | 	bottom: 0;
707 | 	height: 3rem;
708 | 	width: 100%;
709 | }
710 | .own-tabbar__item{
711 | 	float: left;
712 | 	width: 50%;
713 | 	height: 100%;
714 | 	text-align: center;
715 | 	font-size: 1rem;
716 | 	line-height: 3rem;
717 | 	box-sizing: border-box;
718 | 	border-left: 1px solid #e9e9e9;
719 | }
720 | .own-tabbar__item:first-child{
721 | 	border-left: none;
722 | }
723 | .own-pc__tab{
724 | 	width:100%;height:40px;
725 | }
726 | .own-pc__tab__item{
727 | 	float:left;width:33.3%;text-align:center;line-height:40px;border-right:1px solid #ECECEC;box-sizing:border-box;
728 | 	font-size:0.875rem;
729 | }
730 | .own-pc__tab__item:last-child{
731 | 	border-right: none;
732 | }


--------------------------------------------------------------------------------
/mcm/static/images/404.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/404.jpg


--------------------------------------------------------------------------------
/mcm/static/images/500.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/500.jpg


--------------------------------------------------------------------------------
/mcm/static/images/cy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/cy.jpg


--------------------------------------------------------------------------------
/mcm/static/images/damixiansheng.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/damixiansheng.jpg


--------------------------------------------------------------------------------
/mcm/static/images/maidanglao.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/maidanglao.jpg


--------------------------------------------------------------------------------
/mcm/static/images/mr.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/mr.jpg


--------------------------------------------------------------------------------
/mcm/static/images/p1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/p1.jpg


--------------------------------------------------------------------------------
/mcm/static/images/p2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/p2.jpg


--------------------------------------------------------------------------------
/mcm/static/images/p3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/p3.jpg


--------------------------------------------------------------------------------
/mcm/static/images/p4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/p4.jpg


--------------------------------------------------------------------------------
/mcm/static/images/s1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/s1.jpg


--------------------------------------------------------------------------------
/mcm/static/images/s2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/s2.jpg


--------------------------------------------------------------------------------
/mcm/static/images/s3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/s3.jpg


--------------------------------------------------------------------------------
/mcm/static/images/shangchuantupian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/1vanLuo/vue-catering/e37fc9705f4768f236d5e0dcb46a3db944fadd4a/mcm/static/images/shangchuantupian.png


--------------------------------------------------------------------------------
/mcm/static/js/H5lock.publish.js:
--------------------------------------------------------------------------------
  1 | (function(){
  2 |         window.H5lock = function(obj){
  3 |             this.height = obj.height;
  4 |             this.width = obj.width;
  5 |             this.chooseType = obj.chooseType;
  6 |             this.container = obj.container;
  7 |             this.outer = obj.outer;
  8 |             this.inputEnd = obj.inputEnd;
  9 |             this.devicePixelRatio = window.devicePixelRatio || 1;
 10 |         };
 11 | 
 12 | 
 13 |         H5lock.prototype.drawCle = function(x, y) { // 初始化解锁密码面板
 14 |             this.ctx.strokeStyle = '#FF563C';
 15 |             this.ctx.lineWidth = 2;
 16 |             this.ctx.beginPath();
 17 |             this.ctx.arc(x, y, this.r, 0, Math.PI * 2, true);
 18 |             this.ctx.closePath();
 19 |             this.ctx.stroke();
 20 |         }
 21 |         H5lock.prototype.drawPoint = function() { // 初始化圆心
 22 |             for (var i = 0 ; i < this.lastPoint.length ; i++) {
 23 |                 this.ctx.fillStyle = '#FF563C';
 24 |                 this.ctx.beginPath();
 25 |                 this.ctx.arc(this.lastPoint[i].x, this.lastPoint[i].y, this.r / 2, 0, Math.PI * 2, true);
 26 |                 this.ctx.closePath();
 27 |                 this.ctx.fill();
 28 |             }
 29 |         }
 30 |         H5lock.prototype.drawStatusPoint = function(type, psw) { // 初始化状态线条
 31 |             var obj = {
 32 |                 'right': '#2CFF26',
 33 |                 'notright': 'red'
 34 |             };
 35 |             type = obj[type];
 36 | 
 37 | 
 38 |             for (var i = 0 ; i < this.prevPoint.length ; i++) {
 39 |                 this.ctx.strokeStyle = type;
 40 |                 this.ctx.beginPath();
 41 |                 this.ctx.arc(this.prevPoint[i].x, this.prevPoint[i].y, this.r, 0, Math.PI * 2, true);
 42 |                 this.ctx.closePath();
 43 |                 this.ctx.stroke();
 44 |             }
 45 |         }
 46 |         H5lock.prototype.drawLine = function(po, lastPoint) {// 解锁轨迹
 47 |             this.ctx.beginPath();
 48 |             this.ctx.lineWidth = 3;
 49 |             this.ctx.moveTo(this.lastPoint[0].x, this.lastPoint[0].y);
 50 | 
 51 |             for (var i = 1 ; i < this.lastPoint.length ; i++) {
 52 |                 this.ctx.lineTo(this.lastPoint[i].x, this.lastPoint[i].y);
 53 |             }
 54 |             this.ctx.lineTo(po.x, po.y);
 55 |             this.ctx.stroke();
 56 |             this.ctx.closePath();
 57 | 
 58 |         }
 59 |         H5lock.prototype.createCircle = function() {// 创建解锁点的坐标，根据canvas的大小来平均分配半径
 60 | 
 61 |             var n = this.chooseType;
 62 |             var count = 0;
 63 |             this.r = this.ctx.canvas.width / (2 + 4 * n);// 公式计算
 64 |             this.lastPoint = [];
 65 |             this.arr = [];
 66 |             this.restPoint = [];
 67 |             var r = this.r;
 68 |             for (var i = 0 ; i < n ; i++) {
 69 |                 for (var j = 0 ; j < n ; j++) {
 70 |                     count++;
 71 |                     var obj = {
 72 |                         x: j * 4 * r + 3 * r,
 73 |                         y: i * 4 * r + 3 * r,
 74 |                         index: count
 75 |                     };
 76 |                     this.arr.push(obj);
 77 |                     this.restPoint.push(obj);
 78 |                 }
 79 |             }
 80 |             this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
 81 |             for (var i = 0 ; i < this.arr.length ; i++) {
 82 |                 this.drawCle(this.arr[i].x, this.arr[i].y);
 83 |             }
 84 |             //return arr;
 85 |         }
 86 |         H5lock.prototype.getPosition = function(e) {// 获取touch点相对于canvas的坐标
 87 |             var rect = e.currentTarget.getBoundingClientRect();
 88 |             var po = {
 89 |                 x: (e.touches[0].clientX - rect.left)*this.devicePixelRatio,
 90 |                 y: (e.touches[0].clientY - rect.top)*this.devicePixelRatio
 91 |               };
 92 |             return po;
 93 |         }
 94 |         H5lock.prototype.update = function(po) {// 核心变换方法在touchmove时候调用
 95 |             this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
 96 | 
 97 |             for (var i = 0 ; i < this.arr.length ; i++) { // 每帧先把面板画出来
 98 |                 this.drawCle(this.arr[i].x, this.arr[i].y);
 99 |             }
100 | 
101 |             this.drawPoint(this.lastPoint);// 每帧花轨迹
102 |             this.drawLine(po , this.lastPoint);// 每帧画圆心
103 | 
104 |             for (var i = 0 ; i < this.restPoint.length ; i++) {
105 |                 if (Math.abs(po.x - this.restPoint[i].x) < this.r && Math.abs(po.y - this.restPoint[i].y) < this.r) {
106 |                     this.drawPoint(this.restPoint[i].x, this.restPoint[i].y);
107 |                     this.lastPoint.push(this.restPoint[i]);
108 |                     this.restPoint.splice(i, 1);
109 |                     break;
110 |                 }
111 |             }
112 | 
113 |         }
114 | 
115 |         H5lock.prototype.storePass = function(psw) {// touchend结束之后对密码和状态的处理
116 |             this.prevPoint = psw;
117 |             var str = '';
118 |             for (var i = 0 ; i < psw.length ; i++) {
119 |                 str += psw[i].index;
120 |             }
121 | 
122 |             this.inputEnd && this.inputEnd(str);
123 | 
124 |         }
125 | 
126 |         H5lock.prototype.setChooseType = function(type){
127 |             chooseType = type;
128 |             init();
129 |         }
130 |         H5lock.prototype.updatePassword = function(){
131 |             window.localStorage.removeItem('passwordxx');
132 |             window.localStorage.removeItem('chooseType');
133 |             this.pswObj = {};
134 |             document.getElementById('title').innerHTML = '绘制解锁图案';
135 |             this.reset();
136 |         }
137 |         H5lock.prototype.initDom = function(){
138 |             var wrap = document.getElementById(this.container);
139 |             var out = document.getElementById(this.outer);
140 |             if(wrap && out) {
141 |                 var canvas = document.createElement('canvas');
142 |                 canvas.setAttribute('id','canvas');
143 |                 canvas.style.cssText = 'background-color: transparent;display: block;margin:30px auto';
144 | 
145 |                 wrap.appendChild(canvas);
146 | 
147 |                 var width = this.width || 300;
148 |                 var height = this.height || 300;
149 |                 
150 |                 out.appendChild(wrap);
151 | 
152 |                 // 高清屏锁放
153 |                 canvas.style.width = width + "px";
154 |                 canvas.style.height = height + "px";
155 |                 canvas.height = height * this.devicePixelRatio;
156 |                 canvas.width = width * this.devicePixelRatio;
157 |             }
158 | 
159 | 
160 |             
161 |         }
162 |         H5lock.prototype.init = function() {
163 |             this.initDom();
164 |             this.pswObj = window.localStorage.getItem('passwordxx') ? {
165 |                 step: 2,
166 |                 spassword: JSON.parse(window.localStorage.getItem('passwordxx'))
167 |             } : {};
168 |             this.lastPoint = [];
169 |             this.prevPoint = [];
170 |             this.touchFlag = false;
171 |             this.canvas = document.getElementById('canvas');
172 |             this.ctx = this.canvas.getContext('2d');
173 |             this.createCircle();
174 |             this.bindEvent();
175 |         }
176 |         H5lock.prototype.reset = function() {
177 |             this.createCircle();
178 |         }
179 |         H5lock.prototype.bindEvent = function() {
180 |             var self = this;
181 |             this.canvas.addEventListener("touchstart", function (e) {
182 |                 e.preventDefault();// 某些android 的 touchmove不宜触发 所以增加此行代码
183 |                  var po = self.getPosition(e);
184 | 
185 |                  for (var i = 0 ; i < self.arr.length ; i++) {
186 |                     if (Math.abs(po.x - self.arr[i].x) < self.r && Math.abs(po.y - self.arr[i].y) < self.r) {
187 | 
188 |                         self.touchFlag = true;
189 |                         self.drawPoint(self.arr[i].x,self.arr[i].y);
190 |                         self.lastPoint.push(self.arr[i]);
191 |                         self.restPoint.splice(i,1);
192 |                         break;
193 |                     }
194 |                  }
195 |              }, false);
196 |              this.canvas.addEventListener("touchmove", function (e) {
197 |                 if (self.touchFlag) {
198 |                     self.update(self.getPosition(e));
199 |                 }
200 |              }, false);
201 |              this.canvas.addEventListener("touchend", function (e) {
202 |                  if (self.touchFlag) {
203 |                      self.touchFlag = false;
204 |                      self.storePass(self.lastPoint);
205 | 
206 |                  }
207 | 
208 | 
209 |              }, false);
210 | 
211 | 
212 |         }
213 | })();
214 | 


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