实名校验

src/main/nine-space/src/views/account/Setting.vue

@@ -9,6 +9,7 @@
                         round
                         width="36"
                         height="36"
+                        accept="image/png, image/jpeg"
                         :src="userInfo.avatar || require('../../assets/svgs/img_default_photo.svg')"
                         fit="cover"
                     />
@@ -39,7 +40,7 @@
             <van-cell title="主页背景" class="not" is-link>
                 <template #value>
                     <span> 更换背景图片</span>
-                    <van-uploader class="avatar" :after-read="afterRead2" />
+                    <van-uploader accept="image/png, image/jpeg" class="avatar" :after-read="afterRead2" />
                 </template>
             </van-cell>
             <van-cell class="not" title="编码" :value="userInfo.id" />

src/main/nine-space/src/views/account/Verified.vue

@@ -56,7 +56,13 @@
                 name="身份证号"
                 placeholder="请输入身份证号"
                 v-model="form.idNo"
-                :rules="[{ required: true, message: '请输入身份证号' }]"
+                :rules="[
+                    { required: true, message: '请输入身份证号' },
+                    {
+                        pattern: IDPattern,
+                        message: '身份证号格式错误'
+                    }
+                ]"
             >
             </van-field>
 
@@ -81,7 +87,7 @@
                             fit="cover"
                             radius="20"
                         />
-                        <van-uploader name="idFront" :after-read="afterRead" />
+                        <van-uploader name="idFront" accept="image/png, image/jpeg" :after-read="afterRead" />
                     </div>
                 </template>
             </van-field>
@@ -106,7 +112,7 @@
                             fit="cover"
                             radius="20"
                         />
-                        <van-uploader name="idBack" :after-read="afterRead" />
+                        <van-uploader name="idBack" accept="image/png, image/jpeg" :after-read="afterRead" />
                     </div>
                 </template>
             </van-field>
@@ -128,15 +134,18 @@
 
 <script>
 import { mapState } from 'vuex';
+import phone from '../../mixins/phone';
 export default {
     computed: {
         ...mapState(['userInfo'])
     },
     inject: ['bs'],
+    mixins: [phone],
     data() {
         return {
             active: 'phone',
             emailPattern: /^([a-zA-Z0-9]+[_|_|\-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,6}$/,
+            IDPattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
             form: {
                 realName: '',
                 phone: '',