|
@@ -3,76 +3,87 @@
|
|
|
<div>
|
|
|
<!-- 筛选条件 -->
|
|
|
<div class="screen-container">
|
|
|
- <el-form
|
|
|
- ref="screenForm"
|
|
|
- :model="screenForm"
|
|
|
- label-width="70px"
|
|
|
- size="mini"
|
|
|
- label-position="left"
|
|
|
- >
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="入库单号" prop="orderNum">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.orderNum"
|
|
|
- placeholder="请输入入库单号"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品名称" prop="chName">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.chName"
|
|
|
- placeholder="请输入产品名称"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品编码" prop="chNum">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.chNum"
|
|
|
- placeholder="请输入产品编码"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="入库日期" prop="date">
|
|
|
- <el-date-picker
|
|
|
- v-model="screenForm.date"
|
|
|
- type="datetimerange"
|
|
|
- range-separator="至"
|
|
|
- style="width: 100%"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="供货单位" prop="company">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.company"
|
|
|
- placeholder="请输入供货单位"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="12" :lg="18" class="tr">
|
|
|
- <el-form-item label="">
|
|
|
- <el-button @click="resetScreenForm">清空</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="submitScreenForm"
|
|
|
- >搜索</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ <Collapse :is-collapse="isCollapse" :screen-form="screenForm">
|
|
|
+ <template #right_btn>
|
|
|
+ <el-button size="mini" @click="resetScreenForm">清空</el-button>
|
|
|
+ <el-button size="mini" type="primary" @click="submitScreenForm"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <template #search>
|
|
|
+ <el-form
|
|
|
+ ref="screenForm"
|
|
|
+ :model="screenForm"
|
|
|
+ label-width="70px"
|
|
|
+ size="mini"
|
|
|
+ label-position="left"
|
|
|
+ >
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="单据编码" prop="orderNum">
|
|
|
+ <el-input
|
|
|
+ v-model="screenForm.orderNum"
|
|
|
+ placeholder="请输入单据编码"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="存货名称" prop="chName">
|
|
|
+ <el-input
|
|
|
+ v-model="screenForm.chName"
|
|
|
+ placeholder="请输入存货名称"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="存货编码" prop="chNum">
|
|
|
+ <el-input
|
|
|
+ v-model="screenForm.chNum"
|
|
|
+ placeholder="请输入存货编码"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="退料日期" prop="date">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="screenForm.date"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ style="width: 100%"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="供应商" prop="company">
|
|
|
+ <el-input
|
|
|
+ v-model="screenForm.company"
|
|
|
+ placeholder="请输入供货单位"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="仓库" prop="chNum">
|
|
|
+ <el-input
|
|
|
+ v-model="screenForm.chNum"
|
|
|
+ placeholder="请输入仓库"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </template>
|
|
|
+ </Collapse>
|
|
|
</div>
|
|
|
<div class="mymain-container">
|
|
|
<div class="btn-group clearfix">
|
|
|
<div class="fr">
|
|
|
- <ExportButton :ex-url="'admin/user/mch/export'" :ex-params="exParams" />
|
|
|
+ <ExportButton
|
|
|
+ :ex-url="'admin/user/mch/export'"
|
|
|
+ :ex-params="exParams"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="table">
|
|
@@ -88,8 +99,16 @@
|
|
|
:summary-method="$getSummaries"
|
|
|
>
|
|
|
<el-table-column
|
|
|
+ label="序号"
|
|
|
align="left"
|
|
|
- label="入库单号"
|
|
|
+ width="50"
|
|
|
+ type="index"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ align="left"
|
|
|
+ label="单据编号"
|
|
|
prop="billNo"
|
|
|
min-width="130"
|
|
|
show-overflow-tooltip
|
|
@@ -101,7 +120,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="入库日期"
|
|
|
+ label="退料日期"
|
|
|
prop="fdate"
|
|
|
min-width="120"
|
|
|
show-overflow-tooltip
|
|
@@ -112,28 +131,28 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="仓库"
|
|
|
+ label="供货商"
|
|
|
prop="stockId"
|
|
|
min-width="100"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="供货单位"
|
|
|
+ label="单据状态"
|
|
|
prop="supplyName"
|
|
|
min-width="200"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="审核日期"
|
|
|
+ label="厂产品编码"
|
|
|
prop="approveDate"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="物料编码"
|
|
|
+ label="存货编码"
|
|
|
prop="materialNumber"
|
|
|
min-width="120"
|
|
|
show-overflow-tooltip
|
|
@@ -145,7 +164,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="产品编码"
|
|
|
+ label="存货名称"
|
|
|
prop="materialOldNumber"
|
|
|
min-width="140"
|
|
|
show-overflow-tooltip
|
|
@@ -157,7 +176,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="产品名称"
|
|
|
+ label="规格型号"
|
|
|
prop="materialName"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
@@ -169,7 +188,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="规格型号"
|
|
|
+ label="库存单位"
|
|
|
prop="uom"
|
|
|
min-width="350"
|
|
|
show-overflow-tooltip
|
|
@@ -181,21 +200,21 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
align="left"
|
|
|
- label="单位"
|
|
|
+ label="实退数量"
|
|
|
prop="unit"
|
|
|
min-width="100"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
<el-table-column
|
|
|
align="right"
|
|
|
- label="数量"
|
|
|
+ label="仓库"
|
|
|
prop="realQty"
|
|
|
min-width="100"
|
|
|
show-overflow-tooltip
|
|
|
/>
|
|
|
<el-table-column
|
|
|
align="right"
|
|
|
- label="原币含税单价"
|
|
|
+ label="开票状态"
|
|
|
prop="taxPrice"
|
|
|
min-width="120"
|
|
|
show-overflow-tooltip
|
|
@@ -204,80 +223,6 @@
|
|
|
{{ scope.row.taxPrice | numToFixed }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="right"
|
|
|
- label="原币金额"
|
|
|
- prop="amount"
|
|
|
- min-width="100"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.amount | numToFixed }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="right"
|
|
|
- label="原币税额"
|
|
|
- prop="entryTaxAmount"
|
|
|
- min-width="100"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.entryTaxAmount | numToFixed }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="right"
|
|
|
- label="原币价税合计"
|
|
|
- prop="allAmount"
|
|
|
- min-width="120"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.allAmount | numToFixed }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="left"
|
|
|
- label="税率"
|
|
|
- prop="entryTaxRate"
|
|
|
- min-width="100"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- align="left"
|
|
|
- label="制单人"
|
|
|
- prop="createBy"
|
|
|
- min-width="100"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- align="left"
|
|
|
- label="审核人"
|
|
|
- prop="approverId"
|
|
|
- min-width="100"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- align="left"
|
|
|
- label="备注"
|
|
|
- prop="abcdRemarks"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="操作"
|
|
|
- width="100"
|
|
|
- fixed="right"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- @click="toDetail(scope.row)"
|
|
|
- >详情</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -298,10 +243,10 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getEnterList } from '@/api/supply/purchase'
|
|
|
+import { getEnterList } from "@/api/supply/purchase";
|
|
|
|
|
|
export default {
|
|
|
- name: 'MaterialList',
|
|
|
+ name: "MaterialList",
|
|
|
data() {
|
|
|
return {
|
|
|
currentPage: 1, // 当前页码
|
|
@@ -309,14 +254,16 @@ export default {
|
|
|
listTotal: 0, // 列表总数
|
|
|
dataList: null, // 列表数据
|
|
|
listLoading: false, // 列表加载loading
|
|
|
- screenForm: { // 筛选表单数据
|
|
|
- orderNum: '',
|
|
|
- chName: '',
|
|
|
- chNum: '',
|
|
|
- date: '',
|
|
|
- company: ''
|
|
|
- }
|
|
|
- }
|
|
|
+ screenForm: {
|
|
|
+ // 筛选表单数据
|
|
|
+ orderNum: "",
|
|
|
+ chName: "",
|
|
|
+ chNum: "",
|
|
|
+ date: "",
|
|
|
+ company: "",
|
|
|
+ },
|
|
|
+ isCollapse: true,
|
|
|
+ };
|
|
|
},
|
|
|
computed: {
|
|
|
exParams() {
|
|
@@ -324,15 +271,15 @@ export default {
|
|
|
billNo: this.screenForm.orderNum,
|
|
|
materialName: this.screenForm.chName,
|
|
|
materialCode: this.screenForm.chNum,
|
|
|
- startTime: this.screenForm.date ? this.screenForm.date[0] : '',
|
|
|
- endTime: this.screenForm.date ? this.screenForm.date[1] : '',
|
|
|
- supplyName: this.screenForm.company
|
|
|
- }
|
|
|
+ startTime: this.screenForm.date ? this.screenForm.date[0] : "",
|
|
|
+ endTime: this.screenForm.date ? this.screenForm.date[1] : "",
|
|
|
+ supplyName: this.screenForm.company,
|
|
|
+ };
|
|
|
},
|
|
|
isShowDetail() {
|
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
|
- return this.queryItem.hasOwnProperty('id')
|
|
|
- }
|
|
|
+ return this.queryItem.hasOwnProperty("id");
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
// 查询按钮权限
|
|
@@ -341,12 +288,12 @@ export default {
|
|
|
// if(!btnRole) {return true}
|
|
|
// let index = btnRole.indexOf(value);
|
|
|
// return index >= 0;
|
|
|
- return true
|
|
|
+ return true;
|
|
|
},
|
|
|
|
|
|
// 查询列表
|
|
|
getList() {
|
|
|
- this.listLoading = true
|
|
|
+ this.listLoading = true;
|
|
|
|
|
|
const params = {
|
|
|
pageNum: this.currentPage,
|
|
@@ -354,58 +301,57 @@ export default {
|
|
|
billNo: this.screenForm.orderNum,
|
|
|
materialName: this.screenForm.chName,
|
|
|
materialCode: this.screenForm.chNum,
|
|
|
- startTime: this.screenForm.date ? this.screenForm.date[0] : '',
|
|
|
- endTime: this.screenForm.date ? this.screenForm.date[1] : '',
|
|
|
- supplyName: this.screenForm.company
|
|
|
- }
|
|
|
+ startTime: this.screenForm.date ? this.screenForm.date[0] : "",
|
|
|
+ endTime: this.screenForm.date ? this.screenForm.date[1] : "",
|
|
|
+ supplyName: this.screenForm.company,
|
|
|
+ };
|
|
|
getEnterList(params).then((res) => {
|
|
|
- res.data.records.forEach(item => {
|
|
|
- item.sums1 = ['auxUnitQty']
|
|
|
- item.sums2 = ['taxPrice', 'amount', 'entryTaxAmount', 'allAmount']
|
|
|
- })
|
|
|
- this.dataList = res.data.records
|
|
|
- this.listTotal = res.data.total
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
+ res.data.records.forEach((item) => {
|
|
|
+ item.sums1 = ["auxUnitQty"];
|
|
|
+ item.sums2 = ["taxPrice", "amount", "entryTaxAmount", "allAmount"];
|
|
|
+ });
|
|
|
+ this.dataList = res.data.records;
|
|
|
+ this.listTotal = res.data.total;
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
// 提交筛选表单
|
|
|
submitScreenForm() {
|
|
|
- this.currentPage = 1
|
|
|
- this.getList()
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
|
|
|
// 重置筛选表单
|
|
|
resetScreenForm() {
|
|
|
- this.$refs.screenForm.resetFields()
|
|
|
- this.currentPage = 1
|
|
|
- this.getList()
|
|
|
+ this.$refs.screenForm.resetFields();
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
|
|
|
// 更改每页数量
|
|
|
handleSizeChange(val) {
|
|
|
- this.pageSize = val
|
|
|
- this.currentPage = 1
|
|
|
- this.getList()
|
|
|
+ this.pageSize = val;
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
|
|
|
// 更改当前页
|
|
|
handleCurrentChange(val) {
|
|
|
- this.currentPage = val
|
|
|
- this.getList()
|
|
|
+ this.currentPage = val;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
|
|
|
// 进入详情
|
|
|
toDetail(item) {
|
|
|
- this.queryItem = item
|
|
|
+ this.queryItem = item;
|
|
|
},
|
|
|
|
|
|
backList() {
|
|
|
- this.queryItem = {}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
+ this.queryItem = {};
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped></style>
|