添加多个表单

src/views/ozt/ImsDefectiveFlittingList.vue

+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('不良品调拨')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <ims-defective-flitting-modal ref="modalForm" @ok="modalFormOk"></ims-defective-flitting-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import ImsDefectiveFlittingModal from './modules/ImsDefectiveFlittingModal'
+
+  export default {
+    name: 'ImsDefectiveFlittingList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      ImsDefectiveFlittingModal
+    },
+    data () {
+      return {
+        description: '不良品调拨管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'唯一序号',
+            align:"center",
+            dataIndex: 'queueId'
+          },
+          {
+            title:'交易时间',
+            align:"center",
+            dataIndex: 'trxDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'操作人编码',
+            align:"center",
+            dataIndex: 'userCode'
+          },
+          {
+            title:'组织代码',
+            align:"center",
+            dataIndex: 'orgId'
+          },
+          {
+            title:'仓库编码',
+            align:"center",
+            dataIndex: 'storeCode'
+          },
+          {
+            title:'物料编码',
+            align:"center",
+            dataIndex: 'mtrlCode'
+          },
+          {
+            title:'数量',
+            align:"center",
+            dataIndex: 'quantity'
+          },
+          {
+            title:'目的组织代码',
+            align:"center",
+            dataIndex: 'toOrgId'
+          },
+          {
+            title:'目的仓库编码',
+            align:"center",
+            dataIndex: 'toStoreCode'
+          },
+          {
+            title:'调拨单编码',
+            align:"center",
+            dataIndex: 'allotCode'
+          },
+          {
+            title:'行号',
+            align:"center",
+            dataIndex: 'seq'
+          },
+          {
+            title:'备注',
+            align:"center",
+            dataIndex: 'remark'
+          },
+          {
+            title:'fid',
+            align:"center",
+            dataIndex: 'fid'
+          },
+          {
+            title:'单据编码',
+            align:"center",
+            dataIndex: 'fbillNo'
+          },
+          {
+            title:'单据体内码-分录',
+            align:"center",
+            dataIndex: 'fentryId'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/org.jeecg.modules.iost.ims.entity/imsDefectiveFlitting/list",
+          delete: "/ras/imsDefectiveFlitting/delete",
+          deleteBatch: "/ras/imsDefectiveFlitting/deleteBatch",
+          exportXlsUrl: "/ras/imsDefectiveFlitting/exportXls",
+          importExcelUrl: "ras/imsDefectiveFlitting/importExcel",
+          
+        },
+        dictOptions:{},
+      }
+    },
+    created() {
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>
\ No newline at end of file

src/views/ozt/ImsNondefectiveFlittingList.vue

+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('良品调拨')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <ims-nondefective-flitting-modal ref="modalForm" @ok="modalFormOk"></ims-nondefective-flitting-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import ImsNondefectiveFlittingModal from './modules/ImsNondefectiveFlittingModal'
+
+  export default {
+    name: 'ImsNondefectiveFlittingList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      ImsNondefectiveFlittingModal
+    },
+    data () {
+      return {
+        description: '良品调拨管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'唯一序号',
+            align:"center",
+            dataIndex: 'queueId'
+          },
+          {
+            title:'交易时间',
+            align:"center",
+            dataIndex: 'trxDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'操作人编码',
+            align:"center",
+            dataIndex: 'userCode'
+          },
+          {
+            title:'组织代码',
+            align:"center",
+            dataIndex: 'orgId'
+          },
+          {
+            title:'仓库编码',
+            align:"center",
+            dataIndex: 'storeCode'
+          },
+          {
+            title:'物料编码',
+            align:"center",
+            dataIndex: 'mtrlCode'
+          },
+          {
+            title:'数量',
+            align:"center",
+            dataIndex: 'quantity'
+          },
+          {
+            title:'目的组织代码',
+            align:"center",
+            dataIndex: 'toOrgId'
+          },
+          {
+            title:'目的仓库编码',
+            align:"center",
+            dataIndex: 'toStoreCode'
+          },
+          {
+            title:'调拨单编码',
+            align:"center",
+            dataIndex: 'allotCode'
+          },
+          {
+            title:'行号',
+            align:"center",
+            dataIndex: 'seq'
+          },
+          {
+            title:'备注',
+            align:"center",
+            dataIndex: 'remark'
+          },
+          {
+            title:'fid',
+            align:"center",
+            dataIndex: 'fid'
+          },
+          {
+            title:'单据编码',
+            align:"center",
+            dataIndex: 'fbillNo'
+          },
+          {
+            title:'单据体内码-分录',
+            align:"center",
+            dataIndex: 'fentryId'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/org.jeecg.modules.iost.ims.entity/imsNondefectiveFlitting/list",
+          delete: "/ras/imsNondefectiveFlitting/delete",
+          deleteBatch: "/ras/imsNondefectiveFlitting/deleteBatch",
+          exportXlsUrl: "/ras/imsNondefectiveFlitting/exportXls",
+          importExcelUrl: "ras/imsNondefectiveFlitting/importExcel",
+          
+        },
+        dictOptions:{},
+      }
+    },
+    created() {
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>
\ No newline at end of file

src/views/ozt/ImsOutstockOrderOutstockList.vue

+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('出库单出库')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <ims-outstock-order-outstock-modal ref="modalForm" @ok="modalFormOk"></ims-outstock-order-outstock-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import ImsOutstockOrderOutstockModal from './modules/ImsOutstockOrderOutstockModal'
+
+  export default {
+    name: 'ImsOutstockOrderOutstockList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      ImsOutstockOrderOutstockModal
+    },
+    data () {
+      return {
+        description: '出库单出库管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'唯一序号',
+            align:"center",
+            dataIndex: 'queueId'
+          },
+          {
+            title:'交易时间',
+            align:"center",
+            dataIndex: 'trxDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'操作人编码',
+            align:"center",
+            dataIndex: 'userCode'
+          },
+          {
+            title:'组织代码',
+            align:"center",
+            dataIndex: 'orgId'
+          },
+          {
+            title:'仓库编码',
+            align:"center",
+            dataIndex: 'storeCode'
+          },
+          {
+            title:'物料编码',
+            align:"center",
+            dataIndex: 'mtrlCode'
+          },
+          {
+            title:'数量',
+            align:"center",
+            dataIndex: 'quantity'
+          },
+          {
+            title:'出库申请单编码',
+            align:"center",
+            dataIndex: 'pmnCode'
+          },
+          {
+            title:'行号',
+            align:"center",
+            dataIndex: 'thirdRwn'
+          },
+          {
+            title:'备注',
+            align:"center",
+            dataIndex: 'remark'
+          },
+          {
+            title:'fid',
+            align:"center",
+            dataIndex: 'fid'
+          },
+          {
+            title:'单据编码',
+            align:"center",
+            dataIndex: 'fbillNo'
+          },
+          {
+            title:'单据体内码-分录',
+            align:"center",
+            dataIndex: 'fentryId'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/org.jeecg.modules.iost.ims.entity/imsOutstockOrderOutstock/list",
+          delete: "/ras/imsOutstockOrderOutstock/delete",
+          deleteBatch: "/ras/imsOutstockOrderOutstock/deleteBatch",
+          exportXlsUrl: "/ras/imsOutstockOrderOutstock/exportXls",
+          importExcelUrl: "ras/imsOutstockOrderOutstock/importExcel",
+          
+        },
+        dictOptions:{},
+      }
+    },
+    created() {
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>
\ No newline at end of file

src/views/ozt/ImsProductOutList.vue

+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('产品出货')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <ims-product-out-modal ref="modalForm" @ok="modalFormOk"></ims-product-out-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import ImsProductOutModal from './modules/ImsProductOutModal'
+
+  export default {
+    name: 'ImsProductOutList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      ImsProductOutModal
+    },
+    data () {
+      return {
+        description: '产品出货管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'唯一序号',
+            align:"center",
+            dataIndex: 'queueId'
+          },
+          {
+            title:'交易时间',
+            align:"center",
+            dataIndex: 'trxDate'
+          },
+          {
+            title:'操作人编码',
+            align:"center",
+            dataIndex: 'userCode'
+          },
+          {
+            title:'组织代码',
+            align:"center",
+            dataIndex: 'orgId'
+          },
+          {
+            title:'仓库编码',
+            align:"center",
+            dataIndex: 'storeCode'
+          },
+          {
+            title:'物料编码',
+            align:"center",
+            dataIndex: 'mtrlCode'
+          },
+          {
+            title:'数量',
+            align:"center",
+            dataIndex: 'quantity'
+          },
+          {
+            title:'通知单编码',
+            align:"center",
+            dataIndex: 'auditCode'
+          },
+          {
+            title:'通知单行号',
+            align:"center",
+            dataIndex: 'auditSeq'
+          },
+          {
+            title:'备注',
+            align:"center",
+            dataIndex: 'remark'
+          },
+          {
+            title:'主键ID',
+            align:"center",
+            dataIndex: 'fid'
+          },
+          {
+            title:'编码',
+            align:"center",
+            dataIndex: 'fbillno'
+          },
+          {
+            title:'实体主键',
+            align:"center",
+            dataIndex: 'fentryId'
+          },
+          {
+            title:'行号',
+            align:"center",
+            dataIndex: 'fseq'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/imsProductOut/list",
+          delete: "/ras/imsProductOut/delete",
+          deleteBatch: "/ras/imsProductOut/deleteBatch",
+          exportXlsUrl: "/ras/imsProductOut/exportXls",
+          importExcelUrl: "ras/imsProductOut/importExcel",
+          
+        },
+        dictOptions:{},
+      }
+    },
+    created() {
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>
\ No newline at end of file

src/views/ozt/ImsProductionReceiveConfirmList.vue

+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('产品收料确认')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <ims-production-receive-confirm-modal ref="modalForm" @ok="modalFormOk"></ims-production-receive-confirm-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import ImsProductionReceiveConfirmModal from './modules/ImsProductionReceiveConfirmModal'
+
+  export default {
+    name: 'ImsProductionReceiveConfirmList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      ImsProductionReceiveConfirmModal
+    },
+    data () {
+      return {
+        description: '产品收料确认管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'唯一序号',
+            align:"center",
+            dataIndex: 'queueId'
+          },
+          {
+            title:'交易时间',
+            align:"center",
+            dataIndex: 'trxDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'操作人编码',
+            align:"center",
+            dataIndex: 'userCode'
+          },
+          {
+            title:'组织代码',
+            align:"center",
+            dataIndex: 'orgId'
+          },
+          {
+            title:'仓库编码',
+            align:"center",
+            dataIndex: 'storeCode'
+          },
+          {
+            title:'供应商编码',
+            align:"center",
+            dataIndex: 'supCode'
+          },
+          {
+            title:'物料编码',
+            align:"center",
+            dataIndex: 'mtrlCode'
+          },
+          {
+            title:'数量',
+            align:"center",
+            dataIndex: 'quantity'
+          },
+          {
+            title:'备注',
+            align:"center",
+            dataIndex: 'remark'
+          },
+          {
+            title:'fid',
+            align:"center",
+            dataIndex: 'fid'
+          },
+          {
+            title:'单据编码',
+            align:"center",
+            dataIndex: 'fbillNo'
+          },
+          {
+            title:'单据体内码-分录',
+            align:"center",
+            dataIndex: 'fentryId'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/imsProductionReceiveConfirm/list",
+          delete: "/ras/imsProductionReceiveConfirm/delete",
+          deleteBatch: "/ras/imsProductionReceiveConfirm/deleteBatch",
+          exportXlsUrl: "/ras/imsProductionReceiveConfirm/exportXls",
+          importExcelUrl: "ras/imsProductionReceiveConfirm/importExcel",
+          
+        },
+        dictOptions:{},
+      }
+    },
+    created() {
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>
\ No newline at end of file

src/views/ozt/modules/ImsDefectiveFlittingForm.vue

+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form :form="form" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-item label="唯一序号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['queueId']" placeholder="请输入唯一序号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="交易时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-date placeholder="请选择交易时间" v-decorator="['trxDate']" :trigger-change="true" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="操作人编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['userCode']" placeholder="请输入操作人编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['orgId']" placeholder="请输入组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['storeCode']" placeholder="请输入仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['mtrlCode']" placeholder="请输入物料编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['quantity']" placeholder="请输入数量"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="目的组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['toOrgId']" placeholder="请输入目的组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="目的仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['toStoreCode']" placeholder="请输入目的仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="调拨单编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['allotCode']" placeholder="请输入调拨单编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="行号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['seq']" placeholder="请输入行号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['remark']" placeholder="请输入备注"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="fid" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fid']" placeholder="请输入fid"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fbillNo']" placeholder="请输入单据编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据体内码-分录" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fentryId']" placeholder="请输入单据体内码-分录"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
+            <a-button @click="submitForm">提 交</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JFormContainer from '@/components/jeecg/JFormContainer'
+  import JDate from '@/components/jeecg/JDate'  
+
+  export default {
+    name: 'ImsDefectiveFlittingForm',
+    components: {
+      JFormContainer,
+      JDate,
+    },
+    props: {
+      //流程表单data
+      formData: {
+        type: Object,
+        default: ()=>{},
+        required: false
+      },
+      //表单模式：true流程表单 false普通表单
+      formBpm: {
+        type: Boolean,
+        default: false,
+        required: false
+      },
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/ras/imsDefectiveFlitting/add",
+          edit: "/ras/imsDefectiveFlitting/edit",
+          queryById: "/ras/imsDefectiveFlitting/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return false
+          }
+          return true
+        }
+        return this.disabled
+      },
+      showFlowSubmitButton(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return true
+          }
+        }
+        return false
+      }
+    },
+    created () {
+      //如果是流程中表单，则需要加载流程表单data
+      this.showFlowData();
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','toOrgId','toStoreCode','allotCode','seq','remark','fid','fbillNo','fentryId'))
+        })
+      },
+      //渲染流程表单数据
+      showFlowData(){
+        if(this.formBpm === true){
+          let params = {id:this.formData.dataId};
+          getAction(this.url.queryById,params).then((res)=>{
+            if(res.success){
+              this.edit (res.result);
+            }
+          });
+        }
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','toOrgId','toStoreCode','allotCode','seq','remark','fid','fbillNo','fentryId'))
+      },
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsDefectiveFlittingModal.vue

