Skip to content

T
template_vue
Commit e8d4f9fc authored by shifangwuji's avatar shifangwuji
Browse files
Options

九月十四

parent 80d0daee
Show whitespace changes
Inline Side-by-side
Showing with 1195 additions and 97 deletions
src/api/production/application.js 0 → 100644
View file @ e8d4f9fc
import request from '@/utils/request'
// 根据key值查询数据字典数据
export function getBindData(params) {
return request({
url: '/wbjl/queryWbjls',
method: 'get',
params
})
}
// 新增设备新增
export function bindApplication(data) {
return request({
url: '/wbjl/add',
method: 'post',
data,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
}
// 分页查询要处理的设备
export function getEquipment(params) {
return request({
url: '/wbwarehouse/canceListByPagination',
method: 'get',
params
})
}
src/api/production/barcodegeneration.js 0 → 100644
View file @ e8d4f9fc
import request from '@/utils/request'
// 查询列表
export function queryList(params) {
return request({
url: '/ysjbcode/queryysjbcodeByPagination',
method: 'get',
params
})
}
// 添加基础信息接口
export function add(data) {
return request({
url: '/ysjbcode/add',
method: 'post',
data,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
}
// 根据id查询基础信息接口
export function getDetailById(id) {
return request({
url: '/ysjbcode/detail/' + id,
method: 'get'
})
}
// 编辑基础信息接口
export function updataInfo(data) {
return request({
url: '/ysjbcode/update',
method: 'put',
data,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
}
// 逻辑删除基础信息接口
export function deleteLogical(id) {
return request({
url: '/ysjbcode/deleteLogical/' + id,
method: 'delete'
})
}
// 导出信息接口
export function exporTable(params) {
return request({
url: '/ysjbcode/export',
method: 'get',
params,
responseType: 'blob'
})
}
src/api/production/gxlog.js 0 → 100644
View file @ e8d4f9fc
import request from '@/utils/request'
// TODO: 用来进行工序库的出入库记录的 分页+时间+普通字段的查询
export function listLog(queryParams, queryMaps) {
console.log("queryParams",queryParams);
console.log("queryMaps",)
return request({
url: '/ysgxlog/queryYsGxLogByPagination',
method: 'get',
params: queryParams,
data: queryMaps,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
}
/* TODO: 用来查询单项出入库记录的废弃详情信息 */
export function findSingleLogDetail(singleLogIdAndPn) {
return request({
url: '/wbchemistrylog/detail',
method: 'post',
data: singleLogIdAndPn,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
}
/* TODO: 用来导出表单信息 */
export function exportInventoryRecord(params) {
return request({
url: '/wbchemistrylog/export',
method: 'get',
params,
responseType: 'blob'
})
}
src/views/production/barcodegeneration/index.vue 0 → 100644
View file @ e8d4f9fc
<template>
<div class="barcodegeneration-module app-container">
<!-- 搜索区 -->
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<div style="float: right">
<el-form-item>
<el-button
style="padding: 8px 7px;"
type="primary"
size="small"
icon="el-icon-plus"
@click="handleAdd"
>新增</el-button>
<el-button
style="padding: 8px 7px;"
type="success"
size="small"
icon="el-icon-download"
@click="handleExport"
>导出</el-button>
</el-form-item>
</div>
</el-form>
<!-- 分割线 -->
<div class="placeholder" />
<!-- 表单区 -->
<div style="padding:5px 10px">
<div class="mb12 font-small-bold">基础信息</div>
<el-table v-loading="loading" border :data="barcodegenerationList">
<el-table-column type="index" label="序号" width="50" />
<el-table-column label="jbcode" prop="jbcode" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jbcode || '-' }}
</template>
</el-table-column>
<el-table-column label="jblot" prop="jblot" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jblot || '-' }}
</template>
</el-table-column>
<el-table-column label="jbrank" prop="jbrank" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jbrank || '-' }}
</template>
</el-table-column>
<el-table-column label="备注" prop="remarks" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.remarks || '-' }}
</template>
</el-table-column>
<el-table-column label="创建时间" prop="updateDate" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ parseTime(scope.row.updateDate,'{y}-{m}-{d} {h}:{i}') || '-' }}
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区-->
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="getList"
/>
<!-- 新增修改弹出 -->
<el-dialog title="生产管理条码信息" :visible.sync="open" width="500px" append-to-body :close-on-click-modal="false" @close="cancel">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="jbcode" prop="jbcode">
<el-input ref="input1" v-model.trim="form.jbcode" :maxlength="30" placeholder="请输入jbcode" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
<el-form-item label="jblot" prop="jblot">
<el-input ref="input2" v-model.trim="form.jblot" :maxlength="30" placeholder="请输入jblot" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
<el-form-item label="jbrank" prop="jbrank">
<el-input ref="input3" v-model.trim="form.jbrank" :maxlength="30" placeholder="请输入jbrank" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input ref="input4" v-model.trim="form.remarks" :maxlength="30" placeholder="请输入备注" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { queryList, add, getDetailById, updataInfo, deleteLogical, exporTable } from '@/api/production/barcodegeneration'
import { parseTime } from '@/utils'
export default {
name: 'Index',
data() {
return {
title: '',
open: false,
form: {
},
rules: {
jbcode: [{ required: true, message: '请输入jbcode', trigger: 'blur' }],
jblot: [{ required: true, message: '请输入jblot', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }],
remarks: [{ required: false, message: '请输入备注', trigger: 'blur' }],
},
total: 0,
loading: false,
queryParams: {
page: 1,
rows: 10,
remarks: ''
},
statusOptions: {},
barcodegenerationList: []
}
},
created() {
this.getList()
},
methods: {
// 提交
submitForm() {
this.$refs.form.validate((valid) => {
if (valid) {
// 校验通过，提交表单或进行其他操作
if (this.form.businessId !== undefined) {
updataInfo(this.form).then(res => {
if (res.code === 200) {
this.open = false
this.$message.success('操作成功')
this.getList()
this.reFrom()
this.queryParams.page = 1
} else if (res.code === null) {
this.$message.error(res.message)
}
})
} else {
add(this.form).then(res => {
if (res.code === 200) {
this.open = false
this.$message.success('操作成功')
this.getList()
this.reFrom()
this.queryParams.page = 1
} else if (res.code === null) {
this.$message.error(res.message)
}
})
}
} else {
// 校验失败，显示错误信息或进行其他操作
}
})
},
cancel() {
this.open = false
this.reFrom()
},
handleDelete(row) {
const id = row.businessId
this.$confirm('是否确认操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(res => {
deleteLogical(id).then(res => {
if (res.code === 200) {
this.$message.success('操作成功')
this.getList()
}
})
})
},
// 编辑
handleUpdate(row) {
this.title = '编辑条码生成表单'
const id = row.businessId
getDetailById(id).then(res => {
this.form = res.data
this.open = true
})
},
// 初始化获取数据
getList() {
this.loading = true
queryList(this.queryParams).then(res => {
console.info(res.rows);
res.rows.update_date = parseTime(res.rows.updateDate, '{y}-{m}-{d}')
this.total = res.total
this.barcodegenerationList = res.rows
this.loading = false
})
},
handleAdd() {
this.open = true
this.title = '添加条码生成表单'
},
handleExport() {
// 构建查询参数，通常包括了筛选条件等
const queryParams = {
pn: this.queryParams.pn,
name: this.queryParams.name
};
// 获取最近的一条数据
queryList(queryParams).then(res => {
// 判断是否有数据
if (res.rows.length > 0) {
const latestData = res.rows[0]; // 获取最近的一条数据
// 创建导出数据对象
const exportData = {
businessId: latestData.businessId,
jbcode: latestData.jbcode,
jblot: latestData.jblot,
jbrank: latestData.jbrank,
remarks: latestData.remarks,
update_date: latestData.update_date,
};
// 执行导出操作，将最近的一条数据导出
exporTable(exportData).then(response => {
const blob = new Blob([response]);
const downloadElement = document.createElement('a');
const href = window.URL.createObjectURL(blob);
downloadElement.href = href;
downloadElement.download = '最近一条数据' + '.xls'; // 设置导出文件名
document.body.appendChild(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement);
window.URL.revokeObjectURL(href);
});
} else {
// 数据为空，给出提示
this.$message.warning('没有最近的数据可导出！');
}
});
}
}
}
</script>
<style lang="scss" scoped>
.barcodegeneration-module{
font-size: 18px;
padding: 0;
.placeholder{
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
}
</style>
\ No newline at end of file
src/views/production/craftsmanship/index.vue
View file @ e8d4f9fc
<template> <template>
<el-form ref="form" :model="form" label-width="80px"> <div class="app-container">
<div class="info"><span style="color: #333; font-weight: 700;">基本信息</span></div> <el-form ref="form" :model="form" :rules="rule" label-width="80px">
<div class="info"><span class="title">设备绑定</span></div>
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" style="padding-left: 16%;"> <el-col :span="12" style="padding-left: 10%;">
<el-form-item label="生产工艺"> <el-form-item label="jxpn" style="flex-basis: 50%;" prop="jxpn">
<el-select v-model="form.region" placeholder="请选择活动区域"> <el-input ref="input1" v-model="form.jxpn" placeholder="请输入jxpn" :minlength="3" style="width: 400px" :maxlength="100" @keyup.enter.native="handelTab(1,$event)" />
<el-option label="工艺一" value="shanghai" />
<el-option label="工艺二" value="beijing" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 16%;">
<el-form-item label="编码一" style="flex-basis: 50%;">
<el-input ref="input1" v-model="form.name" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="编码二" style="flex-basis: 50%;"> <el-form-item label="jbcode" style="flex-basis: 50%;" prop="jbcode">
<el-input ref="input2" v-model="form.date1" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(2,$event)" /> <el-input ref="input2" v-model="form.jbcode" placeholder="请输入jbcode" style="width: 400px" :maxlength="10" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" style="padding-left: 16%;"> <el-col :span="12" style="padding-left: 10%;">
<el-form-item label="编码三" style="flex-basis: 50%;"> <el-form-item label="jbrank" style="flex-basis: 50%;" prop="jbrank">
<el-input ref="input3" v-model="form.date2" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(3,$event)" /> <el-input ref="input3" v-model="form.jbrank" placeholder="请输入jbrank" style="width: 400px" :maxlength="100" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.region === 'beijing'" label="编码四" style="flex-basis: 50%;"> <el-form-item label="wb" style="flex-basis: 50%;" prop="wb">
<el-input ref="input4" v-model="form.type" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(4,$event)" /> <el-input ref="input2" v-model="form.wb" placeholder="请输wb" style="width: 400px" :maxlength="10" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
<el-form-item v-else label="编码六" style="flex-basis: 50%;">
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" style="padding-left: 16%;"> <el-col :span="12" style="padding-left: 10%;">
<el-form-item v-if="form.region === 'beijing'" label="编码五" style="flex-basis: 50%;"> <el-form-item label="jl" style="flex-basis: 50%;" prop="jl">
<el-input ref="input5" v-model="form.resource" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(5,$event)" /> <el-input ref="input3" v-model="form.jl" placeholder="请输入jl" style="width: 400px" :maxlength="100" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" :style="form.region !== 'beijing'? 'padding-left: 16%;': 'padding-left: noset;'"> <el-col :span="12">
<el-form-item v-if="form.region === 'beijing'" label="编码六" style="flex-basis: 50%;"> <el-form-item label="gx" style="flex-basis: 50%;" prop="gx">
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" /> <el-input ref="input2" v-model="form.gx" placeholder="请选择gx" style="width: 400px" :maxlength="10" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="button">
<el-button type="primary" @click="submitForm">提交</el-button> <!-- <div class="button">-->
</div> <!-- <el-button type="primary" @click="submitForm">提交</el-button>-->
</el-form> <!-- </div>-->
<!-- <el-form style="display: flex; flex-wrap: wrap;justify-content: center;">
<el-form-item label="编码一" style="flex-basis: 50%;">
<el-input ref="input1" v-model="form.name" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
<el-form-item label="编码二" style="flex-basis: 50%;">
<el-input ref="input2" v-model="form.date1" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
<el-form-item label="编码三" style="flex-basis: 50%;">
<el-input ref="input3" v-model="form.date2" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item>
<el-form-item v-if="form.region === 'beijing'" label="编码四" style="flex-basis: 50%;">
<el-input ref="input4" v-model="form.type" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
<el-form-item v-if="form.region === 'beijing'" label="编码五" style="flex-basis: 50%;">
<el-input ref="input5" v-model="form.resource" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
<el-form-item label="编码六" style="flex-basis: 50%;">
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-form> </el-form>
<el-form-item style="width: 100%;"> <el-form label-width="80px">
<el-row style="padding-left: 8.7%; padding-top: 1%">
<el-col :span="12">
<el-form-item style="flex-basis: 50%;">
<el-button type="primary" @click="submitForm">提交</el-button> <el-button type="primary" @click="submitForm">提交</el-button>
<el-button @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
</el-form> --> </el-col>
</el-row>
</el-form>
</div>
</template> </template>
<script> <script>
import { getBindData, bindApplication } from '@/api/production/application'
export default { export default {
name: 'Role',
data() { data() {
return { return {
isRequired: false,
// 对应后端配置文件cy.init.pgxList的的内容
phdList: ['003'],
// 判断是否存在缓存
exist: false,
form: { form: {
region: '', jxpn: '',
name: '', jbcode: '',
date1: '', jbrank: '',
date2: '', wb: '',
type: '', jl: '',
resource: '', gx: ''
desc: '', },
region: 'shanghai' rule: {
jxpn: [{ required: true, message: '请输入jxpn', trigger: 'blur' }],
jbcode: [{ required: true, message: '请输入jbcode', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }],
wb: [{ required: true, message: '请输入wb', trigger: 'blur' }],
jl: [{ required: true, message: '请输入jl', trigger: 'blur' }],
gx: [{ required: true, message: '请选择gx', trigger: 'blur' }]
},
pissbList: [],
} }
},
mounted() {
this.$nextTick(() => {
this.$refs.input1.$refs.input.focus()
})
},
// 路由跳转,是存储页面的值
beforeRouteLeave(to, from, next) {
console.log('form')
sessionStorage.setItem('applicationForm', JSON.stringify(this.form))
next()
},
created() {
sessionStorage.getItem('applicationForm') ? this.exist = true : this.exist = false
if (this.exist) {
this.form = JSON.parse(sessionStorage.getItem('applicationForm'))
} }
this.init()
}, },
methods: { methods: {
handlePgxChange() {
if (this.phdList.includes(this.form.pgx)){
this.isRequired = true
} else {
this.isRequired = false
}
},
resetQuery() {
this.form = {
jxpn: '',
jbcode: '',
jbrank: '',
wb: '',
jl: '',
gx:''
}
sessionStorage.setItem('applicationForm', JSON.stringify(this.form))
},
handelTab(i, e) { handelTab(i, e) {
const that = this const that = this
if (!that.$refs['input' + i]) { if (!that.$refs['input' + i]) {
...@@ -108,24 +134,96 @@ export default { ...@@ -108,24 +134,96 @@ export default {
const index = i + 1 const index = i + 1
that.$refs['input' + index].focus() that.$refs['input' + index].focus()
}) })
},
// 重置
resetFrom() {
this.form = {
jxpn: '',
jbcode: '',
jbrank: '',
wb: '',
jl: '',
gx:''
}
this.$refs.form.clearValidate()
},
// 初始化要调的接口
init() {
this.getBind()
},
// 提交时要调的接口
submitForm() {
this.$confirm('是否确认提交?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$refs.form.validate((valid) => {
if (valid) {
bindApplication(this.form).then(res => {
console.log('res', res)
if (res.code === 200) {
if (res.data !== null) {
this.$message({
showClose: true,
message: '添加成功',
type: 'success',
duration: 5000
})
}
this.resetFrom()
} else if (res.code === null) {
this.$message({
showClose: true,
message: res.message,
type: 'error',
duration: 10000
})
}
})
}
})
})
},
// 调数据字典查询
getBind() {
const obj = {
key: 'GX_CODE'
}
getBindData(obj).then(res => {
console.log('res', res)
if (res.code === 200 && res.data !== null) {
console.log('data', res.data)
this.pissbList = res.data
}
})
} }
} }
} }
</script> </script>
<style lang="scss" scoped>
<style scoped> .app-container {
.left-margin { font-size: 18px;
margin-left: 20px; padding: 0;
}
.info{ .info{
height: 100px; height: 100px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} .title{
.button{ font-size: 16px;
margin-top: 11%; color: #333;
font-weight: 700;
}
}
.button{
margin-top: 7%;
margin-left: 20%; margin-left: 20%;
}
} }
</style> </style>
src/views/production/gxlog/index.vue 0 → 100644
View file @ e8d4f9fc
<template>
<div class="app-container">
<div class="ToolBar">
<el-form v-show="showSearch" ref="queryForm" style="padding: 0 0 0 10px" :model="queryEntity" :inline="true">
<el-form-item label="pn" prop="pn">
<el-input
ref="autoGetFocusInput"
v-model="queryEntity.entity.pn"
placeholder="请输入pn"
clearable
:maxlength="inputMaxLength"
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="lot" prop="lot">
<el-input
v-model="queryEntity.entity.lot"
placeholder="请输入lot"
clearable
:maxlength="inputMaxLength"
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="库状态" prop="poperate">
<el-select
v-model="queryEntity.entity.poperate"
placeholder="请选择库状态"
filterable
clearable
@keyup.enter.native="handleQuery"
>
<el-option
v-for="option in selectOptionsAboutPoperate"
:key="option.value"
:label="option.label"
:value="option.value"
/>
</el-select>
</el-form-item> -->
<el-form-item label="操作时间" prop="date">
<div class="block">
<el-date-picker
v-model="dateRange"
value-format="yyyy-MM-dd"
style="width: 250px"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="handleChange"
/>
</div>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
<!--TODO: 导出和盘点按钮所在 -->
<el-form-item style="float: right;">
<el-button
type="success"
size="small"
icon="el-icon-download"
@click="handleExport"
>导出
</el-button>
</el-form-item>
</el-form>
</div>
<!-- TODO: 分隔符-->
<div class="placeholder" />
<!--TODO: Table表单-->
<transition name="fade-transform" mode="out-in">
<component
:is="BaseTable"
:key="queryParams.rows"
:all-table-arguments="allTableArguments"
@handle-detail="handleDetail"
@change-table-sort="changeTableSort"
/>
</transition>
<!--TODO: 分页组件-->
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="getList"
/>
<!-- TODO: 单项详情信息表单配置 -->
<el-dialog
class="aboutSingleDetails"
:title="title"
:visible.sync="openDetails"
:close-on-click-modal="false"
width="800px"
append-to-body
@closed="handleClose"
>
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="90px">
<el-row :gutter="10" justify="start" align="middle">
<el-col :span="12">
<el-form-item label="pn：" prop="pn">
<el-input ref="input1" v-model.trim="singleDetails.pn" :readonly="isReadOnly" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
<el-form-item label="lot：" prop="lot">
<el-input ref="input2" v-model.trim="singleDetails.lot" :readonly="isReadOnly" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
<el-form-item label="jbcode：" prop="jbcode">
<el-input ref="input3" v-model.trim="singleDetails.jbcode" :readonly="isReadOnly" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item>
<el-form-item label="jbrank：" prop="jbrank">
<el-input ref="input3" v-model.trim="singleDetails.jbrank" :readonly="isReadOnly" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
<el-form-item label="gx：" prop="gx">
<el-input ref="input3" v-model.trim="singleDetails.gx" :readonly="isReadOnly" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
<el-form-item label="jblot：" prop="jblot">
<el-input ref="input3" v-model.trim="singleDetails.jblot" :readonly="isReadOnly" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
<el-form-item label="wbcode：" prop="wbcode">
<el-input ref="input3" v-model.trim="singleDetails.wbcode" :readonly="isReadOnly" @keyup.enter.native="handelTab(7,$event)" />
</el-form-item>
<el-form-item label="jlname：" prop="jlname">
<el-input ref="input3" v-model.trim="singleDetails.jlname" :readonly="isReadOnly" @keyup.enter.native="handelTab(8,$event)" />
</el-form-item>
<el-form-item label="jilot：" prop="jilot">
<el-input ref="input3" v-model.trim="singleDetails.jilot" :readonly="isReadOnly" @keyup.enter.native="handelTab(9,$event)" />
</el-form-item>
<el-form-item label="wblot：" prop="wblot">
<el-input ref="input3" v-model.trim="singleDetails.wblot" :readonly="isReadOnly" @keyup.enter.native="handelTab(10,$event)" />
</el-form-item>
<el-form-item label="jlvalid_date：" prop="jlvalid_date">
<el-input ref="input3" v-model.trim="singleDetails.jlvalid_date" :readonly="isReadOnly" @keyup.enter.native="handelTab(11,$event)" />
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="库状态：" prop="poperate">
{{ selectedPoperate(singleDetails.poperate) }}
</el-form-item>
<el-form-item label="qty：" prop="qty">
{{ singleDetails.qty }}
</el-form-item>
<el-form-item label="memo：" prop="memo">
<el-input ref="input4" v-model.trim="singleDetails.memo" :readonly="isReadOnly" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
</el-col> -->
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="操作员：" prop="userName">
<el-input ref="input5" v-model.trim="singleDetails.userName" :readonly="isReadOnly" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="操作时间：" prop="createDate">
<el-input ref="input6" v-model.trim="singleDetails.createDate" :readonly="isReadOnly" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</template>
<script>
import { exportInventoryRecord, findSingleLogDetail, listLog } from '@/api/production/gxlog'
import BaseTable from '@/components/Table/BaseTable/index.vue'
import { BaseTableArgumentsTest } from '@/components/Table/AllTableArguments/BaseTableArguments'
export default {
name: 'InventoryRecord',
components: [
BaseTable
],
data() {
return {
textPrimary: 'text',
deleteName: '删除',
deleteSize: 'mini',
deleteDisabled: 'multiple',
cleanName: '清空',
cleanSize: 'small',
exportName: '导出',
exportSize: 'small',
delIcon: 'el-icon-delete',
exportIcon: 'el-icon-download',
// TODO: 限制搜索输入框的最大能输入数
inputMaxLength: 100,
// TODO:遮罩层
loading: true,
// 非多个禁用
multiple: true,
// TODO: 显示搜索条件
showSearch: true,
// TODO: 数据总条数
total: 0,
// TODO: 关于 Poperate的数据字典
/* selectOptionsAboutPoperate: [
{
value: '1',
label: '入库'
}, {
value: '2',
label: '出库'
},
{
value: '3',
label: '修正'
}
], */
// TODO: 查询参数
// TODO: 时间日期范围 调用全局方法来输入进去
dateRange: [],
queryParams: {
page: 1,
rows: 10,
beginTime: '',
endTime: ''
},
queryEntity: {
// TODO: 0表示倒序排序，1表示顺序排序
tableSortMark: 0,
entity: {
// TODO: 设备编码
pn: '',
// TODO: lot
lot: ''
// TODO: 库状态 1入库 2出库 3修正 4废弃
//poperate: ''
}
},
// TODO: list记录表名
listName: '工序日志',
// TODO: 用来接收数据源
inventoryRecordList: [],
// TODO: 用来说明每一列的类型
columObj: {
// 序列
nIndex: true,
// 序列根据条件是否继承排序顺序
nIndextable: false,
// 选择框
selection: false,
// 选择框根据条件是否可选
selectable: (row, index) => {
if (row.switchs) {
return true
}
},
// TODO: column列,columType(列类型,可选text(默认为普通文字模式),input(input可编辑框),switch(switch开关),image(图片),operation(操作按钮))
// TODO: :prop(参数),label(列名),width(宽度),align(对齐方式),sortable(是否支持排序)
columnData: [
{
text: true,
prop: 'pn',
label: 'pn'
},
{
text: true,
prop: 'lot',
label: 'lot'
},
// {
// text: true,
// prop: 'qty',
// label: 'qty',
// width: '180px',
// ownDefinedReturn: (row, $index) => {
// return this.selectedPoperate(row.poperate)
// }
// },
// {
// ownDefined: true,
// prop: 'poperate',
// label: 'ptype',
// ownDefinedReturn: (row, $index) => {
// return this.selectedPoperate(row.poperate)
// }
// },
{
text: true,
prop: 'jbcode',
label: 'jbcode',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'jbrank',
label: 'jbrank',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'gx',
label: 'gx',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'jblot',
label: 'jblot',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'wbcode',
label: 'wbcode',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'jlname',
label: 'jlname',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'jilot',
label: 'jilot',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'wblot',
label: 'wblot',
sortable: false,
width: '150px'
},
{
text: true,
prop: 'userName',
label: '操作员',
sortable: false,
width: '150px'
},
{
time: true,
prop: 'jlvalidDate',
label: 'jlvalid_date',
align: 'center'
},
{
time: true,
prop: 'createDate',
label: '操作时间',
align: 'center'
},
/* TODO: 如果为操作列,则需要填写需要的操作按钮,类型为Object。operation(操作类型,可选edit,delete,see),type(按钮样式,参考el—botton类型),label(按钮文字)icon(参考el-icon),color(字体颜色)
* clickType 1为详情 2为修改 3为删除
* */
{
isOperation: true,
label: '操作',
width: '80px',
align: 'center',
sortable: false,
operation: [{
clickType: '1',
label: '详情',
icon: '',
color: '',
size: this.size
}]
}
]
},
// TODO: 表单里的单项详情参数
title: '',
openDetails: false,
isReadOnly: true,
singleDetails: {},
// TODO: 获取表单单项详情的参数
singleLogIdAndPn: {}
}
},
computed: {
BaseTable() {
return BaseTable
},
// TODO: 用来汇总Table组件所需要的全部数据并一次性传输给子组件
allTableArguments() {
const baseTableArgumentsTest = new BaseTableArgumentsTest()
baseTableArgumentsTest.listName = this.listName
baseTableArgumentsTest.loading = this.loading
baseTableArgumentsTest.List = this.inventoryRecordList
baseTableArgumentsTest.queryParams = this.queryParams
baseTableArgumentsTest.columObj = this.columObj
return baseTableArgumentsTest
}
},
/** 路由离开前存储筛选条件*/
beforeRouteLeave(to, from, next) {
this.$store.dispatch('searchSave/searchParamsSet', {
path: this.$route.path,
param: {
...this.queryParams
}
})
next()
},
created() {
this.getList()
},
// 监听回车
mounted() {
this.$refs.autoGetFocusInput.focus()
},
methods: {
handleChange() {
console.log('dateRange', this.dateRange)
if (this.dateRange !== null) {
this.queryParams.beginTime = this.dateRange[0] + ' 00:00:00'
this.queryParams.endTime = this.dateRange[1] + ' 23:59:00'
} else {
this.queryParams.beginTime = ''
this.queryParams.endTime = ''
}
},
// 回车跳转下一个输入框
focusNextInput(form) {
this.$nextTick(() => {
this.$refs[form].$refs.input.focus()
})
},
// 回车到下一个输入框方法
handelTab(i, e) {
const that = this
if (that.$refs['input' + i]) {
that.$nextTick(() => {
e.target.blur()
const index = i + 1
that.$refs['input' + index].focus()
})
}
},
/** TODO:查询工序库的出入库记录列表 */
getList() {
this.loading = true
listLog(this.queryParams, this.addDateRange(this.queryEntity, this.dateRange)).then(response => {
this.inventoryRecordList = response.rows
this.total = response.total
this.loading = false
})
},
/* TODO: poperate的库状态判断的公用方法 */
// selectedPoperate(poperate) {
// switch (poperate) {
// case '1':
// return '入库'
// case '2':
// return '出库'
// case '3':
// return '修正'
// case '4':
// return '废弃'
// default:
// return ''
// }
// },
/** TODO: 查询按钮操作 */
handleQuery() {
this.queryParams.page = 1
this.getList()
},
/** TODO: 重置按钮操作 */
resetQuery() {
this.queryEntity = {
tableSortMark: 0,
entity: {
pn: '',
lot: ''
}
}
this.dateRange = []
this.handleQuery()
},
/* TODO: 控制单项表单关闭的详情 */
handleClose() {
this.singleLogIdAndPn = {}
},
/* TODO: 进行排序 */
changeTableSort: function(val) {
console.log('column', val)
// TODO:按照降序排序
if (val.order === 'descending') {
this.queryEntity.tableSortMark = 0
} else {
// TODO:按照升序排序
this.queryEntity.tableSortMark = 1
}
this.getList()
},
handleDetail: function(row) {
this.singleDetails = { ...row }
/* TODO: 设置单项详情的查询的条件 */
this.singleLogIdAndPn['businessId'] = row.businessId
this.singleLogIdAndPn['pn'] = row.pn
/* TODO: 进行单项详情的查询 */
findSingleLogDetail(this.singleLogIdAndPn).then(
response => {
this.singleDetails = Object.assign({}, response.data, { ...row })
}
)
this.title = '记录详情'
this.openDetails = true
},
handleExport() {
const obj = {
page: this.queryParams.page,
row: this.queryParams.rows,
beginTime: this.queryParams.beginTime,
endTime: this.queryParams.endTime,
pn: this.queryEntity.entity.pn,
lot: this.queryEntity.entity.lot
}
exportInventoryRecord(obj).then(response => {
const blob = new Blob([response])
const downloadElement = document.createElement('a')
// TODO: 创建下载的链接
const href = window.URL.createObjectURL(blob)
downloadElement.href = href
// TODO: 下载后文件名
downloadElement.download = '出入库记录' + '.xls'
document.body.appendChild(downloadElement)
// TODO: 点击下载
downloadElement.click()
// TODO: 下载完成移除元素
document.body.removeChild(downloadElement)
// TODO: 释放掉blob对象
window.URL.revokeObjectURL(href)
// this.download(response.msg);
})
}
}
}
</script>
<style lang="scss" scoped>
.app-container {
padding: 0;
font-size: 18px;
.placeholder{
height:1.3vh;
background-color: #F4F4F4;
margin-bottom:10px
}
/*TODO: 这里是调整ToolBar的样式的噢！*/
.ToolBar{
.el-form{
.el-form-item{
.el-select{
width: 160px
}
.el-input{
width: 180px
}
}
/* TODO: 定义按钮样式 */
.el-button{
padding: 8px 7px;
}
}
}
}
/* TODO: 专门用来解决el-input边框的问题 */
.aboutSingleDetails{
.el-form{
.el-form-item{
.el-input >>> .el-input__inner {
-webkit-appearance: none;
background-color: #FFF;
background-image: none;
border-radius: 4px;
border: 0;
width: 100%;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment