|
@@ -0,0 +1,81 @@
|
|
|
|
+<template>
|
|
|
|
+ <a-modal v-model:visible="modelValue" width="800px" title="审核" @cancel="cancel" @ok="submitStatus"
|
|
|
|
+ okText="确认" cancelText="取消">
|
|
|
|
+ <a-form :model="formStatus" :style="{ width: '600px' }">
|
|
|
|
+ <a-form-item label="客户名称">
|
|
|
|
+ {{ FormDataList.userName }}
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item label="订单编号">
|
|
|
|
+ {{ FormDataList.id }}
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item label="资费名称">
|
|
|
|
+ {{ FormDataList.trafficName }}
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item label="审核意见">
|
|
|
|
+ <a-radio-group v-model="formStatus.moderationStatus" :options="optionsStatus">
|
|
|
|
+ <template #label="{ data }">
|
|
|
|
+ <a-tag>{{ data.label }}</a-tag>
|
|
|
|
+ </template>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ <a-form-item label="备注">
|
|
|
|
+ <a-textarea placeholder="请输入备注" v-model:model-value="formStatus.moderationNotes" allow-clear />
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-form>
|
|
|
|
+ </a-modal>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+import { ref, onMounted, toRefs, defineProps, toRef, defineEmits } from 'vue';
|
|
|
|
+import { OrderCardStatus } from '@/api/path/order'
|
|
|
|
+import { Message } from '@arco-design/web-vue';
|
|
|
|
+const props = defineProps({
|
|
|
|
+ modelValue: {
|
|
|
|
+ type: Boolean,
|
|
|
|
+ default: false
|
|
|
|
+ },
|
|
|
|
+ FormDataList: {
|
|
|
|
+ type: Object,
|
|
|
|
+ default: () => ({})
|
|
|
|
+ }
|
|
|
|
+})
|
|
|
|
+const modelValue = toRef(props, 'modelValue')
|
|
|
|
+const FormDataList = toRef(props, 'FormDataList')
|
|
|
|
+const emit = defineEmits(['update:modelValue', 'submit'])
|
|
|
|
+
|
|
|
|
+const state = ref({
|
|
|
|
+ formStatus: {
|
|
|
|
+ id: null,
|
|
|
|
+ moderationStatus: '', // 审核状态
|
|
|
|
+ moderationNotes: '', // 审核备注
|
|
|
|
+ },
|
|
|
|
+ optionsStatus: [
|
|
|
|
+ { label: '审核通过', value: '2' },
|
|
|
|
+ { label: '驳回', value: '3' },
|
|
|
|
+ ],
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+const { formStatus ,optionsStatus} = toRefs(state.value)
|
|
|
|
+
|
|
|
|
+// 订单审核
|
|
|
|
+const submitStatus = async () => {
|
|
|
|
+ new Promise((resolve, reject) => {
|
|
|
|
+ formStatus.value.id = FormDataList.value.id
|
|
|
|
+ OrderCardStatus(formStatus.value).then(res => {
|
|
|
|
+ Message.success(res.message)
|
|
|
|
+ emit('update:modelValue', false)
|
|
|
|
+ emit('submit', true)
|
|
|
|
+ }).catch(error => [
|
|
|
|
+ reject(error)
|
|
|
|
+ ])
|
|
|
|
+ })
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+const cancel = ()=>{
|
|
|
|
+ emit('update:modelValue', false)
|
|
|
|
+ Object.keys(formStatus.value).forEach(key => {
|
|
|
|
+ formStatus.value[key] = ''
|
|
|
|
+ })
|
|
|
|
+}
|
|
|
|
+</script>
|
|
|
|
+<style scoped></style>
|