From 353b734a16dd753bef78105364f5a7ecbeac9712 Mon Sep 17 00:00:00 2001 From: xuxy <1059738716@qq.com> Date: 星期四, 27 六月 2024 11:41:56 +0800 Subject: [PATCH] 2 --- sub_pages/farmer/flower-manage/flower-manage.vue | 18 ++ environments/index.js | 2 sub_pages/farmer/farmer-info/farmer-info.vue | 229 ++++++++++++++++++++++++++++++++++----------- 3 files changed, 187 insertions(+), 62 deletions(-) diff --git a/environments/index.js b/environments/index.js index 32acfb1..d72a54b 100644 --- a/environments/index.js +++ b/environments/index.js @@ -23,7 +23,7 @@ export default { // httpBaseUri: 'http://localhost:8084', - httpBaseUri: 'http://106.14.123.210:8080/flower', + httpBaseUri: 'http://121.199.161.55:8080/flower', // http://106.14.123.210:8080/flower/swagger-ui.html#/ // httpBaseUri: 'http://121.196.214.70', // httpBaseUri: 'http://localhost:8084', diff --git a/sub_pages/farmer/farmer-info/farmer-info.vue b/sub_pages/farmer/farmer-info/farmer-info.vue index 0bab6cd..612788d 100644 --- a/sub_pages/farmer/farmer-info/farmer-info.vue +++ b/sub_pages/farmer/farmer-info/farmer-info.vue @@ -3,48 +3,53 @@ <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> @@ -52,31 +57,48 @@ <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> @@ -84,7 +106,7 @@ <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> @@ -93,7 +115,7 @@ <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> @@ -109,7 +131,7 @@ <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')"> @@ -156,11 +178,11 @@ <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> @@ -178,24 +200,33 @@ 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: [{ @@ -207,8 +238,7 @@ disabled: false } ], - radiovalue1: '身份证', - + regionDataPlus: [], } }, onLoad(options) { @@ -216,38 +246,117 @@ 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 { @@ -261,11 +370,17 @@ } 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() @@ -295,10 +410,10 @@ 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] = '' } }, @@ -319,12 +434,12 @@ 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 => { diff --git a/sub_pages/farmer/flower-manage/flower-manage.vue b/sub_pages/farmer/flower-manage/flower-manage.vue index 0bd28a6..8d16711 100644 --- a/sub_pages/farmer/flower-manage/flower-manage.vue +++ b/sub_pages/farmer/flower-manage/flower-manage.vue @@ -23,7 +23,7 @@ {{item.categoryStr || '-'}} </view> </view> - <view class="each-list m-t-12"> + <view class="each-list"> <view class="each-item"> <view class="label">状态</view> <view class="value">{{item.statusStr || '-'}}</view> @@ -283,12 +283,12 @@ .flow-manage { .flow-manage-list { // padding: 20rpx 30rpx; - padding: 22rpx; + padding: 22rpx 22rpx 20rpx 22rpx; background-color: #fff; .flow-manage-list-item { - margin-bottom: 20rpx; + // margin-bottom: 20rpx; .title { font-weight: 600; @@ -315,6 +315,9 @@ border-radius: 24rpx; border: 2rpx solid #CECECE; text-align: center; + font-size: 24rpx; + color: #666666; + line-height: 34rpx; } } @@ -328,6 +331,7 @@ .each-list { display: flex; flex-wrap: wrap; + margin-top: 6rpx; .each-item { min-width: 30%; @@ -349,7 +353,11 @@ content: ": " } - .value {} + .value { + font-weight: 400; + font-size: 24rpx; + color: #666666; + } } } } @@ -372,6 +380,8 @@ // max-width: 90rpx; margin-left: 14rpx; margin-right: 14rpx; + font-weight: 400; + } .button:first-child { -- Gitblit v1.9.3