Skip to content

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

fix: 产销页面优化

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