wangzimeng/zhongtuanCatering
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、项目类型跟UI确定样式重画；

Browse Source 
2、处理上传图片的方案（采用原商城的上传组件并根据UI调整样式）；
3、处理选择标签的数据回显；
This commit is contained in:
wangzimeng 2025-07-30 18:25:58 +08:00
parent 378a31782b
commit 4a333db9a7
6 changed files with 534 additions and 341 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

665
pages/index/fabu.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<!-- <view> 发布 </view> tabbar="/pages/index/fabu"--> <!-- <view> 发布 </view> tabbar="/pages/index/fabu"-->
<s-layout title="发布信息" :bgStyle="{ color: '#fff' }"> <s-layout title="发布信息" :bgStyle="{ color: '#f7f7f7' }">
<view class="container"> <view class="container">
<view class="backImg flex flex-column align-items"> <view class="backImg flex flex-column align-items">
<view class="scroll-container box flex flex-column align-items"> <view class="scroll-container box flex flex-column align-items">
@ -10,8 +10,7 @@
标题 标题
</view> </view>
<view class="row-right" style="width: 80%;"> <view class="row-right" style="width: 80%;">
<input type="text" placeholder="请输入标题信息(必填20字内)" class="input" disabled="true" <input type="text" placeholder="请输入标题信息(必填20字内)" class="input" v-model="form.title"
v-model="form.title" placeholder-class="plasty"
style="width: 80%;text-align: right;" /> style="width: 80%;text-align: right;" />
</view> </view>
</view> </view>
@ -22,7 +21,8 @@
地区 地区
</view> </view>
<view class="row-right" style="width: 500rpx;" @click="state.showRegion = true"> <view class="row-right" style="width: 500rpx;" @click="state.showRegion = true">
<view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view> <view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">{{form.area}}
</view>
<view v-else style="font-size: 28rpx;color: #9C9C9C">请选择地区</view> <view v-else style="font-size: 28rpx;color: #9C9C9C">请选择地区</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;" <image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image> src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
@ -48,8 +48,7 @@
联系人 联系人
</view> </view>
<view class="row-right" style="width: 80%;"> <view class="row-right" style="width: 80%;">
<input type="text" placeholder="请输入联系人" class="input" disabled="true" <input type="text" placeholder="请输入联系人" class="input" v-model="form.contacts"
v-model="form.title" placeholder-class="plasty"
style="width: 80%;text-align: right;" /> style="width: 80%;text-align: right;" />
</view> </view>
</view> </view>
@ -60,8 +59,7 @@
联系电话 联系电话
</view> </view>
<view class="row-right" style="width: 80%;"> <view class="row-right" style="width: 80%;">
<input type="number" placeholder="请输入联系电话" class="input" disabled="true" <input type="number" placeholder="请输入联系电话" class="input" v-model="form.contact_number"
v-model="form.title" placeholder-class="plasty"
style="width: 80%;text-align: right;" /> style="width: 80%;text-align: right;" />
</view> </view>
</view> </view>
@ -76,17 +74,15 @@
详细信息 详细信息
</view> </view>
<view style="margin-top: 20rpx;height: 120rpx;"> <view style="margin-top: 20rpx;height: 120rpx;">
<textarea v-model="form.address_detail" style="height: 120rpx;width: 100%;" <textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
placeholder="请输入你的招标详细信息"></textarea> placeholder="请输入你的招标详细信息"></textarea>
</view> </view>
<!-- <view class="row flex align-items textarea_fb" style="margin-top: 25rpx;">
<u--textarea :confirmType="null" v-model="form.content" :maxlength="1600"
placeholder="请输入你的招标详细信息" :height="120" placeholder-class="bttop"
auto-height></u--textarea>
</view> -->
<!-- 图片 --> <!-- 图片 -->
<view class="shenfen row flex flex-column" style="margin-top: 42rpx;"> <s-uploader v-model:url="state.formData.images" fileMediatype="image" limit="9" mode="grid"
:imageStyles="{ width: '168rpx', height: '168rpx' }"></s-uploader>
<!-- <view class="shenfen row flex flex-column" style="margin-top: 42rpx;">
<u-upload :fileList="fileList1" @afterRead="afterRead" :previewFullImage="true" <u-upload :fileList="fileList1" @afterRead="afterRead" :previewFullImage="true"
@delete="deletePic" @oversize="oversize" name="1" multiple @delete="deletePic" @oversize="oversize" name="1" multiple
:maxSize="1 * 1024 * 1024" :maxCount="5"> :maxSize="1 * 1024 * 1024" :maxCount="5">
@ -96,20 +92,29 @@
<span class="texts">添加图片</span> <span class="texts">添加图片</span>
</view> </view>
</u-upload> </u-upload>
</view> </view> -->
</view> </view>
<span class="line-row" style="margin: 30rpx 0;"></span> <span class="line-row" style="margin: 30rpx 0;"></span>
<view class="row flex align-items" style="margin-top: 25rpx;"> <view class="row flex align-items" style="">
<view class="label flex align-items "> <view class="label flex align-items ">
项目类型 项目类型
</view> </view>
<view class="row-right" style="width: 500rpx;" @click="state.showRegion = true"> <picker :show="showType" @change="selectType" :value="typeShowList.indexOf(form.type)"
:range="typeShowList">
<view class="form_right"
style="width: 500rpx;text-align: right;;font-size: 26rpx;font-weight: 400;color: #848484;">
{{form.type||'请选择项目类型'}}
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
</view>
</picker>
<!-- <view class="row-right" style="width: 500rpx;" @click="showType = true">
<view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view> <view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view>
<view v-else style="font-size: 28rpx;color: #9C9C9C">请选择项目类型</view> <view v-else style="font-size: 28rpx;color: #9C9C9C">请选择项目类型</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;" <image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image> src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
</view> </view> -->
</view> </view>
<span class="line-row" style="margin: 30rpx 0;"></span> <span class="line-row" style="margin: 30rpx 0;"></span>
@ -118,52 +123,67 @@
选择标签 选择标签
</view> </view>
<view class="row-right" style="width: 500rpx;" @click="openPopbq"> <view class="row-right" style="width: 500rpx;" @click="openPopbq">
<view v-if="form.tags != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view> <view v-if="form.tags == '' " style="font-size: 28rpx;color: #9C9C9C">选择</view>
<view v-else style="font-size: 28rpx;color: #9C9C9C">选择</view> <view v-else style="font-size: 28rpx;color: #3d3d3d;">河南</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;" <image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image> src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
</view> </view>
</view> </view>
<view class="checkedLabel"> <view class="checkedLabel" style="margin-top: 26rpx;" v-if="selectTagslist.length != 0">
<view class="flex align-items allmybqs"> <view class="tagLab" v-for="(item, index) in selectTagslist" :key="index" style="">
<!-- <view class="flex align-items bqpiece" v-for="(item_bq, index) in list" :key="index" <view>
@click="removebq(index)"> {{ item.name }}
<span> </view>
{{ item_bq.name }} <view style="height: 30rpx;width: 1rpx;background-color: #f76100;margin: 0 20rpx;">
</span> </view>
<u-icon name="close" color="#babdc7"></u-icon> <image @click="removebq(index)" style="width: 20rpx;height: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/tagDelete.png" />
<!-- <view style="display: flex;justify-content: center;align-items: center;
width: 197rpx;height: 30rpx;
padding: 10rpx 20rpx;background-color: rgba(247, 97, 0, 0.2);border-radius: 163rpx;">
</view> --> </view> -->
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- v-if="status == -1 || status == 2" -->
</view>
<view style="height: 200rpx;width: 100%;color: #f7f7f7;"></view>
<view class="bottomBtn">
<view style="margin:30rpx 0 0 0;display: flex;align-items: center;justify-content: center;">
<view v-if="agreeAdd == false" style="width: 31rpx;height: 32rpx;
border: 2rpx solid #999999;border-radius: 50%;" @click="show = true"></view>
<image v-if="agreeAdd == true" style="width: 32rpx;height: 32rpx;"
src="https://jiangxiaoxian.0rui.cn/fbxySelected.png"></image>
<view style="font-size: 22rpx;line-height: 31rpx;color: #9C9C9C;display: flex;
justify-content: center;align-items: center;margin-left: 20rpx;" @click="show = true">我已阅读并同意
<view style="margin-left: 20rpx;color: #FCC74E;">《发布须知》</view>
</view> </view>
<!-- <view style="height: 500rpx;"></view> -->
<view class="bottom " v-if="status == -1 || status == 2">
<view style="margin:30rpx 0 0 0;">
<cc-protocolBox :agree="agree" :name="protocolArr" @click="protocolClick"
@clickOne="protocolClick"></cc-protocolBox>
</view> </view>
<view class="btns"> <view class="btns">
<view class="submitPublish" @click="apply()" v-if="agreeAdd == true">确认发布</view> <view class="submitPublish" @click="apply()">确认发布</view>
<view class="submitPublish" v-if="agreeAdd == false"
style="background: #EEEEEE;color: #9C9C9C;">
确认发布</view>
<!-- <span class="flex align-items justify-center" @click="apply()" v-if="agreeAdd == true">确认发布</span>
<span class="flex align-items justify-center" v-if="agreeAdd == false"
style="background: #EEEEEE;color: #9C9C9C;">确认发布</span> -->
</view> </view>
</view> </view>
</view>
<!-- 声明 --> <!-- 声明 -->
<su-popup @touchmove.native.stop.prevent :closeable="false" :show="show" :round="10" mode="center" <su-popup @touchmove.native.stop.prevent :closeable="false" :show="show" :round="10" mode="center"
@close="close" @open="open" :custom-style="popupStyle" :safeAreaInsetBottom="false" @close="close" @open="open" :custom-style="popupStyle" :safeAreaInsetBottom="false"
:closeOnClickOverlay="false"> :closeOnClickOverlay="false">
<span style="font-size: 40rpx;font-weight: 800;height: 120rpx;">《责任承诺确认书》</span> <span style="font-size: 40rpx;font-weight: 800;height: 120rpx;">《责任承诺确认书》</span>
<scroll-view ref="scrollView" :scroll-top="scrollTop" :show-scrollbar='true' <scroll-view ref="scrollView" :scroll-top="scrollTop" :show-scrollbar='true' @scrolltolower="handleScroll"
@scrolltolower="handleScroll" scroll-y="true" style="height: 800rpx;"> scroll-y="true" style="height: 800rpx;">
<view class="popup flex align-items flex-column"> <view class="popup flex align-items flex-column">
<rich-text style="text-align: justify;" :nodes="Negotiate"></rich-text> <rich-text style="text-align: justify;" :nodes="Negotiate"></rich-text>
</view> </view>
@ -172,8 +192,7 @@
<span class="zhixiao" v-if="agreeShow == false">我同意</span> <span class="zhixiao" v-if="agreeShow == false">我同意</span>
<span class="zhixiao shows_zhidao" v-if="agreeShow == true" @click="change">我同意</span> <span class="zhixiao shows_zhidao" v-if="agreeShow == true" @click="change">我同意</span>
</view> --> </view> -->
<view <view style="gap: 20rpx;width: 100%;display: flex;justify-content: space-between;align-items: center;">
style="gap: 20rpx;width: 100%;display: flex;justify-content: space-between;align-items: center;">
<view class="btn_4" @click="show = false">取消</view> <view class="btn_4" @click="show = false">取消</view>
<view class="btn_3" v-if="agreeShow == false">我同意</view> <view class="btn_3" v-if="agreeShow == false">我同意</view>
<view class="btn_2" v-if="agreeShow == true" @click="change()">我同意</view> <view class="btn_2" v-if="agreeShow == true" @click="change()">我同意</view>
@ -207,37 +226,35 @@
</su-popup>--> </su-popup>-->
<!-- 省市区弹窗 --> <!-- 省市区弹窗 -->
<su-regionCity-picker :show="state.showRegion" @cancel="state.showRegion = false" <su-regionCity-picker :show="state.showRegion" @cancel="state.showRegion = false" @confirm="onRegionConfirm">
@confirm="onRegionConfirm">
</su-regionCity-picker> </su-regionCity-picker>
<!-- 活动分类 -->
<!-- 标签 -->
<su-popup :show="showPopbq" mode="bottom" round="20" <su-popup :show="showPopbq" mode="bottom" round="20"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false" :customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false"
@close="closebq" :closeOnClickOverlay="false"> @close="closebq" :closeOnClickOverlay="false">
<!-- <image @click="closebq" src="@/static/center/close.png" mode=""
style="width: 44rpx;height: 44rpx;position: absolute;right: 30rpx;top: -160rpx;z-index: 155;">
</image> -->
<view class="popup_bq"> <view class="popup_bq">
<view class="flex align-items justify-around" style="width: 100%;height: 42rpx;padding: 30rpx;"> <view class="flex align-items"
style="width: 690rpx;height: 42rpx;padding: 30rpx;justify-content: space-between;">
<view @click="closebq" <view @click="closebq"
style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #9b9b9b;font-weight: 400;"> style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #9b9b9b;font-weight: 400;position: relative;left: 0;">
取消</view> 取消</view>
<view <view
style="z-index: 200;font-size: 30rpx;line-height: 42rpx;color: #3d3d3d;font-weight: bold;"> style="z-index: 200;font-size: 30rpx;line-height: 42rpx;color: #3d3d3d;font-weight: bold;position: relative;left: 0%;">
选择标签（3个）</view> 选择标签（可选3个）</view>
<view @click="checkTagTrue" <view @click="checkTagTrue"
style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #333333;font-weight: 400;"> style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #333333;font-weight: 400;position: relative;right: 0%;">
确定</view> 确定</view>
</view> </view>
<view style="color: #d8d8d8;height: 2rpx;width: 100%;"></view> <view style="background-color: #d8d8d8;height: 2rpx;width: 100%;margin-bottom: 30rpx;"></view>
<view class="flex flex-column w-100 bqlist"> <view class="flex flex-column w-100 bqlist">
<scroll-view scroll-y="true" class="flex align-items allbqs"> <scroll-view scroll-y="true" class="flex align-items allbqs">
<view style="display: flex; flex-wrap: wrap;padding: 0 30rpx;margin: 0 auto;" > <view style="padding: 0 20rpx;margin: 0 auto;display: flex;flex-wrap: wrap;width: 100%;">
<view class="flex align-items justify-center" <view style="box-sizing: border-box;display: grid; column-gap: 30rpx;"
v-for="(item, index) in tagList" :key="index" @click="addbq(item, index)"> v-for="(item, index) in tagShowList" :key="index" @click="addbq(item, index)">
<view class="selectedBox" <view class="selectedBox"
:style="item.isSelect == true ? 'background-color: #fcc74e' : 'background-color: #f0f0f0'"> :style="item.isSelect == true ? 'background-color: #fcc74e' : 'background-color: #f0f0f0'">
{{ item.name }} {{ item.name }}
@ -245,17 +262,11 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<view>
<view @click="checkTagTrue" class="btn_1">确定选择</view>
</view>
</view> </view>
</view> </view>
</su-popup> </su-popup>
</view>
</view>
</s-layout> </s-layout>
</template> </template>
@ -277,6 +288,9 @@
address, address,
region region
} from '@/sheep/validate/form'; } from '@/sheep/validate/form';
import {
baseUrl
} from '@/sheep/config';
const state = reactive({ const state = reactive({
showRegion: false, showRegion: false,
@ -293,59 +307,68 @@
address, address,
region, region,
}, },
formData: {
content: '',
phone: '',
images: [],
type: '',
},
imageFiles: [],
}); });
const popupStyle = {
width: '620rpx',
padding: '50rpx 40rpx 42rpx 40rpx',
height: '984rpx',
margin: '0 auto', // 水平居中
display: 'flex',
justifyContent: 'start',
alignItems: 'center',
flexColumn: 'column'
}
const proCity = ref('') const proCity = ref('')
const form = ref({ const form = ref({
title: null, title: '',
area: '', area: '',
address_detail: null,
content: null,
stock: null,
cate_idsName: null,
address1: null,
categoryId: null,
tags: '', tags: '',
contacts: '',
contact_number: '',
content: '',
address_detail: '',
type: '',
images: '',
province: '',
city: '',
cate_ids: '', cate_ids: '',
province: null, cateName: '',
district: null, imageList: [],
keywords: null,
}) })
const onRegionConfirm = (e) => { const onRegionConfirm = (e) => {
console.log('onRegionConfirm', e); console.log('onRegionConfirm', e);
state.model = { state.model = {
...state.model, ...state.model,
...e, ...e,
}; };
proCity.value = state.model.province_name + " " + state.model.city_name form.value.area = state.model.province_name + " " + state.model.city_name
console.log('onRegionConfirm33', state.model, proCity.value);
form.value.province = state.model.province_id
form.value.city = state.model.city_id
console.log('onRegionConfirm33', state.model, proCity.value); console.log('onRegionConfirm33', state.model, proCity.value);
state.showRegion = false; state.showRegion = false;
}; };
const show = ref(false) //发布须知显隐
const agreeAdd = ref(false) //同意须知的勾选
const show = ref(false) const agreeShow = ref(false) //须知的同意按钮
const showPopbq = ref(false) const Negotiate = ref('') //富文本
const tagList = ref(false) const cardShow = ref(false) //身份认证
const tagShowList = ref(false)
const priceShow = ref(false)
const cardShow = ref(false)
const list = ref([]);//已选择标签
const current = ref();
const status = ref(0) const status = ref(0)
onShow(() => { onShow(() => {
getTagList(); getTagList();
getTypeList();
}) })
//标签
function openPopbq() {
showPopbq.value = true;
// getTagList();
}
function closebq() {
showPopbq.value = false;
}
async function getTagList() { async function getTagList() {
const res = await sheep.$api.rent.tagsList({}); const res = await sheep.$api.rent.tagsList({});
if (res.code == 1) { if (res.code == 1) {
@ -363,58 +386,226 @@
console.log('tagList', tagList.value, tagShowList.value); console.log('tagList', tagList.value, tagShowList.value);
} }
} }
async function getTypeList() {
const res = await sheep.$api.rent.listType({});
if (res.code == 1) {
typeList.value = res.data
typeShowList.value = Object.values(typeList.value)
console.log('typeList', typeList.value, typeShowList.value);
}
}
//项目类型
const showType = ref(false)
const typeList = ref([])
const typeShowList = ref([])
const typeName = ref('')
const typeIndex = ref(0); //已选择项目类型
function closeType() {
console.log('取消type', typeIndex.value);
showType.value = false
}
function selectType(e) {
console.log('选择项目类型', e);
typeIndex.value = e.detail.value;
form.value.type = typeShowList.value[typeIndex.value];
showType.value = false;
}
//标签
const showPopbq = ref(false)
const tagList = ref([])
const tagShowList = ref([])
const selectTagslist = ref([]); //已选择标签
const tagSelectedNum = ref(0)
function openPopbq() {
showPopbq.value = true;
}
function closebq() {
showPopbq.value = false;
}
//选中标签 //选中标签
function addbq(item, index) { function addbq(item, index) {
current.value = index; if (tagShowList.value[index].isSelect == false) {
if (tagSelectedNum.value < 3) {
console.log('选择标签',current.value); tagSelectedNum.value += 1;
tagShowList.value[current.value].isSelect = true tagShowList.value[index].isSelect = true;
// let arrbql = uni.getStorageSync("zjlist"); } else {
// let arrbq = JSON.parse(arrbql); uni.showToast({
// let isbq = true; title: '最多选择三个标签',
// for (let i = 0; i < arrbq.length; i++) { icon: 'none'
// if (arrbq[i].id == val.id) {
// uni.showToast({
// title: "已选择该标签",
// icon: "none",
// duration: 2000,
// });
// return isbq = false;
// }
// }
// if (list.value.length < 3) {
// if (isbq) {
// list.value.push(val);
// uni.setStorageSync('zjlist', JSON.stringify(list.value))
// }
// } else {
// uni.showToast({
// title: "最多添加3个标签",
// icon: "none",
// duration: 2000,
// });
// }
// let arr = list.value.map((item) => {
// return item.name
// })
// form.value.cate_idsName = arr.join(',');
}
//删除标签（本地）
function removebq(i) {
list.value.splice(i, 1);
uni.setStorageSync('zjlist', JSON.stringify(list.value))
let arr = list.value.map((item) => {
return item.name
}) })
form.value.cate_idsName = arr.join(',') }
} else {
if (tagSelectedNum.value > 0) {
tagSelectedNum.value -= 1;
tagShowList.value[index].isSelect = false;
} else {
uni.showToast({
title: '至少选择一个',
icon: 'none'
})
}
}
console.log('选择标签', tagSelectedNum.value);
} }
function checkTagTrue() { function checkTagTrue() {
console.log('确定选择的标签'); console.log('确定选择的标签');
selectTagslist.value = []
for (let i = 0; i < tagShowList.value.length; i++) {
if (tagShowList.value[i].isSelect == true) {
selectTagslist.value.push(tagShowList.value[i])
}
}
console.log('selectTagslist', selectTagslist.value);
showPopbq.value = false
}
//删除标签（本地）
function removebq(i) {
selectTagslist.value.splice(i, 1);
tagSelectedNum.value -= 1;
console.log('删除标签', tagSelectedNum.value);
let arr = selectTagslist.value.map((item) => {
return item.name
})
}
function change() {
agreeAdd.value = true;
show.value = false
}
//同意
function handleScroll() {
console.log(123)
agreeShow.value = true
}
function apply() {
if (agreeAdd.value == false) {
uni.showToast({
title: '请先同意发布须知',
icon: 'none',
})
return
}
form.value.cate_ids = selectTagslist.value.map((item) => item.id).join(',')
console.log('cate_ids', form.value.cate_ids, state.formData.images);
form.value.images = state.formData.images.join(',');
console.log('images', form.value.images);
if (form.value.title == '') {
uni.showToast({
title: '请输入标题',
icon: 'none',
})
return
}
if (form.value.province == '' && form.value.city == '') {
uni.showToast({
title: '请选择地区',
icon: 'none',
})
return
}
if (form.value.address_detail == '') {
uni.showToast({
title: '请输入详细地址',
icon: 'none',
})
return
}
if (form.value.contacts == '') {
uni.showToast({
title: '请输入联系人',
icon: 'none',
})
return
}
if (form.value.contact_number == '') {
uni.showToast({
title: '请输入联系人电话',
icon: 'none',
})
return
}
if (!/^1[3-9]\d{9}$/.test(form.value.contact_number)) {
uni.showToast({
title: '请输入正确的手机号',
icon: 'none',
duration: 2000
})
return;
}
if (form.value.content == '') {
uni.showToast({
title: '请输入详细信息',
icon: 'none',
})
return
}
if (form.value.images == '') {
uni.showToast({
title: '请上传图片',
icon: 'none',
})
return
}
if (form.value.type == '') {
uni.showToast({
title: '请选择项目类型',
icon: 'none',
})
return
}
if (form.value.cate_ids == '') {
uni.showToast({
title: '请选择标签',
icon: 'none',
})
return
}
console.log('apply——form:', form.value);
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.checkedLabel {
width: 690rpx;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
word-wrap: break-word; /* 允许长单词或URL换行 */
overflow-wrap: break-word;
align-items: center;
.tagLab {
width: 197rpx;
height: 30rpx;
margin-right: 20rpx;
margin-bottom: 20rpx;
// display: grid;
// box-sizing: border-box;
// column-gap: 20rpx;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 10rpx 20rpx;
background-color: rgba(247, 97, 0, 0.2);
border-radius: 163rpx;
}
}
.container { .container {
.backImg { .backImg {
height: 90vh; height: 90vh;
@ -482,6 +673,9 @@
width: 160rpx; width: 160rpx;
} }
.pic_view { .pic_view {
width: 190rpx; width: 190rpx;
height: 190rpx; height: 190rpx;
@ -628,31 +822,16 @@
height: 196rpx !important; height: 196rpx !important;
} }
.bottom { .bottomBtn {
width: 750rpx; width: 750rpx;
height: 230rpx; height: 200rpx;
background: #FFFFFF; background: #FFFFFF;
// box-shadow: 0rpx -6rpx 12rpx 0rpx rgba(111, 190, 255, 0.1); // box-shadow: 0rpx -6rpx 12rpx 0rpx rgba(111, 190, 255, 0.1);
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
bottom: 120rpx; bottom: 0;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
span {
// width: 642rpx;
width: 435rpx;
height: 80rpx;
background: #323232;
border-radius: 401rpx 401rpx 401rpx 401rpx;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 36rpx;
color: #BBFC5B;
line-height: 32rpx;
margin: 0 auto;
margin-top: 30rpx;
}
.btns { .btns {
width: 100%; width: 100%;
display: flex; display: flex;
@ -660,70 +839,17 @@
align-items: center; align-items: center;
margin-top: 30rpx; margin-top: 30rpx;
span {
// width: 642rpx;
width: 435rpx;
height: 80rpx;
background: #323232;
border-radius: 401rpx 401rpx 401rpx 401rpx;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 36rpx;
color: #BBFC5B;
line-height: 32rpx;
margin: 0 auto;
margin-top: 30rpx;
}
.saveDraft {
width: 235rpx;
height: 84rpx;
// position: relative;
// top: 10rpx;
border: 2rpx solid #323232;
background-color: #ffffff;
text-align: center;
color: #323232;
font-family: YouSheBiaoTiHei;
font-size: 36rpx;
font-weight: 400;
border-radius: 50rpx;
margin: 0 auto;
display: grid;
align-items: center;
}
.draftBox {
width: 235rpx;
height: 84rpx;
// position: relative;
// top: 10rpx;
border: 2rpx solid #323232;
background-color: #ffffff;
text-align: center;
color: #323232;
font-family: YouSheBiaoTiHei;
font-size: 36rpx;
font-weight: 400;
border-radius: 50rpx;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.submitPublish { .submitPublish {
margin-left: 20rpx; margin-left: 20rpx;
width: 435rpx; width: 100%;
height: 90rpx; height: 98rpx;
// border: 2rpx solid #323232; // border: 2rpx solid #323232;
background-color: #323232; background-color: #fcc74e;
color: #BBFC5B; color: #333333;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 36rpx; font-size: 36rpx;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
border-radius: 50rpx;
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;
align-items: center; align-items: center;
@ -749,7 +875,7 @@
font-size: 28rpx; font-size: 28rpx;
color: #343434; color: #343434;
line-height: 32rpx; line-height: 32rpx;
width: 450rpx; width: 500rpx;
} }
.shenfen ::v-deep .u-transition.data-v-39e33bf2.vue-ref.u-fade-enter-to.u-fade-enter-active:not(:first-child) { .shenfen ::v-deep .u-transition.data-v-39e33bf2.vue-ref.u-fade-enter-to.u-fade-enter-active:not(:first-child) {
@ -844,29 +970,21 @@
} }
} }
.popup_bq { .popup_type {
display: flex; display: grid;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
height: 950rpx; height: 550rpx;
position: relative; position: relative;
img { .typelist {
position: absolute; margin-top: 100rpx;
width: 750rpx;
height: 1040rpx;
top: -164rpx;
z-index: 100;
}
.bqlist {
margin-top: 30rpx;
z-index: 200; z-index: 200;
// margin-left: 80rpx; // margin-left: 80rpx;
height: 100%; min-height: 500rpx;
// padding: 30rpx; // padding: 30rpx;
.selectedBox { .selectedTypeBox {
margin: 10rpx; margin: 10rpx;
border-radius: 163rpx; border-radius: 163rpx;
width: 140rpx auto; width: 140rpx auto;
@ -874,17 +992,13 @@
padding: 14rpx 22rpx; padding: 14rpx 22rpx;
} }
.allmybqs { .allTypes {
flex-wrap: wrap;
width: 720rpx;
}
.allbqs {
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
flex-wrap: wrap; flex-wrap: wrap;
height: 690rpx; height: 690rpx;
width: 700rpx; width: 690rpx;
justify-content: flex-start;
.titles_fl { .titles_fl {
width: 112rpx; width: 112rpx;
@ -900,29 +1014,70 @@
} }
} }
.bqpiece {
width: 210rpx;
height: 70rpx;
background: #F7F7F7;
border-radius: 12rpx 12rpx 12rpx 12rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin: 20rpx 20rpx 20rpx 0;
span { }
}
.popup_bq {
// display: grid;
// flex-direction: column;
align-items: center;
height: 800rpx;
position: relative;
img {
position: absolute;
width: 750rpx;
height: 1040rpx;
top: -164rpx;
z-index: 100;
}
.bqlist {
// margin-top: 30rpx;
margin: 0 auto;
z-index: 200;
max-height: 100%;
.selectedBox {
margin: 10rpx;
border-radius: 163rpx;
width: 140rpx auto;
text-align: center;
padding: 14rpx 22rpx;
}
.allmybqs {
flex-wrap: wrap;
width: 690rpx;
}
.allbqs {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
flex-wrap: wrap;
max-height: 100%;
width: 690rpx;
justify-content: flex-start;
.titles_fl {
width: 112rpx;
height: 39rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 600;
font-size: 26rpx; font-size: 28rpx;
color: #323232; color: #999999;
display: flex; line-height: 39rpx;
align-items: center; text-align: left;
font-style: normal;
text-transform: none;
} }
} }
.bqpiece.active {
background: #C9FC7E;
}
} }

10
pages/index/index.vue
View File

@ -185,6 +185,16 @@
}, },
}); });
const getAreaData = () => {
if (_.isEmpty(uni.getStorageSync('areaData'))) {
sheep.$api.data.area().then((res) => {
if (res.code === 1) {
uni.setStorageSync('areaData', res.data);
}
});
}
};
const proCity = ref('') const proCity = ref('')
const onRegionConfirm = (e) => { const onRegionConfirm = (e) => {

16
sheep/api/rent.js
View File

@ -21,6 +21,7 @@ export default {
showLoading: false, showLoading: false,
}, },
}), }),
//招租详情
rentInfo: (id) => rentInfo: (id) =>
request({ request({
url: 'meal.information/detail', url: 'meal.information/detail',
@ -36,4 +37,19 @@ export default {
method: 'POST', method: 'POST',
data, data,
}), }),
// 项目类型
listType: (params) =>
request({
url: 'meal.information/type_list',
method: 'GET',
params,
}),
//提交发布
addRent: (data)=>
request({
url: 'meal.information/add',
method: 'POST',
data,
})
}; };

