Merge branch 'purchaseDev' into 'dev'

Purchase dev

See merge request new-business/drp-web!30

src/views/purchase/DemandSummary/index.vue

@@ -1,19 +1,485 @@
 <template>
   <div id="demandSummary">
-    采购需求汇
+    <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-select v-model="queryParams.code" size="small" style="width: 200px" clearable>
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="1.5">
+            <el-form-item label="采购员">
+              <el-input
+              v-model="queryParams.cgy"
+              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.pl"
+              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.sccj"
+              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-select v-model="queryParams.wllb" size="small" style="width: 200px" clearable>
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="周期单位">
+                <el-select v-model="queryParams.zqdw" size="small" style="width: 200px" clearable>
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="业务部门">
+                <el-input
+                v-model="queryParams.ywbm"
+                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.shr"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="转请购单号">
+                <el-input
+                v-model="queryParams.zqgdh"
+                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.cgxqdh"
+                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.zcr"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="业务类型">
+                <el-select v-model="queryParams.ywlx" size="small" style="width: 200px" clearable>
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="单据来源">
+                <el-input
+                v-model="queryParams.zqgdh"
+                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.cgxqdh"
+                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.zcr"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="末级供应库位">
+                <el-select v-model="queryParams.ywlx" size="small" style="width: 200px" clearable>
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="物料编码">
+                <el-input
+                v-model="queryParams.zqgdh"
+                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.cgxqdh"
+                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.zcr"
+                size="small"
+                placeholder=""
+                clearable
+                style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="转请购时间">
+                <el-select v-model="queryParams.ywlx" size="small" style="width: 200px" clearable>
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="汇总审核时间">
+                <el-input
+                v-model="queryParams.zqgdh"
+                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.cgxqdh"
+                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">编辑</el-button>
+          <el-button type="primary" size="small">保存</el-button>
+          <el-button type="primary" size="small">确认</el-button>
+          <el-button type="primary" size="small">取消</el-button>
+          <el-button type="primary" size="small">审核</el-button>
+          <el-button type="primary" size="small">弃审</el-button>
+
+          <el-dropdown size="small" @command="handleCommand">
+            <el-button size="small" type="primary" style="margin: 0 10px;">
+              导出<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="Excel导出">Excel导出</el-dropdown-item>
+              <el-dropdown-item command="导出明细">导出明细</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+
+          <el-button type="primary" size="small">转请购</el-button>
+        </div>
+        <el-table 
+          :data="tableList" 
+          fit
+          max-height="680"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="55" />
+          <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="三级品类" 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
+          fixed="right"
+          label="操作"
+          align="center"
+          width="150"
+          >
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="check(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
+        </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-card>
+    </div>
   </div>
 </template>
 
 <script>
+import CollapseTransition from '@/components/MyCollapse/collapse.vue'
 export default {
+  name: 'demandSummary',
+  components: {
+    // Add,
+    CollapseTransition
+  },
   data() {
     return {
-
+      expanded: false,
+      // 页面配置
+      isList: true,
+      // 页面状态
+      page: '',
+      queryParams: {
+        code: '',
+        cgy: '',
+        pl: '',
+        sccj: '',
+        wllb: '',
+        zqdw: '',
+        ywbm: '',
+        shr: '',
+        zqgdh: '',
+        cgxqdh: '',
+        zcr: '',
+        ywlx: '',
+        pageNum: 1,
+        pageSize: 10
+      },
+      options: [{
+        value: '1', label: '是',
+      }, {
+        value: '0', label: '否'
+      }],
+      tableList: [],
+      total: 0,
+      rowDetail: {},
+      disable: false,
+      ids: []
     }
   },
+  methods: {
+    getList(params){
+      // getDemandList(params).then(res => {
+      //   if (res.code === 200) {
+      //     this.tableList = res.rows
+      //     this.total = res.total
+      //   }
+      // })
+    },
+    handleSelectionChange(selection) {
+      console.log('选中', selection)
+      this.ids = selection.map(item => item.id)
+      console.log('选中数组', this.ids.join())
+    },
+    handleCommand(command) {
+      alert(command)
+    },
+    check(row) {
+      this.isList = false
+      this.page = 'check'
+      this.rowDetail = row
+      this.disable = true
+    },
+    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>
-  
+#demandSummary {
+  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>

src/views/purchase/MaterialClassDivision/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="MaterialClassDivision">
     <div v-if="isList">
-      <el-form class="search_area" label-width="auto">
+      <el-form class="search_area" label-width="130px">
         <el-row :gutter="10">
           <el-col :span="1.5">
             <el-form-item label="物料一级大类编码">

src/views/purchase/PurchaseDemandList/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="PurchaseDemandList">
     <div v-if="isList">
-      <el-form class="search_area" label-width="auto">
+      <el-form class="search_area" label-width="120px">
         <el-row :gutter="10">
           <el-col :span="1.5">
             <el-form-item label="单据编码">

src/views/purchase/deliveryAddress/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="deliveryAddressList">
     <div v-if="isList">
-      <el-form class="search_area" label-width="auto">
+      <el-form class="search_area" label-width="120px">
         <el-row :gutter="10">
           <el-col :span="1.5">
             <el-form-item label="仓库属性">

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>