From baa792be9dc2fc43ab745645ba57f325c94d3e3a Mon Sep 17 00:00:00 2001
From: wangyufei <2267742828@qq.com>
Date: Thu, 18 Jul 2024 11:48:57 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A2=E8=AF=81=E5=87=BD=E8=B0=83=E8=8A=82?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wms/supplierApbalanceMain/index.ts    |   2 +-
 src/components/Detail/src/Detail.vue          |  14 +-
 src/components/TableFormAdjustment/index.ts   |   3 +
 .../src/AdjustmentDialog.vue                  |  63 +++
 .../src/TableFormAdjustment.vue               | 442 ++++++++++++++++++
 .../supplierApbalanceMain/index.vue           |  47 +-
 6 files changed, 552 insertions(+), 19 deletions(-)
 create mode 100644 src/components/TableFormAdjustment/index.ts
 create mode 100644 src/components/TableFormAdjustment/src/AdjustmentDialog.vue
 create mode 100644 src/components/TableFormAdjustment/src/TableFormAdjustment.vue

diff --git a/src/api/wms/supplierApbalanceMain/index.ts b/src/api/wms/supplierApbalanceMain/index.ts
index eb43a9d37..1eed92870 100644
--- a/src/api/wms/supplierApbalanceMain/index.ts
+++ b/src/api/wms/supplierApbalanceMain/index.ts
@@ -47,7 +47,7 @@ export const createSupplierApbalanceMain = async (data: SupplierApbalanceMainVO)
 }
 
 // 修改供应商余额明细主