12
sheep/components/s-uploader/s-uploader.vue
View File

@ -21,7 +21,10 @@
> >
<slot> <slot>
<view class="is-add"> <view class="is-add">
<image :src="imgsrc" class="add-icon"></image> <!-- <image :src="imgsrc" class="add-icon"></image> -->
<image src="https://jiangxiaoxian.0rui.cn/fabuAddImg.png" mode="widthFix"
style="width: 44rpx;height: 44rpx;" />
<span class="texts">添加图片</span>
</view> </view>
</slot> </slot>
</upload-image> </upload-image>
@ -659,7 +662,14 @@
display: flex; display: flex;
/* #endif */ /* #endif */
align-items: center; align-items: center;
flex-flow: column;
justify-content: center; justify-content: center;
.texts {
margin-top: 20rpx;
font-size: 24rpx;
color: #3D3D3D;
}
} }
.add-icon { .add-icon {
width: 57rpx; width: 57rpx;

3
sheep/components/s-uploader/upload-image.vue
View File

@ -222,7 +222,8 @@ export default {
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: 5px; margin: 5px;
border: 1px #eee solid; // border: 1px #f7f7f7 solid;
background-color: #f7f7f7;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
} }

3
sheep/ui/su-regionCity-picker/su-regionCity-picker.vue
View File

@ -104,7 +104,8 @@
}); });
const emits = defineEmits(['confirm', 'cancel', 'change']); const emits = defineEmits(['confirm', 'cancel', 'change']);
const provinceList = areaData; // const provinceList = areaData;
const provinceList = proFirst.concat(uni.getStorageSync('areaData'))
console.log('province',provinceList.value); console.log('province',provinceList.value);
const cityList = computed(() => { const cityList = computed(() => {