odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

梁航：发布页获取业态

Browse Source
This commit is contained in:
hot777zz
2023-11-17 00:38:54 +08:00
parent ff7eaadc7c
commit 590ffc1d46
1 changed files with 46 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
pages/publish/publishTransfer/publishTransfer.vue
View File

@@ -12,7 +12,7 @@
<u-form-item label="区域" label-position="top" border-bottom="true" right-icon="arrow-right" prop="region" label-width="auto">
<text @click="show1 = true" class="checktext">请选择所属区域</text>
<view class="arrow-icon">
<u-icon name="arrow-right" size="30px"></u-icon>
<u-icon name="arrow-right" size="30px" @click="show1 = true"></u-icon>
</view>
<u-picker :columns="regionColumns" :show="show1" :closeOnClickOverlay="true" @close="show1 = false"
v-model="form.region"></u-picker>
@@ -21,21 +21,21 @@
<u-input v-model="form.place" placeholder="请输入店铺地址" placeholder-class="input-class" border="none"
@change="changeAddress"></u-input>
</u-form-item>
<u-form-item label="行业" label-position="top" border-bottom="true" class="picker" label-width="auto" prop="trade">
<text @click="show2 = true" class="checktext">请选择行业类型</text>
<u-form-item label="行业" label-position="top" border-bottom="true" class="picker" label-width="auto" prop="trade" >
<text @click="show2 = true" class="checktext">{{form.trade}}</text>
<view class="arrow-icon">
<u-icon name="arrow-right" size="30px"></u-icon>
<u-icon name="arrow-right" size="30px" @click="show2 = true"></u-icon>
</view>
<u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false"
v-model="form.trade"></u-picker>
<u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false" :columns="[Classcolumns]"
v-model="form.trade" @confirm="tradeConfirm"></u-picker>
</u-form-item>
<u-form-item label="业态" label-position="top" border-bottom="true" label-width="auto" prop="karma">
<text @click="show3 = true" class="checktext">请选择行业业态</text>
<text @click="show3 = true" class="checktext">{{form.karma}}</text>
<view class="arrow-icon">
<u-icon name="arrow-right" size="30px"></u-icon>
<u-icon name="arrow-right" size="30px" @click="show3 = true"></u-icon>
</view>
<u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false"
v-model="form.karma"></u-picker>
<u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false" :columns="[Karmacolumns]"
v-model="form.karma" @confirm="karmaConfirm"></u-picker>
</u-form-item>
<u-form-item label="面积" label-position="top" border-bottom="true" label-width="auto" prop="size">
<u-input v-model="form.size" placeholder="请输入店铺面积" placeholder-class="input-class" border="none"></u-input>
@@ -79,8 +79,8 @@
title: '',
region: '',
place: '',
trade: '',
karma: '',
trade: '请选择行业',
karma: '请选择业态',
size: '',
rent: '',
sell: '',
@@ -88,9 +88,10 @@
call: '',
introduce: ''
},
columns: [
],
Classcolumns: [],
ClassCheckId:'',
Karmacolumns: [],
pid:[],
show1: false,
show2: false,
show3: false,
@@ -181,8 +182,8 @@
})
},
changeAddress(e) {
console.log('changeAddress', e);
// this.getAddressList(e)
// console.log('changeAddress', e);
this.getAddressList(e)
},
getAddressList(value) {
var that = this
@@ -199,9 +200,37 @@
}
})
},
tradeConfirm(e){
this.show2 = false
this.form.trade = e.value[0]
this.ClassCheckId = this.pid[e.indexs[0]]
this.$api.getClassList(this.ClassCheckId).then(res => {
// console.log(res);
this.Karmacolumns = res.data.data.map((item) => {
return item = item.name
})
})
},
karmaConfirm(e){
this.show3 = false
this.form.karma = e.value[0]
}
},
onReady() {
this.$refs.uForm.setRules(this.rules)
},
onLoad() {
this.$api.getClassList().then(res =>{
// console.log(res.data.data.length);
this.Classcolumns = res.data.data.map((item) => {
return item = item.name
})
this.pid = res.data.data.map((item) => {
return item = item.id
})
})
}
}
</script>