上线结算明细

src/views/wms/issueManage/onlinesettlement/onlinesettlementInfo/index.vue

@@ -27,9 +27,9 @@
       v-model:currentPage="tableObject.currentPage"
       v-model:sort="tableObject.sort"
     >
-      <template #code="{row}">
+      <template #number="{row}">
-        <el-button type="primary" link @click="openDetail(row, '代码', row.code)">
+        <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
-          <span>{{ row.code }}</span>
+          <span>{{ row.number }}</span>
         </el-button>
       </template>
       <template #action="{ row }">
@@ -51,8 +51,8 @@
   />
 
   <!-- 详情 -->
-  <Detail ref="detailRef" :isBasic="true" :allSchemas="OnlinesettlementInfo.allSchemas" />
+  <!-- <Detail ref="detailRef" :isBasic="true" :allSchemas="OnlinesettlementInfo.allSchemas" /> -->
-
+  <InfoDetail ref="infoDetailRef"/>
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/wms/onlinesettlement-info/import" :importTemplateData="importTemplateData" @success="importSuccess" />
 </template>
@@ -65,7 +65,7 @@ import * as defaultButtons from '@/utils/disposition/defaultButtons'
 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 InfoDetail from '../onlinesettlementInfoDetail/index.vue'
 defineOptions({ name: 'OnlinesettlementInfo' })
 
 const message = useMessage() // 消息弹窗
@@ -178,8 +178,10 @@ const formsSuccess = async (formType,data) => {
 
 /** 详情操作 */
 const detailRef = ref()
+const infoDetailRef = ref()
 const openDetail = (row: any, titleName: any, titleValue: any) => {
-  detailRef.value.openDetail(row, titleName, titleValue, 'basicOnlinesettlementInfo')
+  // detailRef.value.openDetail(row, titleName, titleValue, 'basicOnlinesettlementInfo')
+  infoDetailRef.value.openDetail(row)
 }
 
 /** 删除按钮操作 */

src/views/wms/issueManage/onlinesettlement/onlinesettlementInfo/onlinesettlementInfo.data.ts

@@ -24,6 +24,7 @@ export const OnlinesettlementInfo = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isSearch: true,
     table: {
+      fixed: 'left',
       width: 180
     },
   },

src/views/wms/issueManage/onlinesettlement/onlinesettlementInfoDetail/index.vue

@@ -1,20 +1,12 @@
 <template>
-  <ContentWrap>
-    <!-- 搜索工作栏 -->
-    <Search :schema="OnlinesettlementInfoDetail.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
-  </ContentWrap>
-
-    <!-- 列表头部 -->
-    <TableHead
-      :HeadButttondata="HeadButttondata"
-      @button-base-click="buttonBaseClick"
-      :routeName="routeName"
-      @updataTableColumns="updataTableColumns"
-      @searchFormClick="searchFormClick"
-      :allSchemas="OnlinesettlementInfoDetail.allSchemas"
-    />
-
   <!-- 列表 -->
+  <Dialog
+    title="结算明细"
+    v-model="dialogVisible"
+    width="80%"
+    :close-on-click-modal="false"
+    :vLoading="formLoading"
+  >
   <ContentWrap>
     <Table
       :columns="tableColumns"
@@ -27,34 +19,9 @@
       v-model:currentPage="tableObject.currentPage"
       v-model:sort="tableObject.sort"
     >
-      <template #code="{row}">
+    </Table></ContentWrap>
-        <el-button type="primary" link @click="openDetail(row, '代码', row.code)">
+  </Dialog>
-          <span>{{ row.code }}</span>
-        </el-button>
-      </template>
-      <template #action="{ row }">
-        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
-      </template>
-    </Table>
-  </ContentWrap>
-
-  <!-- 表单弹窗：添加/修改 -->
-  <BasicForm
-    ref="basicFormRef"
-    @success="formsSuccess"
-    :rules="OnlinesettlementInfoDetailRules"
-    :formAllSchemas="OnlinesettlementInfoDetail.allSchemas"
-    :apiUpdate="OnlinesettlementInfoDetailApi.updateOnlinesettlementInfoDetail"
-    :apiCreate="OnlinesettlementInfoDetailApi.createOnlinesettlementInfoDetail"
-    @searchTableSuccess="searchTableSuccess"
-    :isBusiness="false"
-  />
 
-  <!-- 详情 -->
-  <Detail ref="detailRef" :isBasic="true" :allSchemas="OnlinesettlementInfoDetail.allSchemas" />
-
-  <!-- 导入 -->
-  <ImportForm ref="importFormRef" url="/wms/onlinesettlement-info-detail/import" :importTemplateData="importTemplateData" @success="importSuccess" />
 </template>
 
 <script setup lang="ts">
@@ -62,12 +29,10 @@ import download from '@/utils/download'
 import { OnlinesettlementInfoDetail,OnlinesettlementInfoDetailRules } from './onlinesettlementInfoDetail.data'
 import * as OnlinesettlementInfoDetailApi from '@/api/wms/onlinesettlementInfoDetail'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
-import TableHead from '@/components/TableHead/src/TableHead.vue'
-import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
-import Detail from '@/components/Detail/src/Detail.vue'
 
 defineOptions({ name: 'OnlinesettlementInfoDetail' })
 
+
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
@@ -76,18 +41,16 @@ const routeName = ref()
 routeName.value = route.name
 const tableColumns = ref(OnlinesettlementInfoDetail.allSchemas.tableColumns)
 
