企业认证

src/main/nine-space/package-lock.json

@@ -1924,6 +1924,80 @@
         "webpack-chain": "^6.4.0",
         "webpack-dev-server": "^3.11.0",
         "webpack-merge": "^4.2.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
+        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -2607,6 +2681,14 @@
       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
       "dev": true
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -2677,6 +2759,11 @@
         "babylon": "^6.18.0"
       }
     },
+    "babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
     "babel-loader": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.3.tgz",
@@ -2824,7 +2911,6 @@
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
-      "dev": true,
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
@@ -2833,14 +2919,12 @@
         "core-js": {
           "version": "2.6.12",
           "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-          "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
-          "dev": true
+          "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
         },
         "regenerator-runtime": {
           "version": "0.11.1",
           "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
-          "dev": true
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
         }
       }
     },
@@ -4577,8 +4661,7 @@
     "deepmerge": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
-      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
-      "dev": true
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
     },
     "default-gateway": {
       "version": "5.0.5",
@@ -5064,6 +5147,19 @@
       "integrity": "sha512-K/rqxvLwZOshysgPOqfU1x8rfdFXyieYLdT1JYlLHkLj8gI/4Qh4Xi+KrO6kq4t3aNhp/wGSGOyR4ooYvXbvyg==",
       "dev": true
     },
+    "element-ui": {
+      "version": "2.15.6",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.6.tgz",
+      "integrity": "sha512-rcYXEKd/j2G0AgficAOk1Zd1AsnHRkhmrK4yLHmNOiimU2JfsywgfKUjMoFuT6pQx0luhovj8lFjpE4Fnt58Iw==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
     "elliptic": {
       "version": "6.5.4",
       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
@@ -8267,6 +8363,11 @@
       "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
       "dev": true
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -10106,6 +10207,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
@@ -11307,6 +11413,11 @@
         "neo-async": "^2.6.0"
       }
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -11997,80 +12108,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.12.tgz",

src/main/nine-space/src/main.js

@@ -20,6 +20,7 @@ import queryString from 'query-string';
 // import VConsole from 'vconsole';
 // const vConsole = new VConsole();
 store.commit('setFirstUrl', location.href);
+
 http.http
     .get('/wx/jsapiSign', { url: location.href })
     .then(res => {
@@ -55,6 +56,7 @@ http.http
         });
     })
     .catch(e => {});
+
 createApp(App)
     .use(Vant)
     .use(http)

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

@@ -8,7 +8,7 @@
             </div>
         </div>
 
-        <van-form @submit="submit" @failed="failed" ref="form">
+        <van-form @submit="submit" class="form" @failed="failed" ref="form">
             <van-field
                 label="法人姓名"
                 name="法人姓名"
@@ -17,38 +17,6 @@
                 :rules="[{ required: true, message: '请输入您法人姓名' }]"
             >
             </van-field>
-            <!-- 
-            <van-field
-                type="tel"
-                label="手机号码"
-                name="手机号码"
-                placeholder="请输入您的手机号码"
-                v-model="form.phone"
-                :maxlength="11"
-                :rules="[
-                    { required: true, message: '请输入您的手机号码' },
-                    {
-                        pattern: phonePattern,
-                        message: '手机号码格式错误'
-                    }
-                ]"
-            >
-            </van-field> -->
-
-            <!-- <van-field
-                label="电子邮箱"
-                name="电子邮箱"
-                placeholder="请输入电子邮箱"
-                v-model="form.email"
-                :rules="[
-                    { required: true, message: '请输入电子邮箱' },
-                    {
-                        pattern: emailPattern,
-                        message: '电子邮箱格式错误'
-                    }
-                ]"
-            >
-            </van-field> -->
 
             <van-field
                 label="身份证号"
@@ -123,34 +91,63 @@
                 :rules="[{ required: true, message: '请输入企业名称' }]"
             >
             </van-field>
+            <!-- <van-field class="name" label="工商营业执照注册号/统一社会信用代码"> </van-field> -->
             <div class="name">工商营业执照注册号/统一社会信用代码</div>
             <van-field
                 placeholder="工商营业执照注册号/统一社会信用代码"
                 v-model="form.orgNo"
-                :rules="[{ required: true, message: '工商营业执照注册号/统一社会信用代码' }]"
+                :rules="[{ required: true, min: 18, max: 18, message: '请输入18位统一社会信用代码', trigger: 'blur' }]"
             >
             </van-field>
-            <van-checkbox :value="checked" @change="onChange">长期</van-checkbox>
-            <!-- <van-field name="isPostPoster" label="9.是否在明显位置张贴《疫情防控指南》海报?">
-                <template #input>
-                    <van-radio-group v-model="formData.isPostPoster" direction="horizontal">
-                        <van-radio :name="true">
-                            是
-                            <template #icon="props">
-                                <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
-                            </template>
-                        </van-radio>
-                    </van-radio-group>
-                </template>
-            </van-field> -->
+            <div class="time">
+                <!-- <van-field label="工商营业执照有效日期截止时间"> </van-field> -->
+                <div class="name1">工商营业执照有效日期截止时间</div>
+                <van-checkbox v-model="form.checked" @change="change">长期</van-checkbox>
+            </div>
+            <div class="name3">证照有效截止日期需大于60天，如证照上日期为长期或无， 请勾选长期</div>
             <van-field
                 label="例2034-06-17"
