更新扫码签名

index.html

@@ -57,5 +57,6 @@
       eruda.init();
     </script>
     <% } %>
+    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
   </body>
 </html>

src/views/signPage/index.vue

@@ -3,10 +3,10 @@
     <van-form @submit="onSubmit">
       <van-cell-group inset>
         <van-field
-            v-model="form.user_name"
+            v-model="form.nick_name"
             name="姓名"
             label="姓名"
-            placeholder="姓名"
+            placeholder="请填写姓名"
             required
             :rules="[{ required: true, message: '请填写姓名' }]"
         />
@@ -14,7 +14,7 @@
             v-model="form.duties"
             name="职务"
             label="职务"
-            placeholder="职务"
+            placeholder="请填写职务"
             required
             :rules="[{ required: true, message: '请填写职务' }]"
         />
@@ -22,7 +22,7 @@
             v-model="form.dept_name"
             name="单位"
             label="单位"
-            placeholder="单位"
+            placeholder="请填写单位"
             required
             :rules="[{ required: true, message: '请填写单位' }]"
         />
@@ -30,7 +30,7 @@
             v-model="form.phone"
             name="联系方式"
             label="联系方式"
-            placeholder="联系方式"
+            placeholder="请填写联系方式"
             required
             :rules="[
                 { required: true, message: '请填写联系方式' },
@@ -46,21 +46,27 @@
             label="签到时间"
         />
       </van-cell-group>
-      <div class="button-list" style="margin: 16px;">
-        
-        <van-button :loading="loading" loading-text="签到中..." block type="primary" native-type="submit" v-if="type === '1'">
+
+      <div class="button-list" v-if="type === '1'">
+        <van-button :loading="loading" loading-text="签到中..." block type="primary" native-type="submit">
           确定签到
         </van-button>
 
+        <div class="div-line"></div>
+
         <van-button block type="default" @click="handleSignCancel" v-if="type === '1'">
           取消签到
         </van-button>
+      </div>
 
-        <van-button :loading="loading" loading-text="签退中..." block type="primary" native-type="submit" v-if="type === '2'">
+      <div class="button-list" v-if="type === '2'">
+        <van-button :loading="loading" loading-text="签退中..." block type="danger" native-type="submit">
           确定签退
         </van-button>
 
-        <van-button block type="default" @click="handleSignCancel" v-if="type === '2'">
+        <div class="div-line"></div>
+
+        <van-button block type="default" @click="handleSignCancel">
           取消签退
         </van-button>
       </div>
@@ -84,9 +90,9 @@ const event_id = route.query.event_id as string;
 // 1 签到 2 签退
 const type = ref('1');
 const form = ref({
-  user_id: '',
-  user_name: '',
-  dept_id: '',
+  user_id: '0',
+  nick_name: '',
+  dept_id: '0',
   dept_name: '',
   duties: '',
   sign_time: '',
@@ -114,26 +120,37 @@ const handleSignCancel = () => {
 }
 
 onMounted(() => {
-  getSignInfo({event_id: event_id}).then((res)=> {
-    const user = res.data;
-    console.log('user', user);
-    type.value = user.sign_time == '' ? '1' : '2';
-
-    form.value = {
-      user_id: user.user_id,
-      user_name: user.nick_name,
-      dept_id: user.dept_id,
-      dept_name: user.dept_name,
-      duties: user.duties,
-      sign_time: user.sign_time,
-      phone: user.phone
-    }
-  })
+  if (/(micromessenger)/i.test(navigator.userAgent)) {
+    // 微信端，啥都不填写
+  } else {
+    getSignInfo({event_id: event_id}).then((res)=> {
+      const user = res.data;
+      console.log('user', user);
+      type.value = user.sign_time == '' ? '1' : '2';
+
+      form.value = {
+        user_id: user.user_id,
+        nick_name: user.nick_name,
+        dept_id: user.dept_id,
+        dept_name: user.dept_name,
+        duties: user.duties,
+        sign_time: user.sign_time,
+        phone: user.phone
+      }
+    })
+  }
 })
 </script>
 
 <style lang="scss" scoped>
 .container {
-  padding-top: 10px;
+  padding-top: 16px;
+
+  .button-list {
+    margin: 16px;
+  }
+  .div-line {
+    height: 16px;
+  }
 }
 </style>