中间支付申请

src/views/debit-pay/admin/components/middlepay/addModal.vue

@@ -192,14 +192,12 @@ const isShow = defineModel('modelValue', {
 
 //监听
 watch(() => [
-    props.ids,
     props.type,
     props.projectId,
     props.contractId,
     props.allPeriods,
     props.periodId,
-], ([id, type, projectId, contractId, periods, periodId]) => {
-    dataId.value = id
+], ([type, projectId, contractId, periods, periodId]) => {
     dataType.value = type
     period.value = periods
     pid.value = projectId
@@ -210,11 +208,18 @@ watch(() => [
     }
 }, { deep: true })
 
+//监听
+watch(() => props.ids, (id) => {
+    dataId.value = id
+}, { deep: true })
+
 //监听
 watch(isShow, (val) => {
     if (val && dataType.value === 'add' ) {
         setBasePeriodForm(period_id.value)
         setSplitRef()
+    } else if (val && dataType.value === 'edit') {
+        getDataDetail()
     }
 })
 
@@ -235,6 +240,14 @@ const baseFormRef = ref(null)
 const baseForm = ref({ fileList: [] })
 const baseFormRules = {}
 
+//获取数据详情
+const getDataDetail = async () => {
+    if (!dataId.value) return
+    const { data } = await mainApi.getDetail({ id: dataId.value })
+    baseForm.value = getObjValue(data)
+    addTableData.value = getArrValue(data.formList)
+}
+
 //数据格式
 const treeProps = {
     label: 'nodeName',