-                :value="form.startTime"
-                placeholder="请选择"
-                @click="pickerShow('newShow')"
                 readonly
+                is-link
+                @click="showPopup"
+                placeholder="请选择"
+                v-model="form.orgLicenseExpire"
+                :rules="[
+                    {
+                        orgLicenseExpire: [
+                            {
+                                required: true,
+                                validator: (rule, value, callback) => {
+                                    if (!this.form.checked) {
+                                        if (!this.form.orgLicenseExpire) {
+                                            callback(new Error('请选择日期截止方式'));
+                                        } else {
+                                            callback();
+                                        }
+                                    } else {
+                                        callback();
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                ]"
             >
             </van-field>
+            <div v-if="!show2">
+                <van-popup v-model:show="show" position="bottom">
+                    <van-datetime-picker
+                        @change="Time"
+                        v-model="form.orgLicenseExpire"
+                        type="date"
+                        title="选择年月日"
+                        placeholder="工商营业执照注册号/统一社会信用代码"
+                        :min-date="minDate"
+                        :max-date="maxDate"
+                        @confirm="confirm"
+                    />
+                </van-popup>
+            </div>
             <van-field
                 label="营业执照"
                 v-model="form.orgLicense"
@@ -175,15 +172,6 @@
                     </div>
                 </template>
             </van-field>
-            <van-popup :show="newShow" position="bottom" @close="onClose">
-                <van-datetime-picker
-                    type="date"
-                    :value="currentDate"
-                    @input="onInput"
-                    :min-date="minDate"
-                    :formatter="formatter"
-                />
-            </van-popup>
             <div class="button" ref="btn">
                 <van-button
                     round
@@ -206,16 +194,16 @@ export default {
     computed: {
         ...mapState(['userInfo'])
     },
-
     mixins: [phone],
     data() {
         return {
-            checked: true,
             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: '',
+                checked: false,
+                orgLicenseExpire: '',
                 orgName: '',
                 orgNo: '',
                 idNo: '',
@@ -225,60 +213,48 @@ export default {
                 orgLicense: ''
             },
             btn: null,
-            newShow: false,
-            currentDate: new Date().getTime(),
-            minDate: new Date().getTime(),
-            formatter(type, value) {
-                if (type === 'year') {
-                    return `${value}年`;
-                }
-                if (type === 'month') {
-                    return `${value}月`;
-                }
-                return value;
-            }
+            show2: false,
+            show: false
         };
     },
     mounted() {
         this.btn = this.$refs.btn;
     },
     methods: {
-        onInput(event) {
-            console.log(event);
-            var date = new Date(date);
-            this.setData({
-                currentDate: event.detail
-            });
+        Time() {
+            if (this.form.orgLicenseExpire) {
+                this.form.checked = false;
+            }
         },
-        pickerShow(key = 'show') {
-            this[key] = true;
-            // wx.hideKeyboard();
+        change() {
+            if (this.form.checked == true) {
+                this.show2 = true;
+                this.form.orgLicenseExpire = undefined;
+            } else {
+                this.show2 = false;
+                this.show = false;
+            }
+            this.$forceUpdate();
         },
-        onChange(event) {
-            console.log(event);
-            this.setData({
-                checked: event.detail
-            });
+        showPopup() {
+            this.show = true;
+        },
+        confirm(value) {
+            var date = new Date(value);
+            date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
+            this.form.orgLicenseExpire = date;
+            this.show = false;
         },
-        // // 时间确认按钮
-        // onConfirm(event) {
-        //     this.currentDate = event.detail;
-        //     var timeValue = this.timeFormat(new Date(event.detail), 'yyyy-MM-dd hh:mm');
-        //     this.form.startTime = timeValue;
-        //     this.newShow = false;
-        // },
-        // // 时间取消按钮
-        // onCancel() {
-        //     this.newShow = false;
-        // },
         submit() {
             this.$refs.form
                 .validate()
                 .then(() => {
                     let form = { ...this.form };
+                    delete form.checked;
                     form.userId = this.userInfo.id;
                     form.status = 'PENDING';
-                    form.org = false;
+                    form.org = true;
+                    // console.log(form);
                     this.$http
                         .post('/identityAuth/apply', {
                             ...form
@@ -307,7 +283,9 @@ export default {
 .login {
     padding: 10px 16px 150px;
 }
-
+/deep/ .van-cell__right-icon {
+    margin-top: 20px;
+}
 .tabs {
     padding-bottom: 12px;
     .text1 {
@@ -328,12 +306,28 @@ export default {
         }
     }
 }
-.name {
-    font-size: 14px;
-    font-weight: bold;
-    color: #ffffff;
+.time {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    // height: 95px;
+    margin-top: 20px;
+}
+.name3 {
+    font-size: 13px;
+    font-weight: 400;
+    color: #494a4d;
     line-height: 24px;
-    margin-top: 10px;
+    margin-top: 4px;
+}
+.form {
+    .name {
+        font-size: 14px;
+        font-weight: bold;
+        color: #ffffff;
+        line-height: 24px;
+        margin-top: 20px;
+    }
 }
 .van-cell::after {
     border-bottom-color: #202122;