1 year ago · 063e325807
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -8,17 +8,29 @@
 
				     "lint": "vue-cli-service lint"
			
 
				   },
			
 
				   "dependencies": {
			
 
				+    "ali-oss": "^6.17.1",
			
 
				+    "axios": "^1.4.0",
			
 
				+    "co": "^4.6.0",
			
 
				     "core-js": "^3.8.3",
			
 
				-    "vue": "^2.6.14"
			
 
				+    "element-ui": "^2.15.13",
			
 
				+    "fs": "0.0.1-security",
			
 
				+    "lodash": "^4.17.21",
			
 
				+    "sm-crypto": "^0.3.12",
			
 
				+    "vue": "^2.6.14",
			
 
				+    "vue-router": "^3.2.0"
			
 
				   },
			
 
				   "devDependencies": {
			
 
				     "@babel/core": "^7.12.16",
			
 
				     "@babel/eslint-parser": "^7.12.16",
			
 
				+    "@types/ali-oss": "^6.16.8",
			
 
				     "@vue/cli-plugin-babel": "~5.0.0",
			
 
				     "@vue/cli-plugin-eslint": "~5.0.0",
			
 
				     "@vue/cli-service": "~5.0.0",
			
 
				+    "crypto-js": "^4.1.1",
			
 
				+    "downloadjs": "^1.4.7",
			
 
				     "eslint": "^7.32.0",
			
 
				     "eslint-plugin-vue": "^8.0.3",
			
 
				+    "sass-loader": "^13.3.2",
			
 
				     "vue-template-compiler": "^2.6.14"
			
 
				   },
			
 
				   "eslintConfig": {
			
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
 
				     <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				-    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+    <title>扫码带走</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <noscript>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,187 @@
 
				 <template>
			
 
				   <div id="app">
			
 
				-    <img alt="Vue logo" src="./assets/logo.png">
			
 
				-    <HelloWorld msg="Welcome to Your Vue.js App"/>
			
 
				+    <router-view></router-view>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				-import HelloWorld from './components/HelloWorld.vue'
			
 
				-
			
 
				+  import CryptoJS from 'crypto-js'
			
 
				+	const sm2 = require('sm-crypto').sm2
			
 
				+	
			
 
				+	var privateKey = "02487CCB5C46B750B21D753A70953A03D9A894C4085CF6ED94E8A6396F3436E1";//解密使用
			
 
				+	// var publicKey  = "公钥";//加密使用
			
 
				 export default {
			
 
				   name: 'App',
			
 
				-  components: {
			
 
				-    HelloWorld
			
 
				+  data() {
			
 
				+    return{
			
 
				+      screenWidth: null, 
			
 
				+			flag: false,
			
 
				+    }
			
 
				+  },
			
 
				+	created() {
			
 
				+		this.getUrl()
			
 
				+		document.oncontextmenu = function () {
			
 
				+			return false;
			
 
				+		};
			
 
				+		document.onkeydown = function (e) {
			
 
				+			if (e.keyCode === 123) {
			
 
				+				return false;
			
 
				+			}
			
 
				+		};
			
 
				+	},
			
 
				+  mounted() {
			
 
				+    window.addEventListener('resize', this.setRem());//浏览器窗口大小改变时调用rem换算方法
			
 
				+    this.screenWidth = document.body.clientWidth
			
 
				+    window.onresize = () => {
			
 
				+      return (() => {
			
 
				+        this.screenWidth = document.body.clientWidth
			
 
				+      })()
			
 
				+    }
			
 
				+		this.flag = this._isMobile()
			
 
				+		window.localStorage.setItem('flag',this.flag)
			
 
				+    /* if(this.flag) {
			
 
				+      this.$router.push({
			
 
				+				name: 'index_wap',
			
 
				+			}).catch(()=> {})
			
 
				+      this.setRem()
			
 
				+    } else {
			
 
				+      this.$router.push({
			
 
				+				name: 'index_pc',
			
 
				+			}).catch(()=> {})
			
 
				+      this.setRem()
			
 
				+    } */
			
 
				+  },
			
 
				+  
			
 
				+  methods: {
			
 
				+		getUrl() {
			
 
				+			let url = window.location.href
			
 
				+			let p = url.split('?')[1].split('#')[0]
			
 
				+			var privateKey = "02487CCB5C46B750B21D753A70953A03D9A894C4085CF6ED94E8A6396F3436E1";
			
 
				+			var encrText = p; 
			
 
				+			const cipherMode = 1
			
 
				+			let decryptData = sm2.doDecrypt(encrText, privateKey, cipherMode) // 解密结果
			
 
				+			p = decryptData
			
 
				+			/* var key = CryptoJS.enc.Utf8.parse('1463587320654321'); //为了避免补位，直接用16位的秘钥
			
 
				+			var iv = CryptoJS.enc.Utf8.parse('1758326540123456'); //16位初始向量
			
 
				+			var encrypted = CryptoJS.AES.decrypt(p, key, {
			
 
				+				iv: iv,
			
 
				+				mode:CryptoJS.mode.CBC,
			
 
				+				padding:CryptoJS.pad.Pkcs7
			
 
				+			}); 
			
 
				+			p = encrypted.toString(CryptoJS.enc.Utf8) */
			
 
				+
			
 
				+
			
 
				+			/* let keyValue = p
			
 
				+			let obj = {}
			
 
				+			for(var i=0;i<keyValue.length;i++) {
			
 
				+				let item = keyValue[i].split('=');
			
 
				+				let key = item[0];
			
 
				+				let value = item[1];
			
 
				+				obj[key] = value;
			
 
				+			} */
			
 
				+
			
 
				+
			
 
				+			let id = p.split('=')[1];
			
 
				+			console.log(id);
			
 
				+			window.localStorage.setItem('id',id)
			
 
				+			
			
 
				+        // return decryptData ;
			
 
				+		},
			
 
				+    _isMobile() {    
			
 
				+      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)     
			
 
				+      return flag;    
			
 
				+    },
			
 
				+     // 手机端
			
 
				+    setRem() {
			
 
				+      var whdef,bodyWidth,rem
			
 
				+      let flag = this._isMobile() 
			
 
				+      if(flag) {
			
 
				+        whdef = 100 / 750; // 表示750的设计图,使用100PX的默认值
			
 
				+        bodyWidth = document.body.clientWidth; // 当前窗口的宽度
			
 
				+        rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
			
 
				+        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
			
 
				+      } else {
			
 
				+        whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
			
 
				+        bodyWidth = document.body.clientWidth; // 当前窗口的宽度
			
 
				+        rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
			
 
				+        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
			
 
				+      }
			
 
				+      
			
 
				+    }
			
 
				   }
			
 
				 }
			
 
				 </script>
			
 
				 
			
 
				 <style>
			
 
				-#app {
			
 
				-  font-family: Avenir, Helvetica, Arial, sans-serif;
			
 
				-  -webkit-font-smoothing: antialiased;
			
 
				-  -moz-osx-font-smoothing: grayscale;
			
 
				-  text-align: center;
			
 
				-  color: #2c3e50;
			
 
				-  margin-top: 60px;
			
 
				-}
			
 
				+  html,body {
			
 
				+		margin: 0;
			
 
				+		padding: 0;
			
 
				+    background: #f5f5f5;
			
 
				+	}
			
 
				+  
			
 
				+	.web_box {
			
 
				+		width: 100%;
			
 
				+		background: #f5f5f5;
			
 
				+		box-sizing: border-box;
			
 
				+		min-height: 100vh;
			
 
				+		overflow: auto;
			
 
				+		position: relative;
			
 
				+	}
			
 
				+	.hflex {
			
 
				+		display: flex;
			
 
				+		flex-direction: row;
			
 
				+		flex-wrap: nowrap;
			
 
				+	}
			
 
				+	.vflex {
			
 
				+		display: flex;
			
 
				+		flex-direction: column;
			
 
				+		flex-wrap: nowrap;
			
 
				+	}
			
 
				+	.jbetween {
			
 
				+		justify-content: space-between;
			
 
				+	}
			
 
				+	.jaround {
			
 
				+		justify-content: space-around;
			
 
				+	}
			
 
				+	.jend {
			
 
				+		justify-content: flex-end;
			
 
				+	}
			
 
				+	.jcenter {
			
 
				+		justify-content: center;
			
 
				+	}
			
 
				+	.acenter {
			
 
				+		align-items: center;
			
 
				+	}
			
 
				+	.abetween {
			
 
				+		align-content: space-between;
			
 
				+	}
			
 
				+	.aaround {
			
 
				+		align-content: space-around;
			
 
				+	}
			
 
				+	.astart {
			
 
				+		align-items: flex-start;
			
 
				+	}
			
 
				+	.aend {
			
 
				+		align-items: flex-end;
			
 
				+	}
			
 
				+	.fwrap {
			
 
				+		flex-wrap: wrap;
			
 
				+	}
			
 
				+	.text_hide {
			
 
				+		overflow: hidden;
			
 
				+		white-space: nowrap;
			
 
				+		text-overflow: ellipsis;
			
 
				+	}
			
 
				+	.text_line{
			
 
				+		text-overflow: -o-ellipsis-lastline;
			
 
				+		overflow: hidden;				
			
 
				+		text-overflow: ellipsis;		
			
 
				+		display: -webkit-box;			
			
 
				+		-webkit-line-clamp: 2;
			
 
				+		line-clamp: 2;	
			
 
				+		-webkit-box-orient: vertical;
			
 
				+	}
			
 
				+	.point {
			
 
				+		cursor: pointer;
			
 
				+	}
			
 
				 </style>
			
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -0,0 +1,19 @@
 
				+import { baseUrl } from '@/api/http.js'
			
 
				+import axios from '../api/config'
			
 
				+const API_BASE = baseUrl
			
 
				+
			
 
				+export default {
			
 
				+  // 获取上传情况
			
 
				+  getData(data) {
			
 
				+    return axios.post(`${API_BASE}/api/Index/get_upload_case`,data)
			
 
				+  },
			
 
				+  getFile(data) {
			
 
				+    return axios.post(`${API_BASE}/api/Index/get_upload_files`,data)
			
 
				+  },
			
 
				+  getInfo() {
			
 
				+    return axios.get(`${API_BASE}/api/Index/config_info`)
			
 
				+  },
			
 
				+  getTotal(data) {
			
 
				+    return axios.post(`${API_BASE}/api/Index/data_statistics`,data)
			
 
				+  }
			
 
				+}
			
