feat: "设备进阶参数"

src/assets/language/en.json

@@ -384,9 +384,9 @@
     "furnaceHeadTemperature": "furnace head temperature",
     "temperatureInCabinet": "Temperature in cabinet",
     "humidityInCabinet": "Humidity in cabinet",
-	"showGoods": "Block or display goods",
-	"editShowGoods": "Are you sure about the change?",
-	"unknownError": "Unknown error!",
+    "showGoods": "Block or display goods",
+    "editShowGoods": "Are you sure about the change?",
+    "unknownError": "Unknown error!",
     "degree": "degree",
     "volume": "volume",
     "alarmContent": "Alarm content",
@@ -464,9 +464,9 @@
       "submitPush": "Submit and push",
       "adRulePlace": "Please select the advertising rules first"
     },
-    "showGoodsPage":{
-      "title":"Goods display setting",
-      "equipmentName":"Equipment name"
+    "showGoodsPage": {
+      "title": "Goods display setting",
+      "equipmentName": "Equipment name"
     },
     "flowerType": "Flower type",
     "flowerTypePlace": "Please select the flower type"
@@ -563,6 +563,8 @@
     "taskMessage": "taskMessage",
     "labelMan": "Label management",
     "apkMan": "apk management",
+    "customLogo": "custom logo",
+    "logMan": "Log Management",
     "notificationPop": {
       "notification": "notification",
       "nextTime": "nextTime",
@@ -1170,6 +1172,17 @@
     "D476": "Humidification ON Time",
     "D477": "Humidification start delay",
     "D478": "Humidification stop delay",
-    "M504": "Differential Adjustment"
+    "M504": "Differential Adjustment",
+    "D218": "Sugar Pick Location X Settings",
+    "D228": "Stick position X setting",
+    "D268": "Sugar Position Y Settings",
+    "D278": "Pick up stick position Y setting",
+    "D318": "Sugar Pick Location Z Settings",
+    "D328": "Pick up stick position Z setting",
+    "D436": "X Zero Compensation",
+    "D438": "Y Zero Compensation",
+    "D440": "Z Zero Compensation",
+    "M502": "Start out of material monitoring",
+    "M506": "Outer Loop Button"
   }
 }

src/assets/language/zh.json

@@ -564,6 +564,8 @@
     "taskMessage": "任务消息",
     "labelMan": "标签管理",
     "apkMan": "apk管理",
+    "customLogo": "定制logo",
+    "logMan": "日志管理",
     "notificationPop":{
       "notification":"通知",
       "nextTime":"下次再看",
@@ -1173,6 +1175,17 @@
     "D476": "加湿ON时间",
     "D477": "加湿启动延时",
     "D478": "加湿停止延时",
-    "M504": "回差调节"
+    "M504": "回差调节",
+    "D218": "取糖位置X设置",
+    "D228": "取棍位置X设置",
+    "D268": "取糖位置Y设置",
+    "D278": "取棍位置Y设置",
+    "D318": "取糖位置Z设置",
+    "D328": "取棍位置Z设置",
+    "D436": "X零点补偿",
+    "D438": "Y零点补偿",
+    "D440": "Z零点补偿",
+    "M502": "启动缺物料监控",
+    "M506": "外循环按钮"
   }
 }

src/main.js

@@ -3,7 +3,8 @@ import {
   ActionBar, ActionBarIcon, ActionBarButton, Divider, Popup, Overlay, Loading, Dialog, ContactCard, Form, AddressEdit,
   AddressList, Field, CellGroup, Cell, SwipeCell, Icon, Stepper, Card, Checkbox, CheckboxGroup, Button, Swipe, SwipeItem,
   PullRefresh, List, Tab, Tabs, SubmitBar, Toast, Skeleton, RadioGroup, Radio, NoticeBar, ActionSheet, Cascader, Col, Row,
-  Slider, DatetimePicker, Switch, Calendar, Picker, Uploader, Tag
+  Slider, DatetimePicker, Switch, Calendar, Picker, Uploader, Tag, DropdownMenu, DropdownItem
+  
 } from 'vant';
 import { Image as VanImage } from 'vant';
 import App from './App.vue'
