Merge branch 'purchaseDev' of http://172.16.100.139/new-business/drp-web into purchaseDev

src/views/material/changeApply/add.vue

@@ -37,11 +37,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="物料分类" prop="materialClassifyId">
-                <el-input readonly :disabled="disable" v-model="basicForm.fourClass">
-                  <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="chooseFourClass"></el-button>
-                </el-input>
-                <el-input v-show="false" readonly :disabled="disable" v-model="basicForm.materialClassifyId"></el-input>
+              <el-form-item label="生产许可证" prop="remark">
+                <el-input :disabled="disable" v-model="basicForm.productionPermit"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -92,25 +89,28 @@
             </el-col>
           </el-row>
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item label="交货周期" prop="leadTime">
-                <el-input type="number" min="0" :disabled="disable" v-model="basicForm.leadTime"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="业务线" prop="businessLine"
-                            :rules="{ required: isOneClass, message: '骨科、介入、检验、普耗、设备类物料产线必须输入对应的业务线', trigger: 'blur' }">
-                <el-select ref="lines" v-model="basicForm.businessLine" placeholder="请选择" clearable :disabled="disable"
-                           @focus="chooseLine">
-                  <el-option v-for="item in lineOptions" :key="item.id" :label="item.name" :value="item.id"/>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="生产许可证" prop="remark">
-                <el-input :disabled="disable" v-model="basicForm.productionPermit"></el-input>
-              </el-form-item>
-            </el-col>
+            <!--            <el-col :span="8">-->
+            <!--              <el-form-item label="交货周期" prop="leadTime">-->
+            <!--                <el-input type="number" min="0" :disabled="disable" v-model="basicForm.leadTime"></el-input>-->
+            <!--              </el-form-item>-->
+            <!--            </el-col>-->
+            <!--            <el-col :span="8">-->
+            <!--              <el-form-item label="业务线" prop="businessLine"-->
+            <!--                            :rules="{ required: isOneClass, message: '骨科、介入、检验、普耗、设备类物料产线必须输入对应的业务线', trigger: 'blur' }">-->
+            <!--                <el-select ref="lines" v-model="basicForm.businessLine" placeholder="请选择" clearable :disabled="disable"-->
+            <!--                           @focus="chooseLine">-->
+            <!--                  <el-option v-for="item in lineOptions" :key="item.id" :label="item.name" :value="item.id"/>-->
+            <!--                </el-select>-->
+            <!--              </el-form-item>-->
+            <!--            </el-col>-->
+            <!--            <el-col :span="8">-->
+            <!--              <el-form-item label="物料分类" prop="materialClassifyId">-->
+            <!--                <el-input readonly :disabled="disable" v-model="basicForm.fourClass">-->
+            <!--                  <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="chooseFourClass"></el-button>-->
+            <!--                </el-input>-->
+            <!--                <el-input v-show="false" readonly :disabled="disable" v-model="basicForm.materialClassifyId"></el-input>-->
+            <!--              </el-form-item>-->
+            <!--            </el-col>-->
             <el-col :span="8">
               <el-form-item label="DI码" prop="remark">
                 <el-input :disabled="disable" v-model="basicForm.diCode"></el-input>
@@ -426,13 +426,13 @@
           materialCode: [{required: true, message: '请选择物料编码', trigger: 'blur'}],
           materialName: [{required: true, message: '请填写物料名称', trigger: 'blur'}],
           specification: [{required: true, message: '请填写规格', trigger: 'blur'}],
-          materialClassifyId: [{required: true, message: '请选择物料分类', trigger: 'blur'}],
+          // materialClassifyId: [{required: true, message: '请选择物料分类', trigger: 'blur'}],
           // model: [{required: true, message: '请填写型号', trigger: 'blur'}],
           factory: [{required: true, message: '请选择生产厂家/代理人', trigger: 'blur'}],
           registrant: [{required: true, message: '请填写注册人/上市许可持有人', trigger: 'blur'}],
           storageConditions: [{required: true, message: '请选择存储条件', trigger: 'blur'}],
           // transportCondition: [{required: true, message: '请选择运输条件', trigger: 'blur'}],
