|
|
@@ -11,21 +11,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<uni-forms ref="form" :modelValue="formData" label-width="80px" validateTrigger="blur">
|
|
|
- <!-- <uni-forms-item label="业务员">
|
|
|
- <div class="formCon">{{ userinfo.nickname }}</div>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item label="手机号">
|
|
|
- <div class="formCon">{{ userinfo.mobile }}</div>
|
|
|
- </uni-forms-item> -->
|
|
|
-
|
|
|
<uni-forms-item label="店铺名称" required name="name">
|
|
|
<uni-easyinput v-model="formData.name" type="text" placeholder="请输入店铺名称" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="商家logo" required name="logo">
|
|
|
- <div class="upimg flex_c flex_ac flex_jc flex_wrap" @click="uplogoimg">
|
|
|
- <div class="iconfont"></div>
|
|
|
- <div class="upmsg">最多1张</div>
|
|
|
- </div>
|
|
|
+ <upimg v-model="formData.logo"/>
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="商家分类" required name="business">
|
|
|
<uni-data-select v-model="formData.business" :localdata="TypeDesc.business" placeholder="请选择商家分类"></uni-data-select>
|
|
|
@@ -65,7 +55,7 @@
|
|
|
<uni-easyinput v-model="formData.we_chat" type="text" placeholder="请输入商家微信" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="开票类型" required name="billing_type">
|
|
|
- <uni-data-select v-model="billing_type" :localdata="TypeDesc.billing_type" placeholder="请选择开票类型"></uni-data-select>
|
|
|
+ <uni-data-select v-model="formData.billing_type" :localdata="TypeDesc.billing_type" placeholder="请选择开票类型"></uni-data-select>
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="开户行" required name="bank">
|
|
|
<uni-easyinput v-model="formData.bank" type="text" placeholder="请输入开户行" />
|
|
|
@@ -83,13 +73,13 @@
|
|
|
<uni-easyinput v-model="formData.open_phone" type="text" placeholder="请输入开户手机" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="平台截图" name="other_type">
|
|
|
- <uni-data-select v-model="other_type" :localdata="TypeDesc.other_type" placeholder="请选择平台"></uni-data-select>
|
|
|
+ <uni-data-select v-model="formData.other_type" :localdata="TypeDesc.other_type" placeholder="请选择平台"></uni-data-select>
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item label="上传截图">
|
|
|
- <div class="upimg flex_c flex_ac flex_jc flex_wrap">
|
|
|
- <div class="iconfont"></div>
|
|
|
- <div class="upmsg">最多1张</div>
|
|
|
- </div>
|
|
|
+ <upimg v-model="formData.other_images"/>
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item label="店铺图集">
|
|
|
+ <upimg v-model="formData.atlas" :count="6"/>
|
|
|
</uni-forms-item>
|
|
|
</uni-forms>
|
|
|
<button class="button" @click="submit">校验表单</button>
|
|
|
@@ -98,35 +88,36 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import { post } from "@/request/api.js";
|
|
|
-import selectAddress from "@/components/lcw-select-address/lcw-select-address.vue";
|
|
|
+import selectAddress from "@/components/lcw-select-address/lcw-select-address";
|
|
|
+import upimg from "@/pagesB/components/up/index"
|
|
|
export default {
|
|
|
name: "add-shop",
|
|
|
props: {},
|
|
|
- components: {selectAddress},
|
|
|
+ components: { selectAddress, upimg },
|
|
|
data() {
|
|
|
return {
|
|
|
userinfo: uni.getStorageSync("userinfo"),
|
|
|
formData: {},
|
|
|
rules: {
|
|
|
- name: { rules: [{ required: true, errorMessage: '请输入店铺名称' }]},
|
|
|
- logo: { rules: [{ required: true, errorMessage: '请上传店铺logo' }]},
|
|
|
- business: { rules: [{ required: true, errorMessage: '请选择商家分类' }]},
|
|
|
- attribute: { rules: [{ required: true, errorMessage: '请选择商家属性' }]},
|
|
|
- type: { rules: [{ required: true, errorMessage: '请选择合作类型' }]},
|
|
|
- discount: { rules: [{ required: true, errorMessage: '请输入让利比率' }]},
|
|
|
- province: { rules: [{ required: true, errorMessage: '请选择省市区地址' }]},
|
|
|
- address: { rules: [{ required: true, errorMessage: '请输入详细地址' }]},
|
|
|
- longitude: { rules: [{ required: true, errorMessage: '请输入经度' }]},
|
|
|
- latitude: { rules: [{ required: true, errorMessage: '请输入纬度' }]},
|
|
|
- contact: { rules: [{ required: true, errorMessage: '请输入联系人' }]},
|
|
|
- phone: { rules: [{ required: true, errorMessage: '请输入联系电话' }]},
|
|
|
- we_chat: { rules: [{ required: true, errorMessage: '商家微信' }]},
|
|
|
- billing_type: { rules: [{ required: true, errorMessage: '请选择开票类型' }]},
|
|
|
- bank: { rules: [{ required: true, errorMessage: '请输入开户行' }]},
|
|
|
- card_no: { rules: [{ required: true, errorMessage: '请输入银行卡号' }]},
|
|
|
- account_name: { rules: [{ required: true, errorMessage: '请输入开户姓名' }]},
|
|
|
- card_id: { rules: [{ required: true, errorMessage: '请输入身份证号' }]},
|
|
|
- open_phone: { rules: [{ required: true, errorMessage: '请输入开户手机' }]},
|
|
|
+ name: { rules: [{ required: true, errorMessage: '请输入店铺名称' }] },
|
|
|
+ logo: { rules: [{ required: true, errorMessage: '请上传店铺logo' }] },
|
|
|
+ business: { rules: [{ required: true, errorMessage: '请选择商家分类' }] },
|
|
|
+ attribute: { rules: [{ required: true, errorMessage: '请选择商家属性' }] },
|
|
|
+ type: { rules: [{ required: true, errorMessage: '请选择合作类型' }] },
|
|
|
+ discount: { rules: [{ required: true, errorMessage: '请输入让利比率' }] },
|
|
|
+ province: { rules: [{ required: true, errorMessage: '请选择省市区地址' }] },
|
|
|
+ address: { rules: [{ required: true, errorMessage: '请输入详细地址' }] },
|
|
|
+ longitude: { rules: [{ required: true, errorMessage: '请输入经度' }] },
|
|
|
+ latitude: { rules: [{ required: true, errorMessage: '请输入纬度' }] },
|
|
|
+ contact: { rules: [{ required: true, errorMessage: '请输入联系人' }] },
|
|
|
+ phone: { rules: [{ required: true, errorMessage: '请输入联系电话' }] },
|
|
|
+ we_chat: { rules: [{ required: true, errorMessage: '商家微信' }] },
|
|
|
+ billing_type: { rules: [{ required: true, errorMessage: '请选择开票类型' }] },
|
|
|
+ bank: { rules: [{ required: true, errorMessage: '请输入开户行' }] },
|
|
|
+ card_no: { rules: [{ required: true, errorMessage: '请输入银行卡号' }] },
|
|
|
+ account_name: { rules: [{ required: true, errorMessage: '请输入开户姓名' }] },
|
|
|
+ card_id: { rules: [{ required: true, errorMessage: '请输入身份证号' }] },
|
|
|
+ open_phone: { rules: [{ required: true, errorMessage: '请输入开户手机' }] },
|
|
|
},
|
|
|
TypeDesc: {},
|
|
|
address: {
|
|
|
@@ -139,52 +130,33 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- upimg(count=1) {
|
|
|
+ submit() {
|
|
|
let that = this
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- uni.chooseMedia({
|
|
|
- count,
|
|
|
- mediaType: ["image"],
|
|
|
- sizeType: ["compressed"],
|
|
|
- sourceType: ["album", "camera"],
|
|
|
- success: async (res) => {
|
|
|
- console.log(res);
|
|
|
- let arr = [];
|
|
|
- for (const it of res.tempFiles) {
|
|
|
- let url = await that.$up(it.tempFilePath)
|
|
|
- arr.push(url)
|
|
|
- }
|
|
|
- resolve(arr)
|
|
|
- },
|
|
|
- });
|
|
|
- })
|
|
|
- },
|
|
|
- uplogoimg(){
|
|
|
- this.upimg().then(res=>{
|
|
|
- console.log(res);
|
|
|
- })
|
|
|
- },
|
|
|
- submit(form) {
|
|
|
- this.$refs.form
|
|
|
- .validate()
|
|
|
- .then((res) => {
|
|
|
- console.log("表单数据信息:", res);
|
|
|
+ this.$refs.form.validate().then((res) => {
|
|
|
+ post("v1/merchant/apply",this.formData).then(res=>{
|
|
|
+ if (res.code == 0) {
|
|
|
+ that.$toast("提交成功,请关注审核状态")
|
|
|
+ uni.navigateBack({ delta: 1 })
|
|
|
+ }
|
|
|
})
|
|
|
- .catch((err) => {
|
|
|
- console.log("表单错误信息:", err);
|
|
|
- });
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log("表单错误信息:", err);
|
|
|
+ });
|
|
|
},
|
|
|
- async getTypeDesc(){
|
|
|
+ async getTypeDesc() {
|
|
|
let res = await post("v1/merchant/typeDesc");
|
|
|
- if(res.code == 0){
|
|
|
+ if (res.code == 0) {
|
|
|
this.TypeDesc = res.data
|
|
|
}
|
|
|
},
|
|
|
btnClick() {
|
|
|
this.$refs.selectAddress.open();
|
|
|
},
|
|
|
- changeAddress(address) {
|
|
|
- //选择成功回调
|
|
|
+ changeAddress(address) { //选择地区成功回调
|
|
|
+ let { area, city, province, street } = address
|
|
|
+ let obj = { county:area, city, province, street }
|
|
|
+ this.formData = Object.assign({}, this.formData, obj);
|
|
|
this.address = address;
|
|
|
this.userAddress = "";
|
|
|
for (const i in address) {
|
|
|
@@ -194,8 +166,8 @@ export default {
|
|
|
// 获取当前位置
|
|
|
async getLocation() {
|
|
|
let adres = await uni.Location();
|
|
|
- this.$set(this.formData,"longitude",adres.lng)
|
|
|
- this.$set(this.formData,"latitude",adres.lat)
|
|
|
+ this.$set(this.formData, "longitude", adres.lng)
|
|
|
+ this.$set(this.formData, "latitude", adres.lat)
|
|
|
},
|
|
|
},
|
|
|
onReady() {
|
|
|
@@ -230,47 +202,41 @@ export default {
|
|
|
<style scoped lang='scss'>
|
|
|
.add-shop {
|
|
|
padding: 28rpx 32rpx;
|
|
|
- .userBox{
|
|
|
+
|
|
|
+ .userBox {
|
|
|
color: #222;
|
|
|
font-size: 28rpx;
|
|
|
margin-bottom: 44rpx;
|
|
|
-
|
|
|
- .u_item{
|
|
|
+
|
|
|
+ .u_item {
|
|
|
margin-bottom: 28rpx;
|
|
|
}
|
|
|
- .label{
|
|
|
+
|
|
|
+ .label {
|
|
|
width: 80px;
|
|
|
}
|
|
|
}
|
|
|
- .formCon{
|
|
|
+
|
|
|
+ .formCon {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
}
|
|
|
- .upimg{
|
|
|
- width: 170rpx;
|
|
|
- height: 130rpx;
|
|
|
- border: 2rpx dashed #999;
|
|
|
- font-size: 23rpx;
|
|
|
- color: #999;
|
|
|
- border-radius: 15rpx;
|
|
|
- .iconfont{
|
|
|
- color: #999;
|
|
|
- font-size: 70rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .selectAdder{
|
|
|
+
|
|
|
+ .selectAdder {
|
|
|
height: 100%;
|
|
|
background-color: #fff;
|
|
|
border-radius: 4px;
|
|
|
border: 1px solid #e5e5e5;
|
|
|
padding: 0 10px;
|
|
|
font-size: 24rpx;
|
|
|
- .msg{
|
|
|
+
|
|
|
+ .msg {
|
|
|
color: #999;
|
|
|
}
|
|
|
- .ico{
|
|
|
+
|
|
|
+ .ico {
|
|
|
color: #888;
|
|
|
}
|
|
|
}
|