init project

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"]
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -0,0 +1,4 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log

.postcssrc.js

@@ -0,0 +1,9 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    // to edit target browsers: use "browserslist" field in package.json
+    "postcss-import": {},
+    "autoprefixer": {}
+  }
+}

.project

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>price-mall</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1552559181014</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1555554200843</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1556279024411</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "workbench.colorCustomizations": {
+    "activityBar.background": "#232B4E",
+    "titleBar.activeBackground": "#323D6D",
+    "titleBar.activeForeground": "#FAFAFD"
+  }
+}

README.md

@@ -0,0 +1,24 @@
+# supply-chain-h5 #
+
+
+## 步骤 ##
+
+```bash
+# nodejs版本要求
+  v12.22.12
+
+# 进入模板目录
+  cd supply-chain-h5
+
+# 安装项目依赖，等待安装完成之后
+  npm install
+
+# 本地开发
+  开启服务器，浏览器访问 http://localhost:9527
+  npm run dev
+
+# 构建生产
+  // 执行构建命令，生成的dist文件夹放在服务器下即可访问
+  npm run build
+
+```

auto.bat

@@ -0,0 +1,30 @@
+title 项目自动打包压缩批处理工具
+cls
+@echo off
+echo  ┌────────────────────────────────────┐
+echo.   
+echo   vue+webpack 项目自动打包压缩批处理工具               
+echo.         
+echo   功能说明：
+echo.   
+echo   1.vue+webpack项目自动打包
+echo.   
+echo   2.打包完成之后会自动压缩为zip文件，自定义名称
+echo.   
+echo   3.压缩完成，在资源管理器中自动打开当前文件夹
+echo.   
+echo  └────────────────────────────────────┘
+echo.
+
+rem 1. vue项目打包
+echo  即将进行打包处理，请稍后。。。
+echo.  
+call node build/build.js
+
+rem 返回代码为>=1就跳至标题1处执行压缩，>=0就跳至标题exit处执行终止
+
+IF ERRORLEVEL 1 (
+    echo  项目打包出错了，快去看看怎么回事吧！！！
+    echo.  
+    goto exit
+)

build/build.js

@@ -0,0 +1,41 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/check-versions.js

@@ -0,0 +1,54 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

build/utils.js

@@ -0,0 +1,102 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders(loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader',
+        publicPath: '../../'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', {indentedSyntax: true}),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

build/vue-loader.conf.js

@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

build/webpack.base.conf.js

@@ -0,0 +1,83 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+      //'static': path.resolve(__dirname, '../static')
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

build/webpack.dev.conf.js

@@ -0,0 +1,82 @@
+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: true,
+    hot: true,
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.dev.filename,
+      template: config.dev.indexTemplate,
+      inject: true,
+			BASE_URL:config.dev.BASE_URL
+    }),
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

build/webpack.dll.conf.js

@@ -0,0 +1,29 @@
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+  entry: {
+    vendor: ['vue/dist/vue.common.js','vue-router', 'babel-polyfill','axios']
+  },
+  output: {
+    path: path.join(__dirname, '../static/js'),
+    filename: '[name].dll.js',
+    library: '[name]_library'
+  },
+  plugins: [
+    new webpack.DllPlugin({
+      path: path.join(__dirname, '.', '[name]-manifest.json'),
+      name: '[name]_library'
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      }
+    }),
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"production"'
+      }
+    })
+  ]
+};

build/webpack.prod.conf.js

@@ -0,0 +1,146 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.build.index,
+      template: config.build.indexTemplate,
+      inject: true,
+			BASE_URL:config.build.BASE_URL,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vender modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+
+    // 拷贝静态资源文件
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../'+config.dev.BASE_URL),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

config/dev.env.js

@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"development"',
+  ENV_CONFIG: '"dev"',
+  BASE_API: '"/api"'
+}

config/fs.js

@@ -0,0 +1,38 @@
+/**
+ * 版本号修改文件
+ */
+'use strict'
+const path = require('path')
+/* 
+ 1. fs.stat  检测是文件还是目录(目录 文件是否存在) 
+ 2. fs.mkdir  创建目录 （创建之前先判断是否存在） 
+ 3. fs.writeFile  写入文件(文件不存在就创建,但不能创建目录) 
+ 4. fs.appendFile 写入追加文件 
+ 5.fs.readFile 读取文件 
+ 6.fs.readdir 读取目录 
+ 7.fs.rename 重命名 
+ 8. fs.rmdir  删除目录 
+ 9. fs.unlink 删除文件 
+*/
+const fs = require('fs'); //fs是node.js的核心模块，不用下载安装，可以直接引入
+const src = path.resolve(__dirname, '../src/U/js/U-config.js');
+module.exports = {
+	fs(){
+		//10. fs.createReadStream  从文件流中读取数据，读取的文件比较大时建议用流的方式读取，文件比较大会多次读取。  
+		var fileReadStream = fs.createReadStream(src);
+		var str = '';
+		fileReadStream.on('data', (data) => {
+			str += data;
+		})
+		fileReadStream.on('end', () => {
+			var reg3=/(#[^#]*#)/g;
+			str = str.replace(reg3,"#v_"+new Date().valueOf()+"#");
+			var writerStream = fs.createWriteStream(src);
+			writerStream.write(str,'UTF8');
+			writerStream.end();
+		})
+		fileReadStream.on('error', (error) => {
+			console.log(error)
+		})
+	}
+}

config/index.js

@@ -0,0 +1,111 @@
+'use strict'
+const path = require('path');
+// 首页模板
+const indexTemplate = "src/index.html";
+//修改U-config.js 增加版本
+const fsC = require('./fs.js');
+fsC.fs();
+
+module.exports = {
+	//测试环境配置
+	dev: {
+		//页面引入静态资源前缀
+		BASE_URL: 'src/U/',
+		//首页名称
+		filename:"index.html",
+		//首页模板
+		indexTemplate:indexTemplate,
+		//资源文件夹
+		assetsSubDirectory: '',
+		//动态js,css引入目录
+		assetsPublicPath: '',
+		//本地代理
+		proxyTable: {
+			'/buyerside-h5-api': {
+				target: 'http://172.16.90.64:8755',
+				changeOrigin: true,
+				pathRewrite: {
+					'^/buyerside-h5-api': ''
+				}
+			}
+		},
+		disableHostCheck: true,
+		//配置测试地址
+		host: 'localhost',
+		//测试端口
+		port: 9527,
+		//自动打开浏览器
+		autoOpenBrowser: true,
+		//错误提示
+		errorOverlay: true,
+		notifyOnErrors: false,
+		//轮询
+		poll: false,
+
+		//使用Eslint Loader？
+		//如果为true，则在捆绑期间将对您的代码进行处理
+		// linting错误和警告将显示在控制台中。
+		useEslint: true,
+		//如果为true，则错误覆盖中也会显示eslint错误和警告
+		//在浏览器中
+		showEslintErrorsInOverlay: false,
+
+		/**
+		 * Source Maps
+		 */
+
+		// https://webpack.js.org/configuration/devtool/#development
+		devtool: '#cheap-source-map',
+
+		//如果在devtools中调试vue文件时遇到问题，
+		//将此设置为false  - 它可以*帮助
+		// https://vue-loader.vuejs.org/en/options.html#cachebusting
+		cacheBusting: true,
+
+		// CSS Sourcemaps默认关闭，因为相对路径是“buggy”
+		//使用此选项，根据CSS-Loader自述文件
+		//（https://github.com/webpack/css-loader#sourcemaps）
+		//根据我们的经验，他们通常按预期工作，
+		//启用此选项时，请注意此问题。
+		cssSourceMap: false,
+	},
+	
+	//生产打包配置
+	build: {
+		//页面引入静态资源前缀
+		BASE_URL: 'buyer-side-h5/',
+		//入口首页名称
+		index: path.resolve(__dirname, '../dist/index.html'),
+		// index: 'index.html',
+		//首页模板
+		indexTemplate:indexTemplate,
+		//公共资源生成目录
+		assetsRoot: path.resolve(__dirname, '../dist'),
+		// assetsRoot: path.resolve("z:\gylHtml"),
+		//公共资源目录名称
+		assetsSubDirectory: 'buyer-side-h5',
+		//动态js,css引入目录
+		assetsPublicPath: '',
+
+		/**
+		 * Source Maps
+		 */
+
+		productionSourceMap: false,
+		// https://webpack.js.org/configuration/devtool/#production
+		devtool: '#source-map',
+
+		// Gzip off by default as many popular static hosts such as
+		// Surge or Netlify already gzip all static assets for you.
+		// Before setting to `true`, make sure to:
+		// npm install --save-dev compression-webpack-plugin
+		productionGzip: false,
+		productionGzipExtensions: ['js', 'css'],
+
+		// Run the build command with an extra argument to
+		// View the bundle analyzer report after build finishes:
+		// `npm run build --report`
+		// Set to `true` or `false` to always turn it on or off
+		bundleAnalyzerReport: process.env.npm_config_report
+	}
+}

config/prod.env.js

@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"production"',
+  ENV_CONFIG: '"prod"',
+  BASE_API: '"/api"'
+};

config/sit.env.js

@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"production"',
+  ENV_CONFIG: '"sit"',
+  BASE_API: '"https://api-sit"'
+}

package.json

@@ -0,0 +1,76 @@
+{
+  "name": "supply-chain-h5",
+  "version": "3.1.0",
+  "description": "供应链",
+  "author": "",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "bulid": "auto.bat"
+  },
+  "dependencies": {
+    "axios": "^0.15.3",
+    "babel-polyfill": "^6.23.0",
+    "js-cookie": "^2.2.0",
+    "mavon-editor": "^2.5.4",
+    "moment": "^2.24.0",
+    "qs": "^6.6.0",
+    "vue": "^2.5.16",
+    "vue-axios": "^2.1.4",
+    "vue-cropperjs": "^2.2.0",
+    "vue-quill-editor": "3.0.6",
+    "vue-router": "^3.0.1",
+    "vue-schart": "^0.1.4",
+    "vue-ydui": "^1.2.6",
+    "vuedraggable": "^2.16.0",
+    "ydui-district": "^1.1.0"
+  },
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-stage-2": "^6.22.0",
+    "chalk": "^2.0.1",
+    "copy-webpack-plugin": "^4.0.1",
+    "css-loader": "^0.28.11",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "node-notifier": "^5.1.2",
+    "node-sass": "^4.14.1",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "rimraf": "^2.6.0",
+    "sass-loader": "^7.3.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^13.3.0",
+    "vue-sessionstorage": "^1.0.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.5.2",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 5 versions",
+    "not ie <= 8"
+  ]
+}

src/App.vue

@@ -0,0 +1,38 @@
+<template>
+	<div id="app"><router-view :orderNum="orderNum"></router-view></div>
+</template>
+<script>
+import request from '@/utils/request';
+export default {
+	name: 'App',
+	data() {
+		return {
+			orderNum: ''
+		};
+	},
+	created() {
+		this.$nextTick(function() {
+			document.body.addEventListener('focusout', function() {
+				window.scrollTo(0, 0);
+			});
+		});
+		setTimeout(e=>{
+			this.getOrder();
+		},1000);
+	},
+	methods: {
+		//获取订单
+		getOrder() {
+			request({
+				url: '/orderInfo/findCountByBuyerId?buyerId=' + this.Cookies.get('buyerId')
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					console.log(response.data.retBody);
+					const obj = response.data.retBody;
+					this.orderNum = obj.noDeliveryNum - 0 + (obj.noGoodsNum - 0) + (obj.noPaymentNum - 0);
+				}
+			});
+		}
+	}
+};
+</script>

src/U/U.js

