<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../static/evn/index.css">
|
</head>
|
|
<body>
|
<div id="app">
|
<el-card>
|
<el-form :inline="true">
|
<el-form-item label="生产单号">
|
<el-input v-model="tableSearchParam.produce_no" placeholder="请输入生产单号"></el-input>
|
</el-form-item>
|
<el-form-item label="">
|
<el-button type="primary" @click="page" circle >
|
<el-icon><Search /></el-icon>
|
</el-button>
|
</el-form-item>
|
</el-form>
|
<el-form :inline="true">
|
<el-form-item label="">
|
<el-button type="primary">同步</el-button>
|
</el-form-item>
|
<el-form-item label="">
|
<el-button type="primary">撤销同步</el-button>
|
</el-form-item>
|
<el-form-item label="">
|
<el-button type="primary">退料</el-button>
|
</el-form-item>
|
<el-form-item label="">
|
<el-button type="primary">撤销退料</el-button>
|
</el-form-item>
|
</el-form>
|
<el-table :data="tableData" border style="width: 100%" row-key="id" @selection-change="handleSelectionChange">
|
<el-table-column type="selection" >
|
</el-table-column>
|
<el-table-column type="index" width="50" >
|
</el-table-column>
|
<el-table-column prop="produceNo" label="生产单号" >
|
</el-table-column>
|
<el-table-column prop="jobNo" label="任务单号">
|
</el-table-column>
|
<el-table-column prop="matnr" label="物料编码">
|
</el-table-column>
|
<el-table-column prop="name" label="物料名称">
|
</el-table-column>
|
<el-table-column prop="specs" label="规格">
|
</el-table-column>
|
<el-table-column prop="workshop" label="车间">
|
</el-table-column>
|
<el-table-column prop="anfme" label="数量">
|
</el-table-column>
|
<el-table-column prop="startTime" label="计划开工时间">
|
</el-table-column>
|
<el-table-column prop="endTime" label="计划完工时间">
|
</el-table-column>
|
<el-table-column prop="sync" label="是否同步">
|
</el-table-column>
|
<el-table-column prop="matnrReturn" label="是否退料">
|
</el-table-column>
|
</el-table>
|
<div style="margin-top: 10px">
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
:current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"
|
layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">
|
</el-pagination>
|
</div>
|
|
|
</el-card>
|
</div>
|
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script src="../../static/evn/vue.global.js"></script>
|
<script src="../../static/evn/element-plus.js"></script>
|
<script src="../../static/evn/icons-vue.js"></script>
|
<script type="module">
|
// 导入中文语言包
|
import zhCn from './zh-cn.js';
|
|
const { createApp, ref, onMounted } = Vue;
|
|
|
const app = createApp({
|
setup() {
|
const currentPage = ref(1)
|
const pageSizes = ref([16, 30, 50, 100, 150, 200])
|
const pageSize = ref(16)
|
const pageTotal = ref(0)
|
const tableSearchParam = ref({
|
produce_no: null
|
})
|
const tableData = ref([])
|
|
function page(){
|
let data = JSON.parse(JSON.stringify(tableSearchParam.value))
|
data.curr = currentPage.value
|
data.limit = pageSize.value
|
if (tableSearchParam.value.datetime != null) {
|
data.datetime = null
|
data.create_time = tableSearchParam.value.datetime[0] + " - " + tableSearchParam.value.datetime[1]
|
}
|
$.ajax({
|
url: baseUrl + "/erpReceiving/list/auth",
|
headers: {
|
'token': localStorage.getItem('token')
|
},
|
data: data,
|
dataType: 'json',
|
contentType: 'application/json;charset=UTF-8',
|
method: 'GET',
|
success: function(res) {
|
if (res.code == 200) {
|
// 修复：直接赋值给 ref 变量
|
tableData.value = res.data.records
|
pageTotal.value = res.data.total
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
// 修复：使用 ElMessage 而不是 this.$message
|
ElMessage({
|
message: res.msg,
|
type: 'error'
|
});
|
}
|
}
|
});
|
}
|
|
function handleSizeChange(val) {
|
pageSize.value = val
|
currentPage.value = 1 // 重置到第一页
|
page()
|
}
|
|
function handleCurrentChange(val) {
|
currentPage.value = val
|
page()
|
}
|
function handleSelectionChange(val) {
|
console.log(val)
|
}
|
|
onMounted(() => {
|
page()
|
})
|
|
return {
|
tableData,
|
currentPage,
|
pageSizes,
|
pageSize,
|
pageTotal,
|
tableSearchParam,
|
page,
|
handleSizeChange,
|
handleCurrentChange,
|
handleSelectionChange
|
|
}
|
}
|
});
|
|
app.use(ElementPlus, {
|
locale: zhCn.default || zhCn
|
});
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
app.component(key, component)
|
}
|
app.mount('#app');
|
</script>
|
|
</body>
|
|
</html>
|