+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <ims-defective-flitting-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></ims-defective-flitting-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import ImsDefectiveFlittingForm from './ImsDefectiveFlittingForm'
+  export default {
+    name: 'ImsDefectiveFlittingModal',
+    components: {
+      ImsDefectiveFlittingForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsDefectiveFlittingModal__Style#Drawer.vue

+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    :visible="visible">
+    <ims-defective-flitting-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></ims-defective-flitting-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import ImsDefectiveFlittingForm from './ImsDefectiveFlittingForm'
+
+  export default {
+    name: 'ImsDefectiveFlittingModal',
+    components: {
+      ImsDefectiveFlittingForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file

src/views/ozt/modules/ImsNondefectiveFlittingForm.vue

+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form :form="form" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-item label="唯一序号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['queueId']" placeholder="请输入唯一序号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="交易时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-date placeholder="请选择交易时间" v-decorator="['trxDate']" :trigger-change="true" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="操作人编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['userCode']" placeholder="请输入操作人编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['orgId']" placeholder="请输入组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['storeCode']" placeholder="请输入仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['mtrlCode']" placeholder="请输入物料编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['quantity']" placeholder="请输入数量"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="目的组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['toOrgId']" placeholder="请输入目的组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="目的仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['toStoreCode']" placeholder="请输入目的仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="调拨单编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['allotCode']" placeholder="请输入调拨单编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="行号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['seq']" placeholder="请输入行号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['remark']" placeholder="请输入备注"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="fid" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fid']" placeholder="请输入fid"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fbillNo']" placeholder="请输入单据编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据体内码-分录" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fentryId']" placeholder="请输入单据体内码-分录"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
+            <a-button @click="submitForm">提 交</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JFormContainer from '@/components/jeecg/JFormContainer'
+  import JDate from '@/components/jeecg/JDate'  
+
+  export default {
+    name: 'ImsNondefectiveFlittingForm',
+    components: {
+      JFormContainer,
+      JDate,
+    },
+    props: {
+      //流程表单data
+      formData: {
+        type: Object,
+        default: ()=>{},
+        required: false
+      },
+      //表单模式：true流程表单 false普通表单
+      formBpm: {
+        type: Boolean,
+        default: false,
+        required: false
+      },
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/ras/imsNondefectiveFlitting/add",
+          edit: "/ras/imsNondefectiveFlitting/edit",
+          queryById: "/ras/imsNondefectiveFlitting/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return false
+          }
+          return true
+        }
+        return this.disabled
+      },
+      showFlowSubmitButton(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return true
+          }
+        }
+        return false
+      }
+    },
+    created () {
+      //如果是流程中表单，则需要加载流程表单data
+      this.showFlowData();
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','toOrgId','toStoreCode','allotCode','seq','remark','fid','fbillNo','fentryId'))
+        })
+      },
+      //渲染流程表单数据
+      showFlowData(){
+        if(this.formBpm === true){
+          let params = {id:this.formData.dataId};
+          getAction(this.url.queryById,params).then((res)=>{
+            if(res.success){
+              this.edit (res.result);
+            }
+          });
+        }
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','toOrgId','toStoreCode','allotCode','seq','remark','fid','fbillNo','fentryId'))
+      },
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsNondefectiveFlittingModal.vue

