|
|
@@ -125,6 +125,24 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="section">
|
|
|
+ <view class="section-header">
|
|
|
+ <view class="section-header-left">
|
|
|
+ <view class="section-indicator"></view>
|
|
|
+ <text class="section-title">备注/用途</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="remark-section">
|
|
|
+ <textarea
|
|
|
+ class="remark-input"
|
|
|
+ v-model="remark"
|
|
|
+ placeholder="请输入备注/用途"
|
|
|
+ :maxlength="500"
|
|
|
+ ></textarea>
|
|
|
+ <text class="remark-count">{{ remark.length }}/500</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</scroll-view>
|
|
|
|
|
|
<!-- 底部按钮 -->
|
|
|
@@ -274,9 +292,10 @@ let searchTimer: number | null = null
|
|
|
type SelectedItem = { itemId: string; itemName: string; itemTypeName: string; measureName: string; qty: string }
|
|
|
|
|
|
const keyword = ref<string>("")
|
|
|
-
|
|
|
+
|
|
|
const dataList = ref<Item[]>([])
|
|
|
const selectedItems = ref<SelectedItem[]>([])
|
|
|
+ const remark = ref<string>("")
|
|
|
const page = ref<number>(1)
|
|
|
const pageSize: number = 10
|
|
|
const total = ref<number>(0)
|
|
|
@@ -287,7 +306,7 @@ let searchTimer: number | null = null
|
|
|
const hasMore = ref<boolean>(true)
|
|
|
const loading = ref<boolean>(false)
|
|
|
const refreshing = ref<boolean>(false)
|
|
|
-
|
|
|
+
|
|
|
const categories = ref<CategoryItem[]>([])
|
|
|
|
|
|
const dealLoad = ref<boolean>(false)
|
|
|
@@ -619,6 +638,7 @@ const selectMeasure = (item: UTSJSONObject): void => {
|
|
|
result['applyCode'] = ''
|
|
|
result['applyName'] = '物料申请'
|
|
|
result['status'] = status
|
|
|
+ result['remark'] = remark.value
|
|
|
result['wmPurchaseApplyLineList'] = applyLines
|
|
|
return result
|
|
|
}
|
|
|
@@ -1056,8 +1076,6 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
.material-list {
|
|
|
- max-height: 720rpx;
|
|
|
- overflow-y: auto;
|
|
|
}
|
|
|
|
|
|
.pagination {
|
|
|
@@ -1393,6 +1411,39 @@ onMounted(() => {
|
|
|
font-size: 26rpx;
|
|
|
}
|
|
|
|
|
|
+ /* 备注输入框样式 */
|
|
|
+ .remark-section {
|
|
|
+ padding: 20rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .remark-input {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 200rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ border: 1rpx solid #e5e5e5;
|
|
|
+ resize: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .remark-input:focus {
|
|
|
+ outline: none;
|
|
|
+ border-color: #007aff;
|
|
|
+ background-color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .remark-count {
|
|
|
+ display: block;
|
|
|
+ text-align: right;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+
|
|
|
/* 图片上传样式 */
|
|
|
.image-upload-container {
|
|
|
display: flex;
|