H5上传

buildAnnexation/BGJ/yuyue.html

@@ -24,12 +24,28 @@
           @cancel="showArea = false" />
       </div>
     </div>
+    <div>
+      <!-- 服务类型选择器 -->
+      <van-action-sheet v-model="showType" :actions="actions"
+        cancel-text="取消" @select="onSelect" @cancel="onCancel" />
+
+    </div>
     <!-- 服务类型 -->
     <div class="border-bottom">
       <van-cell title="服务类型" required :value="form.type || '请选择'"
         @click.native="showType = true" is-link />
     </div>
 
+    <!-- 安装二级分类 -->
+    <div v-if="showSubType" class="border-bottom" style="display: flex; align-items: center; padding: 10px 16px; font-size: 14px;background-color: #fff;">
+      <span style="color: #646566; flex-shrink: 0;"><span style="color: #ee0a24;">*</span> 安装分类</span>
+      <van-radio-group v-model="form.type" direction="horizontal" style="display: flex; flex-wrap: nowrap; margin-left: auto;">
+        <van-radio name="安装/给水" style="margin-left: 12px;">给水</van-radio>
+        <van-radio name="安装/排水" style="margin-left: 12px;">排水</van-radio>
+        <van-radio name="安装/给排水" style="margin-left: 12px;">给排水</van-radio>
+      </van-radio-group>
+    </div>
+
     <!-- 姓名 -->
     <div class="border-bottom">
       <van-field v-model="form.name" label="姓名" required
@@ -117,9 +133,7 @@
         @click="submit">提 交</van-button>
     </div>
 
-    <!-- 服务类型选择器 -->
-    <van-action-sheet v-model="showType" :actions="actions"
-      cancel-text="取消" @select="onSelect" @cancel="onCancel" />
+    
 
    
   </div>
@@ -135,7 +149,8 @@ new Vue({
     disabled: false,
     phoneTouched: false,
     scenePhoneTouched: false,
-    actions: [{ name: '安装' }, { name: '服务' }, { name: '验收' }],
+    actions: [{ name: '安装' }, { name: '维修' }, { name: '验收' }],
+    showSubType: false,
     areaList: areaList,
     regionText: '',
     form: {
@@ -155,12 +170,7 @@ new Vue({
     },
     testIndex: 0,
     testData: [
-      { type: '安装', name: '张三', phonenumber: '13800138001', province: '浙江省', city: '杭州市', county: '西湖区', address: '文三路478号华星科技大厦15楼', toilet: 1, kitchen: 1, balcony: 1, scenecontact: '李四', scenecontactphonenumber: '13900139001', remarks: '周六上午上门安装，请提前联系' },
-      { type: '服务', name: '王五', phonenumber: '13800138002', province: '浙江省', city: '杭州市', county: '滨江区', address: '江南大道588号恒鑫大厦2201', toilet: 2, kitchen: 0, balcony: 1, scenecontact: '赵六', scenecontactphonenumber: '13900139002', remarks: '卫生间需要仔细清洁，最好带工具' },
-      { type: '验收', name: '孙七', phonenumber: '13800138003', province: '浙江省', city: '杭州市', county: '余杭区', address: '文一西路998号未来科技城5幢302', toilet: 2, kitchen: 0, balcony: 0, scenecontact: '周八', scenecontactphonenumber: '13900139003', remarks: '' },
-      { type: '安装', name: '吴九', phonenumber: '13800138004', province: '浙江省', city: '宁波市', county: '鄞州区', address: '南部商务区泰康中路666号804', toilet: 1, kitchen: 1, balcony: 0, scenecontact: '郑十', scenecontactphonenumber: '13900139004', remarks: '工作日白天无人，请傍晚5点后上门' },
-      { type: '服务', name: '陈明', phonenumber: '13800138005', province: '浙江省', city: '杭州市', county: '上城区', address: '解放路88号紫金花园3单元601', toilet: 1, kitchen: 1, balcony: 2, scenecontact: '刘芳', scenecontactphonenumber: '13900139005', remarks: '厨房下水管有异味，麻烦重点处理' },
-      { type: '验收', name: '林涛', phonenumber: '13800138006', province: '浙江省', city: '温州市', county: '鹿城区', address: '人民东路103号温州大厦12层', toilet: 3, kitchen: 1, balcony: 1, scenecontact: '黄丽', scenecontactphonenumber: '13900139006', remarks: '需要出具验收报告，请带齐材料' }
+     
     ]
   },
   computed: {
@@ -184,7 +194,13 @@ new Vue({
   methods: {
     onSelect: function(item) {
       this.showType = false
-      this.form.type = item.name
+      if (item.name === '安装') {
+        this.form.type = ''
+        this.showSubType = true
+      } else {
+        this.form.type = item.name
+        this.showSubType = false
+      }
     },
 
     onCancel: function() {