| 
					
				 | 
			
			
				@@ -1,11 +1,22 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<!-- 出入库记录 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="stock-order"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item label="编号"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-input v-model="dataForm.number" placeholder="编号" clearable></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="queryData()"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item label="出入库类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-select v-model="dataForm.recordType" placeholder="请选择"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-for="item in recordTypeOptions" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :key="item.value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :label="item.label" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :value="item.value"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item label="名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-input v-model="dataForm.name" placeholder="名称" clearable></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item label="编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-input v-model="dataForm.recordCode" placeholder="编码" clearable></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item label="申请人"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <user-component v-model="dataForm.userId"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-form-item label="入库日期"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-date-picker 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -18,8 +29,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-date-picker> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-button @click="getDataList()">查询</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-button @click="inBound()"  type="primary">导出</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button @click="queryData()">查询</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button @click="exportData()" type="primary">导出</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-table 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -35,79 +46,88 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="recordCode" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        min-width="160" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="materialName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="recordType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        label="类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :formatter="formatRecordType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        label="出入库类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="recordType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="specifications" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        label="数量"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        label="规格"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="state" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="unitName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="单位"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="state" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="cnt" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        label="数量"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="price" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="单价"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="approver" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="amount" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="金额"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="batchNumber" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="批次号"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="source" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        min-width="100" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="来源"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="recordTime" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        label="入库时间"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        label="出入库时间"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="applicant" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="申请人"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="approver" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="操作人"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        prop="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        prop="notes" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         header-align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         label="备注"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -126,8 +146,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import UserComponent from '../common/user-component' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  import { getRecordList } from '@/api/warehouse' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     name: 'stock-order', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    components: {UserComponent}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    created () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryData() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         inboundVisible: false, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -141,24 +167,42 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         pageSize: 10, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         totalPage: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         dataListLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        dataListSelections: [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        dataListSelections: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        recordTypeOptions: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            value: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label: '请选择' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            value: '0', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label: '入库' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            value: '1', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label: '出库' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 查询 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      queryData () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.pageIndex = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.getDataList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 获取数据列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getDataList () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.dataListLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.$http({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          url: this.$http.adornUrl('/biz-service/inbound-record-ctl/list'), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          method: 'get', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          params: this.$http.adornParams({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'current': this.pageIndex, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'size': this.pageSize, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'beginTime': this.dataForm.date[0], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'endTime': this.dataForm.date[1], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'recordType': 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        }).then(({data}) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let params = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'current': this.pageIndex, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'size': this.pageSize, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'beginTime': this.dataForm.date[0], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'endTime': this.dataForm.date[1], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'recordType': this.dataForm.recordType ? this.dataForm.recordType : null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'recordCode': this.dataForm.recordCode ? this.dataForm.recordCode : null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          'userId': this.dataForm.userId ? this.dataForm.userId : null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getRecordList(params).then(({data}) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           if (data && data.code === '200') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             this.dataList = data.data.records 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             this.totalPage = Number(data.data.total) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -184,12 +228,16 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       selectionChangeHandle (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.dataListSelections = val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // 入库申请 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      inBound () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.inboundVisible = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$refs.inbound.init() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      exportData () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // todo 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 申请单类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formatRecordType (row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (!row.recordType) return '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (row.recordType === '0') return '入库' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (row.recordType === '1') return '出库' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 |