修改UI样式

dist/css/app.7284a3fc.css

@@ -0,0 +1 @@
+body{font-family:PingFangSC-Medium,PingFang SC;background-color:#fff;-webkit-font-smoothing:antialiased}

public/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
     <link rel="icon" href="<%= BASE_URL %>logo.png">
     <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
-    <title>打卡</title>
+    <title></title>
     <script>
       window._CONFIG = {};
         // 本地

src/router.js

@@ -167,6 +167,11 @@ router.beforeEach((to, from, next) => {
     }
 
     if ( whiteList.includes(to.name)  ) {
+        if(to.name === 'talentExchange'){
+            const body = document.getElementsByTagName('body')[0];
+            body.style.background = '#f5f5f5'
+            body.style.height = '100%'
+        }
         next()
     } else {
         if (getStore('role')) {

src/view/talent_exchange/Index.vue

@@ -2,7 +2,7 @@
     <div>
         <div class="exchange" v-if="isRegister === false">
             <img
-                    src="http://attachments.gfan.com/forum/attachments2/day_110311/1103111625a0f59f9afb32be51.jpg"
+                    src="../../assets/banner_talent_exchange.png"
                     alt=""
                     width="100%">
             <van-cell-group>
@@ -10,29 +10,30 @@
                         @submit="onSubmit"
                         :scroll-to-error="true"
                         :validate-first="true"
-                        label-width="100"
+                        :show-error-message="false"
+                        label-width="130"
                         ref="form">
                     <van-field
                             v-model="phone"
                             name="phone"
-                            label="手机号"
+                            label="手机号码（必填）:"
                             placeholder="请输入手机号"
-                            required
+                            input-align="right"
                             maxlength="11"
-                            :rules="[{required: true,validator:phoneRule,message: '请输入正确的手机号' }]"
+                            :rules="[{validator:phoneRule,message: '请输入正确的手机号' }]"
                     />
                     <van-field
                             v-model="name"
                             name="name"
-                            label="姓名"
+                            label="姓名（必填）:"
                             placeholder="请输入姓名"
-                            required
                             maxlength="30"
-                            :rules="[{required: true,message: '请输入姓名' }]"
+                            input-align="right"
+                            :rules="[{validator:nameRule,message: '请输入姓名' }]"
                     />
                     <div class="bar"></div>
-                    <van-field label="意向企业（可选择多项）" label-width="200"></van-field>
-                    <van-field name="intent_company">
+                    <van-field label="意向企业（可选择多项）" label-width="200" readonly></van-field>
+                    <van-field name="intent_company" style="padding: 0">
                         <template #input>
                             <van-checkbox-group
                                     v-model="intent_company"
@@ -43,6 +44,7 @@
                                         v-for="(item,index) in intentIompany"
                                         :key="index"
                                         :name="item.label"
+                                        icon-size="15px"
                                         class="checkbox">{{item.label}}
                                 </van-checkbox>
                             </van-checkbox-group>
@@ -54,11 +56,12 @@
                                     color="#0177FF"
                                     block
                                     :loading="loading"
+                                    :disabled="disabled"
                                     type="info"
                                     native-type="submit"
                                     loading-text="提交中..."
                                     style="border-radius:5px;font-size: 17px;font-weight: 500;">
-                                提交签到
+                                提交并入场
                             </van-button>
                         </div>
                     </div>
@@ -67,23 +70,21 @@
         </div>
         <div v-if="isRegister === true" class="is-sign">
             <div class="sign-image">
-                <van-image
-                        round
-                        src="http://b-ssl.duitang.com/uploads/item/201410/09/20141009224754_AswrQ.jpeg"
-                        alt=""
-                        width="120"/>
+                <img src="../../assets/submit_success_talent_exchange.png" alt="">
+            </div>
+            <div class="text">
+                <div class="text-title">提交成功</div>
+                <div>请主动向工作人员出示此页面</div>
             </div>
-            <div class="text">请主动向工作人员出示此页面</div>
             <van-button
                     plain
                     hairline
                     type="primary"
-                    color="#0177FF"
+                    color="#000000"
                     class="sign-button-con"
                     @click="backToIndex">回到首页
             </van-button>
         </div>
-
     </div>
 </template>
 
@@ -126,6 +127,7 @@
         },
         data() {
             return {
+                disabled: true,
                 loading: false,
                 name: '',
                 phone: '',
@@ -149,7 +151,7 @@
             this.phone = phone;
             this.isRegister = JSON.parse(isRegister || null)
             if (this.isRegister) {
-                document.title = '签到成功'
+                document.title = '提交成功'
             } else {
                 this.getSignStatus(this.$route.query)
             }
@@ -164,8 +166,17 @@
                     this.intentIompany = intentIompany
                 })
             },
+            nameRule(val) {
+                const status = Boolean(val);
+                this.disabled = !(status && isMobile(this.phone));
+                !status && this.$toast('请填写姓名');
+                return status
+            },
             phoneRule(val) {
-                return isMobile(val)
+                const status = isMobile(val);
+                this.disabled = !(status && Boolean(this.name));
+                !status && this.$toast('请输入正确的手机号');
+                return status
             },
             onSubmit(data) {
                 delete data.undefined
@@ -188,7 +199,7 @@
                     this.$toast.success({
                         message: '提交成功',
                         onClose: () => {
-                            document.title = '签到成功'
+                            document.title = '提交成功'
                             this.loading = false
                             this.isRegister = true
                         }
@@ -238,29 +249,58 @@
     }
 
     .checkbox {
-        margin-bottom: 5px;
+        /*margin-bottom: 5px;*/
+        height: 58px;
+        font-size: 15px;
+        border-bottom: 1px solid #f5f5f5;
+        padding: 0 15px;
+        box-sizing: border-box;
     }
 
-    .van-checkbox__label {
-        font-size: 24px !important;
+    /deep/ .van-checkbox__icon {
+        margin-right: 15px;
     }
 
     .is-sign {
-        padding-top: 45%;
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        background: #fff;
+        padding-top: 30%;
+        box-sizing: border-box;
     }
 
     .sign-image {
         text-align: center;
     }
 
+    .sign-image img {
+        width: 114px
+    }
+
     .text {
         font-size: 15px;
-        margin: 20px auto 45px auto;
+        margin: 32px auto 90px auto;
         text-align: center;
     }
 
+    .text-title {
+        font-size: 24px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        margin-bottom: 5px
+    }
+
     .sign-button-con {
-        width: 60%;
-        margin: 0 20%;
+        width: 50%;
+        margin: 0 25%;
+    }
+
+    .van-button::before {
+        border: 1px solid #000000;
+        border-radius: 5px !important;
+    }
+
+    .van-checkbox .van-checkbox__label {
+        margin-left: 30px !important;
     }
 </style>