-// 查询页面返回
+const dialogVisible = ref(false)
-const searchTableSuccess = (formField, searchField, val, formRef) => {
+const formLoading = ref(false)
-  nextTick(() => {
+const openDetail = async ({number,id})=>{
-    const setV = {}
+  dialogVisible.value = true
-    setV[formField] = val[0][searchField]
+  formLoading.value = true
-    formRef.setValues(setV)
+  await setSearchParams({
+    number,
+    masterId:id
   })
-}
+  formLoading.value = false
-
-// 字段设置 更新主列表字段
-const updataTableColumns = (val) => {
-  tableColumns.value = val
 }
 
 const { tableObject, tableMethods } = useTable({
@@ -97,148 +60,8 @@ const { tableObject, tableMethods } = useTable({
 // 获得表格的各种操作
 const { getList, setSearchParams } = tableMethods
 
-// 列表头部按钮
-const HeadButttondata = [
-  defaultButtons.defaultAddBtn({hasPermi:'wms:onlinesettlementInfoDetail:create'}), // 新增
-  defaultButtons.defaultImportBtn({hasPermi:'wms:onlinesettlementInfoDetail:import'}), // 导入
-  defaultButtons.defaultExportBtn({hasPermi:'wms:onlinesettlementInfoDetail:export'}), // 导出
-  defaultButtons.defaultFreshBtn(null), // 刷新
-  defaultButtons.defaultFilterBtn(null), // 筛选
-  defaultButtons.defaultSetBtn(null), // 设置
-  // {
-  //   label: '自定义扩展按钮',
-  //   name: 'zdy',
-  //   hide: false,
-  //   type: 'primary',
-  //   icon: 'Select',
-  //   color: ''
-  // },
-]
-
-// 头部按钮事件
-const buttonBaseClick = (val, item) => {
-  if (val == 'add') { // 新增
-    openForm('create')
-  } else if (val == 'import') { // 导入
-    handleImport()
-  } else if (val == 'export') { // 导出
-    handleExport()
-  } else if (val == 'refresh') { // 刷新
-    getList()
-  } else if (val == 'filtrate') { // 筛选
-  } else { // 其他按钮
-    console.log('其他按钮', item)
-  }
-}
-
-// 列表-操作按钮
-const butttondata = [
-  defaultButtons.mainListEditBtn({hasPermi:'wms:onlinesettlementInfoDetail:update'}), // 编辑
-  defaultButtons.mainListDeleteBtn({hasPermi:'wms:onlinesettlementInfoDetail:delete'}), // 删除
-]
-
-// 列表-操作按钮事件
-const buttonTableClick = async (val, row) => {
-  if (val == 'edit') { // 编辑
-    openForm('update', row)
-  } else if (val == 'delete') { // 删除
-    handleDelete(row.id)
-  }
-}
-
-/** 添加/修改操作 */
-const basicFormRef = ref()
-const openForm = (type: string, row?: any) => {
-  basicFormRef.value.open(type, row)
-}
-
-// form表单提交
-const formsSuccess = async (formType,data) => {
-  var isHave =OnlinesettlementInfoDetail.allSchemas.formSchema.some(function (item) {
-    return item.field === 'activeTime' || item.field === 'expireTime';
-  });
-  if(isHave){
-    if(data.activeTime && data.expireTime && data.activeTime >=data.expireTime){
-      message.error('失效时间要大于生效时间')
-      return;
-    }
-  }
-  if(data.activeTime==0)data.activeTime = null;
-  if(data.expireTime==0)data.expireTime = null;
-  if (formType === 'create') {
-    await OnlinesettlementInfoDetailApi.createOnlinesettlementInfoDetail(data)
-    message.success(t('common.createSuccess'))
-  } else {
-    await OnlinesettlementInfoDetailApi.updateOnlinesettlementInfoDetail(data)
-    message.success(t('common.updateSuccess'))
-  }
-  basicFormRef.value.dialogVisible = false
-  getList()
-}
-
-/** 详情操作 */
-const detailRef = ref()
-const openDetail = (row: any, titleName: any, titleValue: any) => {
-  detailRef.value.openDetail(row, titleName, titleValue, 'basicOnlinesettlementInfoDetail')
-}
-
-/** 删除按钮操作 */
-const handleDelete = async (id: number) => {
-  try {
-    // 删除的二次确认
-    await message.delConfirm()
-    // 发起删除
-    await OnlinesettlementInfoDetailApi.deleteOnlinesettlementInfoDetail(id)
-    message.success(t('common.delSuccess'))
-    // 刷新列表
-    await getList()
-  } catch {}
-}
-
-/** 导出按钮操作 */
-const exportLoading = ref(false) // 导出的加载中
-const handleExport = async () => {
-  try {
-    // 导出的二次确认
-    await message.exportConfirm()
-    // 发起导出
-    exportLoading.value = true
-    const data = await OnlinesettlementInfoDetailApi.exportOnlinesettlementInfoDetail(tableObject.params)
-    download.excel(data, '上线结算记录信息新子表.xlsx')
-  } catch {
-  } finally {
-    exportLoading.value = false
-  }
-}
-
-/** 导入 */
-const importFormRef = ref()
-const handleImport = () => {
-  importFormRef.value.open()
-}
-// 导入附件弹窗所需的参数
-const importTemplateData = reactive({
-  templateUrl: '',
-  templateTitle: '上线结算记录信息新子表导入模版.xlsx'
-})
-// 导入成功之后
-const importSuccess = () => {
-  getList()
-}
-
-// 筛选提交
-const searchFormClick = (searchData) => {
-  tableObject.params = {
-    isSearch: true,
-    filters: searchData.filters
-  }
-  getList() // 刷新当前列表
-}
-
-/** 初始化 **/
-onMounted(async () => {
-  getList()
-  importTemplateData.templateUrl = await OnlinesettlementInfoDetailApi.importTemplate()
-})
 
+defineExpose({
+  openDetail
+}) // 提供 open 方法，用于打开弹窗
 </script>