SCP《供应商便次配置表》增加编辑功能，只可编辑 “延迟便次” 字段

src/views/wms/supplierManage/supplierDeliMain/index.vue

@@ -27,20 +27,23 @@
       v-model:currentPage="tableObject.currentPage"
       v-model:sort="tableObject.sort"
     >
-      <template #code="{row}">
+      <template #code="{ row }">
         <el-button type="primary" link @click="openDetail(row, '代码', row.code)">
           <span>{{ row.code }}</span>
         </el-button>
       </template>
-      <template v-for="item in dateColumns" :key="item.field" #[item.field]="{row}">
+      <template v-for="item in dateColumns" :key="item.field" #[item.field]="{ row }">
-        <div :style="{ maxHeight: getMaxHeight(row)}">
+        <div :style="{ maxHeight: getMaxHeight(row) }">
-          <div v-for="(cur,index) in row[item.field]" :key="index">
+          <div v-for="(cur, index) in row[item.field]" :key="index">
-            {{cur}}
+            {{ cur }}
           </div>
         </div>
       </template>
       <template #action="{ row }">
-        <ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" />
+        <ButtonBase
+          :Butttondata="butttondata(row)"
+          @button-base-click="buttonTableClick($event, row)"
+        />
       </template>
     </Table>
   </ContentWrap>
@@ -61,12 +64,17 @@
   <Detail ref="detailRef" :isBasic="true" :allSchemas="SupplierDeliMain.allSchemas" />
 
   <!-- 导入 -->
-  <ImportForm ref="importFormRef" url="/basic/supplier-deli-main/import" :importTemplateData="importTemplateData" @success="importSuccess" />
+  <ImportForm
+    ref="importFormRef"
+    url="/basic/supplier-deli-main/import"
+    :importTemplateData="importTemplateData"
+    @success="importSuccess"
+  />
 </template>
 
 <script setup lang="ts">
 import download from '@/utils/download'
-import { SupplierDeliMain,SupplierDeliMainRules } from './supplierDeliMain.data'
+import { SupplierDeliMain, SupplierDeliMainRules } from './supplierDeliMain.data'
 import * as SupplierDeliMainApi from '@/api/wms/supplierDeliMain'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
@@ -93,11 +101,20 @@ defineOptions({ name: 'SupplierDeliMain' })
 const orginTableColumns = ref(SupplierDeliMain.allSchemas.tableColumns)
 const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns)
 // 字段设置 更新主列表字段