+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <ims-nondefective-flitting-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></ims-nondefective-flitting-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import ImsNondefectiveFlittingForm from './ImsNondefectiveFlittingForm'
+  export default {
+    name: 'ImsNondefectiveFlittingModal',
+    components: {
+      ImsNondefectiveFlittingForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsNondefectiveFlittingModal__Style#Drawer.vue

+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    :visible="visible">
+    <ims-nondefective-flitting-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></ims-nondefective-flitting-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import ImsNondefectiveFlittingForm from './ImsNondefectiveFlittingForm'
+
+  export default {
+    name: 'ImsNondefectiveFlittingModal',
+    components: {
+      ImsNondefectiveFlittingForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file

src/views/ozt/modules/ImsOutstockOrderOutstockForm.vue

+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form :form="form" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-item label="唯一序号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['queueId']" placeholder="请输入唯一序号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="交易时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-date placeholder="请选择交易时间" v-decorator="['trxDate']" :trigger-change="true" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="操作人编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['userCode']" placeholder="请输入操作人编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['orgId']" placeholder="请输入组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['storeCode']" placeholder="请输入仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['mtrlCode']" placeholder="请输入物料编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input-number v-decorator="['quantity']" placeholder="请输入数量" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="出库申请单编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['pmnCode']" placeholder="请输入出库申请单编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="行号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input-number v-decorator="['thirdRwn']" placeholder="请输入行号" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['remark']" placeholder="请输入备注"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="fid" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fid']" placeholder="请输入fid"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fbillNo']" placeholder="请输入单据编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据体内码-分录" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fentryId']" placeholder="请输入单据体内码-分录"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
+            <a-button @click="submitForm">提 交</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JFormContainer from '@/components/jeecg/JFormContainer'
+  import JDate from '@/components/jeecg/JDate'  
+
+  export default {
+    name: 'ImsOutstockOrderOutstockForm',
+    components: {
+      JFormContainer,
+      JDate,
+    },
+    props: {
+      //流程表单data
+      formData: {
+        type: Object,
+        default: ()=>{},
+        required: false
+      },
+      //表单模式：true流程表单 false普通表单
+      formBpm: {
+        type: Boolean,
+        default: false,
+        required: false
+      },
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/ras/imsOutstockOrderOutstock/add",
+          edit: "/ras/imsOutstockOrderOutstock/edit",
+          queryById: "/ras/imsOutstockOrderOutstock/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return false
+          }
+          return true
+        }
+        return this.disabled
+      },
+      showFlowSubmitButton(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return true
+          }
+        }
+        return false
+      }
+    },
+    created () {
+      //如果是流程中表单，则需要加载流程表单data
+      this.showFlowData();
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','pmnCode','thirdRwn','remark','fid','fbillNo','fentryId'))
+        })
+      },
+      //渲染流程表单数据
+      showFlowData(){
+        if(this.formBpm === true){
+          let params = {id:this.formData.dataId};
+          getAction(this.url.queryById,params).then((res)=>{
+            if(res.success){
+              this.edit (res.result);
+            }
+          });
+        }
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','pmnCode','thirdRwn','remark','fid','fbillNo','fentryId'))
+      },
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsOutstockOrderOutstockModal.vue

+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <ims-outstock-order-outstock-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></ims-outstock-order-outstock-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import ImsOutstockOrderOutstockForm from './ImsOutstockOrderOutstockForm'
+  export default {
+    name: 'ImsOutstockOrderOutstockModal',
+    components: {
+      ImsOutstockOrderOutstockForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsOutstockOrderOutstockModal__Style#Drawer.vue

+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    :visible="visible">
+    <ims-outstock-order-outstock-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></ims-outstock-order-outstock-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import ImsOutstockOrderOutstockForm from './ImsOutstockOrderOutstockForm'
+
+  export default {
+    name: 'ImsOutstockOrderOutstockModal',
+    components: {
+      ImsOutstockOrderOutstockForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file

src/views/ozt/modules/ImsProductOutForm.vue

+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form :form="form" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-item label="唯一序号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['queueId']" placeholder="请输入唯一序号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="交易时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['trxDate']" placeholder="请输入交易时间"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="操作人编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['userCode']" placeholder="请输入操作人编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['orgId']" placeholder="请输入组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['storeCode']" placeholder="请输入仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['mtrlCode']" placeholder="请输入物料编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['quantity']" placeholder="请输入数量"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="通知单编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['auditCode']" placeholder="请输入通知单编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="通知单行号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['auditSeq']" placeholder="请输入通知单行号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['remark']" placeholder="请输入备注"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="主键ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fid']" placeholder="请输入主键ID"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fbillno']" placeholder="请输入编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="实体主键" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fentryId']" placeholder="请输入实体主键"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="行号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fseq']" placeholder="请输入行号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
+            <a-button @click="submitForm">提 交</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JFormContainer from '@/components/jeecg/JFormContainer'
+
+  export default {
+    name: 'ImsProductOutForm',
+    components: {
+      JFormContainer,
+    },
+    props: {
+      //流程表单data
+      formData: {
+        type: Object,
+        default: ()=>{},
+        required: false
+      },
+      //表单模式：true流程表单 false普通表单
+      formBpm: {
+        type: Boolean,
+        default: false,
+        required: false
+      },
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/ras/imsProductOut/add",
+          edit: "/ras/imsProductOut/edit",
+          queryById: "/ras/imsProductOut/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return false
+          }
+          return true
+        }
+        return this.disabled
+      },
+      showFlowSubmitButton(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return true
+          }
+        }
+        return false
+      }
+    },
+    created () {
+      //如果是流程中表单，则需要加载流程表单data
+      this.showFlowData();
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','auditCode','auditSeq','remark','fid','fbillno','fentryId','fseq'))
+        })
+      },
+      //渲染流程表单数据
+      showFlowData(){
+        if(this.formBpm === true){
+          let params = {id:this.formData.dataId};
+          getAction(this.url.queryById,params).then((res)=>{
+            if(res.success){
+              this.edit (res.result);
+            }
+          });
+        }
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'queueId','trxDate','userCode','orgId','storeCode','mtrlCode','quantity','auditCode','auditSeq','remark','fid','fbillno','fentryId','fseq'))
+      },
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsProductOutModal.vue

