Browse Source

feat(process/detail,work/edit): 按钮发起请求用禁用

wangpx 1 year ago
parent
commit
a2cb3442f7
2 changed files with 6 additions and 6 deletions
  1. 5 4
      pages/process/detail/index.vue
  2. 1 2
      pages/work/edit/index.vue

+ 5 - 4
pages/process/detail/index.vue

@@ -106,7 +106,7 @@
 		</view>
 		<view v-if="processInfo.tinsId" class="approve_button">
 			<uni-card spacing="0" padding="0">
-				<button :loading="!button_state" type="primary" @click="handleSubmitProcess('1')">通过</button>
+				<button :disabled="!button_state" :loading="!button_state" type="primary" @click="handleSubmitProcess('1')">通过</button>
 			</uni-card>
 		</view>
 	</view>
@@ -115,10 +115,10 @@
 			<uni-card spacing="0" padding="0" :is-shadow="false" :border="false">
 				<uni-row>
 					<uni-col :span="11">
-						<button :loading="!button_state" type="warn" @click="handleSubmitProcess('0')">退回上一级</button>
+						<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleSubmitProcess('0')">退回上一级</button>
 					</uni-col>
 					<uni-col :span="11" :offset="2">
-						<button :loading="!button_state" type="warn" @click="handleSubmitProcess('2')">退回发起人</button>
+						<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleSubmitProcess('2')">退回发起人</button>
 					</uni-col>
 				</uni-row>
 			</uni-card>
@@ -135,7 +135,7 @@
 		</view>
 		<view class="cancel_button_container">
 			<uni-card spacing="0" padding="0">
-				<button :loading="!button_state" type="warn" @click="handleCancelProcess">撤销</button>
+				<button :disabled="!button_state" :loading="!button_state" type="warn" @click="handleCancelProcess">撤销</button>
 			</uni-card>
 		</view>
 	</view>
@@ -356,6 +356,7 @@ function handleSubmitProcess(result) {
 	}).catch(() => { })
 }
 function submitProcess(result) {
+	button_state.value = false
 	formInfo.value.formElements = formElements.value.map(({ tableField, defaultValue }) => {
 		return {
 			name: tableField,

+ 1 - 2
pages/work/edit/index.vue

@@ -76,7 +76,7 @@
 		</uni-card>
 		<view class="submit_button_container">
 			<uni-card spacing="0" padding="0">
-				<button :loading="!button_state" type="primary" class="submit_button" @click="submitProcess">提交</button>
+				<button :disabled="!button_state" :loading="!button_state" type="primary" class="submit_button" @click="submitProcess">提交</button>
 			</uni-card>
 		</view>
 	</view>
@@ -295,7 +295,6 @@ function submitProcess() { // 提交表单
 		})
 		processInfo.form.push(...newItem)
 	})
-	button_state.value = true
 	// return
 	submitProcessForm(userStore.user, processInfo, fileSeqs.value).then(res => {
 		console.log('submitProcessForm', res);