@@ -0,0 +1,228 @@
+(function (){
+	//入口js
+	'use strict';
+	/**
+	 * URL参数转换为对象
+	 */
+	Location.prototype.searchObj = function(url){
+		/**
+		 * 传入的是对象 - 解析为参数字符串 不带？
+		 * 出入是字符串不传入 - 解析为对象
+		 */
+		if (url instanceof Object) {
+			let str = [];
+			for (let i in url) {
+				str.push(`${i}=${url[i]}`);
+			}
+			return str.join('&');
+		} else {
+			var obj = {};
+			var arr = ((url || this.search)+"").match(/[?&][^?&]+=[^?&]+/g);
+			if (arr) {
+				arr.forEach(function(item) {
+					var tempArr = item.substring(1).split('=');
+					obj[decodeURIComponent(tempArr[0])] = decodeURIComponent(tempArr[1]);
+					length++;
+				});
+			}
+			return obj;
+		}
+	}
+	//对象
+	window.U = {
+		versions: "", //版本控制
+		LOAD: [], //加载完成全局数组
+		script: document.querySelector('script[door]'), //获取当前目录级别
+		dire: '', //目录
+		_dire: '', //相对目录
+		//加载公共函数
+		require: function(_url, _type, callback) {
+			var _this = this;
+			var url = Array.isArray(_url) ? _url.shift() : _url;
+			if (!url) {	return this;}
+			if(typeof _type === "function"){
+				callback = _type;
+				_type = false;
+			}
+			var type = /\.[^\.]+$/.exec(url.split('?')[0]); //保存请求类型 js或css
+			//添加版本号
+			url = url.split('?')[0] + '?' + location.searchObj(Object.assign(location.searchObj('?v_=' + this.versions),location.searchObj(url)));
+			//拼接地址
+			var href = this.dire + url;
+			//_type为true 不进行url转换
+			_type && (href = url);
+			//全路劲直接访问
+			(url.substr(0, 2) == '//' || /^http(s*):\/\//.test(url)) && (href = url);
+			var elem = null;
+			if (callback || this.___switch) {
+				switch (type && type.toString()) {
+					case '.js':
+						elem = document.createElement("script");
+						//elem.defer="defer";//所有加载完成后按顺序执行
+						elem.type = "text/javascript";
+						//拼接连接地址
+						elem.src = href;
+						break;
+					case '.css':
+						elem = document.createElement("link");
+						elem.type = "text/css";
+						elem.rel = 'stylesheet';
+						elem.media = 'all';
+						//拼接连接地址
+						elem.href = href;
+						break;
+					default:
+						elem = {};
+						break;
+				}
+				let eveFun = function(){
+					if(typeof callback === 'function'){
+						let fun = 'vbz'+new Date().valueOf();
+						_this[fun] = callback;
+						_this[fun](true);
+						delete _this[fun];
+					}
+				}
+				if (elem.readyState) {
+					//加载响应,成功
+					elem.onreadystatechange = function() {
+						if (elem.readyState == "loaded" || elem.readyState == "complete") {
+							elem.onreadystatechange = null;
+							eveFun();
+						}
+					};
+				} else {
+					//加载完成
+					elem.onload = function() {
+						eveFun();
+					};
+				}
+				//加载失败
+				elem.onerror = function() {
+					eveFun();
+				};
+			} else {
+				switch (type && type.toString()) {
+					case '.js':
+						document.write("<script type='text/javascript' src='" + href + "'></script>");
+						break;
+					case '.css':
+						document.write("<link rel='stylesheet' type='text/css' media='all' href='" + href + "'>");
+						break;
+					default:
+						console.error('无法加载文件', href);
+						break;
+				}
+			}
+			elem && document.querySelector('html').appendChild(elem);
+			Array.isArray(_url) && _url.length && this.require(_url, _type, callback);
+		},
+		//加载完毕执行
+		ready: function(callback) {
+			var _this = this;
+			if (typeof callback == 'function') {
+				let funName = "tempReady" + _this.LOAD.length;
+				this[funName] = callback;
+				_this.LOAD.push(funName);
+			}
+			window.onload = function() {
+				_this.___switch = true;
+				for (var i = 0; i < _this.LOAD.length; i++) {
+					_this[_this.LOAD[i]]();
+					delete _this[_this.LOAD[i]];
+				}
+				_this.LOAD = [];
+			}
+		},
+		//初始化
+		init: function() {
+			if (this.script) {
+				//this.versions = this.script.getAttribute('door');
+				var jHtml = this.script.outerHTML,
+					srcS = 'src="',
+					strE = '"';
+				srcS = jHtml.indexOf(srcS) + srcS.length; //路径开始位置
+				strE = jHtml.indexOf(strE, srcS); //路径结束位置
+				jHtml = jHtml.substring(srcS, strE); //完整路径带文件名
+				strE = jHtml.lastIndexOf('/'); //查找倒数第一斜杠位置
+				this.dire = jHtml.substring(0, strE + 1); //完整相对路径
+				/**
+				 * (项目跟目录) 预留本地加载文件名，实现预先本地配置 貌似无法完成
+				 * 通过配置项目名（项目目录）来获取项目路劲进行全项目页面相对路径配置
+				 * 完成通过全域名引用admin框架
+				 * 目前未实现
+				 */
+				this.dire.lastIndexOf("../") > -1 && (this._dire = this.dire.substr(0, this.dire.lastIndexOf("../") + 3));
+			} else {
+				console.error("入口js标签没有关键属性 door");
+			}
+		}
+	};
+	//初始化
+	U.init();
+	/**
+	 * ajax代理拦截器
+	 */
+	!function(t) {
+		function r(i) {
+			if (n[i]) return n[i].exports;
+			var o = n[i] = {
+				exports: {},
+				id: i,
+				loaded: !1
+			};
+			return t[i].call(o.exports, o, o.exports, r), o.loaded = !0, o.exports
+		}
+		var n = {};
+		return r.m = t, r.c = n, r.p = "", r(0)
+	}([function(t, r, n) {
+		n(1)(U)
+	}, function(t, r) {
+		t.exports = function(t) {
+			t.hookAjax = function(t) {
+				var xhrObj = t;
+				function r(t) {
+					return function() {
+						return this.hasOwnProperty(t + "_") ? this[t + "_"] : this.xhr[t]
+					}
+				}
+	
+				function n(r) {
+					return function(n) {
+						var i = this.xhr,
+							o = this;
+						return 0 != r.indexOf("on") ? void(this[r + "_"] = n) : void(t[r] ? i[r] = function() {
+							t[r](o) || n.apply(i, arguments)
+						} : i[r] = n)
+					}
+				}
+	
+				function i(r) {
+					return function() {
+						var n = [].slice.call(arguments);
+						if (!t[r] || !t[r].call(this, n, this.xhr)) return this.xhr[r].apply(this.xhr, n)
+					}
+				}
+				return window._ahrealxhr = window._ahrealxhr || XMLHttpRequest, XMLHttpRequest = function() {
+					let xhr = this.xhr = new window._ahrealxhr;
+					for (var t in this.xhr) {
+						var o = "";
+						try {o = typeof this.xhr[t]} catch (t) {}
+						"function" === o ? this[t] = i(t) : Object.defineProperty(this, t, {
+							get: r(t),
+							set: n(t)
+						})
+					}
+				}, window._ahrealxhr
+			}, t.unHookAjax = function() {
+				window._ahrealxhr && (XMLHttpRequest = window._ahrealxhr), window._ahrealxhr = void 0
+			}, t.default = t
+		}
+	}]);
+	//加载公共方法
+	U.require('js/U-public.js');
+	//实时动态加载配置文件
+	U.require("js/U-config.js?v_= " + new Date().getTime());
+	//加载全局拦截
+	U.require("js/U-hookAjax.js?v_= " + new Date().getTime());
+})();

src/U/css/my.css

@@ -0,0 +1,338 @@
+/**
+ * 滚动条
+ */
+::-webkit-scrollbar-thumb {
+	background-color: rgba(50, 50, 50, 0.6)
+}
+
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+	background-color: #f5f5f5;
+}
+
+::-webkit-scrollbar {
+	width: 6px;
+	height: 6px;
+	background-color: #f5f5f5;
+}
+
+a {
+	border: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+	-webkit-tap-highlight-color: transparent;
+	outline: none;
+	text-decoration: none;
+	out-line:none;
+	color:inherit;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+ul,
+ol {
+	list-style: none;
+}
+/*清除浮动代码*/ 
+.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
+.clearfloat{zoom:1} 
+/*强制换行*/
+.force-wrap {
+	word-wrap: break-word;
+	word-break: normal;
+	word-break: break-all;
+}
+
+/*强制不换行*/
+.no-wrap {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+/**
+ * 保留3行
+ */
+.wrap-4 {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 4;
+	overflow: hidden;
+}
+
+/*竖线*/
+.ui-line-left-h,
+.ui-line-right-h,
+.ui-line-top-w,
+.ui-line-bottom-w {
+	position: relative;
+}
+
+.ui-line-left-h:before,
+.ui-line-right-h:before,
+.ui-line-top-w:before,
+.ui-line-bottom-w:before {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	content: "";
+	opacity: 1;
+	border: none;
+}
+
+.ui-line-left-h:before {
+	height: 100%;
+	width: 0;
+	right: auto;
+	transform: scaleX(0.5);
+	border-left: 1px solid rgba(0, 0, 0, .1);
+}
+
+.ui-line-right-h:before {
+	height: 100%;
+	width: 0;
+	left: auto;
+	transform: scaleX(0.5);
+	border-left: 1px solid rgba(0, 0, 0, .1);
+}
+
+/*横线*/
+.ui-line-top-w:before {
+	width: 100%;
+	height: 0;
+	bottom: auto;
+	transform: scaleY(0.5);
+	border-top: 1px solid rgba(0, 0, 0, .1);
+	-webkit-transform-origin: 0 0;
+	transform-origin: 0 0;
+}
+
+.ui-line-bottom-w:before {
+	width: 100%;
+	height: 0;
+	top: auto;
+	transform: scaleY(0.5);
+	border-top: 1px solid rgba(0, 0, 0, .1);
+	-webkit-transform-origin: 0 0;
+	transform-origin: 0 0;
+}
+
+.ui-required:before {
+	content: "*";
+	color: red;
+	vertical-align: middle;
+	font-size: 1.2em;
+	padding: .2em;
+}
+
+.ui-tpl {
+	height: 0 !important;
+	overflow: hidden !important;
+	width: 0 !important;
+	position: fixed !important;
+	z-index: -1 !important;
+	opacity: 0 !important;
+}
+
+.ui-absolute,
+.ui-relative,
+.ui-fixed {
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	box-sizing: border-box;
+}
+
+.ui-absolute {
+	position: absolute;
+}
+
+.ui-relative {
+	position: relative;
+}
+
+.ui-fixed {
+	position: fixed;
+}
+
+.ui-flex {
+	display: flex;
+}
+
+.ui-center-level {
+	text-align: center;
+}
+
+/**
+ * 细线框
+ */
+.ui-line-round {}
+
+.ui-line-round>* {
+	position: relative;
+	z-index: 1;
+}
+
+.ui-line-round:before {
+	z-index: 0;
+	content: "";
+	display: block;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	transform: scale(0.5, 0.5) translate(-50%, -50%);
+	border: 1px solid rgba(0, 0, 0, .1);
+	border-radius: 100px;
+	width: 200%;
+	height: 200%;
+	box-sizing: border-box;
+}
+
+.ui-line-round.radius4:before {
+	border-radius: 8px;
+}
+
+/*垂直布局*/
+
+.ui-flex-direction-top {
+	flex-direction: column;
+}
+
+.ui-center {
+	vertical-align: middle;
+	/*垂直居中*/
+	white-space: normal;
+	/*强制换行*/
+	word-break: break-all;
+	/*英文强制换行*/
+	text-align: center;
+	align-items: center;
+}
+
+.ui-center>* {
+	display: inline-block;
+	vertical-align: middle;
+	margin: 0;
+	padding: 0;
+}
+
+.ui-center:before {
+	content: "";
+	display: inline-block;
+	height: 100%;
+	width: 0;
+	vertical-align: middle;
+	visibility: hidden;
+}
+
+.ui-center-flex {
+	text-align: center;
+	justify-content: center;
+	align-items: center;
+}
+
+.ui-center-justify {
+	justify-content: center;
+}
+
+.ui-center-items {
+	align-items: center;
+}
+
+.f1 {
+	flex: 1;
+}
+
+.f2 {
+	flex: 2;
+}
+
+.f3 {
+	flex: 3;
+}
+
+.f4 {
+	flex: 4;
+}
+
+.f5 {
+	flex: 5;
+}
+
+.f6 {
+	flex: 6;
+}
+
+.f7 {
+	flex: 7;
+}
+
+.f8 {
+	flex: 8;
+}
+
+.f9 {
+	flex: 9;
+}
+
+.f10 {
+	flex: 10;
+}
+
+.f11 {
+	flex: 11;
+}
+
+.f12 {
+	flex: 12;
+}
+
+.event-none {
+	pointer-events: none;
+}
+
+.event-none input {
+	color: #999 !important;
+	background: #F2F2F2;
+}
+
+/*内联块元素*/
+
+.ui-inline-block {
+	font-size: 0;
+}
+
+/*内联数量*/
+
+.i2 ,
+.i3{
+	width: 50%;
+	font-size: 16px;
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+}
+.i3{
+	width: 33.33%;
+}
+
+/*旋转动画*/
+@keyframes loading {
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+
+	100% {
+		-webkit-transform: rotate(1turn);
+		transform: rotate(1turn);
+	}
+}

src/U/css/style.css

@@ -0,0 +1,386 @@
+/*控制字体大小 
+1.是因为这里是作为一个基础数值，换个方向去想，这里先不乘以100以免产生误解。
+
+例如：设计稿宽度是640px，有一个元素设计稿上的宽度是50px，设备物理宽度是320px,那么我们在页面上应该设置宽度为 width:50rem，相当于宽度是：50*（320/640）=25px；这里能正确算出在320px的设备上刚好占一半,其实可以想象为 rem=（320/640）。
+
+2.一般浏览器的最小字体是12px，如果html的font-size=（320/640）px，相当于font-size=0.5px，那么这个数值就小于12px，会造成一些计算的错误，和一些奇怪的问题，*100后，font-size是50px，就可以解决这种字体小于12px的问题。
+
+3. 为了计算方便   我们后面把比率乘以了100，（320/640）*100，那么相对应这个元素在设置数值的时候就需要除以100了（50/100）,这样可以保证最后出来的数值不变.
+*/
+html {
+	font-size: calc(100vw / 750 * 100);
+	width: 100%;
+	background: #F5F8FA;
+}
+
+/*抬头背景*/
+.head-bg-0 {
+	width: 100%;
+	height: auto;
+}
+
+/*背景--金融网样*/
+.head-bg-1 {
+	width: 84%;
+	margin: -38.7% 8% 0 8%;
+	background: url(../../image/index-bg2.png) no-repeat center center;
+	background-size: 100% 100%;
+}
+
+/*用于高度控制*/
+.head-bg-1 .security-qrcode:before {
+	content: '';
+	float: left;
+	padding-top: 41.9%;
+	width: 0;
+}
+
+/*正品标识图贴*/
+.head-bg-1:before {
+	content: '';
+	position: absolute;
+	left: auto;
+	bottom: auto;
+	top: 0;
+	right: 0;
+	width: 34.4%;
+	padding-top: 28.73%;
+	margin-top: -6.3%;
+	margin-right: -4%;
+	background: url(../../image/good.png) no-repeat center center;
+	background-size: 100% 100%;
+	z-index: 1;
+}
+
+/**
+ * 防伪码 - 及介绍 - 商品缩略图
+ */
+.head-bg-1 .security-qrcode {
+	color: #15222e;
+	letter-spacing: 0;
+	font-size: 0.28rem;
+}
+
+/**
+ * 防伪码 - 及介绍
+ */
+.head-bg-1 .security-qrcode .text {
+	float: left;
+	width: 51%;
+	padding-left: 4.8%;
+	padding-top: 7%;
+	padding-bottom: 6.8%;
+	line-height: 1.2em;
+}
+
+.head-bg-1 .security-qrcode .field-goods {
+	font-size: .24rem;
+	margin-top: 6.1%;
+}
+
+/**
+ * 商品图
+ */
+.head-bg-1 .security-qrcode .security-qrcode-img {
+	left: 60.79%;
+	margin: 7.9% 6.8% 6.8% 0;
+	background: no-repeat center center;
+	background-size: contain;
+}
+
+/*首次查询提示*/
+.head-bg-1 .scan-count {
+	font-size: .2rem;
+	font-weight: 400;
+	color: #A4A3A3;
+	letter-spacing: 0;
+	text-align: left;
+	display: block;
+	border-top: 1px dashed rgba(0, 0, 0, .3);
+	margin: 0 1%;
+	padding: 2.85% 3.4%;
+	line-height: 1.2em;
+}
+
+/**
+ * 图标导航列表
+ */
+.icon-nav {
+	margin-top: 3%;
+	text-align: left;
+	font-size: 0;
+	padding: 1.333% 4.333%;
+}
+
+/**
+ * 控制单个最小高
+ */
+.icon-nav li:before {
+	content: '';
+	display: block;
+	padding-top: 100%;
+	width: 0;
+	height: 0;
+	opacity: 0;
+	float: left;
+}
+
+.icon-nav li {
+	position: relative;
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	background: #fff;
+	border-radius: .06rem;
+	box-shadow: 0 1px 15px -10px rgba(0, 0, 0, .3);
+	width: 25.333%;
+	height: 100%;
+	margin: 4%;
+	cursor: pointer;
+}
+
+/**
+ * 控制图标高度
+ */
+.icon-nav .img-icon:before {
+	content: '';
+	display: block;
+	padding-top: 100%;
+	width: 0;
+	height: 0;
+	opacity: 0;
+	float: left;
+}
+
+.icon-nav .img-icon {
+	display: block;
+	background: no-repeat center center;
+	background-size: contain;
+	width: 31.57%;
+}
+
+.icon-nav li span {
+	font-size: .24rem;
+	color: #818181;
+	line-height: 1em;
+	margin-top: 9.5%;
+	display: block;
+}
+
+.img-icon.i-1 {
+	background-image: url(../../image/icon-trace.png);
+}
+
+.img-icon.i-2 {
+	background-image: url(../../image/icon-enterprise.png);
+}
+
+.img-icon.i-3 {
+	background-image: url(../../image/icon-shop.png);
+}
+
+.img-icon.i-4 {
+	background-image: url(../../image/icon-money.png);
+}
+
+.img-icon.i-5 {
+	background-image: url(../../image/icon-balance.png);
+}
+
+.img-icon.i-6 {
+	background-image: url(../../image/icon-game.png);
+}
+
+.img-icon.i-7 {
+	background-image: url(../../image/weixin.png);
+}
+
+.img-icon.i-8 {
+	background-image: url(../../image/qq.png);
+}
+
+.img-icon.i-9 {
+	background-image: url(../../image/iphone.png);
+}
+
+/**
+ * 返回按钮
+ */
+.return-btn {
+	position: absolute;
+	right: 0;
+	color: #fff;
+	display: block;
+	margin-top: 2.93%;
+	margin-right: 1.86%;
+	padding: .6% 4%;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+	z-index: 9999;
+}
+
+.return-btn:after {
+	content: '返回';
+	font-size: .24rem;
+	display: block;
+	font-weight: 300;
+}
+
+.return-btn.ui-line-round:before {
+	border-color: #fff;
+	border-radius: 999999px;
+}
+
+/**
+ * 内页导航盒子
+ */
+.body-nav {
+	text-align: center;
+	vertical-align: middle;
+	font-size: 0;
+}
+
+/**
+ * 导航链接
+ */
+.body-nav a {
+	position: relative;
+	padding-top: 13.66%;
+	box-sizing: border-box;
+	display: inline-block;
+	width: calc(100% / 4);
+}
+
+/**
+ * body内部页导航
+ */
+.body-nav a span {
+	font-size: .28rem;
+	display: block;
+	color: #fff;
+	margin: 0 5%;
+	box-sizing: border-box;
+	padding: 1% 5%;
+}
+
+.body-nav :target span {
+	color: #12caa9;
+	border-radius: 99999px;
+	background: #fff;
+	border: 1px solid #fff;
+}
+/**
+ * 内页子页盒子
+ */
+.body-info {
+	padding-top: 24.66%;
+	background: url(../../image/body-bg.png) no-repeat top center;
+	background-size: 100% auto;
+	min-height: 100vh;
+}
+
+
+
+/**
+ *显示信息 - 块框
+ */
+.show-info {
+	background: #fff;
+	border-radius: .08rem;
+	margin: 0 2.667% 2.667%;
+	font-size: .24rem;
+	color: #4f5d6a;
+	letter-spacing: 0;
+	padding: 6.667% 5.1%;
+	position: relative;
+	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
+}
+
+/*小图标*/
+.show-info:after {
+	content: '';
+	position: absolute;
+	background-image: linear-gradient(0deg, rgba(40, 215, 143, 1) 0%, rgba(9, 197, 180, 1) 100%);
+	width: .12rem;
+	height: .35rem;
+	top: .5rem;
+	left: 0;
+	border-bottom-right-radius: .03rem;
+	border-top-right-radius: .03rem;
+}
+
+/*标题*/
+.show-info .font-title {
+	font-size: .3rem;
+	color: #15222e;
+	font-weight: 700;
+	letter-spacing: 0;
+	text-align: left;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: .2rem;
+	align-items: center;
+}
+
+/*副标题*/
+.show-info .vice-title {
+	font-size: .2rem;
+	color: #666;
+	vertical-align: bottom;
+}
+
+/*内容*/
+.show-info .font-detail {
+	font-size: .24rem;
+}
+
+.show-info .img-list {
+	margin-top: 7.1%;
+}
+
+.show-info .img-list img {
+	width: 100%;
+}
+
+/**
+ * 时间线
+ */
+.time-line {}
+
+/*轴列*/
+.time-line .time-point {
+	padding-left: .4rem;
+	padding-bottom: .2rem;
+	font-size: .24rem;
+	color: #4f5d6a;
+	letter-spacing: 0;
+}
+
+/*轴点*/
+.time-line .time-point:after {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: .06rem;
+	height: .06rem;
+	border-radius: 50%;
+	background: #D0F5EC;
+	box-shadow: 0 0 0 .1rem rgba(20, 203, 167, 1);
+}
+
+.time-line .time-point .img-box {
+	max-width: 1.4rem;
+	margin-left: .1rem;
+}
+
+.time-line .time-point .img-box img {
+	max-width: 1.4rem;
+}
+
+.time-line .time-point .time {
+	font-size: .28rem;
+	color: #12caa9;
+	letter-spacing: 0;
+	line-height: .3rem;
+}

src/U/js/U-config.js

@@ -0,0 +1,7 @@
+'use strict'
+U.versions = "#v_1651912814454#";
+//全局配置
+U.sCon = {
+	host: "/buyerside-h5-api",
+	wxlogin: '/buyerside-h5-api/wx/jump'
+}

src/U/js/U-hookAjax.js

@@ -0,0 +1,45 @@
+//加载动画
+U.loading().startLoad('正在加载页面资源…').ready(function() {
+	U.closeLoad();
+});
+//版本检测
+U.V = function(s){
+	//储存版本号在浏览器本地
+	let v = s != U.versions;
+	if (v) {
+		localStorage['gyl_web_versions'] = U.versions;
+		alert("发现新版本立即更新");
+		U.L("正在更新资源……");
+		window.location.reload(true);
+	}
+}
+U.ready(function(){
+	let v = localStorage['gyl_web_versions'];
+	if(v != undefined){
+		U.V(v);
+	}else{
+		localStorage['gyl_web_versions'] = U.versions;
+	}
+});
+//拦截器
+U.hookAjax({
+	//拦截回调 - readyState状态改变触发
+	onreadystatechange: function(xhr) {
+		if (xhr.status != 200) {
+			U.E(xhr.responseURL + "<br>(" + xhr.status + ")出错了");
+		}
+	},
+	//拦截打开
+	open: function(arg, xhr) {
+		
+	},
+	onload: function(xhr) {
+
+	},
+	//拦截POST 发送请求
+	send: function(a) {
+
+	},
+	//请求头
+	setRequestHeader: function(h, xhr) {}
+});

src/U/json/1.json

@@ -0,0 +1,40 @@
+{
+	"retHead": {
+		"errCode": 0,
+		"errMsg": "获取菜单url成功"
+	},
+	"retBody": {
+		"total": 10000,
+		"detail": [{
+			"title":"首页",
+			"name":"navItem1",
+			"url":"/pages/home.html"
+		},{
+			"title":"信息资讯",
+			"name":"navItem2",
+			"url":"/pages/news.html",
+			"child":[
+				{
+					"title":"资讯详情",
+					"name":"newsInfo",
+					"url":"/pages/news-info-tpl.html"
+				}
+			]
+		},{
+			"title":"价格查询",
+			"name":"navItem3",
+			"url":"/pages/query.html",
+			"child":[
+				{
+					"title":"资讯详情",
+					"name":"queryRiseFall",
+					"url":"/pages/query-rise-fall-tpl.html"
+				}
+			]
+		},{
+			"title":"价格举报",
+			"name":"navItem4",
+			"url":"/pages/report.html"
+		}]
+	}
+}

src/U/json/jg_list.json

@@ -0,0 +1,64 @@
+{
+	"retHead": {
+		"errCode": 0,
+		"errMsg": "成功"
+	},
+	"retBody": {
+		"total": 10000000,
+		"list": [{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		},{
+			"id":1,
+			"name":12
+		}]
+	}
+}

src/U/json/menuUrl.json

@@ -0,0 +1,40 @@
+{
+	"retHead": {
+		"errCode": 0,
+		"errMsg": "获取菜单url成功"
+	},
+	"retBody": {
+		"total": 10000,
+		"detail": [{
+			"title":"首页",
+			"name":"navItem1",
+			"url":"/pages/home.html"
+		},{
+			"title":"信息资讯",
+			"name":"navItem2",
+			"url":"/pages/news.html",
+			"child":[
+				{
+					"title":"资讯详情",
+					"name":"newsInfo",
+					"url":"/pages/news-info-tpl.html"
+				}
+			]
+		},{
+			"title":"价格查询",
+			"name":"navItem3",
+			"url":"/pages/query.html",
+			"child":[
+				{
+					"title":"资讯详情",
+					"name":"queryRiseFall",
+					"url":"/pages/query-rise-fall-tpl.html"
+				}
+			]
+		},{
+			"title":"价格举报",
+			"name":"navItem4",
+			"url":"/pages/report.html"
+		}]
+	}
+}

src/assets/css/main.css

@@ -0,0 +1,1398 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+* {
+	touch-action: pan-y;
+}
+
+html,
+body {
+	width: 100%;
+	height: 100%;
+	color: #15222e;
+	font-size: 50px;
+	overflow: hidden;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+h7 {
+	font-weight: normal;
+}
+
+.container {
+	width: 100%;
+	height: 100%;
+	background-color: #f5f8fa;
+}
+
+#app {
+	width: 100%;
+	height: 100%;
+}
+
+.content {
+	overflow-y: auto;
+	height: calc(100% - .9rem);
+}
+
+.main {
+	overflow-y: auto;
+	height: calc(100% - 1.39rem);
+}
+
+.wrap {
+	height: 100%;
+	overflow-y: auto;
+	background-color: #fff;
+}
+
+.mt {
+	margin-top: 0.24rem;
+}
+
+.mb {
+	margin-bottom: 0.24rem;
+}
+
+.ml {
+	margin-left: 0.24rem;
+}
+
+.mr {
+	margin-right: 0.24rem;
+}
+
+.yd-confirm-hd {
+	text-align: center !important;
+}
+
+#app .yd-timeline {
+	font-size: .26rem;
+}
+
+#app .yd-cell-left {
+	color: inherit;
+	white-space: normal;
+}
+
+#app .yd-cell-left span {
+	min-width: 1.5rem;
+}
+
+#app .yd-cell-title {
+	color: #15222E;
+}
+
+#app .yd-textarea>textarea {
+	color: #15222E;
+	font-size: .28rem;
+	height: .5rem;
+	font-size: .25rem;
+}
+
+#app .yd-cell-right {
+	color: #999;
+	min-width: 0.8rem;
+	font-size: .285rem;
+}
+
+.sex-radio .yd-radio .yd-radio-icon {
+	vertical-align: middle;
+	display: none;
+}
+
+.sex-radio .yd-radio .yd-icon-checkoff {
+	position: absolute;
+	right: .24rem;
+}
+
+#app .login-cell .yd-cell-left span {
+	min-width: 1.2rem;
+}
+
+#app .login-cell .yd-cell-right {
+	min-height: .9rem;
+	padding-right: .17rem;
+}
+
+#app .login-cell .yd-cell-right .yd-input input {
+	font-size: .3rem;
+}
+
+#app .yd-cell-right span i {
+	vertical-align: middle;
+}
+
+#app .yd-tabbar-txt {
+	font-size: .24rem;
+}
+
+#app .yd-cell-right .yd-input input,
+#app .yd-cell-right input {
+	color: #15222E;
+}
+
+#app .yd-radio-text {
+	color: inherit;
+}
+
+#app .yd-radios {
+	text-align: center;
+	background-color: #f5f8fa;
+	padding: .24rem 0;
+}
+
+.yd-cell a.yd-cell-item:active,
+.yd-cell label.yd-cell-item:active {
+	background-color: transparent;
+}
+
+.yd-tab-box {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	z-index: 100;
+}
+
+.login-btn .yd-btn-disabled {
+	opacity: .6;
+	background-image: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+}
+
+.yd-btns {
+	position: fixed;
+	bottom: -2px;
+	display: flex;
+	width: 100%;
+	z-index: 1000;
+	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.yd-btns .yd-btn {
+	flex: 1;
+	height: .92rem;
+	font-size: 0.28rem;
+	border-radius: 0;
+	border: none;
+}
+
+.yd-btns-circle {
+	position: fixed;
+	left: 1rem;
+	right: 1rem;
+	bottom: 0.24rem;
+	display: flex;
+	z-index: 100;
+}
+
+.yd-btns-circle .yd-btn {
+	flex: 1;
+	height: 0.9rem;
+	font-size: 0.28rem;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+}
+
+.yd-btns-bill {
+	position: fixed;
+	bottom: .96rem;
+	display: flex;
+	width: 100%;
+	z-index: 1000;
+	box-shadow: 0 -5px 12px -8px rgba(0, 0, 0, 0.2);
+}
+
+.yd-btns-bill>.yd-btn {
+	flex: 1;
+	height: .92rem;
+	font-size: 0.28rem;
+	border-radius: 0;
+	border: none;
+}
+
+.yd-btns-bill .yd-btn:last-child {
+	flex: 0.4;
+}
+
+.bill-btns .yd-btn {
+	min-width: 1.3rem;
+	font-size: .27rem;
+	height: .66rem;
+}
+
+.yd-btns-bill .yd-btn-hollow:not(.yd-btn-loading):active {
+	background-color: #fff;
+}
+
+.bill-btns .yd-btn:first-child {
+	border: 1px solid #F26163;
+	color: #F26163;
+	margin-right: .1rem;
+}
+
+#app .bill-box {
+	height: .86rem;
+	position: relative;
+	display: flex;
+	align-items: center;
+	color: #fff;
+	font-size: .265rem;
+}
+
+#app .bill-box h4 {
+	font-size: .3rem;
+	flex: 1;
+	text-align: center;
+}
+
+#app .bill-box span {
+	position: absolute;
+	right: .24rem;
+}
+
+.bill-opt {
+	display: flex;
+	align-items: center;
+	font-size: .265rem;
+}
+
+.bill-opt>span:first-child {
+	text-align: left;
+}
+
+.bill-opt .yd-checkbox-text {
+	color: #15222e;
+	font-size: .265rem;
+	vertical-align: 2px;
+}
+
+.bill-opt>span:last-child {
+	text-align: right;
+	flex: 1;
+}
+
+.goods-list-r .bill-checkList {
+	height: 100vh;
+	overflow-y: auto;
+	padding-bottom: 2.8rem;
+}
+
+.bg-box .yd-search-input {
+	background-color: transparent;
+	padding: 0.34rem 0 0.24rem 0.24rem;
+	color: #fff;
+}
+
+.bg-box .yd-search-input>.search-input {
+	border-radius: 200px;
+	font-size: 0.26rem;
+	background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-box .yd-search-input>.search-input input {
+	color: #fff;
+}
+
+#app .yd-search-input>.search-input .search-icon:after,
+#app .yd-search-input>.cancel-text,
+#app .search-input .yd-input-clear:after {
+	color: #fff !important;
+	font-size: 0.26rem;
+	line-height: 0.64rem;
+}
+
+#app .search-input .yd-input>input::-webkit-input-placeholder {
+	color: #fff;
+	line-height: 0.3rem;
+}
+
+#app .yd-search-input>.search-input .search-icon:after,
+#app .search-input .yd-input-clear:after {
+	font-size: 0.30rem;
+}
+
+#app .yd-search-input>.cancel-text,
+#app .yd-search-input>.search-input {
+	height: 0.64rem;
+}
+
+.bg-box .yd-search-input:after,
+#app .yd-search-input:before {
+	background-image: none;
+}
+
+.follow-btns-circle {
+	padding: 0 1rem .5rem;
+}
+
+.follow-btns-circle .yd-btn-block {
+	font-size: 0.28rem;
+	height: 0.9rem;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+}
+
+.yd-btns-circle .yd-btn i {
+	font-size: 0.45rem;
+	margin-right: 0.05rem;
+	vertical-align: -3px;
+}
+
+.yd-tab-panel {
+	height: 100vh;
+	overflow-y: auto !important;
+	padding-top: 0.8rem;
+	padding-bottom: 1.20rem;
+}
+
+.yd-confirm-bd {
+	font-size: 13px !important;
+	line-height: 22px !important;
+}
+
+.yd-btn-primary:not(.yd-btn-loading) {
+	background-image: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+}
+
+.yd-btn-primary {
+	color: #fff;
+}
+
+.yd-tabbar-fixed {
+	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+	font-size: 0.20rem !important;
+	z-index: 2001;
+}
+
+.yd-alert .yd-confirm-bd {
+	text-align: left !important;
+	color: #666;
+}
+
+.cell-group-box .yd-cell-item {
+	padding-left: 0;
+}
+
+.cell-group-box .yd-cell-right {
+	padding-right: 0;
+}
+
+.yd-cell-item:not(:last-child):after {
+	margin-left: 0 !important;
+}
+
+.yd-tabbar-fixed .yd-tabbar-icon i {
+	line-height: 0.5rem;
+	color: #15222E;
+}
+
+
+
+/* 自定样式 */
+.theme {
+	background-image: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+	color: #fff;
+}
+
+.router-link-active,
+.router-link-active i {
+	color: #00b7bd !important;
+}
+
+.cell-bg {
+	background-color: #fff;
+	border-radius: 10px;
+	margin: 0.24rem 0.24rem;
+}
+
+.tabbar-icon-box {
+	padding: 0.24rem 0;
+	position: relative;
+}
+
+
+
+.tabbar-icon-box .yd-tabbar:after {
+	background-image: none;
+}
+
+.tabbar-icon-box .yd-tabbar-icon i {
+	color: #15222e;
+	margin-bottom: 0.05rem;
+}
+
+.tabbar-icon-box .yd-tabbar-item:last-child .yd-tabbar-icon i {
+	color: #00b7bd;
+}
+
+.tabbar-icon-box .yd-tabbar-item {
+	position: relative;
+}
+
+.tabbar-icon-box .yd-tabbar-txt {
+	color: #15222e;
+	font-size: .26rem !important;
+	margin-top: 0.05rem;
+}
+
+.tabbar-icon-box .yd-badge-danger {
+	background-color: #fff;
+	color: #ef4f4f;
+	border: 1px solid #ef4f4f;
+}
+
+.cell-group-box {
+	padding: 0 0.30rem;
+}
+
+.cell-group-box .yd-cell-left span {
+	color: #15222e;
+}
+
+.cell-group-box .yd-cell:after {
+	background-image: none;
+}
+
+
+/* 订单 */
+.order-item {
+	margin: 0 0.2rem;
+}
+
+.order-item .order-item-state {
+	display: flex;
+	align-items: center;
+	padding: 0.28rem 0.24rem 0.16rem;
+	font-size: 0.28rem;
+}
+
+.order-item .order-item-state div {
+	flex: 1;
+	font-size: 0.26rem;
+}
+
+.order-item .order-item-state div:last-child {
+	text-align: right;
+}
+
+.order-item .order-item-state .time {
+	color: #666;
+}
+
+.order-item .order-item-state .normal {
+	color: #00b7bd;
+}
+
+.order-item .order-item-state .finish {
+	color: #666;
+}
+
+.order-item-text {
+	background-color: #fff;
+	border-radius: 8px;
+	padding: .24rem .24rem .3rem;
+	font-size: 0.24rem;
+}
+
+.order-item .order-item-text {
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+.order-item-text .item-text-header {
+	font-size: 0.285rem;
+	padding-bottom: 0.14rem;
+	border-bottom: 1px solid #ececec;
+}
+
+.order-item-text .item-text-header i {
+	vertical-align: middle;
+	margin-right: 0.05rem;
+}
+
+.order-item-text .item-text-content {
+	display: flex;
+	min-height: 1.8rem;
+	align-items: center;
+
+}
+
+.order-item-flow .item-text-body {
+	padding-top: .24rem;
+}
+
+.order-item-flow .item-text-cell {
+	border-top: 1px solid #ececec;
+	padding-top: .24rem;
+}
+
+.order-item-flow .item-text-cell:first-child {
+	border-top: none;
+	padding-top: 0;
+	padding-bottom: .24rem;
+}
+
+.order-item-text .item-text-content .item-text-img {
+	background-color: #fff;
+	height: 100%;
+	min-height: 1.8rem;
+	display: flex;
+	align-items: center;
+	border-radius: 4px;
+}
+
+.order-item-text .item-text-content img {
+	width: 1.8rem;
+	height: auto;
+	max-height: 1.8rem;
+}
+
+.order-item-text .item-text-content .item-text-font {
+	width: 100%;
+	margin-left: 0.24rem;
+	position: relative;
+}
+
+.order-item-text .item-text-content .item-text-font p {
+	color: #15222e;
+	display: flex;
+	font-size: 0.28rem;
+}
+
+.order-item-text .item-text-content .item-text-font p span:first-child {
+	flex: 1;
+}
+
+.order-item-text .item-text-content .item-text-font p span:last-child {
+	text-align: right;
+	min-width: 1.1rem;
+}
+
+.order-item-text .item-text-content .item-text-font .title {
+	margin-bottom: 0.2rem;
+}
+
+.order-item-text .item-text-content .item-text-font .desc span:first-child {
+	color: #999;
+}
+
+.order-item-text .item-text-content .item-text-font .desc span:last-child {
+	font-size: 0.24rem;
+}
+
+.order-item-text .item-text-content .item-text-font .total {
+	color: #666;
+	font-size: .24rem;
+	margin-top: 0.2rem;
+}
+
+.order-desc .order-item-text .order-item-total {
+	border-top: 1px solid #ECECEC;
+	padding-top: .24rem;
+}
+
+.order-item-text .order-item-total {
+	text-align: right;
+	font-size: .26rem;
+	color: #666;
+}
+
+.order-item-text .order-item-total span {
+	font-size: 0.30rem;
+	color: #ef4f4f;
+	margin-left: .1rem;
+}
+
+.order-item-text .item-text-content .item-text-font .total span {
+	font-size: 0.30rem;
+	color: #15222e;
+}
+
+.order-item-text .item-text-content .item-text-font .pip {
+	font-size: 0.24rem;
+	margin-top: .2rem;
+}
+
+.order-item-text .item-text-spec {
+	font-size: .28rem;
+	display: flex;
+	align-items: center;
+	margin-top: .34rem;
+}
+
+.order-item-text .item-text-spec li {
+	padding: .1rem .2rem;
+	margin-right: .3rem;
+	background-color: #f3f5f6;
+	border-radius: 200px;
+	border: 1px solid transparent;
+	text-align: center;
+	min-width: 1.4rem;
+}
+
+.order-item-text .item-text-spec li.active {
+	border: 1px solid #ef4f4f;
+	background-color: #fff;
+	color: #ef4f4f;
+}
+
+.order-item-text .message {
+	font-size: 0.26rem;
+	color: #15222E;
+	margin-top: 0.24rem;
+}
+
+
+.order-item-text .message span {
+	color: #666;
+	margin-left: 0.1rem;
+}
+
+.order-item-text .item-text-btns {
+	color: #999;
+	margin-top: 0.24rem;
+	text-align: right;
+}
+
+.order-item-text .item-text-btns .yd-btn {
+	width: 1.2rem;
+	background-color: #fff;
+	color: #666;
+	border: 1px solid #ddd;
+	margin-left: 0.15rem;
+	height: .56rem;
+	font-size: 0.26rem;
+}
+
+.order-item-text .item-text-btns .yd-btn.operate {
+	border-color: #00b7bd;
+	color: #00b7bd;
+}
+
+.order-item-text .order-item-flow {
+	margin-bottom: .24rem;
+}
+
+/* 订单详情 */
+.yd-cell-wrap {
+	padding-top: 0.95rem;
+}
+.yd-cell-wrap .yd-cell-box:first-child .yd-cell{
+	padding-top: 1rem;
+}
+.logistics {
+	font-size: 0.27rem;
+	margin-bottom: 0 !important;
+}
+
+.contact {
+	font-size: 0.285rem;
+}
+
+.logistics .yd-cell,
+.contact .yd-cell {
+	padding: 0.24rem 0.7rem 0.3rem;
+}
+
+.logistics .yd-cell {
+	padding-bottom: 0.24rem;
+	border-bottom: 1px solid #ECECEC;
+	color: #036a6d;
+}
+
+.logistics .yd-cell .time {
+	padding-top: .15rem;
+	color: #999;
+	font-size: 0.26rem;
+}
+
+.contact .yd-cell p span {
+	margin-right: 0.25rem;
+}
+
+.contact .yd-cell p.addr {
+	font-size: 0.24rem;
+	margin-top: 0.1rem;
+	color: #999;
+}
+
+.recAddr {
+	padding: 0.24rem 0;
+	font-size: .285rem;
+}
+
+.recAddr p span {
+	margin-right: 0.5rem;
+	font-size: .285rem;
+}
+
+.recAddr p.addr {
+	font-size: 0.24rem;
+	color: #666;
+	margin-top: 0.08rem;
+}
+
+.recAddr p .default {
+	background-color: #ef4f4f;
+	border-radius: 200px;
+	font-size: 10px;
+	color: #fff;
+	padding: 3px 8px;
+	margin-left: .1rem;
+}
+
+.desc-box .recAddr .yd-cell {
+	padding: .24rem 0;
+	position: relative;
+}
+
+.desc-box .recAddr .yd-cell:after {
+	content: "";
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: -0.05rem;
+	height: .08rem;
+	background-image: url("../img/rep.png");
+}
+
+.cell-group-flex .order-desc {
+	position: relative;
+	border-bottom: .2rem solid #f5f8fa;
+}
+
+.cell-group-flex .order-desc:last-child {
+	border-bottom: none;
+}
+
+.cell-group-flex .order-desc::after {
+	height: 1px;
+	position: absolute;
+	z-index: 0;
+	bottom: 0;
+	left: 0;
+	content: "";
+	width: 100%;
+	background-image: -webkit-linear-gradient(bottom, #e4e4e4 50%, transparent 0);
+	background-image: linear-gradient(0deg, #e4e4e4 50%, transparent 0);
+}
+
+.botInfo {
+	padding-bottom: .24rem;
+}
+
+.botInfo .yd-cell {
+	padding: 0.24rem;
+}
+
+.botInfo ul li {
+	font-size: 0.26rem;
+	display: flex;
+	line-height: 0.5rem;
+}
+
+.botInfo ul li>div {
+	flex: 1;
+}
+
+.botInfo ul li>div:first-child {
+	flex: 2;
+}
+
+.botInfo span {
+	color: #999;
+}
+
+/* 个人中心 */
+.tips {
+	color: #999;
+	position: absolute;
+	width: 70%;
+	top: 60%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	text-align: center;
+	font-size: 0.26rem;
+}
+
+.tips p {
+	margin-top: 0.15rem;
+}
+
+.darkTip {
+	color: #999;
+	padding: 0 .24rem;
+	font-size: .26rem;
+	line-height: .45rem;
+}
+
+.uploadImg {
+	font-size: .285rem;
+	height: 3.8rem;
+	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid #ececec;
+	border-radius: 8px;
+	margin: 0 .24rem;
+	margin-top: .24rem;
+	position: relative;
+	overflow: hidden;
+}
+
+.uploadImg>div p {
+	color: #999;
+	font-size: .26rem;
+}
+
+.upload-input {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	left: 0;
+	top: 0;
+	opacity: 0;
+	cursor: pointer;
+	z-index: 1
+}
+
+.pre-img {
+	position: absolute;
+	max-height: 100%;
+	max-width: 100%;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	margin: 0 auto;
+}
+
+.hint {
+	font-size: 0.28rem;
+	text-align: center;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 100%;
+	transform: translate(-50%, -60%);
+}
+
+.hint p {
+	color: #818181;
+	margin-top: 0.1rem;
+	line-height: .46rem;
+}
+
+.hint img {
+	width: 3rem;
+}
+
+.goods-list {
+	display: flex;
+}
+
+.yd-checklist-item {
+	align-items: center;
+}
+
+.goods-list .goods-list-l {
+	flex: 0.5;
+	max-height: 100vh;
+	overflow-y: auto;
+	padding-bottom: 2.8rem;
+}
+
+.goods-list .goods-list-l li {
+	padding: 0.4rem 0 0.4rem 0.4rem;
+	font-size: 0.26rem;
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+}
+
+.goods-list .goods-list-l li.active {
+	background-color: #fff;
+	color: #00B7BD;
+	position: relative;
+	font-weight: bold;
+	border-top: 1px solid #ececec;
+	border-bottom: 1px solid #ececec;
+}
+
+.goods-list .goods-list-l li:first-child.active {
+	border-top: none;
+}
+
+.goods-list .goods-list-l li.active:before {
+	content: '';
+	position: absolute;
+	left: 0;
+	width: 0.09rem;
+	height: 0.36rem;
+	background-color: #00B7BD;
+}
+
+.goods-list .goods-list-r {
+	flex: 1;
+	font-size: 0.28rem;	
+	border-left: 1px solid #ececec;
+	overflow-y: auto;
+	height: calc(100vh - 1.24rem);
+}
+
+.yd-checklist:after {
+	background-image: none !important;
+}
+
+.demo-checklist-img {
+	width: 1.2rem;
+	min-height: .6rem;
+	margin-right: .2rem;
+}
+
+/* 需求报价 */
+.price-box {
+	border-bottom: 0.35rem solid #f5f8fa;
+}
+
+.price-header {
+	border-bottom: 1px solid #ececec;
+	display: flex;
+	align-items: center;
+	padding: .35rem;
+	font-size: 0.3rem;
+}
+
+.price-header>div {
+	display: flex;
+	align-items: center;
+}
+
+.price-header>div:first-child {
+	flex: 1;
+}
+
+.price-header img {
+	width: 1.4rem;
+	margin-right: 0.45rem;
+}
+
+.price-body h4 {
+	font-size: 0.28rem;
+	text-align: center;
+	position: relative;
+	height: 0.5rem;
+	margin-top: 0.3rem;
+}
+
+.price-body h4 span {
+	background-color: #fff;
+	padding: 0 .35rem;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	z-index: 1;
+}
+
+.price-body h4:after {
+	content: '';
+	position: absolute;
+	background-color: #ececec;
+	height: 1px;
+	width: 100%;
+	top: 50%;
+	left: 0;
+}
+
+.shop-price {
+	margin: 0.2rem 0;
+}
+
+.shop-price li {
+	font-size: .26rem;
+	display: flex;
+	padding-left: .24rem;
+	align-items: center;
+}
+
+.shop-price li>span {
+	flex: 1;
+	padding: 0.15rem 0;
+}
+
+.shop-price li>span:first-child {
+	flex: 1.5;
+	text-align: left;
+}
+
+.shop-price li>span:last-child {
+	flex: 0.5;
+	text-align: center;
+}
+
+.shop-price li>span em {
+	color: #00B7BD;
+	padding: 0 0.01rem;
+	font-weight: bold;
+}
+
+
+.shopcart-icon {
+	background-color: #999;
+	border-radius: 50%;
+	width: 0.65rem;
+	height: 0.65rem;
+	line-height: 0.65rem;
+	margin: 0 auto;
+	background-image: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+}
+
+.price-more {
+	border-top: 1px solid #ececec;
+	padding: 0.2rem 0;
+	text-align: center;
+	font-size: 0.26rem;
+}
+
+.price-btns-circle {
+	position: fixed;
+	left: 0.3rem;
+	right: 0.3rem;
+	bottom: 0.24rem;
+	display: flex;
+	z-index: 100;
+}
+
+.price-btns-circle .yd-btn {
+	height: 0.9rem;
+	font-size: 0.28rem;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+}
+
+.price-btns-circle .yd-btn:first-child {
+	border-radius: 200px 0 0 200px;
+	flex: 1;
+	position: relative;
+}
+
+.price-btns-circle .yd-btn:first-child:not(.yd-btn-loading) {
+	background-image: linear-gradient(-269deg, #2D3F3F 0%, #3E5957 97%);
+}
+
+.price-btns-circle .yd-btn:last-child {
+	border-radius: 0 200px 200px 0;
+	flex: 0.3;
+}
+
+.shopcart-badge {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+
+.shopcart-badge .shopcart-img {
+	width: 1rem;
+}
+
+.shopcart-badge .yd-badge {
+	position: absolute;
+	left: 100%;
+	z-index: 999;
+	top: .15rem;
+	margin-left: -.2rem;
+}
+
+.shop-taotal {
+	font-size: 0.28rem;
+}
+
+.shop-taotal span {
+	font-size: 0.32rem;
+}
+
+/* 店铺首页 */
+.goods-group {
+	/* position: absolute; */
+	/* left: 0; */
+	/* right: 0; */
+	/* top: 2.4rem; */
+	/* z-index: 10000; */
+	position: relative;
+	top: -1.3rem;
+	z-index: 10000;
+	overflow-y: auto;
+	height: 100%;
+	padding-bottom: 2.6rem;
+}
+
+.goods-group li {
+	display: flex;
+	align-content: center;
+	flex-wrap: wrap;
+
+}
+
+.goods-group li .goods-group-item {
+	width: 50%;
+	display: inline-block;
+	padding: .3rem;
+	border-bottom: 1px solid #ececec;
+}
+
+.goods-group li .goods-group-item:nth-of-type(odd) {
+	border-right: 1px solid #ececec;
+}
+
+.goods-group .goods-top {
+	text-align: center;
+}
+
+.goods-group .goods-top img {
+	width: 100%;
+}
+
+.goods-group h2 {
+	font-size: .28rem;
+	margin-top: .1rem;
+}
+
+.goods-group .goods-bot {
+	font-size: .26rem;
+	display: flex;
+	align-items: center;
+}
+
+.goods-group .goods-bot span:first-child {
+	flex: 1;
+}
+
+.goods-group .goods-bot span em {
+	color: #00D1B2;
+}
+
+.login-form .yd-cell:after {
+	background-image: none;
+}
+
+/* 验证码拖动 */
+.code-box {
+	padding: 0 10px;
+	height: .9rem;
+	color: #fff;
+	background: rgba(0, 0, 0, 0.16);
+	border: 0;
+	border-radius: 5px;
+	outline: none;
+	font-size: .26rem;
+}
+
+.code-box {
+	position: relative;
+}
+
+.code-box p,
+.code-box span {
+	display: block;
+	position: absolute;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	text-align: center;
+	border-radius: 5px;
+	line-height: .9rem;
+}
+
+.code-box span {
+	width: 1rem !important;
+	background-color: #fff;
+	font-weight: bold;
+	cursor: pointer;
+	border: 1px solid #ececec;
+}
+
+.code-box span i {
+	font-weight: bold;
+}
+
+.code-box p {
+	width: 0;
+	background-color: #FFFF99;
+	overflow: hidden;
+	text-indent: -20px;
+	transition: background 1s ease-in;
+}
+
+.code-box .code-input {
+	display: none;
+}
+
+#slide-status {
+	line-height: .9rem;
+	color: #666;
+	font-size: .28rem;
+	text-align: center;
+}
+
+
+/* 购物车选择列表 */
+.yd-popup {
+	border-radius: 10px 10px 0 0;
+}
+
+.picks-bg {
+	background-color: #f5f7f8;
+	font-size: .28rem;
+	display: flex;
+	align-items: center;
+	padding: .24rem;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	border-radius: 10px 10px 0 0;
+}
+
+.picks-bg>span:first-child {
+	flex: 1;
+}
+
+.shopcart-picks {
+	padding-top: .94rem;
+	padding-bottom: .94rem;
+	height: calc(100vh - 3rem);
+}
+
+.shopcart-picks li {
+	font-size: .26rem;
+	display: flex;
+	padding: 0 .24rem;
+	align-items: center;
+	padding: 0.24rem .24rem;
+	border-bottom: 1px solid #ECECEC;
+}
+
+.shopcart-picks li:last-child {
+	border-bottom: none;
+}
+
+.shopcart-picks li>span {
+	flex: 1;
+	text-align: center;
+}
+
+.shopcart-picks li>span:first-child {
+	flex: 2;
+	text-align: left;
+}
+
+.shopcart-picks li>span:last-child {
+	flex: 0.5;
+	text-align: center;
+}
+
+.shopcart-picks li>span em {
+	color: #00B7BD;
+	padding: 0 0.01rem;
+	font-weight: bold;
+}
+
+/* 暂无数据 */
+.noData {
+	text-align: center;
+	margin-top: .3rem;
+	margin-bottom: .4rem;
+}
+
+.noData img {
+	width: 40%;
+}
+
+.noData p {
+	color: #666;
+	font-size: .28rem;
+	margin-top: .1rem;
+}
+
+/* 商品详情 */
+.goods-img {
+	text-align: center;
+	padding-top: .5rem;
+}
+
+.goods-img img {
+	max-height: 3rem;
+	min-width: 2rem;
+}
+
+.goods-text {
+	padding: .5rem .24rem;
+}
+
+.goods-text li {
+	display: flex;
+	font-size: .285rem;
+	margin-bottom: .24rem;
+}
+
+.goods-text li:last-child {
+	margin-bottom: 0;
+}
+
+.goods-text li span:last-child {
+	color: #999;
+}
+
+.goods-text li span:first-child {
+	flex: 1;
+	color: #15222E;
+}
+
+.goods-text li span .price {
+	font-weight: normal;
+	font-size: .32rem;
+	color: #ef4f4f;
+}
+
+.goods-text li .title {
+	font-size: .3rem;
+}
+
+.goods-text li span dl {
+	display: flex;
+	align-items: center;
+	font-size: .26rem;
+}
+
+.goods-text li span dl dd {
+	padding: .08rem .25rem;
+	border-radius: 200px;
+	border: 1px solid #00B7BD;
+	margin-right: .2rem;
+}
+
+.goods-text li span dl dd.active {
+	background-color: #00B7BD;
+	color: #fff;
+}
+
+.desc-bot {
+	padding: .3rem .24rem;
+	text-align: center;
+}
+
+.desc-bot h2 {
+	font-size: .3rem;
+	padding-bottom: .3rem;
+	border-bottom: 1px solid #ECECEC;
+	margin-bottom: .3rem;
+}
+
+.desc-bot img {
+	width: 100%;
+}

src/components/common/bus.js

@@ -0,0 +1,92 @@
+import request from '@/utils/request'
+import moment from 'moment'
+
+var baseMixin = {
+	data() {
+		return {
+			buyerId: this.Cookies.get('buyerId'),
+			openid: this.Cookies.get('openid'),
+			Urls: {
+				listUrl: '',
+				formAddUrl: '',
+				formUpdateUrl: '',
+				deleteRowUrl: '',
+				isExistUrl: '',
+				statusUrl: ''
+			}
+		}
+	},
+	filters: {
+		filterTime: function(value) {
+			return moment(value).format('YYYY-MM-DD HH:mm:ss')
+		},
+	},
+	watch: {},
+	created() {},
+	computed: {},
+	methods: {
+		pushHistory() {
+			let state = {
+				title: 'title',
+				url: '#'
+			};
+			window.history.pushState(state, state.title, state.url);
+		},
+		gotoView(event) {
+			console.log('进入了')
+			let This = event.currentTarget;
+			setTimeout(() => {
+				This.scrollIntoView({
+					block: 'end',
+					behavior: 'smooth'
+				});
+			}, 500);
+		},
+		payMoney(id,fun) {
+			let data = {
+				openid: this.openid,
+				orderId: id,
+				status: '2',
+				test: 1
+			};
+			request({
+				url: this.Urls.payMoneyUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.$router.push('/paySuccess');
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		wxPay(obj) {
+			WeixinJSBridge.invoke(
+				'getBrandWCPayRequest', {
+					appId: obj.appId,
+					timeStamp: obj.timeStamp,
+					nonceStr: obj.nonceStr,
+					package: obj.packageValue,
+					signType: obj.signType,
+					paySign: obj.paySign
+				}, res => {
+					if (res.err_msg == 'get_brand_wcpay_request:ok') {
+						this.$router.push('/paySuccess');
+					} else if (res.err_msg == 'get_brand_wcpay_request:cancel') {
+						this.$router.push('/order');
+					} else if (res.err_msg == 'get_brand_wcpay_request:fail') {
+
+					}
+				}
+			);
+		}
+	}
+
+};
+
+export default baseMixin;

src/components/common/home.vue

@@ -0,0 +1,45 @@
+<template>
+	<div class="container">
+		<transition name="fade" mode="out-in">
+			<!-- <keep-alive> -->
+			<router-view @iconNum="iconNum" ref='routerList'></router-view>
+			<!-- </keep-alive> -->
+		</transition>
+		<yd-tabbar :fixed="true" style="z-index: 999999;" color="#666" v-if="$route.meta.tabberShow">
+			<yd-tabbar-item title="需求发布" link="/need/cache">
+				<yd-icon name="need" custom slot="icon" size="0.6rem"></yd-icon>
+				<yd-badge slot="badge" type="danger" v-text="needCache" v-if="needCache"></yd-badge>
+			</yd-tabbar-item>
+			<yd-tabbar-item title="常买清单" link="/bill"><yd-icon name="likes" custom slot="icon" size="0.6rem"></yd-icon></yd-tabbar-item>
+			<yd-tabbar-item title="订单" link="/order">
+				<yd-icon name="orders" custom slot="icon" size="0.6rem"></yd-icon>
+				<yd-badge slot="badge" type="danger" v-text="orderNum" v-if="orderNum"></yd-badge>
+			</yd-tabbar-item>
+			<yd-tabbar-item title="我的" link="/personal" :active="active"><yd-icon name="my" custom slot="icon" size="0.6rem"></yd-icon></yd-tabbar-item>
+		</yd-tabbar>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+export default {
+	props:['orderNum'],
+	data() {
+		return {
+			active: false,
+			needCache: ''
+		};
+	},
+	created() {
+		var _this = this;
+		this.$root.$on('cacheList', function(res) {
+			typeof res == 'function' && res(_this.$refs);
+		});
+	},
+	methods: {
+		iconNum(obj) {
+			this[obj.name] = obj.num;
+		}
+	}
+};
+</script>

src/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>供应链-商城</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+	<script src="<%= htmlWebpackPlugin.options.BASE_URL %>U.js" door type="text/javascript" charset="utf-8"></script>
+	<script src="<%= htmlWebpackPlugin.options.BASE_URL %>plugin/jweixin-1.3.2.js"></script>
+</head>
+<body>
+	<div id="app"></div>
+</body>
+</html>

src/main.js

@@ -0,0 +1,38 @@
+/**
+ * 使用ydui   作为ui框架
+ */
+//ydui 使用rem，需另外引入ydui.flexible.js自适应类库
+import "vue-ydui/dist/ydui.rem.css";
+import 'vue-ydui/dist/ydui.flexible';
+//引入全局 公共CSS
+import './assets/css/main.css';
+//引入vue框架
+import Vue from 'vue';
+//引入主路由页面
+import App from './App';
+//引入路由配置
+import router from './router';
+//引入ajax库
+import axios from 'axios';
+import "babel-polyfill";
+//引入YDUI  vue组件
+import YDUI from 'vue-ydui';
+//引入第三方字体图标
+import './assets/iconfont/iconfont.css';
+//引入cookie库
+import Cookies from 'js-cookie';
+import moment from 'moment';
+import VueSessionStorage from 'vue-sessionstorage';
+Vue.use(VueSessionStorage);
+//注册YDUI组件
+Vue.use(YDUI);
+Vue.prototype.$axios = axios;
+Vue.prototype.Cookies = Cookies;
+Vue.prototype.moment = moment;
+//全局配置
+Vue.prototype.U = window.U;
+
+new Vue({
+	router,
+	render: h => h(App)
+}).$mount('#app');

src/router/index.js

@@ -0,0 +1,206 @@
+import Vue from 'vue';
+import Router from 'vue-router';
+
+Vue.use(Router);
+
+const router = new Router({
+	routes: [
+		{
+			path: '/',
+			redirect: '/need/cache'
+		},
+		{
+			path: '/',
+			component: resolve => require(['../components/common/home.vue'], resolve),
+			meta: {
+				title: '自述文件'
+			},
+			children: [{
+					path: '/personal',
+					component: resolve => require(['../views/personal/index.vue'], resolve),
+					meta: {
+						title: '我的',
+						tabberShow: true
+					}
+				},
+				{
+					path: '/setting',
+					component: resolve => require(['../views/personal/setting/index.vue'], resolve),
+					meta: {
+						title: '账号信息',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/setName',
+					component: resolve => require(['../views/personal/setting/name.vue'], resolve),
+					meta: {
+						title: '设置昵称',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/setSex',
+					component: resolve => require(['../views/personal/setting/sex.vue'], resolve),
+					meta: {
+						title: '设置性别',
+						tabberShow: false
+					}
+				},
+				{	
+					//参数my用于判定入口,从个人中心进入my==1
+					path: '/recAddr/:my',
+					component: resolve => require(['../views/personal/addr/recAddr.vue'], resolve),
+					name:"recAddr",
+					meta: {
+						title: '收货地址',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/newAddr',
+					component: resolve => require(['../views/personal/addr/newAddr.vue'], resolve),
+					meta: {
+						title: '新建收货地址',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/record',
+					component: resolve => require(['../views/personal/record/index.vue'], resolve),
+					meta: {
+						title: '备案信息',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/examine',
+					component: resolve => require(['../views/personal/record/examine.vue'], resolve),
+					meta: {
+						title: '备案信息',
+						tabberShow: false
+					}
+				},
+				{	
+					path: '/order',
+					component: resolve => require(['../views/order/index.vue'], resolve),
+					name:"order",
+					meta: {
+						title: '订单',
+						tabberShow: true
+					}
+				},
+				{
+					path: '/desc',
+					component: resolve => require(['../views/order/desc.vue'], resolve),
+					meta: {
+						title: '订单详情',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/logistics',
+					component: resolve => require(['../views/order/logistics.vue'], resolve),
+					meta: {
+						title: '物流信息',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/need/cache',
+					component: resolve => require(['../views/need/cache.vue'], resolve),
+					meta: {
+						title: '采购需求',
+						tabberShow: true
+					}
+				},
+				{
+					path: '/need/put',
+					component: resolve => require(['../views/need/put.vue'], resolve),
+					meta: {
+						title: '立即备案',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/goodsList',
+					component: resolve => require(['../views/goods/list.vue'], resolve),
+					meta: {
+						title: '新鲜蔬菜',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/goodsPrice',
+					component: resolve => require(['../views/goods/price.vue'], resolve),
+					meta: {
+						title: '需求报价',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/pay',
+					component: resolve => require(['../views/goods/pay.vue'], resolve),
+					meta: {
+						title: '确认订单',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/paySuccess',
+					component: resolve => require(['../views/goods/paySuccess.vue'], resolve),
+					meta: {
+						title: '下单成功',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/shop',
+					component: resolve => require(['../views/shop/index.vue'], resolve),
+					meta: {
+						title: '店铺首页',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/attention',
+					component: resolve => require(['../views/shop/attention.vue'], resolve),
+					meta: {
+						title: '关注的店铺',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/shop/desc',
+					component: resolve => require(['../views/shop/desc.vue'], resolve),
+					meta: {
+						title: '商品详情',
+						tabberShow: false
+					}
+				},
+				{
+					path: '/bill',
+					component: resolve => require(['../views/bill/index.vue'], resolve),
+					meta: {
+						title: '常买清单',
+						tabberShow: true
+					}
+				},
+			]
+		},
+		{
+			path: '/login',
+			component: resolve => require(['../views/login.vue'], resolve),
+			name:'login'
+		}
+	]
+});
+
+router.beforeEach((to, form, next) => {
+	if (to.meta.title) {
+		document.title = to.meta.title
+	}
+	next();
+});
+
+export default router;

src/utils/auth.js

@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'Admin-Token'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}

src/utils/request.js

@@ -0,0 +1,48 @@
+import router from '../router';
+import axios from 'axios'
+import qs from 'qs'
+import {
+	getToken
+} from '@/utils/auth'
+
+
+
+// create an axios instance
+const service = axios.create({
+	baseURL:window.U.sCon.host,
+	timeout: 5000, // request timeout
+});
+
+// request interceptor
+service.interceptors.request.use(config => {
+	config.headers['accessToken'] = getToken(); // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
+	return config
+}, error => {
+	//console.log(error);
+	Promise.reject(error)
+});
+var againLogin = false;
+// respone interceptor
+service.interceptors.response.use(response => {
+	// alert(JSON.stringify(response));
+	if (response.data.retHead.errCode == 402 || response.data.retHead.errCode == 403 || response.data.retHead.errCode == 405) {
+		//U.E(response.data.retHead.errMsg);
+		router.replace({
+			name: 'login',
+			params:response.data.retHead
+		});
+		return
+	}else if(response.data.retHead.errCode == 404){
+		U.E(response.data.retHead.errMsg);
+		router.replace({
+			name: 'login',
+			params:response.data.retHead
+		});
+		return
+	}
+	return response
+}, (error,q,b,c) => {
+	return Promise.reject(error);
+})
+
+export default service

src/utils/validate.js

@@ -0,0 +1,43 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function isvalidUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
+
+/* 合法uri*/
+export function validateURL(textval) {
+  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return urlregex.test(textval)
+}
+
+/* 小写字母*/
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/* 大写字母*/
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/* 大小写字母*/
+export function validateAlphabets(str) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}
+
+/**
+ * validate email
+ * @param email
+ * @returns {boolean}
+ */
+export function validateEmail(email) {
+  const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+  return re.test(email)
+}
+

src/views/bill/component/index.js

@@ -0,0 +1,127 @@
+import request from '@/utils/request'
+import moment from 'moment'
+
+var indexMixin = {
+	data() {
+		return {
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			buyerId: this.Cookies.get('buyerId'),
+			openid: this.Cookies.get('openid'),
+			Urls: {
+				listUrl: '/frequentShoppingLists/list',
+				delUrl: '/frequentShoppingLists'
+			},
+			list: [],
+			checklist: [],
+			isCheckAll: false,
+			optShow: true,
+			goodsNum: 0
+		}
+	},
+	filters: {},
+	watch: {},
+	created() {
+		if (this.$route.query.add == 'false') {
+			this.optShow = false
+		}
+		this.getList();
+	},
+	computed: {},
+	methods: {
+		getList() {
+			this.$dialog.loading.open('正在加载');
+			let data = {
+				pageNum: 1,
+				pageSize: 1000,
+				userId: this.buyerId
+			}
+			request({
+				url: this.Urls.listUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					this.list = response.data.retBody.list;
+					this.checklist = [];
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		changeCheck(value, isCheckAll) {
+			this.isCheckAll = isCheckAll;
+			this.goodsNum = this.checklist.length;
+		},
+		checkAll() {
+			this.isCheckAll = this.isCheckAll == true?false:true;
+			this.$refs.checklist.$emit('ydui.checklist.checkall', this.isCheckAll);
+		},
+		addBills() {
+			this.$router.push({
+				path: '/goodsList',
+				query: {
+					type: 'add'
+				}
+			})
+		},
+		delBills() {
+			if (this.checklist.length == 0) {
+				this.$dialog.toast({
+					mes: '请选择你要删除的商品',
+					icon: 'none',
+					timeout: 1500
+				});
+				return;
+			}
+			this.$dialog.confirm({
+				title: '删除商品',
+				mes: '您确定要删除吗！！！',
+				opts: () => {
+					this.$dialog.loading.open('正在删除中');
+					let data = {
+						userId: this.buyerId,
+						productIds: this.checklist
+					}
+					request({
+						url: this.Urls.delUrl,
+						method: 'delete',
+						data
+					}).then(response => {
+						this.$dialog.loading.close();
+						if (response.data.retHead.errCode == 0) {
+							this.getList();
+						} else {
+							this.$dialog.toast({
+								mes: response.data.retHead.errMsg,
+								icon: 'error',
+								timeout: 1500
+							});
+						}
+					});
+				}
+			});
+		},
+		getPrice() {
+			if (this.checklist.length == 0) {
+				this.$dialog.toast({
+					mes: '请选择你要报价的商品',
+					icon: 'none',
+					timeout: 1500
+				});
+				return;
+			}
+			//把当前选择需求获取报价的商品保存到缓存对象
+			this.$session.set('priceObj', {
+				keys:this.checklist
+			});
+			this.$router.push('/goodsPrice');
+		},
+	}
+};
+
+export default indexMixin;

src/views/bill/index.vue

@@ -0,0 +1,132 @@
+<template>
+	<div class="content">
+		<div class="bg-box bill-box">
+			<h4>常买清单</h4>
+			<span @click="optShow = !optShow">{{ optShow ? '管理' : '完成' }}</span>
+		</div>
+		<div class="goods-list">
+			<div class="goods-list-r">
+				<yd-checklist class="bill-checkList" v-model="checklist" ref="checklist" :label="false" color="#00B7BD" :callback="changeCheck">
+					<yd-checklist-item :val="item.id" v-for="(item, index) in list" :key="index">
+						<yd-flexbox style="padding: 12px 0; max-height: 1.6rem; overflow: hidden;">
+							<img :src="U.sCon.host + item.imgUrl" class="demo-checklist-img" :onerror="defaultImg" />
+							<yd-flexbox-item align="center">{{ item.name }}</yd-flexbox-item>
+						</yd-flexbox>
+					</yd-checklist-item>
+					<div class="add-bills" v-if="!list.length">
+						<div class="box">
+							<div class="img">
+								<img src="../../assets/img/purchase.png" />
+								<p>您还没有常买清单</p>
+							</div>
+							<yd-button type="primary" shape="circle" @click.native="addBills">新增商品</yd-button>
+						</div>
+					</div>
+				</yd-checklist>
+			</div>
+		</div>
+		<div class="yd-btns-bill" v-if="optShow">
+			<yd-button type="hollow" shape="circle">
+				<div class="bill-opt">
+					<label data-v-fcc2bd38="" class="yd-checkbox yd-checkbox-circle">
+						<input type="checkbox" @change="checkAll" />
+						<span class="yd-checkbox-icon" style="width: 20px; height: 20px; color: rgb(0, 183, 189);"><i style="width: 6px; height: 12px;"></i></span>
+						<span class="yd-checkbox-text">全选</span>
+					</label>
+					<span>共选择{{ goodsNum }}种商品</span>
+				</div>
+			</yd-button>
+			<yd-button type="primary" shape="circle" @click.native="getPrice">获取报价</yd-button>
+		</div>
+		<div class="yd-btns-bill" v-if="!optShow">
+			<yd-button type="hollow" shape="circle">
+				<div class="bill-opt">
+					<label data-v-fcc2bd38="" class="yd-checkbox yd-checkbox-circle">
+						<input type="checkbox" @change="checkAll" />
+						<span class="yd-checkbox-icon" style="width: 20px; height: 20px; color: rgb(0, 183, 189);"><i style="width: 6px; height: 12px;"></i></span>
+						<span class="yd-checkbox-text">全选</span>
+					</label>
+				</div>
+			</yd-button>
+			<yd-button type="hollow" class="bill-btns">
+				<yd-button type="hollow" shape="circle" @click.native="delBills">删除</yd-button>
+				<yd-button type="primary" shape="circle" @click.native="addBills">新增商品</yd-button>
+			</yd-button>
+		</div>
+	</div>
+</template>
+
+<script type="text/babel">
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+import indexMixin from './component/index.js';
+export default {
+	name: 'bill',
+	mixins: [baseMixin, indexMixin],
+	mounted() {
+		//		this.back();
+	},
+	methods: {
+		back() {
+			window.addEventListener(
+				'popstate',
+				e => {
+					this.$router.push('/bill');
+				},
+				false
+			);
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$bg-color: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+.add-bills {
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0 1rem;
+	.box {
+		display: flex;
+		flex: 1;
+		flex-flow: column;
+		.img {
+			font-size: 0.28rem;
+			text-align: center;
+			width: 100%;
+			img {
+				width: 3rem;
+			}
+		}
+		.yd-btn {
+			margin-top: 0.5rem;
+			height: 0.9rem;
+			font-size: 0.28rem;
+			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+		}
+	}
+}
+.content {
+	overflow: hidden;
+}
+
+.bg-box {
+	height: 1.24rem;
+	background-image: $bg-color;
+	position: relative;
+
+	&::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: url('../../assets/img/line.png') no-repeat;
+		background-size: cover;
+		z-index: 0;
+	}
+}
+</style>

src/views/goods/component/list.js

@@ -0,0 +1,246 @@
+import request from '@/utils/request'
+import moment from 'moment'
+
+var indexMixin = {
+	data() {
+		return {
+			activeClass: 0,
+			name: '',
+			checklist: [],
+			typeList: [{
+					"Bid": "88",
+					"name": "全部商品",
+					goodsList: []
+				},
+				{
+					"Bid": "99",
+					"name": "最近购买",
+					goodsList: []
+				}
+			],
+			list: [],
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			pageNum: 1,
+			pageSize: 10,
+			Urls: {
+				listUrl: '/product/findProductType',
+				productUrl: '/product/findProductByType',
+				recendPurchaseUrl: '/product/recently',
+				getPriceListUrl: '/product/findProductByIds',
+				billUrl: '/frequentShoppingLists',
+			},
+			productIds: []
+		};
+	},
+	filters: {},
+	watch: {},
+	created() {
+		//获取类型列表
+		this.getList();
+	},
+	mounted() {
+		//获取初始全部商品
+		this.getProduct(0);
+	},
+	computed: {},
+	methods: {
+		//搜索
+		submitHandler() {
+			this.getProduct(0);
+		},
+		//取消搜索
+		cancelHandler() {
+			this.name = '';
+			this.submitHandler('');
+		},
+		//取得分类列表
+		getList() {
+			request({
+				url: this.Urls.listUrl,
+				method: 'get'
+			}).then(res => {
+				if (res.data.retHead.errCode == 0) {
+					//取得分类列表
+					const _list = res.data.retBody.list;
+					this.typeList = [...this.typeList, ..._list];
+					this.typeList = this.typeList.map(v => {
+						//已选择数组
+						this.$set(v, 'goodsList', []);
+						return v;
+					});
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//获取商品列表
+		getProduct(index, id) {
+			//当index==undefined 滚动加载
+			if (index != undefined) {
+				this.pageNum = 1;
+				this.list = [];
+				//保存首次滚动加载类型列表下标
+				this.activeClass = index || 0;
+				//初始化滚动加载
+				this.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.reInit');
+				this.bigTypeId = id || '';
+			}
+			this.checklist = [];
+			id && this.Cookies.set('bigTypeId', id);
+			let data = {
+				bigTypeId: this.bigTypeId,
+				pageNum: this.pageNum,
+				pageSize: this.pageSize,
+				buyerId: this.activeClass == 1 ? this.buyerId : '',
+				name: this.name || "", //搜索条件
+			};
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.activeClass == 1 ? this.Urls.recendPurchaseUrl : this.Urls.productUrl,
+				method: 'post',
+				data
+			}).then(res => {
+				this.$dialog.loading.close();
+				//取得全部商品
+				if (res.data.retHead.errCode == 0) {
+					const _list = res.data.retBody.list;
+					//去重合并数组
+					this.list = [...this.list, ..._list];
+					//取得已经选中数组
+					this.checklist = this.typeList[this.activeClass]['goodsList'] || [];
+					if (res.data.retBody.total < (this.pageSize * this.pageNum)) {
+						/* 所有数据加载完毕 */
+						this.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.loadedDone');
+						return;
+					}
+					/* 单次请求数据完毕 */
+					this.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.finishLoad');
+					this.pageNum++;
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//动态变化数量，合并选中项到所有商品
+		change(item) {
+			let index = this.activeClass,
+				value = item.id,
+				_typelist = this.typeList;
+			//判定最近购买
+			if (index == 1) {
+				//查找所有类别并删除
+				for (let i = 2; i < _typelist.length; i++) {
+					let _index = _typelist[i]['goodsList'].indexOf(value);
+					if (_index != -1) {
+						_typelist[i]['goodsList'].splice(_index, 1);
+						break;
+					} else {
+						_typelist[i]['goodsList'].push(value);
+						break;
+					}
+				}
+			} else {
+				//查找并删除最近购买数组
+				let _index = _typelist[1]['goodsList'].indexOf(value);
+				_index == -1 ? _typelist[1]['goodsList'].push(value) : _typelist[1]['goodsList'].splice(_index, 1);
+			}
+			if (index == 0) {
+				//取得当前商品大类id
+				for (let i = 0; i < _typelist.length; i++) {
+					if (_typelist[i].id == item.productBigTypeId) {
+						index = i;
+						break;
+					}
+				}
+			}
+
+			let _index = _typelist[index]['goodsList'].indexOf(value);
+			_index == -1 ? _typelist[index]['goodsList'].push(value) : _typelist[index]['goodsList'].splice(_index, 1);
+			//合并显示全部商品
+			let concatArr = [];
+			for (let i = 1; i < _typelist.length; i++) {
+				concatArr = concatArr.concat(_typelist[i]['goodsList'] || []);
+			}
+			this.typeList[0]['goodsList'] = [...new Set(concatArr)];
+
+		},
+		//获取报价
+		getPrice() {
+			this.productIds = this.allbill();
+			//把当前选择需求获取报价的商品保存到缓存对象
+			this.$session.set('priceObj', {
+				keys:this.productIds
+			});
+			this.productIds.length?this.$router.push('/goodsPrice'):this.$dialog.toast({
+                    mes: '你还没有选择商品噢！！！',
+                    timeout: 1500
+                });
+		},
+		addBill() {
+			this.productIds = this.allbill();
+			this.getBill();
+		},
+		allbill() {
+			let list = this.typeList,
+				productIds = [];
+			for (let i = 0; i < list.length; i++) {
+				productIds = productIds.concat(list[i]['goodsList'] || []);
+			}
+			//去重
+			for (let index = 0; index < productIds.length;) {
+				let item = productIds[index];
+				if (item) {
+					for (let i = ++index; i < productIds.length; item == productIds[i] ? productIds.splice(i, 1) : i++) {}
+				}
+			}
+			if (productIds.length == 0) {
+				this.$dialog.toast({
+					mes: '请选择你要报价的商品',
+					icon: 'none',
+					timeout: 1500
+				});
+				return;
+			}
+			return productIds;
+		},
+		getBill() {
+			this.optShow = false;
+			this.$dialog.loading.open('正在加载');
+			let data = {
+				userId: this.buyerId,
+				productIds: this.productIds
+			}
+			request({
+				url: this.Urls.billUrl,
+				method: 'post',
+				data
+			}).then(res => {
+				this.$dialog.loading.close();
+				if (res.data.retHead.errCode == 0) {
+					this.$router.push({
+						path: '/bill',
+						query: {
+							add: false
+						}
+					});
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+	}
+};
+
+export default indexMixin;

src/views/goods/component/price.js

@@ -0,0 +1,383 @@
+import request from '@/utils/request'
+import moment from 'moment'
+import noImgUrl from '@/assets/img/no_data.png';
+
+var indexMixin = {
+	data() {
+		return {
+			priceObj:{},
+			showShopcart: false,
+			showProductDesc: false,
+			spinner1: 3,
+			spinner2: 3,
+			pageNum: 0,
+			isActive: '0',
+			maxAmount: 1,
+			//获取报价列表请求参数
+			priceParams: {
+				pageNum: 1,
+				pageSize: 100000,
+				ids: [],
+				buyerId: this.Cookies.get('buyerId')
+			},
+			list: [],
+			desc: {
+				orderAmount: 1,
+				price: '',
+				amount: 1,
+				specification: ''
+			},
+			totalMoney: 0,
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			totalPricce: '',
+			univalent: '',
+			orderList: [],
+			Urls: {
+				listUrl: '/product/findProductByIds',
+				descUrl: '/sellerProduct/findProductById',
+				morePriceUrl: '/sellerProduct/productType',
+				delCacheUrl: '/product/quoteCache',
+				addCacheUrl: '/product/quoteCache'
+			},
+			noImgUrl: noImgUrl,
+			moreList: [],
+			moreTotal: 0,
+			oldShow: false
+		};
+	},
+	mounted() {
+		this.getShopcart();
+		//取得最新报价
+		this.getList();
+	},
+	created() {},
+	//销毁和离开当前页面触发
+	destroyed() {
+		//是否已经选择报价显示控制
+		this.list = this.list.map((v,x) => {
+			v.productId = v.id;
+			v.checked = false;
+			for (let j = 0; j < this.orderList.length; j++) {
+				if (this.orderList[j].productId == v.id) {
+					v.checked = true;
+					break;
+				}
+			}
+			return v;
+		});
+		this.delCache(r=>{
+			this.addCache();
+		});
+	},
+	watch: {
+		//监听列表变化
+		orderList(newVal) {
+			let sum = 0;
+			for (let i = 0; i < newVal.length; i++) {
+				if (!newVal[i].amount) {
+					this.$set(newVal[i], 'amount', 1);
+				}
+				newVal[i].orderAmount = (
+					(Number(newVal[i].specPrice) || 0) * Number(newVal[i].amount || 1)
+				).toFixed(2);
+				sum += (Number(newVal[i].specPrice) || 0) * Number(newVal[i].amount || 1);
+			}
+			this.totalMoney = sum.toFixed(2);
+		}
+	},
+	methods: {
+		back() {
+			window.addEventListener('popstate', (e) => {
+				this.$router.push('/need/cache');
+			}, false);
+		},
+		//删除缓存
+		delCache(fun) {
+			let cT = this.priceObj.createTime || '';
+			request({
+				url: this.Urls.delCacheUrl,
+				method: 'delete',
+				params: {
+					equipment: "H5",
+					userId: this.buyerId,
+					createTime: cT
+				}
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					fun && fun();
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//新增缓存
+		addCache() {
+			this.priceObj.createTime = this.moment().format('YYYY-MM-DD HH:mm:ss');
+			this.priceObj.price = this.orderList;
+			this.priceObj.unPrice = this.list;
+			this.priceObj.endTime = '';
+			this.$session.set("priceObj",this.priceObj);
+			request({
+				url: this.Urls.addCacheUrl,
+				method: 'post',
+				params: {
+					equipment: "H5",
+					userId: this.buyerId,
+					createTime: this.priceObj.createTime
+				},
+				data: this.priceObj
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					//更新缓存显示列表
+					this.$root.$emit('cacheList',res=>{
+						res.routerList && res.routerList.loadList && res.routerList.loadList();
+					});
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//获取最新报价
+		getList() {
+			this.$dialog.loading.open('正在获取报价');
+			let data = this.priceParams;
+			request({
+				url: this.Urls.listUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					this.list = response.data.retBody.list;
+					//深合并数组
+					this.list = this.list.map((i,x)=>{
+						return Object.assign(this.list[x] || {},i);
+					});
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//获取当前报价缓存
+		getShopcart() {
+			//取得报价对象
+			this.priceObj = this.$session.get('priceObj');
+			//回填入购物车
+			this.orderList = this.priceObj.price || [];
+			//获取id数组用于获取报价
+			this.priceParams.ids = this.priceObj.keys || [];
+			//按checked false排序
+			let _list = this.priceObj.unPrice || [];
+			for (let i = 0; i < _list.length; i++) {
+				let it = _list.splice(i, 1)[0];
+				//如果当前比对基数为true 向后插入  false向前插入
+				it.checked ? _list.push(it) : _list.unshift(it);
+			}
+			this.list = _list;
+		},
+		//查看更多
+		getMore(index) {
+			let obj = this.list[index];
+			obj.moreList = obj.moreList || [];
+			this.$dialog.loading.open('正在加载');
+			let data = {
+				pageNum: obj.pageNum + 1,
+				pageSize: 5,
+				productId: obj.id,
+				buyerId: this.buyerId
+			};
+			request({
+				url: this.Urls.morePriceUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					obj.moreTotal = response.data.retBody.total;
+					obj.moreList = obj.moreList.concat(
+						response.data.retBody.list
+					);
+					obj.pageNum++;
+					this.list.splice(index,1,obj);
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//选择商品弹框
+		getDesc(item) {
+			this.showProductDesc = true;
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.descUrl,
+				method: 'get',
+				params: {
+					id: item.id
+				}
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					this.desc = response.data.retBody;
+					this.desc.sellerId = item.sellerId;
+					this.getPrice(
+						this.desc.sellerProductSpecs[0].specification,
+						this.desc.sellerProductSpecs[0].price,
+						0,
+						this.desc.sellerProductSpecs[0].id,
+						this.desc.sellerProductSpecs[0].inventory
+					);
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//当前商品
+		getPrice(spec, price, index, id, max) {
+			this.isActive = index;
+			this.desc.specPrice = price.toFixed(2);
+			this.desc.price = (price / spec).toFixed(2);
+			this.desc.specification = spec;
+			this.desc.sellerProductSpecId = id;
+			this.desc.maxAmount = max;
+		},
+		//选择当前商品
+		addShopcart() {
+			this.showProductDesc = false;
+			for (let i = 0; i < this.orderList.length; i++) {
+				if (this.orderList[i].id == this.desc.id && this.orderList[i].specification == this.desc.specification) {
+					let n = Number(this.orderList[i].amount || 1) + Number(this.desc.amount || 1);
+					this.orderList[i].amount = n >= this.desc.maxAmount ? this.desc.maxAmount : n;
+					return;
+				}
+			}
+			for(let i = 0;i < this.orderList.length;i++){
+				let o = this.orderList[i];
+				o.productId == this.desc.productId && this.orderList.splice(i,1);
+			}
+			this.orderList.push(this.desc);
+		},
+		//清空购物车
+		clearShopcart() {
+			this.$dialog.confirm({
+				title: '清空购物车',
+				mes: '您确定要清空吗！！！',
+				opts: () => {
+					this.orderList = [];
+					this.totalMoney = 0;
+				}
+			});
+		},
+		// 删除购物车商品
+		delShopCart(index) {
+			this.$dialog.confirm({
+				title: '删除商品',
+				mes: '您确定要删除吗！！！',
+				opts: () => {
+					this.orderList.splice(index, 1);
+				}
+			});
+		},
+		//购物车里面的数量加减
+		spinnerCall(val, num) {
+			let sum = 0;
+			for (let i = 0; i < this.orderList.length; i++) {
+				this.orderList[i].orderAmount = (
+					Number(this.orderList[i].specPrice) * Number(this.orderList[i].amount || 1)
+				).toFixed(2);
+				sum += Number(this.orderList[i].specPrice) * Number(this.orderList[i].amount);
+			}
+			this.totalMoney = sum.toFixed(2);
+		},
+		//去结算
+		goPay() {
+			if (this.orderList.length == 0) {
+				this.$dialog.toast({
+					mes: '请选择你要结算的商品',
+					icon: 'none',
+					timeout: 1500
+				});
+				return;
+			}
+			this.flowList = this.orderList.map((d, i) => {
+				return {
+					amount: d.amount || 1,
+					orderAmount: d.orderAmount,
+					sellerProductId: d.id,
+					price: d.specPrice,
+					productImgUrl: d.imgUrl,
+					productName: d.goodsName,
+					sellerId: d.sellerId,
+					sellerName: d.sellerName,
+					specification: d.specification,
+					sellerProductSpecId: d.sellerProductSpecId,
+					specPrice: d.specPrice,
+					productId:d.productId
+				};
+			});
+			//合并相同商品
+			//let listData = [];
+			// (function t(data) {
+			// 	let obj = data.shift();
+			// 	for (let i = 0; i < data.length;) {
+			// 		if (obj.id == data[i].id && obj.specification == data[i].specification) {
+			// 			obj.amount += Number(data[i].amount || 0);
+			// 			data.splice(i, 1);
+			// 		} else {
+			// 			i++;
+			// 		}
+			// 	}
+			// 	listData.push(JSON.parse(JSON.stringify(obj)));
+			// 	data.length && t(data);
+			// })(this.flowList);
+
+			//检测是否全部选择报价
+			let num = [],_num = this.list.length;
+			for(let i = 0;i < this.list.length;i++){
+				let it = this.list[i];
+				if(it.lowestQuotation || it.recentlyQuotation || it.collectQuotation || it.moreList && it.moreList.length){
+					for(let i = 0;i < this.flowList.length;i++){
+						let il = this.flowList[i];
+						if(it.id == il.productId){
+							num.push(it.id);
+						}
+					}
+				}else{
+					_num--;
+				}
+			}
+			let vb = g => {
+				this.Cookies.set('orderList', JSON.stringify(this.flowList));
+				this.$router.push('/pay');
+			};
+			!(Array.from(new Set(num)).length == _num) ? this.$dialog.confirm({
+				title: '获取报价',
+				mes: '您有商品未选择报价，是否进行结算？',
+				opts: () => {
+					vb(0);
+				}
+			}) : vb(0);
+		}
+	}
+};
+
+export default indexMixin;

src/views/goods/list.vue

@@ -0,0 +1,78 @@
+<!--需求商品选择页-->
+<template>
+	<div class="main">
+		<div class="bg-box"><yd-search v-model="name" :on-submit="submitHandler" :on-cancel="cancelHandler" placeholder="搜索商品"></yd-search></div>
+		<div class="goods-list">
+			<ul class="goods-list-l">
+				<li :class="activeClass == index ? 'active' : ''" v-for="(item, index) in typeList" :key="index" @click="getProduct(index, item.id)">
+					{{ item.name }}
+					<span>{{index==1?'':'('+item.goodsList.length+')'}}</span>
+				</li>
+			</ul>
+			<div class="goods-list-r">
+				<yd-infinitescroll class="yd-infinitescroll" scroll-top distance="0" :callback="scrollList" ref="infinitescrollDemo">
+					<yd-list theme="1" slot="list">
+						<yd-checklist v-model="checklist" ref="checklist" :label="false" color="#00B7BD">
+							<yd-checklist-item :val="item.id" v-for="(item, index) in list" :key="index" @change.native="change(item,list.Bindex)">
+								<yd-flexbox style="padding: 12px 0; max-height: 1.6rem; overflow: hidden;">
+									<img :src="U.sCon.host + item.imgUrl" class="demo-checklist-img" :onerror="defaultImg" />
+									<yd-flexbox-item align="center">{{ item.name }}</yd-flexbox-item>
+								</yd-flexbox>
+							</yd-checklist-item>
+						</yd-checklist>
+					</yd-list>
+					<!-- 数据全部加载完毕显示 -->
+					<span slot="doneTip">没有数据了</span>
+				</yd-infinitescroll>
+			</div>
+		</div>
+		<div class="yd-btns-circle" v-if="!this.$route.query.type"><yd-button type="primary" shape="circle" @click.native="getPrice">获取报价</yd-button></div>
+		<div class="yd-btns-circle" v-if="this.$route.query.type == 'add'"><yd-button type="primary" shape="circle" @click.native="addBill">增加到常买清单</yd-button></div>
+	</div>
+</template>
+
+<script type="text/babel">
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+import indexMixin from './component/list.js';
+export default {
+	name: 'goodList',
+	mixins: [baseMixin, indexMixin],
+	methods: {
+		scrollList() {
+			setTimeout(()=>{
+				this.getProduct();
+			},600);
+		}
+	},
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$bg-color: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+.yd-infinitescroll{
+	margin-bottom: 1.4rem;
+}
+.main {
+	overflow: hidden;
+	height: 100vh;
+}
+
+.bg-box {
+	height: 1.24rem;
+	background-image: $bg-color;
+	position: relative;
+
+	&::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: url('../../assets/img/line.png') no-repeat;
+		background-size: cover;
+		z-index: 0;
+	}
+}
+</style>

src/views/goods/pay.vue

@@ -0,0 +1,312 @@
+<template>
+	<div class="content">
+		<div class="desc-box">
+			<yd-cell-group class="recAddr">
+				<yd-cell-item arrow type="link" href="/recAddr/0">
+					<span slot="left">
+						<div v-if="this.$route.query.id || this.addrList.length != 0">
+							<p>
+								<span>{{ defaultAddr.recipient }}</span>
+								{{ defaultAddr.phone }}
+							</p>
+							<p class="addr">
+								<yd-icon name="position" custom size="0.26rem"></yd-icon>
+								{{ defaultAddr.provinceName }}{{ defaultAddr.cityName
+								}}{{ defaultAddr.countyName }}{{ defaultAddr.address }}
+							</p>
+						</div>
+						<p style="display: flex; align-items: center;" v-if="!defaultAddr.recipient">
+							<yd-icon name="news" custom size="0.5rem"></yd-icon>
+							<span class="ml">新建收货地址</span>
+						</p>
+					</span>
+				</yd-cell-item>
+			</yd-cell-group>
+<!-- 			<yd-cell-group>
+				<yd-cell-item>
+					<span slot="left">
+						<div v-if="orderInfo.deliveryTime == ''">默认送达时间，下单后3小时内送达</div>
+						<yd-datetime ref="datetime" type="date" v-model="orderInfo.deliveryTime" slot="right"></yd-datetime>
+					</span>
+					<span slot="right" style="font-size: .26rem;" @click="open">
+						变更送达时间
+						<yd-icon name="spot" custom size="0.2rem" color="#666"></yd-icon>
+					</span>
+				</yd-cell-item>
+			</yd-cell-group> -->
+			<yd-cell-group>
+				<yd-cell-item>
+					<span slot="left">
+						<div>货物送达后,货到付款</div>
+					</span>
+				</yd-cell-item>
+			</yd-cell-group>
+			<yd-cell-group class="cell-group-flex">
+				<div v-for="(item, key) in list" :key="key" class="order-desc">
+					<div class="order-item-text" style="padding-bottom: 0;">
+						<div class="item-text-header">
+							<router-link :to="{ path: '/shop', query: { sellerId: item.sellerId } }">
+								<div>
+									<yd-icon name="shop" custom slot="icon" size="0.35rem"></yd-icon>
+									{{ item.sellerName }}
+									<yd-icon name="arrow" custom slot="icon" color="#c9c9c9" size="0.25rem"></yd-icon>
+								</div>
+							</router-link>
+						</div>
+						<div class="item-text-content">
+							<div class="item-text-img">
+								<img :src="U.sCon.host + item.productImgUrl" :onerror="defaultImg" alt="" />
+							</div>
+							<div class="item-text-font">
+								<p class="title">
+									<span>{{ item.productName }}</span>
+									<span>¥ {{ item.specPrice }}</span>
+								</p>
+								<p class="desc">
+									<span>{{ item.specification }}斤装</span>
+									<span>x{{ item.amount }}</span>
+								</p>
+							</div>
+						</div>
+						<div class="message">
+							<yd-cell-group title="买家留言" style="margin: 0 -0.24rem;">
+								<yd-cell-item>
+									<yd-textarea slot="right" placeholder="在这里留言,最多100字" maxlength="100" v-model="item.customerNote"></yd-textarea>
+								</yd-cell-item>
+							</yd-cell-group>
+						</div>
+						<div class="order-item-total">
+							<p>
+								小计：<span>¥ {{ item.orderAmount||0 }}</span>
+							</p> 
+						</div>
+					</div>
+				</div>
+				<div class="order-desc">
+					<div class="order-item-text" style="padding: 0 .24rem;">
+						<div class="order-item-total">
+							<p>
+								理货费用：<span>¥ {{tidyCost||0}}</span>
+							</p>
+							<p>
+								运费：<span>¥ {{freight||0}}</span>
+							</p>
+						</div>
+					</div>
+				</div>
+			</yd-cell-group>
+		</div>
+		
+		<div class="yd-btns">
+			<yd-button type="hollow" style="text-align: left; color: #00B7BD; font-size: .30rem;">
+				实付款:¥<span style="font-size: .36rem; margin-left: .06rem;">{{ totalMoney }}</span>
+			</yd-button>
+			<yd-button type="primary" style="flex: 0.6;" @click.native="orderAdd">确认下单</yd-button>
+		</div>
+	</div>
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import baseMixin from '@/components/common/bus';
+	export default {
+		mixins: [baseMixin],
+		data() {
+			return {
+				page: 1,
+				pageSize: 10,
+				tidyCost:0,
+				freight:0,
+				Urls: {
+					defaultAddrUrl: '/recipientAddress/selectByBuyerId',
+					orderAddUrl: '/orderInfo/insert',
+					payMoneyUrl: '/pay/other',
+					descAddrUrl: '/recipientAddress',
+					delCacheUrl: '/product/quoteCache'
+				},
+				defaultAddr: {
+					isUse: true
+				},
+				addrList: [],
+				defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+				totalMoney: '',
+				list: [{
+					customerNote: ''
+				}],
+				orderInfo: {
+					deliveryTime:'1970-01-01'
+				},
+				show1:false
+			};
+		},
+		mounted() {},
+		created() {
+			if (this.$route.query.id) {
+				this.getDescAddr();
+			} else {
+				this.getDefaultAddr();
+			}
+			this.list = JSON.parse(this.Cookies.get('orderList'));
+			
+			let sum = 0;
+			for (let i = 0; i < this.list.length; i++) {
+				sum += Number(this.list[i].orderAmount);
+			}			
+			//计算理货、运费
+			request({
+				url: "/orderInfo/calculate",
+				method: 'get',
+				params: {
+					orderAmount: sum
+				}
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.tidyCost = response.data.retBody.tidyCost;//运费
+					this.freight = response.data.retBody.freight;//理货费用
+					this.totalMoney = (sum + this.tidyCost+this.freight).toFixed(2);
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		methods: {
+			getDefaultAddr() {
+				request({
+					url: this.Urls.defaultAddrUrl,
+					method: 'get',
+					params: {
+						buyerId: this.buyerId,
+						status: 1
+					}
+				}).then(response => {
+					if (response.data.retHead.errCode == 0) {
+						this.addrList = response.data.retBody;
+						let resData = response.data.retBody;
+						for (let i = 0; i < resData.length; i++) {
+							this.defaultAddr = resData[0];
+							if (resData[i]) {
+								break;
+							}
+						}
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			getDescAddr() {
+				request({
+					url: this.Urls.descAddrUrl,
+					method: 'get',
+					params: {
+						id: this.$route.query.id
+					}
+				}).then(response => {
+					if (response.data.retHead.errCode == 0) {
+						this.defaultAddr = response.data.retBody;
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			open() {
+				this.$refs.datetime.open();
+			},
+			orderAdd() {
+				if (!this.defaultAddr.recipient) {
+					this.$dialog.toast({
+						mes: '请添加收货地址',
+						timeout: 1500
+					});
+					return;
+				}
+				let data = {
+					list: this.list,
+					logisticsMessage: {
+						recipient: this.defaultAddr.recipient,
+						recipientPhone: this.defaultAddr.phone,
+						recipientAddress: this.defaultAddr.provinceName +
+							this.defaultAddr.cityName +
+							this.defaultAddr.countyName +
+							this.defaultAddr.address
+					},
+					orderInfo: {
+						name: this.Cookies.get('username'),
+						orderAmount: this.totalMoney,
+						phone: this.Cookies.get('userIphone'),
+						userId: this.buyerId,
+						realPay: '',
+						"tidyCost": this.tidyCost || 0,
+						"freight": this.freight || 0,
+						deliveryTime: this.orderInfo.deliveryTime + ' ' + '00:00:00'
+					}
+				};
+				this.$dialog.loading.open('下单中');
+				request({
+					url: this.Urls.orderAddUrl,
+					method: 'post',
+					data
+				}).then(response => {
+					this.$dialog.loading.close();
+					if (response.data.retHead.errCode == 0) {
+						//下单完成删除当前数据
+						let l = this.$session.get('priceObj');
+						this.$session.remove('priceObj');
+						this.delCache(l);
+						this.payMoney(response.data.retBody.id);
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			delCache(l) {
+				request({
+					url: this.Urls.delCacheUrl,
+					method: 'delete',
+					params: {
+						equipment:"H5",
+						userId: this.buyerId,
+						createTime: l['createTime']
+					}
+				}).then(response => {
+					this.$dialog.loading.close();
+					if (response.data.retHead.errCode == 0) {
+						this.$session.remove('priceObj');
+					} else {
+						this.$session.set('priceObj',l);
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.recAddr {
+		padding: 0 0 0.1rem;
+	}
+	.order-item-total{
+		border: none !important;
+		padding: .2rem 0 !important;
+	}
+</style>

src/views/goods/paySuccess.vue

@@ -0,0 +1,52 @@
+<template>
+	<div class="wrap">
+		<div class="hint">
+			<yd-icon name="success" custom size="2.4rem" color="#00b7bd"></yd-icon>
+			<p>
+				已下单！
+				<br />
+				正在火速安排发货
+			</p>
+			<p>
+				请在收到货物后，将货款支付给送货员
+			</p>
+			<p>
+				<yd-countdown :time="time" timetype="second"done-text="" :callback="order">
+					即将自动跳转到订单详情 {%s} 秒
+				</yd-countdown>
+				<br>
+				<a @click="order">点击立即跳转</a>
+			</p>
+		</div>
+	</div>
+</template>
+
+<script type="text/babel">
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			time:3
+		};
+	},
+	created() {
+		this.delTime = setTimeout(() => {
+			this.order();
+		}, this.time * 1000);
+	},
+	//页面销毁时触发
+	destroyed(){
+		//结束定时器
+		clearTimeout(this.delTime);
+	},
+	methods: {
+		order(){
+			this.$router.push('/order')
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/goods/price.vue

@@ -0,0 +1,213 @@
+<template>
+	<div class="wrap" style="padding-bottom: 1.39rem;">
+		<yd-countdown :time="30*60" timetype="second" format="{%m}:{%s}" style="position: fixed;right: .3rem;top: .2rem;"></yd-countdown>
+		<div class="price-box" v-for="(item, index) in list" :key="index">
+			<div class="price-header">
+				<div>
+					<img :src="U.sCon.host + item.imgUrl" :onerror="defaultImg" />
+					<span>{{ item.name }}</span>
+				</div>
+				<div v-if="item.checked"><yd-icon name="shield-outline" size=".8rem" color="#00b7bd"></yd-icon></div>
+			</div>
+			<template v-if="oldShow || !item.checked">
+				<div class="price-body">
+					<template v-if="item.recentlyQuotation">
+						<h4><span>最近报价</span></h4>
+						<ul class="shop-price">
+							<li>
+								<span @click="turnPage(item.recentlyQuotation.sellerId)">{{ item.recentlyQuotation.sellerName }}</span>
+								<span>
+									约
+									<em>{{ item.recentlyQuotation.avgPrice }}</em>
+									元/斤
+								</span>
+								<span>
+									<div class="shopcart-icon" @click="getDesc(item.recentlyQuotation)">
+										<yd-icon name="shopcart-outline" size=".4rem" color="#fff"></yd-icon>
+									</div>
+								</span>
+							</li>
+						</ul>
+					</template>
+					<template v-if="item.lowestQuotation">
+						<h4><span>最低报价</span></h4>
+						<ul class="shop-price">
+							<li>
+								<span @click="turnPage(item.lowestQuotation.sellerId)">{{ item.lowestQuotation.sellerName }}</span>
+								<span>
+									约
+									<em>{{ item.lowestQuotation.avgPrice }}</em>
+									元/斤
+								</span>
+								<span>
+									<div class="shopcart-icon" @click="getDesc(item.lowestQuotation)">
+										<yd-icon name="shopcart-outline" size=".4rem" color="#fff"></yd-icon>
+									</div>
+								</span>
+							</li>
+						</ul>
+					</template>
+					<template v-if="item.collectQuotation">
+						<h4><span>收藏店铺</span></h4>
+						<ul class="shop-price">
+							<li>
+								<span @click="turnPage(item.collectQuotation.sellerId)">{{ item.collectQuotation.sellerName }}</span>
+								<span>
+									约
+									<em>{{ item.collectQuotation.avgPrice }}</em>
+									元/斤
+								</span>
+								<span>
+									<div class="shopcart-icon" @click="getDesc(item.collectQuotation)">
+										<yd-icon name="shopcart-outline" size=".4rem" color="#fff"></yd-icon>
+									</div>
+								</span>
+							</li>
+						</ul>
+					</template>
+					<template v-if="item.moreList && item.moreList.length != 0">
+						<h4><span>更多报价</span></h4>
+						<ul class="shop-price">
+							<li v-for="(key, index1) in item.moreList" :key="index1">
+								<span @click="turnPage(key.sellerId)">{{ key.sellerName }}</span>
+								<span>
+									约
+									<em>{{ key.avgPrice }}</em>
+									元/斤
+								</span>
+								<span>
+									<div class="shopcart-icon" @click="getDesc(key)">
+										<yd-icon name="shopcart-outline" size=".4rem" color="#fff"></yd-icon>
+									</div>
+								</span>
+							</li>
+						</ul>
+					</template>
+					<div class="noData" v-if="!item.collectQuotation && !item.lowestQuotation && !item.recentlyQuotation">
+						<img :src="noImgUrl" alt="" />
+						<p>暂无报价</p>
+					</div>
+				</div>
+				<div class="price-more" @click="getMore(index)" v-if="(item.pageNum = item.pageNum || 0) <= Math.ceil((item.moreTotal || 0) / 5)">查看更多</div>
+			</template>
+			<div class="price-more" style="border-top: none;" @click="oldShow = true" v-if="!oldShow && item.checked">变更报价</div>
+		</div>
+		<div class="price-btns-circle">
+			<yd-button type="primary" shape="circle" @click.native="showShopcart = true">
+				<div class="shopcart-badge">
+					<img src="../../assets/img/shopchart.png" class="shopcart-img" alt="" />
+					<yd-badge slot="badge" type="danger" v-text="getCatNum()"></yd-badge>
+				</div>
+				<div class="shop-taotal">
+					合计：
+					<span>¥ {{ totalMoney }}</span>
+				</div>
+			</yd-button>
+			<yd-button type="primary" shape="circle" @click.native="goPay">去结算</yd-button>
+		</div>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<yd-popup v-model="showShopcart" position="bottom" height="80%">
+			<div class="picks-bg">
+				<span>已选商品</span>
+				<span @click="clearShopcart">
+					<yd-icon name="del" size=".3rem" custom style="margin-right: .02rem;"></yd-icon>
+					清空购物车
+				</span>
+			</div>
+			<ul class="shopcart-picks">
+				<li v-for="(item, index) in orderList" :key="index">
+					<span style="flex: 0.1; margin-right: .2rem;"><yd-icon name="error" size=".4rem" color="#FF685D" @click.native="delShopCart(index)"></yd-icon></span>
+					<span style="flex: 2; text-align: left;">
+						{{ item.goodsName }}
+						<font>- {{ item.specification }}斤装</font>
+					</span>
+					<span>
+						<em>¥ {{ item.specPrice }}</em>
+					</span>
+					<span><yd-spinner :max="item.maxAmount" width="1.6rem" v-model="item.amount" :callback="spinnerCall"></yd-spinner></span>
+				</li>
+			</ul>
+			<div class="yd-btns-circle"><yd-button type="primary" shape="circle" @click.native="showShopcart = false">确 定</yd-button></div>
+		</yd-popup>
+		<!-- 选商品规格 -->
+		<yd-popup v-model="showProductDesc" :close-on-masker="false" position="bottom" height="70%">
+			<div class="picks-bg">
+				<span style="text-align: center; font-size: .30rem;" @click="turnPage(desc.sellerId)">{{ desc.sellerName }}</span>
+				<span style="position: absolute; top: 5px; right: 5px;" @click="showProductDesc = false"><yd-icon name="error-outline" size=".4rem"></yd-icon></span>
+			</div>
+			<div class="goods-size">
+				<div class="order-item-text" style="padding-top: .94rem;">
+					<div class="item-text-content" @click="$router.push({path: '/shop/desc',query: {id: desc.id}});">
+						<div class="item-text-img">
+							<yd-lightbox><yd-lightbox-img :src="U.sCon.host + desc.imgUrl" alt="" :onerror="defaultImg"></yd-lightbox-img></yd-lightbox>
+						</div>
+						<div class="item-text-font">
+							<p class="title">{{ desc.goodsName}}</p>
+							<p style="color:#ef4f4f; font-size: .30rem;">¥ {{ desc.specPrice }}/袋</p>
+							<p class="pip">折合 ¥ {{ desc.price }}/斤</p>
+							<!-- <p class="pip" style="color:#999;">产地：贵州</p> -->
+						</div>
+					</div>
+					<ul class="item-text-spec mt">
+						<li
+							v-for="(item, index) in desc.sellerProductSpecs"
+							:key="index"
+							:class="isActive == index ? 'active' : ''"
+							@click="getPrice(item.specification, item.price, index, item.id, item.inventory)"
+						>
+							{{ item.specification }}斤装
+						</li>
+					</ul>
+					<div class="item-text-spec mt">
+						<span style="flex: 1;">购买数量(可购买数量：{{desc.maxAmount}})</span>
+						<yd-spinner v-if="desc.maxAmount-0" min="1" v-model="desc.amount" :max="desc.maxAmount"></yd-spinner>
+					</div>
+				</div>
+				<div class="yd-btns-circle" v-if="desc.maxAmount-0"><yd-button type="primary" shape="circle" @click.native="addShopcart()">选好了</yd-button></div>
+			</div>
+		</yd-popup>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+import indexMixin from './component/price.js';
+export default {
+	name: 'price',
+	mixins: [baseMixin, indexMixin],
+	methods: {
+		//店铺详情
+		turnPage(id) {
+			this.$router.push({
+				path: '/shop',
+				query: {
+					sellerId: id
+				}
+			});
+		},
+		//返回购物车总量
+		getCatNum() {
+			let num = 0;
+			this.orderList.map(i => {
+				num += (Number(i.amount) || 0);
+			});
+			return num;
+		}
+	}
+};
+</script>
+
+<style>
+.shopcart-icon {
+	position: relative;
+}
+.badge-danger {
+	position: absolute;
+}
+</style>

src/views/login.vue

@@ -0,0 +1,526 @@
+<template>
+	<div class="wrap">
+		<div class="login-header theme"><img src="../assets/img/logo.png" alt="" /></div>
+		<form action="" class="login-form">
+			<br>
+			<br>
+			<p v-if="fastLogin('wxBind')">
+				提示：请完成手机号绑定
+			</p>
+			<yd-cell-group>
+				<yd-cell-item class="login-cell">
+					<span slot="left">
+						+86
+						<yd-icon name="arrow" custom size=".28rem" color="#15222e"></yd-icon>
+					</span>
+					<yd-input slot="right" v-model="form.phone" required :show-required-icon="false" :show-clear-icon="false" ref="input9"
+					 regex="mobile" placeholder="请输入手机号码"></yd-input>
+				</yd-cell-item>
+				</yd-cell-item>
+			</yd-cell-group>
+			<yd-cell-group>
+				<yd-cell-item class="login-cell">
+					<span slot="left">验证码</span>
+					<yd-input slot="right" max="6" v-model="form.code" :show-success-icon="false" :show-error-icon="false"
+					 :show-clear-icon="false" placeholder="请输入验证码"></yd-input>
+					<yd-sendcode slot="right" v-model="start" init-str="获取验证码" @click.native="sendCode" type="primary"></yd-sendcode>
+				</yd-cell-item>
+			</yd-cell-group>
+			<p>未注册手机号将进行自动注册</p>
+			<yd-cell-group>
+				<div class="code-box login-cell" id="code-box">
+					<input type="text" name="code" class="code-input" />
+					<p></p>
+					<span>
+						<yd-icon name="double" custom size=".3rem" color="#999"></yd-icon>
+					</span>
+					<div id="slide-status">请按住滑块，拖动到最右边</div>
+				</div>
+			</yd-cell-group>
+			<yd-button-group class="login-btn">
+				<yd-button size="large" :disabled="btnDisabled" type="primary" shape="circle" @click.native="submitForm">
+					{{fastLogin('wxBind')?'绑定':"登录"}}
+				</yd-button>
+			</yd-button-group>
+			<br>
+			<br>
+			<div class="line-text" v-if="fastLogin()">
+				<span class="text">快捷登录</span>
+				<br>
+				<br>
+				<div class="login-list">
+					<div class="li" @click="_wxLogin()">
+						<yd-icon name="weixin" size=".6rem" color='#01d5c0'></yd-icon>
+						微信登录
+					</div>
+				</div>
+			</div>
+			<div class="login-tip">
+				<span>
+					登录即代表您已经同意
+					<a href="javascript:;" @click="openConfrim">《 隐私政策 》</a>
+				</span>
+			</div>
+			<br>
+			<br>
+			<br>
+			<br>
+		</form>
+	</div>
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import {
+		getToken,
+		setToken,
+		removeToken
+	} from '@/utils/auth';
+	/**
+	 * 登录页
+	 * 1、只要访问了登录页，就清除所有用户信息及登录信息
+	 * 2、后台微信授权跳转登录
+	 * 	a、如果是未注册用户重定向带参unionId，用于手机号注册同时提交绑定微信
+	 * 	b、如果是老用户重定向带参accessToken，用户获取用户信息
+	 * 3、ios端跳转回调登录页，type:1 不传错误码 代表获取用户信息,type:2代表退出
+	 */
+	export default {
+		data: function() {
+			return {
+				form: {
+					phone: '',
+					code: '',
+					id: ''
+				},
+				unionId:"",
+				btnDisabled: true,
+				input9: '',
+				start: false,
+				Urls: {
+					wxLoginUrl: '/buyer/login',
+					phoneLoginUrl: '/buyer/insert',
+					codeUrl: '/sms/sendMsm',
+					// loginFormUrl: '/buyer/bindingPhone',
+					loginFormUrl: '/buyer/loginByWx',
+					getUserInfo:"/buyer/accessToken",
+					wxUserInfo:"/buyer/unionId"
+
+				}
+			};
+		},
+		created() {},
+		mounted() {
+			var _this = this;
+			//code是后台传入的验证字符串
+			var code = '',
+				codeFn = new _this.moveCode(code, _this);
+			//入口函数
+			this.main();
+		},
+		methods: {
+			//是否显示快捷登录
+			fastLogin(str){
+				let uId = this.getUrl(location.href).unionId;
+				if(str){
+					switch (str){
+						//微信注册绑定手机号
+						case 'wxBind':
+							return !!uId;
+						default:
+							break;
+					}
+				}else{
+					return !!!uId && this.U.cT().isWeiXin;
+				}
+			},
+			//exit 清除相关用户信息
+			clearInfo(){
+				//清除用户相关信息
+				this.Cookies.remove('unionId');
+				this.Cookies.remove("buyerId");
+				this.Cookies.remove("openid");
+				this.Cookies.remove("userid");
+				this.Cookies.remove('username');
+				this.Cookies.remove('userIphone');
+				removeToken();
+				this.form.id = "";
+			},
+			//保存用户信息
+			saveInfo(obj){
+				this.form.id = obj.id;
+				setToken(obj.accessToken || '');
+				this.Cookies.set('buyerId', obj.id || "");
+				this.Cookies.set('openid', obj.openid || "");
+				this.Cookies.set('userid', obj.id || "");
+				this.Cookies.set('unionId', obj.unionid || "");
+				this.Cookies.set('username', obj.name || "");
+				this.Cookies.set('userIphone', obj.phone || "");
+				//跳到首页
+				this.$router.push('/');
+			},
+			_wxLogin(){
+				//如果是在微信尝试读取微信unionId，获取用户信息
+				if((this.Cookies.get('unionId') == 'undefined'?false:this.Cookies.get('unionId'))){
+					this.$axios.get(this.U.sCon.host + this.Urls.wxUserInfo, {
+						params: {
+							unionId: this.Cookies.get('unionId')
+						}
+					}).then(this.processUserInfo);
+				}else{
+					this.U.L("微信登录中……");
+					//没有unionId直接跳转登录
+					location.replace(this.U.sCon.wxlogin+'?url='+encodeURIComponent(location.href));
+				}
+				this.Cookies.remove("unionId");
+			},
+			//微信授权登录
+			wxLogin(){
+				if(this.U.cT().isWeiXin){
+					//登录过期没有权限等等
+					if(this.$route.params.errCode){
+						//this._wxLogin();
+						return ;
+					}
+					//后台微信登录跳转判断是否有token,有直接获取用户信息
+					if(this.getUrl(location.href).accessToken){
+						this.$axios.get(this.U.sCon.host + this.Urls.getUserInfo, {
+							params: {
+								accessToken: this.getUrl(location.href).accessToken
+							}
+						}).then(this.processUserInfo);
+					}
+					return true;
+				}else{
+					return false;
+				}
+			},
+			//ios 交互函数
+			iosJs(callback){
+				window.webkit = window.webkit || {
+					messageHandlers:{
+						iOS_Native_InjectJavascript:{
+							postMessage:function(){}
+						}
+					}
+				};
+				if (window.WKWebViewJavascriptBridge) {
+					return callback(WKWebViewJavascriptBridge);
+				}
+				if (window.WKWVJBCallbacks) {
+					return window.WKWVJBCallbacks.push(callback);
+				}
+				window.WKWVJBCallbacks = [callback];
+				window.webkit.messageHandlers.iOS_Native_InjectJavascript.postMessage(null);
+			},
+			//iosAPP登录
+			iosLogin(){
+				if(this.U.cT().isiOS && !this.U.cT().isWeiXin){
+					var _this = this;
+					this.iosJs((bridge)=>{
+						bridge.callHandler('iOSCallback', Object.assign({
+							'type': 1
+						},this.$route.params || {}), function(res) {
+							_this.saveInfo(res.data);
+						});
+					});
+					return true;
+				}else{
+					return false;
+				}
+			},
+			main() {
+				//清除用户信息
+				this.clearInfo();
+				//是否是iosAPP端登录
+				this.iosLogin() || this.wxLogin();
+			},
+			//处理用户信息
+			processUserInfo(res){
+				if (res.data.retHead.errCode == 0) {
+					this.saveInfo(res.data.retBody);
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			},
+			getUrl(url) {
+				var obj = {};
+				var arr = (url || this.search).match(/[?&][^?&]+=[^?&]+/g);
+				if (arr) {
+					arr.forEach(function(item) {
+						var tempArr = item.substring(1).split('=');
+						obj[decodeURIComponent(tempArr[0])] = decodeURIComponent(tempArr[1]);
+						length++;
+					});
+				}
+				return obj;
+			},
+			sendCode() {
+				if (this.form.phone == '') {
+					this.$dialog.toast({
+						mes: '请先输入手机号码',
+						icon: 'error',
+						timeout: 1500
+					});
+					return;
+				}
+				this.$dialog.loading.open('发送中...');
+				setTimeout(() => {
+					request({
+						url: this.Urls.codeUrl,
+						method: 'get',
+						params: {
+							phone: this.form.phone
+						}
+					}).then(res => {
+						this.$dialog.loading.close();
+						if (res.data.retHead.errCode == 0) {
+							this.start = true;
+							// this.form.code = res.data.retBody;
+							this.$dialog.toast({
+								mes: '已发送',
+								icon: 'success',
+								timeout: 1500
+							});
+						} else {
+							this.$dialog.toast({
+								mes: res.data.retHead.errMsg,
+								icon: 'error',
+								timeout: 1500
+							});
+						}
+					});
+				}, 1000);
+			},
+			//绑定微信手机号，pc端登录注册
+			submitForm() {
+				let data = this.form;
+				data.unionId = this.getUrl(location.href).unionId;
+				request({
+					url: this.Urls.loginFormUrl,
+					method: 'post',
+					data
+				}).then(this.processUserInfo);
+			},
+			openConfrim() {
+				return;
+				this.$dialog.confirm({
+					title: '注册协议与隐私政策',
+					mes: "",
+					opts: [{
+							txt: '不同意',
+							color: false,
+							callback: () => {
+								this.$dialog.toast({
+									mes: '你点了取消',
+									timeout: 1000
+								});
+							}
+						},
+						{
+							txt: '同意',
+							color: '#00b7bd',
+							callback: () => {
+								this.$dialog.toast({
+									mes: '别犹豫了',
+									timeout: 1000
+								});
+							}
+						}
+					]
+				});
+			},
+			getOffset(box, direction) {
+				var setDirection = direction == 'top' ? 'offsetTop' : 'offsetLeft';
+				var offset = box[setDirection];
+				var parentBox = box.offsetParent;
+				while (parentBox) {
+					offset += parentBox[setDirection];
+					parentBox = parentBox.offsetParent;
+				}
+				parentBox = null;
+				return parseInt(offset);
+			},
+			moveCode(code, _this) {
+				var fn = {
+					codeVluae: code
+				};
+				var box = document.querySelector('#code-box'),
+					progress = box.querySelector('p'),
+					codeInput = box.querySelector('.code-input'),
+					evenBox = box.querySelector('span');
+				//默认事件
+				var boxEven = ['mousedown', 'mousemove', 'mouseup'];
+				//改变手机端与pc事件类型
+				if (typeof document.ontouchstart == 'object') {
+					boxEven = ['touchstart', 'touchmove', 'touchend'];
+				}
+				var goX, offsetLeft, deviation, evenWidth, endX;
+
+				function moveFn(e) {
+					e.preventDefault();
+					e = boxEven['0'] == 'touchstart' ? e.touches[0] : e || window.event;
+					endX = e.clientX - goX;
+					endX = endX > 0 ? (endX > evenWidth ? evenWidth : endX) : 0;
+					if (endX > evenWidth * 0.7) {
+						progress.innerText = '松开验证';
+						progress.style.backgroundColor = '#01d5c0';
+					} else {
+						progress.innerText = '';
+						progress.style.backgroundColor = '#FFFF99';
+					}
+					progress.style.width = endX + deviation + 'px';
+					evenBox.style.left = endX + 'px';
+				}
+
+				function removeFn() {
+					document.removeEventListener(boxEven['2'], removeFn, false);
+					document.removeEventListener(boxEven['1'], moveFn, false);
+					if (endX > evenWidth * 0.7) {
+						progress.innerText = '验证成功';
+						progress.style.width = evenWidth + deviation + 'px';
+						evenBox.style.left = evenWidth + 'px';
+						codeInput.value = fn.codeVluae;
+						evenBox.onmousedown = null;
+						_this.btnDisabled = false;
+					} else {
+						progress.style.width = '0px';
+						evenBox.style.left = '0px';
+					}
+				}
+
+				function getOffset(box, direction) {
+					var setDirection = direction == 'top' ? 'offsetTop' : 'offsetLeft';
+					var offset = box[setDirection];
+					var parentBox = box.offsetParent;
+					while (parentBox) {
+						offset += parentBox[setDirection];
+						parentBox = parentBox.offsetParent;
+					}
+					parentBox = null;
+					return parseInt(offset);
+				}
+				evenBox.addEventListener(
+					boxEven['0'],
+					function(e) {
+						e = boxEven['0'] == 'touchstart' ? e.touches[0] : e || window.event;
+						(goX = e.clientX),
+						(offsetLeft = getOffset(box, 'left')),
+						(deviation = this.clientWidth),
+						(evenWidth = box.clientWidth - deviation),
+						endX;
+						document.addEventListener(boxEven['1'], moveFn, false);
+						document.addEventListener(boxEven['2'], removeFn, false);
+					},
+					false
+				);
+				fn.setCode = function(code) {
+					if (code) fn.codeVluae = code;
+				};
+				fn.getCode = function() {
+					return fn.codeVluae;
+				};
+				fn.resetCode = function() {
+					evenBox.removeAttribute('style');
+					progress.removeAttribute('style');
+					codeInput.value = '';
+				};
+				return fn;
+			}
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.line-text{
+		border-top: 1px solid;
+		color: rgba(0,0,0,.15);
+		margin: 0 -.54rem;
+		text-align: center;
+		.text{
+			display:inline-block;
+			line-height: 1em;
+			padding: 0 .2rem;
+			background: #fff;
+			transform: translateY(-50%);
+			letter-spacing: .05rem;
+		}
+	}
+	.login-list{
+		display: flex;
+		justify-content: space-around;
+		.li{
+			display: flex;
+			flex-flow: column;
+			align-items: center;
+		}
+	}
+	
+	.login-header {
+		height: 3.2rem;
+		position: relative;
+		display: flex;
+		align-items: center;
+
+		&::after {
+			content: '';
+			position: absolute;
+			left: 0;
+			right: 0;
+			top: 0;
+			bottom: 0;
+			background: url('../assets/img/login-vein.png') no-repeat;
+			background-size: 100% 100%;
+		}
+
+		img {
+			width: 1.5rem;
+			margin: 0 auto;
+		}
+	}
+
+	.login-form {
+		background-color: #fff;
+		padding: 0 0.54rem;
+
+		.login-cell {
+			border-radius: 4px;
+			background-color: #f5f5f5;
+			margin-top: 0.34rem;
+
+			span {
+				width: 1.2rem;
+				color: #15222e;
+				font-size: 0.3rem;
+			}
+		}
+
+		.login-tip {
+			position: absolute;
+			width: 100%;
+			bottom: 0;
+			left: 50%;
+			font-size: 0.25rem;
+			text-align: center;
+			transform: translate(-50%, 0);
+			color: #999;
+			background: #fff;
+			padding: .3rem 0;
+			a {
+				color: #00b7bd;
+			}
+		}
+
+		.login-btn {
+			padding: 0;
+			margin-top: 0.7rem;
+
+			button {
+				height: 1rem
+			}
+		}
+	}
+</style>

src/views/need/cache.vue

@@ -0,0 +1,236 @@
+<!--
+* 展示缓存的报价列表
+* price 已经选择报价商品
+* unPrice 未选择报价商品
+* -->
+<template>
+	<div class="content">
+		<div class="hint" v-if="!hasShow">
+			<img src="../../assets/img/purchase.png" />
+			<p>您还没有添加商品需求</p>
+		</div>
+		<div v-if="hasShow" style="padding-bottom: 1.4rem;">
+			<div class="order-item" v-for="(item, index) in list" :key="index">
+				<div class="order-item-state">
+					<div class="time">{{ item.createTime }}</div>
+					<div>
+						<yd-countdown :time="new Date(item.endTime.replace(/-/g, '/')).getTime()" ref="countdown" done-text="已取消" :callback="loadList">
+							<span style="color:red;">
+								请在 {%m}:{%s}
+								<i>内确认报价</i>
+							</span>
+						</yd-countdown>
+					</div>
+				</div>
+				<div class="order-item-text" @click="turnPage(index)">
+					<div class="order-item-flow" v-for="(item1, index1) in item.unPrice" :key="index1">
+						<div class="item-text-content">
+							<div class="item-text-img"><img :src="U.sCon.host + item1.imgUrl" :onerror="defaultImg" alt="" /></div>
+							<div class="item-text-font">
+								<p class="title">
+									{{ item1.name }}
+									<span class="item-text-btns" style="margin-top: 0;">
+										<yd-button v-if="!item1.checked" type="hollow" shape="circle" class="operate">去确认</yd-button>
+										<yd-icon name="checkoff" size=".4rem" color="#00b7bd" v-if="item1.checked" style="margin-right: .4rem;"></yd-icon>
+									</span>
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="yd-btns-circle" style="bottom: 1.2rem;"><yd-button type="primary" shape="circle" @click.native="$router.push('/goodsList')">发布需求</yd-button></div>
+		<!-- <div class="yd-btns-circle" style="bottom: 3.2rem;"><yd-button type="primary" shape="circle" @click.native="clerDel">清空</yd-button></div> -->
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	name: 'OneTab',
+	data() {
+		return {
+			tabKey: 0,
+			pageNum: 1,
+			pageSize: 10,
+			Urls: {
+				listUrl: '/product/quoteCache',
+				orderCancelUrl: '/orderInfo/cancel',
+				orderDeliveryUrl: '/orderInfo/delivery',
+				payMoneyUrl: '/wx/pay',
+				infoUrl: '/archivalInfo',
+				resignUrl: '/wx/getJsapiTicket'
+			},
+			list: [],
+			items: [],
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			hasShow: true,
+			cache: this.U.sCon.cache
+		};
+	},
+	mounted() {
+		this.loadList();
+	},
+	created() {
+		var _this = this;
+		//清除前次点击的的缓存数据
+		//this.$session.remove('priceObj');
+		this.getInfo();
+	},
+	methods: {
+		clerDel(){
+			for(let i = 0;i < this.list.length;i++){
+				let cT = this.list[i].createTime;
+				//如果存在创建时间则删除
+				request({
+					url: '/product/quoteCache',
+					method: 'delete',
+					params: {
+						equipment: "H5",
+						userId: this.buyerId,
+						createTime: cT
+					}
+				}).then(res=>{
+					this.loadList();
+				});
+			}
+			
+		},
+		//取得备案信息
+		getInfo() {
+			request({
+				url: this.Urls.infoUrl,
+				method: 'get',
+				params: {
+					buyerId: this.buyerId
+				}
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					if (response.data.retBody.status == 0) {
+						this.$dialog.confirm({
+							title: '备案提示',
+							mes: '《中华人民共和国网络安全法》规定用户在网络平台发布信息需真实身份信息进行备案，如果备案未通过，您发布的信息将不对外展示，请您立即备案。',
+							opts: [
+								{
+									txt: '立即备案',
+									color: '#00b7bd',
+									callback: () => {
+										this.$router.push('/need/put');
+									}
+								}
+							]
+						});
+					}
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//取得缓存报价列表
+		loadList() {
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.listUrl,
+				params: {
+					equipment: 'H5',
+					userId: this.buyerId
+				}
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					this.list = response.data.retBody;
+					if (this.list.length == 0) {
+						this.hasShow = false;
+					} else {
+						//删除空的项
+						for(let i = 0;i < this.list.length;){
+							let c = this.list[i].unPrice;
+							if(Array.isArray(c) && c.length){
+								i++;
+							}else{
+								this.list.splice(i,1);
+							}
+						}
+						this.$emit('iconNum', {
+							num: this.list.length,
+							name: 'needCache'
+						});
+						this.hasShow = true;
+					}
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		/**
+		 * @param {Object} index
+		 * 去查看报价
+		 */
+		turnPage(index) {
+			//处理报价列表ID
+			let listObj = this.list[index];
+			listObj.keys = Array.isArray(listObj.keys)?listObj.keys:[];
+			listObj.unPrice.map(i=>{
+				listObj.keys.push(i.id);
+			});
+			//保存当前点击报价对象
+			this.$session.set('priceObj', listObj);
+			/**
+			 * 跳转到报价详情页
+			 */
+			this.$router.push({
+				path: '/goodsPrice'
+			});
+		}
+	}
+};
+</script>
+
+<style scoped>
+.content {
+	padding-bottom: 1.4rem;
+}
+
+.order-item-text {
+	padding-bottom: 0;
+}
+
+.order-item-text .item-text-content .item-text-img {
+	min-height: 1.4rem;
+}
+
+.order-item-text .item-text-content {
+	margin-top: 0;
+	min-height: 1.4rem;
+}
+
+.order-item-text .order-item-flow {
+	border-bottom: 1px solid #ececec;
+	padding-bottom: 0.24rem;
+}
+
+.order-item-text .order-item-flow:last-child {
+	border-bottom: none;
+	margin-bottom: 0;
+}
+
+.order-item-text .item-text-btns .yd-btn {
+	width: 1rem;
+	height: 0.52rem;
+}
+
+.order-item-text .item-text-content img {
+	width: 1.4rem;
+}
+</style>

src/views/need/put.vue

@@ -0,0 +1,30 @@
+<template>
+	<div class="content">
+		<div class="hint">
+			<img src="../../assets/img/nu-record.png" />
+			<p>尚未备案</p>
+		</div>
+		<div class="yd-btns-circle">
+			<yd-button
+				type="primary"
+				size="large"
+				shape="circle"
+				@click.native="$router.push({ path: '/record', query: { status: 0 } })"
+			>
+				立即备案
+			</yd-button>
+		</div>
+	</div>
+</template>
+
+<script type="text/babel">
+export default {
+	data() {
+		return {};
+	},
+	created() {},
+	methods: {}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped></style>

src/views/order/components/TabBox.vue

@@ -0,0 +1,254 @@
+<template>
+	<yd-infinitescroll :callback="loadList" ref="infinitescroll">
+		<yd-list slot="list">
+			<div class="order-item" v-for="(item, index) in list" :key="index" @click="turnPage(item.id)">
+				<div class="order-item-state">
+					<div class="time">{{ item.createTime }}</div>
+					<div :class="item.status == 4 ? 'finish' : 'normal'">
+						{{
+							item.status == 0
+								? '待付款'
+								: item.status == 1
+								? '待发货'
+								: item.status == 2
+								? '待收货'
+								: item.status == 3
+								? '已完成'
+								: item.status == 4
+								? '已取消'
+								: ''
+						}}
+					</div>
+				</div>
+				<div class="order-item-text">
+					<div class="order-item-flow" v-for="(item1, index1) in item.list" :key="index1">
+						<div class="item-text-header">
+							<yd-icon name="shop" custom slot="icon" size="0.35rem"></yd-icon>
+							{{ item1.sellerName }}
+							<!-- <yd-countdown :time="60" timetype="timestamp" style="float: right;color: red;font-size: .8em;"></yd-countdown> -->
+						</div>
+						<div class="item-text-body">
+							<div class="item-text-cell" v-for="(item2,index2) in item1.list" :key="index2">
+								<div class="item-text-content">
+									<div class="item-text-img">
+										<img :src="U.sCon.host + item2.imgUrl" :onerror="defaultImg" alt="" />
+									</div>
+									<div class="item-text-font">
+										<p class="title">
+											<span>{{ item2.sellerProductName }}</span>
+											<span>¥ {{ item2.price }}</span>
+										</p>
+										<p class="desc">
+											<span>{{ item2.specification }}斤装</span>
+											<span>x{{ item2.amount }}</span>
+										</p>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="order-item-total">
+						理货费用：<span>¥ {{item.tidyCost || 0}}</span>
+					</div>
+					<div class="order-item-total">
+						运费：<span>¥ {{item.freight || 0}}</span>
+					</div>
+					<div class="order-item-total">
+						共{{item.orderNumber}}件商品 合计：
+						<span>¥ {{item.orderAmount.toFixed(2)}}</span>
+					</div>
+					<div class="item-text-btns" v-if="item.status == 0">
+						<yd-button type="hollow" shape="circle" @click.native.stop="orderCancel(item.id)">
+							取消订单
+						</yd-button>
+						<yd-button type="hollow" shape="circle" class="operate" @click.native.stop="openConfrim(item.id)">
+							立即付款
+						</yd-button>
+					</div>
+					<div class="item-text-btns" v-if="item.status == 1">
+						<yd-button type="hollow" shape="circle" @click.native.stop="openLogistic(item.id)">
+							查看物流
+						</yd-button>
+					</div>
+					<div class="item-text-btns" v-if="item.status == 2">
+						<yd-button type="hollow" shape="circle" @click.native.stop="openLogistic(item.id)">
+							查看物流
+						</yd-button>
+						<yd-button type="hollow" shape="circle" class="operate" @click.native.stop="orderDelivery(item.id)">
+							确认收货
+						</yd-button>
+					</div>
+				</div>
+			</div>
+		</yd-list>
+		<span slot="doneTip">没有数据</span>
+	</yd-infinitescroll>
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import baseMixin from '@/components/common/bus';
+	export default {
+		mixins: [baseMixin],
+		name: 'tabBox',
+		props: {
+			status: {
+				type: String,
+				default: ""
+			}
+		},
+		data() {
+			return {
+				tabKey: 0,
+				pageNum: 1,
+				pageSize: 10,
+				Urls: {
+					listUrl: '/orderInfo/findByBuyerId',
+					orderCancelUrl: '/orderInfo/cancel',
+					orderDeliveryUrl: '/orderInfo/delivery',
+					payMoneyUrl: '/pay/other'
+				},
+				list: [],
+				defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			};
+		},
+		created() {
+			this.loadList();
+			console.log('状态', this.status)
+		},
+		methods: {
+			turnPage(id) {
+				this.$router.push({
+					path: '/desc',
+					query: {
+						orderId: id
+					}
+				});
+			},
+			loadList() {
+				let data = {
+					buyerId: this.buyerId,
+					pageNum: this.pageNum,
+					pagesize: this.pageSize,
+					status: this.status
+				};
+				this.$dialog.loading.open('正在加载');
+				request({
+					url: this.Urls.listUrl,
+					method: 'post',
+					data
+				}).then(response => {
+					this.$dialog.loading.close();
+					if (response.data.retHead.errCode == 0) {
+						const _list = response.data.retBody.list;
+						this.list = [...this.list, ..._list];
+						this.list = this.list.map(v => {
+							this.$set(v, 'orderMoney', 0);
+							this.$set(v, 'orderNumber', 0);
+							return v;
+						});
+						for (let i = 0; i < this.list.length; i++) {
+							for (let j = 0; j < this.list[i].list.length; j++) {
+								for (let k = 0; k < this.list[i].list[j].list.length; k++) {
+									this.list[i].orderNumber += Number(this.list[i].list[j].list[k].amount);
+								}
+							}
+						}
+						if (_list.length < this.pageSize) {
+							this.$refs.infinitescroll.$emit('ydui.infinitescroll.loadedDone');
+							return;
+						}
+						this.$refs.infinitescroll.$emit('ydui.infinitescroll.finishLoad');
+						this.pageNum++;
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			// 立即付款
+			openConfrim(id) {
+				this.$dialog.confirm({
+					title: '确认付款？',
+					opts: () => {
+						this.payMoney(id);
+					}
+				});
+			},
+			// 取消订单
+			orderCancel(id) {
+				this.$dialog.confirm({
+					title: '确定取消订单？',
+					opts: () => {
+						this.$dialog.loading.open('正在取消中');
+						request({
+							url: this.Urls.orderCancelUrl,
+							method: 'get',
+							params: {
+								id: id
+							}
+						}).then(response => {
+							this.$dialog.loading.close();
+							if (response.data.retHead.errCode == 0) {
+								this.list = [];
+								this.loadList();
+							} else {
+								this.$dialog.toast({
+									mes: response.data.retHead.errMsg,
+									icon: 'error',
+									timeout: 1500
+								});
+							}
+						});
+					}
+				});
+			},
+			// 查看物流
+			openLogistic(id) {
+				this.$router.push({
+					path: '/logistics',
+					query: {
+						orderId: id
+					}
+				})
+			},
+			// 确认收货
+			orderDelivery(id) {
+				this.$dialog.confirm({
+					title: '确定点击收货？',
+					opts: () => {
+						this.$dialog.loading.open('正在加载中');
+						request({
+							url: this.Urls.orderDeliveryUrl,
+							method: 'get',
+							params: {
+								id: id
+							}
+						}).then(response => {
+							this.$dialog.loading.close();
+							if (response.data.retHead.errCode == 0) {
+								this.list = [];
+								this.loadList();
+							} else {
+								this.$dialog.toast({
+									mes: response.data.retHead.errMsg,
+									icon: 'error',
+									timeout: 1500
+								});
+							}
+						});
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.content {
+		overflow: hidden;
+	}
+</style>

src/views/order/desc.vue

@@ -0,0 +1,388 @@
+<template>
+	<div class="content">
+		<div class="bg-box">
+			<div class="desc-box">
+				<div class="state">
+					<yd-icon name="status" custom slot="icon" size="0.45rem"></yd-icon>
+					{{
+						desc.status == 0
+							? '待付款'
+							: desc.status == 1
+							? '待发货'
+							: desc.status == 2
+							? '待收货'
+							: desc.status == 3
+							? '已完成'
+							: desc.status == 4
+							? '已取消'
+							: ''
+					}}
+				</div>
+				<div class="cell-bg cell-group-box">
+					<yd-cell-group>
+						<yd-cell-item href="#" type="link">
+							<span slot="left" class="log">
+								<h4>
+									{{
+										desc.status == 0
+											? '等待买家付款'
+											: desc.status == 1
+											? '买家已付款'
+											: desc.status == 2
+											? '买家已付款'
+											: desc.status == 3
+											? '交易成功'
+											: desc.status == 4
+											? '交易关闭'
+											: ''
+									}}
+								</h4>
+								<em v-if="desc.status == 0">
+									<yd-countdown :time="endTime" ref="countdown" done-text="订单已过期" :callback="timeCallback">
+										<span style="color:red;">
+											{%m}
+											<i>分</i>
+											{%s}
+											<i>秒</i>
+										</span>
+									</yd-countdown>
+								</em>
+							</span>
+						</yd-cell-item>
+					</yd-cell-group>
+				</div>
+				<div class="yd-cell-wrap">
+					<yd-cell-group class="logistics" v-if="desc.logisticsInfo">
+						<p>{{desc.logisticsInfo.message}}</p>
+						<p class="time">{{desc.logisticsInfo.handleTime}}</p>
+					</yd-cell-group>
+					<yd-cell-group class="contact">
+						<p>
+							<span>{{ desc.logisticsMessageWxVo.recipient }}</span>
+							{{ desc.logisticsMessageWxVo.recipientPhone }}
+						</p>
+						<p class="addr">
+							<yd-icon name="position" custom slot="icon" size="0.26rem"></yd-icon>
+							{{ desc.logisticsMessageWxVo.recipientAddress }}
+						</p>
+					</yd-cell-group>
+				</div>
+				<yd-cell-group class="cell-group-flex">
+					<div class="order-desc">
+						<div class="order-item-text">
+							<div class="order-item-flow" v-for="(item, key) in desc.list" :key="key">
+								<div class="item-text-header">
+									<router-link :to="{ path: '/shop', query: { sellerId: item.sellerId } }">
+										<div>
+											<yd-icon name="shop" custom slot="icon" size="0.35rem"></yd-icon>
+											{{ item.sellerName }}
+											<yd-icon name="arrow" custom color="#c9c9c9" size="0.25rem"></yd-icon>
+										</div>
+									</router-link>
+								</div>
+								<div class="item-text-body">
+									<div class="item-text-cell" v-for="(item1,index1) in item.list" :key="index1">
+										<div class="item-text-content">
+											<div class="item-text-img">
+												<img :src="U.sCon.host + item1.imgUrl" :onerror="defaultImg"/>
+											</div>
+											<div class="item-text-font">
+												<p class="title">
+													<span>{{ item1.sellerProductName }}</span>
+													<span>¥ {{ item1.price }}</span>
+												</p>
+												<p class="desc">
+													<span>{{ item1.specification }}斤装</span>
+													<span>x{{ item1.amount }}</span>
+												</p>
+											</div>
+										</div>
+										<div class="message" v-if="item1.customerNote">
+											留言
+											<span>{{ item1.customerNote }}</span>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="order-item-total">
+								<p>
+									运费：<span>¥ {{ desc.freight||0 }}</span>
+								</p>
+								<p>
+									理货费用：<span>¥ {{ desc.tidyCost||0 }}</span>
+								</p>
+								<p>
+									实付款：	<span>¥ {{ desc.orderAmount||0 }}</span>
+								</p> 
+							</div>
+						</div>
+					</div>
+				</yd-cell-group>
+				<yd-cell-group class="botInfo">
+					<ul>
+						<li>
+							<div>
+								订单编号：
+								<span>{{ desc.purchaseOrderNumber }}</span>
+							</div>
+						</li>
+						<li v-if="desc.status != 0">
+							<div>
+								支付方式：
+								<span>{{desc.payWay==1?"微信":"其他"}}</span>
+							</div>
+						</li>
+						<li v-if="desc.status != 0">
+							<div>
+								付款时间：
+								<span>{{ desc.payTime || '' }}</span>
+							</div>
+						</li>
+						<li>
+							<div>
+								创建时间：
+								<span>{{ desc.createTime }}</span>
+							</div>
+						</li>
+					</ul>
+				</yd-cell-group>
+			</div>
+		</div>
+		<div class="yd-btns" v-if="desc.status == 0">
+			<yd-button type="hollow" @click.native.stop="orderCancel(desc.id)">取消订单</yd-button>
+			<yd-button type="primary" @click.native.stop="openConfrim(desc.id)" v-if="!orderPayMoney">立即付款</yd-button>
+		</div>
+		<div class="yd-btns" v-if="desc.status == 1">
+			<yd-button type="hollow" @click.native.stop="openLogistic(desc.id)">查看物流</yd-button>
+		</div>
+		<div class="yd-btns" v-if="desc.status == 2">
+			<yd-button type="hollow" @click.native.stop="openLogistic(desc.id)">查看物流</yd-button>
+			<yd-button type="primary" @click.native.stop="orderDelivery(desc.id)">
+				确认收货
+			</yd-button>
+		</div>
+		<!-- <div class="yd-btns" v-if="desc.status == 3"><yd-button type="hollow">评价</yd-button></div> -->
+	</div>
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import baseMixin from '@/components/common/bus';
+	export default {
+		mixins: [baseMixin],
+		name: 'Counter',
+		data() {
+			return {
+				orderPayMoney:false,
+				pageNum: 1,
+				pageSize: 10,
+				Urls: {
+					descUrl: '/orderInfo/findById',
+					orderCancelUrl: '/orderInfo/cancel',
+					orderDeliveryUrl: '/orderInfo/delivery',
+					payMoneyUrl: '/pay/other',
+				},
+				desc: {
+					logisticsMessageWxVo: {
+						recipient: ''
+					},
+					orderAmount: 0,
+					freight:0,
+					tidyCost:0,
+				},
+				endTime: '',
+				defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"'
+			};
+		},
+		created() {
+			this.getDesc();
+		},
+		mounted() {
+			// this.back();
+		},
+		methods: {
+			timeCallback() {
+				this.orderPayMoney || this.$dialog.toast({
+				    mes: '该订单已过期',
+				    timeout: 1500,
+				    icon: 'error'
+				});
+				this.orderPayMoney = true;
+			},
+			back() {
+				window.addEventListener('popstate', (e) => {
+					this.$router.push('/order');
+				}, false);
+			},
+			getDesc() {
+				this.$dialog.loading.open('正在加载');
+				request({
+					url: this.Urls.descUrl,
+					method: 'get',
+					params: {
+						id: this.$route.query.orderId
+					}
+				}).then(res => {
+					console.log(res);
+					this.$dialog.loading.close();
+					if (res.data.retHead.errCode == 0) {
+						this.desc = res.data.retBody;
+// 						let sum = 0;
+// 						for (let i = 0; i < this.desc.list.length; i++) {
+// 							for (let j = 0; j < this.desc.list[i].list.length; j++) {
+// 								sum += Number(this.desc.list[i].list[j].amount) * Number(this.desc.list[i].list[j].price);
+// 							}
+// 						}
+// 						this.orderMoney = sum.toFixed(2);
+						if (this.desc.status == 0) {
+							let time = res.data.retBody.endTime;
+							this.endTime = new Date(time.replace(/-/g, '/')).getTime();
+						}
+					} else {
+						this.$dialog.toast({
+							mes: res.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			openConfrim(id) {
+				this.$dialog.confirm({
+					title: '确认付款？',
+					opts: () => {
+						this.payMoney(id);
+					}
+				});
+			},
+			// 查看物流
+			openLogistic(id) {
+				this.$router.push({
+					path: '/logistics',
+					query: {
+						orderId: id
+					}
+				})
+			},
+			// 取消订单
+			orderCancel(id) {
+				this.$dialog.confirm({
+					title: '确定取消订单？',
+					opts: () => {
+						this.$dialog.loading.open('正在取消中');
+						request({
+							url: this.Urls.orderCancelUrl,
+							method: 'get',
+							params: {
+								id: id
+							}
+						}).then(res => {
+							this.$dialog.loading.close();
+							if (res.data.retHead.errCode == 0) {
+								this.$router.push({
+									path: '/desc',
+									query: {
+										orderId: id
+									}
+								});
+							} else {
+								this.$dialog.toast({
+									mes: res.data.retHead.errMsg,
+									icon: 'error',
+									timeout: 1500
+								});
+							}
+						});
+					}
+				});
+			},
+			// 确认收货
+			orderDelivery(id) {
+				this.$dialog.confirm({
+					title: '确定点击收货？',
+					opts: () => {
+						this.$dialog.loading.open('正在加载中');
+						request({
+							url: this.Urls.orderDeliveryUrl,
+							method: 'get',
+							params: {
+								id: id
+							}
+						}).then(res => {
+							this.$dialog.loading.close();
+							if (res.data.retHead.errCode == 0) {
+								this.$router.push({
+									path: '/desc',
+									query: {
+										orderId: id
+									}
+								});
+							} else {
+								this.$dialog.toast({
+									mes: res.data.retHead.errMsg,
+									icon: 'error',
+									timeout: 1500
+								});
+							}
+						});
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	$bg-color: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+
+	.bg-box {
+		height: 2rem;
+		background-image: $bg-color;
+		position: relative;
+
+		&::before {
+			content: '';
+			position: absolute;
+			left: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			background: url('../../assets/img/line.png') no-repeat;
+			background-size: cover;
+			z-index: 0;
+		}
+
+		.desc-box {
+			padding-top: 0.5rem;
+
+			.state {
+				padding: 0 0.5rem;
+				color: #fff;
+				font-size: 0.32rem;
+			}
+
+			.cell-group-box {
+				padding: 0.2rem 0.4rem 0.01rem;
+				margin: 0.24rem 0.3rem;
+				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+				position: absolute;
+				left: 0;
+				right: 0;
+				z-index: 100;
+
+				.log {
+					h4 {
+						font-size: 0.3rem;
+						margin-bottom: 0.1rem;
+						font-weight: normal;
+					}
+
+					em {
+						color: #999;
+						font-size: 0.26rem;
+					}
+				}
+			}
+		}
+	}
+</style>

src/views/order/index.vue

@@ -0,0 +1,43 @@
+<template>
+	<div class="content">
+		<yd-tab active-color="#00b7bd" v-model="tabKey">
+			<yd-tab-panel label="全部"><tab-box v-if="tabKey == 0" :status="String()"></tab-box></yd-tab-panel>
+			<yd-tab-panel label="待付款"><tab-box v-if="tabKey == 1" :status="String(0)"></tab-box></yd-tab-panel>
+			<yd-tab-panel label="待发货"><tab-box v-if="tabKey == 2" :status="String(1)"></tab-box></yd-tab-panel>
+			<yd-tab-panel label="待收货"><tab-box v-if="tabKey == 3" :status="String(2)"></tab-box></yd-tab-panel>
+			<yd-tab-panel label="已完成"><tab-box v-if="tabKey == 4" :status="String(3)"></tab-box></yd-tab-panel>
+		</yd-tab>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+import TabBox from './components/TabBox';
+export default {
+	mixins: [baseMixin],
+	name: 'tabPanel',
+	components: {
+		TabBox
+	},
+	data() {
+		return {
+			tabKey: 0,
+			status: ''
+		};
+	},
+	created() {
+		console.log(this.$route.params.tabKey);
+		if (this.$route.params.tabKey) {
+			this.tabKey = parseInt(this.$route.params.tabKey);
+		}
+	},
+	methods: {}
+};
+</script>
+
+<style scoped>
+.content {
+	overflow: hidden;
+}
+</style>

src/views/order/logistics.vue

@@ -0,0 +1,61 @@
+<template>
+	<div class="wrap">
+		<yd-cell-group style="border-bottom: 10px solid #f5f8fa; margin-bottom: 0;">
+			<yd-cell-item>
+				<span slot="left">订单编号： {{desc.purchaseOrderNumber}}</span>
+			</yd-cell-item>
+		</yd-cell-group>
+		<yd-timeline>
+			<yd-timeline-item v-for="(item,index) in desc.list" :key="index">
+				<p>{{item.message}}</p>
+				<p style="margin-top: 10px;">{{item.handleTime}}</p>
+			</yd-timeline-item>
+		</yd-timeline>
+	</div>
+</template>
+
+<script>
+	import request from '@/utils/request';
+	import baseMixin from '@/components/common/bus';
+	export default {
+		mixins: [baseMixin],
+		data() {
+			return {
+				page: 1,
+				pageSize: 10,
+				Urls: {
+					logisticUrl: '/orderInfo/findLogisticsInfo'
+				},
+				desc: {}
+			};
+		},
+		mounted() {
+			this.getLogistic();
+		},
+		created() {},
+		methods: {
+			getLogistic() {
+				request({
+					url: this.Urls.logisticUrl,
+					method: 'get',
+					params: {
+						id: this.$route.query.orderId
+					}
+				}).then(response => {
+					this.$dialog.loading.close();
+					if (response.data.retHead.errCode == 0) {
+						this.desc = response.data.retBody;
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style></style>

src/views/personal/addr/newAddr.vue

@@ -0,0 +1,180 @@
+<template>
+	<div class="main">
+		<yd-cell-group>
+			<yd-cell-item>
+				<span slot="left">收货人：</span>
+				<yd-input slot="right" required v-model="form.recipient" :show-success-icon="false" :show-error-icon="false" max='20'
+				 placeholder="请填写收货人姓名"></yd-input>
+			</yd-cell-item>
+			<yd-cell-item>
+				<span slot="left">手机号码：</span>
+				<yd-input slot="right" ref="phone" required v-model="form.phone" :show-success-icon="false" :show-error-icon="false" regex="mobile"
+				 placeholder="请填写收货人手机号"></yd-input>
+			</yd-cell-item>
+			<yd-cell-item arrow>
+				<span slot="left">所在地区：</span>
+				<input slot="right" type="text" provance="贵州省" city="贵阳市" disabled="disabled" v-model="areaModel" @click.stop="showArea = true" readonly placeholder="请选择收货地址" />
+			</yd-cell-item>
+			<yd-cell-item>
+				<span slot="left">详细地址：</span>
+				<yd-input slot="right" required v-model="form.address" max="64" :show-success-icon="false" :show-error-icon="false"
+				 placeholder="街道、楼牌号等"></yd-input>
+			</yd-cell-item>
+		</yd-cell-group>
+		<yd-cell-group>
+			<yd-cell-item type="label">
+				<div slot="left">设为默认地址</div>
+				<yd-switch slot="right" color="#01d5c0" v-model="form.isUse"></yd-switch>
+			</yd-cell-item>
+		</yd-cell-group>
+		<yd-cityselect v-model="showArea" ref="cityselectDemo" :callback="areaResult" :items="district" :provance="form.provinceName"
+		 :city="form.cityName" :area="form.countyName"></yd-cityselect>
+		<div class="tips">
+			<yd-icon custom name="tip" size="1rem" color="#c3c8cd"></yd-icon>
+			<p>目前只开放【贵州省-贵阳市】进行物流配送其他地区服务陆续开放</p>
+		</div>
+		<div class="yd-btns-circle" v-if="!id">
+			<yd-button type="primary" shape="circle" @click.native="addSubmit">保 存</yd-button>
+		</div>
+		<div class="yd-btns" v-if="id">
+			<yd-button type="hollow" shape="circle" @click.native="delByIdInfo">删 除</yd-button>
+			<yd-button type="primary" shape="circle" @click.native="addSubmit">保 存</yd-button>
+		</div>
+	</div>
+</template>
+
+<script type="text/babel">
+	import District from 'ydui-district/dist/gov_province_city_area_id';
+	import request from '@/utils/request';
+	export default {
+		data() {
+			return {
+				showArea: false,
+				district: District,
+				areaModel: '贵州省 贵阳市',
+				form: {
+					buyerId: this.Cookies.get('buyerId'),
+					recipient: '',
+					phone: '',
+					provinceName: '贵州省',
+					provinceId: '',
+					cityName: '贵阳市',
+					cityId: '',
+					countyName: '',
+					countyId: '',
+					address: '',
+					isUse: false
+				},
+				id: this.$route.query.id,
+				Urls: {
+					formUrl: '/recipientAddress'
+				}
+			};
+		},
+		created() {
+			if (this.id) {
+				this.getByIdInfo();
+			}
+		},
+		methods: {
+			areaResult(ret) {
+				this.areaModel = ret.itemName1 + ' ' + ret.itemName2 + ' ' + ret.itemName3;
+				this.form.provinceName = ret.itemName1;
+				this.form.provinceId = ret.itemValue1;
+				this.form.cityName = ret.itemName2;
+				this.form.cityId = ret.itemValue2;
+				this.form.countyName = ret.itemName3;
+				this.form.countyId = ret.itemValue3;
+			},
+			addSubmit() {
+				let data = this.form;
+				const phone = this.$refs.phone;
+				if(`${phone.valid}` == 'false'){
+					this.$dialog.toast({
+						mes: '请输入正确的手机号码',
+						timeout: 1500
+					});
+					return;
+				}
+				this.$dialog.loading.open('正在加载');
+				request({
+					url: this.Urls.formUrl,
+					method: this.id ? 'put' : 'post',
+					data
+				}).then(response => {
+					this.$dialog.loading.close();
+					if (response.data.retHead.errCode == 0) {
+						this.$dialog.notify({
+							mes: '保存成功',
+							timeout: 1500
+						});
+						
+						//this.$router.push('/recAddr');
+						this.$router.go(-1);
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			},
+			delByIdInfo() {
+				this.$dialog.confirm({
+					title: '删除地址',
+					mes: '您确定删除地址吗？',
+					opts: () => {
+						let ids = this.id.split(',');
+						let data = ids;
+						this.$dialog.loading.open('正在删除中');
+						request({
+							url: this.Urls.formUrl,
+							method: 'delete',
+							data
+						}).then(response => {
+							this.$dialog.loading.close();
+							if (response.data.retHead.errCode == 0) {
+								this.$dialog.notify({
+									mes: '删除成功',
+									timeout: 1500
+								});
+								// this.$router.push('/recAddr');
+								this.$router.go(-1);
+							} else {
+								this.$dialog.toast({
+									mes: response.data.retHead.errMsg,
+									icon: 'error',
+									timeout: 1500
+								});
+							}
+						});
+					}
+				});
+			},
+			getByIdInfo() {
+				request({
+					url: this.Urls.formUrl,
+					method: 'get',
+					params: {
+						id: this.id
+					}
+				}).then(response => {
+					if (response.data.retHead.errCode == 0) {
+						this.form = response.data.retBody;
+						let ret = response.data.retBody;
+						this.areaModel = ret.provinceName + ' ' + ret.cityName + ' ' + ret.countyName;
+					} else {
+						this.$dialog.toast({
+							mes: response.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				});
+			}
+		}
+	};
+</script>
+
+<style></style>

src/views/personal/addr/recAddr.vue

@@ -0,0 +1,91 @@
+<template>
+	<div class="main">
+		<yd-cell-group class="cell-bg cell-group-box">
+			<yd-cell-item v-for="(item, index) in list" :key="index">
+				<span slot="left" class="recAddr" @click="pickAddr(item.id)">
+					<p>
+						<span>{{ item.recipient }}</span>
+						{{ item.phone }}
+						<em class="default" v-if="item.isUse">默认</em>
+					</p>
+					<p class="addr">
+						{{ item.provinceName }}{{ item.cityName }} {{ item.countyName
+						}}{{ item.address }}
+					</p>
+				</span>
+				<span slot="right">
+					<router-link :to="{ path: '/newAddr', query: { id: item.id } }">
+						<yd-icon name="edit" size=".35rem" custom color="#15222e"></yd-icon>
+					</router-link>
+				</span>
+			</yd-cell-item>
+		</yd-cell-group>
+		<div class="yd-btns-circle">
+			<yd-button type="primary" shape="circle" @click.native="newAddr">
+				<i>+</i>
+				新建收货地址
+			</yd-button>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			list: [],
+			Urls: {
+				listUrl: '/recipientAddress/selectByBuyerId'
+			}
+		};
+	},
+	created() {
+		this.getList();
+	},
+	mounted() {
+//		this.back();
+	},
+	methods: {
+		getList() {
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.listUrl,
+				method: 'get',
+				params: { buyerId: this.buyerId }
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					console.log(response.data.retBody);
+					this.list = response.data.retBody;
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		newAddr() {
+			this.$router.push('/newAddr');
+		},
+		pickAddr(id) {
+			this.$route.params.my-0 || this.$router.push({ path: '/pay', query: { id: id } });
+		},
+		back() {
+			window.addEventListener(
+				'popstate',
+				e => {
+					this.$router.push('/personal');
+				},
+				false
+			);
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/personal/index.vue

@@ -0,0 +1,195 @@
+<template>
+	<div class="content">
+		<yd-cell-group class="top-box">
+			<router-link
+				:to="{
+					path: '/setting',
+					query: { name: personal.name, gender: personal.gender, phone: personal.phone }
+				}"
+			>
+				<yd-cell-item arrow class="top-box-cell">
+					<span slot="left">
+						<img :src="personal.headimgurl || require('@/assets/img/default.png')" width="20%" :onerror="defaultImg" />
+						{{ personal.name }}
+					</span>
+				</yd-cell-item>
+			</router-link>
+		</yd-cell-group>
+		<div class="cell-bg tabbar-icon-box">
+			<yd-tabbar>
+				<yd-tabbar-item title="待付款" @click.native="$router.push({name: 'order',params:{tabKey:1}})">
+					<yd-icon name="dfk" custom slot="icon" size="0.6rem"></yd-icon>
+					<yd-badge slot="badge" type="danger" v-if="orderModel.noPaymentNum !=0">{{ orderModel.noPaymentNum }}</yd-badge>
+				</yd-tabbar-item>
+				<yd-tabbar-item title="待发货" @click.native="$router.push({name: 'order',params:{tabKey:2}})">
+					<yd-icon name="dfh" custom slot="icon" size="0.6rem"></yd-icon>
+					<yd-badge slot="badge" type="danger" v-if="orderModel.noDeliveryNum !=0">{{ orderModel.noDeliveryNum }}</yd-badge>
+				</yd-tabbar-item>
+				<yd-tabbar-item title="待收货" @click.native="$router.push({name: 'order',params:{tabKey:3}})">
+					<yd-icon name="dsh" custom slot="icon" size="0.6rem"></yd-icon>
+					<yd-badge slot="badge" type="danger" v-if="orderModel.noGoodsNum !=0">{{ orderModel.noGoodsNum }}</yd-badge>
+				</yd-tabbar-item>
+				<yd-tabbar-item title="已完成" @click.native="$router.push({name: 'order',params:{tabKey:4}})">
+					<yd-icon name="ywc" custom slot="icon" size="0.6rem"></yd-icon>
+				</yd-tabbar-item>
+				<yd-tabbar-item title="我的订单" link="/order">
+					<yd-icon name="good" custom slot="icon" size="0.6rem"></yd-icon>
+				</yd-tabbar-item>
+			</yd-tabbar>
+		</div>
+		<div class="cell-bg cell-group-box">
+			<yd-cell-group>
+				<yd-cell-item arrow type="link" href="/recAddr/1">
+					<span slot="left">收货地址管理</span>
+				</yd-cell-item>
+				<yd-cell-item arrow type="link" href="/attention">
+					<span slot="left">关注的店铺</span>
+				</yd-cell-item>
+				<yd-cell-item arrow type="a" href="tel:0851-83860789">
+					<span slot="left">联系客服</span>
+					<span slot="right">0851-83860789</span>
+				</yd-cell-item>
+				<yd-cell-item arrow type="link" href="/record">
+					<span slot="left">备案信息</span>
+				</yd-cell-item>
+			</yd-cell-group>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+export default {
+	data: function() {
+		return {
+			buyerId: this.Cookies.get('buyerId'),
+			personal: {},
+			orderModel: {},
+			start: false,
+			Urls: {
+				personalInfoUrl: '/buyer/examine',
+				orderInfoUrl: '/orderInfo/findCountByBuyerId'
+			},
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"'
+		};
+	},
+	created() {
+		this.getInfo();
+	},
+	methods: {
+		getOrderInfo() {
+			request({
+				url: this.Urls.orderInfoUrl,
+				method: 'get',
+				params: { buyerId: this.buyerId }
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.orderModel = response.data.retBody;
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		getInfo() {
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.personalInfoUrl,
+				method: 'get',
+				params: { id: this.buyerId }
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					this.personal = response.data.retBody.buyer;
+					this.getOrderInfo();
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.yd-navbar:after {
+	background-image: none;
+}
+.top-box .yd-cell {
+	background-color: transparent;
+	&::before {
+		background-image: none;
+	}
+	&::after {
+		background-image: none;
+	}
+}
+.tabbar-icon-box:before {
+	content: '';
+	position: absolute;
+	top: 0;
+	right: 1.26rem;
+	width: 0.4rem;
+	bottom: 0;
+	z-index: 0;
+	background: url('../../assets/img/light.png') no-repeat;
+	background-size: 100% 100%;
+	z-index: 1;
+}
+.top-box-cell {
+	padding: 0.4rem 0.3rem 0.6rem 0.54rem;
+	position: relative;
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: -20%;
+		right: 0;
+		bottom: 0;
+		width: 140%;
+		height: 100%;
+		background-image: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+		border-radius: 0 0 50% 50%;
+		z-index: -1;
+	}
+	&::after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: -20%;
+		right: 0;
+		bottom: 0;
+		width: 140%;
+		height: 100%;
+		background: url('../../assets/img/line.png') no-repeat;
+		background-size: cover;
+		border-radius: 0 0 50% 50%;
+		z-index: -1;
+		overflow: hidden;
+	}
+	.yd-cell-left {
+		color: #fff !important;
+		font-size: 0.3rem !important;
+		span {
+			display: flex;
+			align-items: center;
+			img {
+				margin-right: 0.3rem;
+				border-radius: 50%;
+				width: 1.4rem;
+				height: 1.4rem;
+			}
+		}
+	}
+	.yd-cell-arrow:after {
+		color: #fff;
+	}
+}
+</style>

src/views/personal/record/examine.vue

@@ -0,0 +1,29 @@
+<template>
+	<div class="wrap">
+		<div class="hint">
+			<img src="../../../assets/img/examine.png" width="60%" />
+			<p>审核中，请耐心等待审核...</p>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+export default {
+	data() {
+		return {};
+	},
+	mounted() {
+		this.getInfo();
+	},
+	methods: {
+		getInfo() {
+			setTimeout(() => {
+				this.$router.push('/');
+			}, 3000);
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/personal/record/index.vue

@@ -0,0 +1,469 @@
+<template>
+	<div class="wrap">
+		<yd-radio-group v-model="enterpise" class="yd-radios">
+			<yd-radio val="1" :disabled="status == 2" style="margin-right: 1rem;">企业</yd-radio>
+			<yd-radio val="2" :disabled="status == 1">个人</yd-radio>
+		</yd-radio-group>
+		<div v-show="enterpise == 1">
+			<yd-cell-group>
+				<yd-cell-item>
+					<yd-input
+						slot="right"
+						required
+						v-model="enterpiseModel.name"
+						:show-required-icon="status == 0"
+						:show-error-icon="status == 0"
+						:show-success-icon="status == 0"
+						:show-clear-icon="status == 0"
+						placeholder="公司名称"
+						:readonly="status == 1"
+						max="25"
+						min="4"
+						ref="input1"
+						:on-blur="verify('input1')"
+					></yd-input>
+				</yd-cell-item>
+				<p style="color:#F00;padding: .1rem .3rem;" v-text="errorMsg.input1.msg"></p>
+				<yd-cell-item>
+					<yd-input
+						slot="right"
+						required
+						v-model="enterpiseModel.juridicalPerson"
+						:show-error-icon="status == 0"
+						:show-success-icon="status == 0"
+						:show-clear-icon="status == 0"
+						placeholder="法人姓名"
+						regex="^[\u4E00-\u9FA5]{2,15}$"
+						:readonly="status == 1"
+						ref="input2"
+						:on-blur="verify('input2')"
+					></yd-input>
+				</yd-cell-item>
+				<p style="color:#F00;padding: .1rem .3rem;" v-text="errorMsg.input2.msg"></p>
+				<yd-cell-item>
+					<yd-input
+						slot="right"
+						required
+						v-model="enterpiseModel.socialCreditCode"
+						:show-error-icon="status == 0"
+						:show-success-icon="status == 0"
+						:show-clear-icon="status == 0"
+						placeholder="统一社会信用代码或营业执照号"
+						:readonly="status == 1"
+						max="18"
+						min="15"
+						ref="input3"
+						:on-blur="verify('input3')"
+					></yd-input>
+				</yd-cell-item>
+			</yd-cell-group>
+			<p style="color:#F00;padding: .1rem .3rem;" v-text="errorMsg.input3.msg"></p>
+			<div class="darkTip">
+				上传身份证照片
+				<br />
+				*请上传经营者本人身份证照片
+				<br />
+				*必须是彩色扫描件或数码照片，复印件无效
+				<br />
+				*拍照时请确保身份证边框完整、图像清晰、光线均匀
+				<br />
+				*支持格式为jpg、jpeg、png、gif，大小不超过5M的图片
+			</div>
+			<div class="uploadImg">
+				<input type="file" accept="image/*" value="上传营业执照照片" class="upload-input" @change="uploadImg" v-if="status == 0" />
+				<div v-if="!imgModel.businessLicense">
+					<yd-icon name="upload" custom color="#c3c8cd"></yd-icon>
+					<p>上传营业执照照片</p>
+				</div>
+				<yd-lightbox><yd-lightbox-img :src="imgModel.businessLicense" v-if="imgModel.businessLicense" class="pre-img" :onerror="defaultImg"></yd-lightbox-img></yd-lightbox>
+			</div>
+		</div>
+		<div v-show="enterpise == 2">
+			<yd-cell-group>
+				<yd-cell-item>
+					<yd-input
+						slot="right"
+						required
+						v-model="personModel.name"
+						:show-success-icon="status == 0"
+						:show-error-icon="status == 0"
+						:show-clear-icon="status == 0"
+						placeholder="姓名"
+						max="15"
+						min="2"
+						:readonly="status == 2"
+						ref="input4"
+						:on-blur="verify('input4')"
+					></yd-input>
+				</yd-cell-item>
+				<p style="color:#F00;padding: .1rem .3rem;" v-text="errorMsg.input4.msg"></p>
+				<yd-cell-item>
+					<yd-input
+						slot="right"
+						required
+						v-model="personModel.idCard"
+						placeholder="身份证号"
+						:show-error-icon="status == 0"
+						:show-success-icon="status == 0"
+						:show-clear-icon="status == 0"
+						max="18"
+						regex="^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$"
+						:readonly="status == 2"
+						ref="input5"
+						:on-blur="verify('input5')"
+					></yd-input>
+				</yd-cell-item>
+			</yd-cell-group>
+			<p style="color:#F00;padding: .1rem .3rem;" v-text="errorMsg.input5.msg"></p>
+			<div class="darkTip">
+				上传身份证照片
+				<br />
+				*请上传经营者本人身份证照片
+				<br />
+				*必须是彩色扫描件或数码照片，复印件无效
+				<br />
+				*拍照时请确保身份证边框完整、图像清晰、光线均匀
+				<br />
+				*支持格式为jpg、jpeg、png、gif，大小不超过5M的图片
+			</div>
+			<div class="uploadImg">
+				<input type="file" accept="image/*" value="人像面照片" class="upload-input" @change="uploadFrontImage" v-if="status == 0" />
+				<div v-if="!imgModel.frontImage">
+					<yd-icon name="upload" custom color="#c3c8cd"></yd-icon>
+					<p>人像面照片</p>
+				</div>
+				<yd-lightbox><yd-lightbox-img :src="imgModel.frontImage" v-if="imgModel.frontImage" class="pre-img" :onerror="defaultImg"></yd-lightbox-img></yd-lightbox>
+			</div>
+			<div class="uploadImg">
+				<input type="file" accept="image/*" value="国徽面照片" class="upload-input" @change="uploadContraryImage" v-if="status == 0" />
+				<div v-if="!imgModel.contraryImage">
+					<yd-icon name="upload" custom color="#c3c8cd"></yd-icon>
+					<p>国徽面照片</p>
+				</div>
+				<yd-lightbox><yd-lightbox-img :src="imgModel.contraryImage" v-if="imgModel.contraryImage" class="pre-img" :onerror="defaultImg"></yd-lightbox-img></yd-lightbox>
+			</div>
+		</div>
+		<div class="follow-btns-circle">
+			<yd-button type="primary" v-if="enterpise == 1 && status == 0" size="large" shape="circle" @click.native="enterpiseSubmit">提交</yd-button>
+			<yd-button type="primary" v-if="enterpise == 2 && status == 0" size="large" shape="circle" @click.native="personSubmit">提交</yd-button>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data: function() {
+		return {
+			errorMsg: {
+				input1: {
+					msg: '请填写正确的公司名称'
+				},
+				input2: {
+					msg: '请填写正确的法人姓名',
+					NOT_REGEX_RULE: '只能输入2-15个中文'
+				},
+				input3: {
+					msg: '请填写正确的统一社会信用代码或营业执照号'
+				},
+				input4: {
+					msg: '请填写正确的姓名'
+				},
+				input5: {
+					msg: '请填写正确的身份证号',
+					NOT_REGEX_RULE: '请填写正确的身份证号'
+				}
+			},
+			enterpise: '1',
+			status: '0',
+			host: this.U.sCon.host,
+			Urls: {
+				infoUrl: '/archivalInfo',
+				personRecordUrl: '/archivalInfo/person',
+				enterpriseRecordUrl: '/archivalInfo/enterprise',
+				imgUrl: '/file/upload'
+			},
+			enterpiseModel: {
+				buyerId: this.Cookies.get('buyerId'),
+				name: '',
+				juridicalPerson: '',
+				socialCreditCode: '',
+				businessLicense: ''
+			},
+			imgModel: {
+				businessLicense: '',
+				frontImage: '',
+				contraryImage: ''
+			},
+			personModel: {
+				buyerId: this.Cookies.get('buyerId'),
+				name: '',
+				idCard: '',
+				frontImage: '',
+				contraryImage: ''
+			},
+			defaultImg: 'this.src="' + require('@/assets/img/shop.png') + '"'
+		};
+	},
+	created() {
+		if (this.$route.query.status != 0) {
+			this.getInfo();
+		}
+	},
+	methods: {
+		getInfo() {
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.infoUrl,
+				method: 'get',
+				params: { buyerId: this.buyerId }
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					if (response.data.retBody.status == 1) {
+						this.status = 1;
+						this.enterpise = 1;
+						this.enterpiseModel = response.data.retBody.archival;
+						this.imgModel.businessLicense = this.host + response.data.retBody.archival.businessLicense;
+					} else if (response.data.retBody.status == 2) {
+						this.status = 2;
+						this.enterpise = 2;
+						this.personModel = response.data.retBody.archival;
+						this.imgModel.frontImage = this.host + response.data.retBody.archival.frontImage;
+						this.imgModel.contraryImage = this.host + response.data.retBody.archival.contraryImage;
+					}
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//字段验证
+		verify(e) {
+			let obj = this.$refs[e];
+			if (obj && !obj.valid) {
+				this.errorMsg[e].msg = this.errorMsg[e][obj.errorCode] || obj.errorMsg;
+			} else if (obj) {
+				this.errorMsg[e].msg = '';
+			}
+		},
+		//企业认证提交
+		enterpiseSubmit() {
+			let data = this.enterpiseModel;
+			//判断前3项错误信息
+			for (let i = 1; i < 4; i++) {
+				if (this.errorMsg['input' + i].msg) {
+					this.$dialog.toast({
+						mes: this.errorMsg['input' + i].msg,
+						icon: 'error',
+						timeout: 1500
+					});
+					return;
+				}
+			}
+			//判断营业执照
+			if (!data.businessLicense) {
+				this.$dialog.toast({
+					mes: '请上传营业执照照片',
+					icon: 'error',
+					timeout: 1500
+				});
+				return;
+			}
+			request({
+				url: this.Urls.enterpriseRecordUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.$router.push('/examine');
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//提交个人
+		personSubmit() {
+			let data = this.personModel;
+			//判断后2项错误信息
+			for (let i = 4; i < 6; i++) {
+				if (this.errorMsg['input' + i].msg) {
+					this.$dialog.toast({
+						mes: this.errorMsg['input' + i].msg,
+						icon: 'error',
+						timeout: 1500
+					});
+					return;
+				}
+			}
+			//判断省份证
+			if (!data.frontImage || !data.contraryImage) {
+				this.$dialog.toast({
+					mes: '请上传身份证正/反面照片',
+					icon: 'error',
+					timeout: 1500
+				});
+				return;
+			}
+			request({
+				url: this.Urls.personRecordUrl,
+				method: 'post',
+				data
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.$router.push('/examine');
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		uploadFile(e, callback) {
+			var _this = this;
+			/*
+			三个参数
+			file：一个是文件(类型是图片格式)，
+			w：一个是文件压缩的后宽度，宽度越小，字节越小
+			objDiv：一个是容器或者回调函数
+			photoCompress()
+			 */
+			function photoCompress(file, w, objDiv) {
+				var ready = new FileReader();
+				/*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/
+				ready.readAsDataURL(file);
+				ready.onload = function() {
+					var re = this.result;
+					canvasDataURL(re, w, objDiv);
+				};
+			}
+			function canvasDataURL(path, obj, callback) {
+				var img = new Image();
+				img.src = path;
+				img.onload = function() {
+					var that = this;
+					// 默认按比例压缩
+					var w = that.width,
+						h = that.height,
+						scale = w / h;
+					w = obj.width || w;
+					h = obj.height || w / scale;
+					var quality = 0.7; // 默认图片质量为0.7
+					//生成canvas
+					var canvas = document.createElement('canvas');
+					var ctx = canvas.getContext('2d');
+					// 创建属性节点
+					var anw = document.createAttribute('width');
+					anw.nodeValue = w;
+					var anh = document.createAttribute('height');
+					anh.nodeValue = h;
+					canvas.setAttributeNode(anw);
+					canvas.setAttributeNode(anh);
+					ctx.drawImage(that, 0, 0, w, h);
+					// 图像质量
+					if (obj.quality && obj.quality <= 1 && obj.quality > 0) {
+						quality = obj.quality;
+					}
+					// quality值越小，所绘制出的图像越模糊
+					var base64 = canvas.toDataURL('image/jpeg', quality);
+					// 回调函数返回base64的值
+					callback(base64);
+				};
+			}
+			/**
+			 * 将以base64的图片url数据转换为Blob
+			 * @param urlData
+			 * 用url方式表示的base64图片数据
+			 */
+			function convertBase64UrlToBlob(urlData) {
+				var arr = urlData.split(','),
+					mime = arr[0].match(/:(.*?);/)[1],
+					bstr = atob(arr[1]),
+					n = bstr.length,
+					u8arr = new Uint8Array(n);
+				while (n--) {
+					u8arr[n] = bstr.charCodeAt(n);
+				}
+				return new Blob([u8arr], { type: mime });
+			}
+
+			const file = e.target.files[0];
+			let size = file.size / 1024 / 1024;
+			//判断压缩
+			if(size > 1){
+				photoCompress(file, {
+                    quality: 0.25
+                }, function(base64Codes){
+					var bl = convertBase64UrlToBlob(base64Codes);
+					_this.uploadAjax(bl,callback, "file_"+Date.parse(new Date())+"."+bl.type.split("/")[1]);
+				});
+			}else{
+				if (size >= 5) {
+					this.$dialog.toast({
+						mes: '上传的图片大小不能超过5M',
+						timeout: 1500
+					});
+					return;
+				}
+				_this.uploadAjax(file,callback,file.name);
+			}			
+		},
+		uploadAjax(file,callback,fileName){
+			const formData = new FormData();
+			formData.append('file', file, fileName);
+			this.$dialog.loading.open('正在上传中');
+			request({
+				url: this.Urls.imgUrl,
+				method: 'post',
+				data: formData
+			}).then(response => {
+				this.$dialog.loading.close();
+				if (response.data.retHead.errCode == 0) {
+					let funName = "fun"+new Date().valueOf();
+					this[funName] = callback;
+					this[funName](response.data.retBody);
+					delete this[funName];
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		//上传执照
+		uploadImg(e) {
+			this.uploadFile(e,data=>{
+				this.imgModel.businessLicense = this.host + data.url;
+				this.enterpiseModel.businessLicense = data.url;
+			});
+		},
+		uploadFrontImage(e) {
+			this.uploadFile(e,data=>{
+				this.imgModel.frontImage = this.host + data.url;
+				this.personModel.frontImage = data.url;
+			});
+		},
+		uploadContraryImage(e) {
+			this.uploadFile(e,data=>{
+				this.imgModel.contraryImage = this.host + data.url;
+				this.personModel.contraryImage = data.url;
+			});
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/personal/setting/index.vue

@@ -0,0 +1,94 @@
+<template>
+	<div class="content">
+		<yd-cell-group>
+			<yd-cell-item arrow type="link" href="/setName">
+				<span slot="left">昵称</span>
+				<span slot="right">{{ personal.name }}</span>
+			</yd-cell-item>
+			<yd-cell-item arrow type="link" href="/setSex">
+				<span slot="left">性别</span>
+				<span slot="right">{{ personal.gender == 2 ? '女' : '男' }}</span>
+			</yd-cell-item>
+			<yd-cell-item>
+				<span slot="left">绑定手机号</span>
+				<span slot="right">{{ personal.phone }}</span>
+			</yd-cell-item>
+		</yd-cell-group>
+		<div class="yd-btns">
+			<yd-button type="danger" @click.native="exit">
+				{{(U.cT().isiOS && !U.cT().isWeiXin)?'退出当前账户':'切换其他账户'}}
+			</yd-button>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data: function() {
+		return {
+			buyerId: this.Cookies.get('buyerId'),
+			personal: {},
+			Urls: {
+				personalInfoUrl: '/buyer/examine'
+			}
+		};
+	},
+	created() {
+		this.getInfo();
+	},
+	mounted() {
+//		this.back();
+	},
+	methods: {
+		//退出
+		exit(){
+			this.$dialog.confirm({
+				title: (U.cT().isiOS && !U.cT().isWeiXin)?'退出当前账户':'切换其他账户',
+				mes: '您确定要这样做吗？',
+				opts: () => {
+					let ui = this.Cookies.get('userid');
+					ui == 'undefined' || request({
+						url: '/buyer/exit',
+						method:'get',
+						params:{
+							userId: ui
+						}
+					}).then((res)=>{
+						this.$router.replace({name: 'login',params:{type:2}});
+					});
+				}
+			});
+		},
+		getInfo() {
+			request({
+				url: this.Urls.personalInfoUrl,
+				method: 'get',
+				params: { id: this.buyerId }
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.personal = response.data.retBody.buyer;
+					this.Cookies.set('phone', response.data.retBody.buyer.phone);
+					this.Cookies.set('gender', response.data.retBody.buyer.gender);
+					this.Cookies.set('name', response.data.retBody.buyer.name);
+				} else {
+					this.$dialog.toast({
+						mes: response.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		back() {
+			window.addEventListener('popstate',(e)=> {
+				this.$router.push('/personal');
+			},false);
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/personal/setting/name.vue

@@ -0,0 +1,64 @@
+<template>
+	<div class="main">
+		<yd-cell-group>
+			<yd-cell-item>
+				<yd-input
+					slot="right"
+					required
+					v-model="form.name"
+					:show-success-icon="false"
+					:show-error-icon="false"
+					placeholder="请输入您的昵称"
+					max="20"
+				></yd-input>
+			</yd-cell-item>
+		</yd-cell-group>
+		<div class="yd-btns-circle">
+			<yd-button type="primary" shape="circle" @click.native="addSubmit">保 存</yd-button>
+		</div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			form: {
+				id: this.Cookies.get('buyerId'),
+				name: this.Cookies.get('name')
+			},
+			Urls: {
+				formUrl: '/buyer/updateBuyer'
+			}
+		};
+	},
+	methods: {
+		addSubmit() {
+			let data = this.form;
+			request({
+				url: this.Urls.formUrl,
+				method: 'put',
+				data
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.$dialog.notify({
+						mes: '保存成功',
+						timeout: 1500
+					});
+					this.$router.push('/setting');
+				} else {
+					this.$dialog.notify({
+						mes: response.data.retHead.errMsg,
+						timeout: 3000
+					});
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style></style>

src/views/personal/setting/sex.vue

@@ -0,0 +1,70 @@
+<template>
+	<div class="main">
+		<yd-cell-group class="sex-radio">
+			<yd-radio-group v-model="form.gender">
+				<yd-radio val="1">
+					<span style="font-size: .3rem;">男</span>
+					<yd-icon name="checkoff" size=".34rem" v-if="form.gender == 1"></yd-icon>
+				</yd-radio>
+				<yd-radio val="2">
+					<span style="font-size: .3rem;">女</span>
+					<yd-icon name="checkoff" size=".34rem" v-if="form.gender == 2"></yd-icon>
+				</yd-radio>
+			</yd-radio-group>
+		</yd-cell-group>
+		<div class="yd-btns-circle"><yd-button type="primary" shape="circle" @click.native="addSubmit">保 存</yd-button></div>
+	</div>
+</template>
+
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			form: {
+				id: this.Cookies.get('buyerId'),
+				gender: this.Cookies.get('gender')
+			},
+			Urls: {
+				formUrl: '/buyer/updateBuyer'
+			}
+		};
+	},
+	methods: {
+		addSubmit() {
+			let data = this.form;
+			request({
+				url: this.Urls.formUrl,
+				method: 'put',
+				data
+			}).then(response => {
+				if (response.data.retHead.errCode == 0) {
+					this.$dialog.notify({
+						mes: '保存成功',
+						timeout: 1500
+					});
+					this.$router.push('/setting');
+				} else {
+					this.$dialog.notify({
+						mes: response.data.retHead.errMsg,
+						timeout: 3000
+					});
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.sex-radio label {
+	display: block;
+	height: 0.9rem;
+	line-height: 0.9rem;
+	padding-left: 0.24rem;
+	border-bottom: 1px solid #ececec;
+	position: relative;
+}
+</style>

src/views/shop/attention.vue

@@ -0,0 +1,187 @@
+<!--
+* 关注的店铺
+* -->
+<template>
+	<div class="content">
+		<yd-infinitescroll :callback="loadList" ref="infinitescroll">
+			<div slot="list">
+				<yd-cell-group v-for="(item, index) in list" :key="index">
+					<yd-cell-item class="list-item" arrow type="link" :href="'/shop?sellerId='+item.sellerId">
+						<div slot="left">
+							<div class="shop-header">
+								<div class="shop-header-l">
+									<img :src="U.sCon.host + item.imgUrl" :onerror="defaultImg" alt=""/>
+									<div class="ml">
+										<h2>{{ item.sellerName }}</h2>
+										<p>在售商品{{ item.sellerProductNum }}款</p>
+									</div>
+								</div>
+							</div>
+						</div>
+						<span slot="right">进入店铺</span>
+					</yd-cell-item>
+				</yd-cell-group>
+			</div>
+			<span slot="doneTip">没有数据了</span>
+		</yd-infinitescroll>
+	</div>
+</template>
+<script>
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			pageNum: 1,
+			pageSize: 10,
+			Urls: {
+				listUrl: '/buyerRefSeller/list'
+			},
+			list: [],
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"'
+		};
+	},
+	created() {
+		this.loadList();
+	},
+	methods: {
+		loadList() {
+			let data = {
+				buyerId: this.buyerId,
+				pageNum: this.pageNum,
+				pageSize: this.pageSize
+			};
+			this.pageNum == 1 && this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.listUrl,
+				method: 'post',
+				data
+			}).then(res => {
+// 				res = {
+// 					data: {
+// 						retHead: { errCode: 0, errMsg: '操作成功', total: 0 },
+// 						retBody: {
+// 							total: 10000,
+// 							list: [
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								},
+// 								{
+// 									sellerId: '6113690717f24ff69fb406f56f65d29c',
+// 									imgUrl: '/img/20190411/8174113257414eaaa596b5da8717bbb5.jpg',
+// 									sellerName: '东东专卖店',
+// 									sellerProductNum: 4
+// 								}
+// 							]
+// 						}
+// 					}
+// 				};
+				let _this = this;
+				setTimeout(function(){
+					_this.$dialog.loading.close();
+					if (res.data.retHead.errCode == 0) {
+						const _list = res.data.retBody.list;
+						_this.list = [..._this.list, ..._list];
+						if (res.data.retBody.total < _this.pageSize) {
+							_this.$refs.infinitescroll.$emit('ydui.infinitescroll.loadedDone');
+							return;
+						}
+						_this.$refs.infinitescroll.$emit('ydui.infinitescroll.finishLoad');
+						_this.pageNum++;
+					} else {
+						_this.$dialog.toast({
+							mes: res.data.retHead.errMsg,
+							icon: 'error',
+							timeout: 1500
+						});
+					}
+				},800);
+			});
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.content {
+	height: 100vh;
+	overflow-y: auto !important;
+	padding-top: 0;
+	padding-bottom: .2rem;
+}
+.list-item{
+	margin: .2rem 0;
+}
+.shop-header {
+	display: flex;
+	align-items: center;
+	color: #15222e;
+	padding: 0.3rem 0.24rem;
+	.shop-header-l {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		img {
+			width: 1.2rem;
+			height: 100%;
+			border-radius: 4px;
+		}
+		div {
+			font-size: 0.24rem;
+			h2 {
+				font-size: 0.3rem;
+				margin-bottom: 0.1rem;
+			}
+			p {
+				color: #ef4f4f;
+			}
+		}
+	}
+}
+</style>

src/views/shop/desc.vue

@@ -0,0 +1,193 @@
+<template>
+	<div class="content" style="height: 100%;">
+		<yd-cell-group>
+			<div class="goods-img">
+				<yd-lightbox>
+					<yd-lightbox-img :src="U.sCon.host + this.desc.sellerProductImgUrl" :onerror="defaultImg"></yd-lightbox-img>
+				</yd-lightbox>
+			</div>
+			<ul class="goods-text">
+				<li>
+					<span class="title">{{ this.desc.sellerProductName }}</span>
+				</li>
+				<li>
+					<span>
+						今日报价：
+						<b class="price">¥ {{ price }}</b>
+						/份
+					</span>
+					<!-- <span>产地：山东省济南市</span> -->
+				</li>
+				<li>
+					<span>
+						<dl>
+							<dd
+								:class="isActive == index ? 'active' : ''"
+								v-for="(item, index) in this.desc.sellerProductSpecWxVOS"
+								:key="index"
+								@click="getPrice(index, item.avgPrice)"
+							>
+								{{ item.specification }}斤装
+							</dd>
+						</dl>
+					</span>
+				</li>
+			</ul>
+		</yd-cell-group>
+		<yd-cell-group>
+			<yd-cell-item arrow type="link" :href="'/shop?sellerId='+this.desc.sellerId">
+				<span slot="left">
+					<div class="shop-header">
+						<div class="shop-header-l">
+							<img
+								:src="U.sCon.host + this.desc.sellerHeadPortrait"
+								:onerror="defaultImg"
+							/>
+							<div class="ml">
+								<h2>{{ this.desc.sellerName }}</h2>
+								<p>在售商品{{ this.desc.sellerProductCount }}款</p>
+							</div>
+						</div>
+					</div>
+				</span>
+				<span slot="right">进入店铺</span>
+			</yd-cell-item>
+		</yd-cell-group>
+		<yd-cell-group>
+			<div class="desc-bot">
+				<h2>商品检测报告</h2>
+				<span v-for="(item, index) in this.desc.sellerProductImgUrlS" :key="index">
+					<yd-lightbox>
+						<yd-lightbox-img :src="U.sCon.host + item" :onerror="defaultImg" width="100%"></yd-lightbox-img>
+					</yd-lightbox>
+				</span>
+			</div>
+		</yd-cell-group>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<div class="follow-btns-circle">
+			<yd-button type="primary" size="large" shape="circle" @click.native="setInsert()">
+				<yd-icon name="newAddr" custom size="0.3rem" v-if="!desc.follow"></yd-icon>
+				{{desc.follow?'已关注':'关注店铺'}}
+			</yd-button>
+		</div>
+	</div>
+</template>
+
+<script type="text/babel">
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			desc: {
+				intro: '店铺简介',
+				sellerName: '慧云网安店铺'
+			},
+			isActive: 0,
+			price: '0.00',
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			Urls: {
+				descUrl: '/sellerProduct/findMessageById',
+				insertUrl: '/buyerRefSeller/insert',
+				cancelUrl:"/buyerRefSeller/cancel"
+			}
+		};
+	},
+	created() {
+		this.getDesc();
+	},
+	methods: {
+		setInsert() {
+			request({
+				url: !this.desc.follow?this.Urls.insertUrl:this.Urls.cancelUrl,
+				method: 'post',
+				data: {
+					sellerId:this.desc.sellerId,
+					buyerId:this.buyerId
+				}
+			}).then(res => {
+				if (res.data.retHead.errCode == 0) {
+					console.log(res);
+					this.desc.follow = !this.desc.follow;
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		getDesc() {
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.descUrl,
+				method: 'get',
+				params: { id: this.$route.query.id }
+			}).then(res => {
+				console.log(res);
+				this.$dialog.loading.close();
+				if (res.data.retHead.errCode == 0) {
+					this.desc = res.data.retBody;
+					this.getPrice(0,this.desc.sellerProductSpecWxVOS[0].avgPrice)
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		getPrice(index, price) {
+			this.isActive = index;
+			this.price = price;
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$bg-color: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+.follow-btns-circle{
+	position: fixed;
+    z-index: 6;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: auto;
+}
+.shop-header {
+	display: flex;
+	align-items: center;
+	color: #15222e;
+	padding: 0.3rem 0.24rem;
+	.shop-header-l {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		img {
+			width: 1.2rem;
+			height: 100%;
+			border-radius: 4px;
+		}
+		div {
+			font-size: 0.24rem;
+			h2 {
+				font-size: 0.3rem;
+				margin-bottom: 0.1rem;
+			}
+			p {
+				color: #ef4f4f;
+			}
+		}
+	}
+}
+</style>

src/views/shop/index.vue

@@ -0,0 +1,246 @@
+<template>
+	<div class="content" style="height: 100%; overflow: hidden;">
+		<div class="bg-box">
+			<yd-search v-model="name" :on-submit="submitHandler" :on-cancel="cancelHandler" placeholder="搜索店铺商品"></yd-search>
+			<div class="shop-header">
+				<div class="shop-header-l">
+					<img :src="U.sCon.host + desc.imgUrl" :onerror="defaultImg" />
+					<div class="ml">
+						<h2>{{ desc.sellerName }}</h2>
+						<p>{{ desc.sellerIntro }}</p>
+					</div>
+				</div>
+				<div class="shop-header-r" @click="setInsert()">
+					<yd-icon name="newAddr" custom size="0.3rem" v-if="!desc.follow"></yd-icon>
+					{{ desc.follow ? '已关注' : '关注' }}
+				</div>
+			</div>
+		</div>
+		<ul class="goods-group cell-bg">
+			<li style="display: flex;justify-content: center;">
+				<yd-infinitescroll :callback="getList" ref="infinitescroll">
+					<yd-list slot="list">
+						<div class="goods-group-item" @click="turnDesc(item.id)" v-for="(item, index) in list" :key="index">
+							<div class="goods-top"><img :src="U.sCon.host + item.imgUrl" :onerror="defaultImg" alt="" /></div>
+							<h2>{{ item.name }}</h2>
+							<div class="goods-bot">
+								<!-- <span>
+									<em>¥ {{ item.avgPrice }}</em>
+									/份
+								</span> -->
+								<span><yd-icon name="more" size=".34rem" color="#999"></yd-icon></span>
+							</div>
+						</div>
+					</yd-list>
+				</yd-infinitescroll>
+			</li>
+		</ul>
+	</div>
+</template>
+
+<script type="text/babel">
+import request from '@/utils/request';
+import baseMixin from '@/components/common/bus';
+export default {
+	mixins: [baseMixin],
+	data() {
+		return {
+			name: '',
+			list: [],
+			pageNum: 1,
+			pageSize: 10,
+			desc: {
+				intro: '店铺简介',
+				name: '慧云网安店铺',
+				headPortrait: ''
+			},
+			defaultImg: 'this.src="' + require('@/assets/img/default.png') + '"',
+			Urls: {
+				listUrl: '/sellerProduct/findProductBySellerId',
+				sellerUrl: '/buyerRefSeller/follow',
+				insertUrl: '/buyerRefSeller/insert',
+				cancelUrl: '/buyerRefSeller/cancel'
+			}
+		};
+	},
+	created() {
+		this.getSeller();
+		this.getList();
+	},
+	mounted() {
+//		this.back();
+	},
+	methods: {
+		getSeller() {
+			request({
+				url: this.Urls.sellerUrl,
+				method: 'get',
+				params: { sellerId: this.$route.query.sellerId }
+			}).then(res => {
+				if (res.data.retHead.errCode == 0) {
+					this.desc = res.data.retBody;
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		setInsert() {
+			request({
+				url: !this.desc.follow ? this.Urls.insertUrl : this.Urls.cancelUrl,
+				method: 'post',
+				data: {
+					sellerId: this.$route.query.sellerId,
+					buyerId: this.Cookies.get('buyerId')
+				}
+			}).then(res => {
+				if (res.data.retHead.errCode == 0) {
+					this.desc.follow = !this.desc.follow;
+					this.$dialog.notify({
+						mes: this.desc.follow ? '关注成功' : '已取消关注',
+						timeout: 1500
+					});
+				} else {
+					this.desc.follow = true;
+					this.$dialog.notify({
+						mes: res.data.retHead.errMsg,
+						timeout: 1500
+					});
+				}
+			});
+		},
+		getList() {
+			let data = {
+				sellerId: this.$route.query.sellerId,
+				pageNum: this.pageNum,
+				pageSize: this.pageSize,
+				search: this.name
+			};
+			this.$dialog.loading.open('正在加载');
+			request({
+				url: this.Urls.listUrl,
+				method: 'post',
+				data
+			}).then(res => {
+				this.$dialog.loading.close();
+				if (res.data.retHead.errCode == 0) {
+					const _list = res.data.retBody.list;
+					this.list = [...this.list, ..._list];
+					if (_list.length < this.pageSize) {
+						this.$refs.infinitescroll.$emit('ydui.infinitescroll.loadedDone');
+						return;
+					}
+					this.$refs.infinitescroll.$emit('ydui.infinitescroll.finishLoad');
+					this.pageNum++;
+				} else {
+					this.$dialog.toast({
+						mes: res.data.retHead.errMsg,
+						icon: 'error',
+						timeout: 1500
+					});
+				}
+			});
+		},
+		submitHandler(value) {
+			this.pageNum = 1;
+			this.name = value;
+			this.list = [];
+			this.getList();
+		},
+		cancelHandler() {
+			this.submitHandler('');
+		},
+		turnDesc(id) {
+			this.$router.push({
+				path: '/shop/desc',
+				query: { id: id }
+			});
+		},
+		back() {
+			//设置后退地址
+			// 			window.addEventListener(
+			// 				'popstate',
+			// 				e => {
+			// 					this.$router.push('/order');
+			// 				},
+			// 				false
+			// 			);
+		}
+	}
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$bg-color: linear-gradient(-269deg, #01d5c0 0%, #00b7bd 97%);
+.goods-group{
+	height: 75%;
+}
+.bg-box {
+	// height: 4rem;
+	background-image: $bg-color;
+	position: relative;
+	padding-bottom: 1.5rem;
+	&::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: url('../../assets/img/line.png') no-repeat;
+		background-size: cover;
+		z-index: 0;
+	}
+}
+.shop-header {
+	display: flex;
+	align-items: center;
+	color: #fff;
+	padding: 0 0.24rem;
+	.shop-header-l {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		img {
+			width: 1.2rem;
+			height: 100%;
+			border-radius: 4px;
+		}
+		div {
+			font-size: 0.24rem;
+			max-width: 70%;
+			h2 {
+				font-size: 0.3rem;
+				margin-bottom: 0.1rem;
+			}
+			p {
+				word-break: break-all;
+				word-wrap: break-word;
+				white-space: pre-wrap;
+				max-height: 1.2rem;
+				overflow: hidden;
+			}
+		}
+	}
+	.shop-header-r {
+		position: relative;
+		z-index: 10;
+		text-align: right;
+		border-radius: 20px;
+		cursor: pointer;
+		background-color: #fff;
+		height: 0.6rem;
+		line-height: 0.6rem;
+		text-align: center;
+		width: 1.4rem;
+		color: #00b7bd;
+		font-size: 0.26rem;
+		i {
+			font-weight: bold;
+		}
+	}
+}
+</style>