upload and download imgs

sourcecode/h5app/deploy/css/chunk-cc43616a.d23d4792.css

@@ -1 +0,0 @@
-.van-button[data-v-b2195fbe]{background-color:#fd6740;border-color:#fd6740;margin:10px 0 10px;width:55%}

sourcecode/h5app/vue/src/components/schoolCard.vue

@@ -1,93 +1,92 @@
-<template>
-    <div class="card" style="margin-bottom: 20px">
-        <van-row >
-            <van-col span="16">
-                <h3><strong>校卡审核</strong></h3>
-            </van-col>
-            <van-col span="8">
-               <p :style="{ color: statusColor[2] }">{{statusString[2]}}</p>
-            </van-col>
-        </van-row>
-        <add-photo @uploadPhoto="onReadPhoto"/>
-        <p>活动仅允许深大学生参与，请上传正面校卡照片审核~</p>
-
-
-    </div>
-</template>
-
-<script>
-    import {  Row, Col,  } from 'vant';
-    import AddPhoto from "../components/addPhoto";
-    import {BasicFunction} from "../connector/basic-service";
-    export default {
-        name: "schoolCard",
-        components: {
-            AddPhoto,
-            [Row.name]: Row, [Col.name]: Col,
-        },
-        data() {
-            return {
-                statusString: ['审核中', '未上传校卡', '审核通过', '审核失败'],
-                statusColor: ['#f43736', '#00ff00', '#00fa9a', '#ff0000'],
-                photo: null,
-            }
-        },
-        methods: {
-            publishPresent() {
-                // 检验输入
-
-                if (this.photo === null) {
-                    Toast.fail('请上传礼物照片');
-                    return;
-                }
-                // post_present()
-                let present = {
-                    photo: this.photo
-                };
-                console.log(present);
-                //FIXME : wrong address given !
-                BasicFunction.get_data("ajaxpostpresent", function (response) {
-                    console.log("------ Data Rcvd in School Card --------");
-                    console.log(response);
-                    if(response.ret === "10000"){
-                        // 不需要 设置 SessionID， 已经自动保存在jSessionID中
-                        this.$router.push('index');
-                    } else {
-                        // 注册失败的处理
-                        Toast.fail("上传失败，请检查网络");
-                    }
-                }, {});
-                // this.$router.push('index');
-            },
-            onReadPhoto(file) {
-                this.photo = file;
-            }
-        },
-        created: function () {
-            if (!localStorage.getItem('frontend-userid')) {
-                this.$router.push('login');
-                return;
-            }
-        }
-    }
-</script>
-
-<style scoped>
-    p, h3 {
-        color: #fd6740;
-    }
-    h3 {
-        padding: 5px;
-        border-bottom: solid 1px #e4e4e4;
-    }
-    p {
-        padding-top:  3px ;
-    }
-    .card {
-        background-color: white;
-        margin: 20px 20px;
-        border: solid 1px #e4e4e4;
-        padding: 15px;
-        text-align: left;
-    }
+<template>
+    <div class="card" style="margin-bottom: 20px">
+        <van-row style="border-bottom: solid 1px #e4e4e4;">
+            <van-col span="16">
+                <h3><strong>校卡审核</strong></h3>
+            </van-col>
+            <van-col span="8">
+               <p :style="{ color: statusColor[2] }">{{statusString[2]}}</p>
+            </van-col>
+        </van-row>
+        <add-photo @uploadPhoto="onReadPhoto"/>
+        <p>活动仅允许深大学生参与，请上传正面校卡照片审核~</p>
+
+
+    </div>
+</template>
+
+<script>
+    import {  Row, Col,  } from 'vant';
+    import AddPhoto from "../components/addPhoto";
+    import {BasicFunction} from "../connector/basic-service";
+    export default {
+        name: "schoolCard",
+        components: {
+            AddPhoto,
+            [Row.name]: Row, [Col.name]: Col,
+        },
+        data() {
+            return {
+                statusString: ['审核中', '未上传校卡', '审核通过', '审核失败'],
+                statusColor: ['#f43736', '#00ff00', '#00fa9a', '#ff0000'],
+                photo: null,
+            }
+        },
+        methods: {
+            publishPresent() {
+                // 检验输入
+
+                if (this.photo === null) {
+                    Toast.fail('请上传礼物照片');
+                    return;
+                }
+                // post_present()
+                let present = {
+                    photo: this.photo
+                };
+                console.log(present);
+                //FIXME : wrong address given !
+                BasicFunction.get_data("ajaxpostpresent", function (response) {
+                    console.log("------ Data Rcvd in School Card --------");
+                    console.log(response);
+                    if(response.ret === "10000"){
+                        // 不需要 设置 SessionID， 已经自动保存在jSessionID中
+                        this.$router.push('index');
+                    } else {
+                        // 注册失败的处理
+                        Toast.fail("上传失败，请检查网络");
+                    }
+                }, {});
+                // this.$router.push('index');
+            },
+            onReadPhoto(file) {
+                this.photo = file;
+            }
+        },
+        created: function () {
+            if (!localStorage.getItem('frontend-userid')) {
+                this.$router.push('login');
+                return;
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    p, h3 {
+        color: #fd6740;
+    }
+    p,h3 {
+        padding: 5px;
+    }
+    p {
+        padding-top:  3px ;
+    }
+    .card {
+        background-color: white;
+        margin: 20px 20px;
+        border: solid 1px #e4e4e4;
+        padding: 15px;
+        text-align: left;
+    }
 </style>

sourcecode/h5app/vue/src/components/schoolidCard.vue

@@ -1,210 +1,209 @@
-<template>
-    <div class="card" style="margin-bottom: 20px">
-        <van-row>
-            <van-col span="14">
-                <h3><strong>个人资料</strong></h3>
-            </van-col>
-            <van-col span="6" style="">
-                <p style="border-bottom: solid 1px #e4e4e4" @click="toggleReadOnly()">{{isReadonly ? "编辑" : "保存"}}</p>
-            </van-col>
-        </van-row>
-        <p>昵称</p>
-        <van-cell-group>
-            <van-field
-                    placeholder="请输入昵称"
-                    v-model="personName"
-                    :error="personError"
-                    @click="personError=false"
-                    required
-                    maxlength="10"
-                    :readonly="isReadonly"
-            />
-        </van-cell-group>
-        <p>性别</p>
-        <van-radio-group v-model="gender">
-            <van-radio name="0" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">男</van-radio>
-            <van-radio name="1" checked-color="#fd6740" :disabled="isReadonly">女</van-radio>
-        </van-radio-group>
-        <p>微信号</p>
-        <van-cell-group>
-            <van-field
-                    placeholder=" "
-                    v-model="weixinName"
-                    :error="weixinError"
-                    @click="weixinError=false"
-                    required
-                    maxlength="20"
-                    :readonly="isReadonly"
-            />
-        </van-cell-group>
-        <p>宿舍区</p>
-            <van-radio-group v-model="dormDistrict">
-            <van-radio name="0" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">南区</van-radio>
-            <van-radio name="1" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">西南</van-radio>
-            <van-radio name="2" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">斋区</van-radio>
-            <van-radio name="3" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">桂庙</van-radio>
-            <van-radio name="4" checked-color="#fd6740" :disabled="isReadonly">西丽</van-radio>
-        </van-radio-group>
-    </div>
-</template>
-
-<script>
-    import { Row, Col,
-        CellGroup, Field,
-        RadioGroup, Radio,
-        Toast
-    } from 'vant';
-    import {BasicFunction} from "../connector/basic-service";
-
-    export default {
-        name: "schoolidCard",
-        components: {
-
-            [CellGroup.name]: CellGroup, [Field.name]: Field,
-            [RadioGroup.name]: RadioGroup, [Radio.name]: Radio,
-            [Row.name]: Row, [Col.name]: Col,
-
-        },
-        data() {
-            return {
-                gender: '0',
-                dormDistrict: '1',
-                personName: '',
-                personError: false,
-                weixinName: '',
-                weixinError: false,
-                isReadonly: true,
-                userDo: {},
-                reviewDo: {},
-            }
-        },
-        methods: {
-            uploadNameChange: function () {
-                let that = this;
-                BasicFunction.get_data("smartUsers/updateBatch", function (response) {
-                    console.log("------ Data Rcvd in uploadNameChange --------");
-                    console.log(response);
-                    if (response.ret === "10000") {
-                        that.isReadonly = true;
-                        Toast.success("上传成功")
-                    } else {
-                        Toast.fail("上传失败，请检查网络");
-                    }
-                }, [this.userDo]);
-            },
-            uploadReviewChange: function () {
-                let that = this;
-                BasicFunction.get_data("smartIdentity/updateBatch", function (response) {
-                    console.log("------ Data Rcvd in uploadReviewChange --------");
-                    console.log(response);
-                    if (response.ret === "10000") {
-                        //history.go(0);
-                        that.isReadonly = true;
-                        Toast.success("上传成功")
-                    } else {
-                        Toast.fail("上传失败，请检查网络");
-                    }
-                }, [this.reviewDo]);
-            },
-            toggleReadOnly: function () {
-                if (!this.isReadonly){
-                    this.savePage()
-                }
-                this.isReadonly =  !this.isReadonly;
-            },
-            savePage() {
-                // 检验输入
-                // var userId = localStorage.getItem(....
-                if (this.personName.length === 0) {
-                    this.personError = true;
-                    return;
-                } else if (this.weixinName.length >= 20) {
-                    this.weixinError = true;
-                    Toast.fail('最多输入20个字符');
-                    return;
-                }
-                // post_present()
-                this.userDo.name = this.personName;  // changed to personName instead.
-                this.uploadNameChange();
-                this.reviewDo.userSex = parseInt(this.gender); // TODO: 请注意 int <-> string 转换
-                this.reviewDo.dormDistrict = parseInt(this.dormDistrict);
-                this.uploadReviewChange();
-
-            },
-            getIdentityInfo: function (obj) {
-                //this;
-                if (!localStorage.getItem('frontend-userid')) {
-                    this.$router.push('login');
-                    return;
-                }
-                let userId = localStorage.getItem("frontend-userid");
-                let that = this;
-                BasicFunction.get_data("smartUsers/list?uid=" + userId, function (response) {
-                    console.log("------ Data Rcvd in getIdentityInfo --------");
-                    console.log(response);
-                    if (response.ret === "10000") {
-                        var t = response.model.list;
-                        that.personName = t[0].name; // 左侧是vue页面内的变量名字， 右侧是后台数据里的变量名称
-                        that.userDo = t[0];
-                    } else {
-                        // 注册失败的处理
-                        Toast.fail("获取失败，请检查网络");
-                    }
-                }, [{}]);
-            },
-            getReviewInfo:function (obj) {
-                if (!localStorage.getItem('frontend-userid')) {
-                    this.$router.push('login');
-                    return;
-                }
-                let userId = localStorage.getItem("frontend-userid");
-                let that = this;
-                BasicFunction.get_data("smartIdentity/list?userId=" + userId, function (response) {
-                    console.log("------ Data Rcvd in getReviewInfo --------");
-                    console.log(response);
-                    if (response.ret === "10000") {
-                        var t = response.model.list;
-                        that.gender = ""+t[0].userSex; // 左侧是vue页面内的变量名字， 右侧是后台数据里的变量名称
-                        that.dormDistrict = ""+t[0].dormDistrict; //TODO: 请注意文本数字转换
-                        that.reviewDo = t[0];
-                    } else {
-                        Toast.fail("获取失败，请检查网络");
-                    }
-                }, [{}]);
-            }
-        },
-
-        created: function () {
-            if (!localStorage.getItem('frontend-userid')) {
-                this.$router.push('login');
-                return;
-            }
-            let that = this;
-            this.getIdentityInfo(that);
-            this.getReviewInfo(that);
-        }
-    }
-</script>
-
-<style scoped>
-    p, h3 {
-        color: #fd6740;
-    }
-
-    h3 {
-        padding: 5px;
-        border-bottom: solid 1px #e4e4e4;
-    }
-
-    p {
-        padding-top: 3px;
-    }
-
-    .card {
-        background-color: white;
-        margin: 20px 20px;
-        border: solid 1px #e4e4e4;
-        padding: 15px;
-        text-align: left;
-    }
+<template>
+    <div class="card" style="margin-bottom: 20px">
+        <van-row style="border-bottom: solid 1px #e4e4e4;">
+            <van-col span="14">
+                <h3><strong>个人资料</strong></h3>
+            </van-col>
+            <van-col span="6" style="">
+                <p  @click="toggleReadOnly()">{{isReadonly ? "编辑" : "保存"}}</p>
+            </van-col>
+        </van-row>
+        <p>昵称</p>
+        <van-cell-group>
+            <van-field
+                    placeholder="请输入昵称"
+                    v-model="personName"
+                    :error="personError"
+                    @click="personError=false"
+                    required
+                    maxlength="10"
+                    :readonly="isReadonly"
+            />
+        </van-cell-group>
+        <p>性别</p>
+        <van-radio-group v-model="gender">
+            <van-radio name="0" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">男</van-radio>
+            <van-radio name="1" checked-color="#fd6740" :disabled="isReadonly">女</van-radio>
+        </van-radio-group>
+        <p>微信号</p>
+        <van-cell-group>
+            <van-field
+                    placeholder=" "
+                    v-model="weixinName"
+                    :error="weixinError"
+                    @click="weixinError=false"
+                    required
+                    maxlength="20"
+                    :readonly="isReadonly"
+            />
+        </van-cell-group>
+        <p>宿舍区</p>
+            <van-radio-group v-model="dormDistrict">
+            <van-radio name="0" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">南区</van-radio>
+            <van-radio name="1" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">西南</van-radio>
+            <van-radio name="2" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">斋区</van-radio>
+            <van-radio name="3" checked-color="#fd6740" style="float: left; margin-right: 20px" :disabled="isReadonly">桂庙</van-radio>
+            <van-radio name="4" checked-color="#fd6740" :disabled="isReadonly">西丽</van-radio>
+        </van-radio-group>
+    </div>
+</template>
+
+<script>
+    import { Row, Col,
+        CellGroup, Field,
+        RadioGroup, Radio,
+        Toast
+    } from 'vant';
+    import {BasicFunction} from "../connector/basic-service";
+
+    export default {
+        name: "schoolidCard",
+        components: {
+
+            [CellGroup.name]: CellGroup, [Field.name]: Field,
+            [RadioGroup.name]: RadioGroup, [Radio.name]: Radio,
+            [Row.name]: Row, [Col.name]: Col,
+
+        },
+        data() {
+            return {
+                gender: '0',
+                dormDistrict: '1',
+                personName: '',
+                personError: false,
+                weixinName: '',
+                weixinError: false,
+                isReadonly: true,
+                userDo: {},
+                reviewDo: {},
+            }
+        },
+        methods: {
+            uploadNameChange: function () {
+                let that = this;
+                BasicFunction.get_data("smartUsers/updateBatch", function (response) {
+                    console.log("------ Data Rcvd in uploadNameChange --------");
+                    console.log(response);
+                    if (response.ret === "10000") {
+                        that.isReadonly = true;
+                        Toast.success("上传成功")
+                    } else {
+                        Toast.fail("上传失败，请检查网络");
+                    }
+                }, [this.userDo]);
+            },
+            uploadReviewChange: function () {
+                let that = this;
+                BasicFunction.get_data("smartIdentity/updateBatch", function (response) {
+                    console.log("------ Data Rcvd in uploadReviewChange --------");
+                    console.log(response);
+                    if (response.ret === "10000") {
+                        //history.go(0);
+                        that.isReadonly = true;
+                        Toast.success("上传成功")
+                    } else {
+                        Toast.fail("上传失败，请检查网络");
+                    }
+                }, [this.reviewDo]);
+            },
+            toggleReadOnly: function () {
+                if (!this.isReadonly){
+                    this.savePage()
+                }
+                this.isReadonly =  !this.isReadonly;
+            },
+            savePage() {
+                // 检验输入
+                // var userId = localStorage.getItem(....
+                if (this.personName.length === 0) {
+                    this.personError = true;
+                    return;
+                } else if (this.weixinName.length >= 20) {
+                    this.weixinError = true;
+                    Toast.fail('最多输入20个字符');
+                    return;
+                }
+                // post_present()
+                this.userDo.name = this.personName;  // changed to personName instead.
+                this.uploadNameChange();
+                this.reviewDo.userSex = parseInt(this.gender); // TODO: 请注意 int <-> string 转换
+                this.reviewDo.dormDistrict = parseInt(this.dormDistrict);
+                this.uploadReviewChange();
+
+            },
+            getIdentityInfo: function (obj) {
+                //this;
+                if (!localStorage.getItem('frontend-userid')) {
+                    this.$router.push('login');
+                    return;
+                }
+                let userId = localStorage.getItem("frontend-userid");
+                let that = this;
+                BasicFunction.get_data("smartUsers/list?uid=" + userId, function (response) {
+                    console.log("------ Data Rcvd in getIdentityInfo --------");
+                    console.log(response);
+                    if (response.ret === "10000") {
+                        var t = response.model.list;
+                        that.personName = t[0].name; // 左侧是vue页面内的变量名字， 右侧是后台数据里的变量名称
+                        that.userDo = t[0];
+                    } else {
+                        // 注册失败的处理
+                        Toast.fail("获取失败，请检查网络");
+                    }
+                }, [{}]);
+            },
+            getReviewInfo:function (obj) {
+                if (!localStorage.getItem('frontend-userid')) {
+                    this.$router.push('login');
+                    return;
+                }
+                let userId = localStorage.getItem("frontend-userid");
+                let that = this;
+                BasicFunction.get_data("smartIdentity/list?userId=" + userId, function (response) {
+                    console.log("------ Data Rcvd in getReviewInfo --------");
+                    console.log(response);
+                    if (response.ret === "10000") {
+                        var t = response.model.list;
+                        that.gender = ""+t[0].userSex; // 左侧是vue页面内的变量名字， 右侧是后台数据里的变量名称
+                        that.dormDistrict = ""+t[0].dormDistrict; //TODO: 请注意文本数字转换
+                        that.reviewDo = t[0];
+                    } else {
+                        Toast.fail("获取失败，请检查网络");
+                    }
+                }, [{}]);
+            }
+        },
+
+        created: function () {
+            if (!localStorage.getItem('frontend-userid')) {
+                this.$router.push('login');
+                return;
+            }
+            let that = this;
+            this.getIdentityInfo(that);
+            this.getReviewInfo(that);
+        }
+    }
+</script>
+
+<style scoped>
+    p, h3 {
+        color: #fd6740;
+    }
+
+    p,h3 {
+        padding: 5px;
+    }
+
+    p {
+        padding-top: 3px;
+    }
+
+    .card {
+        background-color: white;
+        margin: 20px 20px;
+        border: solid 1px #e4e4e4;
+        padding: 15px;
+        text-align: left;
+    }
 </style>

sourcecode/h5app/vue/src/connector/basic-service.js

@@ -20,6 +20,7 @@ var BasicFunction = new (function () {
         THRESHOLD: 1000,
         IS_LOADED: false,
         nowuse: 0, SVR_URL: "/server/",
+        TEST_URL:"smartAds/list",
         groupsCount: 0, groups: [],
         shouldStop: false,
         backup: ["/server/",
@@ -88,7 +89,7 @@ var BasicFunction = new (function () {
 
     this.get_server_url = function () {
         // AJAX
-        this.output = this.goajax({url: this.Queue.SVR_URL + "fcFlow/list", timeout: 1000})
+        this.output = this.goajax({url: this.Queue.SVR_URL + this.Queue.TEST_URL, timeout: 1000})
             .then(this.checkStatus)
             .then(this.parseJson)
             .then(this.onReachServer)
@@ -117,7 +118,7 @@ var BasicFunction = new (function () {
             BasicFunction.Queue.nowuse++;
             BasicFunction.Queue.SVR_URL = BasicFunction.Queue.backup[BasicFunction.Queue.nowuse];
             // AJAX
-            BasicFunction.goajax({url: BasicFunction.Queue.SVR_URL + "fcFlow/list", timeout: 1000})
+            BasicFunction.goajax({url: BasicFunction.Queue.SVR_URL + BasicFunction.Queue.TEST_URL, timeout: 1000})
                 .then(BasicFunction.checkStatus)
                 .then(function (response) {return response.json();} )
                 .then(BasicFunction.onReachServer)

sourcecode/h5app/vue/src/views/Assess.vue

@@ -41,6 +41,7 @@
         Toast
     } from 'vant'
     import {BasicFunction} from "../connector/basic-service";
+    // import { wx } from "http://res2.wx.qq.com/open/js/jweixin-1.4.0.js";
 
     export default {
         name: "Assess",

sourcecode/h5app/vue/src/views/index.vue

@@ -84,7 +84,7 @@
         },
         created: function () {
             // return get_present_data()
-            if (!localStorage.getItem('frontend-userid')) {
+            if (localStorage.getItem('frontend-userid') === null) {
                 this.$router.push('login');
                 return;
             }

sourcecode/h5app/vue/src/views/login.vue

@@ -14,38 +14,42 @@
 
     export default {
         created: function () {
-            // let otp = this.$route.query.o;
-            let otp = BasicFunction.utils_get_param("o");
+            if (localStorage.getItem('frontend-userid')) {
+                userid = localStorage.getItem('frontend-userid');
+                this.$router.push('index');
+            }
+            let otp = this.$route.query.o;
             console.log('otp: ');
             console.log(otp);
-            if (otp === null) {
-                console.warn('无otp');
-                return;
+            if (otp === undefined) {
+                otp = BasicFunction.utils_get_param("o");
             }
+            console.log('otp: ');
+            console.log(otp);
             let userid = '';
-            // if (localStorage.getItem('frontend-userid')) {
-            //     userid = localStorage.getItem('frontend-userid');
-            //     this.$router.push('index');
-            // }
+
+            if (otp === undefined) {
+                // no-otp
+                Toast.fail("链接失效！请回到公众号重新获取链接");
+                return;
+            }
             let that = this;
             BasicFunction.get_data("ajaxotplogin?otp=" + otp.toString(), function (response) {
                 console.log("------ User Info login --------");
                 console.log(response);
                 if (response.ret === "10000") {
-                    let user = response.model.list[0];
-                    userid = user.uid;
+                    let user = response.model;
+                    userid = user.userId;
                     localStorage.setItem('frontend-userid', userid);
                     Toast.success('登录成功');
-                    // that.$router.push('index');
+                    that.$router.push('index');
                 } else {
                     // 失败的处理
                     console.warn("获取用户信息失败");
-                    Toast.fail('链接失效，请回到公众号重新获取链接');
+                    Toast.fail('链接失效！请回到公众号重新获取链接');
+                    that.$router.push('warning');
                 }
             }, {});
-            // if (userid.length === 0) this.$router.push('warning');
-            // else this.$router.push('index');
-            // this.$router.push('index');
         }
     }
 

sourcecode/h5app/vue/src/views/share.vue

@@ -1,39 +1,104 @@
-<template>
-    <div>
+<template >
+    <div class="note" :style="note">
         <!--分享页面-->
+        <div class="card">
+            <h3><strong>提交成功！最后一步</strong></h3>
+            <van-row>保存邀请卡片（图片）至手机</van-row>
+            <van-row>转发图片至朋友圈并截图</van-row>
+            <van-row>将截图发送至<span style="color: #F4A460"> 深大欢欢 </span>公众号后台，才可获得本次活动的【匹配资格】和【抽奖机会】</van-row>
+        </div>
         <div style="position: relative;">
             <img :src="share" style="max-width: 80%; position: relative;"/>
         </div>
         <van-button size="large" type="primary" @click="Toindex">返回首页</van-button>
+        <van-button size="large" type="primary" @click="ToShare">返回首页</van-button>
 
     </div>
 </template>
 
 <script>
-    import {
+  //  import wx from 'weixin-js-sdk';
+    import {Row, Col,
         Button
     } from 'vant'
     export default {
         name: "share",
         components: {
-            [Button.name]: Button
+            [Button.name]: Button,
+            [Row.name]: Row, [Col.name]: Col,
+            'wx': {
+                render(createElement) {
+                    return createElement(
+                        'script',
+                        {
+                            attrs: {
+                                type: 'text/javascript',
+                                src: 'http://res2.wx.qq.com/open/js/jweixin-1.4.0.js',
+                            },
+                        },
+                    );
+                },
+            },
+        },
+        mounted: {
+
         },
         data() {
             return {
+                note: {
+                    backgroundImage: "url(" + require("../assets/prize_background.jpg") + ")",
+                },
                 active: 0,
                 share: require('../assets/post.png'),
             }
         },
-        methods:{
-            Toindex(){
+        methods: {
+            Toindex() {
                 this.$router.push('index');
             }
+
         },
+
         created: function () {
             if (!localStorage.getItem('frontend-userid')) {
                 this.$router.push('login');
                 return;
             }
+
+            BasicFunction.getSigned(['onMenuShareTimeline', 'onMenuShareAppMessage',], function(){
+                wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
+                    wx.onMenuShareTimeline({
+                        title: '用一份礼物，邂逅一段故事', // 分享标题
+                        link: 'https://gift.fogice.com/?res=timeline', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                        imgUrl: 'http://gift.fogice.com/attachment/upload/2018-12-13_22-45-35_dbad3cb10afe017f8ef5158f96c9a7c6c622aa04db557384883f97fe38cae380.png', // 分享图标
+                        success: function () {
+                            // 设置成功
+                        }
+                    });
+                    wx.onMenuShareAppMessage({
+                        title: '用一份礼物，邂逅一段故事', // 分享标题
+                        desc: '嘿~我送出了一份圣诞礼物  要和我来交换吗', // 分享描述
+                        link: 'https://gift.fogice.com/?res=appmessage', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                        imgUrl: 'http://gift.fogice.com/attachment/upload/2018-12-13_22-45-35_dbad3cb10afe017f8ef5158f96c9a7c6c622aa04db557384883f97fe38cae380.png', // 分享图标
+                        type: '', // 分享类型,music、video或link，不填默认为link
+                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
+                        success: function () {
+// 用户点击了分享后执行的回调函数
+                        }
+                    });
+                })
+            });
+
+
+          /*  wx.config({
+                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+                appId: '', // 必填，公众号的唯一标识
+                timestamp:, // 必填，生成签名的时间戳
+                nonceStr: '', // 必填，生成签名的随机串
+                signature: '',// 必填，签名
+                jsApiList: [] // 必填，需要使用的JS接口列表
+            });*/
+
         }
     }
 </script>
@@ -45,4 +110,13 @@
         margin: 10px 0 10px;
         width: 55%;
     }
+    .card {
+        margin: 20px 20px;
+        padding: 15px;
+        text-align: left;
+    }
+    .van-row{
+
+        font-size: 0.3em;
+    }
 </style>