销售询价单-复制功能

src/views/saleCode/saleInquiryForm/SaleInquiryFormList.vue

@@ -197,6 +197,7 @@
     <!-- 表单区域 -->
     <SaleInquiryFormModal @register="registerModal" @success="handleSuccess" />
     <SetOtherStatus ref="SetOtherStatusRef" @success="handleSuccess" />
+    <SelecSaleInquiryModal ref="SelecSaleInquiryModalRef" @copy-product="handleCopyProduct"></SelecSaleInquiryModal>
   </div>
 </template>
 
@@ -225,6 +226,7 @@
   import { JDictSelectTag, ApiSelect, JInput ,JSelect} from '/@/components/Form';
   import JSelectUser from '/@/components/Form/src/jeecg/components/JSelectUser.vue';
   import JSelectDept from '/@/components/Form/src/jeecg/components/JSelectDept.vue';
+  import SelecSaleInquiryModal from './components/SelecSaleInquiryModal.vue';
   import SetOtherStatus from './components/SetOtherStatus.vue';
   import { message } from 'ant-design-vue';
   const formRef = ref();
@@ -235,6 +237,7 @@
   var showField = ref('currency+name');
   var classOption = ref([]);
   var SetOtherStatusRef = ref();
+  var SelecSaleInquiryModalRef = ref();
   //注册table数据
   const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     tableProps: {
@@ -371,6 +374,11 @@
         ifShow: record.submit == '1',
         //  ifShow: record.submit='1'
       },
+      {
+        label: '复制(copy)',
+        onClick: handleCopy.bind(null, record),
+        //  ifShow: record.submit='1'
+      },
     ];
   }
   /**
@@ -421,6 +429,19 @@
       cancelBatchSubmit({ ids: ids }, handleSuccess);
     }
   }
+  //复制
+  function handleCopy(record: Recordable) {
+    SelecSaleInquiryModalRef.value.getTable(record);
+  }
+  function handleCopyProduct(data, mainId) {
+    openModal(true, {
+      data,
+      mainId,
+      isUpdate: false,
+      showFooter: true,
+      isCopy: true,
+    });
+  }
 
   /* ----------------------以下为原生查询需要添加的-------------------------- */
   const toggleSearchStatus = ref<boolean>(false);

src/views/saleCode/saleInquiryForm/components/SaleInquiryFormForm.vue

@@ -58,7 +58,7 @@
 						</a-col>
 						<a-col :span="12">
 							<a-form-item label="机型(model)" v-bind="validateInfos.model" id="SaleInquiryFormForm-model" name="model">
-                <JDictSelectTag v-model:value="formData.model" placeholder="请选择" dictCode="model_typer"/>
+                <JDictSelectTag v-model:value="formData.model" placeholder="请选择" dictCode="model_typer" showSearch/>
 							</a-form-item>
 						</a-col>
 						<a-col :span="12">
@@ -310,7 +310,20 @@
         inquiryPeriod.value[0]=formData.inquiryPeriodBegin?dayjs(formData.inquiryPeriodBegin,'YYYY-MM-DD'):''
         inquiryPeriod.value[1]=formData.inquiryPeriodEnd?dayjs(formData.inquiryPeriodEnd,'YYYY-MM-DD'):''
       }
-
+      async function copy(data, id) {
+        //主表数据
+        await queryMainData(id);
+        formData.id = '';
+        formData.billCode = '';
+        formData.submit= undefined;
+        //子表数据
+        const saleInquiryFormShipDataList = await querySaleInquiryFormShipListByMainId(id);
+        saleInquiryFormShipTable.dataSource = [...saleInquiryFormShipDataList];
+        saleInquiryFormProductTable.dataSource = [...data];
+        getCustomerOptions()
+        inquiryPeriod.value[0]=formData.inquiryPeriodBegin?dayjs(formData.inquiryPeriodBegin,'YYYY-MM-DD'):''
+        inquiryPeriod.value[1]=formData.inquiryPeriodEnd?dayjs(formData.inquiryPeriodEnd,'YYYY-MM-DD'):''
+      }
       async function queryMainData(id) {
         const row = await queryDataById(id);
         resetFields();
@@ -494,7 +507,6 @@
         inquiryPeriod.value = data
         formData.inquiryPeriodBegin = data[0].format('YYYY-MM-DD')
         formData.inquiryPeriodEnd = data[1].format('YYYY-MM-DD')
-        debugger
       }
       function handleChangeQualityGrade(data){
         var xTable = saleInquiryFormProductTableRef.value!.getXTable();//关键代码 如果不更新 重新加载表格即可
@@ -541,7 +553,8 @@
         customerOption,
         inquiryPeriod,
         onChangeInquiryPeriod,
-        handleChangeQualityGrade
+        handleChangeQualityGrade,
+        copy
       }
     }
   });

