| | |
| | | <view> |
| | | <view class="form-item"> |
| | | <view class="label required">店铺类型</view> |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{ |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.typeId?'desc-gray':'']" @click="()=>{ |
| | | if(!id){ |
| | | show_select_type=true |
| | | } |
| | | }"> |
| | | <view>{{dto.applicationTypeStr||dto.applicationType || '请选择'}}</view> |
| | | <view>{{dto.typeName || '请选择'}}</view> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> |
| | | |
| | | <!-- <view class="m-l-a m-r-0 flex " :class="[!dto.typeId?'desc-gray':'']"> |
| | | <uni-data-picker @change="(e)=>{PickData('typeId','typeStr',e)}" placeholder="请选择" |
| | | :localdata="columns_types"> |
| | | {{dto.typeStr || '请选择'}} |
| | | </uni-data-picker> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> --> |
| | | </view> |
| | | <view class="form-item before-line"> |
| | | <view class="label required">店铺名称</view> |
| | | <view class="m-l-a m-r-0 flex"> |
| | | <input v-model="dto.applicationTitle" placeholder="请输入店铺名称" |
| | | style="margin-top: 16px;text-align: right;"></input> |
| | | <input v-model="dto.name" placeholder="请输入店铺名称" style="margin-top: 16px;text-align: right;"></input> |
| | | |
| | | </view> |
| | | </view> |
| | | <view class="form-item bottom-border-no"> |
| | | <view class="label required" style="width: 360rpx;">店铺头像(750*750px)</view> |
| | | <view class="m-l-a m-r-0 flex m-t-20 m-b-20"> |
| | | <view class="component-button-upload" @click="uploadIcon('cover')" > |
| | | <view class="component-button-upload" @click="uploadIcon('cover')"> |
| | | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view v-if="dto.cover"> |
| | | <view class="flex p20 form-item bottom-border-no" style="padding-top: 0rpx;padding-bottom: 10rpx" > |
| | | <view class="flex p20 form-item bottom-border-no" style="padding-top: 0rpx;padding-bottom: 10rpx"> |
| | | <view class="m-r-10 "> |
| | | <image class="banner-img" :src="dto.cover" @click.stop="previewImg(dto.cover)"> |
| | | |
| | | |
| | | </image> |
| | | <view class="t-red text-center" @click.stop="deleteImg('cover','')">删除</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <u-divider></u-divider> |
| | | |
| | | |
| | | <view class="form-item before-line"> |
| | | <view class="label required">姓名</view> |
| | | <view class="label required">联系人姓名</view> |
| | | <view class="m-l-a m-r-0 flex"> |
| | | <input v-model="dto.applicationTitle" placeholder="请输入姓名" |
| | | <input v-model="dto.contactTel" placeholder="请输入联系人姓名" |
| | | style="margin-top: 16px;text-align: right;"></input> |
| | | |
| | | </view> |
| | |
| | | <view class="form-item before-line"> |
| | | <view class="label required">联系方式</view> |
| | | <view class="m-l-a m-r-0 flex"> |
| | | <input v-model="dto.applicationTitle" placeholder="请输入联系方式" |
| | | <input v-model="dto.contactTel" placeholder="请输入联系方式" |
| | | style="margin-top: 16px;text-align: right;"></input> |
| | | |
| | | </view> |
| | | </view> |
| | | <view class="form-item before-line"> |
| | | <view class="label required">集货站</view> |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{ |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.stationId?'desc-gray':'']" @click="()=>{ |
| | | if(!id){ |
| | | show_select_type=true |
| | | show_select_station=true |
| | | } |
| | | }"> |
| | | <view>{{dto.applicationTypeStr||dto.applicationType || '请选择'}}</view> |
| | | <view>{{dto.stationName || '请选择'}}</view> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> |
| | | <!-- <view class="m-l-a m-r-0 flex " :class="[!dto.stationId?'desc-gray':'']"> |
| | | <uni-data-picker @change="(e)=>{PickData('stationId','stationStr',e)}" placeholder="请选择" |
| | | :localdata="columns_station"> |
| | | {{dto.typeStr || '请选择'}} |
| | | </uni-data-picker> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> --> |
| | | |
| | | </view> |
| | | <view class="form-item before-line"> |
| | | <view class="label required">地区</view> |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{ |
| | | <!-- <view class="m-l-a m-r-0 flex " :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{ |
| | | if(!id){ |
| | | show_select_type=true |
| | | } |
| | | }"> |
| | | <view>{{dto.applicationTypeStr||dto.applicationType || '请选择'}}</view> |
| | | |
| | | |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> --> |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto['province']?'desc-gray':'']"> |
| | | <uni-data-picker @change="(e)=>{PickArea(dto,e)}" placeholder="" :localdata="regionDataPlus"> |
| | | {{ dto['province'] || '请选择' }}{{ dto['city'] && ('/' + dto['city']) || '' }}{{ |
| | | dto['region'] && ('/' + dto['region']) || '' |
| | | }} |
| | | </uni-data-picker> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> |
| | | |
| | |
| | | <view class="form-item before-line"> |
| | | <view class="label required">地址</view> |
| | | <view class="m-l-a m-r-0 flex"> |
| | | <input v-model="dto.applicationTitle" placeholder="请输入地址" |
| | | <input v-model="dto.address" placeholder="请输入地址" |
| | | style="margin-top: 16px;text-align: right;"></input> |
| | | |
| | | </view> |
| | |
| | | <view class="label required">店铺简介</view> |
| | | </view> |
| | | <view class="flex"> |
| | | <u--textarea v-model="dto.ps" placeholder="请输入店铺简介"></u--textarea> |
| | | <u--textarea v-model="dto.description" placeholder="请输入店铺简介"></u--textarea> |
| | | </view> |
| | | <view class="form-item before-line m-t-20"> |
| | | <view class="label required">选择审核方式</view> |
| | |
| | | <view class="form-item bottom-border-no before-line m-t-20 p-b-20" v-if="dto.idcardType=='身份证'"> |
| | | <view class="label required">身份证正反面</view> |
| | | <view class="m-l-a m-r-0 flex"> |
| | | <!-- <view class="component-button-upload m-r-15" @click="uploadIcon('idCards')"> |
| | | <!-- <view class="component-button-upload m-r-15" @click="uploadIcon('idCards')"> |
| | | |
| | | </view> --> |
| | | <view class="component-button-upload" @click="uploadIcon('idCards')"> |
| | |
| | | <view style="min-height: 200rpx;"> |
| | | |
| | | </view> |
| | | <u-picker @confirm="select_type" keyName="label" @cancel="show_select_type=false" :show="show_select_type" |
| | | <u-picker @confirm="select_type" keyName="name" @cancel="show_select_type=false" :show="show_select_type" |
| | | :columns="columns_types"></u-picker> |
| | | |
| | | <u-picker @confirm="select_user" keyName="label" @cancel="show_select_user=false" :show="show_select_user" |
| | | :columns="userListCols"></u-picker> |
| | | <u-picker @confirm="select_station" keyName="name" @cancel="show_select_station=false" |
| | | :show="show_select_station" :columns="columns_station"></u-picker> |
| | | |
| | | |
| | | </view> |
| | |
| | | data() { |
| | | return { |
| | | id: '', |
| | | orderId: '', |
| | | show_addlog: false, |
| | | log_remarks: '', |
| | | refresh: false, |
| | | api: '', |
| | | dto: { |
| | | id: '', |
| | | pictures: [], |
| | | idCards: [], |
| | | cover:'' |
| | | cover: '', |
| | | idcardType: '身份证', |
| | | description: '', |
| | | address: '', |
| | | stationId: '', |
| | | stationName: '', |
| | | id: '', |
| | | userId: '', |
| | | name: '', |
| | | typeId: '', |
| | | typeName: '', |
| | | contactName: '', |
| | | contactTel: '', |
| | | province: '', |
| | | city: '', |
| | | region: '', |
| | | }, |
| | | show_select_type: false, |
| | | show_select_user: false, |
| | | show_select_station: false, |
| | | columns_types: [], |
| | | audit_remarks: '', |
| | | audit_result: false, |
| | | show_audit: false, |
| | | |
| | | columns_station: [], |
| | | |
| | | //审核方式 |
| | | shTypeList: [{ |
| | |
| | | disabled: false |
| | | } |
| | | ], |
| | | radiovalue1: '身份证', |
| | | |
| | | regionDataPlus: [], |
| | | } |
| | | }, |
| | | onLoad(options) { |
| | |
| | | this.id = options.id |
| | | this.getDetail() |
| | | } else { |
| | | |
| | | this.$http.request('get', '/api/code/value', { |
| | | params: { |
| | | type: 'APPLICATION_TYPE' |
| | | } |
| | | this.getCurrentInfo() |
| | | //类型和集火站 |
| | | this.$http.request('get', '/api/station/list', { |
| | | params: {} |
| | | }).then(res => { |
| | | var data = res.data |
| | | this.columns_station = [data || []] |
| | | // this.columns_station = (data || []).map(item => { |
| | | // return { |
| | | // ...item, |
| | | // code: item.id, |
| | | // text: item.name, |
| | | // } |
| | | // }) |
| | | }) |
| | | //类型和集火站 |
| | | this.$http.request('get', '/api/supplier/type/list', { |
| | | params: {} |
| | | }).then(res => { |
| | | var data = res.data |
| | | this.columns_types = [data || []] |
| | | this.columns_types[0].unshift({ |
| | | label: '全部', |
| | | value: '' |
| | | }) |
| | | |
| | | // this.columns_types = (data || []).map(item => { |
| | | // return { |
| | | // ...item, |
| | | // code: item.id, |
| | | // text: item.name, |
| | | // } |
| | | // }) |
| | | // console.log('columns_types', this.columns_types) |
| | | }) |
| | | this.init_area() |
| | | } |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | | PickArea(item, e) { |
| | | // console.log('PickArea', item, e) |
| | | if (e.detail.value) { |
| | | if (!!e.detail.value[0]) |
| | | this.dto.province = e.detail.value[0].value |
| | | if (!!e.detail.value[1]) |
| | | this.dto.city = e.detail.value[1].value |
| | | if (!!e.detail.value[2]) |
| | | this.dto.region = e.detail.value[2].value |
| | | this.$forceUpdate() |
| | | |
| | | } |
| | | }, |
| | | PickData(valueKey, nameKey, e) { |
| | | // console.log('PickArea', item, e) |
| | | if (e.detail.value) { |
| | | if (!!e.detail.value[0]) |
| | | this.dto[valueKey] = e.detail.value[0].value || e.detail.value[0].id |
| | | if (nameKey) { |
| | | this.dto[nameKey] = e.detail.value[0].label || e.detail.value[0].name || e.detail.value[0].value |
| | | } |
| | | this.$forceUpdate() |
| | | |
| | | } |
| | | }, |
| | | async init_area() { |
| | | const res = await this.$http.request('get', '/api/pub/china/area/json') |
| | | // console.log('area', JSON.parse(res.data)) |
| | | this.regionDataPlus = res.data && JSON.parse(res.data.replaceAll('code', 'value').replaceAll('name', |
| | | 'text')) || [] |
| | | |
| | | |
| | | }, |
| | | |
| | | select_type(e) { |
| | | this.show_select_type = false |
| | | this.dto.applicationTypeStr = e.value[0].label |
| | | this.dto.applicationType = e.value[0].value |
| | | this.dto.typeName = e.value[0].name |
| | | this.dto.typeId = e.value[0].id |
| | | }, |
| | | select_user(e) { |
| | | this.show_select_user = false |
| | | this.dto.auditPersonStr = e.value[0].label |
| | | this.dto.auditPersonId = e.value[0].value |
| | | select_station(e) { |
| | | this.show_select_station = false |
| | | this.dto.stationName = e.value[0].name |
| | | this.dto.stationId = e.value[0].id |
| | | }, |
| | | async getCurrentInfo() { |
| | | this.$message.showLoading() |
| | | const { |
| | | code, |
| | | data |
| | | } = await this.$http.request('get', "/api/current/supplier", {}) |
| | | if (code == 0) { |
| | | this.dto = { |
| | | ...data, |
| | | |
| | | } |
| | | if (!this.dto.pictures) { |
| | | this.dto.pictures = [] |
| | | }else if(typeof this.dto.pictures == 'string'){ |
| | | this.dto.pictures = JSON.parse(this.dto.pictures) |
| | | } |
| | | if (!this.dto.idCards) { |
| | | this.dto.idCards = [] |
| | | }else if(typeof this.dto.idCards == 'string'){ |
| | | this.dto.idCards = JSON.parse(this.dto.idCards) |
| | | } |
| | | |
| | | // if (this.dto.idCards.length > 0) { |
| | | // this.dto.idcardType = '身份证' |
| | | // } |
| | | this.dto.userId = this.currentInfo.id |
| | | |
| | | } |
| | | |
| | | this.$message.hideLoading() |
| | | }, |
| | | async getDetail() { |
| | | this.$message.showLoading() |
| | | const { |
| | |
| | | } |
| | | if (!this.dto.pictures) { |
| | | this.dto.pictures = [] |
| | | }else if(typeof this.dto.pictures == 'string'){ |
| | | this.dto.pictures = JSON.parse(this.dto.pictures) |
| | | } |
| | | if (!this.dto.idCards) { |
| | | this.dto.idCards = [] |
| | | }else if(typeof this.dto.idCards == 'string'){ |
| | | this.dto.idCards = JSON.parse(this.dto.idCards) |
| | | } |
| | | |
| | | if (this.dto.idCards.length > 0) { |
| | | this.dto.idcardType = '身份证' |
| | | } |
| | | } |
| | | |
| | | this.$message.hideLoading() |
| | |
| | | |
| | | async deleteImg(key, index) { |
| | | await this.$message.confirm('是否确认删除此图片') |
| | | if(Array.isArray(this.dto[key])){ |
| | | if (Array.isArray(this.dto[key])) { |
| | | this.dto[key].splice(index, 1) |
| | | |
| | | }else{ |
| | | |
| | | } else { |
| | | this.dto[key] = '' |
| | | } |
| | | }, |
| | |
| | | var pic = res.data && res.data.length > 0 && res.data[ |
| | | 0] || {} |
| | | that.$message.hideLoading() |
| | | if(Array.isArray(that.dto[key])){ |
| | | if (Array.isArray(that.dto[key])) { |
| | | that.dto[key].push(pic || '') |
| | | |
| | | }else{ |
| | | |
| | | } else { |
| | | that.dto[key] = (pic || {}).url || '' |
| | | |
| | | |
| | | } |
| | | that.$forceUpdate() |
| | | }).catch(res => { |