-export const updateSupplierApbalanceMain = async (data: SupplierApbalanceMainVO) => {
+export const updateSupplierApbalanceMain = async (data: any) => {
   return await request.put({ url: `/wms/supplier-apbalance-main/update`, data })
 }
 
diff --git a/src/components/Detail/src/Detail.vue b/src/components/Detail/src/Detail.vue
index df9993b8e..005429997 100644
--- a/src/components/Detail/src/Detail.vue
+++ b/src/components/Detail/src/Detail.vue
@@ -29,7 +29,7 @@
         <!-- 详情 -->
         <ContentWrap class="w-[100%]" v-show="tabsList[current].label!=annexAlias.label&&tabsList[current].label!='备注'&&tabsList[current].label!='变更记录'&&tabsList[current].label!='主数据'&&!annexTableData.some(item=>item.label==tabsList[current].label)">          <!-- 列表头部 -->
           <TableHead
-            v-if="!isBasic"
+            v-if="!isBasic&&!slotDetailTabList.some(item=>item.label==tabsList[current].label)"
             :HeadButttondata="HeadButttondata"
             :masterId="masterParmas.masterId"
             @button-base-click="buttonBaseClick"
@@ -63,7 +63,7 @@
             </template> -->
           </Table>
           <Table
-            v-if="!isBasic && fromeWhere != 'countPlan'"
+            v-if="!isBasic && fromeWhere != 'countPlan'&&!slotDetailTabList.some(item=>item.label==tabsList[current].label)"
             :columns="detailAllSchemasRef.tableColumns"
             :data="tableObjectRef.tableList"
             :loading="tableObjectRef.loading"
@@ -85,6 +85,7 @@
               />
             </template>
           </Table>
+          <slot v-if="slotDetailTabList.some(item=>item.label==tabsList[current].label)" :name="slotDetail.prop" v-for="slotDetail in slotDetailTabList"></slot>
           <DetailTable
             v-if="!isBasic && fromeWhere == 'countPlan' && isShowDrawer"
             :columns="detailAllSchemasRef.tableColumns"
@@ -397,6 +398,11 @@ const props = defineProps({
     required: false,
     default: () => []
   },
+  slotDetailTabList:{
+    type:Array,
+    required: false,
+    default: () => []
+  },
   //主表单独操作--明细左上角新增按钮
   mainSubmitCreateApi:{
     type: Boolean,
@@ -441,6 +447,10 @@ if (props.isBasic == true) {
     ]
   }
 }
+// 插槽详情
+if(props.slotDetailTabList){
+  tabsList.value = [...tabsList?.value,...props.slotDetailTabList]
+}
 
 
 let otherList = [...props.annexTable,{
diff --git a/src/components/TableFormAdjustment/index.ts b/src/components/TableFormAdjustment/index.ts
new file mode 100644
index 000000000..d078332ca
--- /dev/null
+++ b/src/components/TableFormAdjustment/index.ts
@@ -0,0 +1,3 @@
+import TableFormAdjustment from './src/TableFormAdjustment.vue'
+
+export { TableFormAdjustment }
diff --git a/src/components/TableFormAdjustment/src/AdjustmentDialog.vue b/src/components/TableFormAdjustment/src/AdjustmentDialog.vue
new file mode 100644
index 000000000..9494e959a
--- /dev/null
+++ b/src/components/TableFormAdjustment/src/AdjustmentDialog.vue
@@ -0,0 +1,63 @@
+<template>
+  <Dialog
+    title="询证函调节表"
+    :width="960"
+    v-model="dialogVisible"
+    :close-on-click-modal="false"
+  >
+    <TableFormAdjustment ref="tableFormAdjustment" :rowData="rowData" :isDetail="false" @updateList="updateList"/>
+    <template #footer>
+      <slot name="foorter"></slot>
+      <ButtonBase :Butttondata="[
+        defaultButtons.formSaveBtn(null), // 保存
+        defaultButtons.formCloseBtn(null) // 关闭
+      ]" @button-base-click="buttonBaseClick" />
+    </template>
+    
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import * as defaultButtons from '@/utils/disposition/defaultButtons'
+import TableFormAdjustment from './TableFormAdjustment.vue'
+
+
+
+const dialogVisible = ref(false)
+const rowData = ref({})
+const open = (row)=>{
+  dialogVisible.value = true
+  nextTick(()=>{
+    rowData.value = row
+  })
+}
+
+const tableFormAdjustment = ref()
+/** 按钮事件 */
+const buttonBaseClick = (val) => {
+  if (val == 'save') {
+    // 保存
+    tableFormAdjustment.value.saveData()
+  } else if (val == 'close') {
+    // 关闭
+    dialogVisible.value = false
+  }
+}
+
+const updateList = ()=>{
+  dialogVisible.value = false
+  emit('updateList')
+}
+// 传递给父类
+const emit = defineEmits([
+  'updateList',
+])
+defineExpose({open})
+</script>
+<style lang="scss" scoped>
+.top{
+  margin-bottom: 20px
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/components/TableFormAdjustment/src/TableFormAdjustment.vue b/src/components/TableFormAdjustment/src/TableFormAdjustment.vue
new file mode 100644
index 000000000..0a9c01fbe
--- /dev/null
+++ b/src/components/TableFormAdjustment/src/TableFormAdjustment.vue
@@ -0,0 +1,442 @@
+<template>
+  <!-- <Dialog
+    title="询证函调节表"
+    :width="960"
+    v-model="dialogVisible"
+    :close-on-click-modal="false"
+  > -->
+    <div>
+      <!-- 顶部 -->
+      <div class="top" style="display: flex; flex-direction: row;">
+        <div style="margin-right:5px">
+          <el-table border class="top-table" :data="topTableData">
+            <el-table-column
+              :label="headerItem.label"
+              :prop="headerItem.field"
+              :width="headerItem.width"
+              align="center"
+              v-for="headerItem in topHeader"
+            />
+          </el-table>
+        </div>
+        <div>
+          <el-table border class="top-table" :data="topTableData">
+            <el-table-column
+              :label="headerItem.label"
+              :prop="headerItem.field"
+              :width="headerItem.width"
+              align="center"
+              v-for="headerItem in topHeader"
+            />
+          </el-table>
+        </div>
+      </div>
+
+      <!-- 底部 -->
+      <div class="bottom" style="display: flex; flex-direction: row;">
+        <!-- 下-左 -->
+        <div style="margin-right:5px">
+          <el-button type="info" link>调整事项（减项以负数列示）：</el-button>
+          <el-table border class="top-table" :data="[...bottomLeftTableData,...bottomLeftSumTableData]">
+            <el-table-column
+              :label="headerItem.label"
+              :prop="headerItem.field"
+              :width="headerItem.width"
+              align="center"
+              v-for="headerItem in bottomLeftHeader"
+            >
+            <template #default="scope">
+              <el-input :disabled="isDetail" v-if="!scope.row.isSum&&headerItem.type=='input'" v-model="scope.row[headerItem.field]" :placeholder="`请输入${headerItem.label}`"/>
+              <el-input-number :disabled="isDetail" v-else-if="!scope.row.disabled&&headerItem.type=='inputnumber'" v-model="scope.row[headerItem.field]" :placeholder="`请输入${headerItem.label}`"/>
+              
+              <span v-else>{{ scope.row[headerItem.field] }}</span>
+            </template>
+          </el-table-column>
+          </el-table>
+          <el-form style="margin-top:20px;width:460px" :model="leftForm" :label-width="300" >
+            <el-form-item label="经办人">
+              <el-input :disabled="isDetail" v-model="leftForm.name" placeholder="请输入经办人"/>
+            </el-form-item>
+            <el-form-item label="对账日期">
+              <el-date-picker :disabled="isDetail" value-format="YYYY-MM-DD HH:mm:ss"
+                v-model="leftForm.date"
+                type="datetime"
+                placeholder="请选择对账日期"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+        <!-- 下-右 -->
+        <div>
+          <el-button type="info" link>调整事项（减项以负数列示）：</el-button>
+          <el-table border class="top-table" :data="[...bottomRightTableData,...bottomRightSumTableData]">
+            <el-table-column
+              :label="headerItem.label"
+              :prop="headerItem.field"
+              :width="headerItem.width"
+              align="center"
+              v-for="headerItem in bottomRightHeader"
+            >
+            <template #default="scope">
+              <el-input :disabled="isDetail" v-if="!scope.row.isSum&&headerItem.type=='input'" v-model="scope.row[headerItem.field]" :placeholder="`请输入${headerItem.label}`"/>
+              <el-input-number :disabled="isDetail" v-else-if="!scope.row.disabled&&headerItem.type=='inputnumber'" v-model="scope.row[headerItem.field]" :placeholder="`请输入${headerItem.label}`"/>
+              
+              <span v-else>{{ scope.row[headerItem.field] }}</span>
+            </template>
+          </el-table-column>
+          </el-table>
+          <el-form style="margin-top:20px;width:460px" :model="rightForm" :label-width="300" >
+            <el-form-item label="经办人">
+              <el-input :disabled="isDetail" v-model="rightForm.name" placeholder="请输入经办人"/>
+            </el-form-item>
+            <el-form-item label="对账日期">
+              <el-date-picker :disabled="isDetail"  value-format="YYYY-MM-DD HH:mm:ss"
+                v-model="rightForm.date"
+                type="datetime"
+                placeholder="请选择对账日期"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      
+    </div>
+    <!-- <template #footer>
+      <slot name="foorter"></slot>
+      <ButtonBase :Butttondata="[
+    defaultButtons.formSaveBtn(null), // 保存
+    defaultButtons.formCloseBtn(null) // 关闭
+  ]" @button-base-click="buttonBaseClick" />
+    </template>
+    
+  </Dialog> -->
+</template>
+
+<script setup lang="ts">
+import * as SupplierApbalanceMainApi from '@/api/wms/supplierApbalanceMain'
+import dayjs from 'dayjs'
+
+// import * as defaultButtons from '@/utils/disposition/defaultButtons'
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const props = defineProps({
+  rowData: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  adjustmentData: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  isDetail: {
+    type: Boolean,
+    default: false
+  }
+})
+onMounted(()=>{
+  console.log('rowData',props.rowData)
+  nextTick(()=>{
+    setTopHeaderData()
+  })
+
+})
+watch(
+  () => props.rowData,
+  () => {
+    console.log('rowData',props.rowData)
+    nextTick(()=>{
+      setTopHeaderData()
+    })
+  },
+  {
+    deep: true
+  }
+)
+
+// 顶部单位名称
+const topHeader = ref<any>([])
+const topTableData = ref<any>([])
+
+const setTopHeaderData = ()=>{
+  let myData = unref(props.rowData)
+  console.log('myData',myData)
+  topHeader.value = [{
+    label:`单位名称:${myData?.ttSupplierName}`,
+    field:'name1',
+    width:260
+  },{
+    label:'金额',
+    field:'price1',
+    width:100
+  },{
+    label:'备注',
+    field:'remark1',
+    width:100
+  }]
+
+  topTableData.value = [{
+    name1:`截止${dayjs(myData?.ttGenerateTime).year()}年${dayjs(myData?.ttGenerateTime).month()}月${dayjs(myData?.ttGenerateTime).day()}日账面金额如下`,
+    price1:Number(myData?.ttAccountAp)+Number(myData?.ttAccountOthap),
+    remark1:myData?.remark,
+    name2:'截止年月日账面金额如下',
+    price2:Number(myData?.ttAccountAp)+Number(myData?.ttAccountOthap),
+    remark2:myData?.remark,
+  }]
+
+  if(props.isDetail){
+    //详情数据
+    setDetailData()
+  }
+}
+const setDetailData = ()=>{
+  // 摘要表格数据
+  let adjustmentData = unref(props.adjustmentData)
+  if(adjustmentData?.subList){
+    bottomLeftTableData.value = adjustmentData?.subList?.map((item,index) => ({
+      index:index+1,
+      ttAbstractLeft:item?.ttAbstractLeft,
+      ttBalanceLeft:item?.ttBalanceLeft,
+      remark:item?.remark
+    }));
+    bottomRightTableData.value = adjustmentData?.subList?.map((item,index) => ({
+      index:index+1,
+      ttAbstractRight:item?.ttAbstractRight,
+      ttBalanceRight:item?.ttBalanceRight,
+      remark:item?.remark
+    }));
+  }
+  
+  // 经办人.对账日期
+  leftForm.value = {
+    name:adjustmentData?.ttOperatorLeft, 
+    date:adjustmentData?.ttDzDateLeft 
+  }
+  rightForm.value = {
+    name:adjustmentData?.ttOperatorRight,
+    date:adjustmentData?.ttDzDateRight
+  }
+}
+
+//摘要表格左侧
+const bottomLeftHeader = ref([{
+  label:'序号',
+  field:'index',
+  width:80
+},{
+  label:'摘要',
+  field:'ttAbstractLeft',
+  width:180,
+  type:'input'
+},{
+  label:'金额',
+  field:'ttBalanceLeft',
+  width:200,
+  type:'inputnumber'
+}])
+const bottomRightHeader = ref([{
+  label:'序号',
+  field:'index',
+  width:80
+},{
+  label:'摘要',
+  field:'ttAbstractRight',
+  width:180,
+  type:'input'
+},{
+  label:'金额',
+  field:'ttBalanceRight',
+  width:200,
+  type:'inputnumber'
+}])
+
+const bottomLeftTableData = ref([{
+  index:'1',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'2',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'3',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'4',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'5',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'6',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'7',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+},{
+  index:'8',
+  ttAbstractLeft:'',
+  ttBalanceLeft:'',
+  remark:''
+}])
+
+const bottomRightTableData = ref([{
+  index:'1',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'2',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'3',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'4',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'5',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'6',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'7',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+},{
+  index:'8',
+  ttAbstractRight:'',
+  ttBalanceRight:'',
+  remark:''
+}])
+// 调整事项合计 、调整后余额 
+const bottomLeftSumTableData = ref([{
+  index:'',
+  ttAbstractLeft:'调整事项合计',
+  ttBalanceLeft:'',
+  remark:'',
+  isSum:true,
+  disabled:true
+},{
+  index:'',
+  ttAbstractLeft:'调整后余额',
+  ttBalanceLeft:'',
+  remark:'',
+  isSum:true
+}])
+watch(
+  () => bottomLeftTableData.value,
+  () => {
+    //调整事项合计左
+    bottomLeftSumTableData.value[0].ttBalanceLeft = bottomLeftTableData.value.reduce((prev, item1) => prev + Number(item1['ttBalanceLeft']),0)
+    console.log('调整事项合计左',bottomLeftTableData)
+    //调整后余额左
+    // bottomLeftSumTableData.value[0].ttBalanceLeft = 
+
+  },
+  {
+    deep: true
+  }
+)
+const bottomRightSumTableData = ref([{
+  index:'',
+  ttAbstractRight:'调整事项合计',
+  ttBalanceRight:'',
+  remark:'',
+  isSum:true,
+  disabled:true
+},{
+  index:'',
+  ttAbstractRight:'调整后余额',
+  ttBalanceRight:'',
+  remark:'',
+  isSum:true
+}])
+const leftForm = ref({
+  name:'',
+  date:''
+})
+const rightForm = ref({
+  name:'',
+  date:''
+})
+
+const dialogVisible = ref(false)
+const open = ()=>{
+  dialogVisible.value = true
+}
+const saveData = async ()=>{
+    // 保存
+    let myData = unref(props.rowData)
+    // [
+    //     {
+    //       masterId:myData.masterId,
+    //       ttAbstractLeft:'摘要左',//摘要左
+    //       ttBalanceLeft:'金额左',//金额左
+    //       ttAbstractRight:'摘要右',//摘要右
+    //       ttBalanceRight:'金额右',//金额右
+    //     }
+    //   ]
+    let subList = bottomLeftTableData.value.map((item,index)=>({
+      masterId:myData.id,
+      ttAbstractLeft:item.ttAbstractLeft,
+      ttBalanceLeft:item.ttBalanceLeft,
+      ttAbstractRight:bottomRightTableData.value[index].ttAbstractRight,
+      ttBalanceRight:bottomRightTableData.value[index].ttBalanceRight,
+    }))
+    let data = {
+      id:myData.id,
+      subList,
+      ttAdjustmentTotalLeft:bottomLeftSumTableData.value[0].ttBalanceLeft,//调整事项合计左
+      ttAdjustmentBalLeft:bottomLeftSumTableData.value[1].ttBalanceLeft,//调整后余额左
+      ttOperatorLeft:leftForm.value.name,//经办人左
+      ttDzDateLeft:leftForm.value.date,//对账日期左
+      ttAdjustmentTotalRight:bottomRightSumTableData.value[0].ttBalanceRight,//调整事项合计右
+      ttAdjustmentBalRight:bottomRightSumTableData.value[1].ttBalanceRight,//调整后余额右
+      ttOperatorRight:rightForm.value.name,//经办人右
+      ttDzDateRight:rightForm.value.date,//对账日期右
+    }
+    await SupplierApbalanceMainApi.updateSupplierApbalanceMain(data)
+    message.success(t('common.updateSuccess'))
+    console.log('保存数据',saveData)
+    emit('updateList')
+}
+// 传递给父类
+const emit = defineEmits([
+  'updateList',
+])
+defineExpose({open,saveData})
+</script>
+<style lang="scss" scoped>
+.top{
+  margin-bottom: 20px
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/wms/supplierManage/supplierApbalance/supplierApbalanceMain/index.vue b/src/views/wms/supplierManage/supplierApbalance/supplierApbalanceMain/index.vue
index 42b27103a..26ff5eed0 100644
--- a/src/views/wms/supplierManage/supplierApbalance/supplierApbalanceMain/index.vue
+++ b/src/views/wms/supplierManage/supplierApbalance/supplierApbalanceMain/index.vue
@@ -61,10 +61,22 @@
           :detailButtonIsShowAdd=false
           :detailButtonIsShowEdit=false
           :detailButtonIsShowDelete=false
-  />
+          :slotDetailTabList="[
+            {
+              label: '回调函明细',
+              prop: 'adjustment'
+            }
+          ]"
+  >
+  <template #adjustment>
+      <TableFormAdjustment :rowData="rowData" :adjustmentData="adjustmentData" :isDetail="true"/>
+  </template>
+</Detail>
 
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/wms/supplier-apbalance-main/import" :importTemplateData="importTemplateData" @success="importSuccess" />
+  <AdjustmentDialog ref="adjustment" @updateList="getList"/>
+
 </template>
 
 <script setup lang="ts">
@@ -78,6 +90,9 @@ import TableHead from '@/components/TableHead/src/TableHead.vue'
 import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
 import Detail from '@/components/Detail/src/Detail.vue'
 import * as BasicSpotCheckOptionApi from "@/api/eam/basicSpotCheckOption";
+import TableFormAdjustment from '@/components/TableFormAdjustment/src/TableFormAdjustment.vue'
+import AdjustmentDialog from '@/components/TableFormAdjustment/src/AdjustmentDialog.vue'
+
 import {getJmreportBaseUrl} from "@/utils/systemParam";
 import {getAccessToken} from "@/utils/auth";
 
@@ -162,7 +177,7 @@ const buttonTableClick = async (val, row) => {
   } else if (val == 'print') { // 删除
     handlePrint(row)
   } else if (val == 'replyInput') { // 删除
-    handleReplyInput(row.id)
+    handleReplyInput(row)
   }
 }
 
@@ -198,8 +213,16 @@ const formsSuccess = async (formType,data) => {
 
 /** 详情操作 */
 const detailRef = ref()
-const openDetail = (row: any, titleName: any, titleValue: any) => {
+const rowData = ref({})
+const adjustmentData = ref({})
+
+const openDetail = async (row: any, titleName: any, titleValue: any) => {
+  const res = await SupplierApbalanceMainApi.getSupplierApbalanceMain(row.id)
+  console.log('res',res)
+  rowData.value = row
+  adjustmentData.value = res
   detailRef.value.openDetail(row, titleName, titleValue, 'basicSupplierApbalanceMain')
+  
 }
 
 //打印
@@ -209,20 +232,12 @@ const handlePrint = async (row) => {
   window.open(src.value+'&id='+row.id)
 }
 
+
+const adjustment = ref()
 //回函录入
-const handleReplyInput = async (id: number) => {
-  try {
-    const params = ref({
-      id: '',
-      available:'',
-    })
-    params.value.id = id
-    params.value.available = 'TRUE'
-    await BasicSpotCheckOptionApi.updateEnableCode(params.value)
-    message.success(t('common.updateSuccess'))
-    // 刷新列表
-    await getList()
-  } catch {}
+const handleReplyInput = async (row) => {
+  adjustment.value.open(row)
+
 }
 
 /** 删除按钮操作 */