修改组件

gaoluyang

6 天以前 7a0ffb0048adeda9ebfbca1d0b525eb224c173e3

 src/pages/cooperativeOffice/collaborativeApproval/detail.vue

@@ -4,61 +4,73 @@

    <!-- 表单区域 -->
    <view class="form-section">
      <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
      <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
              :columns="productOptions"
              v-model="pickerValue"
              :model-value="pickerValue"
              @confirm="onConfirm"
              @cancel="showPicker = false"
            />
          </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>
          </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>
    </view>
    <!-- 审核流程区域 -->
    <view class="approval-process">
@@ -86,13 +98,17 @@
            </view>
            <view v-else class="add-approver-btn" @click="addApprover(stepIndex)">
              <view class="add-circle">+</view>
              <text class="add-text">添加审批人</text>
              <text class="add-label">选择审批人</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>

      <u-button icon="plus" plain type="primary" style="width: 100%" @click="addApprovalStep">新增节点</u-button>
      <view class="add-step-btn">
            <van-button icon="plus" plain type="primary" style="width: 100%" @click="addApprovalStep">新增节点</van-button>
      </view>
    </view>

    <!-- 底部按钮 -->