From 5c48ef2b8267c38bae717202615e1618074ee31c Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期五, 29 八月 2025 15:25:05 +0800 Subject: [PATCH] 修改组件 --- src/pages/cooperativeOffice/collaborativeApproval/detail.vue | 122 +++++++++++++++++----------------------- 1 files changed, 53 insertions(+), 69 deletions(-) diff --git a/src/pages/cooperativeOffice/collaborativeApproval/detail.vue b/src/pages/cooperativeOffice/collaborativeApproval/detail.vue index f8ecb68..6fa0c13 100644 --- a/src/pages/cooperativeOffice/collaborativeApproval/detail.vue +++ b/src/pages/cooperativeOffice/collaborativeApproval/detail.vue @@ -4,73 +4,61 @@ <!-- 琛ㄥ崟鍖哄煙 --> <view class="form-section"> - <van-form ref="formRef" @submit="submitForm" :rules="rules" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center"> - <van-cell-group style="margin-bottom: 16px;"> - <van-field - v-model="form.approveReason" - name="approveReason" - rows="2" - autosize - label="鐢宠浜嬬敱" - type="textarea" - maxlength="200" - :rules="[{ required: true, message: '鐢宠浜嬬敱涓嶈兘涓虹┖' }]" - placeholder="璇疯緭鍏ョ敵璇蜂簨鐢�" - show-word-limit - required - /> - </van-cell-group> - <van-cell-group> - <van-field - v-model="form.approveDeptName" - readonly - name="picker" - label="鐢宠閮ㄩ棬" - placeholder="璇烽�夋嫨鐢宠閮ㄩ棬" - :rules="[{ required: true, message: '璇烽�夋嫨鐢宠閮ㄩ棬' }]" - @click="showPicker = true" - required - /> - <van-field - v-model="form.approveUserName" - name="taxPrice" - label="鐢宠浜�" - placeholder="璇疯緭鍏ョ敵璇蜂汉" - :rules="[{ required: true, message: '鐢宠浜轰笉鑳戒负绌�' }]" - required - readonly - /> - <van-popup - v-model:show="showPicker" - position="bottom" - > - <van-picker + <u-form ref="formRef" @submit="submitForm" input-align="right" error-message-align="right"> + <u-cell-group style="margin-bottom: 16px;"> + <u-form-item label="鐢宠浜嬬敱" prop="approveReason" required> + <u-textarea + v-model="form.approveReason" + placeholder="璇疯緭鍏ョ敵璇蜂簨鐢�" + :maxlength="200" + count + :autoHeight="true" + /> + </u-form-item> + </u-cell-group> + <u-cell-group> + <u-form-item label="鐢宠閮ㄩ棬" prop="approveDeptName" required> + <u-input + v-model="form.approveDeptName" + readonly + placeholder="璇烽�夋嫨鐢宠閮ㄩ棬" + @click="showPicker = true" + /> + </u-form-item> + <u-form-item label="鐢宠浜�" prop="approveUserName" required> + <u-input + v-model="form.approveUserName" + placeholder="璇疯緭鍏ョ敵璇蜂汉" + readonly + /> + </u-form-item> + <u-popup v-model="showPicker" mode="bottom"> + <u-picker :columns="productOptions" - :model-value="pickerValue" + v-model="pickerValue" @confirm="onConfirm" @cancel="showPicker = false" /> - </van-popup> - <van-field - v-model="form.approveTime" - label="鐢宠鏃ユ湡" - placeholder="璇烽�夋嫨" - readonly - required - @click="showDatePicker" - :rules="[{ required: true, message: '璇烽�夋嫨鏉ユ鏃ユ湡' }]" - /> - <!-- 鏃ユ湡閫夋嫨鍣� --> - <van-popup v-model:show="showDate" position="bottom"> - <van-date-picker - v-model="currentDate" - title="閫夋嫨鏃ユ湡" - @confirm="onDateConfirm" - @cancel="showDate = false" - /> - </van-popup> - </van-cell-group> - </van-form> + </u-popup> + <u-form-item label="鐢宠鏃ユ湡" prop="approveTime" required> + <u-input + v-model="form.approveTime" + placeholder="璇烽�夋嫨" + readonly + @click="showDatePicker" + /> + </u-form-item> + <!-- 鏃ユ湡閫夋嫨鍣� --> + <u-popup v-model="showDate" mode="bottom"> + <u-datetime-picker + v-model="currentDate" + title="閫夋嫨鏃ユ湡" + @confirm="onDateConfirm" + @cancel="showDate = false" + /> + </u-popup> + </u-cell-group> + </u-form> </view> <!-- 瀹℃牳娴佺▼鍖哄煙 --> <view class="approval-process"> @@ -98,17 +86,13 @@ </view> <view v-else class="add-approver-btn" @click="addApprover(stepIndex)"> <view class="add-circle">+</view> - <text class="add-label">閫夋嫨瀹℃壒浜�</text> + <text class="add-text">娣诲姞瀹℃壒浜�</text> </view> </view> - <view class="step-line" v-if="stepIndex < approverNodes.length - 1"></view> - <view class="delete-step-btn" v-if="approverNodes.length > 1" @click="removeApprovalStep(stepIndex)">鍒犻櫎鑺傜偣</view> </view> </view> - <view class="add-step-btn"> - <van-button icon="plus" plain type="primary" style="width: 100%" @click="addApprovalStep">鏂板鑺傜偣</van-button> - </view> + <u-button icon="plus" plain type="primary" style="width: 100%" @click="addApprovalStep">鏂板鑺傜偣</u-button> </view> <!-- 搴曢儴鎸夐挳 --> -- Gitblit v1.9.3