Browse Source

fix: 禁用已付记录的输入框和操作按钮

xieyong 3 weeks ago
parent
commit
1c9bcee50e
1 changed files with 6 additions and 1 deletions
  1. 6 1
      src/views/financialManage/prepayment/components/payDialog.vue

+ 6 - 1
src/views/financialManage/prepayment/components/payDialog.vue

@@ -51,6 +51,7 @@
               value-format="yyyy-MM-dd"
               style="width: 100%"
               size="small"
+              :disabled="!!r.id"
             />
           </el-form-item>
         </template>
@@ -65,6 +66,7 @@
               v-model="r.paidTotalPrice"
               placeholder="请输入"
               size="small"
+              :disabled="!!r.id"
               @input="calcAmount"
             />
           </el-form-item>
@@ -81,12 +83,13 @@
               dictName="支付类型"
               placeholder="请选择"
               class="payment-select"
+              :disabled="!!r.id"
             />
           </el-form-item>
         </template>
         <!-- 附件 -->
         <template v-slot:files="{ row: r }">
-          <fileMain v-model="r.files" :limit="1"></fileMain>
+          <fileMain v-model="r.files" :limit="1" :disabled="!!r.id "></fileMain>
         </template>
         <!-- 备注 -->
         <template v-slot:remark="{ row: r }">
@@ -94,6 +97,7 @@
             v-model="r.remark"
             placeholder="请输入"
             size="small"
+            :disabled="!!r.id"
           />
         </template>
         <!-- 操作 -->
@@ -102,6 +106,7 @@
             type="danger"
             :underline="false"
             @click="removeRow(r)"
+            :disabled="!!r.id"
           >
             删除
           </el-link>