suxin лет назад: 6
Родитель
Сommit
18c33759a1
7 измененных файлов с 139 добавлено и 24 удалено
  1. 21 4
      package-lock.json
  2. 3 0
      package.json
  3. 1 1
      src/components/swiperr.vue
  4. 6 1
      src/main.js
  5. 70 14
      src/views/Home.vue
  6. 29 4
      src/views/Serve.vue
  7. 9 0
      src/views/global.vue

+ 21 - 4
package-lock.json

@@ -7112,6 +7112,11 @@
       "integrity": "sha1-xs7ljrNVA3LfjeuF+tXOZs4B1Z0=",
       "dev": true
     },
+    "js-md5": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
+      "integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ=="
+    },
     "js-message": {
       "version": "1.0.5",
       "resolved": "https://registry.npm.taobao.org/js-message/download/js-message-1.0.5.tgz",
@@ -9311,10 +9316,9 @@
       "dev": true
     },
     "qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fqs%2Fdownload%2Fqs-6.5.2.tgz",
-      "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
-      "dev": true
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.0.tgz",
+      "integrity": "sha512-27RP4UotQORTpmNQDX8BHPukOnBP3p1uUJY5UnDhaJB+rMt9iMsok724XL+UHU23bEFOHRMQ2ZhI99qOWUMGFA=="
     },
     "query-string": {
       "version": "5.1.1",
@@ -9678,6 +9682,14 @@
         "tough-cookie": "~2.4.3",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+          "dev": true
+        }
       }
     },
     "request-promise-core": {
@@ -11567,6 +11579,11 @@
         }
       }
     },