@@ -74,6 +75,8 @@ app.use(ActionBarButton)
   .use(Picker)
   .use(Uploader)
   .use(Tag)
+  .use(DropdownMenu)
+  .use(DropdownItem)
 
 app.use(router)
 app.use(store)

src/router/index.js

@@ -107,16 +107,19 @@ const router = createRouter({
     { path: '/labelManAdd', name: 'labelManAdd', component: () => import('@/views/labelMan/add'), meta: { index: 1 } },
     // 修改价格
     { path: '/modifyPrice', name: 'modifyPrice', component: () => import('@/views/device/modifyPrice/index'), meta: { index: 1 } },
-	// 屏蔽/展示商品
-	{ path: '/showGoods', name: 'showGoods', component: () => import('@/views/device/showGoods/index'), meta: { index: 1 } },
+	  // 屏蔽/展示商品
+	  { path: '/showGoods', name: 'showGoods', component: () => import('@/views/device/showGoods/index'), meta: { index: 1 } },
     // 查看定位
     { path: '/viewPosition', name: 'viewPosition', component: () => import('@/views/device/viewPosition/index'), meta: { index: 1 } },  
     // 设备编辑-编辑规则
     { path: '/editAdRule', name: 'editAdRule', component: () => import('@/views/device/editAdRule/index'), meta: { index: 1 } },
     // 跳转空中云汇
 	  { path: '/hpp', name: 'Hpp', component: () => import('@/views/Hpp.vue'), meta: { index: 1, noLogin: true } },
+    // 定制logo
+	  { path: '/customLogo', name: 'customLogo', component: () => import('@/views/customeLogo/index'), meta: { index: 1 } },
     // 日志管理
     { path: '/logMan', name: 'logMan', component: () => import('@/views/logMan/index'), meta: { index: 1 } },
+    // apk管理，广告管理，订单导出 不是所有的帐号能看到
   ]
 });
 // 路由守卫处理

src/utils/dateUtil.js