--- a/src/api/config.js
+++ b/src/api/config.js
@@ -0,0 +1,78 @@
 
				+import axios from 'axios'
			
 
				+import Vue from 'vue'
			
 
				+import router from '../route/index'
			
 
				+// axios.defaults.timeout = 5000;                        //响应时间
			
 
				+/**
			
 
				+ * @description 函数返回唯一的请求key **/
			
 
				+function getRequestKey(config) {
			
 
				+    let {
			
 
				+        method,
			
 
				+        url,
			
 
				+        params,
			
 
				+        data
			
 
				+    } = config;
			
 
				+    // axios中取消请求及阻止重复请求的方法
			
 
				+    // 参数相同时阻止重复请求：
			
 
				+    return [method, url, JSON.stringify(params), JSON.stringify(data)].join("&");
			
 
				+    // 请求方法相同，参数不同时阻止重复请求
			
 
				+    // return [method, url].join("&");
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * @description 添加请求信息 **/
			
 
				+let pendingRequest = new Map();
			
 
				+
			
 
				+function addPendingRequest(config) {
			
 
				+    let requestKey = getRequestKey(config);
			
 
				+    config.cancelToken = config.cancelToken || new axios.CancelToken((cancel) => {
			
 
				+        if (!pendingRequest.has(requestKey)) {
			
 
				+            pendingRequest.set(requestKey, cancel);
			
 
				+        }
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * @description 取消重复请求 **/
			
 
				+function removePendingRequest(config) {
			
 
				+    let requestKey = getRequestKey(config);
			
 
				+    if (pendingRequest.has(requestKey)) {
			
 
				+        // 如果是重复的请求，则执行对应的cancel函数
			
 
				+        let cancel = pendingRequest.get(requestKey);
			
 
				+        cancel(requestKey);
			
 
				+        // 将前一次重复的请求移除
			
 
				+        pendingRequest.delete(requestKey);
			
 
				+    }
			
 
				+}
			
 
				+axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
			
 
				+axios.interceptors.request.use(
			
 
				+  (config) => {
			
 
				+    if (localStorage.getItem('token')) {
			
 
				+      config.headers['authorization'] = 'Bearer ' + localStorage.getItem('token')
			
 
				+    }
			
 
				+    // config.headers['Access-Control-Allow-Origin'] = '*'
			
 
				+      // // 检查是否存在重复请求，若存在则取消已发的请求
			
 
				+      // removePendingRequest(config);
			
 
				+      // // 把当前请求信息添加到pendingRequest对象中
			
 
				+      // addPendingRequest(config);
			
 
				+    return config
			
 
				+  },
			
 
				+  (err) => {
			
 
				+    window.console.log('请求超时')
			
 
				+    return Promise.resolve(err)
			
 
				+  }
			
 
				+)
			
 
				+// 统一的错误参数处理
			
 
				+axios.interceptors.response.use(
			
 
				+  (data) => {
			
 
				+    if(data.data.is_login==0){
			
 
				+      // Vue.prototype.$message.error("账号已被禁用")
			
 
				+      // localStorage.removeItem('token')
			
 
				+      window.location.reload()
			
 
				+    }
			
 
				+    return data
			
 
				+  },
			
 
				+  (error) => {
			
 
				+    window.console.log(error)
			
 
				+  }
			
 
				+)
			
 
				+export default axios
			
--- a/src/api/http.js
+++ b/src/api/http.js
@@ -0,0 +1,4 @@
 
				+const baseUrl = 'https://sweep.hdlkeji.com' //测试环境
			
 
				+
			
 
				+// const baseUrl = '' //正式环境
			
 
				+export { baseUrl }
			
--- a/src/assets/image/display.png
+++ b/src/assets/image/display.png
--- a/src/assets/image/error.png
+++ b/src/assets/image/error.png
--- a/src/assets/image/file.png
+++ b/src/assets/image/file.png
--- a/src/assets/image/link.png
+++ b/src/assets/image/link.png
--- a/src/assets/image/pc_bg.png
+++ b/src/assets/image/pc_bg.png
--- a/src/assets/image/pc_title.png
+++ b/src/assets/image/pc_title.png
--- a/src/assets/image/visible.png
+++ b/src/assets/image/visible.png
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,58 +0,0 @@
 
				-<template>
			
 
				-  <div class="hello">
			
 
				-    <h1>{{ msg }}</h1>
			
 
				-    <p>
			
 
				-      For a guide and recipes on how to configure / customize this project,<br>
			
 
				-      check out the
			
 
				-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
			
 
				-    </p>
			
 
				-    <h3>Installed CLI Plugins</h3>
			
 
				-    <ul>
			
 
				-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
			
 
				-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
			
 
				-    </ul>
			
 
				-    <h3>Essential Links</h3>
			
 
				-    <ul>
			
 
				-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
			
 
				-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
			
 
				-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
			
 
				-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
			
 
				-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
			
 
				-    </ul>
			
 
				-    <h3>Ecosystem</h3>
			
 
				-    <ul>
			
 
				-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
			
 
				-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
			
 
				-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
			
 
				-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
			
 
				-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
			
 
				-    </ul>
			
 
				-  </div>
			
 
				-</template>
			
 
				-
			
 
				-<script>
			
 
				-export default {
			
 
				-  name: 'HelloWorld',
			
 
				-  props: {
			
 
				-    msg: String
			
 
				-  }
			
 
				-}
			
 
				-</script>
			
 
				-
			
 
				-<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				-<style scoped>
			
 
				-h3 {
			
 
				-  margin: 40px 0 0;
			
 
				-}
			
 
				-ul {
			
 
				-  list-style-type: none;
			
 
				-  padding: 0;
			
 
				-}
			
 
				-li {
			
 
				-  display: inline-block;
			
 
				-  margin: 0 10px;
			
 
				-}
			
 
				-a {
			
 
				-  color: #42b983;
			
 
				-}
			
 
				-</style>
			
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -0,0 +1,55 @@
 
				+<template>
			
 
				+  <div class="footer hflex acenter jcenter">
			
 
				+    <div class="text">官网：<span class="point" @click="open">{{ config.official_website }}</span></div>
			
 
				+    <div class="text">客户服务热线：{{ config.service_phone }}</div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  export default {
			
 
				+    name: 'Footers',
			
 
				+    data() {
			
 
				+      return{
			
 
				+        config: {}
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.getInfo()
			
 
				+    },
			
 
				+    methods: {
			
 
				+      getInfo() {
			
 
				+        this.$http.getInfo().then((res) => {
			
 
				+          if(res.data.code == 1) {
			
 
				+            this.config = res.data.data
			
 
				+          }
			
 
				+        })
			
 
				+      },
			
 
				+      open() {
			
 
				+        window.open(this.config.official_website,'_blank')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .footer {
			
 
				+    position: absolute;
			
 
				+    bottom: 60px;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+  }
			
 
				+  .footer .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Regular, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+    padding-left: 40px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .footer .text a {
			
 
				+    color: #999999;
			
 
				+    text-decoration: none;
			
 
				+  }
			
 
				+
			
 
				+</style>
			
--- a/src/components/footerWap.vue
+++ b/src/components/footerWap.vue
@@ -0,0 +1,53 @@
 
				+<template>
			
 
				+  <div class="footers vflex acenter jcenter">
			
 
				+    <div class="text">官网：<span class="point" @click="open">{{ config.official_website }}</span></div>
			
 
				+    <div class="text">客户服务热线：{{ config.service_phone }}</div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  export default {
			
 
				+    name: 'FootersWap',
			
 
				+    data() {
			
 
				+      return{
			
 
				+        config: {}
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.getInfo()
			
 
				+    },
			
 
				+    methods: {
			
 
				+      getInfo() {
			
 
				+        this.$http.getInfo().then((res) => {
			
 
				+          if(res.data.code == 1) {
			
 
				+            this.config = res.data.data
			
 
				+          }
			
 
				+        })
			
 
				+      },
			
 
				+      open() {
			
 
				+        window.open(this.config.official_website,'_blank')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .footers {
			
 
				+    
			
 
				+    width: 100vw;
			
 
				+  }
			
 
				+  .footers .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Regular, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+    /* padding-left: 40px; */
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .footers .text a {
			
 
				+    color: #999999;
			
 
				+    text-decoration: none;
			
 
				+  }
			
 
				+
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,23 @@
 
				 import Vue from 'vue'
			
 
				 import App from './App.vue'
			
 
				 
			
 
				+// 完整引入elementUI组件库
			
 
				+import ElementUI from 'element-ui';
			
 
				+//引入element-ui的所有样式
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+Vue.use(ElementUI);
			
 
				+
			
 
				+
			
 
				+import router from './route'
			
 
				+
			
 
				+// 请求封装
			
 
				+import http from './api/api.js'
			
 
				+import './api/api'
			
 
				+Vue.prototype.$http = http
			
 
				+
			
 
				 Vue.config.productionTip = false
			
 
				 
			
 
				 new Vue({
			
 
				   render: h => h(App),
			
 
				+  router
			
 
				 }).$mount('#app')
			
--- a/src/route/index.js
+++ b/src/route/index.js
@@ -0,0 +1,54 @@
 
				+
			
 
				+import VueRouter from 'vue-router';
			
 
				+import Vue from "vue";
			
 
				+Vue.use(VueRouter);
			
 
				+
			
 
				+const routes = [
			
 
				+    {
			
 
				+      path: "/",
			
 
				+      name: 'index_pc',
			
 
				+      component: resolve => require(['@/view/smdz-pc/index'],resolve)
			
 
				+    },  //PC首页
			
 
				+    {
			
 
				+      path: "/index_pc",
			
 
				+      name: 'index_pc',
			
 
				+      component: resolve => require(['@/view/smdz-pc/index'],resolve)
			
 
				+    },  //PC首页
			
 
				+    {
			
 
				+      path: "/down_pc",
			
 
				+      name: 'down_pc',
			
 
				+      component: resolve => require(['@/view/smdz-pc/down'],resolve)
			
 
				+    },  //PC下载页
			
 
				+    {
			
 
				+      path: "/error_pc",
			
 
				+      name: 'error_pc',
			
 
				+      component: resolve => require(['@/view/smdz-pc/error'],resolve)
			
 
				+    },  //PC失败页
			
 
				+    {
			
 
				+      path: "/index_wap",
			
 
				+      name: 'index_wap',
			
 
				+      component: resolve => require(['@/view/smdz-wap/index'],resolve)
			
 
				+    },  //h5首页
			
 
				+    {
			
 
				+      path: "/down_wap",
			
 
				+      name: 'down_wap',
			
 
				+      component: resolve => require(['@/view/smdz-wap/down'],resolve)
			
 
				+    },  //h5下载页
			
 
				+    {
			
 
				+      path: "/error_wap",
			
 
				+      name: 'error_wap',
			
 
				+      component: resolve => require(['@/view/smdz-wap/error'],resolve)
			
 
				+    }  //h5失败页
			
 
				+]
			
 
				+
			
 
				+const router = new VueRouter({
			
 
				+  // 这里配置的是路由和组件的映射关系, 是一个数组.
			
 
				+  routes
			
 
				+})
			
 
				+router.beforeEach((to, from, next) => {
			
 
				+    document.body.scrollTop = 0
			
 
				+    // firefox
			
 
				+    document.documentElement.scrollTop = 0
			
 
				+    next()
			
 
				+  })
			
 
				+export default router
			
--- a/src/view/smdz-pc/down.vue
+++ b/src/view/smdz-pc/down.vue
@@ -0,0 +1,453 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="web_box vflex acenter jcenter" v-if="flag == 'null'">
			
 
				+      <img :src="img_title" class="img_title" alt="">
			
 
				+      <div class="table">
			
 
				+        <div class="top hflex acenter jbetween">
			
 
				+          <div class="hflex acenter">
			
 
				+            <img src="@/assets/image/file.png" class="img" alt="">
			
 
				+            <div class="vflex">
			
 
				+              <div class="title">{{ pageData.title }}</div>
			
 
				+              <div class="text">该文件<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="btn point" @click="down">下载</div>
			
 
				+        </div>
			
 
				+        <div class="all">全部文件</div>
			
 
				+        <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" max-height="700">
			
 
				+          <el-table-column type="selection" width="50"></el-table-column>
			
 
				+          <el-table-column label="文件名" max-width="400">
			
 
				+            <template slot-scope="scope">
			
 
				+              <!-- <a href="scope.row.url" > -->
			
 
				+                <div class="hflex acenter">
			
 
				+                  <img src="@/assets/image/link.png" class="icon" alt="">
			
 
				+                  <div class="name text_hide">{{ scope.row.file_name }}</div>
			
 
				+                </div>
			
 
				+              <!-- </a> -->
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="大小" max-width="400">
			
 
				+            <template slot-scope="scope">
			
 
				+              <div class="name">{{ scope.row.file_size }}</div>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column prop="time" label="创建日期" show-overflow-tooltip></el-table-column>
			
 
				+        </el-table>
			
 
				+      </div>
			
 
				+      <Footers></Footers>
			
 
				+    </div>
			
 
				+    <div class="content vflex acenter" v-else>
			
 
				+      <div style="width: 100%">
			
 
				+        <el-checkbox-group v-model="checkList" @change="handleCheckedCitiesChange">
			
 
				+          <div class="table">
			
 
				+            <div class="cell hflex acenter jbetween" v-for="(item,index) in tableData" :key="index" >
			
 
				+              <div class="hflex acenter" style="width: 50%">
			
 
				+                <el-checkbox :label="item.file_url"></el-checkbox>
			
 
				+                <div class="hflex acenter left">
			
 
				+                  <img src="@/assets/image/link.png" class="icon" alt="">
			
 
				+                  <div class="name text_hide">{{ item.file_name }}</div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="text">{{ item.file_size }}</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </el-checkbox-group>
			
 
				+      </div>
			
 
				+      <div class="bottom hflex jbetween">
			
 
				+        <div class="hflex" style="height: 20px">
			
 
				+          <el-checkbox v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
			
 
				+          <div class="text2">全选</div>
			
 
				+        </div>
			
 
				+        <div class="btn" @click="down">下载文件</div> 
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import download from "downloadjs"
			
 
				+  import { debounce } from 'lodash';
			
 
				+  const fileOptions = [];
			
 
				+  import Footers from '@/components/footer.vue'
			
 
				+  import FootersWap from '@/components/footerWap'
			
 
				+  var that = ''
			
 
				+  import OSS from 'ali-oss';
			
 
				+  import CryptoJS from 'crypto-js'
			
 
				+  // import fs from 'fs';
			
 
				+
			
 
				+  // const OSS = require('all-oss');
			
 
				+  const client = new OSS({
			
 
				+    region: 'oss-cn-qingdao',
			
 
				+    accessKeyId: 'LTAI5tRFuXFtzysGSy28kvsp',
			
 
				+    accessKeySecret: 'f7dVzumtHYoKnUwYRRA8ufIUq9DEhU ',
			
 
				+    bucket: 'ultrahub-ices',
			
 
				+  })
			
 
				+  export default{
			
 
				+    name: 'down_pc',
			
 
				+    components: { Footers,FootersWap },
			
 
				+    data() {
			
 
				+      return{
			
 
				+        id: '',
			
 
				+        img_title: require('@/assets/image/pc_title.png'),
			
 
				+        effective: 14,
			
 
				+        pageData: {
			
 
				+          title: '这是一些学习文件'
			
 
				+        },
			
 
				+        tableData: [],
			
 
				+        checkList: [],
			
 
				+        code: '',
			
 
				+        flag: '',
			
 
				+        isIndeterminate: true,
			
 
				+        checkAll: false,
			
 
				+        client: null,
			
 
				+      } 
			
 
				+    },
			
 
				+    created() {
			
 
				+      that = this
			
 
				+      /* this.client = new OSS({
			
 
				+        region: 'oss-cn-beijing',
			
 
				+        accessKeyId: 'LTAI5tRFuXFtzysGSy28kvsp',
			
 
				+        accessKeySecret: 'f7dVzumtHYoKnUwYRRA8ufIUq9DEhU ',
			
 
				+        bucket: 'ultrahub-ices',
			
 
				+      })  */
			
 
				+      this.flag = window.localStorage.getItem('flag')
			
 
				+      this.id = window.localStorage.getItem('id')
			
 
				+      this.effective = this.$route.params.effective
			
 
				+      if(this.$route.params.code) {
			
 
				+        this.code = this.$route.params.code
			
 
				+      }
			
 
				+      this.getData()
			
 
				+      
			
 
				+    },
			
 
				+    methods: {
			
 
				+      decypt(text) {
			
 
				+        var key = CryptoJS.enc.Utf8.parse('1463587320654321'); //为了避免补位，直接用16位的秘钥
			
 
				+        var iv = CryptoJS.enc.Utf8.parse('1758326540123456'); //16位初始向量
			
 
				+        var encrypted = CryptoJS.AES.decrypt(text, key, {
			
 
				+          iv: iv,
			
 
				+          mode:CryptoJS.mode.CBC,
			
 
				+          padding:CryptoJS.pad.Pkcs7
			
 
				+        }); 
			
 
				+        let url = encrypted.toString(CryptoJS.enc.Utf8)
			
 
				+      },
			
 
				+      getData() {
			
 
				+        let that = this
			
 
				+        let data = {
			
 
				+          id: that.id,
			
 
				+          password: that.code
			
 
				+        }
			
 
				+        that.$http.getFile(data).then((res) => {
			
 
				+          if(res.data.code == 0) {
			
 
				+            this.$message.error({
			
 
				+              message: res.data.msg,
			
 
				+              customClass: 'font20'
			
 
				+            })
			
 
				+            this.$router.push('index_pc')
			
 
				+          } else if(res.data.code == 1) {
			
 
				+            that.tableData = res.data.data
			
 
				+            for(var i=0;i<that.tableData.length;i++) {
			
 
				+              fileOptions.push(that.tableData[i].file_url)
			
 
				+              
			
 
				+            }
			
 
				+          }
			
 
				+        })
			
 
				+      },
			
 
				+      urlToBold(url){
			
 
				+        const loading = this.$loading({
			
 
				+          lock: true,
			
 
				+          text: 'Loading',
			
 
				+          spinner: 'el-icon-loading',
			
 
				+          background: 'rgba(0, 0, 0, 0.7)'
			
 
				+        });
			
 
				+        let http = url.split('?')[0];
			
 
				+        let file  = http.split('/');
			
 
				+        let fileName = file[file.length - 1];
			
 
				+
			
 
				+        fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
			
 
				+          if(blob) {
			
 
				+            loading.close();
			
 
				+            download(blob,fileName)
			
 
				+
			
 
				+            /* const aLink = document.createElement('a')
			
 
				+            aLink.href = URL.createObjectURL(blob)
			
 
				+            // 文件名字
			
 
				+            aLink.download = fileName;
			
 
				+            document.body.appendChild(aLink)
			
 
				+            aLink.click()
			
 
				+            aLink.remove(); */
			
 
				+          }
			
 
				+          
			
 
				+        }).catch(error => {
			
 
				+        })
			
 
				+      },
			
 
				+      /* 
			
 
				+      * 获取文件流并处理
			
 
				+      */
			
 
				+      async getFileAsStream(key) {
			
 
				+        try {
			
 
				+          const result = await client.getStream(key);
			
 
				+          const blobStream = result.stream;
			
 
				+        }catch (error) {
			
 
				+        }
			
 
				+      },
			
 
				+      /* getFileAsStream(key) {
			
 
				+        that.client.getStream(key).then((res) => {
			
 
				+          console.log(res);
			
 
				+        }).catch((error) => {
			
 
				+          console.log('错误',error);
			
 
				+        })
			
 
				+      }, */
			
 
				+      handleSelectionChange(value) {
			
 
				+        this.checkList = value
			
 
				+      },
			
 
				+      handleCheckAllChange(val) {
			
 
				+        this.checkList = val ? fileOptions : [];
			
 
				+        this.isIndeterminate = false;
			
 
				+      },
			
 
				+      handleCheckedCitiesChange(value) {
			
 
				+        let checkedCount = value.length;
			
 
				+        this.checkAll = checkedCount === fileOptions.length;
			
 
				+        this.isIndeterminate = checkedCount > 0 && checkedCount < fileOptions.length;
			
 
				+      },
			
 
				+      timestampToTime(times) {
			
 
				+        let time = times[1]
			
 
				+        let mdy = times[0]
			
 
				+        mdy = mdy.split('/')
			
 
				+        let month = parseInt(mdy[0]);
			
 
				+        let day = parseInt(mdy[1]);
			
 
				+        let year = parseInt(mdy[2])
			
 
				+        return year + '-' + month + '-' + day + ' ' + time
			
 
				+      },
			
 
				+      down:debounce(() =>  {
			
 
				+        if(that.checkList.length == 0) {
			
 
				+          that.$message.error({
			
 
				+            message: '请先选择要下载的文件',
			
 
				+            customClass: 'font20'
			
 
				+          })
			
 
				+        }
			
 
				+        let datas = {
			
 
				+          file_num: that.checkList.length
			
 
				+        }
			
 
				+        let time = that.timestampToTime(new Date().toLocaleString('en-US',{hour12: false}).split(" "))
			
 
				+        let data = {
			
 
				+          UUID: window.localStorage.getItem('UUID'),
			
 
				+          name: 'qr_code_download',
			
 
				+          packageName: window.localStorage.getItem('package_name'),
			
 
				+          timestamp: time,
			
 
				+          data: JSON.stringify(datas)
			
 
				+        }
			
 
				+        that.$http.getTotal(data).then((res) => {
			
 
				+
			
 
				+        })
			
 
				+       
			
 
				+        if(that.flag !== 'null') {
			
 
				+          for (let i = 0; i < that.checkList.length; i++) {
			
 
				+            if (that.checkList[i]) {
			
 
				+              // that.downloadFile(that.checkList[i])
			
 
				+              that.urlToBold(that.checkList[i])
			
 
				+            }
			
 
				+          }
			
 
				+        } else {
			
 
				+          for (let i = 0; i < that.checkList.length; i++) {
			
 
				+            if (that.checkList[i].file_url) {
			
 
				+              // that.downloadFile(that.checkList[i].file_url)
			
 
				+              that.urlToBold(that.checkList[i].file_url)
			
 
				+
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+        
			
 
				+      }, 500),
			
 
				+      downloadFile(url) {
			
 
				+        const iframe = document.createElement("iframe");
			
 
				+        iframe.style.display = "none"; // 防止影响页面
			
 
				+        iframe.style.height = 0; // 防止影响页面
			
 
				+        iframe.src = url;
			
 
				+        document.body.appendChild(iframe); // 这一行必须，iframe挂在到dom树上才会发请求
			
 
				+        // 5分钟之后删除（onload方法对于下载链接不起作用，就先抠脚一下吧）
			
 
				+        setTimeout(() => {
			
 
				+          iframe.remove();
			
 
				+        }, 5 * 60 * 1000);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .web_box {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: url('@/assets/image/pc_bg.png') no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+  }
			
 
				+  
			
 
				+  .web_box .img_title {
			
 
				+    width: 440px;
			
 
				+    height: 89px;
			
 
				+    margin: 80px 0 112px;
			
 
				+  }
			
 
				+  .web_box .table {
			
 
				+    /* min-width: 800px; */
			
 
				+    width: 60%;
			
 
				+    /* height: 777px; */
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 20px;
			
 
				+    margin-bottom: 100px;
			
 
				+  }
			
 
				+  .web_box .table .top {
			
 
				+    padding-bottom: 25px;
			
 
				+    width: 100%;
			
 
				+    border-bottom: 1px solid #F5F5F5;
			
 
				+  }
			
 
				+  .web_box .table .top .img {
			
 
				+    width: 60px;
			
 
				+    height: 60px;
			
 
				+    margin-right: 10px;
			
 
				+  }
			
 
				+  .web_box .table .top .title {
			
 
				+    font-size: 20px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    padding-bottom: 5px;
			
 
				+  }
			
 
				+  .web_box .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .web_box .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+  .web_box .table .top .btn {
			
 
				+    width: 121px;
			
 
				+    height: 60px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 10px;
			
 
				+    border: 1px solid #1677B3;
			
 
				+    font-size: 20px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #1677B3;
			
 
				+    line-height: 60px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .web_box  .table .all {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Regular, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: #666666;
			
 
				+    line-height: 22px;
			
 
				+    padding: 20px 0;
			
 
				+  }
			
 
				+  .web_box  .icon {
			
 
				+    width: 20px;
			
 
				+    height: 20px;
			
 
				+    margin-right: 10px;
			
 
				+  }
			
 
				+  
			
 
				+  /deep/ .el-message {
			
 
				+    font-size: 20px !important;
			
 
				+  }
			
 
				+</style>
			
 
				+<style>
			
 
				+  .font20 {
			
 
				+    font-size: 20px !important;
			
 
				+  }
			
 
				+</style>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .content {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #F5F5F5;
			
 
				+  }
			
 
				+  
			
 
				+  .content .table {
			
 
				+    /* width: 100%; */
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 0 20px;
			
 
				+    margin-bottom: 100px;
			
 
				+  }
			
 
				+  .content .cell {
			
 
				+    width: 100%;
			
 
				+    padding: 22px 0;
			
 
				+    border-top: 1px solid #F5F5F5;
			
 
				+  }
			
 
				+  .content .left {
			
 
				+    padding-left: 23px;
			
 
				+    max-width: 100%;
			
 
				+  }
			
 
				+  .content .text {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #666666;
			
 
				+    line-height: 20px;
			
 
				+  }
			
 
				+  .content .name {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Regular, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: rgba(0,0,0,0.88);
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .content .icon {
			
 
				+    width: 16px;
			
 
				+    height: 16px;
			
 
				+    margin-right: 4px;
			
 
				+  }
			
 
				+  .content .bottom {
			
 
				+    width: 100%;
			
 
				+    height: 80px;
			
 
				+    background: #FFFFFF;
			
 
				+    padding: 10px 14px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+    z-index: 99;
			
 
				+  }
			
 
				+  .content .btn {
			
 
				+    width: 107px;
			
 
				+    height: 40px;
			
 
				+    background: #1677B3;
			
 
				+    border-radius: 20px;
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 40px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .content .text2 {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #666666;
			
 
				+    line-height: 20px;
			
 
				+    padding-left: 10px;
			
 
				+  }
			
 
				+  .content /deep/ .el-checkbox__label {
			
 
				+    display: none;
			
 
				+  }
			
 
				+  .content /deep/.el-checkbox__inner {
			
 
				+    border-radius: 50%;
			
 
				+  }
			
 
				+</style>
			
 
				+<style>
			
 
				+  .font10 {
			
 
				+    font-size: 15px !important;
			
 
				+  }
			
 
				+  .el-icon-loading {
			
 
				+    font-size: 50px;
			
 
				+  }
			
 
				+</style>
			
--- a/src/view/smdz-pc/error.vue
+++ b/src/view/smdz-pc/error.vue
@@ -0,0 +1,106 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="web_box vflex acenter jcenter" v-if="flag == 'null'">
			
 
				+      <img src="@/assets/image/error.png" class="img" alt="">
			
 
				+      <div class="name">文件不存在</div>
			
 
				+      <div class="text" v-if="this.effective">该文件已超出<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+      <Footers></Footers>
			
 
				+    </div>
			
 
				+    <div class="content vflex acenter jbetween" v-else>
			
 
				+      <div class="vflex acenter jbetween">
			
 
				+        <img src="@/assets/image/error.png" class="img" alt="">
			
 
				+        <div class="name">文件不存在</div>
			
 
				+        <div class="text" v-if="this.effective">该文件已超出<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+      </div>
			
 
				+      <FootersWap></FootersWap>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import Footers from '@/components/footer.vue'
			
 
				+  import FootersWap from '@/components/footerWap'
			
 
				+
			
 
				+  export default {
			
 
				+    name: 'error_pc',
			
 
				+    components: { Footers,FootersWap },
			
 
				+    data() {
			
 
				+      return{
			
 
				+        effective: 0,
			
 
				+        flag: ''
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.flag = window.localStorage.getItem('flag')
			
 
				+      this.effective = this.$route.params.effective
			
 
				+    },
			
 
				+    methods: {
			
 
				+
			
 
				+    }
			
 
				+  } 
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .web_box {
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #FFFFFF;
			
 
				+  }
			
 
				+  .web_box .img {
			
 
				+    width: 120px;
			
 
				+    height: 120px;
			
 
				+  }
			
 
				+  .web_box .name {
			
 
				+    font-size: 20px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+  .web_box .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .web_box .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+</style>
			
 
				+
			
 
				+<style>
			
 
				+  .content {
			
 
				+    padding: 109px 0 60px;
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+    height: 100vh;
			
 
				+    background: #FFFFFF;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  .content .img {
			
 
				+    width: 120px;
			
 
				+    height: 120px;
			
 
				+  }
			
 
				+  .content .name {
			
 
				+    font-size: 20px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+  .content .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .content .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+</style>
			
--- a/src/view/smdz-pc/index.vue
+++ b/src/view/smdz-pc/index.vue
@@ -0,0 +1,253 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="content vflex acenter jaround" v-if="flag !== 'null'">
			
 
				+      <img :src="img_title" class="img_title" alt="">
			
 
				+      <el-input placeholder="请输入提取码" v-model="code" :type="show?'text':'password'" v-if="is_code" maxlength="12">
			
 
				+        <div slot="suffix">
			
 
				+          <img src="@/assets/image/visible.png" v-if="show" @click="see" class="point" style="width:24px;height: 24px;" alt="">
			
 
				+          <img src="@/assets/image/display.png" v-else @click="see" class="point"  style="width:24px;height: 24px;" alt="">
			
 
				+        </div>
			
 
				+      </el-input>
			
 
				+      <div>
			
 
				+        <div class="btn point" @click="extract">提取文件</div>
			
 
				+        <div class="text">该文件<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+      </div>
			
 
				+      <div>
			
 
				+        <FootersWap></FootersWap>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="web_box vflex acenter jcenter" v-else>
			
 
				+      <img :src="img_title" class="img_title" alt="">
			
 
				+      <el-input placeholder="请输入提取码" v-model="code" :type="show?'text':'password'" v-if="is_code" maxlength="12">
			
 
				+        <div slot="suffix">
			
 
				+          <img src="@/assets/image/visible.png" v-if="show" @click="see" class="point" style="width:24px;height: 24px;" alt="">
			
 
				+          <img src="@/assets/image/display.png" v-else @click="see" class="point"  style="width:24px;height: 24px;" alt="">
			
 
				+        </div>
			
 
				+      </el-input>
			
 
				+      <div class="btn point" @click="extract">提取文件</div>
			
 
				+      <div class="text">该文件<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+      <Footers></Footers>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import { baseUrl } from '@/api/http.js'
			
 
				+  import Footers from '@/components/footer.vue'
			
 
				+  import FootersWap from '@/components/footerWap'
			
 
				+
			
 
				+  export default{
			
 
				+    name: 'index_pc',
			
 
				+    components: { Footers,FootersWap },
			
 
				+    data() {
			
 
				+      return{
			
 
				+        img_title: require('@/assets/image/pc_title.png'),
			
 
				+        code: '',
			
 
				+        show: false,
			
 
				+        effective: 14,
			
 
				+        is_code: true,
			
 
				+        flag: '',
			
 
				+        id: '',
			
 
				+      } 
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.flag = window.localStorage.getItem('flag')
			
 
				+      this.id = window.localStorage.getItem('id')
			
 
				+      this.getData()
			
 
				+    },
			
 
				+    
			
 
				+    methods: {
			
 
				+      
			
 
				+      getData() {
			
 
				+        let that = this
			
 
				+        let data = {
			
 
				+          id: that.id
			
 
				+        }
			
 
				+        that.$http.getData(data).then((res) => {
			
 
				+          if(res.data.code == 0) {
			
 
				+            // that.$message.error(res.data.msg)
			
 
				+            // that.$router.push('/error_pc')
			
 
				+          } else if(res.data.code == 1) {
			
 
				+            that.is_code = res.data.data.is_password == 1 ? true : false
			
 
				+            that.effective = res.data.data.period_of_validity
			
 
				+            window.localStorage.setItem('UUID',res.data.data.uuid)
			
 
				+            window.localStorage.setItem('package_name',res.data.data.package_name)
			
 
				+          } else if(res.data.code == 2) {
			
 
				+            that.effective = res.data.data
			
 
				+            that.$router.push({
			
 
				+              name:'error_pc',
			
 
				+              params:{
			
 
				+                effective: that.effective
			
 
				+              }
			
 
				+            })
			
 
				+          } 
			
 
				+        }).catch(() => {
			
 
				+          that.$message.error('系统繁忙')
			
 
				+        })
			
 
				+      },
			
 
				+      see() {
			
 
				+        this.show = !this.show
			
 
				+      },
			
 
				+      ragPwd() {
			
 
				+        
			
 
				+      },
			
 
				+      extract() {
			
 
				+        let that = this
			
 
				+        if(that.is_code && that.code == '') {
			
 
				+          that.$message.error({
			
 
				+            message: '请输入提取码',
			
 
				+            customClass: 'font20'
			
 
				+          })
			
 
				+          return
			
 
				+        }
			
 
				+        var reg = /^[a-zA-Z0-9]{1,12}$/; //密码(长度在12，只能包含字母、数字)
			
 
				+        var flag = reg.test(this.code);
			
 
				+        if(that.is_code && !flag) {
			
 
				+          this.$message.error({
			
 
				+            message:'提取码必须是字母或数字',
			
 
				+            customClass: 'font20'
			
 
				+          })
			
 
				+          return
			
 
				+        }
			
 
				+        let data = {
			
 
				+          id: that.id,
			
 
				+          password: that.code
			
 
				+        }
			
 
				+        that.$http.getFile(data).then((res) => {
			
 
				+          if(res.data.code == 0) {
			
 
				+            this.$message.error({
			
 
				+              message: res.data.msg,
			
 
				+              customClass: 'font20'
			
 
				+            })
			
 
				+            
			
 
				+          } else if(res.data.code == 1) {
			
 
				+            that.$router.push({
			
 
				+              name: 'down_pc',
			
 
				+              params: {
			
 
				+                effective: that.effective,
			
 
				+                code: that.code
			
 
				+              }
			
 
				+            })
			
 
				+          }
			
 
				+        })
			
 
				+        
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .web_box {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: url('@/assets/image/pc_bg.png') no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+  }
			
 
				+  .web_box .img_title {
			
 
				+    width: 440px;
			
 
				+    height: 89px;
			
 
				+    margin-bottom: 165px;
			
 
				+  }
			
 
				+  .web_box .btn {
			
 
				+    width: 272px;
			
 
				+    height: 60px;
			
 
				+    background: #1677B3;
			
 
				+    border-radius: 30px;
			
 
				+    margin: 120px 0 20px;
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 60px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .web_box .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .web_box .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+  .web_box /deep/ .el-input {
			
 
				+    width: 510px;
			
 
				+    height: 60px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 30px;
			
 
				+    border: 1px solid #CCCCCC;
			
 
				+    padding: 0 24px;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  .web_box /deep/ .el-input .el-input__inner {
			
 
				+    border: none;
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+  .web_box /deep/ .el-input .el-input__suffix {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    padding-right: 20px;
			
 
				+  }
			
 
				+</style>
			
 
				+<style>
			
 
				+  .font20 {
			
 
				+    font-size: 20px !important;
			
 
				+  }
			
 
				+</style>
			
 
				+<style scoped>
			
 
				+  .content {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #FFFFFF;
			
 
				+  }
			
 
				+  .content .img_title {
			
 
				+    width: 183px;
			
 
				+    height: 37px;
			
 
				+  }
			
 
				+  .content .btn {
			
 
				+    width: 192px;
			
 
				+    height: 44px;
			
 
				+    background: #1677B3;
			
 
				+    border-radius: 30px;
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 44px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .content .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+    padding-top: 20px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .content .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+  .content /deep/ .el-input {
			
 
				+    width: 272px;
			
 
				+    height: 50px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 30px;
			
 
				+    border: 1px solid #CCCCCC;
			
 
				+    padding: 0 24px;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  .content /deep/ .el-input .el-input__inner {
			
 
				+    border: none;
			
 
				+    height: 100%;
			
 
				+    font-size: 15px;
			
 
				+  }
			
 
				+  .content /deep/ .el-input .el-input__suffix {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    padding-right: 20px;
			
 
				+  }
			
 
				+</style>
			
--- a/src/view/smdz-wap/down.vue
+++ b/src/view/smdz-wap/down.vue
@@ -0,0 +1,198 @@
 
				+<template>
			
 
				+  <div class="web_box vflex acenter">
			
 
				+    <div class="table">
			
 
				+      <el-checkbox-group v-model="checkList" @change="handleCheckedCitiesChange">
			
 
				+        <div v-for="(item,index) in tableData" :key="index">
			
 
				+          <div class="cell hflex acenter jbetween">
			
 
				+            <div class="hflex acenter">
			
 
				+              <el-checkbox :label="item.file_url"></el-checkbox>
			
 
				+              <div class="hflex acenter left">
			
 
				+                <img src="@/assets/image/link.png" class="icon" alt="">
			
 
				+                <div class="name">{{ item.file_name }}</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="text">{{ item.file_size }}M</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+    </el-checkbox-group>
			
 
				+    </div>
			
 
				+    <div class="bottom hflex jbetween">
			
 
				+      <div class="hflex">
			
 
				+        <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
			
 
				+        <div class="text2">全选</div>
			
 
				+      </div>
			
 
				+      <div class="btn" @click="down">下载文件</div> 
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  const fileOptions = [];
			
 
				+  export default{
			
 
				+    name: 'down_wap',
			
 
				+    data() {
			
 
				+      return{
			
 
				+        img_title: require('@/assets/image/pc_title.png'),
			
 
				+        effective: 14,
			
 
				+        pageData: {
			
 
				+          title: '这是一些学习文件'
			
 
				+        },
			
 
				+        tableData: [],
			
 
				+        checkList: [],
			
 
				+        checkAll: false,
			
 
				+        isIndeterminate: true
			
 
				+      } 
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.id = window.localStorage.getItem('id')
			
 
				+      this.effective = this.$route.params.effective
			
 
				+      if(this.$route.params.code) {
			
 
				+        this.code = this.$route.params.code
			
 
				+      }
			
 
				+      this.getData()
			
 
				+    },
			
 
				+    methods: {
			
 
				+      getData() {
			
 
				+        let that = this
			
 
				+        let data = {
			
 
				+          id: that.id,
			
 
				+          password: that.code
			
 
				+        }
			
 
				+        that.$http.getFile(data).then((res) => {
			
 
				+          if(res.data.code == 0) {
			
 
				+            this.$message.error({
			
 
				+              message: res.data.msg,
			
 
				+              customClass: 'font10'
			
 
				+            })
			
 
				+            this.$router.go(-1)
			
 
				+          } else if(res.data.code == 1) {
			
 
				+            that.tableData = res.data.data
			
 
				+            for(var i=0;i<that.tableData.length;i++) {
			
 
				+              fileOptions.push(that.tableData[i].file_url)
			
 
				+            }
			
 
				+          }
			
 
				+        })
			
 
				+      },
			
 
				+      handleCheckAllChange(val) {
			
 
				+        this.checkList = val ? fileOptions : [];
			
 
				+        this.isIndeterminate = false;
			
 
				+      },
			
 
				+      handleCheckedCitiesChange(value) {
			
 
				+        let checkedCount = value.length;
			
 
				+        this.checkAll = checkedCount === fileOptions.length;
			
 
				+        this.isIndeterminate = checkedCount > 0 && checkedCount < fileOptions.length;
			
 
				+      },
			
 
				+      down() {
			
 
				+        if(this.checkList.length == 0) {
			
 
				+          this.$message.error({
			
 
				+            message: '请先选择要下载的文件',
			
 
				+            customClass: 'font20'
			
 
				+          })
			
 
				+        }
			
 
				+        for (let i = 0; i < this.checkList.length; i++) {
			
 
				+          if (this.checkList[i]) {
			
 
				+            this.downloadFile(this.checkList[i])
			
 
				+          }
			
 
				+        }
			
 
				+      },
			
 
				+      downloadFile(url) {
			
 
				+        const iframe = document.createElement("iframe");
			
 
				+        iframe.style.display = "none"; // 防止影响页面
			
 
				+        iframe.style.height = 0; // 防止影响页面
			
 
				+        iframe.src = url;
			
 
				+        document.body.appendChild(iframe); // 这一行必须，iframe挂在到dom树上才会发请求
			
 
				+        // 5分钟之后删除（onload方法对于下载链接不起作用，就先抠脚一下吧）
			
 
				+        setTimeout(() => {
			
 
				+          iframe.remove();
			
 
				+        }, 5 * 60 * 1000);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .web_box {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #F5F5F5;
			
 
				+  }
			
 
				+  
			
 
				+  .table {
			
 
				+    width: 100%;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 0 20px;
			
 
				+    margin-bottom: 100px;
			
 
				+  }
			
 
				+  .cell {
			
 
				+    width: 100%;
			
 
				+    padding: 22px 0;
			
 
				+    border-top: 1px solid #F5F5F5;
			
 
				+  }
			
 
				+  .left {
			
 
				+    padding-left: 23px;
			
 
				+
			
 
				+  }
			
 
				+  .text {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #666666;
			
 
				+    line-height: 20px;
			
 
				+  }
			
 
				+  .name {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Regular, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: rgba(0,0,0,0.88);
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .icon {
			
 
				+    width: 16px;
			
 
				+    height: 16px;
			
 
				+    margin-right: 4px;
			
 
				+  }
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    height: 80px;
			
 
				+    background: #FFFFFF;
			
 
				+    padding: 10px 14px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+    z-index: 99;
			
 
				+  }
			
 
				+  .btn {
			
 
				+    width: 107px;
			
 
				+    height: 40px;
			
 
				+    background: #1677B3;
			
 
				+    border-radius: 20px;
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 40px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .text2 {
			
 
				+    font-size: 14px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #666666;
			
 
				+    line-height: 20px;
			
 
				+    padding-left: 10px;
			
 
				+  }
			
 
				+  /deep/ .el-checkbox__label {
			
 
				+    display: none;
			
 
				+  }
			
 
				+  /deep/.el-checkbox__inner {
			
 
				+    border-radius: 50%;
			
 
				+  }
			
 
				+</style>
			
 
				+<style>
			
 
				+  .font10 {
			
 
				+    font-size: 15px !important;
			
 
				+  }
			
 
				+</style>
			
--- a/src/view/smdz-wap/error.vue
+++ b/src/view/smdz-wap/error.vue
@@ -0,0 +1,63 @@
 
				+<template>
			
 
				+  <div class="web_box vflex acenter jbetween">
			
 
				+    <div>
			
 
				+      <img src="@/assets/image/error.png" class="img" alt="">
			
 
				+      <div class="name">文件不存在</div>
			
 
				+      <div class="text" v-if="this.effective">该文件已超出<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <FootersWap></FootersWap>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import FootersWap from '@/components/footerWap'
			
 
				+  export default {
			
 
				+    name: 'error_wap',
			
 
				+    components: { FootersWap },
			
 
				+    data() {
			
 
				+      return{
			
 
				+        effective: 0
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.effective = this.$route.params.effective
			
 
				+    },
			
 
				+    methods: {
			
 
				+
			
 
				+    }
			
 
				+  } 
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .web_box {
			
 
				+    padding: 109px 0 60px;
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #FFFFFF;
			
 
				+  }
			
 
				+  .img {
			
 
				+    width: 120px;
			
 
				+    height: 120px;
			
 
				+  }
			
 
				+  .name {
			
 
				+    font-size: 20px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+  .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+  }
			
 
				+  .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+</style>
			
--- a/src/view/smdz-wap/index.vue
+++ b/src/view/smdz-wap/index.vue
@@ -0,0 +1,167 @@
 
				+<template>
			
 
				+  <div class="web_box vflex acenter jaround">
			
 
				+    <img :src="img_title" class="img_title" alt="">
			
 
				+    <el-input placeholder="请输入提取码" v-model="code" :type="show?'text':'password'" v-if="is_code">
			
 
				+      <div slot="suffix">
			
 
				+        <img src="@/assets/image/visible.png" v-if="show" @click="see" class="point" style="width:24px;height: 24px;" alt="">
			
 
				+        <img src="@/assets/image/display.png" v-else @click="see" class="point"  style="width:24px;height: 24px;" alt="">
			
 
				+      </div>
			
 
				+    </el-input>
			
 
				+    <div>
			
 
				+      <div class="btn point" @click="extract">提取文件</div>
			
 
				+      <div class="text">该文件<span class="blue">有效期{{ effective }}天</span></div>
			
 
				+    </div>
			
 
				+    <div>
			
 
				+      <FootersWap></FootersWap>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import { baseUrl } from '@/api/http.js'
			
 
				+  import FootersWap from '@/components/footerWap'
			
 
				+  export default{
			
 
				+    name: 'index_pc',
			
 
				+    components: { FootersWap },
			
 
				+    data() {
			
 
				+      return{
			
 
				+        img_title: require('@/assets/image/pc_title.png'),
			
 
				+        code: '',
			
 
				+        show: false,
			
 
				+        effective: 14,
			
 
				+        is_code: true,
			
 
				+      } 
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.id = window.localStorage.getItem('id')
			
 
				+      this.getData()
			
 
				+      // this.getUrl()
			
 
				+    },
			
 
				+    /* watch: {
			
 
				+      $route() {
			
 
				+        if(this.$route.query.id) {
			
 
				+          this.getData()
			
 
				+        }
			
 
				+      }
			
 
				+    }, */
			
 
				+    methods: {
			
 
				+      /* getUrl() {
			
 
				+        let url = window.location.href
			
 
				+        let p = url.split('?')[1]
			
 
				+        let keyValue = p.split('&')
			
 
				+        let obj = {}
			
 
				+        for(var i=0;i<keyValue.length;i++) {
			
 
				+          let item = keyValue[i].split('=');
			
 
				+					let key = item[0];
			
 
				+					let value = item[1];
			
 
				+					obj[key] = value;
			
 
				+        }
			
 
				+				this.id = obj.id;
			
 
				+        if(this.id) {
			
 
				+          this.getData()
			
 
				+        }
			
 
				+      }, */
			
 
				+      getData() {
			
 
				+        let that = this
			
 
				+        let data = {
			
 
				+          id: that.id
			
 
				+        }
			
 
				+        that.$http.getData(data).then((res) => {
			
 
				+          if(res.data.code == 0) {
			
 
				+            // that.$message.error(res.data.msg)
			
 
				+            that.$router.push('/error_wap')
			
 
				+          } else if(res.data.code == 1) {
			
 
				+            that.is_code = res.data.data.is_password == 1 ? true : false
			
 
				+            that.effective = res.data.data.period_of_validity
			
 
				+          } else if(res.data.code == 2) {
			
 
				+            that.effective = res.data.data
			
 
				+            that.$router.push({
			
 
				+              name:'error_wap',
			
 
				+              params:{
			
 
				+                effective: that.effective
			
 
				+              }
			
 
				+            })
			
 
				+          } 
			
 
				+        }).catch(() => {
			
 
				+          that.$message.error('系统繁忙')
			
 
				+        })
			
 
				+      },
			
 
				+      see() {
			
 
				+        this.show = !this.show
			
 
				+      },
			
 
				+      extract() {
			
 
				+        let that = this
			
 
				+        if(that.is_code && that.code == '') {
			
 
				+          that.$message.error({
			
 
				+            message: '请输入提取码',
			
 
				+            customClass: 'font20'
			
 
				+          })
			
 
				+          return
			
 
				+        }
			
 
				+        that.$router.push({
			
 
				+          name: 'down_wap',
			
 
				+          params: {
			
 
				+            effective: that.effective,
			
 
				+            code: that.code
			
 
				+          }
			
 
				+        })
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .web_box {
			
 
				+    width: 100%;
			
 
				+    min-height: 100vh;
			
 
				+    background: #FFFFFF;
			
 
				+  }
			
 
				+  .img_title {
			
 
				+    width: 183px;
			
 
				+    height: 37px;
			
 
				+  }
			
 
				+  .btn {
			
 
				+    width: 192px;
			
 
				+    height: 44px;
			
 
				+    background: #1677B3;
			
 
				+    border-radius: 30px;
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 44px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .text {
			
 
				+    font-size: 16px;
			
 
				+    font-family: PingFangSC-Medium, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #999999;
			
 
				+    line-height: 22px;
			
 
				+    padding-top: 20px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .blue {
			
 
				+    color: #1677B3;
			
 
				+  }
			
 
				+  /deep/ .el-input {
			
 
				+    width: 272px;
			
 
				+    height: 50px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 30px;
			
 
				+    border: 1px solid #CCCCCC;
			
 
				+    padding: 0 24px;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  /deep/ .el-input .el-input__inner {
			
 
				+    border: none;
			
 
				+    height: 100%;
			
 
				+    font-size: 15px;
			
 
				+  }
			
 
				+  /deep/ .el-input .el-input__suffix {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    padding-right: 20px;
			
 
				+  }
			
 
				+</style>
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,47 @@
 
				-const { defineConfig } = require('@vue/cli-service')
			
 
				-module.exports = defineConfig({
			
 
				-  transpileDependencies: true
			
 
				-})
			
 
				+const TerserPlugin = require('terser-webpack-plugin')
			
 
				+module.exports = {
			
 
				+  assetsDir: 'static', //  outputDir的静态资源(js、css、img、fonts)目录
			
 
				+  publicPath: './', // 静态资源路径（默认/，如果不改打包后会白屏）
			
 
				+  devServer: {
			
 
				+    host: '192.168.2.97',
			
 
				+    port: 8080,
			
 
				+    // 跨域
			
 
				+    proxy: {
			
 
				+      [process.env.VUE_APP_BASE_API]: {
			
 
				+        target: 'http://localhost:8082', //要跨域的地址，接口对接使用
			
 
				+        changeOrigin: true, // 允许跨域
			
 
				+        pathRewrite: {
			
 
				+          ['^' + process.env.VUE_APP_BASE_API]: '',
			
 
				+        },
			
 
				+        ws: false,
			
 
				+      },
			
 
				+    },
			
 
				+  },
			
 
				+  transpileDependencies: true,
			
 
				+  lintOnSave: false,
			
 
				+  //生产环境是不需要sourceMap的，如下配置可以去除
			
 
				+  //问题： vue项目打包之后js文件夹中，会自动生成一些map文件，占用相当一部分空间
			
 
				+  //sourceMap资源映射文件，存的是打包前后的代码位置，方便开发使用，这个占用相当一部分空间。
			
 
				+  //map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
			
 
				+  productionSourceMap: false, //清除sourceMap（可以减小一半大小如：压缩包7M，使用后3M多）
			
 
				+
			
 
				+  //   打包后禁止在控制台输出console.log
			
 
				+  configureWebpack: (config) => {
			
 
				+    if (process.env.NODE_ENV === 'production') {
			
 
				+      config.plugins.push(
			
 
				+        new TerserPlugin({
			
 
				+          terserOptions: {
			
 
				+            ecma: undefined,
			
 
				+            warnings: false,
			
 
				+            parse: {},
			
 
				+            compress: {
			
 
				+              drop_console: true,
			
 
				+              drop_debugger: false,
			
 
				+              // pure_funcs: ['console.log'], // 移除console
			
 
				+            },
			
 
				+          },
			
 
				+        })
			
 
				+      )
			
 
				+    }
			
 
				+  },
			
 
				+}