Jelajahi Sumber

add a image-swipe to index

StephenArk30 6 tahun lalu
induk
melakukan
fbefc3b8ea

+ 0 - 0
sourcecode/h5app/vue/src/assets/banner.png → sourcecode/h5app/vue/src/assets/banners/banner.png


TEMPAT SAMPAH
sourcecode/h5app/vue/src/assets/banners/banner1.jpg


TEMPAT SAMPAH
sourcecode/h5app/vue/src/assets/banners/banner2.jpg


TEMPAT SAMPAH
sourcecode/h5app/vue/src/assets/banners/banner3.jpg


+ 1 - 3
sourcecode/h5app/vue/src/components/schoolidCard.vue

@@ -11,7 +11,7 @@
         <p>昵称</p>
         <van-cell-group>
             <van-field
-                    placeholder=" "
+                    placeholder="请输入昵称"
                     v-model="personName"
                     :error="personError"
                     @click="personError=false"
@@ -88,7 +88,6 @@
                         that.isReadonly = true;
                         Toast.success("上传成功")
                     } else {
-                        // 注册失败的处理
                         Toast.fail("上传失败,请检查网络");
                     }
                 }, [this.userDo]);
@@ -103,7 +102,6 @@
                         that.isReadonly = true;
                         Toast.success("上传成功")
                     } else {
-                        // 注册失败的处理
                         Toast.fail("上传失败,请检查网络");
                     }
                 }, [this.reviewDo]);

+ 3 - 1
sourcecode/h5app/vue/src/main.js

@@ -2,11 +2,13 @@ import Vue from 'vue'
 import App from './App.vue'
 import { router } from './router'
 import VueClipboard from 'vue-clipboard2'
-import VueResource from 'vue-resource'
+import VueResource from 'vue-resource';
+import {Lazyload} from 'vant';
 
 Vue.config.productionTip = false;
 Vue.use(VueClipboard);
 Vue.use(VueResource);
+Vue.use(Lazyload);
 
 Vue.http.options.emulateJSON = true;
 Vue.http.options.emulateHTTP = true;

+ 33 - 16
sourcecode/h5app/vue/src/views/SecurityVerify.vue

@@ -94,6 +94,7 @@
 </template>
 
 <script>
+    import {BasicFunction} from "../connector/basic-service";
     import {
         Uploader, Icon,
         CellGroup, Field,
@@ -102,7 +103,7 @@
         Button,
         Actionsheet,
         Toast
-    } from 'vant'
+    } from 'vant';
     import AddPhoto from "../components/addPhoto";
     export default {
         name: "SecurityVerify",
@@ -167,28 +168,44 @@
                     Toast.fail('请上传校卡正面照片');
                     return;
                 }
-                let user = {
-                    phone: this.phone,
-                    password: this.password,
-                    nickname: this.username,
-                    gender: parseInt(this.radio),
-                    dormitory: this.dorId,
-                    photo: this.photo
-                };
-                console.log(user);
-                // BasicFunction.get_data("ajaxregister?u=手机号&p=转义密码", 回调函数, {})
+
+                let success = true;
                 BasicFunction.get_data("ajaxregister?u=" + this.phone + '&p=' + this.password, function (response) {
                     console.log("------ Data Rcvd in Reg --------");
                     console.log(response);
-                    if(response.ret === "10000"){
+                    if (response.ret !== "10000") {
                         // 不需要 设置 SessionID, 已经自动保存在jSessionID中
-                        this.$router.push('presentRegister');
-                    } else {
-                        // 注册失败的处理
                         Toast.fail("注册失败,请检查网络");
+                        success = false;
+                    } else {
+                        localStorage.setItem("frontend-userid", response.model.userId);
                     }
                 }, {});
-                // this.$router.push('presentRegister');
+                if (!success) return;
+
+                let userId = localStorage.getItem('frontend-userid');
+                let useridentity = [{
+                    reviewId: "",
+                    userId: userId,
+                    dormDistrict: this.dorId,
+                    userSex: parseInt(this.radio),
+                    userSchoolCard: 201233222,
+                    userReviewStatus: 0,
+                    reviewerId: 1,
+                    reviewerNote: "nmo",
+                    reviewerNoteToUser: "noo"
+                }];
+                console.log(useridentity);
+                let that = this;
+                BasicFunction.get_data("smartIdentity/saveBatch", function (response) {
+                    console.log(response);
+                    if (response.ret === "10000") {
+                        Toast.success("注册成功");
+                        that.$router.push('presentRegister');
+                    } else {
+                        Toast.fail("注册失败,请检查网络");
+                    }
+                }, useridentity);
             },
             onReadPhoto(file) {
                 this.photo = file;

+ 17 - 6
sourcecode/h5app/vue/src/views/index.vue

@@ -1,8 +1,11 @@
 <template>
     <div>
-        <div style="position: relative;">
-            <img :src="indexTop" style="max-width: 100%; position: relative;"/>
-        </div>
+        <van-swipe :autoplay="3000" style="margin: 10px 10px;">
+            <van-swipe-item v-for="(image, index) in images" :key="index">
+                <img v-lazy="image" style="max-width: 100%"/>
+            </van-swipe-item>
+        </van-swipe>
+
         <van-row type="flex" justify="space-between" align="center" style="margin: 0 10px 0 15px">
             <van-col>
                 <p><strong>我的礼物</strong></p>
@@ -34,7 +37,10 @@
 
 <script>
     import IndexPresent from "../components/IndexPresent";
-    import {Button, Row, Col} from "vant";
+    import {
+        Button, Row, Col,
+        Swipe, SwipeItem
+    } from "vant";
     import AddPresentButton from "../components/addPresentButton";
     import {BasicFunction} from '../connector/basic-service';
 
@@ -44,12 +50,17 @@
             AddPresentButton,
             IndexPresent,
             [Button.name]: Button,
-            [Row.name]: Row, [Col.name]: Col
+            [Row.name]: Row, [Col.name]: Col,
+            [Swipe.name]: Swipe, [SwipeItem.name]: SwipeItem,
         },
         data() {
             return {
+                images: [
+                    require('../assets/banners/banner1.jpg'),
+                    require('../assets/banners/banner2.jpg'),
+                    require('../assets/banners/banner3.jpg'),
+                ],
                 active: 0,
-                indexTop: require('../assets/banner.png'),
                 button_active: true,
                 presents: {}
             }

+ 6 - 2
sourcecode/h5app/vue/src/views/me.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div>
+        <div style="margin-bottom: 80px">
             <schoolid-card
             />
             <school-card
@@ -16,7 +16,11 @@
     import SchoolCard from "../components/schoolCard";
     export default {
         name: "me",
-        components: {SchoolCard, SchoolidCard, AddPresentButton},
+        components: {
+            SchoolCard,
+            SchoolidCard,
+            AddPresentButton,
+        },
         data() {
             return {
                 button_active: true