DaShangDao/daShangDao_scanBook
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor:ISBN/无ISBN上传的品相/货区/书名/价格合并为info-block,书名价格标签改前置

Browse Source
This commit is contained in:
97694732@qq.com 2026-06-05 10:26:54 +08:00
parent 2f467a9be6
commit c484e8b53d
1 changed files with 161 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
pages/upload/upload.vue
View File

@ -30,8 +30,10 @@
<swiper-item>
<view class="tab-content">
<scroll-view class="content-scroll" scroll-y="true">
<!-- 基本信息块（品相 + 货区&ISBN + 书名 + 价格&库存） -->
<view class="info-block">
<!-- 品相 -->
<view class="form-section">
<view class="info-block-row">
<view class="field-label">
<text class="label-text">品相</text>
</view>
@ -48,8 +50,10 @@
</view>
</view>
<view class="info-block-divider"></view>
<!-- 货区 & ISBN -->
<view class="form-section">
<view class="info-block-row">
<view class="field-label">
<text class="label-text">货区 & ISBN</text>
</view>
@ -74,19 +78,19 @@
</view>
</view>
<!-- 书名 -->
<view class="form-section">
<view class="field-label">
<text class="label-text">书名</text>
</view>
<input class="form-input" v-model="bookName" placeholder="请输入书名"/>
<view class="info-block-divider"></view>
<!-- 书名（标签在前） -->
<view class="info-inline-row">
<text class="info-inline-label">书名</text>
<input class="form-input info-inline-input" v-model="bookName" placeholder="请输入书名"/>
</view>
<!-- 价格 & 库存 -->
<view class="form-section">
<view class="field-label">
<text class="label-text">价格 & 库存</text>
</view>
<view class="info-block-divider"></view>
<!-- 价格 & 库存（标签在前） -->
<view class="info-inline-row">
<text class="info-inline-label">价格 & 库存</text>
<view class="inline-fields" style="flex:1;">
<view class="inline-field">
<view class="price-input-box" style="flex:1;">
@ -99,6 +103,7 @@
</view>
</view>
</view>
</view>
<!-- 拍照 -->
<view class="form-section">
@ -221,8 +226,10 @@
<view class="tab-content">
<scroll-view class="content-scroll" scroll-y="true">
<!-- ===== 品相（最上方） ===== -->
<view class="form-section">
<!-- ===== 基本信息块（品相 + 货区 + 书名 + 价格&库存） ===== -->
<view class="info-block">
<!-- 品相 -->
<view class="info-block-row">
<view class="field-label">
<text class="label-text">品相</text>
</view>
@ -239,8 +246,10 @@
</view>
</view>
<!-- ===== 基本信息 ===== -->
<view class="form-section">
<view class="info-block-divider"></view>
<!-- 货区 -->
<view class="info-block-row">
<view class="field-label">
<text class="label-text">货区</text>
</view>
@ -250,10 +259,11 @@
</view>
</view>
<view class="form-section">
<view class="field-label">
<text class="label-text">书名</text>
</view>
<view class="info-block-divider"></view>
<!-- 书名（标签在前） -->
<view class="info-inline-row">
<text class="info-inline-label">书名</text>
<view class="inline-fields" style="flex:1;">
<view class="inline-field" style="flex:1;">
<input class="form-input" v-model="noIsbnBookName" placeholder="请输入书名" style="flex:1;" />
@ -271,10 +281,11 @@
</view>
</view>
<view class="form-section">
<view class="field-label">
<text class="label-text">价格</text>
</view>
<view class="info-block-divider"></view>
<!-- 价格 & 库存（标签在前） -->
<view class="info-inline-row">
<text class="info-inline-label">价格 & 库存</text>
<view class="inline-fields" style="flex:1;">
<view class="inline-field" style="flex:1;">
<view class="price-input-box" style="flex:1;">
@ -287,6 +298,7 @@
</view>
</view>
</view>
</view>
<!-- ===== 图书详情 ===== -->
<view class="detail-section-header" @click="noIsbnDetailExpanded = !noIsbnDetailExpanded">
@ -1939,15 +1951,8 @@ export default {
uni.showModal({
title: '确认上传',
content: contentLines.join('\n'),
confirmText: '确认上传',
cancelText: '取消',
success: (res) => {
if (res.confirm) {
this.doSubmit(warehouseData)
} else {
this.isSubmitting = false
}
}
showCancel: false,
confirmText: '确定'
})
},
@ -2453,6 +2458,44 @@ export default {
padding: 16rpx;
}
/* ========== 基本信息合并块（品相+货区+书名+价格） ========== */
.info-block {
background-color: #ffffff;
border-radius: 12rpx;
border: 2rpx solid #ebeef5;
padding: 20rpx 24rpx;
}
.info-block-row {
padding: 4rpx 0;
}
.info-block-divider {
height: 2rpx;
background-color: #f2f3f5;
margin: 6rpx 0;
}
/* 行内标签在前 */
.info-inline-row {
display: flex;
align-items: center;
padding: 4rpx 0;
}
.info-inline-label {
font-size: 26rpx;
color: #606266;
font-weight: 500;
flex-shrink: 0;
width: 140rpx;
margin-right: 12rpx;
}
.info-inline-input {
flex: 1;
}
/* ========== 表单区块 ========== */
.form-section {
background-color: #ffffff;