文件

209 行
8.2 KiB
HTML
可执行文件

<!--[1.6.9]-->
<style>
th {
background-color: #f5f7fa !important;
}
.el-pagination {
padding: 8px;
}
.el-input {
width: 200px;
}
.center-content {
margin: 20px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.center-content > * {
margin-bottom: 10px;
margin-right: 8px;
}
</style>
<div class="purchaseBox" id="modify" v-cloak>
<el-collapse accordion>
<el-collapse-item>
<template slot="title">
<el-button type="text" size="mini">调价单须知>>></el-button>
</template>
<div>1. 初始化入库指商品档案新增商品填入库存与进价对当时进价修改</div>
<div>2. 采购单指采购单的商品进价修改,已入库的入库价将会修改,采购单金额,采购入库单,补货入库单,采购应付款的金额会发生相应改变</div>
<div>3. 其他入库指入库单的其他入库的商品进价修改,入库单金额会相应改变</div>
<div>4. 价格修改后将会重新计算商品的成本价,并生成成本价记录数据</div>
</el-collapse-item>
</el-collapse>
<div class="center-content">
<template>
<el-select v-model="type" placeholder="请选择类型" size="small" clearable>
<el-option label="初始化入库" value="1"></el-option>
<el-option label="采购单" value="2"></el-option>
<el-option label="其他入库" value="3"></el-option>
</el-select>
</template>
<el-input placeholder="调价单号/修改单号"
type="text"
clearable
size="small"
v-model="order_number"></el-input>
<el-date-picker
width="400"
size="small"
v-model="add_time"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间">
</el-date-picker>
<el-button type="primary" @click="search" size="small">搜索</el-button>
<if condition="$authArr['addPurchaseOrder'] eq true">
<el-button type="primary" plain @click="addPurchaseOrder" size="small">新增</el-button>
</if>
<if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2') && $identity eq 2">
<else/>
<if condition="$authArr['exportOperation'] eq true">
<el-button @click="exportOperation" size="small">导出</el-button>
</if>
</if>
</div>
<div style="max-width: calc(100vw - 208px);">
<el-table border :data="ModifyOrderList" style="width: 100%;"
size="small"
max-height="500"
v-loading="loading"
element-loading-text="数据获取中"
element-loading-spinner="el-icon-loading">
<el-table-column type="index" align="center" label="序号" width="60px" fixed
show-overflow-tooltip></el-table-column>
<el-table-column prop="operator" label="操作人" min-width="80px" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="add_time" label="调价时间" min-width="130px" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="type_name" label="类型" align="center" min-width="80px"
show-overflow-tooltip></el-table-column>
<el-table-column prop="order_number" label="调价单号" align="center" min-width="100px"
show-overflow-tooltip></el-table-column>
<el-table-column prop="modify_order_number" label="被修改的单号" min-width="100px" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="goods_species" label="合计(种)" min-width="80px" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="remarks" label="备注" align="center" min-width="150px"
show-overflow-tooltip></el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="150px">
<template slot-scope="scope">
<if condition="$authArr['OrderInfo'] eq true">
<el-button @click="OrderInfo(scope.row.id)" type="text" size="small">详情</el-button>
</if>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 15, 20, 25, 30, 35, 40, 45, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="currentLen">
</el-pagination>
</div>
</div>
<script type="text/javascript">
var modify = new Vue({
el: "#modify",
data() {
return {
add_time: "",
order_number: "",
type: '',
ModifyOrderList: [],
currentPage: 1,
currentLimit: 10,
currentLen: 0,
loading: true,
}
},
methods: {
//搜索
search() {
this.currentPage = 1;
this.getData();
},
handleSizeChange(val) {
this.currentLimit = val;//切换每页数量
this.currentPage = 1;
this.getData();
},
handleCurrentChange(val) {
this.currentPage = val;
this.getData();//切换页数
},
//查询
getData() {
this.loading = true;
$.ajax({
url: "{:U('modifyOrderList')}",
type: "post",
data: {
page: this.page,
limit: this.limit,
order_number: this.order_number,
add_time: this.add_time,
type: this.type
},
success: (res) => {
this.ModifyOrderList = res.data;
this.loading = false;
this.$nextTick(() => {
this.currentLen = parseInt(res.count);
})
}
})
},
addPurchaseOrder() {
layer.open({
type: 2,
content: "{:U('addModifyPrice')}",
title: "调价单",
area: ['calc(100% - 160px)', 'calc(100% - 65px)'],
offset: 'rb',
shade: 0,
btnAlign: 'c',
end: () => {
this.currentPage = 1;
this.currentLimit = 10;
this.getData();
}
})
},
//详情
OrderInfo(id) {
layer.open({
type: 2,
content: "{:U('details')}?id=" + id,
title: "详情",
area: ['calc(100% - 160px)', 'calc(100% - 65px)'],
offset: 'rb',
shade: 0,
btnAlign: 'c',
})
},
//导出
exportOperation() {
var that = this;
var order_number = that.order_number;
var type = that.type;
window.location.href = "{:U('export')}?order_number=" + order_number + "&type=" + type
}
},
created() {
this.getData();
}
})
</script>