From 5c59c6fb1ca45afbf040f23438bb6bda149dd2c9 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 29 Sep 2022 13:58:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=88=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppGetewayRegister/getewayAdd.vue         | 934 +++++++++---------
 1 file changed, 470 insertions(+), 464 deletions(-)

diff --git a/src/project/pingchang/AppGetewayRegister/getewayAdd.vue b/src/project/pingchang/AppGetewayRegister/getewayAdd.vue
index 534104d..86535c2 100644
--- a/src/project/pingchang/AppGetewayRegister/getewayAdd.vue
+++ b/src/project/pingchang/AppGetewayRegister/getewayAdd.vue
@@ -1,307 +1,308 @@
 <template>
   <div class="getewayAdd">
-    <div class="tips">请确保以下信息全部由本人填写，本人对所填写内容的真实性和完整性负责</div>
-    <!-- 基本信息 -->
-    <div class="title">基本信息</div>
-    <div class="form-item__group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>卡口选择</h2>
-          </div>
-          <div class="form-item__right">
-            <AiSelect v-model="form.gatewayId" :list="getewayData" class="select"></AiSelect>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>身份证号</h2>
-          </div>
-          <div class="form-item__right">
-            <input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="18" @blur="idNumberChange"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>手机号码</h2>
-          </div>
-          <div class="form-item__right">
-            <input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>姓名</h2>
-          </div>
-          <div class="form-item__right">
-            <input placeholder="请输入" v-model="form.name" :maxlength="20"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>人员类别</h2>
-          </div>
-          <div class="form-item__right">
-            <AiSelect v-model="form.type" dict="EP_registerPersonType" class="select"></AiSelect>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>高危行业</h2>
-          </div>
-          <div class="form-item__right">
-            <AiSelect v-model="form.highRiskIndustries" dict="EP_highRiskIndustries" class="select"></AiSelect>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 行程信息 -->
-    <div class="title">行程信息</div>
-    <div class="form-item__group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>出发时间</h2>
-          </div>
-          <div class="form-item__right">
-            <div class="ai-area" @click="isShowStartTime = true">
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="form.startTime">{{ form.startTime }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
-              </div>
+    <div class="addBox" v-show="pageShow">
+      <div class="tips">请确保以下信息全部由本人填写，本人对所填写内容的真实性和完整性负责</div>
+      <!-- 基本信息 -->
+      <div class="title">基本信息</div>
+      <div class="form-item__group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>卡口选择</h2>
+            </div>
+            <div class="form-item__right">
+              <AiSelect v-model="form.gatewayId" :list="getewayData" class="select"></AiSelect>
             </div>
           </div>
         </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>出发地区</h2>
-          </div>
-          <div class="form-item__right">
-            <AiAreaPicker class="ai-area" v-model="startAreaId" :fullName.sync="startAreaName" all>
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="startAreaName">{{ startAreaName }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
-              </div>
-            </AiAreaPicker>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>身份证号</h2>
+            </div>
+            <div class="form-item__right">
+              <input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="18" @blur="idNumberChange"/>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item form-item__textarea">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>出发地址</h2>
-          </div>
-          <div class="form-item__right">
-            <textarea auto-height v-model="form.startAddress" :maxlength="500" placeholder="请输入详细的出发地址"
-                      placeholder-style="font-size: 16px"></textarea>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>手机号码</h2>
+            </div>
+            <div class="form-item__right">
+              <input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11"/>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item form-item__imgs">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>出行方式</h2>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>姓名</h2>
+            </div>
+            <div class="form-item__right">
+              <input placeholder="请输入" v-model="form.name" :maxlength="20"/>
+            </div>
           </div>
-          <div class="form-item__right">
-            <div class="travelType">
-              <div class="travelItem" v-for="(v,index) in travelTypeDict" :key="index" :class="[travelType.includes(v.dictValue)? 'active':'']" @click="travelTypeSelect(v.dictValue)">{{ v.dictName }}</div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>人员类别</h2>
+            </div>
+            <div class="form-item__right">
+              <AiSelect v-model="form.type" dict="EP_registerPersonType" class="select"></AiSelect>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>高危行业</h2>
+            </div>
+            <div class="form-item__right">
+              <AiSelect v-model="form.highRiskIndustries" dict="EP_highRiskIndustries" class="select"></AiSelect>
             </div>
           </div>
         </div>
       </div>
 
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i style="margin-right:8px;"></i>
-            <h2>车次/航班</h2>
-          </div>
-          <div class="form-item__right">
-            <input placeholder="请输入" v-model="form.trainNo" :maxlength="20"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item form-item__textarea">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i style="margin-right:8px;"></i>
-            <h2>行程描述</h2>
-          </div>
-          <div class="form-item__right">
-            <textarea auto-height style="height: 90px" v-model="form.description" :maxlength="500" placeholder="请输入行程描述"
-                      placeholder-style="font-size: 16px"></textarea>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>抵平时间</h2>
-          </div>
-          <div class="form-item__right">
-            <div class="ai-area" @click="isShowEndTime = true">
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="form.arriveTime">{{ form.arriveTime }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
+      <!-- 行程信息 -->
+      <div class="title">行程信息</div>
+      <div class="form-item__group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>出发时间</h2>
+            </div>
+            <div class="form-item__right">
+              <div class="ai-area" @click="isShowStartTime = true">
+                <div class="ai-area__wrapper">
+                  <span class="label" v-if="form.startTime">{{ form.startTime }}</span>
+                  <i v-else>请选择</i>
+                  <u-icon name="arrow-right" color="#ddd"/>
+                </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>到达地区</h2>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>出发地区</h2>
+            </div>
+            <div class="form-item__right">
+              <AiAreaPicker class="ai-area" v-model="startAreaId" :fullName.sync="startAreaName" all>
+                <div class="ai-area__wrapper">
+                  <span class="label" v-if="startAreaName">{{ startAreaName }}</span>
+                  <i v-else>请选择</i>
+                  <u-icon name="arrow-right" color="#ddd"/>
+                </div>
+              </AiAreaPicker>
+            </div>
           </div>
-          <div class="form-item__right">
-            <AiAreaPicker class="ai-area" v-model="form.arriveAreaId" :fullName.sync="form.arriveAreaName" :areaId="$areaId">
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="form.arriveAreaName">{{ form.arriveAreaName }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
+        </div>
+        <div class="form-item form-item__textarea">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>出发地址</h2>
+            </div>
+            <div class="form-item__right">
+              <textarea auto-height v-model="form.startAddress" :maxlength="500" placeholder="请输入详细的出发地址"
+                        placeholder-style="font-size: 16px"></textarea>
+            </div>
+          </div>
+        </div>
+        <div class="form-item form-item__imgs">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>出行方式</h2>
+            </div>
+            <div class="form-item__right">
+              <div class="travelType">
+                <div class="travelItem" v-for="(v,index) in travelTypeDict" :key="index" :class="[travelType.includes(v.dictValue)? 'active':'']" @click="travelTypeSelect(v.dictValue)">{{ v.dictName }}</div>
               </div>
-            </AiAreaPicker>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item form-item__textarea">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>到达地址</h2>
-          </div>
-          <div class="form-item__right">
-            <textarea auto-height v-model="form.arriveAddress" :maxlength="500" placeholder="请输入详细的返乡地址"
-                      placeholder-style="font-size: 16px"></textarea>
-          </div>
-        </div>
-      </div>
-    </div>
 
-    <!-- 健康状况 -->
-    <div class="title">健康状况</div>
-    <div class="form-item__group">
-      <div class="form-item form-item__imgs">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>是否有风险旅居史？</h2>
-          </div>
-          <div class="form-item__right">
-            <AiRadio style="width: 100%;" v-model="form.fromHighRiskArea" dict="yesOrNo"/>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i style="margin-right:8px;"></i>
+              <h2>车次/航班</h2>
+            </div>
+            <div class="form-item__right">
+              <input placeholder="请输入" v-model="form.trainNo" :maxlength="20"/>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item" v-show="form.fromHighRiskArea == 1">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>风险地区</h2>
+        <div class="form-item form-item__textarea">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i style="margin-right:8px;"></i>
+              <h2>行程描述</h2>
+            </div>
+            <div class="form-item__right">
+              <textarea auto-height style="height: 90px" v-model="form.description" :maxlength="500" placeholder="请输入行程描述"
+                        placeholder-style="font-size: 16px"></textarea>
+            </div>
           </div>
-          <div class="form-item__right">
-            <AiAreaPicker class="ai-area" v-model="form.highRiskAreaId" :fullName.sync="form.highRiskAreaName" all>
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="form.highRiskAreaName">{{ form.highRiskAreaName }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>抵平时间</h2>
+            </div>
+            <div class="form-item__right">
+              <div class="ai-area" @click="isShowEndTime = true">
+                <div class="ai-area__wrapper">
+                  <span class="label" v-if="form.arriveTime">{{ form.arriveTime }}</span>
+                  <i v-else>请选择</i>
+                  <u-icon name="arrow-right" color="#ddd"/>
+                </div>
               </div>
-            </AiAreaPicker>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>到达地区</h2>
+            </div>
+            <div class="form-item__right">
+              <AiAreaPicker class="ai-area" v-model="form.arriveAreaId" :fullName.sync="form.arriveAreaName" :areaId="$areaId">
+                <div class="ai-area__wrapper">
+                  <span class="label" v-if="form.arriveAreaName">{{ form.arriveAreaName }}</span>
+                  <i v-else>请选择</i>
+                  <u-icon name="arrow-right" color="#ddd"/>
+                </div>
+              </AiAreaPicker>
+            </div>
+          </div>
+        </div>
+        <div class="form-item form-item__textarea">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>到达地址</h2>
+            </div>
+            <div class="form-item__right">
+              <textarea auto-height v-model="form.arriveAddress" :maxlength="500" placeholder="请输入详细的返乡地址"
+                        placeholder-style="font-size: 16px"></textarea>
+            </div>
           </div>
         </div>
       </div>
-      <div class="form-item form-item__imgs">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>近七日内是否接触新冠确诊或疑似患者？</h2>
+
+      <!-- 健康状况 -->
+      <div class="title">健康状况</div>
+      <div class="form-item__group">
+        <div class="form-item form-item__imgs">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>是否有风险旅居史？</h2>
+            </div>
+            <div class="form-item__right">
+              <AiRadio style="width: 100%;" v-model="form.fromHighRiskArea" dict="yesOrNo"/>
+            </div>
           </div>
-          <div class="form-item__right">
-            <AiRadio style="width: 100%;" v-model="form.contactPatients" dict="epidemicTouchInFourteen"/>
+        </div>
+        <div class="form-item" v-show="form.fromHighRiskArea == 1">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>风险地区</h2>
+            </div>
+            <div class="form-item__right">
+              <AiAreaPicker class="ai-area" v-model="form.highRiskAreaId" :fullName.sync="form.highRiskAreaName" all>
+                <div class="ai-area__wrapper">
+                  <span class="label" v-if="form.highRiskAreaName">{{ form.highRiskAreaName }}</span>
+                  <i v-else>请选择</i>
+                  <u-icon name="arrow-right" color="#ddd"/>
+                </div>
+              </AiAreaPicker>
+            </div>
+          </div>
+        </div>
+        <div class="form-item form-item__imgs">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>近七日内是否接触新冠确诊或疑似患者？</h2>
+            </div>
+            <div class="form-item__right">
+              <AiRadio style="width: 100%;" v-model="form.contactPatients" dict="epidemicTouchInFourteen"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item form-item__imgs">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>是否有健康异常情况？</h2>
+            </div>
+            <div class="form-item__right">
+              <AiRadio style="width: 100%;" v-model="form.abnormalHealth" dict="yesOrNo"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item" v-if="form.abnormalHealth==1">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i>*</i>
+              <h2>异常情况</h2>
+            </div>
+            <div class="form-item__right">
+              <AiSelect dict="EP_abnormalType" v-model="form.abnormalType" class="select"></AiSelect>
+            </div>
           </div>
         </div>
       </div>
-      <div class="form-item form-item__imgs">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>是否有健康异常情况？</h2>
-          </div>
-          <div class="form-item__right">
-            <AiRadio style="width: 100%;" v-model="form.abnormalHealth" dict="yesOrNo"/>
+
+      <!-- 同行情况 -->
+      <div class="title">同行情况</div>
+      <div class="form-item__group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="form-item__title">
+              <i style="margin-right: 8px;"></i>
+              <h2>同行人数</h2>
+            </div>
+            <div class="form-item__right">
+              <input placeholder="请输入" type="number" v-model="form.companionCount" :maxlength="20"/>
+              <i>人</i>
+            </div>
           </div>
         </div>
+        <div style="padding: 16px 16px" v-if="form.companionCount > 0"><span style="color: #FF4466">*</span>同行人信息</div>
+        <div class="form" v-if="form.companionCount > 0">
+          <NamePhone v-for="(item, index) in people" :key="index" :name.sync="item.name"
+          :phone.sync="item.phone" :index="index" @delCountHandle="delCountHandle"/>
+        </div>
+        <div class="addCount" @click="addCountHandle" v-if="form.companionCount > 0">添加同行人</div>
       </div>
-      <div class="form-item" v-if="form.abnormalHealth==1">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i>*</i>
-            <h2>异常情况</h2>
-          </div>
-          <div class="form-item__right">
-            <AiSelect dict="EP_abnormalType" v-model="form.abnormalType" class="select"></AiSelect>
-          </div>
-        </div>
+
+      <u-picker mode="time" :params="params" v-model="isShowStartTime" @confirm="onStartChange"></u-picker>
+      <u-picker mode="time" :params="params" v-model="isShowEndTime" @confirm="onEndChange"></u-picker>
+      
+      <div class="btn-wrapper">
+        <div class="btn" hover-class="text-hover" @click="submit">提交</div>
       </div>
     </div>
-
-    <!-- 同行情况 -->
-    <div class="title">同行情况</div>
-    <div class="form-item__group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="form-item__title">
-            <i style="margin-right: 8px;"></i>
-            <h2>同行人数</h2>
-          </div>
-          <div class="form-item__right">
-            <input placeholder="请输入" type="number" v-model="form.companionCount" :maxlength="20"/>
-            <i>人</i>
-          </div>
-        </div>
-      </div>
-      <div style="padding: 16px 16px" v-if="form.companionCount > 0"><span style="color: #FF4466">*</span>同行人信息</div>
-      <div class="form" v-if="form.companionCount > 0">
-        <NamePhone v-for="(item, index) in people" :key="index" :name.sync="item.name"
-         :phone.sync="item.phone" :index="index" @delCountHandle="delCountHandle"/>
-      </div>
-      <div class="addCount" @click="addCountHandle" v-if="form.companionCount > 0">添加同行人</div>
-    </div>
-
-    <u-picker mode="time" :params="params" v-model="isShowStartTime" @confirm="onStartChange"></u-picker>
-    <u-picker mode="time" :params="params" v-model="isShowEndTime" @confirm="onEndChange"></u-picker>
-    
-    <div class="btn-wrapper">
-      <div class="btn" hover-class="text-hover" @click="submit">提交</div>
-    </div>
-
     <AiLogin ref="login"/>
   </div>
 </template>
@@ -369,6 +370,7 @@ export default {
       travelTypeDict: [],
       startAreaId: '',
       startAreaName: '',
+      pageShow: false,
     }
   },
 
@@ -392,8 +394,10 @@ export default {
       this.travelTypeDict = this.$dict.getDict('EP_travelType')
     })
     this.getewayList()
-    if(!this.token) {
+    if(!this.token.length) {
       this.$refs.login.show()
+    } else {
+      this.pageShow = true
       this.form.gatewayId = decodeURIComponent(o.scene) || ''
     }
   },
@@ -642,242 +646,244 @@ export default {
 
 <style lang="scss" scoped>
 .getewayAdd {
-  padding-bottom: 140px;
+  .addBox {
+    padding-bottom: 140px;
 
-  .tips {
-    line-height: 1.3;
-    padding: 32px 32px;
-    color: #FF883C;
-    font-size: 30px;
-    text-align: justify;
-    background: #FFF8F3;
-  }
+    .tips {
+      line-height: 1.3;
+      padding: 32px 32px;
+      color: #FF883C;
+      font-size: 30px;
+      text-align: justify;
+      background: #FFF8F3;
+    }
 
-  .title {
-    padding: 16px 32px 0 32px;
-    box-sizing: border-box;
-    background: #fff;
-    font-size: 36px;
-    font-weight: 600;
-  }
-
-  .form-item__group {
-    margin-bottom: 24px;
-    background: #fff;
-    .addCount {
-      padding: 16px 32px;
+    .title {
+      padding: 16px 32px 0 32px;
       box-sizing: border-box;
-      color: #4181FF;
+      background: #fff;
+      font-size: 36px;
+      font-weight: 600;
+    }
 
-      ::v-deep .u-btn--primary {
-        border-radius: 16px;
+    .form-item__group {
+      margin-bottom: 24px;
+      background: #fff;
+      .addCount {
+        padding: 16px 32px;
+        box-sizing: border-box;
+        color: #4181FF;
+
+        ::v-deep .u-btn--primary {
+          border-radius: 16px;
+        }
       }
     }
-  }
 
-  .form-item {
-    padding-left: 32px;
+    .form-item {
+      padding-left: 32px;
 
-    .form-item__checkbox {
-      width: 100%;
-
-      div {
+      .form-item__checkbox {
         width: 100%;
-        height: 80px;
-        line-height: 80px;
-        margin-bottom: 24px;
-        text-align: center;
-        background: #FFFFFF;
-        border-radius: 16px;
-        color: #333333;
-        font-size: 28px;
-        border: 1px solid #CCCCCC;
 
-        &.active {
-          background: #4181FF;
-          color: #fff;
-          border-color: #4181FF;
-        }
-      }
-    }
+        div {
+          width: 100%;
+          height: 80px;
+          line-height: 80px;
+          margin-bottom: 24px;
+          text-align: center;
+          background: #FFFFFF;
+          border-radius: 16px;
+          color: #333333;
+          font-size: 28px;
+          border: 1px solid #CCCCCC;
 
-    .form-item__radio {
-      display: flex;
-      align-items: center;
-      flex-wrap: wrap;
-
-      div {
-        width: 212px;
-        height: 80px;
-        line-height: 80px;
-        margin-right: 16px;
-        margin-bottom: 8px;
-        text-align: center;
-        background: #FFFFFF;
-        border-radius: 16px;
-        color: #333333;
-        font-size: 28px;
-        border: 1px solid #CCCCCC;
-
-        &:nth-of-type(3n) {
-          margin-right: 0;
-        }
-
-        &.active {
-          background: #4181FF;
-          color: #fff;
-          border-color: #4181FF;
-        }
-      }
-    }
-
-    .ai-area__wrapper {
-      display: flex;
-      align-items: center;
-      padding-left: 100px;
-      
-
-
-      span {
-        color: #333;
-        font-size: 30px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      i {
-        color: #999;
-        font-size: 30px;
-      }
-
-      image {
-        width: 16px;
-        height: 8px;
-      }
-    }
-
-    .form-item__wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      height: 128px;
-      padding-right: 28px;
-      border-bottom: 1px solid #DDDDDD;
-
-      input {
-        flex: 1;
-        height: 100%;
-        text-align: right;
-        color: #333;
-        padding-right: 10px;
-      }
-
-      .form-item__right {
-        display: flex;
-        align-items: center;
-        font-size: 32px;
-
-        .select {
-          ._i {
-            padding-left: 100px;
+          &.active {
+            background: #4181FF;
+            color: #fff;
+            border-color: #4181FF;
           }
         }
+      }
+
+      .form-item__radio {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+
+        div {
+          width: 212px;
+          height: 80px;
+          line-height: 80px;
+          margin-right: 16px;
+          margin-bottom: 8px;
+          text-align: center;
+          background: #FFFFFF;
+          border-radius: 16px;
+          color: #333333;
+          font-size: 28px;
+          border: 1px solid #CCCCCC;
+
+          &:nth-of-type(3n) {
+            margin-right: 0;
+          }
+
+          &.active {
+            background: #4181FF;
+            color: #fff;
+            border-color: #4181FF;
+          }
+        }
+      }
+
+      .ai-area__wrapper {
+        display: flex;
+        align-items: center;
+        padding-left: 100px;
+        
+
 
         span {
-          max-width: 300px;
-          margin-right: 8px;
-          color: #333333;
+          color: #333;
+          font-size: 30px;
           overflow: hidden;
-          white-space: nowrap;
           text-overflow: ellipsis;
+          white-space: nowrap;
         }
 
         i {
-          margin-right: 8px;
-          color: #999999;
+          color: #999;
+          font-size: 30px;
         }
 
-        .travelType {
-          width: 100%;
-          .travelItem {
-            width: 100%;
-            line-height: 1.3;
-            padding: 20px 32px;
-            margin-bottom: 16px;
-            text-align: center;
-            background: #FFFFFF;
-            box-sizing: border-box;
-            border-radius: 16px;
+        image {
+          width: 16px;
+          height: 8px;
+        }
+      }
+
+      .form-item__wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 128px;
+        padding-right: 28px;
+        border-bottom: 1px solid #DDDDDD;
+
+        input {
+          flex: 1;
+          height: 100%;
+          text-align: right;
+          color: #333;
+          padding-right: 10px;
+        }
+
+        .form-item__right {
+          display: flex;
+          align-items: center;
+          font-size: 32px;
+
+          .select {
+            ._i {
+              padding-left: 100px;
+            }
+          }
+
+          span {
+            max-width: 300px;
+            margin-right: 8px;
             color: #333333;
-            font-size: 28px;
-            border: 1px solid #CCCCCC;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
           }
 
-          .active {
-            background: #4181FF;
+          i {
+            margin-right: 8px;
+            color: #999999;
           }
+
+          .travelType {
+            width: 100%;
+            .travelItem {
+              width: 100%;
+              line-height: 1.3;
+              padding: 20px 32px;
+              margin-bottom: 16px;
+              text-align: center;
+              background: #FFFFFF;
+              box-sizing: border-box;
+              border-radius: 16px;
+              color: #333333;
+              font-size: 28px;
+              border: 1px solid #CCCCCC;
+            }
+
+            .active {
+              background: #4181FF;
+            }
+          }
+          
         }
-        
-      }
-    }
-
-    &:last-child {
-      .form-item__wrapper {
-        border-bottom: none;
-      }
-    }
-
-    .form-item__title {
-      display: flex;
-      align-items: center;
-
-      i {
-        font-size: 32px;
-        color: #FF4466;
       }
 
-      span {
-        font-size: 28px;
-        color: #999999;
-      }
-
-      h2 {
-        padding: 0 4px;
-        font-weight: 400;
-        font-size: 32px;
-        color: #333333;
-        max-width: 100%;
-        min-width: 260px;
-      }
-    }
-
-
-    &.form-item__imgs, &.form-item__textarea {
-      .form-item__wrapper {
-        display: block;
-        height: auto;
-        padding-bottom: 32px;
-      }
-
-      textarea {
-        width: 100%;
-        height: 90px;
+      &:last-child {
+        .form-item__wrapper {
+          border-bottom: none;
+        }
       }
 
       .form-item__title {
-        padding: 32px 0;
+        display: flex;
+        align-items: center;
+
+        i {
+          font-size: 32px;
+          color: #FF4466;
+        }
+
+        span {
+          font-size: 28px;
+          color: #999999;
+        }
+
+        h2 {
+          padding: 0 4px;
+          font-weight: 400;
+          font-size: 32px;
+          color: #333333;
+          max-width: 100%;
+          min-width: 260px;
+        }
       }
 
-      .form-item__right {
-        padding-left: 18px;
+
+      &.form-item__imgs, &.form-item__textarea {
+        .form-item__wrapper {
+          display: block;
+          height: auto;
+          padding-bottom: 32px;
+        }
+
+        textarea {
+          width: 100%;
+          height: 90px;
+        }
+
+        .form-item__title {
+          padding: 32px 0;
+        }
+
+        .form-item__right {
+          padding-left: 18px;
+        }
       }
     }
-  }
 
-  .form {
-    padding: 0 32px;
-    box-sizing: border-box;
+    .form {
+      padding: 0 32px;
+      box-sizing: border-box;
+    }
   }
 }
 </style>