-          leadTime: [{required: true, message: '请填写交货周期', trigger: 'blur'}],
+          // leadTime: [{required: true, message: '请填写交货周期', trigger: 'blur'}],
         },
         basicForm2: {
           drug: '',
@@ -681,7 +681,7 @@
             // 物料id
             this.basicForm.materialId = data.id
             // 物料分类Id
-            this.basicForm.materialClassifyId = data.classifyId
+            // this.basicForm.materialClassifyId = data.classifyId
             this.basicForm.materialCode = data.code
             this.basicForm.materialName = data.name
             this.basicForm.medicineMaterial = data.isMedicine

src/views/material/requisition/add.vue

@@ -948,6 +948,8 @@ export default {
       console.log('页面状态', this.pageStu)
       console.log('数据', this.row)
       this.getDetails(this.row)
+      console.log('修改页面-批号库存管理状态', this.row.isInventoryStatus)
+      this.stockControl(this.row.isInventoryStatus)
       // 控制效期单位后面的是否可填写
       if (this.row.expiryDateManagerment == '0') {
         this.isExp = false

src/views/purchase/DemandSummary/index.vue

@@ -46,7 +46,7 @@
               <el-col :span="1.5">
                 <el-form-item label="生产厂家">
                   <el-input
-                  v-model="queryParams.manufacturer"
+                  v-model.trim="queryParams.manufacturer"
                   size="mini"
                   clearable
                   style="width: 200px"
@@ -105,7 +105,7 @@
               <el-col :span="1.5">
                 <el-form-item label="注册人">
                   <el-input
-                  v-model="queryParams.registrant"
+                  v-model.trim="queryParams.registrant"
                   size="mini"
                   clearable
                   style="width: 200px"

src/views/purchase/PurchaseDemandList/add.vue

@@ -1120,6 +1120,7 @@ export default {
     pasteMe(e, socpe) {
       e.preventDefault() //阻止默认粘贴事件
       let source = e.clipboardData.getData("Text");
+      console.log('scope', socpe.column.property)
       console.log('eee:', source)
       // 首先对源头进行解析
       let rows = source.split("\r\n"); // 拆成一个数组

src/views/purchase/purchase-order/index.vue

@@ -16,6 +16,7 @@ export default {
     AddDrawer: () => import('./add/index.vue'),
     SeeDrawer: () => import('./see/index.vue'),
     EditDrawer: () => import('./edit/index.vue'),
+    PurchaseReturnDrawer: () => import('./purchaseReturn/index.vue'),
   },
   data() {
     const initTabColumns = () => TabColumns;
@@ -136,14 +137,14 @@ export default {
     async handleOpenSeeDrawer(row) {
       window.clearInterval(this.timeOut);
       const { id } = row;
-      const { setVisible, fetchItem } = this.$refs.seeDrawerFef;
+      const { setVisible, fetchItem } = this.$refs.seeDrawerRef;
       await setVisible(true);
       await fetchItem(id);
     },
     // 编辑、修订
     async handleOpenEditDrawer(row) {
       const { id } = row;
-      const { setVisible, fetchItem } = this.$refs.editDrawerFef;
+      const { setVisible, fetchItem } = this.$refs.editDrawerRef;
       await setVisible(true);
       await fetchItem(id);
     },
@@ -361,13 +362,11 @@ export default {
       
     },
     // 退货
-    handlePurchaseReturn(){
-      console.log(this.checkedList,'1111111111111');
-      // let {id:puOrderId} = ;
-      let puOrderId = Number(this.checkedList[0].id);
-      orderApi.putInStorage({puOrderId}).then(res=>{
-        console.log(res,'res---------------');
-      })
+    async handlePurchaseReturn(){
+      const { id } = this.checkedList[0];
+      const { setVisible, fetchStorage } = this.$refs.PurchaseReturnDrawerRef;
+      await setVisible(true);
+      await fetchStorage(id);
     },
     // 主表Select框
     handleSelect(selection, row) {
@@ -412,9 +411,10 @@ export default {
     style="width: calc(100% - 24px); height: 100%; margin: 10px" 
     :body-style="{ padding: 0 }"
   >
-    <SeeDrawer ref="seeDrawerFef"></SeeDrawer>
+    <SeeDrawer ref="seeDrawerRef"></SeeDrawer>
     <AddDrawer ref="addDrawerFef" @close="handleRefreshList"></AddDrawer>
-    <EditDrawer ref="editDrawerFef" @close="handleRefreshList"></EditDrawer>
+    <EditDrawer ref="editDrawerRef" @close="handleRefreshList"></EditDrawer>
+    <PurchaseReturnDrawer ref="PurchaseReturnDrawerRef" @close="handleRefreshList"></PurchaseReturnDrawer>
 
     <el-form 
       size="mini" 

src/views/purchase/purchase-order/purchaseReturn/column.js

@@ -1,63 +1,67 @@
 export const TableColumns = [
-  {key:"pkOrg",title:"库存组织"},
-  {key:"orgName",title:"组织名称"},
-  {key:"approver",title:"签字人"},
-  {key:"billmaker",title:"制单人"},
-  {key:"cbizid",title:"采购员"},
-  {key:"cbizName",title:"采购员名称"},
-  {key:"cdptvid",title:"采购部门"},
-  {key:"cdptName",title:"部门名称"},
-  {key:"cwarehouseName",title:"仓库名称"},
-  {key:"cwarehouseid",title:"仓库id"},
-  {key:"cwhsmanagerid",title:"库管员"},
-  {key:"cwhsmanagerName",title:"库管员名称"},
+  // {key:"pkOrg",title:"库存组织"},
+  {key:"orgName",title:"库存组织"},
+  {key:"vbillcode",title:"单据编码"},
   {key:"dbilldate",title:"单据日期"},
-  {key:"dmakedate",title:"制单日期"},
-  {key:"freplenishflag",title:"退库"},
-  {key:"modifiedtime",title:"最后修改时间"},
-  {key:"modifier",title:"最后修改人"},
+  {key:"drpOrderCode",title:"drp订单编号"},
+  {key:"cwarehouseName",title:"仓库"},
+  {key:"billtypeName",title:"出入库类型"},
+  {key:"cwhsmanagerName",title:"库管员"},
+  {key:"cbizName",title:"采购员"},
+  {key:"cdptName",title:"采购部门"},
   {key:"ntotalnum",title:"总数量"},
-  {key:"taudittime",title:"签字日期"},
-  {key:"vbillcode",title:"单据日期"},
+  {key:"freplenishflag",title:"退库", inputType:"Checkbox", },
+  {key:"vreturnreason",title:"退货原因"},
+  {key:"syncSrm",title:"是否同步SRM", inputType:"Checkbox", },
+  {key:"modeProcess",title:"处理方式"},
+  {key:"receivingContact",title:"收货联系人"},
   {key:"project",title:"项目"},
   {key:"goodsWarehouse",title:"收货仓库"},
   {key:"shippingAddress",title:"收货地址"},
   {key:"customerDept",title:"客户部门"},
-  {key:"degreeEmergency",title:"紧急程度"},
+  {key:"degreeEmergency",title:"紧急程度", inputType:"Checkbox", },
   {key:"agent",title:"代理人"},
-  {key:"syncSrm",title:"是否同步SRM"},
-  {key:"modeProcess",title:"处理方式"},
-  {key:"receivingContact",title:"收货联系人"},
+  // {key:"agentName",title:"代理人"},
+  {key:"billmaker",title:"制单人"},
+  {key:"dmakedate",title:"制单日期"},
+  {key:"approver",title:"签字人"},
+  {key:"taudittime",title:"签字日期"},
+  {key:"modifiedtime",title:"最后修改时间"},
+  {key:"modifier",title:"最后修改人"},
   {key:"vnote",title:"备注"},
-  {key:"vreturnreason",title:"退货原因"},
-  {key:"billtypeName",title:"出入库类型名称"},
-  {key:"drpOrderCode",title:"drp订单编号"},
+  
+  
+  // {key:"cdptvid",title:"采购部门"},
+  // {key:"cbizid",title:"采购员"},
+  // {key:"cwarehouseid",title:"仓库id"},
+  // {key:"cwhsmanagerid",title:"库管员"},
   
 ];
 
 // {key:"ncProcurementWarehouseDetailModels",title:"入库单明细"}
 export const DetailColumns =[
+  {key:"vsourceRowno",title:"来源单据行号"},
+  {key:"vsourcebillCode",title:"来源单据号"},
   {key:"materialCode",title:"物料编码"},
   {key:"materialName",title:"物料名称"},
-  {key:"materialSpec",title:"物料规格"},
-  {key:"materialType",title:"物料型号"},
-  {key:"unitName",title:"计量单位名称"},
-  {key:"udi",title:"udi"},
-  {key:"vlotno",title:"批次号"},
-  {key:"registrationNum",title:"注册证号"},
-  {key:"vapprovalNumber",title:"批准文号"},
+  {key:"materialSpec",title:"规格"},
+  {key:"materialType",title:"型号"},
+  {key:"unitName",title:"计量单位"},
   {key:"vchangerate",title:"换算率"},
-  {key:"dbizdate",title:"入库日期"},
-  {key:"dprodate",title:"生产日期"},
-  {key:"vinvalidDate",title:"有效期至"},
-  {key:"flargess",title:"赠品"},
-  {key:"nassistnum",title:"实收数量"},
-  {key:"nnum",title:"实收主数量"},
   {key:"nshouldassistNum",title:"应收数量"},
   {key:"nshouldNum",title:"应收主数量"},
+  {key:"nassistnum",title:"实收数量"},
+  {key:"nnum",title:"实收主数量"},
+  {key:"dbizdate",title:"入库日期"},
+  {key:"flargess",title:"赠品", inputType:"Checkbox", },
   {key:"receivingCustomer",title:"收货客户"},
+  {key:"udi",title:"UDI"},
   {key:"wmsRowNum",title:"WMS行号"},
   {key:"agent",title:"代理人"},
-  {key:"vsourcebillCode",title:"来源单据号"},
-  {key:"vsourceRowno",title:"来源单据行号"}
+  {key:"vlotno",title:"批次号"},
+  {key:"dprodate",title:"生产日期"},
+  {key:"vinvalidDate",title:"有效期至"},
+  {key:"registrationNum",title:"注册证号"},
+  {key:"vapprovalNumber",title:"批准文号"},
+
 ];

src/views/purchase/purchase-order/purchaseReturn/index.vue

@@ -1,4 +1,87 @@
 <!-- 采购退货 -->
+<script>
+
+import { initColumns, initDicts, } from "@/utils/init/index.js";
+import { TableColumns, DetailColumns} from './column';
+import orderApi from "@/api/business/purchase/purchase-order";
+
+const NewTableColumns = initColumns(TableColumns);
+const NewDetailColumns = initColumns(DetailColumns);
+
+export default{
+  name:'purchaseReturn',
+
+  data(){
+
+    return {
+      visible: false,
+      loading:false,
+      puOrderId:'',
+      columns:NewTableColumns,
+      detailColumns:NewDetailColumns,
+      tableData:[],
+      detaildData:[],
+
+    }
+  },
+  methods:{
+    setVisible(prop) {
+
+      this.visible = prop;
+    
+    },
+
+    async fetchStorage(id){
+
+      try{
+
+        this.loading = true;
+
+        this.puOrderId = Number(id);
+
+        let { code, data } = await orderApi.putInStorage({puOrderId: Number(id)});
+
+        if(code == 200){
+
+          console.log(data,'查询入库数据');
+          this.tableData = [...data];
+        }
+
+      }catch(err){}
+      finally{
+        this.loading = false;
+      }
+    },
+    beforeOpen(){},
+    // 刷新
+    handleRefresh(){
+
+      this.fetchStorage(this.puOrderId);
+    },
+    // 取消
+    handleCancel(){
+      this.setVisible(false);
+    },
+    handleConfirm(){},
+    handleFetchDetail(row){
+      console.log(row,'row-----------');
+      this.detaildData = row['ncProcurementWarehouseDetailModels'] ? 
+                         row['ncProcurementWarehouseDetailModels']: [];
+    },
+    handleSelect(selection, row){
+
+    },
+    handleDetailSelect(selection, row){
+
+    },
+
+
+  },
+  created(){
+  }
+}
+</script>
+
 <template>
 
   <el-drawer 
@@ -10,241 +93,111 @@
     @close="$emit('close')"
     v-loading="loading"
   >
-    <el-form 
-      size="mini" 
-      label-position="right" 
-      label-width="140px" 
-      :model="params" 
-      :rules="rules"
-      ref="orderSeeForm" 
+   
+    <el-card :body-style="{
+      padding: '20px',
+      display: 'flex',
+      'flex-wrap': 'wrap',
+      }" 
+      style="margin: 10px"
     >
-      <el-card :body-style="{
-        padding: '20px',
-        display: 'flex',
-        'flex-wrap': 'wrap',
-      }" style="margin: 10px">
-        <div slot="header" style="
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-          ">
-          <h3>查看</h3>
-          <div style="text-align: right">
-            <el-button size="mini" @click="handleRefresh">刷新</el-button>
-           
-            <el-button size="mini" @click="handleCancel">取 消</el-button>
-          </div>
+      <div slot="header" 
+        style="
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        ">
+        <h3></h3>
+        <div style="text-align: right">
+          <el-button size="mini" @click="handleRefresh">刷新</el-button>
+          <el-button size="mini" type="primary" plain @click="handleConfirm">确定</el-button>
+          <el-button size="mini" @click="handleCancel">取 消</el-button>
         </div>
-        <el-row style="display:flex; flex-wrap: wrap;">
-          <el-col v-for="(column, index) in columns" :key="index" :span="column.span || 6">
-            <el-form-item :prop="column.key" :label="column.title">
-
-              <el-input v-if="column.inputType === 'Input'" 
-                v-model="params[column.key]" 
-                :placeholder="column.placeholder"
-                :clearable="column.clearable" 
-                readonly 
-                style="width: 100%"
-              ></el-input>
-              <dr-popover-select v-if="column.inputType === 'PopoverSelect'" 
-                v-model="params[column.key]" 
-                disabled
-                :value-key="column.valueKey" 
-                :source.sync="params" 
-                :title="column.title" 
-                :type="column.referName"
-                :multiple="column.multiple" 
-                :placeholder="column.placeholder" 
-                :data-mapping="column.dataMapping"
-                :query-params="column.queryParams"
-              ></dr-popover-select>
-
-              <el-input v-if="column.inputType === 'Textarea'" 
-                v-model="params[column.key]" 
-                type="textarea"
-                :placeholder="column.placeholder" 
-                :clearable="column.clearable" 
-                readonly 
-                style="width: 100%"
-              ></el-input>
-
-              <el-input-number v-if="column.inputType === 'InputNumber'" 
-                v-model="params[column.key]"
-                :controls-position="column.controlsPosition" 
-                :placeholder="column.placeholder"
-                :clearable="column.clearable" 
-                :precision="column.precision"
-                disabled 
-                style="width: 100%"
-              ></el-input-number>
-              <el-select v-if="column.inputType === 'Select'" 
-                v-model="params[column.key]" 
-                disabled 
-                size="mini"
-                :clearable="column.clearable" 
-                :placeholder="column.placeholder" 
-                style="width: 100%">
-                <el-option 
-                  v-for="item in dict.type[column.referName]" 
-                  :key="item.value" 
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-              <el-select v-if="column.inputType === 'TagSelect'" 
-                v-model="params[column.key]" 
-                multiple 
-                clearable
-                collapse-tags 
-                :placeholder="column.placeholder" 
-                :clearable="column.clearable" 
-                disabled
-                style="width: 100%">
-                <template #prefix>
-                  <el-icon class="el-icon-view" 
-                    style="cursor: pointer" 
-                    @click.stop="$message.info(234)">
-                  </el-icon>
-                </template>
-                <el-option 
-                  v-for="item in options" 
-                  :key="item.value" 
-                  :label="item.label" 
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-              <el-date-picker v-if="column.inputType === 'DatePicker'" 
-                v-model="params[column.key]" 
-                :type="column.type"
-                :placeholder="column.placeholder" 
-                :clearable="column.clearable" 
-                readonly
-                :picker-options="column.pickerOptions" 
-                style="width: 100%"
-              ></el-date-picker>
-              <el-checkbox v-if="column.inputType === 'Checkbox'" 
-                v-model="params[column.key]" 
-                disabled 
-                true-label="Y"
-                false-label="N"
-              ></el-checkbox>
-              <file-upload-center v-if="column.inputType === 'Upload'" 
-                v-model="params[column.key]"
-                :file-type="column.fileType" 
-                :disabled="true"
-              ></file-upload-center>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-card>
-      <el-card :body-style="{
-        padding: '20px',
-        display: 'flex',
-        'flex-wrap': 'wrap',
-        position: 'relative',
-      }" style="margin: 10px">
-        <el-tabs v-model="tabName" style="width: 100%">
-          <el-tab-pane 
-            v-for="(column, index) in tabColumns" 
-            :key="index" 
-            :label="column.title" 
-            :name="column.key"
-          >
-            <el-table :data="params[column.key]" style="width: 100%">
-              <el-table-column 
-                v-for="(cColumn, cIndex) in column.tableColumns" 
-                :key="cIndex" 
-                :prop="cColumn.key"
-                :label="cColumn.title" 
-                :width="cColumn.width || 80"
-              >
-                <template slot-scope="scope">
-                  <el-tag v-if="cColumn.key === 'index'">
-                    {{ scope.$index + 1 }}
-                  </el-tag>
-                  <el-input v-if="cColumn.inputType === 'Input'" 
-                    v-model="scope.row[cColumn.key]"
-                    :placeholder="cColumn.placeholder" 
-                    :clearable="cColumn.clearable" 
-                    readonly 
-                    size="mini"
-                    style="width: 100%"
-                  ></el-input>
-
-                  <!--  -->
-                  <dr-popover-select v-if="cColumn.inputType === 'PopoverSelect'"
-                    v-model="scope.row[cColumn.key]"
-                    :source.sync="scope.row" 
-                    :title="cColumn.title" 
-                    :value-key="cColumn.valueKey" 
-                    disabled
-                    :type="cColumn.referName" 
-                    :multiple="cColumn.multiple" 
-                    :placeholder="cColumn.placeholder"
-                    :data-mapping="cColumn.dataMapping" 
-                    :query-params="cColumn.queryParams" 
-                    size="mini"
-                  ></dr-popover-select>
-
-                  <el-input-number v-if="cColumn.inputType === 'InputNumber'" 
-                    v-model="scope.row[cColumn.key]"
-                    :precision="cColumn.precision"
-                    :controls-position="cColumn.controlsPosition" 
-                    :placeholder="cColumn.placeholder"
-                    :clearable="cColumn.clearable" 
-                    disabled 
-                    size="mini" 
-                    style="width: 100%"
-                  ></el-input-number>
-
-                  <el-select v-if="cColumn.inputType === 'Select'" 
-                    v-model="scope.row[cColumn.key]" 
-                    disabled 
-                    size="mini"
-                    :clearable="cColumn.clearable" 
-                    :placeholder="cColumn.placeholder" 
-                    style="width: 100%">
-                    <el-option 
-                      v-for="item in dict.type[cColumn.referName]" 
-                      :key="item.value" 
-                      :label="item.label"
-                      :value="item.value"
-                    ></el-option>
-                  </el-select>
-
-                  <el-checkbox v-if="cColumn.inputType === 'Checkbox'" 
-                    v-model="scope.row[cColumn.key]" 
-                    disabled
-                    true-label="Y" 
-                    false-label="N"
-                  ></el-checkbox>
-
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-        </el-tabs>
-      </el-card>
-
-    </el-form>
-  </el-drawer>
+      </div>
+      
+      <!-- @row-dblclick="handleOpenSeeDrawer" 
+      @row-click="handleDetailsData"  -->
+      <el-table 
+        :data="tableData" 
+        size="mini"
+        highlight-current-row
+        @select="handleSelect"
+        @row-click="handleFetchDetail"
+        height="350"
+        style="width: 100%; margin: 20px 0 0 0"
+      >
+      <el-table-column type="selection" width="45" ></el-table-column>
+      <el-table-column type="index" width="50" label="序号"></el-table-column>
+        <el-table-column 
+          v-for="(column, index) in columns" 
+          :key="index" 
+          :prop="column.key" 
+          :label="column.title"
+          :width="column.width || 180" 
+          :show-overflow-tooltip="column.showOverflowTooltip || true"
+        >
 
-</template>
+          <template slot-scope="scope">
+            <dict-tag v-if="column.inputType === 'Select'" 
+              size="small" 
+              :value="scope.row[column.key]"
+              :options="dict.type[column.referName]"
+            />
 
-<script>
-export default{
-  name:'purchaseReturn',
+            <el-checkbox v-else-if="column.inputType === 'Checkbox'"
+              v-model="scope.row[column.key]" 
+              disabled 
+              true-label="Y"
+              false-label="N"
+            > </el-checkbox>
+            <span v-else>{{ scope.row[column.key] }}</span>
+          </template>
+        </el-table-column>
 
-  data(){
-    return {
-      visible: false,
-      loading:false,
-    }
-  },
-  methods:{
-    beforeOpen(){}
-  }
-}
-</script>
+      </el-table>
+
+
+
+    </el-card>
+    <el-card :body-style="{
+      padding: '20px',
+      display: 'flex',
+      'flex-wrap': 'wrap',
+      position: 'relative',
+    }" style="margin: 10px">
+      <el-table 
+        :data="detaildData" 
+        style="width: 100%"
+        @select="handleDetailSelect"
+      >
+        <el-table-column type="selection" width="45" ></el-table-column>
+        <el-table-column 
+          v-for="(cColumn, cIndex) in detailColumns" 
+          :key="cIndex" 
+          :prop="cColumn.key"
+          :label="cColumn.title" 
+          :width="cColumn.width || 120"
+        >
+          <template slot-scope="scope">
+            <dict-tag v-if="cColumn.inputType === 'Select'" 
+              size="small" 
+              :value="scope.row[cColumn.key]"
+              :options="dict.type[cColumn.referName]"
+            />
+
+            <el-checkbox v-else-if="cColumn.inputType === 'Checkbox'"
+              v-model="scope.row[cColumn.key]" 
+              disabled 
+              true-label="Y"
+              false-label="N"
+            > </el-checkbox>
+            <span v-else>{{ scope.row[cColumn.key] }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </el-card>
+
+  </el-drawer>
+
+</template>