feat: 审批加入推荐回复

src/views/approve/components/consentOrRefuseDialog.vue

@@ -3,7 +3,7 @@
 	<el-dialog v-model="operaVisibleDialog" class="le-dialog" :title="currentTip + '审批'" width="700" destroy-on-close :close-on-click-modal="false">
 		<el-form ref="formRef" v-loading="uploadLoading" label-position="top" element-loading-text="图片上传中..." :model="form" label-width="80px">
 			<el-form-item
-				v-if="rejectStrategy === 3 && currentType !== 'agree'"
+				v-if="rejectStrategy === 3 && currentType === 'reject'"
 				label="回退节点"
 				prop="nodeKey"
 				:rules="[{ required: true, message: '请选择回退节点' }]"
@@ -16,6 +16,18 @@
 			<el-form-item label="审批意见" prop="content" :rules="[{ required: true, message: '审批意见不能为空' }]">
 				<el-input v-model="form.content" type="textarea" placeholder="请输入内容" maxlength="64" show-word-limit> </el-input>
 			</el-form-item>
+
+			<el-form-item label="推荐回复" v-if="currentType !== 'reject'">
+				<el-tag
+      v-for="(label, index) in buttonLabels"
+      :key="index"
+      type="info"
+			class="ml-2 cursor-pointer"
+			 @click="appendToApprovalComments(label)"
+    >
+      {{ label }}
+    </el-tag>
+			</el-form-item>
 			<el-form-item v-if="currentType === 'reject'" prop="termination">
 				<el-checkbox v-model="form.termination" label="终止流程" />
 			</el-form-item>
@@ -75,6 +87,19 @@ const props = defineProps({
 		default: undefined
 	}
 })
+const buttonLabels = [
+  '同意',
+  '已阅',
+  '收到',
+  '已核对',
+  '合格',
+  '情况属实',
+  '确认',
+  '已复核',
+  '知悉',
+  '辛苦了',
+  '已安排'
+]
 const btnDisabled = ref(false)
 const form = reactive({
 	nodeKey: undefined,
@@ -145,6 +170,10 @@ const getProcessPreviousNodeNameApi = async () => {
 	rollbackOptions.value = res || []
 }
 
+const appendToApprovalComments = (label) => {
+	form.content += (form.content ? '' : '') + label
+}
+
 watch(
 	() => props.rejectStrategy,
 	item => {