4 years ago · a440b7cd19
--- a/config/webpack.development.js
+++ b/config/webpack.development.js
@@ -0,0 +1,37 @@
 
				+//开发环境配置
			
 
				+const HtmlWebpackPlugin = require('html-webpack-plugin');
			
 
				+// vue-loader15.*之后的版本都必须要加上这个,否则会报错
			
 
				+const VueLoaderPlugin = require('vue-loader/lib/plugin');
			
 
				+module.exports = {
			
 
				+	mode: 'development',
			
 
				+	output: {
			
 
				+		filename: 'bundle.js'
			
 
				+	},
			
 
				+	devtool: 'source-map',
			
 
				+	plugins: [
			
 
				+		new HtmlWebpackPlugin({
			
 
				+			template: 'index.html',
			
 
				+			BASE_URL:'src/U/'
			
 
				+		}),
			
 
				+		new VueLoaderPlugin()
			
 
				+	],
			
 
				+	devServer: {
			
 
				+		index: "index.html", //默认文件名
			
 
				+		hot: true, //热更新
			
 
				+		host: "0.0.0.0",
			
 
				+		compress: true,
			
 
				+		port: 8000,
			
 
				+		disableHostCheck: true,
			
 
				+		proxy: {
			
 
				+			"/mtsy": {
			
 
				+				// target: 'http://172.16.90.238:21008',
			
 
				+				// target: 'http://172.16.90.64:21009',
			
 
				+				target: 'http://172.16.90.77:21008',
			
 
				+				pathRewrite: {
			
 
				+					"^/mtsy": ""
			
 
				+				},
			
 
				+				changeOrigin: true
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+}
			
--- a/config/webpack.production.js
+++ b/config/webpack.production.js
@@ -0,0 +1,27 @@
 
				+//生产环境配置
			
 
				+const path = require('path');
			
 
				+const HtmlWebpackPlugin = require('html-webpack-plugin');
			
 
				+const VueLoaderPlugin = require('vue-loader/lib/plugin');
			
 
				+const {
			
 
				+	CleanWebpackPlugin
			
 
				+} = require('clean-webpack-plugin'); //清除文件夹
			
 
				+const CopyWebpackPlugin = require('copy-webpack-plugin'); //复制文件
			
 
				+module.exports = {
			
 
				+	mode: 'production',
			
 
				+	output: {
			
 
				+		path: path.resolve(__dirname, './../dist'),
			
 
				+		filename: 'js/[name].min.js'
			
 
				+	},
			
 
				+	plugins: [
			
 
				+		new CleanWebpackPlugin(),
			
 
				+		new CopyWebpackPlugin([{
			
 
				+			from: 'src/U',
			
 
				+			to: 'U'
			
 
				+		}]),
			
 
				+		new HtmlWebpackPlugin({
			
 
				+			template: 'index.html',
			
 
				+			BASE_URL: 'U/'
			
 
				+		}),
			
 
				+		new VueLoaderPlugin()
			
 
				+	]
			
 
				+}
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,34 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+
			
 
				+	<head>
			
 
				+		<meta name="renderer" content="webkit">
			
 
				+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			
 
				+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+		<meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+		<meta name="format-detection" content="telephone=no">
			
 
				+		<!-- 强制让文档与设备的宽度保持1：1 -->
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
			
 
				+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
			
 
				+		<!-- 删除默认的苹果工具栏和菜单栏 -->
			
 
				+		<meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+		<!-- 在web app应用下状态条（屏幕顶部条）的颜色 -->
			
 
				+		<meta name="apple-mobile-web-app-status-bar-style" content="#000000" />
			
 
				+		<!-- 禁止了把数字转化为拨号链接 -->
			
 
				+		<meta name="format-detection" content="telephone=no">
			
 
				+		<meta http-equiv="pragma" content="no-cache">
			
 
				+		<meta http-equiv="Cache-Control " content="no-cache,must-revalidate">
			
 
				+		<meta name="description" content="">
			
 
				+		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
			
 
				+		<meta content="telephone=no" name="format-detection" />
			
 
				+		<meta name="x5-orientation" content="portrait">
			
 
				+		<title></title>
			
 
				+		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1543663_zpu28sa6lr.css" />
			
 
				+		<script src="<%= htmlWebpackPlugin.options.BASE_URL %>U.js" door type="text/javascript" charset="utf-8"></script>
			
 
				+	</head>
			
 
				+
			
 
				+	<body>
			
 
				+		<div id="app"></div>
			
 
				+	</body>
			
 
				+
			
 
				+</html>
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,47 @@
 
				+{
			
 
				+  "name": "vue-forestprod-trace-h5",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "林产品溯源管理系统H5",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "dev": "webpack-dev-server --env.development",
			
 
				+    "build": "webpack --env.production"
			
 
				+  },
			
 
				+  "author": "Rockery",
			
 
				+  "license": "ISC",
			
 
				+  "devDependencies": {
			
 
				+    "@babel/cli": "^7.6.0",
			
 
				+    "@babel/core": "^7.6.0",
			
 
				+    "@babel/preset-env": "^7.6.0",
			
 
				+    "babel-loader": "^8.0.6",
			
 
				+    "babel-plugin-component": "^1.1.1",
			
 
				+    "clean-webpack-plugin": "^3.0.0",
			
 
				+    "copy-webpack-plugin": "^5.0.5",
			
 
				+    "css-loader": "^3.2.0",
			
 
				+    "file-loader": "^4.2.0",
			
 
				+    "html-webpack-plugin": "^3.2.0",
			
 
				+    "less": "^3.10.3",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "raw-loader": "^3.1.0",
			
 
				+    "url-loader": "^2.1.0",
			
 
				+    "vue-loader": "^15.7.1",
			
 
				+    "vue-style-loader": "^4.1.2",
			
 
				+    "vue-template-compiler": "^2.6.10",
			
 
				+    "webpack": "^4.40.2",
			
 
				+    "webpack-cli": "^3.3.9",
			
 
				+    "webpack-dev-server": "^3.8.1",
			
 
				+    "webpack-sftp-client": "^1.2.1"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "animate.css": "^3.7.2",
			
 
				+    "echarts": "^4.6.0",
			
 
				+    "element-ui": "^2.13.0",
			
 
				+    "js-storage": "^1.1.0",
			
 
				+    "md5": "^2.2.1",
			
 
				+    "swiper": "^5.2.1",
			
 
				+    "vue": "^2.6.10",
			
 
				+    "vue-router": "^3.1.3",
			
 
				+    "vue-touch": "^2.0.0-beta.4",
			
 
				+    "vuex": "^3.1.1"
			
 
				+  }
			
 
				+}
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,199 @@
 
				+<template>
			
 
				+  <div class="body-box">
			
 
				+    <!-- <v-touch class="wrapper"> -->
			
 
				+    <v-touch @swipeleft="left" @swiperight="right" class="wrapper">
			
 
				+      <transition
			
 
				+        name="custom-classes-transition"
			
 
				+        :enter-active-class="enterActiveClass"
			
 
				+        :leave-active-class="leaveActiveClass"
			
 
				+      >
			
 
				+        <router-view class="page-bg"></router-view>
			
 
				+      </transition>
			
 
				+    </v-touch>
			
 
				+    <i class="el-icon-d-arrow-right" @click="left"></i>
			
 
				+    <div class="nav-btn">
			
 
				+      <router-link class="link" to="/" v-if="$route.path != '/'">
			
 
				+        <i class="iconfont iconsuyuan"></i>
			
 
				+        溯源
			
 
				+      </router-link>
			
 
				+      <router-link class="link" to="/transaction" v-if="$route.path != '/transaction'">
			
 
				+        <i class="iconfont icongoumai"></i>
			
 
				+        购买
			
 
				+      </router-link>
			
 
				+      <router-link class="link" to="/comment" v-if="$route.path != '/comment'">
			
 
				+        <i class="iconfont iconpinglun"></i>
			
 
				+        评论
			
 
				+      </router-link>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import WxApi from "./script/wxApi/index.js";
			
 
				+export default {
			
 
				+  created() {
			
 
				+    //JS - SDK 注册
			
 
				+    //同步信息
			
 
				+    this.$store.commit('saveInfo');
			
 
				+    //同步用户
			
 
				+    this.$store.commit('userId');
			
 
				+    this.$http.getAlldata().then(res => {
			
 
				+      this.$store.commit('saveInfo', res);
			
 
				+    });
			
 
				+    WxApi.config().then(wx => {
			
 
				+      wx.getLocation({
			
 
				+        type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
			
 
				+        success: (res) => {
			
 
				+          //var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
			
 
				+          //var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
			
 
				+          this.$store.commit("location", res);
			
 
				+        }
			
 
				+      });
			
 
				+    });
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      timeFun: this.$timeFun(),
			
 
				+      g: true,
			
 
				+      index: 0,
			
 
				+      direction: true
			
 
				+    };
			
 
				+  },
			
 
				+  computed: {
			
 
				+    path() {
			
 
				+      const {
			
 
				+        options: { routes = [] }
			
 
				+      } = this.$router;
			
 
				+      return (routes[this.index] || {}).path || '/';
			
 
				+    },
			
 
				+    enterActiveClass() {
			
 
				+      // return !!this.direction ? "animated fadeIn fixed" : 'animated fadeInLeft fixed';
			
 
				+    },
			
 
				+    leaveActiveClass() {
			
 
				+      // return !!this.direction ? "animated slideOut" : 'animated slideOutRight';
			
 
				+    }
			
 
				+  },
			
 
				+  watch: {
			
 
				+    index(n, v) {
			
 
				+      this.timeFun(() => {
			
 
				+        this.g = true;
			
 
				+      });
			
 
				+      if (this.g) {
			
 
				+        this.direction = n > v;
			
 
				+        this.$router.history.push(this.path);
			
 
				+      }
			
 
				+      this.g = false;
			
 
				+    },
			
 
				+    '$route.path': function (newVal, oldVal) {
			
 
				+      this.getPath(newVal);
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    left() {
			
 
				+      const {
			
 
				+        options: { routes = [] }
			
 
				+      } = this.$router;
			
 
				+      if (routes.length - 1 > this.index) {
			
 
				+        this.index++;
			
 
				+      } else {
			
 
				+        this.index = 0;
			
 
				+      }
			
 
				+    },
			
 
				+    right() {
			
 
				+      const {
			
 
				+        options: { routes = [] }
			
 
				+      } = this.$router;
			
 
				+      if (this.index > 0) {
			
 
				+        this.index--;
			
 
				+      } else {
			
 
				+        this.index = routes.length - 1;
			
 
				+      }
			
 
				+    },
			
 
				+    getPath(path) {
			
 
				+      if ('/' === path) {
			
 
				+        this.index = 0;
			
 
				+      } else {
			
 
				+        const tempRoutes = (this.$router.options || {}).routes || [];
			
 
				+        if (tempRoutes.length > 0) {
			
 
				+          if ('/comment' === path) {
			
 
				+            this.index = tempRoutes.length - 1;
			
 
				+          } else {
			
 
				+            for (let i = 0; i < tempRoutes.length; i++) {
			
 
				+              if (path === tempRoutes[i].path) {
			
 
				+                this.index = i;
			
 
				+                break;
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+        } else {
			
 
				+          this.index = 0;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="less">
			
 
				+@keyframes toright {
			
 
				+  0% {
			
 
				+    transform: translateX(0%);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  100% {
			
 
				+    transform: translateX(100%);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+.wrapper {
			
 
				+  height: 100%;
			
 
				+}
			
 
				+//公共css
			
 
				+.body-box {
			
 
				+  height: 100%;
			
 
				+  background: url(assets/image/bg-y.png) no-repeat center bottom;
			
 
				+  background-size: 100% 93%;
			
 
				+  background-attachment: fixed;
			
 
				+  overflow: auto;
			
 
				+  .page-bg {
			
 
				+    padding: 0.4rem;
			
 
				+  }
			
 
				+  .el-icon-d-arrow-right {
			
 
				+    position: absolute;
			
 
				+    right: 1%;
			
 
				+    top: 50%;
			
 
				+    transform: translateY(-50%);
			
 
				+    color: #666666;
			
 
				+    font-size: 1rem;
			
 
				+    overflow: hidden;
			
 
				+    &::before {
			
 
				+      animation: toright 2s infinite;
			
 
				+      display: block;
			
 
				+    }
			
 
				+  }
			
 
				+  .nav-btn {
			
 
				+    position: fixed;
			
 
				+    bottom: 10%;
			
 
				+    right: 0;
			
 
				+    > .link {
			
 
				+      display: flex;
			
 
				+      justify-content: flex-start;
			
 
				+      align-items: center;
			
 
				+      align-content: center;
			
 
				+      background: rgba(255, 255, 255, 0.6);
			
 
				+      border-bottom-left-radius: 500px;
			
 
				+      border-top-left-radius: 500px;
			
 
				+      margin-bottom: 5px;
			
 
				+      padding: 0.3em 0.5em;
			
 
				+      font-size: 16px;
			
 
				+      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
			
 
				+      > i {
			
 
				+        font-size: 1.2em;
			
 
				+        margin-right: 5px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .fixed {
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/U/U.js
+++ b/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());
			
 
				+})();
			
--- a/src/U/js/U-config.js
+++ b/src/U/js/U-config.js
@@ -0,0 +1,6 @@
 
				+'use strict'
			
 
				+U.versions = "#v_1573811854445#";
			
 
				+//全局配置
			
 
				+U.sCon = {
			
 
				+	host: ""
			
 
				+}
			
--- a/src/U/js/U-hookAjax.js
+++ b/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) {}
			
 
				+});
			
--- a/src/U/js/U-public.js
+++ b/src/U/js/U-public.js
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -0,0 +1,84 @@
 
				+//统一处理
			
 
				+const res = res => {
			
 
				+	const {
			
 
				+		retBody = {}, retHead = {}
			
 
				+	} = res;
			
 
				+	if (!(retHead.errCode == 0 ? 0 : 1)) {
			
 
				+		return retBody || {};
			
 
				+	} else {
			
 
				+		return {
			
 
				+			code: 1
			
 
				+		};
			
 
				+	}
			
 
				+};
			
 
				+const objStr = e =>{
			
 
				+	return Object.keys(e).map(x=>{
			
 
				+		return `${x}=${e[x]}`;
			
 
				+	}).join("&");
			
 
				+}
			
 
				+const formdata = e =>{
			
 
				+	let formData = new FormData();
			
 
				+	Object.keys(e).map(x=>{
			
 
				+		formData.append(x,e[x]);
			
 
				+	});
			
 
				+	return formData;
			
 
				+}
			
 
				+export default {
			
 
				+	//取得全部展示数据
			
 
				+	getAlldata() {
			
 
				+		debugger;
			
 
				+		return fetch(
			
 
				+				`/mtsy/${location.searchObj().pc ? 'web/code/info/show' : 'app/code/scanCode'}?qrToken=${location.searchObj().qrToken}`
			
 
				+			)
			
 
				+			.then(res => res.json())
			
 
				+			.then(res);
			
 
				+	},
			
 
				+	//JS-SDK 地址注册
			
 
				+	getJsapiTicket(obj){
			
 
				+		const src = objStr(obj);
			
 
				+		return fetch(`/mtsy/wap/wechat/getJsapiTicket${src?'?'+src:''}`)
			
 
				+			.then(res => res.json())
			
 
				+			.then(res);
			
 
				+	},
			
 
				+	//分页获取经销商
			
 
				+	selectGoodsDealer(obj){
			
 
				+		return fetch(`/mtsy/web/goods/dealer/selectGoodsDealer`,{
			
 
				+			method:"POST",
			
 
				+			headers:{
			
 
				+				'Accept': 'application/json',
			
 
				+				'Content-Type': 'application/json'
			
 
				+			},
			
 
				+			body:JSON.stringify(obj)
			
 
				+		}).then(res => res.json()).then(res);
			
 
				+	},
			
 
				+	//提交星级评价
			
 
				+	saveGrade(obj){
			
 
				+		return fetch(`/mtsy/wap/grade/save`,{
			
 
				+			method:"POST",
			
 
				+			headers:{
			
 
				+				'Accept': 'application/json',
			
 
				+				'Content-Type': 'application/json'
			
 
				+			},
			
 
				+			body:JSON.stringify(obj)
			
 
				+		}).then(res => res.json()).then(res);
			
 
				+	},
			
 
				+	getGrade(obj){
			
 
				+		const src = objStr(obj);
			
 
				+		return fetch(`/mtsy/wap/grade/searchByUid${src?'?'+src:''}`).then(res => res.json()).then(res);
			
 
				+	},
			
 
				+	//提交内容评价
			
 
				+	saveFeedback(obj){
			
 
				+		return fetch(`/mtsy/wap/feedback/save`,{
			
 
				+			method:"POST",
			
 
				+			headers:{
			
 
				+				'Accept': 'application/json',
			
 
				+				'Content-Type': 'application/json'
			
 
				+			},
			
 
				+			body:JSON.stringify(obj)
			
 
				+		}).then(res => res.json()).then(res);
			
 
				+	},
			
 
				+	getFeedback(obj){
			
 
				+		const src = objStr(obj);
			
 
				+		return fetch(`/mtsy/wap/feedback/searchByUid${src?'?'+src:''}`).then(res => res.json()).then(res);
			
 
				+	}
			
 
				+}
			
--- a/src/assets/css/main.less
+++ b/src/assets/css/main.less
@@ -0,0 +1,252 @@
 
				+
			
 
				+/*控制字体大小 
			
 
				+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: #fff;
			
 
				+}
			
 
				+html,body{
			
 
				+	height: 100%;
			
 
				+}
			
 
				+/**
			
 
				+ * 滚动条
			
 
				+ */
			
 
				+/*::-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-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>* {
			
 
				+	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-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;
			
 
				+}
			
 
				+/*阻止事件*/
			
 
				+.event-none {
			
 
				+	pointer-events: none;
			
 
				+}
			
 
				+
			
 
				+/*旋转动画*/
			
 
				+@keyframes loading {
			
 
				+	0% {
			
 
				+		-webkit-transform: rotate(0deg);
			
 
				+		transform: rotate(0deg);
			
 
				+	}
			
 
				+
			
 
				+	100% {
			
 
				+		-webkit-transform: rotate(1turn);
			
 
				+		transform: rotate(1turn);
			
 
				+	}
			
 
				+}
			
--- a/src/assets/image/bg-prod-area-info-img.png
+++ b/src/assets/image/bg-prod-area-info-img.png
--- a/src/assets/image/bg-repchain-img.png
+++ b/src/assets/image/bg-repchain-img.png
--- a/src/assets/image/bg-y.png
+++ b/src/assets/image/bg-y.png
--- a/src/assets/image/logo.png
+++ b/src/assets/image/logo.png
--- a/src/assets/image/map-ditu.png
+++ b/src/assets/image/map-ditu.png
--- a/src/assets/image/zp-bag.png
+++ b/src/assets/image/zp-bag.png
--- a/src/components/bottom.vue
+++ b/src/components/bottom.vue
@@ -0,0 +1,41 @@
 
				+<template>
			
 
				+	<div class="box-bottom">
			
 
				+		<div class="z-box-footer"></div>
			
 
				+		<div class="box-footer-bottom">
			
 
				+			<slot></slot>
			
 
				+		</div>
			
 
				+	</div>
			
 
				+	
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+	export default{
			
 
				+		data(){
			
 
				+			return {
			
 
				+				
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+	.box-bottom{
			
 
				+		.z-box-footer,
			
 
				+		.box-footer-bottom{
			
 
				+			min-height: 46px;
			
 
				+		}
			
 
				+		.box-footer-bottom{
			
 
				+			position: fixed;
			
 
				+			bottom: 0;
			
 
				+			left: 0;
			
 
				+			right: 0;
			
 
				+			background: #397c53;
			
 
				+			font-size: 16px;
			
 
				+			color: #fff;
			
 
				+			display: flex;
			
 
				+			align-items: center;
			
 
				+			align-content: center;
			
 
				+			justify-content: center;
			
 
				+		}
			
 
				+	}
			
 
				+</style>
			
--- a/src/components/preview.vue
+++ b/src/components/preview.vue
@@ -0,0 +1,51 @@
 
				+<template>
			
 
				+	<div class="img-list">
			
 
				+		<template v-for="src in value">
			
 
				+			<video v-if="type(src)" :src="src | host" :key="src" controls></video>
			
 
				+			<el-image class="img" v-else :src="src | host" :key="src" :preview-src-list="src | hostList">
			
 
				+				<div slot="placeholder" class="img-loading"><i class="el-icon-loading"></i></div>
			
 
				+				<div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div>
			
 
				+			</el-image>
			
 
				+		</template>
			
 
				+	</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+//图片、视频预览组件
			
 
				+export default {
			
 
				+	props: {
			
 
				+		value: {
			
 
				+			type: Array,
			
 
				+			default() {
			
 
				+				return [];
			
 
				+			}
			
 
				+		}
			
 
				+	},
			
 
				+	methods: {
			
 
				+		//类型
			
 
				+		type(value = '') {
			
 
				+			const t = value.split('.').pop();
			
 
				+			switch (t) {
			
 
				+				case 'mp4':
			
 
				+				case 'ogg':
			
 
				+					return true;
			
 
				+					break;
			
 
				+				default:
			
 
				+					return false;
			
 
				+					break;
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.img-loading,
			
 
				+.image-slot {
			
 
				+	display: flex;
			
 
				+	font-size: .5rem;
			
 
				+	justify-content: center;
			
 
				+	align-items: center;
			
 
				+	padding: .5rem 0;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/time-list.vue
+++ b/src/components/time-list.vue
@@ -0,0 +1,145 @@
 
				+<template>
			
 
				+  <ul class="time-list">
			
 
				+    <li v-for="(i, index) in value" :key="index">
			
 
				+      <template v-if="!(index % 2)">
			
 
				+        <!-- {{index}} -->
			
 
				+        <div class="info animated fadeInLeft">
			
 
				+          <p>
			
 
				+            <span>{{[i.processTime,1] | time}}</span>
			
 
				+            /{{[i.processTime,2] | time}}
			
 
				+          </p>
			
 
				+          <p>执行项: {{i.processItem}}</p>
			
 
				+          <p>负责人: {{i.processUser}}</p>
			
 
				+          <p>执行描述: {{i.processDesc}}</p>
			
 
				+        </div>
			
 
				+        <i class="point"></i>
			
 
				+        <el-image
			
 
				+          :src="i.processImgs | host"
			
 
				+          :preview-src-list="[i.processImgs] | hostList"
			
 
				+          class="animated fadeInRight"
			
 
				+        >
			
 
				+          <div slot="placeholder" class="img-loading">
			
 
				+            <i class="el-icon-loading"></i>
			
 
				+          </div>
			
 
				+          <div slot="error" class="image-slot">
			
 
				+            <i class="el-icon-picture-outline"></i>
			
 
				+          </div>
			
 
				+        </el-image>
			
 
				+      </template>
			
 
				+      <template v-else>
			
 
				+        <el-image
			
 
				+          :src="i.processImgs | host"
			
 
				+          :preview-src-list="[i.processImgs] | hostList"
			
 
				+          class="animated fadeInLeft"
			
 
				+        >
			
 
				+          <!-- <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div>
			
 
				+          <div slot="placeholder" class="img-loading"><i class="el-icon-loading"></i></div>-->
			
 
				+          <div slot="placeholder" class="img-loading">
			
 
				+            <i class="el-icon-loading"></i>
			
 
				+          </div>
			
 
				+          <div slot="error" class="image-slot">
			
 
				+            <i class="el-icon-picture-outline"></i>
			
 
				+          </div>
			
 
				+        </el-image>
			
 
				+        <i class="point"></i>
			
 
				+        <div class="info animated fadeInRight">
			
 
				+          <p>
			
 
				+            <span>{{[i.processTime,1] | time}}</span>
			
 
				+            /{{[i.processTime,2] | time}}
			
 
				+          </p>
			
 
				+          <p>执行项: {{i.processItem}}</p>
			
 
				+          <p>负责人: {{i.processUser}}</p>
			
 
				+          <p>执行描述: {{i.processDesc}}</p>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+    </li>
			
 
				+  </ul>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  props: {
			
 
				+    value: {
			
 
				+      type: Array,
			
 
				+      default() {
			
 
				+        return [];
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  filters: {
			
 
				+    time([value, index]) {
			
 
				+      return ((value + "").split(" ")[0] || "").split("-")[index] || "";
			
 
				+    }
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      src: 'https://icweiliimg9.pstatp.com/weili/l/79052111505202081.webp'
			
 
				+    };
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.time-list {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  overflow: hidden;
			
 
				+  position: relative;
			
 
				+  &::before {
			
 
				+    content: '';
			
 
				+    position: absolute;
			
 
				+    top: 0.2rem;
			
 
				+    bottom: 0;
			
 
				+    left: 50%;
			
 
				+    width: 1px;
			
 
				+    background: #20374d;
			
 
				+  }
			
 
				+  > li {
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    margin: 0.2rem 0;
			
 
				+    .info,
			
 
				+    .el-image {
			
 
				+      width: 42%;
			
 
				+      border-radius: 0.08rem;
			
 
				+      overflow: hidden;
			
 
				+      height: 2rem;
			
 
				+      img {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+    .info {
			
 
				+      padding-left: 0.3rem;
			
 
				+      width: calc(42% - 0.3rem);
			
 
				+      p {
			
 
				+        font-size: 0.2rem;
			
 
				+        span {
			
 
				+          font-size: 1.4em;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .el-image {
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+    }
			
 
				+    &:nth-child(even) {
			
 
				+      // transform: rotateY(180deg);
			
 
				+      .info,
			
 
				+      .el-image {
			
 
				+        // transform: rotateY(-180deg);
			
 
				+      }
			
 
				+    }
			
 
				+    .point {
			
 
				+      transform: rotateY(-180deg) translateY(0.3rem);
			
 
				+      width: 0.28rem;
			
 
				+      height: 0.28rem;
			
 
				+      border-radius: 50%;
			
 
				+      background: #397c53;
			
 
				+      border: 0.06rem solid #fff;
			
 
				+      box-shadow: 0 0 0 0.02rem #20374d;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/title.vue
+++ b/src/components/title.vue
@@ -0,0 +1,35 @@
 
				+<template>
			
 
				+  <div class="page-main-title ui-relative">
			
 
				+    <div class="p-m-title">
			
 
				+      <slot></slot>
			
 
				+    </div>
			
 
				+    <div class="ui-line-bottom-w ui-absolute"></div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.page-main-title {
			
 
				+  font-size: 0;
			
 
				+  text-align: center;
			
 
				+  .p-m-title {
			
 
				+    background: #397c53;
			
 
				+    display: inline-block;
			
 
				+    border-radius: 0.05rem;
			
 
				+    font-size: 0.24rem;
			
 
				+    padding: 0.08rem 0.3rem;
			
 
				+    color: #fff;
			
 
				+  }
			
 
				+  .ui-line-bottom-w {
			
 
				+    left: 10%;
			
 
				+    right: 10%;
			
 
				+    bottom: 50%;
			
 
				+    z-index: -1;
			
 
				+    &::before {
			
 
				+      border-top: 1px solid #397c53;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,86 @@
 
				+//全局随机数重写
			
 
				+const random = Math.random;
			
 
				+Math.random = (a = 0, b = 1, c = 6) => {
			
 
				+	return (random() * (b - a) + a).toFixed(c) - 0;
			
 
				+};
			
 
				+import Vue from 'vue';
			
 
				+
			
 
				+//全局接口请求
			
 
				+import $http from "./api/index.js";
			
 
				+Vue.prototype.$http = $http;
			
 
				+
			
 
				+//管理数据状态
			
 
				+import store from './script/store';
			
 
				+Vue.prototype.$store = store;
			
 
				+
			
 
				+//ui框架
			
 
				+import {
			
 
				+	Image, //图片
			
 
				+	Rate,
			
 
				+	Input,
			
 
				+	InfiniteScroll,
			
 
				+	Button 
			
 
				+} from 'element-ui';
			
 
				+import 'element-ui/lib/theme-chalk/index.css'
			
 
				+Vue.use(Image);
			
 
				+Vue.use(Rate);
			
 
				+Vue.use(Input);
			
 
				+Vue.use(InfiniteScroll);
			
 
				+Vue.use(Button);
			
 
				+
			
 
				+import VueTouch from"vue-touch";
			
 
				+VueTouch.config.swipe = {direction: 'horizontal' };
			
 
				+Vue.use(VueTouch, {name:'v-touch'});
			
 
				+
			
 
				+import 'animate.css';
			
 
				+import './assets/css/main.less';
			
 
				+
			
 
				+//路由
			
 
				+import router from './script/router';
			
 
				+
			
 
				+import mainTitle from './components/title.vue';
			
 
				+Vue.component("mainTitle",mainTitle);
			
 
				+import preview from "./components/preview.vue";
			
 
				+Vue.component("preview",preview);
			
 
				+
			
 
				+//防止多次触发执行 函数
			
 
				+Vue.prototype.$timeFun = (time = 500) => {
			
 
				+	let o = null;
			
 
				+	return (fun, t) => {
			
 
				+		clearTimeout(o);
			
 
				+		o = setTimeout(fun, t || time);
			
 
				+	}
			
 
				+}
			
 
				+//全局过滤器
			
 
				+Vue.filter("host",src=>{
			
 
				+	src += "";
			
 
				+	const x = src.slice(0, 1);
			
 
				+	switch (src.slice(0, 7)) {
			
 
				+		case 'http://':
			
 
				+		case 'https:/':
			
 
				+			return src;
			
 
				+			break;
			
 
				+		default:
			
 
				+			return `/mtsy${x == '/' ? '' : '/'}${src}`;
			
 
				+			break;
			
 
				+	}
			
 
				+});
			
 
				+Vue.filter("hostList",src=>{
			
 
				+	src += "";
			
 
				+	const x = src.slice(0, 1);
			
 
				+	switch (src.slice(0, 7)) {
			
 
				+		case 'http://':
			
 
				+		case 'https:/':
			
 
				+			return [src];
			
 
				+			break;
			
 
				+		default:
			
 
				+			return [`/mtsy${x == '/' ? '' : '/'}${src}`];
			
 
				+			break;
			
 
				+	}
			
 
				+});
			
 
				+
			
 
				+import App from './App.vue';
			
 
				+new Vue({
			
 
				+	router,
			
 
				+	render: h => h(App)
			
 
				+}).$mount('#app');
			
--- a/src/script/router.js
+++ b/src/script/router.js
@@ -0,0 +1,48 @@
 
				+// router.js
			
 
				+import Vue from 'vue';
			
 
				+import Router from 'vue-router';
			
 
				+Vue.use(Router);
			
 
				+const router = new Router({
			
 
				+	// mode: 'history',
			
 
				+	routes: [{
			
 
				+		path: '/',
			
 
				+		component: resolve => require(['../view/explain'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/origin',
			
 
				+		component: resolve => require(['../view/origin'], resolve)
			
 
				+	},
			
 
				+	// {
			
 
				+	// 	path: '/environment',
			
 
				+	// 	component: resolve => require(['../view/environment'], resolve)
			
 
				+	// },
			
 
				+	{
			
 
				+		path: '/material',
			
 
				+		component: resolve => require(['../view/material'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/circulate',
			
 
				+		component: resolve => require(['../view/circulate'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/invest',
			
 
				+		component: resolve => require(['../view/invest'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/quarantine',
			
 
				+		component: resolve => require(['../view/quarantine'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/firm',
			
 
				+		component: resolve => require(['../view/firm'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/transaction',
			
 
				+		component: resolve => require(['../view/transaction/index'], resolve)
			
 
				+	},
			
 
				+	{
			
 
				+		path: '/comment',
			
 
				+		component: resolve => require(['../view/comment'], resolve)
			
 
				+	}]
			
 
				+});
			
 
				+export default router;
			
--- a/src/script/store.js
+++ b/src/script/store.js
@@ -0,0 +1,55 @@
 
				+/**
			
 
				+ * 登录状态管理
			
 
				+ * 个人信息数据持久化
			
 
				+ */
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+Vue.use(Vuex);
			
 
				+import md5 from 'md5';
			
 
				+import {
			
 
				+	localStorage
			
 
				+} from 'js-storage';
			
 
				+const infoKey = md5("Info"),
			
 
				+userId = md5("userId");
			
 
				+export default new Vuex.Store({
			
 
				+	state: {
			
 
				+		userId:"",
			
 
				+		location:{},
			
 
				+		info: {
			
 
				+			tel: null,
			
 
				+			qqCode: null,
			
 
				+			wxQRImg: "",
			
 
				+			companyUrl: "",
			
 
				+			//产地信息
			
 
				+			goodsFieldForm: {
			
 
				+				auxList: [],
			
 
				+				imagesList: []
			
 
				+			},
			
 
				+			//产品批次信息
			
 
				+			goodsBatchInfoForm: {
			
 
				+				auxList: [],
			
 
				+				imagesList: [],
			
 
				+				goodsSaleUrl: '',
			
 
				+			},
			
 
				+			//检疫检验信息
			
 
				+			assayInfoForm: {
			
 
				+				auxList: [],
			
 
				+				imagesList: []
			
 
				+			}
			
 
				+		}
			
 
				+	},
			
 
				+	mutations: {
			
 
				+		saveInfo(state, info = null) {
			
 
				+			state.info = info || localStorage.get(infoKey) || {};
			
 
				+			//保存info
			
 
				+			localStorage.set(infoKey, state.info);
			
 
				+		},
			
 
				+		location(state, obj = {}){
			
 
				+			state.location = obj;
			
 
				+		},
			
 
				+		userId(state,id){
			
 
				+			state.userId = id || localStorage.get(userId) || null;
			
 
				+			localStorage.set(userId, state.userId);
			
 
				+		}
			
 
				+	}
			
 
				+});
			
--- a/src/script/wxApi/index.js
+++ b/src/script/wxApi/index.js
@@ -0,0 +1,208 @@
 
				+import Vue from "vue";
			
 
				+//引入微信jssdk
			
 
				+const wx = require('./jweixin-1.4.0.js');
			
 
				+const vue = new Vue();
			
 
				+export default {
			
 
				+	...wx,
			
 
				+	isOk: false,
			
 
				+	appId:"",
			
 
				+	config() {
			
 
				+		vue.$http.getJsapiTicket({
			
 
				+			url: encodeURIComponent(location.href.split('#')[0])
			
 
				+		}).then(res => {
			
 
				+			this.appId = res.appId;
			
 
				+			wx.config({
			
 
				+				debug: false,
			
 
				+				jsApiList: [
			
 
				+					"updateAppMessageShareData",
			
 
				+					"updateTimelineShareData",
			
 
				+					"onMenuShareTimeline",
			
 
				+					"onMenuShareAppMessage",
			
 
				+					"onMenuShareQQ",
			
 
				+					"onMenuShareWeibo",
			
 
				+					"onMenuShareQZone",
			
 
				+					"startRecord",
			
 
				+					"stopRecord",
			
 
				+					"onVoiceRecordEnd",
			
 
				+					"playVoice",
			
 
				+					"pauseVoice",
			
 
				+					"stopVoice",
			
 
				+					"onVoicePlayEnd",
			
 
				+					"uploadVoice",
			
 
				+					"downloadVoice",
			
 
				+					"chooseImage",
			
 
				+					"previewImage",
			
 
				+					"uploadImage",
			
 
				+					"downloadImage",
			
 
				+					"translateVoice",
			
 
				+					"getNetworkType",
			
 
				+					"openLocation",
			
 
				+					"getLocation",
			
 
				+					"hideOptionMenu",
			
 
				+					"showOptionMenu",
			
 
				+					"hideMenuItems",
			
 
				+					"showMenuItems",
			
 
				+					"hideAllNonBaseMenuItem",
			
 
				+					"showAllNonBaseMenuItem",
			
 
				+					"closeWindow",
			
 
				+					"scanQRCode",
			
 
				+					"chooseWXPay",
			
 
				+					"openProductSpecificView",
			
 
				+					"addCard",
			
 
				+					"chooseCard",
			
 
				+					"openCard"
			
 
				+				],
			
 
				+				...res
			
 
				+			});
			
 
				+		});
			
 
				+		return new Promise(res=>{
			
 
				+			wx.ready(e => {
			
 
				+				this.isOk = true;
			
 
				+				this.hideMenu();
			
 
				+				res(wx);
			
 
				+			});
			
 
				+		});
			
 
				+		wx.error(e => {
			
 
				+			this.isOk = false;
			
 
				+		});
			
 
				+	},
			
 
				+	hideMenu() {
			
 
				+		wx.hideAllNonBaseMenuItem();
			
 
				+	},
			
 
				+	showMenu() {
			
 
				+		wx.showMenuItems({
			
 
				+			menuList: [
			
 
				+				"menuItem:share:appMessage",
			
 
				+				"menuItem:profile",
			
 
				+				"menuItem:addContact",
			
 
				+				"menuItem:dayMode",
			
 
				+				"menuItem:nightMode",
			
 
				+				"menuItem:share:timeline",
			
 
				+				"menuItem:favorite"
			
 
				+			] // 要显示的菜单项，所有menu项见附录3
			
 
				+		});
			
 
				+	},
			
 
				+	//微信授权登录
			
 
				+	login(){
			
 
				+		location.replace(`/mtsy/wap/wechat/login?furl=${encodeURIComponent(location.pathname+location.search+location.hash)}`);
			
 
				+	},
			
 
				+	chooseImage() {
			
 
				+		//原生文件选择
			
 
				+		const chooseImage = (e) => {
			
 
				+			let input = document.createElement('input');
			
 
				+			Object.assign(input, {
			
 
				+				type: "file",
			
 
				+				accept: 'image/*',
			
 
				+				name: 'flie'
			
 
				+			});
			
 
				+			return new Promise(r => {
			
 
				+				input.onchange = function() {
			
 
				+					r(this.files);
			
 
				+				};
			
 
				+				input.click();
			
 
				+			});
			
 
				+		};
			
 
				+		return new Promise(r => {
			
 
				+			const fail = (e) => {
			
 
				+				chooseImage(e).then(res => {
			
 
				+					r({
			
 
				+						tempFilePaths: [(window.URL || window.webkitURL).createObjectURL(res[0])]
			
 
				+					});
			
 
				+				});
			
 
				+			}
			
 
				+			/**
			
 
				+			 * 通过isOk判断是否注册成功wx jssdk,成功才调用微信 否则调用原生
			
 
				+			 */
			
 
				+			this.isOk ? wx.chooseImage({
			
 
				+				count: 1, // 默认9
			
 
				+				fail,
			
 
				+				success: (res) => {
			
 
				+					wx.getLocalImgData({
			
 
				+						localId: res.localIds[0], // 图片的localID
			
 
				+						fail,
			
 
				+						success: (res) => {
			
 
				+							r({
			
 
				+								tempFilePaths: [res.localData.includes(';base64,') ? res.localData : ('data:image/jpg;base64,' + res.localData)]
			
 
				+							});
			
 
				+						}
			
 
				+					});
			
 
				+				}
			
 
				+			}) : fail();
			
 
				+		});
			
 
				+	},
			
 
				+	/**
			
 
				+	 * 分享配置
			
 
				+	 * @param {Object} info
			
 
				+	 */
			
 
				+	share(data = {}, info = {}) {
			
 
				+		//添加链接时间戳
			
 
				+		data.v = new Date().getTime();
			
 
				+		//对象变参数
			
 
				+		data = {
			
 
				+			routeUrl: $api.pages(1).route,
			
 
				+			...(data instanceof Object ? data : {})
			
 
				+		};
			
 
				+		let search = [];
			
 
				+		for (const [key, value] of Object.entries(data)) {
			
 
				+			search.push(`${key}=${encodeURIComponent(value)}`);
			
 
				+		}
			
 
				+		search = "?" + search.join("&");
			
 
				+		const shareInfo = {
			
 
				+			// title: '',
			
 
				+			// link: href + 'static/share/' + search,
			
 
				+			// desc: "",
			
 
				+			imgUrl: href + "/static/logo.png",
			
 
				+			trigger(res) {},
			
 
				+			success(res) {},
			
 
				+			cancel(res) {},
			
 
				+			fail(res) {},
			
 
				+			...info
			
 
				+		};
			
 
				+		//自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
			
 
				+		wx.updateAppMessageShareData(shareInfo);
			
 
				+		//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
			
 
				+		wx.updateTimelineShareData(shareInfo);
			
 
				+	},
			
 
				+	//拉起微信浏览器端支付
			
 
				+	JSAPI(res) {
			
 
				+		return new Promise(r => {
			
 
				+			wx.chooseWXPay({
			
 
				+				"timestamp": res.data.timeStamp, //时间戳，自1970年以来的秒数     
			
 
				+				"nonceStr": res.data.nonceStr, //随机串     
			
 
				+				"package": res.data.packageValue,
			
 
				+				"signType": res.data.signType, //微信签名方式：     
			
 
				+				"paySign": res.data.paySign, //微信签名 
			
 
				+				success() {
			
 
				+					r({
			
 
				+						code: 0,
			
 
				+						msg: "成功"
			
 
				+					});
			
 
				+				},
			
 
				+				cancel() {
			
 
				+					r({
			
 
				+						code: 1,
			
 
				+						msg: "取消"
			
 
				+					});
			
 
				+				},
			
 
				+				fail() {
			
 
				+					r({
			
 
				+						code: 2,
			
 
				+						msg: "失败"
			
 
				+					});
			
 
				+				}
			
 
				+			});
			
 
				+		});
			
 
				+	},
			
 
				+	//拉起PC扫码支付
			
 
				+	NATIVE() {
			
 
				+
			
 
				+	},
			
 
				+	//拉起移动端H5支付
			
 
				+	MWEB(res) {
			
 
				+		if (res.data.mwebUrl) {
			
 
				+			let a = document.createElement('a');
			
 
				+			a.href = res.data.mwebUrl + "&redirect_url=" + encodeURIComponent('http://cqthh5.jscssui.cn/static/pay/index.html');
			
 
				+			a.click();
			
 
				+		}
			
 
				+	}
			
 
				+}
			
--- a/src/script/wxApi/jweixin-1.4.0.js
+++ b/src/script/wxApi/jweixin-1.4.0.js
--- a/src/view/circulate.vue
+++ b/src/view/circulate.vue
@@ -0,0 +1,23 @@
 
				+<template>
			
 
				+	<div class="body-material">
			
 
				+		<main-title>加工流通情况</main-title>
			
 
				+		<time-list :value="productList"></time-list>
			
 
				+	</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+	import timeList from "../components/time-list.vue";
			
 
				+	export default{
			
 
				+		components:{
			
 
				+			timeList
			
 
				+		},
			
 
				+		computed:{
			
 
				+			productList(){
			
 
				+				return this.$store.state.info.productList || [];
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+</style>
			
--- a/src/view/comment.vue
+++ b/src/view/comment.vue
@@ -0,0 +1,201 @@
 
				+<template>
			
 
				+  <div class="body-comment">
			
 
				+    <main-title>口感调研</main-title>
			
 
				+    <div class="info animated fadeInUp">
			
 
				+      <h6 class="ui-line-bottom-w">请评价一下我们的产品吧！</h6>
			
 
				+      <h5>{{ rateText[rateIndex - 1] }}</h5>
			
 
				+      <el-rate :colors="colors" @change="rateChange" v-model="rateIndex" :disabled="disRate"></el-rate>
			
 
				+      <!-- <ul class="list">
			
 
				+				<li v-for="(value,key) in arr" :key="key" class="ui-relative ui-line-round">
			
 
				+					<input type="checkbox" name="1" v-model="arr[key]['check']" />
			
 
				+					<span></span>
			
 
				+					<p>{{value.value}}</p>
			
 
				+				</li>
			
 
				+      </ul>-->
			
 
				+      <el-input
			
 
				+        :disabled="disTextarea"
			
 
				+        type="textarea"
			
 
				+        v-model="desc"
			
 
				+        placeholder="请把您觉得我们美中不足的地方告诉我们吧！"
			
 
				+      ></el-input>
			
 
				+      <el-button v-if="!disSub" type="primary" class="submit" :loading="loading" @click="submit">提交</el-button>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import wx from '../script/wxApi/index.js';
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      timeFun: this.$timeFun(),
			
 
				+      colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
			
 
				+      rateText: ['极差', '失望', '一般', '满意', '非常好'],
			
 
				+      rateIndex: 4,
			
 
				+      arr: [
			
 
				+        {
			
 
				+          id: '1',
			
 
				+          value: '味道赞'
			
 
				+        },
			
 
				+        {
			
 
				+          id: '2',
			
 
				+          value: '食材新鲜'
			
 
				+        }
			
 
				+      ],
			
 
				+      desc: '',
			
 
				+      loading: false,
			
 
				+      disRate: false,
			
 
				+      disTextarea: false
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    return;
			
 
				+    !this.userId && wx.login();
			
 
				+    const obj = {
			
 
				+      userId: this.userId,
			
 
				+      batchId: this.fkGoodsBatchGuid
			
 
				+    };
			
 
				+    this.$http.getGrade(obj).then(res => {
			
 
				+      if (!res.code && Array.isArray(res) && res.length) {
			
 
				+        this.rateIndex = res[0].gradeStart;
			
 
				+        this.disRate = true;
			
 
				+      }
			
 
				+    });
			
 
				+    this.$http.getFeedback(obj).then(res => {
			
 
				+      if (!res.code && Array.isArray(res) && res.length) {
			
 
				+        this.desc = res[0].commentVal;
			
 
				+        this.disTextarea = true;
			
 
				+      }
			
 
				+    });
			
 
				+  },
			
 
				+  computed: {
			
 
				+    checkId() {
			
 
				+      return '';
			
 
				+    },
			
 
				+    userId() {
			
 
				+      const Id = (this.$route.query || {}).userId;
			
 
				+      Id && this.$store.commit("userId", Id);
			
 
				+      return this.$store.state.userId;
			
 
				+    },
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    },
			
 
				+    fkGoodsBatchGuid() {
			
 
				+      return this.info.goodsBatchInfoForm.fkGoodsBatchGuid;
			
 
				+    },
			
 
				+    disSub() {
			
 
				+      return this.disRate && this.disTextarea;
			
 
				+    },
			
 
				+    submitText() {
			
 
				+      return this.loading ? "数据上传中……" : "提交"
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    rateChange(e) {
			
 
				+      this.rateIndex = e;
			
 
				+    },
			
 
				+    submit() {
			
 
				+      this.loading = true;
			
 
				+      this.timeFun(e => {
			
 
				+        this.disRate || this.$http.saveGrade({
			
 
				+          gradeStart: this.rateIndex,
			
 
				+          gradeUser: this.userId,
			
 
				+          fkOrgGuid: this.info.fkOrgGuid,
			
 
				+          fkGoodsBatchGuid: this.fkGoodsBatchGuid
			
 
				+        }).then(res => {
			
 
				+          this.loading = false;
			
 
				+          !res.code && (this.disRate = true);
			
 
				+        });
			
 
				+      });
			
 
				+      this.disTextarea || this.$http.saveFeedback({
			
 
				+        gradeLevel: this.rateIndex,
			
 
				+        commentVal: this.desc,
			
 
				+        feedbackUser: this.userId,
			
 
				+        fkOrgGuid: this.info.fkOrgGuid,
			
 
				+        fkGoodsBatchGuid: this.fkGoodsBatchGuid
			
 
				+      }).then(res => {
			
 
				+        this.loading = false;
			
 
				+        !res.code && (this.disTextarea = true);
			
 
				+      });
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-comment {
			
 
				+  .info {
			
 
				+    width: 90%;
			
 
				+    background: #f1f2f3;
			
 
				+    margin: 0.6rem auto;
			
 
				+    border-radius: 0.1rem;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    padding: 0.6rem 0.4rem;
			
 
				+    font-size: 0.4rem;
			
 
				+    > h6 {
			
 
				+      color: #272c31;
			
 
				+      padding-bottom: 0.4rem;
			
 
				+    }
			
 
				+    > h5 {
			
 
				+      margin-top: 0.8rem;
			
 
				+    }
			
 
				+    .el-rate {
			
 
				+      height: auto !important;
			
 
				+      margin-top: 0.3rem;
			
 
				+      .el-rate__icon {
			
 
				+        font-size: 0.45rem;
			
 
				+      }
			
 
				+    }
			
 
				+    .el-textarea {
			
 
				+      margin-top: 0.3rem;
			
 
				+    }
			
 
				+    textarea {
			
 
				+      min-height: 160px !important;
			
 
				+    }
			
 
				+    > .list {
			
 
				+      margin-top: 0.4rem;
			
 
				+      font-size: 0.26rem;
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+      justify-content: center;
			
 
				+      > li {
			
 
				+        margin: 0 0.15rem 0.15rem 0;
			
 
				+        padding: 0.1rem 0.2rem;
			
 
				+        border-radius: 1.5rem;
			
 
				+        cursor: pointer;
			
 
				+        input,
			
 
				+        span {
			
 
				+          position: absolute !important;
			
 
				+          height: 100%;
			
 
				+          width: 100%;
			
 
				+          top: 0;
			
 
				+          bottom: 0;
			
 
				+          left: 0;
			
 
				+          right: 0;
			
 
				+          opacity: 0;
			
 
				+          z-index: 4;
			
 
				+          &:checked + span {
			
 
				+            background: #ffcc00;
			
 
				+            opacity: 1;
			
 
				+            border-radius: 2rem;
			
 
				+          }
			
 
				+        }
			
 
				+        span {
			
 
				+          z-index: 0;
			
 
				+        }
			
 
				+        &::before {
			
 
				+          z-index: 3 !important;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .submit {
			
 
				+    width: 100%;
			
 
				+    margin-top: 20px;
			
 
				+    cursor: pointer;
			
 
				+    background: #397c53;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/environment.vue
+++ b/src/view/environment.vue
@@ -0,0 +1,244 @@
 
				+<template>
			
 
				+  <div class="body-environment">
			
 
				+    <main-title>关键环境指标</main-title>
			
 
				+    <ul class="info-list animated zoomInDown" style="animation-delay:0s;">
			
 
				+      <li
			
 
				+        v-for="(item, index) in info.goodsBatchInfoForm.interAuxList"
			
 
				+      >{{ item.auxItme }}：{{ item.auxItmeNormval }}{{ item.unit }}</li>
			
 
				+    </ul>
			
 
				+    <div class="echars animated zoomIn" style="animation-delay:1s;" ref="radarEchars"></div>
			
 
				+    <ul class="echarsItem">
			
 
				+      <li class="base">
			
 
				+        <span class="bg"></span>
			
 
				+        标准油茶生长环境数据
			
 
				+      </li>
			
 
				+      <li class="expert">
			
 
				+        <span class="bg"></span>
			
 
				+        布依天香油茶生长环境数据
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import echarts from 'echarts';
			
 
				+import 'echarts/lib/chart/radar';
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      echartDatas: [],
			
 
				+      options: {
			
 
				+        title: {
			
 
				+          // text: '基础雷达图'
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          trigger: 'axis'
			
 
				+        },
			
 
				+        // legend: {
			
 
				+        // x:'center',
			
 
				+        // y:'top',
			
 
				+        // left: 'center',
			
 
				+        // data: ['标准水稻生长环境数据', '湄潭竹香米业水稻生长环境数据']
			
 
				+        // },
			
 
				+        radar: {
			
 
				+          shape: 'circle',
			
 
				+          name: {
			
 
				+            textStyle: {
			
 
				+              color: '#fff',
			
 
				+              backgroundColor: '#999',
			
 
				+              borderRadius: 2,
			
 
				+              padding: [2, 3]
			
 
				+            },
			
 
				+            formatter: function (text) {
			
 
				+              var strlength = text.length;
			
 
				+              if (strlength % 2 == 1) {
			
 
				+                text = text.replace(/\S{2}/g, function (match) {
			
 
				+                  return match + '\n'
			
 
				+                })
			
 
				+              } else {
			
 
				+                text = text.replace(/\S{2}/g, function (match) {
			
 
				+                  return match + '\n'
			
 
				+                })
			
 
				+                strlength = text.length;
			
 
				+                text = text.substring(0, strlength - 1);
			
 
				+              }
			
 
				+              return text
			
 
				+            },
			
 
				+          },
			
 
				+          indicator: [
			
 
				+            { name: '均温', max: 6000 },
			
 
				+            { name: '积温', max: 6000 },
			
 
				+            { name: '日照', max: 6000 },
			
 
				+            { name: '均湿度', max: 6000 },
			
 
				+            { name: '降水量', max: 6000 },
			
 
				+          ]
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            // name: '标准油茶生长环境数据',
			
 
				+            type: 'radar',
			
 
				+            itemStyle: {
			
 
				+              normal: {
			
 
				+                color: 'rgba(0,183,238, 1)',
			
 
				+                borderColor: 'rgba(0,183,238, 0.4)',
			
 
				+                borderWidth: 10
			
 
				+              }
			
 
				+            },
			
 
				+            areaStyle: {
			
 
				+              normal: {
			
 
				+                color: new echarts.graphic.LinearGradient(
			
 
				+                  1, 0, 0, 1,
			
 
				+                  [
			
 
				+                    { offset: 0, color: '#7add5f' },
			
 
				+                    { offset: 0.3, color: '#65c353' },
			
 
				+                    { offset: 0.5, color: '#65c353' },
			
 
				+                    { offset: 0.8, color: '#479d44' },
			
 
				+                    { offset: 1, color: '#1a682a' }
			
 
				+                  ]
			
 
				+                )
			
 
				+              }
			
 
				+            },
			
 
				+            lineStyle: {
			
 
				+              normal: {
			
 
				+                color: '#b4bdcc',
			
 
				+                width: 2
			
 
				+              }
			
 
				+            },
			
 
				+            data: [
			
 
				+              {
			
 
				+                value: [4500, 3900, 4800, 4100, 4600],
			
 
				+                name: '积温'
			
 
				+              }
			
 
				+            ]
			
 
				+          },
			
 
				+          {
			
 
				+            // name: '布依天香油茶生长环境数据',
			
 
				+            type: 'radar',
			
 
				+            itemStyle: {
			
 
				+              normal: {
			
 
				+                color: 'rgba(0,183,238, 1)',
			
 
				+                borderColor: 'rgba(0,183,238, 0.4)',
			
 
				+                borderWidth: 10
			
 
				+              }
			
 
				+            },
			
 
				+            areaStyle: {
			
 
				+              normal: {
			
 
				+                color: '#317e36'
			
 
				+              }
			
 
				+            },
			
 
				+            lineStyle: {
			
 
				+              normal: {
			
 
				+                color: '#a4c6e1',
			
 
				+                width: 2
			
 
				+              }
			
 
				+            },
			
 
				+            data: [
			
 
				+              {
			
 
				+                value: [5500, 4000, 4500, 5500, 5800],
			
 
				+                name: '温度'
			
 
				+              }
			
 
				+            ]
			
 
				+          }
			
 
				+        ]
			
 
				+      }
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    // this.echartDatas = ;
			
 
				+    // let svlist = this.$store.state.info.goodsBatchInfoForm.interAuxList;
			
 
				+    // let indicator = [];
			
 
				+    // for(let i = 0;i<svlist.length;i++){
			
 
				+    // 	indicator.push({
			
 
				+    // 		name: svlist[i].auxItme + ':' + svlist[i].auxItmeNormval + svlist[i].unit, 
			
 
				+    // 		max: 6000
			
 
				+    // 	})
			
 
				+    // }
			
 
				+    // this.options.radar.indicator = indicator
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    // 基于准备好的dom，初始化echarts实例
			
 
				+    var myChart = echarts.init(this.$refs.radarEchars);
			
 
				+    // 绘制图表
			
 
				+    myChart.setOption(this.options);
			
 
				+  },
			
 
				+  computed: {
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-environment {
			
 
				+  padding: 0 !important;
			
 
				+  padding-top: 0.4rem !important;
			
 
				+  height: calc(100% - 0.4rem);
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  .info-list {
			
 
				+    font-size: 0.2rem;
			
 
				+    font-weight: 600;
			
 
				+    color: #272c31;
			
 
				+    padding: 0.2rem 1rem;
			
 
				+    > li {
			
 
				+      border-bottom: 0.01rem dashed;
			
 
				+      padding: 0.1rem 0;
			
 
				+      &::before {
			
 
				+        content: '● ';
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .echars {
			
 
				+    width: 284px;
			
 
				+    margin: -1.5rem auto 0 auto;
			
 
				+    min-height: 500px;
			
 
				+    canvas {
			
 
				+      margin: 0 0 0 0 !important;
			
 
				+    }
			
 
				+  }
			
 
				+  .echarsItem {
			
 
				+    display: block;
			
 
				+    position: fixed;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    bottom: 20px;
			
 
				+    font-size: 12px;
			
 
				+    list-style: none;
			
 
				+    text-align: center;
			
 
				+    > li {
			
 
				+      display: inline-block;
			
 
				+      margin: 0 2px;
			
 
				+      .bg {
			
 
				+        display: inline-block;
			
 
				+        width: 20px;
			
 
				+        height: 10px;
			
 
				+        vertical-align: -1px;
			
 
				+        border-radius: 3px;
			
 
				+      }
			
 
				+    }
			
 
				+    > li.base {
			
 
				+      .bg {
			
 
				+        background: #77d95e;
			
 
				+      }
			
 
				+    }
			
 
				+    > li.expert {
			
 
				+      .bg {
			
 
				+        background: #317e36;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+
			
 
				+
			
 
				+<!-- <ul class="echarsItem">
			
 
				+			<li class="base">
			
 
				+				<span class="bg"></span>
			
 
				+				标准水稻生长环境数据
			
 
				+			</li>
			
 
				+			<li class="expert">
			
 
				+				<span class="bg"></span>
			
 
				+				湄潭竹香米业水稻生长环境数据
			
 
				+			</li>
			
 
				+		</ul> -->
			
--- a/src/view/explain.vue
+++ b/src/view/explain.vue
@@ -0,0 +1,178 @@
 
				+<template>
			
 
				+  <div class="body-explain">
			
 
				+    <!-- <transition name="custom-classes-transition" enter-active-class="animated bounce" leave-active-class="animated bounceOut"> -->
			
 
				+    <main-title
			
 
				+      v-if="titleShow"
			
 
				+      class="animated fadeIn"
			
 
				+      style="animation-delay:1s; animation-duration: 1s;animation-fill-mode: both;"
			
 
				+    >产品介绍</main-title>
			
 
				+    <!-- </transition> -->
			
 
				+    <div
			
 
				+      class="b-1 animated bounceInRight"
			
 
				+      style="animation-delay:2s;animation-duration: 1s;animation-fill-mode: both;"
			
 
				+    >
			
 
				+      <img class="b-1-img" src="../assets/image/zp-bag.png" />
			
 
				+      <h2>防伪码：{{info.qrcodeToken}}</h2>
			
 
				+      <h4>扫码次数：{{info.scanCount}}次</h4>
			
 
				+      <h4>最后扫码时间：{{info.scanLastTimed}}</h4>
			
 
				+      <!-- <h6>注：如扫码信息和实际不对应，核实是否为新品</h6> -->
			
 
				+      <h6>注：区块链技术认证，保证溯源正品</h6>
			
 
				+      <div style="clear:both;"></div>
			
 
				+      <img class="b-1-areaimg" src="../assets/image/bg-prod-area-info-img.png" />
			
 
				+      <img class="b-1-repchainimg" src="../assets/image/bg-repchain-img.png" />
			
 
				+    </div>
			
 
				+    <div class="b-2">
			
 
				+      <preview
			
 
				+        class="img animated bounceInLeft"
			
 
				+        style="animation-delay:3s;animation-duration: 1s;animation-fill-mode: both;"
			
 
				+        :value="info.goodsBatchInfoForm.imagesList"
			
 
				+      ></preview>
			
 
				+      <!-- <el-image class="img" :src="src" :preview-src-list="[src]">
			
 
				+				<div slot="placeholder" class="img-loading"><i class="el-icon-loading"></i></div>
			
 
				+				<div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div>
			
 
				+      </el-image>-->
			
 
				+      <ul
			
 
				+        class="b-2-info-list animated bounceInRight"
			
 
				+        style="animation-delay:4s;animation-duration: 1s;animation-fill-mode: both;"
			
 
				+      >
			
 
				+        <li>【商品名称】{{info.goodsBatchInfoForm.goodsName}}</li>
			
 
				+        <li>【商品规格】{{info.goodsBatchInfoForm.goodsUnit}}</li>
			
 
				+        <li>【生产日期】{{info.goodsBatchInfoForm.goodsProductDate | time}}</li>
			
 
				+        <li>【保质期】{{info.goodsBatchInfoForm.goodsExpired | time}}</li>
			
 
				+      </ul>
			
 
				+      <ul
			
 
				+        class="b-2-info-list2 animated bounceInRight"
			
 
				+        style="animation-delay:4s;animation-duration: 1s;animation-fill-mode: both;"
			
 
				+      >
			
 
				+        <li v-for="(aux,key) in info.goodsBatchInfoForm.auxList" :key="key">{{aux.auxItmeVal}}</li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+    <bottom
			
 
				+      class="animated fadeIn"
			
 
				+      style="animation-delay:6s;animation-duration: 1s;animation-fill-mode: both;"
			
 
				+    >订购电话：{{info.tel || ''}}</bottom>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import bottom from '../components/bottom.vue';
			
 
				+export default {
			
 
				+  components: {
			
 
				+    bottom
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      titleShow: false,
			
 
				+      src: 'https://icweiliimg1.pstatp.com/weili/l/248333703461470365.webp'
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.titleShow = true;
			
 
				+  },
			
 
				+  methods: {
			
 
				+	},
			
 
				+  filters: {
			
 
				+    time(value) {
			
 
				+      return (value + "").split(" ")[0];
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-explain {
			
 
				+  .b-1,
			
 
				+  .b-2 {
			
 
				+    background: #fff;
			
 
				+    border-radius: 0.1rem;
			
 
				+    box-shadow: 0.03rem 0.05rem 0.1rem 0.01rem rgba(0, 0, 0, 0.05);
			
 
				+    margin-top: 0.4rem;
			
 
				+  }
			
 
				+  .b-1 {
			
 
				+    padding: 0.2rem;
			
 
				+    > h2 {
			
 
				+      color: #20374d;
			
 
				+      font-size: 0.22rem;
			
 
				+      border-bottom: 0.01rem dashed;
			
 
				+      line-height: 1em;
			
 
				+      padding-bottom: 0.2rem;
			
 
				+      width: 70%;
			
 
				+    }
			
 
				+    > h4 {
			
 
				+      color: #546475;
			
 
				+      font-size: 0.18rem;
			
 
				+      margin: 0.1rem 0;
			
 
				+    }
			
 
				+    > h6 {
			
 
				+      color: #7c8690;
			
 
				+      font-size: 0.14rem;
			
 
				+    }
			
 
				+    .b-1-img {
			
 
				+      float: right;
			
 
				+      height: 2rem;
			
 
				+      width: 2rem;
			
 
				+      transform: translateY(-0.3rem) translateX(0.4rem);
			
 
				+    }
			
 
				+    .b-1-areaimg {
			
 
				+      height: 0.8rem;
			
 
				+      width: 3.8rem;
			
 
				+      transform: translateY(0rem) translateX(0rem);
			
 
				+    }
			
 
				+    .b-1-repchainimg {
			
 
				+      height: 0.8rem;
			
 
				+      width: 1.8rem;
			
 
				+    }
			
 
				+  }
			
 
				+  .b-2 {
			
 
				+    padding: 0.15rem;
			
 
				+    > .img {
			
 
				+      border-radius: 0.1rem;
			
 
				+      overflow: hidden;
			
 
				+      display: block;
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+      height: 4rem;
			
 
				+      img {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+    &-info-list,
			
 
				+    &-info-list2 {
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+      justify-content: space-between;
			
 
				+      color: #272c31;
			
 
				+      font-size: 0.2rem;
			
 
				+      font-weight: 700;
			
 
				+      > li {
			
 
				+        width: 46%;
			
 
				+        padding: 0.2rem 0;
			
 
				+        border-bottom: 0.01rem dashed;
			
 
				+      }
			
 
				+    }
			
 
				+    &-info-list2 {
			
 
				+      color: #397a52;
			
 
				+      padding: 0.3rem 0;
			
 
				+      > li {
			
 
				+        width: 31%;
			
 
				+        padding: 0.2rem 0;
			
 
				+        border: none;
			
 
				+        background: #e1f2e2;
			
 
				+        border-radius: 2rem;
			
 
				+        text-align: center;
			
 
				+        margin: 0.1rem 0;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/firm.vue
+++ b/src/view/firm.vue
@@ -0,0 +1,165 @@
 
				+<template>
			
 
				+  <div class="body-firm">
			
 
				+    <main-title>生产经营企业介绍</main-title>
			
 
				+    <div class="box animated fadeIn">
			
 
				+      <div class="box-1">
			
 
				+        <div class="logo">
			
 
				+          <div class="img ui-absolute"></div>
			
 
				+        </div>
			
 
				+        <div class="info">
			
 
				+          <h3>{{ info.orgName || '' }}</h3>
			
 
				+          <p>{{ info.remark || '' }}</p>
			
 
				+        </div>
			
 
				+        <ul class="imgs-list">
			
 
				+          <li v-for="(src, key) in img" :key="key">
			
 
				+            <el-image class="ui-absolute" :src="src | host" :preview-src-list="src | hostList">
			
 
				+              <div slot="placeholder" class="img-loading">
			
 
				+                <i class="el-icon-loading"></i>
			
 
				+              </div>
			
 
				+              <div slot="error" class="image-slot">
			
 
				+                <i class="el-icon-picture-outline"></i>
			
 
				+              </div>
			
 
				+            </el-image>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <bottom class="animated fadeIn">
			
 
				+      <div class="box-bottom">
			
 
				+        <p>联系人：{{ info.principals || '' }}</p>
			
 
				+        <p>电话：{{ info.tel || '' }}</p>
			
 
				+        <p>地址：{{ info.orgAddress || '' }}</p>
			
 
				+        <div class="box-bottom-code">
			
 
				+          <el-image
			
 
				+            class="box-bottom-code-img"
			
 
				+            :src="info.wxQRImg | host"
			
 
				+            :preview-src-list="info.wxQRImg | hostList"
			
 
				+          >
			
 
				+            <div slot="placeholder" class="img-loading">
			
 
				+              <i class="el-icon-loading"></i>
			
 
				+            </div>
			
 
				+            <div slot="error" class="image-slot">
			
 
				+              <i class="el-icon-picture-outline"></i>
			
 
				+            </div>
			
 
				+          </el-image>
			
 
				+          <p>扫码立即关注我们</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </bottom>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import bottom from '../components/bottom.vue';
			
 
				+export default {
			
 
				+  components: {
			
 
				+    bottom
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      src: 'https://weiliicimg9.pstatp.com/weili/l/708037487756836870.webp'
			
 
				+    };
			
 
				+  },
			
 
				+  computed: {
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    },
			
 
				+    img() {
			
 
				+      return this.info.qualificaImgs ? this.info.qualificaImgs.split(';') : [];
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-firm {
			
 
				+  .box {
			
 
				+    margin: 0.2rem 0;
			
 
				+    &-1 {
			
 
				+      background: #f1f2f3;
			
 
				+      border-radius: 0.2rem;
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      align-items: center;
			
 
				+      margin-top: 1.3rem;
			
 
				+      padding-bottom: 0.4rem;
			
 
				+      > .logo {
			
 
				+        position: relative;
			
 
				+        // background: #20374d;
			
 
				+        // box-shadow: 0 0 0.2rem -0.04rem #20374d;
			
 
				+        margin-top: -0.8rem;
			
 
				+        width: 100%;
			
 
				+        height: 2.2rem;
			
 
				+        border-radius: 50%;
			
 
				+        overflow: hidden;
			
 
				+        > .img {
			
 
				+          background: url(../assets/image/logo.png) no-repeat center center;
			
 
				+          background-size: 100% 100%;
			
 
				+        }
			
 
				+      }
			
 
				+      > .info {
			
 
				+        margin-top: 0.4rem;
			
 
				+        width: 90%;
			
 
				+        font-size: 0.16rem;
			
 
				+        color: #5d6267;
			
 
				+        > h3 {
			
 
				+          color: #20374d;
			
 
				+        }
			
 
				+        p {
			
 
				+          text-indent: 2em;
			
 
				+          font-size: 300;
			
 
				+          line-height: 1.8em;
			
 
				+          margin: 0.2rem 0;
			
 
				+        }
			
 
				+      }
			
 
				+      > .imgs-list {
			
 
				+        display: flex;
			
 
				+        flex-wrap: wrap;
			
 
				+        background: #fff;
			
 
				+        box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
			
 
				+        border-radius: 0.1rem;
			
 
				+        width: 88%;
			
 
				+        padding: 0.2rem;
			
 
				+        > li {
			
 
				+          width: 33.33%;
			
 
				+          position: relative;
			
 
				+          &::before {
			
 
				+            content: '';
			
 
				+            padding-top: 128%;
			
 
				+            display: block;
			
 
				+          }
			
 
				+          > .el-image {
			
 
				+            margin: 0.06rem;
			
 
				+            img {
			
 
				+              width: 100%;
			
 
				+              height: 100%;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .box-bottom {
			
 
				+    flex: 1;
			
 
				+    font-size: 12px;
			
 
				+    font-weight: 700;
			
 
				+    padding: 1em 7%;
			
 
				+    position: relative;
			
 
				+    &-code {
			
 
				+      position: absolute;
			
 
				+      right: 7%;
			
 
				+      top: -80%;
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      align-items: center;
			
 
				+      > p {
			
 
				+        margin-top: 0.5em;
			
 
				+      }
			
 
				+      &-img {
			
 
				+        width: 90px;
			
 
				+        height: 90px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/invest.vue
+++ b/src/view/invest.vue
@@ -0,0 +1,117 @@
 
				+<template>
			
 
				+  <div class="body-invest">
			
 
				+    <main-title>使用的投入品</main-title>
			
 
				+    <div class="list-box animated fadeInUpBig">
			
 
				+      <h4>投入品清单</h4>
			
 
				+      <ul class="list">
			
 
				+        <li v-for="(x,key) in inputsList" :key="key" class>
			
 
				+          <span v-for="(c,i) in x" :key="i">{{c.inputsProcessName}}</span>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+      <h6>
			
 
				+        <span>经检验未使用违禁品</span>
			
 
				+      </h6>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  computed: {
			
 
				+    inputsList() {
			
 
				+      let arr = [], list = this.$store.state.info.inputsList || [];
			
 
				+      for (let i = 0, x = 0; x = list[i]; i++) {
			
 
				+        arr.push([x, list[++i] || {}]);
			
 
				+      }
			
 
				+      return arr;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-invest {
			
 
				+  .list-box {
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    background: #f8f8f9;
			
 
				+    border-radius: 0.08rem;
			
 
				+    margin: 0.4rem 0.3rem;
			
 
				+    padding: 0.3rem;
			
 
				+    box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.05);
			
 
				+    h4 {
			
 
				+      font-size: 0.24rem;
			
 
				+      padding-bottom: 0.2rem;
			
 
				+      position: relative;
			
 
				+      color: #00933b;
			
 
				+      &::after {
			
 
				+        content: '';
			
 
				+        position: absolute;
			
 
				+        bottom: 0;
			
 
				+        display: block;
			
 
				+        width: 80%;
			
 
				+        left: 0;
			
 
				+        right: 0;
			
 
				+        margin: auto;
			
 
				+        background: #00933b;
			
 
				+        height: 2px;
			
 
				+      }
			
 
				+    }
			
 
				+    > .list {
			
 
				+      margin: 0.4rem 0;
			
 
				+      font-size: 0.2rem;
			
 
				+      color: #242b31;
			
 
				+      width: 100%;
			
 
				+      > li {
			
 
				+        background: transparent;
			
 
				+        border-radius: 0.08rem;
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        padding: 0.15rem 0.4rem;
			
 
				+        &:nth-child(odd) {
			
 
				+          background: #eaebed;
			
 
				+        }
			
 
				+        > span {
			
 
				+          width: 45%;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    > h6 {
			
 
				+      font-size: 0.16rem;
			
 
				+      display: block;
			
 
				+      line-height: 1em;
			
 
				+      padding: 0 1em;
			
 
				+      position: relative;
			
 
				+      color: #3f8f46;
			
 
				+      &::before {
			
 
				+        content: '';
			
 
				+        position: absolute;
			
 
				+        top: 50%;
			
 
				+        transform: translateY(-50%);
			
 
				+        height: 1px;
			
 
				+        background: #3f8f46;
			
 
				+        left: -50%;
			
 
				+        right: -50%;
			
 
				+        z-index: -1;
			
 
				+      }
			
 
				+      &::after {
			
 
				+        content: '';
			
 
				+        display: block;
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        bottom: 0;
			
 
				+        left: 0;
			
 
				+        right: 0;
			
 
				+        background: #fff;
			
 
				+        z-index: 0;
			
 
				+      }
			
 
				+      > span {
			
 
				+        position: relative;
			
 
				+        z-index: 1;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/material.vue
+++ b/src/view/material.vue
@@ -0,0 +1,29 @@
 
				+<template>
			
 
				+  <div class="body-material">
			
 
				+    <main-title class="animated bounceInDown">原材料生产情况</main-title>
			
 
				+    <time-list :value="sourceList"></time-list>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import timeList from "../components/time-list.vue";
			
 
				+export default {
			
 
				+  components: {
			
 
				+    timeList
			
 
				+  },
			
 
				+  computed: {
			
 
				+    sourceList() {
			
 
				+      return this.$store.state.info.sourceList || [];
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-material {
			
 
				+  .time-list {
			
 
				+    flex: 1;
			
 
				+    margin-bottom: 0.4rem;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/origin.vue
+++ b/src/view/origin.vue
@@ -0,0 +1,107 @@
 
				+<template>
			
 
				+  <div class="body-origin">
			
 
				+    <main-title>种植产地</main-title>
			
 
				+    <ul class="info-list animated fadeInUp" style="animation-delay:0s;">
			
 
				+      <li>产地名称：{{info.goodsFieldForm.fieldName}}</li>
			
 
				+      <li>产地地址：{{info.goodsFieldForm.fieldAddress || ''}}</li>
			
 
				+      <!-- <li>产地简介：{{info.goodsFieldForm.remark || ''}}</li> -->
			
 
				+    </ul>
			
 
				+    <div class="imgs animated bounceInRight" style="animation-delay:1s;">
			
 
				+      <el-image
			
 
				+        :class="i | imgClass"
			
 
				+        :src="v | host"
			
 
				+        v-for="(v, i) in info.goodsFieldForm.imagesList"
			
 
				+        :key="i"
			
 
				+        style="animation-delay:2s;"
			
 
				+        :preview-src-list="v | hostList"
			
 
				+      >
			
 
				+        <div slot="placeholder">
			
 
				+          <i class="el-icon-loading"></i>
			
 
				+        </div>
			
 
				+        <div slot="error">
			
 
				+          <i class="el-icon-picture-outline"></i>
			
 
				+        </div>
			
 
				+      </el-image>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      srcs: [
			
 
				+        'https://icweiliimg1.pstatp.com/weili/l/248333703461470365.webp',
			
 
				+        'https://icweiliimg9.pstatp.com/weili/l/256153077970895139.webp',
			
 
				+        'https://weiliicimg6.pstatp.com/weili/l/79052068555499172.webp'
			
 
				+      ]
			
 
				+    };
			
 
				+  },
			
 
				+  filters: {
			
 
				+    imgClass(value) {
			
 
				+      return `img-${value} animated bounceIn`;
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    }
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+.body-origin {
			
 
				+  padding: 0 !important;
			
 
				+  padding-top: 0.4rem !important;
			
 
				+  height: calc(100% - 0.4rem);
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  .info-list {
			
 
				+    margin: 0.4rem 0.8rem;
			
 
				+    font-size: 0.21rem;
			
 
				+    font-weight: 700;
			
 
				+    > li {
			
 
				+      margin: 0.2rem 0;
			
 
				+      line-height: 1.5em;
			
 
				+    }
			
 
				+  }
			
 
				+  .imgs {
			
 
				+    flex: 1;
			
 
				+    background: url(../assets/image/map-ditu.png) no-repeat top left;
			
 
				+    background-size: 100% 100%;
			
 
				+    position: relative;
			
 
				+    .el-image {
			
 
				+      border-radius: 50%;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content: center;
			
 
				+      border: 2px solid #20374d;
			
 
				+      overflow: hidden;
			
 
				+      position: absolute;
			
 
				+      img {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+    .img-0 {
			
 
				+      width: 3.2rem;
			
 
				+      height: 3.2rem;
			
 
				+      top: 0.3rem;
			
 
				+      left: 0.5rem;
			
 
				+    }
			
 
				+    .img-1 {
			
 
				+      width: 2.7rem;
			
 
				+      height: 2.7rem;
			
 
				+      top: 3.1rem;
			
 
				+      left: 0.1rem;
			
 
				+    }
			
 
				+    .img-2 {
			
 
				+      width: 1.6rem;
			
 
				+      height: 1.6rem;
			
 
				+      top: 3.1rem;
			
 
				+      left: 2.3rem;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/quarantine.vue
+++ b/src/view/quarantine.vue
@@ -0,0 +1,69 @@
 
				+<template>
			
 
				+	<div class="body-quarantine">
			
 
				+		<main-title>检验检疫记录</main-title>
			
 
				+		<div class="list-box animated fadeInUp">
			
 
				+			<h4>检验信息：</h4>
			
 
				+			<ul class="list">
			
 
				+				<li v-for='(aux,key) in info.assayInfoForm.auxList' :key="key">
			
 
				+					<span>{{aux.auxItme}}：{{aux.auxItmeVal}}</span>
			
 
				+				</li>
			
 
				+			</ul>
			
 
				+		</div>
			
 
				+		<preview style="display: flex;flex-direction: column;" :value="imagesList" class="animated bounceInDown"></preview>
			
 
				+	</div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+	export default{
			
 
				+		data(){
			
 
				+			return{
			
 
				+				
			
 
				+			}
			
 
				+		},
			
 
				+		computed:{
			
 
				+			info(){
			
 
				+				return this.$store.state.info;
			
 
				+			},
			
 
				+			imagesList(){
			
 
				+				return this.info.assayInfoForm.imagesList || [];
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped="scoped">
			
 
				+img{
			
 
				+	width:100%;
			
 
				+}
			
 
				+.body-quarantine {
			
 
				+	.list-box {
			
 
				+		background: #f8f8f9;
			
 
				+		border-radius: 0.08rem;
			
 
				+		margin: 0.4rem 0.3rem;
			
 
				+		padding: 0.3rem;
			
 
				+		box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.05);
			
 
				+		h4 {
			
 
				+			font-size: 0.24rem;
			
 
				+			padding-bottom: 0.2rem;
			
 
				+			color: #272c31;
			
 
				+		}
			
 
				+		> .list {
			
 
				+			display: flex;
			
 
				+			flex-wrap: wrap;
			
 
				+			justify-content: space-between;
			
 
				+			font-size: 0.2rem;
			
 
				+			color: #272c31;
			
 
				+			> li {
			
 
				+				width: 48%;
			
 
				+				margin: 0.1rem 0;
			
 
				+				&::before {
			
 
				+					content: '● ';
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+	.img-list{
			
 
				+		padding: 0 .3rem;
			
 
				+	}
			
 
				+}
			
 
				+</style>
			
--- a/src/view/transaction/index.vue
+++ b/src/view/transaction/index.vue
@@ -0,0 +1,304 @@
 
				+<template>
			
 
				+  <div class="body-transaction" v-infinite-scroll="scroll" infinite-scroll-immediate="false">
			
 
				+    <main-title>购买方式及经销商</main-title>
			
 
				+    <div class="list">
			
 
				+      <a v-for="(x, key) in shop" :key="key" :href="x.url | httpUrl" target="_blank">
			
 
				+        <el-image :src="x.icon">
			
 
				+          <div slot="placeholder" class="img-loading">
			
 
				+            <i class="el-icon-loading"></i>
			
 
				+          </div>
			
 
				+          <div slot="error" class="image-slot">
			
 
				+            <i class="el-icon-picture-outline"></i>
			
 
				+          </div>
			
 
				+        </el-image>
			
 
				+        <h4>{{ x.name }}</h4>
			
 
				+      </a>
			
 
				+    </div>
			
 
				+    <div class="map-box">
			
 
				+      <h6>
			
 
				+        <i class="el-icon-map-location"></i>
			
 
				+        附近经销商
			
 
				+      </h6>
			
 
				+      <ul class="map-box-list">
			
 
				+        <li v-for="(x, key) in dealerList" :key="key">
			
 
				+          <div style="flex:1">
			
 
				+            <h4>
			
 
				+              <i class="el-icon-location"></i>
			
 
				+              {{ x.dealerName || '' }}
			
 
				+            </h4>
			
 
				+            <p>{{ x.dealerAddress || '' }}</p>
			
 
				+            <p>
			
 
				+              <span>(0851)84399589</span>
			
 
				+              <span>直线距离{{ x.distance }}KM</span>
			
 
				+            </p>
			
 
				+          </div>
			
 
				+          <div class="map-go" @click="go(x)">
			
 
				+            <i class="iconfont iconche"></i>
			
 
				+            去这里
			
 
				+          </div>
			
 
				+        </li>
			
 
				+        <div class="list-loading" v-if="listLoading || noMore">
			
 
				+          <i class="el-icon-loading" v-if="!noMore"></i>
			
 
				+          {{loadText}}
			
 
				+        </div>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+    <bottom>订购电话：{{ info.tel || '' }}</bottom>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import bottom from '../../components/bottom.vue';
			
 
				+import wx from '../../script/wxApi/index.js';
			
 
				+
			
 
				+export default {
			
 
				+  components: {
			
 
				+    bottom
			
 
				+  },
			
 
				+  data() {
			
 
				+    const size = 20;
			
 
				+    return {
			
 
				+      timeFun: this.$timeFun(),
			
 
				+      list: [],
			
 
				+      pageNo: 1,
			
 
				+      pageSize: size,
			
 
				+      total: size,
			
 
				+      listLoading: false
			
 
				+    };
			
 
				+  },
			
 
				+  filters: {
			
 
				+    httpUrl(src) {
			
 
				+      src += '';
			
 
				+      const x = src.slice(0, 2);
			
 
				+      switch (src.slice(0, 7)) {
			
 
				+        case 'http://':
			
 
				+        case 'https:/':
			
 
				+          return src;
			
 
				+          break;
			
 
				+        default:
			
 
				+          return `${x == '//' ? '' : '//'}${src}`;
			
 
				+          break;
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  created() { },
			
 
				+  watch: {
			
 
				+    fkOrgGuid: {
			
 
				+      handler() {
			
 
				+        this.get();
			
 
				+      }
			
 
				+    },
			
 
				+    pageNo: {
			
 
				+      handler() {
			
 
				+        this.get();
			
 
				+      },
			
 
				+      // 代表在wacth里声明了pageNo这个方法之后立即先去执行handler方法
			
 
				+      immediate: true
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {
			
 
				+    noMore() {
			
 
				+      return this.list.length >= this.total;
			
 
				+    },
			
 
				+    loadText() {
			
 
				+      return !this.noMore ? "加载中……" : "没有数据了";
			
 
				+    },
			
 
				+    fkOrgGuid() {
			
 
				+      return this.info.fkOrgGuid;
			
 
				+    },
			
 
				+    info() {
			
 
				+      return this.$store.state.info;
			
 
				+    },
			
 
				+    shop() {
			
 
				+      let arr = [];
			
 
				+      this.info.jdUrl &&
			
 
				+        arr.push({
			
 
				+          url: this.info.jdUrl,
			
 
				+          icon: require('./jd.png'),
			
 
				+          name: '京东'
			
 
				+        });
			
 
				+      this.info.tmallUrl &&
			
 
				+        arr.push({
			
 
				+          url: this.info.tmallUrl,
			
 
				+          icon: require('./tm.png'),
			
 
				+          name: '天猫'
			
 
				+        });
			
 
				+      this.info.companyUrl &&
			
 
				+        arr.push({
			
 
				+          url: this.info.companyUrl,
			
 
				+          icon: require('./qt.png'),
			
 
				+          name: '官网'
			
 
				+        });
			
 
				+      return arr;
			
 
				+    },
			
 
				+    //经过换算的列表
			
 
				+    dealerList() {
			
 
				+      const EARTH_RADIUS = 6378137.0, //单位M
			
 
				+        Rad = d => {
			
 
				+          return (d * Math.PI) / 180.0;
			
 
				+        },
			
 
				+        { latitude: lat2, longitude: lng2 } = this.$store.state.location; //第二点纬度，经度
			
 
				+      let list = this.list.map((x, i) => {
			
 
				+        // 第一点的纬度，经度
			
 
				+        const [lng1, lat1] = (x.latitudeLongitude + '').split(','),
			
 
				+          radLat1 = Rad(lat1),
			
 
				+          radLat2 = Rad(lat2),
			
 
				+          a = radLat1 - radLat2,
			
 
				+          b = Rad(lng1) - Rad(lng2);
			
 
				+        let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
			
 
				+        s = s * 6378.137; // EARTH_RADIUS;
			
 
				+        s = Math.round(s * 10000) / 10000; //输出为公里
			
 
				+        s = s.toFixed(2);
			
 
				+        return {
			
 
				+          ...x,
			
 
				+          distance: isNaN(s) ? '--' : s
			
 
				+        };
			
 
				+      });
			
 
				+      return list;
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    go(e) {
			
 
				+      const { dealerName, latitudeLongitude, dealerAddress } = e,
			
 
				+        l = (latitudeLongitude + '').split(',');
			
 
				+      wx.openLocation({
			
 
				+        longitude: l[0], // 经度，浮点数，范围为180 ~ -180。
			
 
				+        latitude: l[1], // 纬度，浮点数，范围为90 ~ -90
			
 
				+        name: dealerName, // 位置名
			
 
				+        address: dealerAddress, // 地址详情说明
			
 
				+        scale: 16, // 地图缩放级别,整形值,范围从1~28。默认为最大
			
 
				+        infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
			
 
				+      });
			
 
				+    },
			
 
				+    scroll(e) {
			
 
				+      if (!this.listLoading) {
			
 
				+        this.pageNo += 1;
			
 
				+      }
			
 
				+    },
			
 
				+    get() {
			
 
				+      const { fkOrgGuid, pageNo, pageSize, noMore } = this;
			
 
				+      if (!noMore && fkOrgGuid && pageNo) {
			
 
				+        this.listLoading = true;
			
 
				+        this.timeFun(e => {
			
 
				+          this.$http
			
 
				+            .selectGoodsDealer({
			
 
				+              fkOrgGuid,
			
 
				+              pageNo,
			
 
				+              pageSize
			
 
				+            })
			
 
				+            .then(res => {
			
 
				+              this.listLoading = false;
			
 
				+              this.list = [...this.list, ...(res.list)];
			
 
				+              this.total = res.total;
			
 
				+            });
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped="scoped">
			
 
				+.body-transaction {
			
 
				+  .list {
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    justify-content: space-between;
			
 
				+    padding: 0.6rem 0.4rem;
			
 
				+    > a {
			
 
				+      > .el-image {
			
 
				+        width: 1.5rem;
			
 
				+        height: 1.5rem;
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+        align-items: center;
			
 
				+        border-radius: 0.1rem;
			
 
				+        box-shadow: 1px 1px 0.2rem 1px rgba(0, 0, 0, 0.2);
			
 
				+        img {
			
 
				+          width: 100%;
			
 
				+          height: 100%;
			
 
				+        }
			
 
				+      }
			
 
				+      > h4 {
			
 
				+        font-size: 0.26rem;
			
 
				+        color: #20374d;
			
 
				+        text-align: center;
			
 
				+        margin: 0.2rem 0;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .map-box {
			
 
				+    background: #f6f6f7;
			
 
				+    border-radius: 0.1rem;
			
 
				+    padding: 0.2rem;
			
 
				+    font-size: 0.3rem;
			
 
				+    > h6 {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      margin: 0.2rem;
			
 
				+      > i {
			
 
				+        font-size: 1.6em;
			
 
				+        margin-right: 0.2em;
			
 
				+      }
			
 
				+    }
			
 
				+    &-list {
			
 
				+      > li {
			
 
				+        background: #fff;
			
 
				+        border-radius: 0.1rem;
			
 
				+        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
			
 
				+        padding: 0.2rem 0.2rem 0.2rem 0.6rem;
			
 
				+        font-size: 0.2rem;
			
 
				+        margin: 0.2rem 0;
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        h4 {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          > i {
			
 
				+            margin-left: -0.3rem;
			
 
				+            transform: translateY(0.01rem) translateX(-0.02rem);
			
 
				+            font-size: 1.6em;
			
 
				+          }
			
 
				+        }
			
 
				+        p {
			
 
				+          font-size: 0.8em;
			
 
				+          margin: 0.1rem 0;
			
 
				+          display: flex;
			
 
				+          flex-wrap: wrap;
			
 
				+          align-items: center;
			
 
				+          justify-content: space-between;
			
 
				+          padding-right: 0.2rem;
			
 
				+        }
			
 
				+        > .map-go {
			
 
				+          display: flex;
			
 
				+          flex-direction: column;
			
 
				+          align-items: center;
			
 
				+          justify-content: center;
			
 
				+          > i {
			
 
				+            background: #20374d;
			
 
				+            color: #fff;
			
 
				+            border-radius: 50%;
			
 
				+            font-size: 0.4rem;
			
 
				+            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
			
 
				+            padding: 0.2rem;
			
 
				+            line-height: 1em;
			
 
				+            margin-bottom: 0.05rem;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      .list-loading {
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+        align-items: center;
			
 
				+        align-content: center;
			
 
				+        font-size: 10px;
			
 
				+        color: #000;
			
 
				+        opacity: 0.5;
			
 
				+        > i {
			
 
				+          font-size: 1.3em;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/view/transaction/jd.png
+++ b/src/view/transaction/jd.png
--- a/src/view/transaction/qt.png
+++ b/src/view/transaction/qt.png
--- a/src/view/transaction/tm.png
+++ b/src/view/transaction/tm.png
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,78 @@
 
				+//webpack全局配置
			
 
				+const path = require('path');
			
 
				+module.exports = function(env, argv) {
			
 
				+	// env是在package中运行的命令是配置
			
 
				+	env = env || {};
			
 
				+	return {
			
 
				+		entry: './src/main.js', //入口文件
			
 
				+		module: {
			
 
				+			rules: [
			
 
				+				// 处理css
			
 
				+				{
			
 
				+					test: /\.css$/i,
			
 
				+					use: ['vue-style-loader', 'css-loader']
			
 
				+				},
			
 
				+				// 处理vue
			
 
				+				{
			
 
				+					test: /\.vue$/i,
			
 
				+					use: 'vue-loader'
			
 
				+				},
			
 
				+				// 处理less
			
 
				+				{
			
 
				+					test: /\.less$/i,
			
 
				+					use: ['vue-style-loader', 'css-loader', 'less-loader']
			
 
				+				},
			
 
				+				// 小图片转为base64
			
 
				+				{
			
 
				+					test: /\.(png|jpg|gif)$/i,
			
 
				+					use: [{
			
 
				+						loader: 'url-loader',
			
 
				+						options: {
			
 
				+							limit: 10000
			
 
				+						}
			
 
				+					}]
			
 
				+				},
			
 
				+				// 处理es6
			
 
				+				{
			
 
				+					test: /\.(js)$/i,
			
 
				+					exclude: /node_modules/,
			
 
				+					use: {
			
 
				+						loader: 'babel-loader',
			
 
				+						options: {
			
 
				+							presets: ['@babel/preset-env']
			
 
				+						}
			
 
				+					}
			
 
				+				},
			
 
				+				// 多媒体文件
			
 
				+				{
			
 
				+					test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
			
 
				+					loader: 'url-loader',
			
 
				+					options: {
			
 
				+						limit: 10000,
			
 
				+					}
			
 
				+				},
			
 
				+				// 处理字体
			
 
				+				{
			
 
				+					test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
			
 
				+					loader: 'url-loader',
			
 
				+					options: {
			
 
				+						limit: 10000,
			
 
				+					}
			
 
				+				},
			
 
				+				//处理文件
			
 
				+				{
			
 
				+					test: /\.svg$/,
			
 
				+					use: 'file-loader'
			
 
				+				}
			
 
				+			]
			
 
				+		},
			
 
				+		resolve: {
			
 
				+			extensions: ['.js', '.vue', '.json'],
			
 
				+			alias: {
			
 
				+				'vue': 'vue/dist/vue.esm',
			
 
				+				'@': path.resolve(__dirname, 'src')
			
 
				+			}
			
 
				+		},
			
 
				+		...(env.development ? require('./config/webpack.development') : require('./config/webpack.production'))
			
 
				+	}
			
 
				+}