feat: 评论、同意、拒绝弹窗 100%

src/views/approve/components/consentOrRefuseDialog.vue

@@ -1,8 +1,8 @@
 <template>
-	<!-- 同意 or 拒绝弹窗 -->
-	<el-dialog :visible="modelValue" title="同意审批" width="40%" destroy-on-close>
-		<el-form ref="formRef" v-loading="uploadLoading" element-loading-text="图片上传中..." :model="form" label-width="120px">
-			<el-form-item label="评论" prop="review" :rules="[{ required: true, message: '评论内容不能为空' }]">
+	<!-- 同意 拒绝 弹窗 -->
+	<el-dialog v-model="operaVisibleDialog" title="同意/拒绝审批" width="700" destroy-on-close>
+		<el-form ref="formRef" v-loading="uploadLoading" element-loading-text="图片上传中..." :model="form" label-width="80px">
+			<el-form-item label="审批意见" prop="review" :rules="[{ required: true, message: '审批意见不能为空' }]">
 				<el-input v-model="form.review" type="textarea" placeholder="请输入内容" maxlength="64" show-word-limit> </el-input>
 			</el-form-item>
 			<el-form-item prop="attachment" label="附件" class="example-img-box">
@@ -28,7 +28,7 @@
 </template>
 
 <script setup>
-import { reactive, ref } from 'vue'
+import { computed, reactive, ref } from 'vue'
 import FileUpload from '@/components/FileUpload.vue'
 
 const props = defineProps({
@@ -54,7 +54,7 @@ const form = reactive({
 const formRef = ref(null)
 const uploadLoading = ref(false)
 
-const emit = defineEmits(['update:modelValue', 'confirm'])
+const $myEmit = defineEmits(['update:modelValue', 'confirm'])
 
 const submitForm = () => {
 	btnDisabled.value = true
@@ -77,6 +77,15 @@ const closeDialog = () => {
 	$myEmit('update:modelValue', false)
 }
 
+const operaVisibleDialog = computed({
+	get() {
+		return props.modelValue
+	},
+	set(val) {
+		$myEmit('update:modelValue', val)
+	}
+})
+
 const clearValidate = () => {}
 </script>
 

src/views/approve/components/reviewDialog.vue

@@ -1,7 +1,7 @@
 <template>
 	<!-- 评论弹窗 -->
-	<el-dialog :visible="modelValue" title="评论内容" width="40%" destroy-on-close>
-		<el-form ref="formRef" v-loading="uploadLoading" element-loading-text="图片上传中..." :model="form" label-width="120px">
+	<el-dialog v-model="reviewVisibleDialog" title="评论内容" width="700" destroy-on-close>
+		<el-form ref="formRef" v-loading="uploadLoading" element-loading-text="图片上传中..." :model="form" label-width="80px">
 			<el-form-item label="评论" prop="review" :rules="[{ required: true, message: '评论内容不能为空' }]">
 				<el-input v-model="form.review" type="textarea" placeholder="请输入内容" maxlength="64" show-word-limit> </el-input>
 			</el-form-item>
@@ -28,7 +28,7 @@
 </template>
 
 <script setup>
-import { reactive, ref } from 'vue'
+import { computed, reactive, ref } from 'vue'
 import FileUpload from '@/components/FileUpload.vue'
 
 const props = defineProps({
@@ -54,7 +54,7 @@ const form = reactive({
 const formRef = ref(null)
 const uploadLoading = ref(false)
 
-const emit = defineEmits(['update:modelValue', 'confirm'])
+const $myEmit = defineEmits(['update:modelValue', 'confirm'])
 
 const submitForm = () => {
 	btnDisabled.value = true
@@ -77,6 +77,15 @@ const closeDialog = () => {
 	$myEmit('update:modelValue', false)
 }
 
+const reviewVisibleDialog = computed({
+	get() {
+		return props.modelValue
+	},
+	set(val) {
+		$myEmit('update:modelValue', val)
+	}
+})
+
 const clearValidate = () => {}
 </script>
 

src/views/approve/pendingClaim/detail.vue

@@ -114,7 +114,7 @@ const myProps = defineProps({
 	}
 })
 
-const reviewVisible = ref(false)
+const reviewVisible = ref(true)
 
 // 同步值
 const $myEmit = defineEmits(['update:modelValue', 'successFn'])