+    "vue-axios": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/vue-axios/-/vue-axios-2.1.5.tgz",
+      "integrity": "sha512-th5xVbInVoyIoe+qY+9GCflEVezxAvztD4xpFF39SRQYqpoKD2qkmX8yv08jJG9a2SgNOCjirjJGSwg/wTrbmA=="
+    },
     "vue-eslint-parser": {
       "version": "2.0.3",
       "resolved": "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-2.0.3.tgz",

+ 3 - 0
package.json

@@ -14,10 +14,13 @@
     "bootstrap3": "^3.3.5",
     "core-js": "^2.6.5",
     "jquery": "^3.4.1",
+    "js-md5": "^0.7.3",
     "popper.js": "^1.15.0",
+    "qs": "^6.9.0",
     "register-service-worker": "^1.6.2",
     "vue": "^2.6.10",
     "vue-awesome-swiper": "^3.1.3",
+    "vue-axios": "^2.1.5",
     "vue-router": "^3.0.3"
   },
   "devDependencies": {

+ 1 - 1
src/components/swiperr.vue

@@ -2,7 +2,7 @@
   <div class="swiper-container">
     <div class="swiper-wrapper">
       <div class="swiper-slide" v-for="(item, index) in message" :key="index">
-        <img :src="item" alt="" />
+        <img :src="item" alt="1" />
       </div>
     </div>
     <div class="swiper-button-next">

+ 6 - 1
src/main.js

@@ -3,7 +3,12 @@ import App from './App.vue'
 import '..//lib/bootstrap-3.3.7-dist/css/bootstrap.css'
 import router from './router'
 import './registerServiceWorker'
-
+import axios from "axios"
+import VueAxios from 'vue-axios'
+Vue.prototype.axios = axios;
+Vue.use(VueAxios,axios)
+import md5 from "js-md5"
+Vue.prototype.$md5=md5
 Vue.config.productionTip = false
 
 new Vue({

+ 70 - 14
src/views/Home.vue

@@ -690,6 +690,8 @@ import Carousel from "@/components/carousel.vue";
 import Swiperr from "@/components/swiperr.vue";
 
 import animated from "animate.css";
+import global_api_address from './global.vue';
+import Qs from "qs"
 
 export default {
   name: "home",
@@ -700,24 +702,25 @@ export default {
   },
   data() {
     return {
+      api_address:global_api_address.api_address,                //请求接口的地址
       timer: null, //定时器
       mark: 0, //比对图片索引的变量
       //轮播图数据
-      message: [img1, img2, img3],
+      message: [img1,img2,img3],
       imgArray: [img1, img2, img3],
       saleArray: [
         {
-          src: require("../assets/1.png"),
-          title: "助力新零售",
+          src: "",
+          title: "",
           content: [
-            { con: "结合优秀硬结合优秀硬件团队" },
-            { con: "利用互联网优势" },
-            { con: "完成基于物联网技术的新零售体系建立或推广" }
+            { con: "结合优秀硬结合优秀硬件团队1" },
+            { con: "利用互联网优势1" },
+            { con: "完成基于物联网技术的新零售体系建立或推广1" }
           ]
         },
         {
-          src: require("../assets/2.png"),
-          title: "政府信息化建设",
+          src: "",
+          title: "",
           content: [
             { con: "以精湛的互联网技术" },
             { con: "推动政府信息化建设" },
@@ -725,8 +728,8 @@ export default {
           ]
         },
         {
-          src: require("../assets/3.png"),
-          title: "传统互联网转型",
+          src: "",
+          title: "",
           content: [
             { con: "深入了解传统行业" },
             { con: "打破只做网络营销的传统思维" },
@@ -735,8 +738,8 @@ export default {
           ]
         },
         {
-          src: require("../assets/4.png"),
-          title: "自有产品",
+          src: "",
+          title: "",
           content: [
             { con: "股票自动交易系统" },
             { con: "汽车行业互联网舆情监控系统" }
@@ -807,7 +810,8 @@ export default {
         //     src: require("../assets/携程.png")
         //   }
         // ]
-      ]
+      ],
+      newList:[]
     };
   },
   //点击切换图片
@@ -830,6 +834,58 @@ export default {
   },
   created() {
     this.play();
-  }
+  },
+  mounted(){
+    let vm=this;
+    let time=new Date().getTime()+'';        //计算出验证用的时间戳
+    let api="api_servertype";               //验证用的字符串
+    let md5Str=this.$md5(api+time);          //验证用的md5函数
+    let sendParam = {
+        "timestamp":time,
+        "method":api,
+        "sign":md5Str
+        }
+    this.axios.post(this.api_address+"/api/api.php",Qs.stringify(sendParam)
+    ).then((res)=>{ 
+        let saleArray=[];
+        let text=[];
+        let index=[];
+        let saleArray_content=[];
+        let arrIndex; 
+        let conIndex;
+        vm.newList=res.data
+
+        for(let i=0;i<res.data.data.length;i++){
+          saleArray[i]=JSON.parse(res.data.data[i]);
+        }  
+          // console.log(saleArray)
+        for(let j=0;j<saleArray.length;j++){
+          text[j]=saleArray[j].data
+        }
+        for(let k=0;k<text.length;k++){
+          index[k]=text[k]
+        }
+        // console.log(index) 
+        saleArray_content=index[2]
+        for(let m=0;m<index[0].length;m++){
+          // console.log(index[0][m])
+          arrIndex=index[0][m].id-1;
+          vm.saleArray[arrIndex].title=index[0][m].title
+          vm.saleArray[arrIndex].src=vm.api_address+"/"+index[0][m].picture
+        }
+        // console.log(saleArray_content)
+        // for(let n=0;n<saleArray_content.length;n++){
+        //   arrIndex=saleArray_content[n].id-1
+        //   conIndex=saleArray_content[n].cid%saleArray_content[n].id;
+        //   // console.log(conIndex)
+        //   this.saleArray[arrIndex].content[conIndex]
+        //   .con=saleArray_content[n].title
+        //   console.log(this.saleArray[arrIndex].content[conIndex].con)
+        //   console.log(this.saleArray)
+        // }
+    }).catch(error=>{
+        console.log(error)
+    })
+}
 };
 </script>

+ 29 - 4
src/views/Serve.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="serve">
     <div class="imgs">
-        <img src=".//images//u136.jpg" alt="服务">
+        <img :src="navImg" alt="服务">
         <p>做你创业路上的</p>
         <h4>技术合伙人</h4>
     </div>
@@ -92,10 +92,14 @@ import workImg3 from './/images/work3.png';
 import methodImg1 from './images/u147.png';
 import methodImg2 from './images/u148.png';
 import methodImg3 from './images/u149.png';
+import Qs from "qs"
+import global_api_address from './global.vue';
 export default {
   name: 'serve',
   data(){
       return{
+          api_address:global_api_address.api_address,
+          navImg:'',
           "workImg1":workImg1,
           "workImg2":workImg2,
           "workImg3":workImg3,
@@ -170,12 +174,33 @@ export default {
                     }
                 ]
               }
-          ]
-      }
+          ],
+          "newList":[1,2]
+      }    
   },
     components:{
       HomeFooter
-  }
+  },
+mounted(){
+    let vm=this;
+    let time=new Date().getTime()+'';        //计算出验证用的时间戳
+    let api="api_get_picture";               //验证用的字符串
+    let md5Str=this.$md5(api+time);          //验证用的md5函数
+    let sendParam = {
+        "timestamp":time,
+        "method":api,
+        "sign":md5Str
+        }
+    this.axios.post(this.api_address+"/api/api.php",Qs.stringify(sendParam)
+    ).then((res)=>{ 
+        vm.newList=res.data
+        // console.log(vm.newList.data) 
+        // console.log(typeof vm.newList) 
+        this.navImg=this.api_address+"/"+res.data.data[1].url 
+    }).catch(error=>{
+        console.log(error)
+    })
+}
 }
 </script>
 

+ 9 - 0
src/views/global.vue

@@ -0,0 +1,9 @@
+
+<script>
+let api_address="http://www.xazhima.com"
+ // 创建全局变量,保存接口地址
+export default {
+    api_address
+};
+</script>
+