|
|
@@ -53,25 +53,40 @@
|
|
|
</el-form>
|
|
|
<p class="border-title mt10 mb10">审批信息<el-text tag="b" type="danger" class="ml5">特殊审批</el-text></p>
|
|
|
<el-form :model="state.ruleForm" label-width="110px" ref="ruleFormRef" :disabled="loading">
|
|
|
- <el-form-item label="审批状态" prop="status" :rules="[{ required: true, message: '请选择审批状态', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.status" clearable style="max-width: 240px" placeholder="请选择审批状态" @change="selectStatus">
|
|
|
- <el-option v-for="item in auditComBox" :label="item.value" :key="item.key" :value="item.key" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="短信模板" prop="smsTemplateId" :rules="[{ required: true, message: '请选择短信模板', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.smsTemplateId" placeholder="请选择短信模板" clearable>
|
|
|
- <el-option v-for="item in smsTemplateList" :value="item.id" :key="item.id" :label="item.content" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="审批意见" prop="opinion" :rules="[{ required: false, message: '请填写审批意见', trigger: 'blur' }]">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 6, maxRows: 10 }"
|
|
|
- v-model="state.ruleForm.opinion"
|
|
|
- placeholder="请填写审批意见"
|
|
|
- clearable
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="审批状态" prop="status" :rules="[{ required: true, message: '请选择审批状态', trigger: 'change' }]">
|
|
|
+ <el-select v-model="state.ruleForm.status" clearable placeholder="请选择审批状态" @change="selectStatus">
|
|
|
+ <el-option v-for="item in auditComBox" :label="item.value" :key="item.key" :value="item.key" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <template v-if="state.ruleForm.status === 1">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="审批类型" prop="auditTypeId" :rules="[{ required: true, message: '请选择审批类型', trigger: 'change' }]">
|
|
|
+ <el-select v-model="state.ruleForm.auditTypeId" clearable placeholder="请选择审批类型" @change="selectType">
|
|
|
+ <el-option v-for="item in auditType" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="审批金额" prop="approvedAmount">
|
|
|
+ <el-input v-model="state.ruleForm.approvedAmount" placeholder="请输入审批金额" clearable disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="审批意见" prop="opinion" :rules="[{ required: false, message: '请填写审批意见', trigger: 'blur' }]">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 6, maxRows: 10 }"
|
|
|
+ v-model="state.ruleForm.opinion"
|
|
|
+ placeholder="请填写审批意见"
|
|
|
+ clearable
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
@@ -98,15 +113,17 @@ const state = reactive<any>({
|
|
|
ruleForm: {
|
|
|
redPackAuditId: null, // 审批ID
|
|
|
status: null, // 审批状态
|
|
|
+ auditTypeId: null, // 审批类型
|
|
|
opinion: null, // 审批意见
|
|
|
- smsTemplateId: null, // 短信模板
|
|
|
- isSendSms: true, // 是否发送短信
|
|
|
+ isSendSms: false, // 是否发送短信
|
|
|
+ approvedAmount: 0, // 审批金额
|
|
|
},
|
|
|
orderId: null,
|
|
|
});
|
|
|
let loading = ref<boolean>(false); // 加载状态
|
|
|
// 打开弹窗
|
|
|
const auditComBox = ref<EmptyArrayType>([]); // 审批状态
|
|
|
+const auditType = ref<EmptyArrayType>([]); // 审批类型
|
|
|
const openDialog = async (row: any) => {
|
|
|
loading.value = true;
|
|
|
state.dialogVisible = true;
|
|
|
@@ -115,6 +132,7 @@ const openDialog = async (row: any) => {
|
|
|
// 特殊审批
|
|
|
const { result } = await getSpecialRedEnvelopeApprovalBaseInfo(row.orderId);
|
|
|
auditComBox.value = result.auditComBox ?? [];
|
|
|
+ auditType.value = result.auditType ?? [];
|
|
|
state.infoForm = result;
|
|
|
state.ruleForm.redPackAuditId = row.id;
|
|
|
loading.value = false;
|
|
|
@@ -124,29 +142,14 @@ const openDialog = async (row: any) => {
|
|
|
}
|
|
|
};
|
|
|
const ruleFormRef = ref<RefType>();
|
|
|
-const smsTemplateList = ref<EmptyArrayType>([]); // 短信模板
|
|
|
// 选择审批状态
|
|
|
-const selectStatus = (val: any) => {
|
|
|
- ruleFormRef.value?.resetFields('smsTemplateId');
|
|
|
- if (val || val === 0) {
|
|
|
- loading.value = true;
|
|
|
- getCitizenRedEnvelopeApprovalSmsTemplate({ OrderId: state.orderId, Status: val })
|
|
|
- .then((res) => {
|
|
|
- smsTemplateList.value = res.result ?? [];
|
|
|
- if (smsTemplateList.value.length) {
|
|
|
- // 默认选中第一条
|
|
|
- state.ruleForm.smsTemplateId = smsTemplateList.value[0].id;
|
|
|
- }
|
|
|
- loading.value = false;
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- console.log(e);
|
|
|
- smsTemplateList.value = [];
|
|
|
- loading.value = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- smsTemplateList.value = [];
|
|
|
- }
|
|
|
+const selectStatus = () => {
|
|
|
+ ruleFormRef.value?.resetFields('auditTypeId');
|
|
|
+};
|
|
|
+// 选择审批类型
|
|
|
+const selectType = (val:any) => {
|
|
|
+ const item = auditType.value.find((item:any) => item.dicDataValue === val);
|
|
|
+ console.log(item,'11');
|
|
|
};
|
|
|
// 保存
|
|
|
const onSubmit = throttle(async (formEl: FormInstance | undefined) => {
|
|
|
@@ -157,6 +160,8 @@ const onSubmit = throttle(async (formEl: FormInstance | undefined) => {
|
|
|
const request = {
|
|
|
...state.ruleForm,
|
|
|
};
|
|
|
+ console.log(request,'22');
|
|
|
+ return;
|
|
|
specialRedEnvelopeApproval(request)
|
|
|
.then(() => {
|
|
|
loading.value = false;
|
zhangchong