6 年之前 · 64ea9da630
--- a/src/main/webapp/WEB-INF/html/zouma.html
+++ b/src/main/webapp/WEB-INF/html/zouma.html
@@ -3,7 +3,7 @@
 
				             display: block;
			
 
				             margin: auto;
			
 
				             max-width: 100%;
			
 
				-        }</style><link href=./zouma/zouma/css/app.8719a1ce4f39e661dd7d86e491b7a3be.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.e99a61508d41385b072e.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.87fa61ea6ed8e08ea33a.js></script></body><script>function getQueryString(name) {
			
 
				+        }</style><link href=./zouma/zouma/css/app.9f366b9a9e653854016f99604de2408b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.146623cea9962f3da6a1.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.33bc428999f3e49250e8.js></script></body><script>function getQueryString(name) {
			
 
				         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
			
 
				         var r = window.location.search.substr(1).match(reg);
			
 
				         if (r != null) return unescape(r[2]);
			
--- a/src/main/webapp/zouma/zouma/css/app.8719a1ce4f39e661dd7d86e491b7a3be.css
+++ b/src/main/webapp/zouma/zouma/css/app.8719a1ce4f39e661dd7d86e491b7a3be.css
--- a/src/main/webapp/zouma/zouma/css/app.8719a1ce4f39e661dd7d86e491b7a3be.css.map
+++ b/src/main/webapp/zouma/zouma/css/app.8719a1ce4f39e661dd7d86e491b7a3be.css.map
--- a/src/main/webapp/zouma/zouma/css/app.9f366b9a9e653854016f99604de2408b.css
+++ b/src/main/webapp/zouma/zouma/css/app.9f366b9a9e653854016f99604de2408b.css
--- a/src/main/webapp/zouma/zouma/css/app.9f366b9a9e653854016f99604de2408b.css.map
+++ b/src/main/webapp/zouma/zouma/css/app.9f366b9a9e653854016f99604de2408b.css.map
--- a/src/main/webapp/zouma/zouma/img/home_img_12.aebe474.png
+++ b/src/main/webapp/zouma/zouma/img/home_img_12.aebe474.png
--- a/src/main/webapp/zouma/zouma/js/0.a5da69bde7dfe0b7553c.js
+++ b/src/main/webapp/zouma/zouma/js/0.a5da69bde7dfe0b7553c.js
--- a/src/main/webapp/zouma/zouma/js/0.a5da69bde7dfe0b7553c.js.map
+++ b/src/main/webapp/zouma/zouma/js/0.a5da69bde7dfe0b7553c.js.map
--- a/src/main/webapp/zouma/zouma/js/0.b628a1736a708559d9dd.js.map
+++ b/src/main/webapp/zouma/zouma/js/0.b628a1736a708559d9dd.js.map
--- a/src/main/webapp/zouma/zouma/js/1.650417207a4bfed8c2c4.js
+++ b/src/main/webapp/zouma/zouma/js/1.650417207a4bfed8c2c4.js
--- a/src/main/webapp/zouma/zouma/js/1.650417207a4bfed8c2c4.js.map
+++ b/src/main/webapp/zouma/zouma/js/1.650417207a4bfed8c2c4.js.map
--- a/src/main/webapp/zouma/zouma/js/1.bbd92faa34c09dbc27aa.js
+++ b/src/main/webapp/zouma/zouma/js/1.bbd92faa34c09dbc27aa.js
--- a/src/main/webapp/zouma/zouma/js/1.bbd92faa34c09dbc27aa.js.map
+++ b/src/main/webapp/zouma/zouma/js/1.bbd92faa34c09dbc27aa.js.map
--- a/src/main/webapp/zouma/zouma/js/3.0a1a3d75850697e02837.js
+++ b/src/main/webapp/zouma/zouma/js/3.0a1a3d75850697e02837.js
--- a/src/main/webapp/zouma/zouma/js/3.0a1a3d75850697e02837.js.map
+++ b/src/main/webapp/zouma/zouma/js/3.0a1a3d75850697e02837.js.map
--- a/src/main/webapp/zouma/zouma/js/3.f975063980c6e304cad3.js
+++ b/src/main/webapp/zouma/zouma/js/3.f975063980c6e304cad3.js
--- a/src/main/webapp/zouma/zouma/js/3.f975063980c6e304cad3.js.map
+++ b/src/main/webapp/zouma/zouma/js/3.f975063980c6e304cad3.js.map
--- a/src/main/webapp/zouma/zouma/js/4.0ebd204421d59b51ac49.js
+++ b/src/main/webapp/zouma/zouma/js/4.0ebd204421d59b51ac49.js
--- a/src/main/webapp/zouma/zouma/js/4.0ebd204421d59b51ac49.js.map
+++ b/src/main/webapp/zouma/zouma/js/4.0ebd204421d59b51ac49.js.map
--- a/src/main/webapp/zouma/zouma/js/4.7378fb9c53306f2c1058.js
+++ b/src/main/webapp/zouma/zouma/js/4.7378fb9c53306f2c1058.js
--- a/src/main/webapp/zouma/zouma/js/4.7378fb9c53306f2c1058.js.map
+++ b/src/main/webapp/zouma/zouma/js/4.7378fb9c53306f2c1058.js.map
--- a/src/main/webapp/zouma/zouma/js/5.9de45850ee349e1ea45a.js
+++ b/src/main/webapp/zouma/zouma/js/5.9de45850ee349e1ea45a.js
--- a/src/main/webapp/zouma/zouma/js/5.9de45850ee349e1ea45a.js.map
+++ b/src/main/webapp/zouma/zouma/js/5.9de45850ee349e1ea45a.js.map
--- a/src/main/webapp/zouma/zouma/js/5.cdb60c147090afb07789.js
+++ b/src/main/webapp/zouma/zouma/js/5.cdb60c147090afb07789.js
--- a/src/main/webapp/zouma/zouma/js/5.cdb60c147090afb07789.js.map
+++ b/src/main/webapp/zouma/zouma/js/5.cdb60c147090afb07789.js.map
--- a/src/main/webapp/zouma/zouma/js/7.4f75294232afef0250c1.js
+++ b/src/main/webapp/zouma/zouma/js/7.4f75294232afef0250c1.js
--- a/src/main/webapp/zouma/zouma/js/7.4f75294232afef0250c1.js.map
+++ b/src/main/webapp/zouma/zouma/js/7.4f75294232afef0250c1.js.map
--- a/src/main/webapp/zouma/zouma/js/7.e2d103f9c8fbe8f86ba3.js
+++ b/src/main/webapp/zouma/zouma/js/7.e2d103f9c8fbe8f86ba3.js
--- a/src/main/webapp/zouma/zouma/js/7.e2d103f9c8fbe8f86ba3.js.map
+++ b/src/main/webapp/zouma/zouma/js/7.e2d103f9c8fbe8f86ba3.js.map
--- a/src/main/webapp/zouma/zouma/js/8.2c9bb18b0e8f9b6958d1.js
+++ b/src/main/webapp/zouma/zouma/js/8.2c9bb18b0e8f9b6958d1.js
--- a/src/main/webapp/zouma/zouma/js/8.2c9bb18b0e8f9b6958d1.js.map
+++ b/src/main/webapp/zouma/zouma/js/8.2c9bb18b0e8f9b6958d1.js.map
--- a/src/main/webapp/zouma/zouma/js/app.33bc428999f3e49250e8.js
+++ b/src/main/webapp/zouma/zouma/js/app.33bc428999f3e49250e8.js
--- a/src/main/webapp/zouma/zouma/js/app.33bc428999f3e49250e8.js.map
+++ b/src/main/webapp/zouma/zouma/js/app.33bc428999f3e49250e8.js.map
--- a/src/main/webapp/zouma/zouma/js/app.87fa61ea6ed8e08ea33a.js
+++ b/src/main/webapp/zouma/zouma/js/app.87fa61ea6ed8e08ea33a.js
--- a/src/main/webapp/zouma/zouma/js/app.87fa61ea6ed8e08ea33a.js.map
+++ b/src/main/webapp/zouma/zouma/js/app.87fa61ea6ed8e08ea33a.js.map
--- a/src/main/webapp/zouma/zouma/js/manifest.146623cea9962f3da6a1.js
+++ b/src/main/webapp/zouma/zouma/js/manifest.146623cea9962f3da6a1.js
@@ -1,2 +1,2 @@
 
				-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var u,i,f,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)f=o(o.s=c[d]);return f};var r={},t={11:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"zouma/js/"+e+"."+{0:"b628a1736a708559d9dd",1:"650417207a4bfed8c2c4",2:"52a8d6a9063df42ce10b",3:"0a1a3d75850697e02837",4:"0ebd204421d59b51ac49",5:"9de45850ee349e1ea45a",6:"67b5da300ed1b1b195e9",7:"e2d103f9c8fbe8f86ba3",8:"ab382524d8ef35c13f11"}[e]+".js";var u=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./zouma/",o.oe=function(e){throw console.error(e),e}}([]);
			
 
				-//# sourceMappingURL=manifest.e99a61508d41385b072e.js.map
			
 
				+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var u,f,i,d=0,s=[];d<r.length;d++)f=r[d],t[f]&&s.push(t[f][0]),t[f]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)i=o(o.s=c[d]);return i};var r={},t={11:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"zouma/js/"+e+"."+{0:"a5da69bde7dfe0b7553c",1:"bbd92faa34c09dbc27aa",2:"52a8d6a9063df42ce10b",3:"f975063980c6e304cad3",4:"7378fb9c53306f2c1058",5:"cdb60c147090afb07789",6:"67b5da300ed1b1b195e9",7:"4f75294232afef0250c1",8:"2c9bb18b0e8f9b6958d1"}[e]+".js";var u=setTimeout(f,12e4);function f(){c.onerror=c.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=f,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./zouma/",o.oe=function(e){throw console.error(e),e}}([]);
			
 
				+//# sourceMappingURL=manifest.146623cea9962f3da6a1.js.map
			
--- a/src/main/webapp/zouma/zouma/js/manifest.146623cea9962f3da6a1.js.map
+++ b/src/main/webapp/zouma/zouma/js/manifest.146623cea9962f3da6a1.js.map
--- a/src/main/zouma/package.json
+++ b/src/main/zouma/package.json
@@ -69,4 +69,4 @@
 
				         "last 2 versions",
			
 
				         "not ie <= 8"
			
 
				     ]
			
 
				-}
			
 
				+}
			