src/views/saleCode/saleInquiryForm/components/SaleInquiryFormModal.vue

@@ -25,13 +25,20 @@
       //表单赋值
       const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
         setModalProps({confirmLoading: false,showCancelBtn:data?.showFooter,showOkBtn:data?.showFooter});
-        isUpdate.value = !!data?.isUpdate;
-        formDisabled.value = !data?.showFooter;
-        title.value = data?.isUpdate ? (unref(formDisabled) ? '详情' : '编辑') : '新增';
-        if (unref(isUpdate)) {
-          formComponent.value.edit(data.record)
+        if(!data.isCopy){
+          isUpdate.value = !!data?.isUpdate;
+          formDisabled.value = !data?.showFooter;
+          title.value = data?.isUpdate ? (unref(formDisabled) ? '详情' : '编辑') : '新增';
+          if (unref(isUpdate)) {
+            formComponent.value.edit(data.record)
+          }else{
+            formComponent.value.add()
+          }
         }else{
-          formComponent.value.add()
+          isUpdate.value = !!data?.isUpdate;
+          formDisabled.value = !data?.showFooter;
+          title.value = '新增'
+          formComponent.value.copy(data.data,data.mainId)
         }
       });
 

src/views/saleCode/saleInquiryForm/components/SelecSaleInquiryModal.vue

