调拨订单页面

src/views/purchase/transferOrder/add.vue

@@ -0,0 +1,568 @@
+<template>
+  <div id="addOder">
+    <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="auto">
+      <el-row :gutter="10">
+        <el-col :span="1.5">
+            <el-form-item label="订单类型">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="单据号">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="单据日期">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调拨方式">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调拨出库单号">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调拨入库单号">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调入库存组织">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调出业务员">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调出部门">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="人民币">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="折本汇率">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="在途归属">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="总数量">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="结算路径">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="客户">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调入仓库">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="调出仓库">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="物料项目组">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="利润中心">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+        </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="是否已同步WMS">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+        </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="备注">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+        </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="单据状态">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-divider content-position="left">表尾信息</el-divider>
+      <el-row :gutter="10">
+        <el-col :span="1.5">
+            <el-form-item label="制单人">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="制单日期">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="审批人">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="审批日期">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+      </el-row>
+
+      <el-divider content-position="left">审计信息</el-divider>
+      <el-row :gutter="10">
+        <el-col :span="1.5">
+            <el-form-item label="创建人">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="创建时间">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="最后修改人">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+        <el-col :span="1.5">
+            <el-form-item label="最后修改时间">
+              <el-input
+                v-model="basicForm.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+         </el-col>
+      </el-row>
+
+        <el-tabs style="margin-top: 10px;" type="border-card">
+          <el-tab-pane label="物料信息">
+            <el-table
+            :data="materialInfo" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="物料编码" align="center" prop="code"/>
+            <el-table-column label="物料名称" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="规格" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="型号" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="单位" align="center" prop="code"/>
+            <el-table-column label="调出仓库" align="center" prop="code"/>
+            <el-table-column label="数量" align="center" prop="code"/>
+            <el-table-column label="主单位" align="center" prop="code"/>
+            <el-table-column label="换算率" align="center" prop="code"/>
+            <el-table-column label="主数量" align="center" prop="code"/>
+            <el-table-column label="税率" align="center" prop="code"/>
+            <el-table-column label="调入仓库" align="center" prop="code"/>
+            <el-table-column label="批次号" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="调入调出结算规则明细" align="center" prop="code"/>
+            <el-table-column label="上市许可持有人" align="center" prop="code"/>
+            <el-table-column label="生产许可证号/经营许可证号/备案凭证号" align="center" prop="code"/>
+            <el-table-column label="pi码" align="center" prop="code"/>
+            <el-table-column label="无税金额" align="center" prop="code"/>
+            <el-table-column label="备注" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="收发货信息">
+            <el-table
+            :data="receiveInfo" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="调出仓库" align="center" prop="code"/>
+            <el-table-column label="调入仓库" align="center" prop="code"/>
+            <el-table-column label="收货利润中心" align="center" prop="code"/>
+            <el-table-column label="发货利润中心" align="center" prop="code"/>
+            <el-table-column label="调入业务员" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="收货客户" align="center" prop="code"/>
+            <el-table-column label="收货地址" align="center" prop="code"/>
+            <el-table-column label="收货地区" align="center" prop="code"/>
+            <el-table-column label="收货地点" align="center" prop="code"/>
+            <el-table-column label="计划发货日期" align="center" prop="code"/>
+            <el-table-column label="计划到货日期" align="center" prop="code"/>
+            <el-table-column label="运输方式" align="center" prop="code"/>
+            <el-table-column label="备注" align="center" prop="code"/>
+            <el-table-column label="客户物料编码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="价格费用">
+            <el-table
+            :data="priceList" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="税率" align="center" prop="code"/>
+            <el-table-column label="无税单价" align="center" prop="code"/>
+            <el-table-column label="含税单价" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="询价无税价" align="center" prop="code"/>
+            <el-table-column label="询价含税价" align="center" prop="code"/>
+            <el-table-column label="税额" align="center" prop="code"/>
+            <el-table-column label="加价率" align="center" prop="code"/>
+            <el-table-column label="无税金额" align="center" prop="code"/>
+            <el-table-column label="价税合计" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="执行结果">
+            <el-table
+            :data="resultList" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="已调出主数量" align="center" prop="code"/>
+            <el-table-column label="已调入主数量" align="center" prop="code"/>
+            <el-table-column label="调拨在途主数量" align="center" prop="code"/>
+            <el-table-column label="已发货主数量" align="center" prop="code"/>
+            <el-table-column label="途损主数量" align="center" prop="code"/>
+            <el-table-column label="累计退货主数量" align="center" prop="code"/>
+            <el-table-column label="调出与调入已结算主数量" align="center" prop="code"/>
+            <el-table-column label="调出与调入已结算金额" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+        </el-tabs>
+    </el-form>
+
+    <div class="btn_group">
+      <el-col :span="1.5" style="margin: 0 10px;">
+        <el-button type="primary" size="small" plain @click="save" v-if="pageStu == 'add' || pageStu == 'edit'">保存</el-button>
+      </el-col>
+      <!-- <el-col :span="1.5" style="margin: 0 10px;">
+        <el-button type="primary" size="small" plain @click="submit" v-if="pageStu == 'edit'">提交</el-button>
+      </el-col> -->
+      <el-col :span="1.5">
+        <el-button size="small" plain @click="back">返回</el-button>
+      </el-col>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'addOder',
+  props: ['pageStu','row', 'disable'],
+  model: {
+    prop: 'isList',
+    event: 'jugislist'
+  },
+  data() {
+    return {
+      basicForm: {},
+      options: [{
+        value: '1', label: '是',
+      }, {
+        value: '0', label: '否'
+      }],
+      basicRules: {},
+      materialInfo: [],
+      receiveInfo: [],
+      priceList: [],
+      resultList: [],
+    }
+  },
+  created() {
+    if(this.pageStu == 'check') {
+      console.log('数据', this.row)
+      // this.getDetails(this.row)
+    } else if(this.pageStu == 'edit') {
+      // this.getDetails(this.row)
+    }
+  },
+  methods: {
+    save() {},
+    back() {
+      this.$emit('jugislist', true)
+      let queryParams = {
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.$emit('refresh', queryParams)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.btn_group {
+  width: 100%;
+  margin: 20px 0;
+  display: flex;
+  justify-content: center;
+} 
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}  
+</style>

src/views/purchase/transferOrder/index.vue

@@ -0,0 +1,388 @@
+<template>
+  <div id="transferOrder">
+    <div v-if="isList">
+      <el-form class="search_area" label-width="120px">
+        <el-row :gutter="10">
+          <el-col :span="1.5">
+            <el-form-item label="调出库存组织">
+              <el-input
+              v-model="queryParams.dckczz"
+              size="small"
+              placeholder=""
+              clearable
+              style="width: 200px"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="1.5">
+            <el-form-item label="单据日期">
+              <el-date-picker
+               style="width: 240px"
+                v-model="queryParams.djrq"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="1.5">
+            <el-form-item label="交易类型">
+              <el-input
+              v-model="queryParams.jylx"
+              size="small"
+              placeholder=""
+              clearable
+              style="width: 200px"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="1.5">
+            <el-form-item label="出货库存组织">
+              <el-input
+              v-model="queryParams.chkczz"
+              size="small"
+              placeholder=""
+              clearable
+              style="width: 200px"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="1.5">
+            <el-form-item label="" label-width="20px">
+              <el-button type="primary" size="small" icon="el-icon-search" plain>搜索</el-button>
+              <el-button size="small" icon="el-icon-refresh" plain>重置</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <CollapseTransition>
+        <div v-show="expanded">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="物料编码">
+                <el-input
+                v-model="queryParams.code"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="调入库存组织">
+                <el-input
+                v-model="queryParams.drkuzz"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        </CollapseTransition>
+      </el-form>
+      <el-divider class="lines"><i style="cursor: pointer;" :class="expanded?'el-icon-arrow-up':'el-icon-arrow-down'" @click="drop"></i></el-divider>
+
+      <el-card>
+        <div class="btn_grooup">
+          <el-button type="primary" size="small" @click="addOrder">新增</el-button>
+        </div>
+
+        <el-table 
+          :data="tableList" 
+          fit
+          show-summary
+          max-height="680"
+        >
+          <el-table-column label="调出库存" align="center" prop="code"/>
+          <el-table-column label="订单类型" align="center" prop="code"/>
+          <el-table-column label="单据号" align="center" prop="code"/>
+          <el-table-column label="单据日期" align="center" prop="code"/>
+          <el-table-column label="调拨方式" align="center" prop="code"/>
+          <el-table-column label="调拨出库单号" align="center" prop="code"/>
+          <el-table-column label="调拨入库单号" align="center" prop="code"/>
+          <el-table-column label="调拨入库组织" align="center" prop="code"/>
+          <el-table-column label="调出业务员" align="center" prop="code"/>
+          <el-table-column label="调出部门" align="center" prop="code"/>
+          <el-table-column label="币种" align="center" prop="code"/>
+          <el-table-column label="折本汇率" align="center" prop="code"/>
+          <el-table-column label="在途归属" align="center" prop="code"/>
+          <el-table-column label="总数量" align="center" prop="code"/>
+          <el-table-column label="结算路径" align="center" prop="code"/>
+          <el-table-column label="客户" align="center" prop="code"/>
+          <el-table-column label="调出仓库" align="center" prop="code"/>
+          <el-table-column label="调入仓库" align="center" prop="code"/>
+          <el-table-column label="物流项目组" align="center" prop="code"/>
+          <el-table-column label="利润中心" align="center" prop="code"/>
+          <el-table-column label="已同步WMS" align="center" prop="code"/>
+          <el-table-column label="备注" align="center" prop="code"/>
+          <el-table-column label="单据状态" align="center" prop="code"/>
+          <el-table-column label="制单人" align="center" prop="code"/>
+          <el-table-column label="制单日期" align="center" prop="code"/>
+          <el-table-column label="审批人" align="center" prop="code"/>
+          <el-table-column label="审批日期" align="center" prop="code"/>
+          <el-table-column label="创建人" align="center" prop="code"/>
+          <el-table-column label="创建时间" align="center" prop="code"/>
+          <el-table-column label="最后修改人" align="center" prop="code"/>
+          <el-table-column label="最后修改时间" align="center" prop="code"/>
+        </el-table>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="1"
+          :page-sizes="[5, 10, 15, 20]"
+          :page-size="100"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total=total>
+        </el-pagination>
+
+        <el-tabs style="margin-top: 10px;" type="border-card">
+          <el-tab-pane label="物料信息">
+            <el-table
+            :data="materialInfo" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="物料编码" align="center" prop="code"/>
+            <el-table-column label="物料名称" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="规格" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="型号" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="单位" align="center" prop="code"/>
+            <el-table-column label="调出仓库" align="center" prop="code"/>
+            <el-table-column label="数量" align="center" prop="code"/>
+            <el-table-column label="主单位" align="center" prop="code"/>
+            <el-table-column label="换算率" align="center" prop="code"/>
+            <el-table-column label="主数量" align="center" prop="code"/>
+            <el-table-column label="税率" align="center" prop="code"/>
+            <el-table-column label="调入仓库" align="center" prop="code"/>
+            <el-table-column label="批次号" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="调入调出结算规则明细" align="center" prop="code"/>
+            <el-table-column label="上市许可持有人" align="center" prop="code"/>
+            <el-table-column label="生产许可证号/经营许可证号/备案凭证号" align="center" prop="code"/>
+            <el-table-column label="pi码" align="center" prop="code"/>
+            <el-table-column label="无税金额" align="center" prop="code"/>
+            <el-table-column label="备注" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="收发货信息">
+            <el-table
+            :data="receiveInfo" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="调出仓库" align="center" prop="code"/>
+            <el-table-column label="调入仓库" align="center" prop="code"/>
+            <el-table-column label="收货利润中心" align="center" prop="code"/>
+            <el-table-column label="发货利润中心" align="center" prop="code"/>
+            <el-table-column label="调入业务员" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="收货客户" align="center" prop="code"/>
+            <el-table-column label="收货地址" align="center" prop="code"/>
+            <el-table-column label="收货地区" align="center" prop="code"/>
+            <el-table-column label="收货地点" align="center" prop="code"/>
+            <el-table-column label="计划发货日期" align="center" prop="code"/>
+            <el-table-column label="计划到货日期" align="center" prop="code"/>
+            <el-table-column label="运输方式" align="center" prop="code"/>
+            <el-table-column label="备注" align="center" prop="code"/>
+            <el-table-column label="客户物料编码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="价格费用">
+            <el-table
+            :data="priceList" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="税率" align="center" prop="code"/>
+            <el-table-column label="无税单价" align="center" prop="code"/>
+            <el-table-column label="含税单价" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="询价无税价" align="center" prop="code"/>
+            <el-table-column label="询价含税价" align="center" prop="code"/>
+            <el-table-column label="税额" align="center" prop="code"/>
+            <el-table-column label="加价率" align="center" prop="code"/>
+            <el-table-column label="无税金额" align="center" prop="code"/>
+            <el-table-column label="价税合计" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+
+          <el-tab-pane label="执行结果">
+            <el-table
+            :data="resultList" 
+            fit
+            max-height="380"
+            >
+            <el-table-column label="行号" align="center" prop="code"/>
+            <el-table-column label="调拨出库单号" align="center" prop="code"/>
+            <el-table-column label="调拨入库单号" align="center" prop="code"/>
+            <el-table-column label="生产厂家/代理人" align="center" prop="code"/>
+            <el-table-column label="产地" align="center" prop="code"/>
+            <el-table-column label="类别" align="center" prop="code"/>
+            <el-table-column label="产品批号" align="center" prop="code"/>
+            <el-table-column label="生产日期" align="center" prop="code"/>
+            <el-table-column label="有效期至/失效日期" align="center" prop="code"/>
+            <el-table-column label="批准文号" align="center" prop="code"/>
+            <el-table-column label="注册证号" align="center" prop="code"/>
+            <el-table-column label="商品名" align="center" prop="code"/>
+            <el-table-column label="通用名" align="center" prop="code"/>
+            <el-table-column label="剂型" align="center" prop="code"/>
+            <el-table-column label="已调出主数量" align="center" prop="code"/>
+            <el-table-column label="已调入主数量" align="center" prop="code"/>
+            <el-table-column label="调拨在途主数量" align="center" prop="code"/>
+            <el-table-column label="已发货主数量" align="center" prop="code"/>
+            <el-table-column label="途损主数量" align="center" prop="code"/>
+            <el-table-column label="累计退货主数量" align="center" prop="code"/>
+            <el-table-column label="调出与调入已结算主数量" align="center" prop="code"/>
+            <el-table-column label="调出与调入已结算金额" align="center" prop="code"/>
+            <el-table-column label="客户物料码" align="center" prop="code"/>
+            <el-table-column label="客户物料名称" align="center" prop="code"/>
+            </el-table>
+          </el-tab-pane>
+        </el-tabs>
+      </el-card>
+    </div>
+
+    <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Add from './add.vue'
+import CollapseTransition from '@/components/MyCollapse/collapse.vue'
+export default {
+  name: 'transferOrder',
+  components: {
+    Add,
+    CollapseTransition
+  },
+  data() {
+    return {
+      expanded: false,
+      // 页面配置
+      isList: true,
+      // 页面状态
+      page: '',
+      queryParams: {
+        dckczz: '',
+        djrq: '',
+        jylx: '',
+        chkczz: '',
+        code: '',
+        drkuzz: '',
+        pageNum: 1,
+        pageSize: 10
+      },
+      options: [{
+        value: '1', label: '是',
+      }, {
+        value: '0', label: '否'
+      }],
+      tableList: [],
+      total: 0,
+      materialInfo: [],
+      receiveInfo: [],
+      priceList: [],
+      resultList: [],
+      rowDetail: {},
+      disable: false,
+      ids: []
+    }
+  },
+  methods: {
+    getList(params){
+      // getDemandList(params).then(res => {
+      //   if (res.code === 200) {
+      //     this.tableList = res.rows
+      //     this.total = res.total
+      //   }
+      // })
+    },
+    addOrder() {
+      this.isList = false
+      this.page = 'add'
+      this.disable = false
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.queryParams.pageSize = val
+      this.getList(this.queryParams)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.queryParams.pageNum = val
+      this.getList(this.queryParams)
+    },
+    drop() {
+      this.expanded = !this.expanded
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+#transferOrder {
+  height: calc(100vh - 84px);
+  padding: 12px;
+  box-sizing: border-box;
+}
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.lines {
+  margin-top: 0;
+}
+</style>