混凝土运输管理微信小程序、替班
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

193 lines
5.9 KiB

<template>
<view class="content">
<view class="mt20">
<view class="re-card-p32">
<view class="flex-sb">
<view class="re-from-label">推荐司机</view>
<view class="re-card-show" @click="clickSwitch">我要推荐老板</view>
</view>
<view class="re-card-context">
感谢您为我们推荐司机请您填写下述问题以便我们对您推荐的司机有一个整体的了解
</view>
</view>
<view class="re-card-p32">
<view class="re-from-line">
<view class="re-from-label">您推荐的司机姓名</view>
<view class="b-relative">
<input v-model="form.name" maxlength="8" class="re-from-input" placeholder="请填写真实姓名" />
<image class="re-from-icon" src="/static/icons/icon01.png"></image>
</view>
</view>
<view class="re-from-line">
<view class="re-from-label">司机的手机号码</view>
<view class="b-relative">
<input v-model="form.mobile" type="number" maxlength="11" class="re-from-input" placeholder="请填写TA的常用联系方式" />
<image class="re-from-icon" src="/static/icons/icon02.png"></image>
</view>
</view>
<view class="h44"></view>
<view class="re-from-line">
<view class="re-from-label">您推荐司机责任心强?</view>
<view class="b-relative">
<radio-group @change="changeType1">
<radio class="re-radio re-width2" value="1" :checked="+form.type1===1">是</radio>
<radio class="re-radio re-width2" value="2" :checked="+form.type1===2">否</radio>
</radio-group>
</view>
</view>
<view class="re-from-line">
<view class="re-from-label">您推荐司机操作经验时长?</view>
<view class="b-relative">
<radio-group @change="changeType2">
<radio class="re-radio re-width2" value="1" :checked="+form.type2===1">五年以上</radio>
<radio class="re-radio re-width2" value="2" :checked="+form.type2===2">五年以下</radio>
</radio-group>
</view>
</view>
<view class="re-from-line">
<view class="re-from-label">您推荐司机普通话表达能力?</view>
<view class="b-relative">
<radio-group @change="changeType3">
<radio class="re-radio re-width2" value="1" :checked="+form.type3===1">是</radio>
<radio class="re-radio re-width2" value="2" :checked="+form.type3===2">否</radio>
</radio-group>
</view>
</view>
<view class="re-from-line">
<view class="re-from-label">您推荐司机是否出现过重大安全事故?</view>
<view class="b-relative">
<radio-group @change="changeType4">
<radio class="re-radio re-width2" value="1" :checked="+form.type4===1">有</radio>
<radio class="re-radio re-width2" value="2" :checked="+form.type4===2">没有</radio>
</radio-group>
</view>
</view>
<view class="re-from-line">
<view class="re-from-label">您推荐司机是否身心健康?</view>
<view class="b-relative">
<radio-group @change="changeType5">
<radio class="re-radio re-width2" value="1" :checked="+form.type5===1">有</radio>
<radio class="re-radio re-width2" value="2" :checked="+form.type5===2">没有</radio>
</radio-group>
</view>
</view>
</view>
<view class="re-card-p32">
<view class="re-from-label">您可以在这里进行补充说明(选填)</view>
<textarea v-model="form.remark" class="re-card-textarea inpit" placeholder="请在此处留言或者备注其他特殊情况。">
</textarea>
</view>
<view class="re-card-p32">
<view class="re-from-label">信息手机说明</view>
<view class="re-card-context">
感谢您为我们的平台推荐用户,无论其是否成为我们平台用户我们都将 <span>保证您上传的信息安全</span>。当然您也可以通过线下与其取得联系邀请TA在小程序完成注册。
</view>
</view>
<view class="re-end-pand">
<button @click="submit">提交审核</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
form: {
type: "1",
name: "",
mobile:"",
type1: "",
type2: "",
type3: "",
type4: "",
type5: "",
remark:""
}
}
},
onLoad() {
},
methods: {
clickSwitch(){
uni.navigateTo({ url: `/pages/user/enter`})
},
changeType1(event){
this.form.type1 = event.detail.value
},
changeType2(event){
this.form.type2 = event.detail.value
},
changeType3(event){
this.form.type3 = event.detail.value
},
changeType4(event){
this.form.type4 = event.detail.value
},
changeType5(event){
this.form.type5 = event.detail.value
},
submit(){
if(!this.form.name){
uni.showToast({ icon: "none", title: "请填写您推荐的司机姓名" })
return
}
if(!this.form.mobile){
uni.showToast({ icon: "none", title: "请填写您推荐的司机常用联系手机" })
return
}
if(!this.form.type1 || !this.form.type2 || !this.form.type3 || !this.form.type4 || !this.form.type5){
uni.showToast({ icon: "none", title: "请勾选问题答案" })
return
}
this.doSubmit()
},
doSubmit(){
uni.showLoading({})
this.form.id = this.$utils.generateUUID()
this.form.status = 0
this.form.area = uni.getStorageSync("area")
this.$httpPost("/api/sells/push", this.form, (res) => {
console.log('[/sells/push]', res);
if(res.data || res.data == 1){
uni.hideLoading({})
uni.showToast({ icon: "none", title: "数据已提交" })
setTimeout(()=>{
uni.navigateBack({ delta: -1 })
}, 1500)
}
})
}
}
}
</script>
<style>
page {
background-color: #F5F5F5;
}
/deep/ uni-radio .uni-radio-input{
background-color: #F40000 !important;
border-color: #F40000 !important;
}
/deep/ uni-radio .uni-radio-input:empty{
background-color: #ffffff !important;
border-color: #888888 !important;
}
</style>