-const updataTableColumns = (val: { [x: string]: any; field: string; label?: string | undefined; width?: string | number | undefined; fixed?: "left" | "right" | undefined; children?: any[] | undefined }[]) => {
+const updataTableColumns = (
+  val: {
+    [x: string]: any
+    field: string
+    label?: string | undefined
+    width?: string | number | undefined
+    fixed?: 'left' | 'right' | undefined
+    children?: any[] | undefined
+  }[]
+) => {
   orginTableColumns.value = val
 }
 
-const { tableObject:tableObjectHead, tableMethods:tableMethodsHead } = useTable({
+const { tableObject: tableObjectHead, tableMethods: tableMethodsHead } = useTable({
   getListApi: SupplierDeliMainApi.getPageTableHead // 分页接口
 })
 
@@ -108,30 +125,34 @@ const search = (mold) => {
   setSearchParams(mold)
 }
 const dateColumns = ref([])
-watch(()=>tableObjectHead.tableList,()=>{
+watch(
+  () => tableObjectHead.tableList,
+  () => {
     updateDateTableColumns()
-},{deep:true})
+  },
-const updateDateTableColumns = ()=>{
+  { deep: true }
+)
+const updateDateTableColumns = () => {
   console.log('tableObjectHead', tableObjectHead)
   dateColumns.value = []
-  if(tableObjectHead.tableList.length>10){
+  if (tableObjectHead.tableList.length > 10) {
-    tableObjectHead.tableList.forEach(item=>{
+    tableObjectHead.tableList.forEach((item) => {
       dateColumns.value.push({
-        width:120,
+        width: 120,
         field: item,
         label: item
       })
     })
-  }else{
+  } else {
-    tableObjectHead.tableList.forEach(item=>{
+    tableObjectHead.tableList.forEach((item) => {
       dateColumns.value.push({
         field: item,
         label: item
       })
     })
   }
-  tableColumns.value  = [...orginTableColumns.value,...dateColumns.value]
+  tableColumns.value = [...orginTableColumns.value, ...dateColumns.value]
-  console.log('tableColumns',tableColumns.value)
+  console.log('tableColumns', tableColumns.value)
 }
 
 const message = useMessage() // 消息弹窗
@@ -143,7 +164,12 @@ routeName.value = route.name
 // const tableColumns = ref(SupplierDeliMain.allSchemas.tableColumns)
 
 // 查询页面返回
-const searchTableSuccess = (formField: string | number, searchField: string | number, val: { [x: string]: any }[], formRef: { setValues: (arg0: {}) => void }) => {
+const searchTableSuccess = (
+  formField: string | number,
+  searchField: string | number,
+  val: { [x: string]: any }[],
+  formRef: { setValues: (arg0: {}) => void }
+) => {
   nextTick(() => {
     const setV = {}
     setV[formField] = val[0][searchField]
@@ -164,11 +190,11 @@ const { tableObject, tableMethods } = useTable({
 // 获得表格的各种操作
 const { getList, setSearchParams } = tableMethods
 const getListExecute = () => {
-  if(!tableObject.params.yearAndMonth){
+  if (!tableObject.params.yearAndMonth) {
-    tableObject.params.yearAndMonth=formatDate(new Date(),'YYYY-MM')
+    tableObject.params.yearAndMonth = formatDate(new Date(), 'YYYY-MM')
   }
   getList()
-  tableObject.tableList.forEach(item=>item.isOpen = false)
+  tableObject.tableList.forEach((item) => (item.isOpen = false))
 }
 
 // 列表头部按钮
@@ -178,7 +204,7 @@ const HeadButttondata = [
   defaultButtons.defaultExportBtn(null), // 导出
   defaultButtons.defaultFreshBtn(null), // 刷新
   // defaultButtons.defaultFilterBtn(null), // 筛选
-  defaultButtons.defaultSetBtn(null), // 设置
+  defaultButtons.defaultSetBtn(null) // 设置
   // {
   //   label: '自定义扩展按钮',
   //   name: 'zdy',
@@ -191,17 +217,23 @@ const HeadButttondata = [
 
 // 头部按钮事件
 const buttonBaseClick = (val: string, item: any) => {
-  if (val == 'add') { // 新增
+  if (val == 'add') {
+    // 新增
     openForm('create')
-  } else if (val == 'import') { // 导入
+  } else if (val == 'import') {
+    // 导入
     handleImport()
-  } else if (val == 'export') { // 导出
+  } else if (val == 'export') {
+    // 导出
     handleExport()
-  } else if (val == 'refresh') { // 刷新
+  } else if (val == 'refresh') {
+    // 刷新
     getListHead()
     getListExecute()
-  } else if (val == 'filtrate') { // 筛选
+  } else if (val == 'filtrate') {
-  } else { // 其他按钮
+    // 筛选
+  } else {
+    // 其他按钮
     console.log('其他按钮', item)
   }
 }
@@ -210,7 +242,7 @@ const buttonBaseClick = (val: string, item: any) => {
 const butttondata = (row) => {
   const array = []
   // 如果子数据条数超过6条不展示按钮
-  dateColumns.value.forEach(item => {
+  dateColumns.value.forEach((item) => {
     if (row[item.field]?.length > 6) {
       array.push(row)
     }
@@ -219,7 +251,7 @@ const butttondata = (row) => {
     {
       label: t(`ts.展开更多`).replace('ts.', ''),
       name: 'open',
-      hide: row.isOpen || array.length==0,
+      hide: row.isOpen || array.length == 0,
       type: 'primary',
       color: '',
       link: true, // 文本展现按钮
@@ -228,47 +260,61 @@ const butttondata = (row) => {
     {
       label: t(`ts.收起`).replace('ts.', ''),
       name: 'retract',
-      hide: !row.isOpen || array.length==0,
+      hide: !row.isOpen || array.length == 0,
       type: 'primary',
       color: '',
       link: true, // 文本展现按钮
       hasPermi: ''
-    }
+    },
+    defaultButtons.mainListEditBtn(null) // 编辑
   ]
 }
 
 // 列表-操作按钮事件
-const buttonTableClick = async (val: string, row:any) => {
+const buttonTableClick = async (val: string, row: any) => {
-  if (val == 'open') { // 展开
+  if (val == 'open') {
+    // 展开
     // openForm('update', row)
     row.isOpen = true
     getMaxHeight(row)
-  } else if (val == 'retract') { // 收起
+  } else if (val == 'retract') {
+    // 收起
     row.isOpen = false
     getMaxHeight(row)
     // handleDelete(row.id)
+  } else if (val == 'edit') {
+    // 编辑
+    openForm('update', row)
   }
 }
 
 /** 添加/修改操作 */
 const basicFormRef = ref()
 const openForm = (type: string, row?: any) => {
+  console.log('wolaile ', row)
+  if (type == 'update') {
+    SupplierDeliMain.allSchemas.formSchema.forEach((item) => {
+      if (item.field == 'delayDeli') {
+        item.value = row.delayDeli
+      }
+    })
+  }
   basicFormRef.value.open(type, row)
 }
 
 // form表单提交
-const formsSuccess = async (formType: string,data: SupplierDeliMainApi.SupplierDeliMainVO) => {
+const formsSuccess = async (formType: string, data: SupplierDeliMainApi.SupplierDeliMainVO) => {
-  var isHave =SupplierDeliMain.allSchemas.formSchema.some(function (item) {
+  var isHave = SupplierDeliMain.allSchemas.formSchema.some(function (item) {
-    return item.field === 'activeTime' || item.field === 'expireTime';
+    return item.field === 'activeTime' || item.field === 'expireTime'
-  });
+  })
-  if(isHave){
+  if (isHave) {
-    if(data.activeTime && data.expireTime && data.activeTime >=data.expireTime){
+    if (data.activeTime && data.expireTime && data.activeTime >= data.expireTime) {
       message.error('失效时间要大于生效时间')
-      return;
+      return
     }
   }
-  if(data.activeTime==0)data.activeTime = null;
+  if (data.activeTime == 0) data.activeTime = null
-  if(data.expireTime==0)data.expireTime = null;
+  if (data.expireTime == 0) data.expireTime = null
   if (formType === 'create') {
     await SupplierDeliMainApi.createSupplierDeliMain(data)
     message.success(t('common.createSuccess'))
@@ -339,12 +385,13 @@ const searchFormClick = (searchData: { filters: any }) => {
   getListExecute() // 刷新当前列表
 }
 
-const getMaxHeight=(row)=> {
+const getMaxHeight = (row) => {
   // 根据条件返回不同的高度值
-  if (row.isOpen === true) { // 例如：特定名字的行改变高度
+  if (row.isOpen === true) {
-    return 'none'; // 特定高度值
+    // 例如：特定名字的行改变高度
+    return 'none' // 特定高度值
   }
-  return '140px'; // 默认高度值
+  return '140px' // 默认高度值
 }
 /** 初始化 **/
 onMounted(async () => {
@@ -352,7 +399,6 @@ onMounted(async () => {
   getListExecute()
   importTemplateData.templateUrl = await SupplierDeliMainApi.importTemplate()
 })
-
 </script>
 <style lang="scss">
 // .el-table .cell.el-tooltip{

src/views/wms/supplierManage/supplierDeliMain/supplierDeliMain.data.ts

@@ -14,6 +14,7 @@ export const SupplierDeliMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'supplierCode',
     sort: 'custom',
     isSearch: true,
+    isForm: false,
     table:{
       width : 180
     }
@@ -23,6 +24,7 @@ export const SupplierDeliMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'supplierAddress',
     sort: 'custom',
     isSearch: true,
+    isForm: false,
     table:{
       width : 180
     }
@@ -31,6 +33,7 @@ export const SupplierDeliMain = useCrudSchemas(reactive<CrudSchema[]>([
     label: '受入号',
     field: 'model',
     sort: 'custom',
+    isForm: false,
     isSearch: true,
     table:{
       width : 180
@@ -50,6 +53,7 @@ export const SupplierDeliMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'yearAndMonth',
     sort: 'custom',
     isTable: false,
+    isForm: false,
     isSearch: true,
     search: {
       component: 'DatePicker',