请款页面添加部门费用增加选择部门

src/components/process/SendFunds.vue

@@ -442,6 +442,14 @@
         <el-button @click="openSelect = false" size="large">取 消</el-button>
       </template>
     </el-dialog>
+
+    <el-dialog title="添加部门费用" v-if="openAddDeptExpense" v-model="openAddDeptExpense" width="500">
+      <byForm :formConfig="formConfig" :formOption="formOption" v-model="formDeptExpenseData.data" :rules="rules" ref="submit"> </byForm>
+      <template #footer>
+        <el-button @click="openAddDeptExpense = false" size="large">取 消</el-button>
+        <el-button type="primary" @click="clickSubmitAddDeptExpense()" size="large">确 认</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -451,6 +459,7 @@ import useUserStore from "@/store/modules/user";
 import { useRoute } from "vue-router";
 import moment from "moment";
 import { NumberToChinese } from "@/utils/util.js";
+import byForm from "@/components/byForm/index";
 
 const route = useRoute();
 const { proxy } = getCurrentInstance();
@@ -497,6 +506,7 @@ let rules = ref({
   quantity: [{ required: true, message: "请输入单据数量", trigger: "blur" }],
   remarks: [{ required: true, message: "请输入款项说明", trigger: "blur" }],
   amount: [{ required: true, message: "请输入请款金额", trigger: "blur" }],
+  deptId: [{ required: true, message: "请选择部门", trigger: "change" }],
 });
 
 const handleAddRow = () => {
@@ -648,6 +658,7 @@ const getDictData = () => {
           }
         }
       }
+      console.log(deptTreeData.value);
     });
   // 请款类型数据
   proxy
@@ -728,7 +739,7 @@ getDictData();
 const recursive = (data) => {
   data.map((item) => {
     item.label = item.deptName;
-    item.id = item.corporationId;
+    item.id = item.deptId;
     if (item.children) {
       recursive(item.children);
     } else {
@@ -947,23 +958,49 @@ const generatePaymentRemarks = () => {
   }
   formData.data.paymentRemarks = proxy.deepClone(paymentRemarks);
 };
+const openAddDeptExpense = ref(false);
+const formConfig = computed(() => {
+  return [
+    {
+      type: "select",
+      prop: "deptId",
+      label: "选择部门",
+      data: deptTreeData.value,
+      style: "width: 100%;",
+    },
+  ];
+});
+const formOption = reactive({
+  inline: true,
+  labelWidth: 100,
+  itemWidth: 100,
+  rules: [],
+});
+const formDeptExpenseData = reactive({
+  data: {},
+});
+const submit = ref(null);
 const handleAddFee = (item) => {
-  let addData = {
-    deptId: "1508293745521586177",
-    currency: "CNY",
-    amount: item.amount * -1,
-    remarks: item.remarks,
-    status: 20,
-  };
-  proxy.$modal
-    .confirm("是否确认添加部门费用")
-    .then(function () {
-      proxy.post("accountDeptRunningWater/add", addData).then((res) => {
-        ElMessage({ message: "添加成功", type: "success" });
-      });
-    })
-    .then(() => {})
-    .catch(() => {});
+  if (item.amount) {
+    formDeptExpenseData.data = {
+      deptId: "1508293745521586177",
+      currency: "CNY",
+      amount: item.amount * -1,
+      remarks: item.remarks,
+      status: 20,
+    };
+    openAddDeptExpense.value = true;
+  } else {
+    return ElMessage("请先填写请款金额");
+  }
+};
+const clickSubmitAddDeptExpense = () => {
+  submit.value.handleSubmit(() => {
+    proxy.post("accountDeptRunningWater/add", formDeptExpenseData.data).then((res) => {
+      ElMessage({ message: "添加成功", type: "success" });
+      openAddDeptExpense.value = false;
+    });
+  });
 };
 </script>