@@ -52,7 +52,7 @@ const dateUtil = {
 
   // 获取本周第一天
   getFirstDayOfWeek(date = new Date()) {
-    let firstDay = new Date(dateUtil.formatDate(date, "yyyy-MM-dd")); // 当前日期的 0 点
+    let firstDay = new Date(dateUtil.formateDate(date, "yyyy-MM-dd")); // 当前日期的 0 点
     let weekDay = firstDay.getDay(); // 星期几（0-6，0 表示星期天）
     let diff = weekDay === 0 ? 6 : weekDay - 1; // 本周第一天的偏移量
     firstDay.setDate(firstDay.getDate() - diff);

src/views/device/deviceOper.vue

@@ -150,7 +150,7 @@
         </div>
         <div class="operText">{{ $t("device.showGoods") }}</div>
       </div>
-	  <!-- 删除设备 -->           <!--  这个deleteDevice 得完善一下 现在没取到接口要的id  -->
+	  <!-- 删除设备 -->
 	  <div v-if="user.type < 2" class="operItem" @click="deleteDevice()">
 	    <div class="operIcon">
 	      <img
@@ -160,6 +160,17 @@
 	    </div>
 	    <div class="operText">{{ $t("device.deleteDevice") }}</div>
 	  </div>
+
+    <!-- 定制logo -->
+    <!-- <div class="operItem" @click="customLogo()">
+	    <div class="operIcon">
+	      <img
+	        class="operImg"
+	        src="../../assets/device/operIcon/customLogo.png"
+	      />
+	    </div>
+	    <div class="operText">{{ $t("device.customLogo") }}</div>
+	  </div> -->
     
     </div>
   </van-dialog>
@@ -303,6 +314,11 @@ export default {
       operType.value = 6;
       operCheckShow.value = true;
     };
+    // 定制logo
+    // const customLogo = () => {
+    //   operType.value = 6;
+    //   operCheckShow.value = true;
+    // };
     // 取消操作
     const operCheckClear = () => {
       operCheckShow.value = false;

src/views/device/paramsSet/paramsSetInfo.vue

@@ -8,6 +8,7 @@
           <div class="block1 flex-col"></div>
           <span class="txt2">{{ $t('device.equipmentName') }}：{{ deviceDetal ? deviceDetal.name : "" }}</span>
         </div>
+
       </div>
       <div class="paramsList" v-for="(item, key) in paramsList" :key="key">
         <van-field v-model="item.val" name="phone" type="tel" :label="paramName[key]">
@@ -89,7 +90,8 @@ export default {
         paramsList.value.forEach((paramItem) => {
           // console.log(paramItem.name);
           comParams.value.push(paramItem.name);
-          paramName.value.push(t("paramNames." + paramItem.name));
+          // paramName.value.push(t("paramNames." + paramItem.name));
+          paramName.value.push(paramItem.name);
           // console.log(zh.paramNames[paramItem.name]);        
         })
         // console.log(comParams.value);

src/views/orderCenter/index.vue

@@ -425,7 +425,7 @@ export default {
         let dayInMs = 24 * 60 * 60 * 1000;
         let now = new Date();
         let firstDay = new Date(now.getTime() - (now.getDay() - 1) * dayInMs);
-        searchParams.startDate = dateUtil.formatDate(firstDay, "yyyy-MM-dd hh:mm:ss");
+        searchParams.startDate = dateUtil.formateDate(firstDay, "yyyy-MM-dd hh:mm:ss");
         
         
         // searchParams.endDate = dateUtil.formateDate(
@@ -433,7 +433,7 @@ export default {
         //   "yyyy-MM-dd hh:mm:ss"
         // );
         let lastDay = new Date(now.getTime() + (7 - now.getDay()) * dayInMs);
-        searchParams.endDate = dateUtil.formatDate(lastDay, "yyyy-MM-dd hh:mm:ss");
+        searchParams.endDate = dateUtil.formateDate(lastDay, "yyyy-MM-dd hh:mm:ss");
 
         finished.value = false;
         getList();

src/views/register.vue

@@ -1,98 +1,159 @@
 <template>
   <!-- 注册 -->
   <div class="page flex-col registerPage">
-    <s-header :name="$t('register.header')" :noback="false" ></s-header>
+    <s-header :name="$t('register.header')" :noback="false"></s-header>
     <div class="registerFormBox">
       <van-form @submit="registerSubmit">
-        <van-field
-          v-model="username"
-          name="username"
-          :label="$t('register.usernameLabel')"
+        <van-field v-model="username" name="username" :label="$t('register.usernameLabel')"
           :placeholder="$t('register.usernamePlaceholder')"
-          :rules="[{ required: true, message: $t('register.usernameRequired') }]"
-        />
-		<br>
-        <van-field
-          v-model="name"
-          name="name"
-          :label="$t('register.nameLabel')"
+          :rules="[{ required: true, message: $t('register.usernameRequired') }]" />
+        <br>
+        <van-field v-model="name" name="name" :label="$t('register.nameLabel')"
           :placeholder="$t('register.namePlaceholder')"
-          :rules="[{ required: true, message: $t('register.nameRequired') }]"
-        />
-		<br>
-        <van-field
-          v-model="password"
-          name="password"
-          type="password"
-          :label="$t('register.passwordLabel')"
+          :rules="[{ required: true, message: $t('register.nameRequired') }]" />
+        <br>
+        <van-field v-model="password" name="password" type="password" :label="$t('register.passwordLabel')"
           :placeholder="$t('register.passwordPlaceholder')"
-          :rules="[{ required: true, message: $t('register.passwordRequired') }]"
-        />
-		<br>
-        <van-field
-          v-model="passwordCheck"
-          name="passwordCheck"
-          type="password"
-          :label="$t('register.passwordCheckLabel')"
+          :rules="[{ required: true, message: $t('register.passwordRequired') }]" />
+        <br>
+        <van-field v-model="passwordCheck" name="passwordCheck" type="password" :label="$t('register.passwordCheckLabel')"
           :placeholder="$t('register.passwordCheckPlaceholder')"
-          :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]"
-        />
-		<br>
+          :rules="[{ required: true, message: $t('register.passwordCheckRequired') }]" />
+        <br>
         <div class="van-cell van-field">
-          <div class="van-cell__title van-field__label"><span>{{$t('register.country')}}</span></div>
+          <div class="van-cell__title van-field__label"><span>{{ $t('register.country') }}</span></div>
           <div class="van-cell__value van-field__value radioBox">
             <van-radio-group v-model="ifForeign" direction="horizontal">
-              <van-radio name="0" icon-size="18px">{{$t('register.chinese')}}</van-radio>
-              <van-radio name="1" icon-size="18px">{{$t('register.other')}}</van-radio>
+              <van-radio name="0" icon-size="18px">{{ $t('register.chinese') }}</van-radio>
+              <van-radio name="1" icon-size="18px">{{ $t('register.other') }}</van-radio>
             </van-radio-group>
           </div>
         </div>
-        <van-field
-		  v-if="ifForeign === '0'"
-          v-model="phone"
-          name="phone"
-          type="tel"
-          :label="$t('register.phoneLabel')"
+
+        <!-- <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
           :placeholder="$t('register.phonePlaceholder')"
-          :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]"
-        >
-          <template #button v-if="ifForeign === '0'" >
-            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
+          :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
+          <template #button v-if="ifForeign === '0'">
+            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+              $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
           </template>
+        </van-field> -->
+
+
+
+        <!-- <van-field v-if="ifForeign === '0'">
+          <van-dropdown-menu>
+            <van-dropdown-item v-model="phone" :options="1" name="phone" type="tel" :label="$t('register.phoneLabel')"
+              :placeholder="$t('register.phonePlaceholder')"
+              :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
+              <template #button v-if="ifForeign === '0'">
+                <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+              </template>
+            </van-dropdown-item>
+
+            <van-dropdown-item v-model="email" :options="2" name="email" :label="$t('register.emailLabel')"
+              :placeholder="$t('register.emailPlaceholder')"
+              :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
+              <template #button v-if="ifForeign === '0'">
+                <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+              </template></van-dropdown-item>
+          </van-dropdown-menu>
+        </van-field> -->
+
+        <!-- <van-field v-if="ifForeign === '0'">
+          <van-dropdown-menu>
+            <van-dropdown-item v-model="value1" :options="option1" />
+            <van-dropdown-item v-model="value2" :options="option2" />
+          </van-dropdown-menu>
         </van-field>
-		<br v-if="ifForeign === '0'">
-        <van-field
-          v-if="ifForeign === '0'"
-          v-model="code"
-          name="code"
-          :label="$t('register.codeLabel')"
+        <hr>
+        <van-dropdown-menu>
+          <van-dropdown-item v-model="signinModel" :options="signOptions" />
+        </van-dropdown-menu> -->
+        <van-tabs v-model:active="active" type="card" swipeable color="#8096ec" v-if="ifForeign === '0'">
+
+          <van-tab title="手机注册">
+            <!-- 手机号码 -->
+            <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
+              :placeholder="$t('register.phonePlaceholder')"
+              :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
+              <template #button v-if="ifForeign === '0'">
+                <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+              </template>
+            </van-field>
+            <!-- 短信验证码 -->
+            <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.codeLabel')"
+              :placeholder="$t('register.codePlaceholder')"
+              :rules="[{ required: true, message: $t('register.codeRequired') }]" />
+          </van-tab>
+          <!-- 发送验证码 -->
+          <!-- <van-field v-if="ifForeign === '0'" v-model="phone" name="phone" type="tel" :label="$t('register.phoneLabel')"
+            :placeholder="$t('register.phonePlaceholder')"
+            :rules="[{ required: ifForeign === '0', message: $t('register.phoneRequired') }]">
+            <template #button v-if="ifForeign === '0'">
+              <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+                $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+            </template>
+          </van-field> -->
+
+          <van-tab title="邮箱注册">
+            <!-- 邮箱 -->
+            <van-field v-if="ifForeign === '0'" v-model="email" name="email" :label="$t('register.emailLabel')"
+              :placeholder="$t('register.emailPlaceholder')"
+              :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
+              <template #button v-if="ifForeign === '0'">
+
+                <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+                  $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+              </template>
+            </van-field>
+            <!-- 邮箱验证码 -->
+            <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
+              :placeholder="$t('register.emailCodePlaceholder')"
+              :rules="[{ required: true, message: $t('register.emailCodeRequired') }]" />
+          </van-tab>
+
+        </van-tabs>
+
+
+        <br v-if="ifForeign === '0'">
+        <!-- 中国，手机验证码 -->
+        <!-- <van-field v-if="ifForeign === '0'" v-model="code" name="code" :label="$t('register.codeLabel')"
           :placeholder="$t('register.codePlaceholder')"
-          :rules="[{ required: true, message: $t('register.codeRequired') }]"
-        />
-		<br v-if="ifForeign === '0'">
-        <van-field
-		  v-if="ifForeign === '1'"
-          v-model="email"
-          name="email"
-          :label="$t('register.emailLabel')"
+          :rules="[{ required: true, message: $t('register.codeRequired') }]" /> -->
+
+        <br v-if="ifForeign === '0'">
+
+        <van-field v-if="ifForeign === '1'" v-model="email" name="email" :label="$t('register.emailLabel')"
           :placeholder="$t('register.emailPlaceholder')"
-          :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]"
-        >
+          :rules="[{ required: ifForeign === '1', message: $t('register.emailRequired') }]">
           <template #button v-if="ifForeign === '1'">
-            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{time === 0 ? $t('register.seedVerCode') : time + $t('register.replaysInSeconds')}}</van-button>
+            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+              $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
           </template>
         </van-field>
-		<br v-if="ifForeign === '1'">
-        <van-field
-          v-if="ifForeign === '1'"
-          v-model="code"
-          name="code"
-          :label="$t('register.emailCodeLabel')"
+        <br v-if="ifForeign === '1'">
+        <!-- 海外，邮箱验证码 -->
+        <van-field v-if="ifForeign === '1'" v-model="code" name="code" :label="$t('register.emailCodeLabel')"
           :placeholder="$t('register.emailCodePlaceholder')"
-          :rules="[{ required: true, message: $t('register.emailCodeRequired') }]"
-        /> 
-		<br v-if="ifForeign === '1'">
-        <van-button round type="primary" class="register" native-type="submit">{{$t('register.registerButton')}}</van-button>
+          :rules="[{ required: true, message: $t('register.emailCodeRequired') }]" />
+        <br v-if="ifForeign === '1'">
+
+        <!-- <van-field v-if="ifForeign === '0'" v-model="email" name="email" :label="$t('register.emailLabel')"
+          :placeholder="$t('register.emailPlaceholder')"
+          :rules="[{ required: ifForeign === '0', message: $t('register.emailRequired') }]">
+          <template #button v-if="ifForeign === '0'">
+            
+            <van-button size="small" type="primary" @click="seedVerCode()" :disabled="time !== 0">{{ time === 0 ?
+              $t('register.seedVerCode') : time + $t('register.replaysInSeconds') }}</van-button>
+          </template>
+        </van-field> -->
+        <!-- 提交验证信息 -->
+        <van-button round type="primary" class="register" native-type="submit">{{ $t('register.registerButton')
+        }}</van-button>
       </van-form>
     </div>
   </div>
@@ -104,11 +165,13 @@ import { Toast } from 'vant';
 import { sentRegisterCode, tAdminSave } from '@/service/register';
 import sHeader from '@/components/SimpleHeader';
 import logiLogoImgUrl from "@/assets/login/logo.png";
-import { useRouter } from 'vue-router'
-import { getLocal, setLocal } from '@/common/js/utils'
+import { useRouter } from 'vue-router';
+import { getLocal, setLocal } from '@/common/js/utils';
+
 
 export default {
   setup() {
+    const active = ref(0);
     const username = ref('');
     const name = ref('');
     const password = ref('');
@@ -121,6 +184,8 @@ export default {
     const verCodeTime = reactive({
       time: 0
     });
+
+
     const router = useRouter();
     // 注册点击
     const registerSubmit = async () => {
@@ -173,6 +238,26 @@ export default {
       } else { verCodeTime.time = 0; }
     });
 
+    const signOptions = [
+      { text: '手机注册', value: "mo" },
+      { text: '邮箱注册', value: "ema" }
+    ]
+    const option1 = [
+      {
+        text: 'aaaa', value: 0,
+
+      },
+      {
+        text: 'ccc', value: 1
+      }
+    ]
+
+    const option2 = [
+      {
+        text: 'bbb', value: 'b'
+      }
+    ]
+
     return {
       ...toRefs(verCodeTime),
       logiLogoImgUrl,
@@ -189,6 +274,11 @@ export default {
       verCodeTimeInterval,
       seedVerCode,
       registerSubmit,
+      option1,
+      option2,
+      signOptions,
+      signinModel: 'aaabb',
+      active
     }
   },
   components: { sHeader }
@@ -196,11 +286,13 @@ export default {
 </script>
 <style lang="less" scoped>
 @import '../common/style/mixin';
+
 .registerPage {
   .registerFormBox {
     width: 100%;
     margin-top: 38px;
     text-align: center;
+
     /deep/ .van-form {
       .van-cell {
         width: 313px;
@@ -212,49 +304,76 @@ export default {
         margin: 0 auto;
         margin-top: 10px;
         overflow: visible;
-        &::after { display: none;}
-        .van-field__button button { background-color: #8096ec; color: #fff; }
+
+        &::after {
+          display: none;
+        }
+
+        .van-field__button button {
+          background-color: #8096ec;
+          color: #fff;
+        }
+
         .van-field__control {
           height: 38px;
           line-height: 38px;
           padding: 6px;
           border-radius: 2px;
           border: 0.5px solid rgba(185, 186, 208, 1);
+
           &:-internal-autofill-previewed,
           &:-internal-autofill-selected {
             -webkit-text-fill-color: #323233 !important;
             transition: background-color 5000s ease-in-out 0s !important;
           }
         }
+
         .van-field__control::-webkit-input-placeholder {
           color: rgba(168, 168, 197, 1);
         }
-        .van-cell__value { width: 100%; flex: 0 auto; }
+
+        .van-cell__value {
+          width: 100%;
+          flex: 0 auto;
+        }
+
         .van-field__label {
           height: 38px;
           // line-height: 38px;
           width: 6em;
         }
+
         .radioBox {
           display: flex;
+
           .van-radio-group--horizontal {
             width: 100%;
             justify-content: space-around;
           }
-          .van-radio { overflow: visible; }
+
+          .van-radio {
+            overflow: visible;
+          }
+
           .van-radio__icon {
             font-size: 13px;
+
             .van-icon {
               width: 12px;
               height: 12px;
               border-color: #4d6add;
             }
           }
-          .van-radio__label { line-height: 13px; }
-          .van-radio__icon--checked .van-icon-success{
+
+          .van-radio__label {
+            line-height: 13px;
+          }
+
+          .van-radio__icon--checked .van-icon-success {
             border-color: #4d6add;
             background: #4d6add;
           }
+
           .van-radio__icon--checked .van-icon-success::before {
             content: '';
             background: #fff;
@@ -265,11 +384,15 @@ export default {
             left: 30%;
             border-radius: 100%;
           }
-          .van-radio__icon--checked + .van-radio__label { color: #4d6add; }
+
+          .van-radio__icon--checked+.van-radio__label {
+            color: #4d6add;
+          }
         }
       }
     }
   }
+
   .register {
     background-color: rgba(77, 106, 221, 1);
     border-radius: 17px;
@@ -280,5 +403,4 @@ export default {
     font-family: PingFangSC-Medium;
   }
 }
-
 </style>