@brms/ai-skills 0.1.0

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/sources/project/base/src/views/SM/SW/SMSW0101.vue

@@ -0,0 +1,567 @@
+<template>
+  <BxContainer id="INQU" page-id="SMSW0101" auto title="查询条件" @btn-click="btnClick">
+    <div class="bx-container">
+      <div class="table-section">
+        <VxePlusForm
+          ref="xForm"
+          :form-options="formOptions"
+        />
+      </div>
+      <div class="flex flex-col flex-1">
+        <h3 class="section-title">
+          选择出库仓库
+        </h3>
+        <div class="flex flex-col flex-1">
+          <VxePlusTable
+            id="SMSW0101_result" ref="xGrid" :columns="columns" :form-config="formOptionsWause"
+            :service-config="serviceConfig" :show-checkbox="true" :is-edit="true" :edit-rules="editRules"
+            :transform-params="transformParams" :pager-config="pagerConfig"
+            :transform-response="transformResponse" v-on="gridEvents"
+          />
+        </div>
+      </div>
+    </div>
+  </BxContainer>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { EiInfo } from '@eplat/ei'
+import { EiBlock, EiCommunicator } from '@eplat/ei'
+import { to } from 'await-to-js'
+import { useRoute, useRouter } from 'vue-router'
+import { multiply } from 'xe-utils'
+import wareHouseVxeTableDialog from '@/views/DM/DW/DMDW9901.vue'
+
+import { useTable } from '@/hooks/useTable'
+import BxContainer from '@/components/bx-container/bx-container.vue'
+import { getCodeSetByService } from '@/utils/eiTools'
+import { useTabsStore } from '@/stores/modules/tabs'
+import SMSC9903 from '@/views/SM/SC/SMSC9903.vue'
+import UMUC9902 from '@/views/UM/UC/UMUC9902.vue'
+import { usePageRefreshStore } from '@/stores/modules/pageRefresh'
+import { useLoading } from '@/hooks/useLoading'
+// 声明 BxContainer 的引用
+const bxContainer = ref<InstanceType<typeof BxContainer> | null>(null)
+const route = useRoute()
+const router = useRouter()
+const tabStore = useTabsStore()
+const { swOutstockMainId } = route.query
+const { dwWarehouseId } = route.query
+const { warehouseCode } = route.query
+const { warehouseName } = route.query
+const { warehouseCode2 } = route.query
+const { warehouseName2 } = route.query
+const { scContractCode } = route.query
+const pageRefreshStore = usePageRefreshStore()
+const feeGoodsComponentParam = computed(() => ({
+  pageType: 'bank',
+  param: {
+    ucCorpId: 'QWQ',
+  },
+}))
+const componentParam_warehouseStatus = computed(() => {
+  return {
+    param: {
+      warehouseStatus: 40,
+    },
+  }
+})
+const editRules = reactive({
+  toBeAdd: [{ required: true, message: '填写量必填' }],
+})
+const xForm = ref<any>(null)
+const xGrid = ref<any>(null)
+
+const formData = reactive({
+  swOutstockMainId,
+  outstockType: '10',
+  createdTimeStart: '',
+  createdTimeEnd: '',
+  warehouseName,
+  dwWarehouseId,
+  warehouseCode,
+  warehouseName2,
+  warehouseCode2,
+  orgId: '',
+  goodsName: '',
+  customerName: '',
+  soOrderCode: '',
+  scContractCode,
+  igLotCode: '',
+  qtyButton: 'Y',
+  qty: true,
+})
+
+const pagerConfig = reactive({
+  pageSize: 50,
+  pageSizes: [100, 300, 500, 1000],
+})
+
+// 需要修改
+function transformParams(formEi: EiInfo) {
+  console.log(formData.qtyButton)
+  formEi.setAttr({
+    qtyButton: formData.qtyButton,
+  })
+  return formEi
+}
+const columns = useTable().createColumns([
+
+  {
+    field: 'orgId',
+    title: '所属帐套',
+    fixed: 'left',
+    editRender: {
+      name: 'tableSelect',
+      enabled: false,
+      props: {
+        codeSet: 'BMBE0000.queryBookOrgByListByPurOrg',
+
+        promiseFn: (params: any) => getCodeSetByService({
+          serviceName: 'BMBE0000',
+          methodName: 'queryBookOrgByListByPurOrg',
+          params,
+          blockName: 'bookResult',
+          value: 'orgId',
+          label: 'bookAndOrgDeptName',
+        }),
+        backfillFields: 'bookId,groupId,deptId,companyId',
+
+      },
+    },
+  },
+  {
+    field: 'soOrderMainId',
+    title: '发货通知单号',
+    visible: false,
+  },
+  {
+    field: 'igLotCode',
+    title: '资源号',
+  },
+  {
+    field: 'scContractCode',
+    title: '合同号',
+    width: 140,
+    showOverflow: true,
+  },
+  {
+    field: 'contractName',
+    title: '销售合同名称',
+    showOverflow: true,
+    width: 140,
+
+  },
+  {
+    field: 'customerName',
+    title: '客户名称',
+    showOverflow: true,
+    width: 140,
+
+  },
+  {
+    field: 'goodsCode',
+    title: '商品代码',
+  },
+  {
+    field: 'goodsName',
+    title: '商品名称',
+    visible: true,
+  },
+  {
+    field: 'goodsNameInvoice',
+    title: '商品开票名称',
+    visible: false,
+  },
+  {
+    field: 'goodsDescription',
+    title: '商品描述',
+    visible: false,
+  },
+  {
+    field: 'toBeAdd',
+    title: '待添加量',
+    visible: true,
+    editType: 'input',
+    isEdit: true,
+    align: 'right',
+    headerAlign: 'center',
+    formatter: ({ cellValue }) => (cellValue ? Number.parseFloat(cellValue).toFixed(6) : '0'),
+  },
+  {
+    field: 'quantityOrder',
+    title: '发货量',
+    align: 'right',
+    headerAlign: 'center',
+    formatter: ({ cellValue }) => (cellValue ? Number.parseFloat(cellValue).toFixed(6) : '0'),
+  },
+
+  {
+    field: 'quantityInstockA',
+    title: '已出库量',
+    visible: true,
+    align: 'right',
+    headerAlign: 'center',
+    formatter: ({ cellValue }) => (cellValue ? Number.parseFloat(cellValue).toFixed(6) : '0'),
+  },
+  {
+    field: 'soOrderCode',
+    title: '发货通知单号',
+    visible: true,
+  },
+  {
+    field: 'measureUnitName',
+    title: '计量单位',
+    visible: true,
+  },
+  {
+    field: 'measureUnitCode',
+    title: '计量单位代码',
+    visible: false,
+  },
+  {
+    field: 'goodsSpecification',
+    title: '规格型号',
+    visible: true,
+  },
+  {
+    field: 'teamName',
+    title: '创业团队名称',
+    visible: false,
+  },
+  {
+    field: 'teamCode',
+    title: '创业团队',
+    editRender: {
+      name: 'tableSelect',
+      enabled: false,
+      props: {
+        codeSet: 'BMBF3002.queryTeam',
+        promiseFn: (params: any) => getCodeSetByService({
+          serviceName: 'BMBF3002',
+          methodName: 'queryTeam',
+          params,
+          blockName: 'result',
+          value: 'teamCode',
+          label: 'teamName',
+        }),
+        backfillFields: 'teamName',
+        clearable: true,
+        filterable: true,
+      },
+    },
+  },
+  {
+    field: 'h2oValueBase',
+    title: '理论水份值',
+    formatter: ({ cellValue }) => `${cellValue}%`,
+    visible: false,
+  },
+])
+
+// 水份值转换
+function transformResponse(data) {
+  return data.map((item) => {
+    return {
+      ...item,
+      h2oValueBase: multiply(item.h2oValueBase || 0, 100),
+    }
+  },
+  )
+}
+
+const formOptions = reactive({
+  id: 'inqu_status',
+  data: formData,
+  rules: {
+    outstockType: [{
+      required: true,
+      message: '请选择出库单类型',
+    }],
+  },
+  items: [
+    {
+      field: 'orgId',
+      title: '所属帐套',
+      required: true,
+      itemRender: {
+        name: 'formSelect',
+        props: {
+          codeSet: 'BMBE0000.queryBookOrgByListByPurOrg',
+          selectMode: 'one',
+          promiseFn: (params: any) => getCodeSetByService({
+            serviceName: 'BMBE0000',
+            methodName: 'queryBookOrgByListByPurOrg',
+            params,
+            blockName: 'bookResult',
+            value: 'orgId',
+            label: 'bookAndOrgDeptName',
+          }),
+          backfillFields: 'bookId,groupId,deptId,companyId',
+
+        },
+      },
+    },
+
+    {
+      field: 'outstockType',
+      title: '出库单类型',
+      span: 8,
+      itemRender: {
+        name: 'formSelect',
+        props: {
+          readonly: true,
+          disabled: true,
+          codeSet: 'brmerp.sm.outstockType',
+        },
+      },
+    },
+    { field: 'soOrderCode', title: '发货通知单号', span: 8, itemRender: { name: 'VxeInput' } },
+    {
+      field: 'teamCode',
+      title: '创业团队',
+      itemRender: {
+        name: 'formSelect',
+        props: {
+          codeSet: 'BMBF3002.queryTeam',
+          promiseFn: (params: any) => getCodeSetByService({
+            serviceName: 'BMBF3002',
+            methodName: 'queryTeam',
+            params,
+            blockName: 'result',
+            value: 'teamCode',
+            label: 'teamName',
+          }),
+        },
+      },
+    },
+    {
+      field: 'customerName',
+      title: '客户名称',
+      itemRender: {
+        name: 'formSelectDialog',
+        props: {
+          component: UMUC9902,
+          fields: 'customerName',
+          dialogFields: 'corpName,corpNameEn',
+        },
+      },
+    },
+    { field: 'scContractCode', title: '合同号', span: 8, itemRender: { name: 'VxeInput' } },
+    { field: 'contractName', title: '销售合同名称', span: 8, itemRender: { name: 'VxeInput' } },
+    {
+      field: 'goodsName',
+      title: '商品名称',
+      itemRender: {
+        name: 'formSelectDialog',
+        props: {
+          component: SMSC9903,
+          fields: 'goodsName,',
+          dialogFields: 'goodsNameCn,',
+        },
+      },
+    },
+    { field: 'igLotCode', title: '资源号', span: 8, itemRender: { name: 'VxeInput' } },
+    { field: 'swOutstockMainId', title: '销售出库ID', span: 8, itemRender: { name: 'VxeInput' }, visible: false },
+    { field: 'createdTime', title: '发货日期', span: 8, itemRender: {
+      name: 'dateRange',
+      props: {
+        startDate: 'createdTimeStart',
+        endDate: 'createdTimeEnd',
+      },
+    } },
+    { field: 'qty', title: '订单量-已出库量>0', span: 8, itemRender: {
+      name: 'VxeCheckbox',
+      events: {
+        change(formParams) {
+          const { data } = formParams
+          console.log(data.qty)
+          if (data.qty) {
+            formData.qtyButton = 'Y'
+          }
+          else {
+            formData.qtyButton = 'N'
+          }
+        },
+      },
+    }, visible: true, titleWidth: '180px' },
+    {
+      field: 'warehouseName2',
+      title: '仓库名称',
+      itemRender: {
+        name: 'formSelectDialog',
+        props: {
+          component: wareHouseVxeTableDialog,
+          fields: 'warehouseName2',
+          dialogFields: 'warehouseName,warehouseCode',
+          componentParam: componentParam_warehouseStatus,
+        },
+      },
+    },
+  ],
+})
+const serviceConfig = reactive({
+  serviceName: 'SMSW0101',
+  queryMethod: 'query',
+})
+const formOptionsWause = reactive({
+  id: 'inqu_status',
+  data: formData,
+  rules: {
+    warehouseName: [{
+      required: true,
+      message: '请选择入库仓库',
+    }],
+  },
+  items: [
+    {
+      field: 'warehouseName',
+      title: '仓库名称',
+      itemRender: {
+        name: 'formSelectDialog',
+        props: {
+          component: wareHouseVxeTableDialog,
+          fields: 'warehouseName,dwWarehouseId,warehouseCode',
+          dialogFields: 'warehouseName,dwWarehouseId,warehouseCode',
+          feeGoodsComponentParam,
+        },
+      },
+    },
+    { field: 'dwWarehouseId', title: '仓库id', span: 8, itemRender: { name: 'VxeInput' }, visible: false },
+    { field: 'warehouseCode', title: '仓库code', span: 8, itemRender: { name: 'VxeInput' }, visible: false },
+
+  ],
+})
+
+const gridEvents = reactive({
+  toolbarButtonClick: async ({ code }: { code: string, $grid: any }) => {
+    const checkboxRecords = xGrid.value?.getCheckboxRecords()
+    checkboxRecords.addBlock(EiBlock.build('inqu', [formData]))
+
+    if (code !== 'CONFIRM') {
+      return
+    }
+    const resultBlock = checkboxRecords.getBlock('result')
+    if (!resultBlock || resultBlock.rows.length === 0) {
+      ElMessage.error('请选择要确认的记录')
+      return
+    }
+    if (formData.warehouseName === '') {
+      ElMessage.error('请选择仓库信息')
+      return false
+    }
+
+    for (let i = 0; i < checkboxRecords.getBlock('result').rows.length; i++) {
+      /* 订单状态校验 */
+      const toBeAdd = checkboxRecords.getBlock('result').getCell(i, 'toBeAdd')
+      if (toBeAdd === '' || toBeAdd === undefined) {
+        ElMessage.error('待添加数量无效')
+        return false
+      }
+
+      if (toBeAdd <= 0) {
+        ElMessage.error('待添加量必须大于0')
+        return false
+      }
+      checkboxRecords.getBlock('inqu').setCell(i, 'warehouseName', formData.warehouseName)
+      checkboxRecords.getBlock('inqu').setCell(i, 'dwWarehouseId', formData.dwWarehouseId)
+      checkboxRecords.getBlock('inqu').setCell(i, 'warehouseCode', formData.warehouseCode)
+    }
+
+    try {
+      await ElMessageBox.confirm('确定要执行确认操作吗？')
+    }
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    catch (cancelError) {
+      // 用户点击取消，直接返回不执行后续操作
+      return
+    }
+
+    const [err, res] = await to(EiCommunicator.send('SMSW0101', 'confirm', checkboxRecords))
+    if (err) {
+      console.log(err)
+      useLoading().close()
+      ElMessage.error(`开制失败,原因：${err}`)
+      return false
+    }
+    else {
+      const fullPath = route.fullPath
+      pageRefreshStore.setRefreshFlag('SMSW0102')
+      tabStore.removeTabs(fullPath)
+      /* 跳转到详情页 */
+      router.replace({
+        path: '/web/SMSW0102',
+        query: {
+          serviceName: 'SMSW01',
+
+          swOutstockMainId: res.getAttr().id,
+        },
+      })
+    }
+  },
+
+})
+
+function btnClick(btn: any) {
+  if (btn.code === 'QUERY') {
+    if (formData.warehouseName2 !== null && formData.warehouseName2 !== '') {
+      formData.warehouseName = formData.warehouseName2
+    }
+    if (formData.warehouseCode2 !== null && formData.warehouseCode2 !== '') {
+      formData.warehouseCode = formData.warehouseCode2
+    }
+    if (formData.warehouseName === null || formData.warehouseName === '') {
+      formData.warehouseCode = ''
+    }
+    xGrid.value.reload()
+  }// 更新参数
+  if (btn.code === 'RESET') {
+    formData.createdTimeStart = ''
+    formData.createdTimeEnd = ''
+    formData.warehouseName = ''
+    formData.dwWarehouseId = ''
+    formData.warehouseCode = ''
+    formData.warehouseName2 = ''
+    formData.warehouseCode2 = ''
+    formData.orgId = ''
+    formData.goodsName = ''
+    formData.customerName = ''
+    formData.soOrderCode = ''
+    formData.scContractCode = ''
+    formData.igLotCode = ''
+    formData.qtyButton = 'N'
+    formData.qty = false
+    // 重置表单UI状态
+    xGrid.value.reload()
+  }
+}
+
+onMounted(() => {
+  formOptions.data.outstockType = '10'
+  const endDate = new Date()
+  const startDate = new Date()
+  startDate.setDate(endDate.getDate() - 365) // 7天前
+
+  const format = (date: Date) => date.toISOString().split('T')[0]
+
+  formOptions.data.createdTimeStart = format(startDate)
+  formOptions.data.createdTimeEnd = format(endDate)
+  if (swOutstockMainId) {
+    if (bxContainer.value) {
+      bxContainer.value.btnSetDisable(['RESET'], true)
+    }
+  }
+})
+</script>
+
+<style  scoped>
+section-title {
+  padding-left: 8px;
+  margin-bottom: 16px;
+  font-size: 18px;
+  color: #333333;
+  border-left: 4px solid #409eff;
+}
+</style>