+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <ims-product-out-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></ims-product-out-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import ImsProductOutForm from './ImsProductOutForm'
+  export default {
+    name: 'ImsProductOutModal',
+    components: {
+      ImsProductOutForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsProductOutModal__Style#Drawer.vue

+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    :visible="visible">
+    <ims-product-out-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></ims-product-out-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import ImsProductOutForm from './ImsProductOutForm'
+
+  export default {
+    name: 'ImsProductOutModal',
+    components: {
+      ImsProductOutForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file

src/views/ozt/modules/ImsProductionReceiveConfirmForm.vue

+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form :form="form" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-item label="唯一序号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['queueId']" placeholder="请输入唯一序号"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="交易时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-date placeholder="请选择交易时间" v-decorator="['trxDate']" :trigger-change="true" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="操作人编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['userCode']" placeholder="请输入操作人编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="组织代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['orgId']" placeholder="请输入组织代码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['storeCode']" placeholder="请输入仓库编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="供应商编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['supCode']" placeholder="请输入供应商编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['mtrlCode']" placeholder="请输入物料编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['quantity']" placeholder="请输入数量"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['remark']" placeholder="请输入备注"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="fid" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fid']" placeholder="请输入fid"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fbillNo']" placeholder="请输入单据编码"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="单据体内码-分录" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['fentryId']" placeholder="请输入单据体内码-分录"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
+            <a-button @click="submitForm">提 交</a-button>
+          </a-col>
+        </a-row>
+      </a-form>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JFormContainer from '@/components/jeecg/JFormContainer'
+  import JDate from '@/components/jeecg/JDate'  
+
+  export default {
+    name: 'ImsProductionReceiveConfirmForm',
+    components: {
+      JFormContainer,
+      JDate,
+    },
+    props: {
+      //流程表单data
+      formData: {
+        type: Object,
+        default: ()=>{},
+        required: false
+      },
+      //表单模式：true流程表单 false普通表单
+      formBpm: {
+        type: Boolean,
+        default: false,
+        required: false
+      },
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/ras/imsProductionReceiveConfirm/add",
+          edit: "/ras/imsProductionReceiveConfirm/edit",
+          queryById: "/ras/imsProductionReceiveConfirm/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return false
+          }
+          return true
+        }
+        return this.disabled
+      },
+      showFlowSubmitButton(){
+        if(this.formBpm===true){
+          if(this.formData.disabled===false){
+            return true
+          }
+        }
+        return false
+      }
+    },
+    created () {
+      //如果是流程中表单，则需要加载流程表单data
+      this.showFlowData();
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'queueId','trxDate','userCode','orgId','storeCode','supCode','mtrlCode','quantity','remark','fid','fbillNo','fentryId'))
+        })
+      },
+      //渲染流程表单数据
+      showFlowData(){
+        if(this.formBpm === true){
+          let params = {id:this.formData.dataId};
+          getAction(this.url.queryById,params).then((res)=>{
+            if(res.success){
+              this.edit (res.result);
+            }
+          });
+        }
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'queueId','trxDate','userCode','orgId','storeCode','supCode','mtrlCode','quantity','remark','fid','fbillNo','fentryId'))
+      },
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsProductionReceiveConfirmModal.vue

+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <ims-production-receive-confirm-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></ims-production-receive-confirm-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import ImsProductionReceiveConfirmForm from './ImsProductionReceiveConfirmForm'
+  export default {
+    name: 'ImsProductionReceiveConfirmModal',
+    components: {
+      ImsProductionReceiveConfirmForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/views/ozt/modules/ImsProductionReceiveConfirmModal__Style#Drawer.vue

+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    :visible="visible">
+    <ims-production-receive-confirm-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></ims-production-receive-confirm-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import ImsProductionReceiveConfirmForm from './ImsProductionReceiveConfirmForm'
+
+  export default {
+    name: 'ImsProductionReceiveConfirmModal',
+    components: {
+      ImsProductionReceiveConfirmForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file