招聘页面ui更新

components/vertical-menu/vertical-menu.vue

@@ -26,7 +26,7 @@
                             <view @click="clickFunc({ 'type': 'industry' })" v-else-if="item.name === `行业`"
                                 class="thumb-box thumb-box1">
                                 <u-cell-group>
-                                    <u-cell icon="map" :title="areaModal.industry" :isLink="true"
+                                    <u-cell icon="calendar" :title="industryModal.industry" :isLink="true"
                                         arrow-direction="down"></u-cell>
                                 </u-cell-group>
                             </view>
@@ -45,8 +45,8 @@
 
         </view>
         <view class="buttonWrapper">
-            <view class="cancelButton">取消</view>
-            <view class="sureButton">确定</view>
+            <view class="cancelButton" @click="closePopUp">取消</view>
+            <view class="sureButton" @click="subMitPopUp({submitData,areaModal,industryModal})">确定</view>
         </view>
         <!-- 省市 -->
         <data-picker :show="areaModal.addressShow" @confirm='confirmAddress' @cancel='areaModal.addressShow = false'
@@ -54,7 +54,8 @@
             :defaultIds="areaModal.defaultIds" :showToolbar="false" :showBottombar="true"
             :labelName="areaModal.labelName"></data-picker>
         <!-- 行业 -->
-        <u-picker @confirm="pickerIndustryFunc" @cancel="industryModal.industryShow = false" :show="industryModal.industryShow" :columns="industryModal.industry"></u-picker>
+        <u-picker @confirm="pickerIndustryFunc" keyName="name" @cancel="industryModal.industryShow = false"
+            :show="industryModal.industryShow" :columns="industryModal.industryList"></u-picker>
     </view>
 </template>
 
@@ -62,6 +63,16 @@
 import classifyData from './classifyData.js';
 import { getTrade } from '@/api/resume.js'
 export default {
+    props: {
+        closePopUp: {
+            type: Function,
+            required: true
+        },
+        subMitPopUp: {
+            type: Function,
+            required: true
+        },
+    },
     components: {
         // vTabs,
         // companyList, verticalMenu
@@ -92,10 +103,9 @@ export default {
 
             },
             industryModal: {
-                industry: [['中国', '美国', '日本']],
+                industry: "",
+                industryList: [[]],
                 industryShow: false,
-
-
             },
 
             submitData: {},
@@ -120,6 +130,8 @@ export default {
                     }
                 })
                 this.tabbar = newData;
+                this.industryModal.industry = res.data.data[0]?.name
+                this.industryModal.industryList = [res.data.data]
 
             })
         },
@@ -286,6 +298,7 @@ export default {
         },
         pickerIndustryFunc(val) {
             console.log(val);
+            this.industryModal.industry = val.value[0].name;
             this.industryModal.industryShow = false
         }