@@ -0,0 +1,236 @@
+<!-- //复制子表功能 -->
+<template>
+  <a-modal
+    title="选择销售询价单(select sale inquiry)"
+    width="95%"
+    :visible="visible"
+    :maskClosable="false"
+    switchFullscreen
+    @ok = "handleOk"
+    @cancel="handleCancel">
+      <div>
+        <!-- <a-card  :body-style="{ padding: '10px' }" :bordered="false" style="margin: 10px;">
+          <div class="table-page-search-wrapper">
+              <a-form :model="queryParams" :label-col="labelCol" :wrapper-col="wrapperCol" @keyup.enter.native="searchQuery">
+
+                </a-form>
+            </div>
+        </a-card> -->
+
+      <a-card  >
+          <a-alert type="info" show-icon class="alert" style="margin-bottom: 8px">
+          <template #message>
+              <template v-if="selectedRowKeys.length > 0">
+              <span>已选中 {{ selectedRowKeys.length }} 条记录</span>
+              <a-divider type="vertical" />
+              <a @click="selectedRowKeys = []">清空</a>
+              </template>
+              <template v-else>
+              <span>未选中任何数据</span>
+              </template>
+          </template>
+          </a-alert>
+          <a-table
+              :columns="columns"
+              :row-key="record => record.id"
+              :data-source="dataSource"
+              bordered
+              size="small"
+              @change="handleTableChange"
+              :pagination="false"
+              :scroll="{ x: 3500, y: 400 }"
+              :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+          >
+          </a-table>
+      </a-card>
+    </div>
+  </a-modal>
+</template>
+<script lang="ts" setup>
+  import {ref, reactive } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { message } from 'ant-design-vue';
+  import { filterObj, getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+  const emit = defineEmits([ 'copyProduct']); //定义emit
+  var visible = ref(false)
+  const columns = [
+      {
+          title: '产品英文名(english name)',
+          dataIndex: 'englishName',
+          key: 'englishName',
+          align:"center",
+          ellipsis:true
+      },
+      {
+          title: '备件号(partno)',
+          dataIndex: 'partno',
+          key: 'productClass',
+          align:"center"
+      },
+      {
+          title: '产品中文名(chinese name)',
+          key: 'chineseName',
+          dataIndex: 'chineseName',
+          align:"center"
+      },
+      {
+          title: '产品编码(product code)',
+          dataIndex: 'productCode',
+          key: 'productCode',
+          align:"center",
+      },
+      {
+          title: '订货号(orderno)',
+          key: 'orderno',
+          dataIndex: 'orderno',
+          align:"center"
+      },
+      {
+          title: '图号(drawingno',
+          key: 'drawingno',
+          dataIndex: 'drawingno',
+          align:"center",
+          width:250
+      },
+      {
+          title: '质量等级(quality grade)',
+          key: 'qualityGrade',
+          dataIndex: 'qualityGrade',
+          align:"center",
+      },
+      {
+          title: '数量(quantity)',
+          key: 'quantity',
+          dataIndex: 'quantity',
+          align:"center",
+      },
+      {
+          title: '单位(unit)',
+          key: 'unit',
+          dataIndex: 'unit',
+          align:"center",
+      },
+      {
+          title: '需要船检证书(need Ship inspection c',
+          key: 'needShip',
+          dataIndex: 'needShip',
+          align:"center",
+      },
+      {
+          title: '船检证书(ship Inspection certificate)',
+          key: 'shipInspection',
+          dataIndex: 'shipInspection',
+          align:"center",
+      },
+      {
+          title: '备注(note)',
+          key: 'note',
+          dataIndex: 'note',
+          align:"center",
+      },
+      {
+          title: '型号(model)',
+          key: 'model',
+          dataIndex: 'model',
+          align:"center",
+      },
+  ];
+  const labelCol = ref({
+      xs: { span: 24 },
+      sm: { span: 9 },
+  });
+  const wrapperCol = ref({
+      xs: { span: 24 },
+      sm: { span: 15 },
+  });
+  const dataSource =ref([]);
+  let selectedRowKeys = ref([]);
+  let selectedRows = ref([]);
+  const toggleSearchStatus = ref(false);
+  var mainId = ref('')
+  const queryParams = ref({
+      productionClass:'',
+      productClass:'',
+      englishName:'',
+      productCode:'',
+      chineseName:'',
+      id:'',
+      pageSize:''
+  });
+  function loadData(){
+      let params = getQueryParams();
+      defHttp
+      .get({ url: '/saleCode/saleInquiryForm/querySaleInquiryFormProductByMainId',params}, { isTransformResponse: false })
+      .then((res) => {
+          if (res.success) {
+              dataSource.value = res.result              
+          } else {
+              message.error(res.message);
+          }
+      })
+      .finally(() => {
+          // loading.value = false;
+      });
+  }
+  function getQueryParams(){
+      let params = Object.assign(queryParams.value);
+      params.id = mainId.value
+      params.pageSize = '-1'
+      return filterObj(params);
+  }
+  function handleTableChange(paginations, filters, sorter){
+      loadData()
+  };
+  function searchQuery(){
+      loadData();
+  }
+  function searchReset(){
+      queryParams.value = {
+        productionClass:'',
+        productClass:'',
+        englishName:'',
+        productCode:'',
+        chineseName:'',
+        id:'',
+        pageSize:''
+      }
+      loadData();
+  }
+  function handleToggleSearch(){
+      toggleSearchStatus.value = !toggleSearchStatus.value;
+  }
+  function onSelectChange(keys,rows){
+      selectedRowKeys.value = keys
+      selectedRows.value = rows
+  }
+  function handleOk(){
+    if(selectedRowKeys.value.length==0){
+      message.error('请选择数据')
+    }else{
+      emit('copyProduct',selectedRows.value,mainId)
+      handleCancel()
+    }
+  }
+  function handleCancel(){
+    visible.value = false
+    selectedRowKeys.value = []
+    selectedRows.value=[]
+  }
+  function getTable(record){
+      mainId.value = record.id
+      visible.value = true
+      loadData()
+  }
+  defineExpose({
+    getTable
+  });
+</script>
+<style scoped lang="less">
+// /deep/.ant-form-item{
+//   margin-bottom: 8px !important;
+// }
+// /deep/.ant-table-wrapper .ant-table-thead > tr > th, .ant-table-wrapper .ant-table-thead > tr > td{
+//     padding: 8px !important;
+// }
+
+</style>