Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 ca4be946 作者: 吴佳伟
操作

fix: 产销页面优化

上级 d25940b5
正在显示 包含 75 行增加 和 35 行删除
src/pages.json
...@@ -238,7 +238,18 @@ ...@@ -238,7 +238,18 @@
"backgroundColorBottom": "#F2F2F2", "backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50, "onReachBottomDistance": 50,
"app-plus": { "app-plus": {
"titleNView": {} "titleNView": {
"buttons": [
{
"text": "\ue674 地图模式",
"fontSrc": "/static/fonts/tihuan.ttf",
"color": "#fff",
"fontSize": "26rpx",
"width": "auto",
"icon": "map"
}
]
}
} }
} }
}, },
......
src/pages/chanxiao/chanxiao.vue
...@@ -54,8 +54,8 @@ ...@@ -54,8 +54,8 @@
// 采购/供应标签 // 采购/供应标签
transactionTabs: [ transactionTabs: [
{ id: 1, name: '采购需求' }, { id: 1, name: '供货列表' },
{ id: 2, name: '供应发布' }, { id: 2, name: '采购需求' },
], ],
currentTransactionTab: 1, currentTransactionTab: 1,
...@@ -257,7 +257,7 @@ ...@@ -257,7 +257,7 @@
<view class="codefun-flex-col"> <view class="codefun-flex-col">
<view class="codefun-flex-col codefun-self-stretch"> <view class="codefun-flex-col codefun-self-stretch">
<view><image class="image_5" :src="pageData.header.bannerImage" /></view> <view><image class="image_5" :src="pageData.header.bannerImage" /></view>
<view class="mt-1"> <view class="mt-4">
<view>多渠道展开资深合作</view> <view>多渠道展开资深合作</view>
<view> <view>
<view <view
...@@ -288,7 +288,7 @@ ...@@ -288,7 +288,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="codefun-mt-14 codefun-flex-row gap-1"> <view class="codefun-mt-16 codefun-flex-row gap-1">
<view <view
v-for="tab in pageData.categoryTabs" v-for="tab in pageData.categoryTabs"
:key="tab.id" :key="tab.id"
...@@ -911,7 +911,7 @@ ...@@ -911,7 +911,7 @@
.channel-list { .channel-list {
widows: 100%; widows: 100%;
height: 120rpx; height: 150rpx;
margin: 15rpx 0; margin: 15rpx 0;
border-radius: 15rpx; border-radius: 15rpx;
display: flex; display: flex;
...@@ -923,7 +923,7 @@ ...@@ -923,7 +923,7 @@
.channel-imgLeft { .channel-imgLeft {
width: 60rpx; width: 60rpx;
height: 120rpx; height: 100%;
} }
} }
......
src/pages/chanxiao/purchaseXuQiu.vue
...@@ -11,16 +11,22 @@ ...@@ -11,16 +11,22 @@
const dictStore = useDictStore() const dictStore = useDictStore()
const userStore = useUserStore() const userStore = useUserStore()
const globSetting = useGlobSetting() const globSetting = useGlobSetting()
const isSave = ref(false)
onLoad((option) => { onLoad((option) => {
uni.setNavigationBarTitle({
title: '发布采购需求',
})
// 获取数据详情 // 获取数据详情
if (option.id) { if (option.id) {
isSave.value = false
getDetails(option.id) getDetails(option.id)
uni.setNavigationBarTitle({
title: '采购需求',
})
} else { } else {
isSave.value = true
// 获取当前位置 // 获取当前位置
getCurrentAddressInfo() getCurrentAddressInfo()
uni.setNavigationBarTitle({
title: '发布采购需求',
})
} }
}) })
...@@ -102,7 +108,6 @@ ...@@ -102,7 +108,6 @@
rule: ['required'], rule: ['required'],
msg: ['请选择省/市/区县'], msg: ['请选择省/市/区县'],
}, },
{ {
name: 'image', name: 'image',
rule: ['required'], rule: ['required'],
...@@ -266,14 +271,14 @@ return ...@@ -266,14 +271,14 @@ return
<view class="form-section" style="padding: 0 10rpx"> <view class="form-section" style="padding: 0 10rpx">
<view class="form-item required flex align-center"> <view class="form-item required flex align-center">
<text class="label">采购类别</text> <text class="label">采购类别</text>
<view class="time-input" @click="show.classify = true"> <view class="time-input" :style="isSave ? '' : 'pointer-events: none'" @click="show.classify = true">
<text class="select-text" :class="{ placeholder: !form.classifyText }"> <text class="select-text" :class="{ placeholder: !form.classifyText }">
{{ form.classifyText || '请选择采购类别' }} {{ form.classifyText || '请选择采购类别' }}
</text> </text>
</view> </view>
</view> </view>
</view> </view>
<fui-input required label="采购标题" placeholder="请输入需求名称" v-model="form.title" labelSize="28" label-width="180" maxlength="16" size="28" /> <fui-input :disabled="!isSave" required label="采购标题" placeholder="请输入需求名称" v-model="form.title" labelSize="28" label-width="180" maxlength="16" size="28" />
</view> </view>
<view class="mt20"> <view class="mt20">
<!-- 价格区间 --> <!-- 价格区间 -->
...@@ -281,19 +286,19 @@ return ...@@ -281,19 +286,19 @@ return
<view class="form-item required flex align-center"> <view class="form-item required flex align-center">
<text class="label">价格区间</text> <text class="label">价格区间</text>
<view class="price-range"> <view class="price-range">
<input type="number" class="price-input" v-model="form.priceStart" placeholder="最低价" :min="0" maxlength="6" /> <input :disabled="!isSave" type="number" class="price-input" v-model="form.priceStart" placeholder="最低价" :min="0" maxlength="6" />
<text class="price-separator">至</text> <text class="price-separator">至</text>
<input type="number" class="price-input" v-model="form.priceEnd" placeholder="最高价" :min="0" maxlength="6" > <input :disabled="!isSave" type="number" class="price-input" v-model="form.priceEnd" placeholder="最高价" :min="0" maxlength="6" >
<view slot="suffix" class="unit-slot" style="font-size: 28rpx;">元</view> <view slot="suffix" class="unit-slot" style="font-size: 28rpx;">元</view>
</input> </input>
</view> </view>
</view> </view>
</view> </view>
<fui-input type="number" required label="采购数量" placeholder="请输入采购数量" v-model="form.count" labelSize="28" label-width="180" maxlength="8" size="28"/> <fui-input :disabled="!isSave" type="number" required label="采购数量" placeholder="请输入采购数量" v-model="form.count" labelSize="28" label-width="180" maxlength="8" size="28"/>
<fui-input required label="单位" placeholder="请输入单位(如：个、kg、袋等)" v-model="form.unit" labelSize="28" label-width="180" maxlength="4" size="28"/> <fui-input :disabled="!isSave" required label="单位" placeholder="请输入单位(如：个、kg、袋等)" v-model="form.unit" labelSize="28" label-width="180" maxlength="4" size="28"/>
<view class="form-item required flex align-center" style="padding: 20rpx 10rpx"> <view class="form-item required flex align-center" style="padding: 20rpx 10rpx">
<text class="label">区域</text> <text class="label">区域</text>
<view class="time-input" @click="show.address = true"> <view class="time-input" :style="isSave ? '' : 'pointer-events: none'" @click="show.address = true">
<text class="select-text" :class="{ placeholder: !form.address }"> <text class="select-text" :class="{ placeholder: !form.address }">
{{ getText(form.address, ' / ') || '请选择区域' }} {{ getText(form.address, ' / ') || '请选择区域' }}
</text> </text>
...@@ -301,13 +306,11 @@ return ...@@ -301,13 +306,11 @@ return
</view> </view>
</view> </view>
<view class="mt20"> <view class="mt20">
<!-- 截至时间 --> <!-- 截至时间 -->
<view class="form-section" style="padding: 0 10rpx"> <view class="form-section" style="padding: 0 10rpx">
<view class="form-item required flex align-center"> <view class="form-item required flex align-center">
<text class="label">截止时间</text> <text class="label">截止时间</text>
<view class="time-input" @click="show.time = true"> <view class="time-input" :style="isSave ? '' : 'pointer-events: none'" @click="show.time = true">
<text class="time-text" :class="{ placeholder: !form.deadLine }"> <text class="time-text" :class="{ placeholder: !form.deadLine }">
{{ form.deadLine || '请选择采购截止时间' }} {{ form.deadLine || '请选择采购截止时间' }}
</text> </text>
...@@ -318,7 +321,7 @@ return ...@@ -318,7 +321,7 @@ return
<span style="color: red;margin-left: 10rpx;">*&nbsp;</span> <span style="color: red;margin-left: 10rpx;">*&nbsp;</span>
<span>图片</span> <span>图片</span>
</view> </view>
<uni-file-picker :value="form.imageObj" ref="uploadRef" limit="1" :auto-upload="false" @select="handleUpload" @delete="handleDelete" style="margin-left:35rpx"/> <uni-file-picker :readonly="!isSave" :value="form.imageObj" ref="uploadRef" limit="1" :auto-upload="false" @select="handleUpload" @delete="handleDelete" style="margin-left:35rpx"/>
</view> </view>
<view class="fui-btn__box" v-if="!form.id" style="margin-top: 30rpx"> <view class="fui-btn__box" v-if="!form.id" style="margin-top: 30rpx">
<fui-button text="发布" bold radius="96rpx" @click="submit" /> <fui-button text="发布" bold radius="96rpx" @click="submit" />
......
src/pages/chanxiao/supplyXuQiu.vue
...@@ -11,16 +11,22 @@ ...@@ -11,16 +11,22 @@
const dictStore = useDictStore() const dictStore = useDictStore()
const userStore = useUserStore() const userStore = useUserStore()
const globSetting = useGlobSetting() const globSetting = useGlobSetting()
const isSave = ref(false)
onLoad((option) => { onLoad((option) => {
uni.setNavigationBarTitle({
title: '发布供应需求',
})
// 获取数据详情 // 获取数据详情
if (option.id) { if (option.id) {
isSave.value = false
getDetails(option.id) getDetails(option.id)
uni.setNavigationBarTitle({
title: '采购需求',
})
} else { } else {
isSave.value = true
// 获取当前位置 // 获取当前位置
getCurrentAddressInfo() getCurrentAddressInfo()
uni.setNavigationBarTitle({
title: '发布采购需求',
})
} }
}) })
...@@ -290,6 +296,7 @@ ...@@ -290,6 +296,7 @@
<fui-form ref="formRef" label-weight="auto" top="60"> <fui-form ref="formRef" label-weight="auto" top="60">
<view class="mt20"> <view class="mt20">
<fui-input <fui-input
:disabled="!isSave"
label="供应标题" label="供应标题"
placeholder="请输入供应标题" placeholder="请输入供应标题"
placeholderStyle="font-size: 26rpx" placeholderStyle="font-size: 26rpx"
...@@ -299,6 +306,7 @@ ...@@ -299,6 +306,7 @@
required required
/> />
<fui-input <fui-input
:disabled="!isSave"
label="规格说明" label="规格说明"
placeholder="请输入规格说明" placeholder="请输入规格说明"
placeholderStyle="font-size: 26rpx" placeholderStyle="font-size: 26rpx"
...@@ -314,6 +322,7 @@ ...@@ -314,6 +322,7 @@
<text class="label" style="font-size: 28rpx">价格区间</text> <text class="label" style="font-size: 28rpx">价格区间</text>
<view class="price-range"> <view class="price-range">
<input <input
:disabled="!isSave"
type="number" type="number"
class="price-input" class="price-input"
v-model="form.minPrice" v-model="form.minPrice"
...@@ -323,6 +332,7 @@ ...@@ -323,6 +332,7 @@
/> />
<text class="price-separator">-</text> <text class="price-separator">-</text>
<input <input
:disabled="!isSave"
type="number" type="number"
class="price-input" class="price-input"
v-model="form.maxPrice" v-model="form.maxPrice"
...@@ -334,6 +344,7 @@ ...@@ -334,6 +344,7 @@
</view> </view>
</view> </view>
<fui-input <fui-input
:disabled="!isSave"
required required
label="计量单位" label="计量单位"
placeholder="请输入计量单位" placeholder="请输入计量单位"
...@@ -343,6 +354,7 @@ ...@@ -343,6 +354,7 @@
label-width="180" label-width="180"
/> />
<fui-input <fui-input
:disabled="!isSave"
required required
label="币种" label="币种"
placeholder="请输入币种" placeholder="请输入币种"
...@@ -352,6 +364,7 @@ ...@@ -352,6 +364,7 @@
label-width="180" label-width="180"
/> />
<fui-input <fui-input
:disabled="!isSave"
required required
label="供应数量" label="供应数量"
placeholder="请输入供应数量" placeholder="请输入供应数量"
...@@ -362,6 +375,7 @@ ...@@ -362,6 +375,7 @@
type="number" type="number"
/> />
<fui-input <fui-input
:disabled="!isSave"
required required
label="最小起订量" label="最小起订量"
placeholder="请输入最小起订量" placeholder="请输入最小起订量"
...@@ -375,13 +389,18 @@ ...@@ -375,13 +389,18 @@
<view class="mt20"> <view class="mt20">
<view class="form-item required flex align-center" style="padding: 20rpx 10rpx"> <view class="form-item required flex align-center" style="padding: 20rpx 10rpx">
<text class="label" style="font-size: 28rpx">请选择区域</text> <text class="label" style="font-size: 28rpx">请选择区域</text>
<view class="select-input" @click="show.address = true"> <view
class="select-input"
:style="isSave ? '' : 'pointer-events: none'"
@click="show.address = true"
>
<text class="time-text" :class="{ placeholder: !form.address }"> <text class="time-text" :class="{ placeholder: !form.address }">
{{ getText(form.address, ' / ') || '请选择省/市/区县' }} {{ getText(form.address, ' / ') || '请选择省/市/区县' }}
</text> </text>
</view> </view>
</view> </view>
<fui-input <fui-input
:disabled="!isSave"
required required
label="详细地址" label="详细地址"
placeholder="请输入详细地址" placeholder="请输入详细地址"
...@@ -396,10 +415,11 @@ ...@@ -396,10 +415,11 @@
<view class="form-item flex align-center"> <view class="form-item flex align-center">
<text class="label" style="font-size: 28rpx">供应时间</text> <text class="label" style="font-size: 28rpx">供应时间</text>
<view class="time-range"> <view class="time-range">
<view class="time-input" @click="show.time1 = true"> <view
<text class="time-text" :class="{ placeholder: !form.supplyStartDate }"> class="time-input"
{{ form.supplyStartDate || '开始时间' }} :style="isSave ? '' : 'pointer-events: none'"
</text> @click="show.time1 = true"
>
<text <text
class="time-text" class="time-text"
:class="{ placeholder: !form.supplyStartDate }" :class="{ placeholder: !form.supplyStartDate }"
...@@ -409,10 +429,11 @@ ...@@ -409,10 +429,11 @@
</text> </text>
</view> </view>
<text class="time-separator">-</text> <text class="time-separator">-</text>
<view class="time-input" @click="show.time2 = true"> <view
<text class="time-text" :class="{ placeholder: !form.supplyEndDate }"> class="time-input"
{{ form.supplyEndDate || '结束时间' }} :style="isSave ? '' : 'pointer-events: none'"
</text> @click="show.time2 = true"
>
<text <text
class="time-text" class="time-text"
:class="{ placeholder: !form.supplyEndDate }" :class="{ placeholder: !form.supplyEndDate }"
...@@ -427,7 +448,11 @@ ...@@ -427,7 +448,11 @@
<view class="form-section" style="padding: 0 10rpx"> <view class="form-section" style="padding: 0 10rpx">
<view class="form-item required flex align-center"> <view class="form-item required flex align-center">
<text class="label" style="font-size: 28rpx">分类</text> <text class="label" style="font-size: 28rpx">分类</text>
<view class="time-input" @click="show.classify = true"> <view
class="time-input"
:style="isSave ? '' : 'pointer-events: none'"
@click="show.classify = true"
>
<text <text
class="select-text" class="select-text"
:class="{ placeholder: !form.classifyText }" :class="{ placeholder: !form.classifyText }"
...@@ -443,6 +468,7 @@ ...@@ -443,6 +468,7 @@
<view class="bg-white mt20" style="padding: 0.875rem 1rem"> <view class="bg-white mt20" style="padding: 0.875rem 1rem">
<view class="mb-1 flex justify-start"> 上传图片 </view> <view class="mb-1 flex justify-start"> 上传图片 </view>
<uni-file-picker <uni-file-picker
:readonly="!isSave"
:value="form.imageObj" :value="form.imageObj"
ref="uploadRef" ref="uploadRef"
limit="1" limit="1"
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论