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