--- a/src/main/zouma/src/components/CaseItem.vue
+++ b/src/main/zouma/src/components/CaseItem.vue
@@ -1,10 +1,12 @@
 
				 <template>
			
 
				-  <router-link :to="{name:'caseDetail',query:{id:info.id}}" class="caseItem">
			
 
				+  <div class="caseItem" @click="goDetail">
			
 
				     <div class="bg swiperImg" :style="{backgroundImage:'url('+info.image+')'}"></div>
			
 
				-    <div class="text">
			
 
				-        {{info.caseName}}
			
 
				+    <div class="text" v-if="info.caseType==0">{{info.caseName}}</div>
			
 
				+    <div class="qrcode" v-else>
			
 
				+      <img :src="info.qrcode" alt>
			
 
				+      <p>扫描二维码查看{{info.caseName}}详情</p>
			
 
				     </div>
			
 
				-  </router-link>
			
 
				+  </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
@@ -19,11 +21,24 @@ export default {
 
				         };
			
 
				       }
			
 
				     }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    goDetail() {
			
 
				+      if (this.info.caseType == 0) {
			
 
				+        this.$router.push({ name: 'caseDetail', query: { id: this.info.id } })
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				   }
			
 
				 }
			
 
				 </script>
			
 
				 
			
 
				 <style lang="less" scoped>
			
 
				+.bg {
			
 
				+  background-position: center center;
			
 
				+  background-size: cover;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				 .caseItem {
			
 
				   width: 350px;
			
 
				   height: 260px;
			
@@ -64,14 +79,44 @@ export default {
 
				     font-size: 26px;
			
 
				   }
			
 
				 
			
 
				+  .qrcode {
			
 
				+    position: absolute;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+    background: rgba(0, 0, 0, 0.8);
			
 
				+    transition: all ease-in-out 0.3s;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    opacity: 0;
			
 
				+    img {
			
 
				+      width: 180px;
			
 
				+      height: 180px;
			
 
				+    }
			
 
				+    p {
			
 
				+      font-size: 15px;
			
 
				+      font-weight: bold;
			
 
				+      color: rgba(255, 255, 255, 1);
			
 
				+      line-height: 21px;
			
 
				+      margin-top: 20px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				   &:hover {
			
 
				     .swiperImg {
			
 
				       transform: scale(1.2);
			
 
				     }
			
 
				 
			
 
				-    .text{
			
 
				-        background: rgba(0, 0, 0, 0.5);
			
 
				-        color: rgba(255, 255, 255, 1);
			
 
				+    .text {
			
 
				+      background: rgba(0, 0, 0, 0.5);
			
 
				+      color: rgba(255, 255, 255, 1);
			
 
				+    }
			
 
				+
			
 
				+    .qrcode{
			
 
				+      opacity: 1;
			
 
				     }
			
 
				   }
			
 
				 }
			
--- a/src/main/zouma/src/components/FootContent.vue
+++ b/src/main/zouma/src/components/FootContent.vue
@@ -4,26 +4,24 @@
 
				       <div class="footer-top">
			
 
				         <div class="footer-item">
			
 
				           <div class="title">产品与支持</div>
			
 
				-          <a href="#">微信WebAPP开发</a>
			
 
				-          <a href="#">微信小程序</a>
			
 
				-          <a href="#">Android/Ios APP</a>
			
 
				-          <a href="#">微信H5定制</a>
			
 
				-          <a href="#">产品溯源系统</a>
			
 
				-          <a href="#">CRM管理系统</a>
			
 
				-          <a href="#">ERP管理系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">微信WebAPP开发</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">微信小程序</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">Android/Ios APP</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">微信H5定制</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">产品溯源系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">CRM管理系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">ERP管理系统</a>
			
 
				         </div>
			
 
				 
			
 
				-     
			
 
				-
			
 
				         <div class="footer-item">
			
 
				           <div class="title">解决方案</div>
			
 
				-          <a href="#">智能制造</a>
			
 
				-          <a href="#">智慧门店</a>
			
 
				-          <a href="#">Android/Ios APP</a>
			
 
				-          <a href="#">微信H5定制</a>
			
 
				-          <a href="#">产品溯源系统</a>
			
 
				-          <a href="#">CRM管理系统</a>
			
 
				-          <a href="#">ERP管理系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">智能制造</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">智慧门店</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">Android/Ios APP</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">微信H5定制</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">产品溯源系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">CRM管理系统</a>
			
 
				+          <a href="javaScript:void(0)" @click="showfeedback">ERP管理系统</a>
			
 
				         </div>
			
 
				         <div class="footer-item">
			
 
				           <div class="title">关于我们</div>
			
@@ -71,7 +69,9 @@ export default {
 
				   watch: {
			
 
				   },
			
 
				   methods: {
			
 
				-
			
 
				+    showfeedback() {
			
 
				+      this.$emit('showfeedback')
			
 
				+    }
			
 
				   }
			
 
				 
			
 
				 }
			
@@ -135,12 +135,12 @@ export default {
 
				       font-size: 13px;
			
 
				       color: rgba(255, 255, 255, 1);
			
 
				       line-height: 18px;
			
 
				-      a{
			
 
				+      a {
			
 
				         color: #fff;
			
 
				         text-decoration: none;
			
 
				 
			
 
				-        &:hover{
			
 
				-           text-decoration: underline;
			
 
				+        &:hover {
			
 
				+          text-decoration: underline;
			
 
				         }
			
 
				       }
			
 
				     }
			
--- a/src/main/zouma/src/pages/AppDevelopment.vue
+++ b/src/main/zouma/src/pages/AppDevelopment.vue
@@ -11,7 +11,6 @@
 
				       </div>
			
 
				 
			
 
				       <div style="width:691px"></div>
			
 
				-
			
 
				     </div>
			
 
				 
			
 
				     <!-- 产品 -->
			
@@ -110,7 +109,7 @@
 
				     <img src="../assets/app/img_00008.png" alt class="caseImg">
			
 
				     <img src="../assets/app/img_00009.png" alt class="caseImg">
			
 
				     <img src="../assets/app/img_00010.png" alt class="caseImg">
			
 
				-    <el-button type="primary" plain style="width:200px;line-height:18px">查看更多详细案例</el-button>
			
 
				+    <el-button type="primary" plain style="width:200px;line-height:18px" @click="goNext">查看更多详细案例</el-button>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
@@ -120,8 +119,8 @@ import Swiper from 'swiper'
 
				 export default {
			
 
				   name: 'traceabilitySystem',
			
 
				   directives:
			
 
				-    {
			
 
				-    },
			
 
				+  {
			
 
				+  },
			
 
				   mounted() {
			
 
				 
			
 
				   },
			
@@ -142,8 +141,16 @@ export default {
 
				       else {
			
 
				       }
			
 
				     },
			
 
				-    showfeedback(){
			
 
				+    showfeedback() {
			
 
				       this.$emit('showfeedback')
			
 
				+    },
			
 
				+    goNext() {
			
 
				+      this.$router.push({
			
 
				+        name: 'case',
			
 
				+        query: {
			
 
				+          typeId: 0
			
 
				+        }
			
 
				+      })
			
 
				     }
			
 
				   }
			
 
				 }
			
--- a/src/main/zouma/src/pages/Case.vue
+++ b/src/main/zouma/src/pages/Case.vue
@@ -24,7 +24,7 @@
 
				           <div class="swiper-wrapper">
			
 
				             <div class="swiper-slide" v-for="swiper in 4" v-loading="isLoading">
			
 
				               <template v-if="allCase.length>0">
			
 
				-                <case-item v-for="(item,index) in allCase"  :info="item"></case-item>
			
 
				+                <case-item v-for="(item,index) in allCase" :info="item"></case-item>
			
 
				               </template>
			
 
				               <div class="nothing" v-else>暂无数据。。。</div>
			
 
				             </div>
			
@@ -42,14 +42,19 @@ import CaseItem from '../components/CaseItem.vue'
 
				 export default {
			
 
				   name: 'home',
			
 
				   mounted() {
			
 
				+    if (this.$route.query.typeId) {
			
 
				+      this.nowMenu = Number(this.$route.query.typeId);
			
 
				+    }
			
 
				     setTimeout(() => {
			
 
				 
			
 
				       this.mySwiper = new Swiper('.swiper-container', {
			
 
				+        activeIndex: this.nowMenu,
			
 
				         on: {
			
 
				           init: () => {
			
 
				-            this.getCaseList(0)
			
 
				+            this.getCaseList(this.nowMenu)
			
 
				           },
			
 
				           slideChange: () => {
			
 
				+            this.nowMenu=this.mySwiper.activeIndex
			
 
				             this.getCaseList(this.mySwiper.activeIndex)
			
 
				           },
			
 
				         },
			
@@ -59,12 +64,12 @@ export default {
 
				 
			
 
				   },
			
 
				   directives:
			
 
				-    {
			
 
				-      fade(el, binding) {
			
 
				-        if (typeof binding.value == 'function')
			
 
				-          binding.value(el);
			
 
				-      }
			
 
				-    },
			
 
				+  {
			
 
				+    fade(el, binding) {
			
 
				+      if (typeof binding.value == 'function')
			
 
				+        binding.value(el);
			
 
				+    }
			
 
				+  },
			
 
				   data() {
			
 
				     return {
			
 
				       allCase: [],
			
@@ -76,10 +81,10 @@ export default {
 
				   },
			
 
				   computed: {
			
 
				     nowTab() {
			
 
				-      return this.mySwiper ? this.mySwiper.activeIndex : 0
			
 
				+      return this.mySwiper ? this.nowMenu : 0
			
 
				     },
			
 
				     tabLine() {
			
 
				-      return this.mySwiper ? this.mySwiper.activeIndex * 124 + 45 : 45;
			
 
				+      return this.mySwiper ? this.nowMenu * 124 + 45 : 45;
			
 
				     }
			
 
				   },
			
 
				   methods: {
			
@@ -147,7 +152,7 @@ export default {
 
				       return top;
			
 
				     }
			
 
				   },
			
 
				-  components:{
			
 
				+  components: {
			
 
				     CaseItem
			
 
				   }
			
 
				 }
			
@@ -430,19 +435,19 @@ export default {
 
				     width: 1100px;
			
 
				   }
			
 
				   .swiper-slide {
			
 
				-  display: flex;
			
 
				-  flex-wrap: wrap;
			
 
				-  min-height: 570px;
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    min-height: 570px;
			
 
				 
			
 
				-  .nothing {
			
 
				-    width: 100%;
			
 
				-    text-align: center;
			
 
				-    align-self: center;
			
 
				-    color: #666;
			
 
				-    font-size: 24px;
			
 
				+    .nothing {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      align-self: center;
			
 
				+      color: #666;
			
 
				+      font-size: 24px;
			
 
				+    }
			
 
				   }
			
 
				 }
			
 
				-}
			
 
				 
			
 
				 @keyframes moveEvent {
			
 
				   0% {
			
@@ -490,8 +495,6 @@ export default {
 
				   }
			
 
				 }
			
 
				 
			
 
				-
			
 
				-
			
 
				 .procedure {
			
 
				   width: 100%;
			
 
				   height: 600px;
			
--- a/src/main/zouma/src/pages/Home.vue
+++ b/src/main/zouma/src/pages/Home.vue
@@ -90,7 +90,7 @@
 
				         </div>
			
 
				       </div>
			
 
				       <div style="text-align:center">
			
 
				-        <el-button type="default" plain style="margin-top:77px;width:200px;line-height:20px;">查看更多</el-button>
			
 
				+        <el-button type="default" plain style="margin-top:77px;width:200px;line-height:20px;" @click="showMore">查看更多</el-button>
			
 
				       </div>
			
 
				     </div>
			
 
				 
			
@@ -367,6 +367,9 @@ export default {
 
				           break;
			
 
				       }
			
 
				       return top;
			
 
				+    },
			
 
				+    showMore(){
			
 
				+      this.$router.push('/traceabilitySystem')
			
 
				     }
			
 
				   },
			
 
				   components:{
			
--- a/src/main/zouma/src/pages/Index.vue
+++ b/src/main/zouma/src/pages/Index.vue
@@ -6,7 +6,7 @@
 
				         <router-view class="router-view-contain" ref="child" @showfeedback="feedback=true"></router-view>
			
 
				       </el-main>
			
 
				     </el-container>
			
 
				-    <foot-content style="margin-top:200px"></foot-content>
			
 
				+    <foot-content style="margin-top:200px" @showfeedback="feedback=true"></foot-content>
			
 
				 
			
 
				     <el-dialog :visible.sync="feedback" width="700px">
			
 
				       <div class="dialogTitle">
			
@@ -116,9 +116,6 @@ isWhite:false
 
				 
			
 
				       }
			
 
				 
			
 
				-      if (this.$route.fullPath == '/traceabilitySystem') {
			
 
				-        this.$refs.child.menu(document.getElementById('main').scrollTop)
			
 
				-      }
			
 
				 
			
 
				     }
			
 
				   },
			
--- a/src/main/zouma/src/pages/TraceabilitySystem.vue
+++ b/src/main/zouma/src/pages/TraceabilitySystem.vue
@@ -167,48 +167,58 @@
 
				       </div>
			
 
				     </div>
			
 
				     <div class="caseList">
			
 
				-      <div class="case-item">
			
 
				-        <div class="img bg" :style="{backgroundImage:'url('+require('../assets/TraceabilitySystem/home_img_12.png')+')'}"></div>
			
 
				-        <div class="text">
			
 
				-          <img src="../assets/demo1.png" alt>
			
 
				-          <p>使用手机扫描二维码查看溯源结果</p>
			
 
				-        </div>
			
 
				-      </div>
			
 
				-      <div class="case-item">
			
 
				-        <div class="img bg" :style="{backgroundImage:'url('+require('../assets/TraceabilitySystem/home_img_12.png')+')'}"></div>
			
 
				-        <div class="text">
			
 
				-          <img src="../assets/demo3.png" alt>
			
 
				-          <p>使用手机扫描二维码查看溯源结果</p>
			
 
				-        </div>
			
 
				-      </div>
			
 
				-      <div class="case-item">
			
 
				-        <div class="img bg" :style="{backgroundImage:'url('+require('../assets/TraceabilitySystem/home_img_12.png')+')'}"></div>
			
 
				-        <div class="text">
			
 
				-          <img src="../assets/demo5.png" alt>
			
 
				-          <p>使用手机扫描二维码查看溯源结果</p>
			
 
				-        </div>
			
 
				-      </div>
			
 
				+      <case-item v-for="item in allCase" :info='item'></case-item>
			
 
				     </div>
			
 
				+     <el-button type="primary" plain style="width:200px;line-height:18px;margin-top:100px" @click="showMore">查看更多</el-button>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				 import { TweenMax } from 'gsap/TweenMax'
			
 
				 import Swiper from 'swiper'
			
 
				+import CaseItem from '../components/CaseItem.vue'
			
 
				 export default {
			
 
				   name: 'traceabilitySystem',
			
 
				   mounted() {
			
 
				-
			
 
				+    this.getCaseList()
			
 
				   },
			
 
				   data() {
			
 
				     return {
			
 
				-
			
 
				+      allCase: []
			
 
				     }
			
 
				   },
			
 
				   methods: {
			
 
				     showfeedback() {
			
 
				       this.$emit('showfeedback')
			
 
				+    },
			
 
				+    getCaseList() {
			
 
				+      this.allCase = [];
			
 
				+      this.$http.get({
			
 
				+        url: '/caseInfo/page',
			
 
				+        data: {
			
 
				+          typeFlag: 2,
			
 
				+          pageNumber:3
			
 
				+        }
			
 
				+      }).then(res => {
			
 
				+        this.isLoading = false
			
 
				+        if (res.success) {
			
 
				+          if (res.data.pp.length > 0) {
			
 
				+            this.allCase = res.data.pp
			
 
				+          }
			
 
				+        }
			
 
				+      })
			
 
				+    },
			
 
				+    showMore(){
			
 
				+      this.$router.push({
			
 
				+        name:'case',
			
 
				+        query:{
			
 
				+            typeId: 2
			
 
				+        }
			
 
				+      })
			
 
				     }
			
 
				+  },
			
 
				+  components:{
			
 
				+    CaseItem
			
 
				   }
			
 
				 }
			
 
				 </script>
			
@@ -477,54 +487,5 @@ h1 {
 
				   display: flex;
			
 
				   align-items: center;
			
 
				   justify-content: space-between;
			
 
				-  .case-item {
			
 
				-    width: 350px;
			
 
				-    height: 260px;
			
 
				-    overflow: hidden;
			
 
				-    position: relative;
			
 
				-    cursor: pointer;
			
 
				-
			
 
				-    .img {
			
 
				-      width: 350px;
			
 
				-      height: 260px;
			
 
				-      transition: transform 0.3s ease-in-out;
			
 
				-    }
			
 
				-
			
 
				-    .text {
			
 
				-      width: 350px;
			
 
				-      height: 260px;
			
 
				-      background: rgba(0, 0, 0, 0.8);
			
 
				-      position: absolute;
			
 
				-      left: 0;
			
 
				-      top: 0;
			
 
				-      display: flex;
			
 
				-      align-items: center;
			
 
				-      justify-content: center;
			
 
				-      flex-direction: column;
			
 
				-      transition: opacity 0.3s ease-in-out;
			
 
				-      opacity: 0;
			
 
				-      img {
			
 
				-        width: 180px;
			
 
				-        height: 180px;
			
 
				-      }
			
 
				-      p {
			
 
				-        font-size: 15px;
			
 
				-        font-weight: bold;
			
 
				-        color: rgba(255, 255, 255, 1);
			
 
				-        line-height: 21px;
			
 
				-        text-align: center;
			
 
				-        margin-top: 15px;
			
 
				-      }
			
 
				-    }
			
 
				-
			
 
				-    &:hover {
			
 
				-      .img {
			
 
				-        transform: scale(1.5);
			
 
				-      }
			
 
				-      .text {
			
 
				-        opacity: 1;
			
 
				-      }
			
 
				-    }
			
 
				-  }
			
 
				 }
			
 
				 </style>
			
--- a/src/main/zouma/src/pages/WeChatDevelopment.vue
+++ b/src/main/zouma/src/pages/WeChatDevelopment.vue
@@ -65,7 +65,7 @@
 
				     <img src="../assets/app/img_00008.png" alt class="caseImg">
			
 
				     <img src="../assets/app/img_00009.png" alt class="caseImg">
			
 
				     <img src="../assets/app/img_00010.png" alt class="caseImg">
			
 
				-    <el-button type="primary" plain style="width:200px;line-height:18px">查看更多详细案例</el-button>
			
 
				+    <el-button type="primary" plain style="width:200px;line-height:18px" @click="goCase">查看更多详细案例</el-button>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
@@ -148,6 +148,14 @@ export default {
 
				     },
			
 
				     showfeedback(){
			
 
				       this.$emit('showfeedback')
			
 
				+    },
			
 
				+    goCase(){
			
 
				+       this.$router.push({
			
 
				+        name: 'case',
			
 
				+        query: {
			
 
				+          typeId: 1
			
 
				+        }
			
 
				+      })
			
 
				     }
			
 
				   }
			
 
				 }