Skip to content

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

9/17(2)

parent 7e9dc3c6
Hide whitespace changes
Inline Side-by-side
Showing with 461 additions and 1430 deletions
src/views/production/barcodegeneration/index.vue
View file @ eda791e3
<template>
<div class="basicInformation-module app-container">
<!-- 搜索区 -->
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form
ref="queryForm"
style="padding: 0 0 0 10px"
:model="queryParams"
:inline="true"
>
<el-form-item label="jbcode" prop="jbcode">
<el-input
v-model="queryParams.jbcode"
......@@ -34,71 +39,111 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
<el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
<el-button
type="primary"
style="padding: 8px 7px"
icon="el-icon-search"
size="small"
@click="handleQuery"
>查询</el-button
>
<el-button
style="padding: 8px 7px"
icon="el-icon-refresh"
size="small"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
<div style="float: right">
<el-form-item>
<el-button
style="padding: 8px 7px;"
style="padding: 8px 7px"
type="primary"
size="small"
icon="el-icon-plus"
@click="handleAdd"
>新增</el-button>
>新增</el-button
>
<el-button
style="padding: 8px 7px;"
style="padding: 8px 7px"
type="success"
size="small"
icon="el-icon-download"
@click="handleExport"
>导出</el-button>
>导出</el-button
>
</el-form-item>
</div>
</el-form>
<!-- 分割线 -->
<div class="placeholder" />
<!-- 表单区 -->
<div style="padding:5px 10px">
<div style="padding: 5px 10px">
<div class="mb12 font-small-bold">条码生成</div>
<el-table v-loading="loading" border :data="basicinfoMationList">
<el-table-column type="index" label="序号" width="50" />
<el-table-column label="jbcode" prop="jbcode" :show-overflow-tooltip="true">
<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">
<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">
<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="createName" :show-overflow-tooltip="true">
<el-table-column
label="操作人"
prop="createName"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.createName || '-' }}
</template>
</el-table-column>
<el-table-column label="操作日期" prop="updateDate" :show-overflow-tooltip="true">
<el-table-column
label="操作日期"
prop="updateDate"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ parseTime(scope.row.updateDate,'{y}-{m}-{d} {h}:{i}') || '-' }}
{{ parseTime(scope.row.updateDate, '{y}-{m}-{d} {h}:{i}') || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="150px">
<el-table-column
label="操作"
class-name="small-padding fixed-width"
width="150px"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
>删除</el-button
>
</template>
</el-table-column>
<!-- <el-table-column label="操作">-->
<!-- <el-table-column label="操作">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- size="mini"-->
......@@ -125,15 +170,26 @@
</div>
<!-- 分页区-->
<pagination
v-show="total>0"
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" width="60%" append-to-body>
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="90px">
<el-dialog
class="aboutSingleDetails"
:title="title"
:visible.sync="openDetails"
width="60%"
append-to-body
>
<el-form
ref="formDetails"
:model="singleDetails"
size="small"
label-width="90px"
>
<el-row>
<el-col :span="8">
<el-form-item label="jbcode：" prop="jbcode">
......@@ -156,29 +212,66 @@
<el-row>
<el-col :span="8">
<el-form-item label="操作人：" prop="createName">
<el-input v-model.trim="singleDetails.createName" :readonly="true" />
<el-input
v-model.trim="singleDetails.createName"
:readonly="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label=" 操作时间：" prop="createDate">
<el-input v-model.trim="singleDetails.createDate" :readonly="true" />
<el-input
v-model.trim="singleDetails.createDate"
:readonly="true"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
<!-- 新增修改弹出 -->
<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-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-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>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
......@@ -189,7 +282,14 @@
</template>
<script>
import { queryList, add, getDetailById, updataInfo, deleteLogical, exporTable } from '@/api/production/barcodegeneration'
import {
queryList,
add,
getDetailById,
updataInfo,
deleteLogical,
exporTable
} from '@/api/production/barcodegeneration'
import { parseTime } from '@/utils'
export default {
......@@ -198,13 +298,11 @@ export default {
return {
title: '',
open: false,
form: {
},
form: {},
rules: {
jbcode: [{ required: true, message: '请输入jbcode', trigger: 'blur' }],
jblot: [{ required: true, message: '请输入jblot', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }]
},
total: 0,
loading: false,
......@@ -257,7 +355,7 @@ export default {
},
// 提交
submitForm() {
this.$refs.form.validate((valid) => {
this.$refs.form.validate(valid => {
if (valid) {
// 校验通过，提交表单或进行其他操作
if (this.form.businessId !== undefined) {
......@@ -405,11 +503,11 @@ export default {
</script>
<style lang="scss" scoped>
.aboutSingleDetails{
.el-form-item{
.aboutSingleDetails {
.el-form-item {
.el-input >>> .el-input__inner {
-webkit-appearance: none;
background-color: #FFF;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 0;
......@@ -417,13 +515,13 @@ export default {
}
}
}
.basicInformation-module{
font-size: 18px;
padding: 0;
.placeholder{
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.basicInformation-module {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #f4f4f4;
margin-bottom: 10px;
}
}
</style>
src/views/production/barcodegeneration/index1.vue deleted 100644 → 0
View file @ 7e9dc3c6
<template>
<div class="barcodegeneration-module app-container">
<!-- 搜索区 -->
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="pn" prop="pn">
<el-input
v-model="queryParams.pn"
placeholder="请输入pn"
clearable
:maxlength="30"
size="small"
style="width: 150px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="pgx" prop="pgx">
<el-select
v-model="queryParams.pgx"
clearable
placeholder="请选择pgx"
:style="{ width: '150px', height: '30px' }"
>
<el-option
v-for="(dict,index) in pgxList"
:key="index"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="ptype" prop="ptype">
<el-input
v-model="queryParams.ptype"
placeholder="请输入ptype"
clearable
:maxlength="30"
size="small"
style="width: 150px"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
<el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
</el-form-item>
<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">基础信息11</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 @ eda791e3
<template>
<div class="basicInformation-module app-container">
<!-- 搜索区 -->
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form
ref="queryForm"
style="padding: 0 0 0 10px"
:model="queryParams"
:inline="true"
>
<el-form-item label="jxpn" prop="jxpn">
<el-input
v-model="queryParams.jxpn"
......@@ -34,25 +39,39 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
<el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
<el-button
type="primary"
style="padding: 8px 7px"
icon="el-icon-search"
size="small"
@click="handleQuery"
>查询</el-button
>
<el-button
style="padding: 8px 7px"
icon="el-icon-refresh"
size="small"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
<div style="float: right">
<el-form-item>
<el-button
style="padding: 8px 7px;"
style="padding: 8px 7px"
type="primary"
size="small"
icon="el-icon-plus"
@click="handleAdd"
>新增</el-button>
>新增</el-button
>
</el-form-item>
</div>
</el-form>
<!-- 分割线 -->
<div class="placeholder" />
<!-- 表单区 -->
<div style="padding:5px 10px">
<div style="padding: 5px 10px">
<div class="mb12 font-small-bold">设备绑定</div>
<el-table v-loading="loading" border :data="basicinfoMationList">
<el-table-column type="index" label="序号" width="50" />
......@@ -61,12 +80,20 @@
{{ scope.row.jxpn || '-' }}
</template>
</el-table-column>
<el-table-column label="jbcode" prop="jbcode" :show-overflow-tooltip="true">
<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="jbrank" prop="jbrank" :show-overflow-tooltip="true">
<el-table-column
label="jbrank"
prop="jbrank"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.jbrank || '-' }}
</template>
......@@ -86,38 +113,50 @@
{{ scope.row.gx || '-' }}
</template>
</el-table-column>
<el-table-column label="操作人" prop="createName" :show-overflow-tooltip="true">
<el-table-column
label="操作人"
prop="createName"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.createName || '-' }}
</template>
</el-table-column>
<el-table-column label="操作日期" prop="createDate" :show-overflow-tooltip="true">
<el-table-column
label="操作日期"
prop="createDate"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ parseTime(scope.row.createDate,'{y}-{m}-{d} {h}:{i}') || '-' }}
{{ parseTime(scope.row.createDate, '{y}-{m}-{d} {h}:{i}') || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="200px">
<el-table-column
label="操作"
class-name="small-padding fixed-width"
width="200px"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
style="color: #49cec9"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
@click="handleDetail(scope.row)"
>详情</el-button>
>修改</el-button
>
<el-button size="mini" type="text" @click="handleDetail(scope.row)"
>详情</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
>删除</el-button
>
</template>
</el-table-column>
<!-- <el-table-column label="操作">-->
<!-- <el-table-column label="操作">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- size="mini"-->
......@@ -144,93 +183,142 @@
</div>
<!-- 分页区-->
<pagination
v-show="total>0"
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" width="400px" append-to-body :close-on-click-modal="false">
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="80px">
<el-form-item label="jxpn：" prop="jxpn">
<el-input v-model.trim="singleDetails.jxpn" :readonly="true" />
</el-form-item>
<el-form-item label="jbcode：" prop="jbcode">
<el-input v-model.trim="singleDetails.jbcode" :readonly="true" />
</el-form-item>
<el-form-item label="jbrank：" prop="jbrank">
<el-input v-model.trim="singleDetails.jbrank" :readonly="true" />
</el-form-item>
<el-form-item label="wb：" prop="wb">
<el-input v-model.trim="singleDetails.wb" :readonly="true" />
</el-form-item>
<el-form-item label="jl：" prop="jl">
<el-input v-model.trim="singleDetails.jl" :readonly="true" />
</el-form-item>
<el-form-item label="gx：" prop="gx">
<el-input v-model.trim="singleDetails.gx" :readonly="true" />
</el-form-item>
<el-form-item label="操作人：" prop="createName">
<el-input v-model.trim="singleDetails.createName" :readonly="true" />
</el-form-item>
<el-form-item label=" 操作时间：" prop="createDate">
<el-input v-model.trim="singleDetails.createDate" :readonly="true" />
</el-form-item>
<el-dialog
class="aboutSingleDetails"
:title="title"
:visible.sync="openDetails"
width="400px"
append-to-body
:close-on-click-modal="false"
>
<el-form
ref="formDetails"
:model="singleDetails"
size="small"
label-width="80px"
>
<el-form-item label="jxpn：" prop="jxpn">
<el-input v-model.trim="singleDetails.jxpn" :readonly="true" />
</el-form-item>
<el-form-item label="jbcode：" prop="jbcode">
<el-input v-model.trim="singleDetails.jbcode" :readonly="true" />
</el-form-item>
<el-form-item label="jbrank：" prop="jbrank">
<el-input v-model.trim="singleDetails.jbrank" :readonly="true" />
</el-form-item>
<el-form-item label="wb：" prop="wb">
<el-input v-model.trim="singleDetails.wb" :readonly="true" />
</el-form-item>
<el-form-item label="jl：" prop="jl">
<el-input v-model.trim="singleDetails.jl" :readonly="true" />
</el-form-item>
<el-form-item label="gx：" prop="gx">
<el-input v-model.trim="singleDetails.gx" :readonly="true" />
</el-form-item>
<el-form-item label="操作人：" prop="createName">
<el-input v-model.trim="singleDetails.createName" :readonly="true" />
</el-form-item>
<el-form-item label=" 操作时间：" prop="createDate">
<el-input v-model.trim="singleDetails.createDate" :readonly="true" />
</el-form-item>
</el-form>
</el-dialog>
<!-- 新增修改弹出 -->
<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="jxpn" prop="jxpn">
<el-input ref="input1" v-model.trim="form.jxpn" :maxlength="30" placeholder="请输入jxpn" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
<el-form-item label="jbcode" prop="jbcode">
<el-input ref="input2" v-model.trim="form.jbcode" :maxlength="30" placeholder="请输入jbcode" @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="wb" prop="wb">
<el-input ref="input4" v-model.trim="form.wb" :maxlength="30" placeholder="请输入wb" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
<el-form-item label="jl" prop="jl">
<el-input ref="input5" v-model.trim="form.jl" :maxlength="30" placeholder="请输入jl" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
<el-form-item label="gx" prop="gx">
<el-select
v-model="form.gx"
clearable
placeholder="请选择gx"
style="width: 340px"
@change="handleGxChange"
>
<el-option
v-for="(dict,index) in pissbList"
:key="index"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<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="jxpn" prop="jxpn">
<el-input
ref="input1"
v-model.trim="form.jxpn"
:maxlength="30"
placeholder="请输入jxpn"
@keyup.enter.native="handelTab(1, $event)"
/>
</el-form-item>
<el-form-item label="jbcode" prop="jbcode">
<el-input
ref="input2"
v-model.trim="form.jbcode"
:maxlength="30"
placeholder="请输入jbcode"
@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="wb" prop="wb">
<el-input
ref="input4"
v-model.trim="form.wb"
:maxlength="30"
placeholder="请输入wb"
@keyup.enter.native="handelTab(4, $event)"
/>
</el-form-item>
<el-form-item label="jl" prop="jl">
<el-input
ref="input5"
v-model.trim="form.jl"
:maxlength="30"
placeholder="请输入jl"
@keyup.enter.native="handelTab(5, $event)"
/>
</el-form-item>
<el-form-item label="gx" prop="gx">
<el-select
v-model="form.gx"
clearable
placeholder="请选择gx"
style="width: 340px"
@change="handleGxChange"
>
<el-option
v-for="(dict, index) in pissbList"
:key="index"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
......@@ -241,7 +329,15 @@
</template>
<script>
import { queryList, add, getDetailById, updataInfo, deleteLogical, exporTable, getDictData } from '@/api/production/application'
import {
queryList,
add,
getDetailById,
updataInfo,
deleteLogical,
exporTable,
getDictData
} from '@/api/production/application'
import { parseTime } from '@/utils'
export default {
......@@ -251,13 +347,11 @@ export default {
phdList: ['003'],
title: '',
open: false,
form: {
},
form: {},
rules: {
jxpn: [{ required: true, message: '请输入jxpn', trigger: 'blur' }],
jbcode: [{ required: true, message: '请输入jbcode', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }],
jbrank: [{ required: true, message: '请输入jbrank', trigger: 'blur' }]
},
pissbList: [],
total: 0,
......@@ -289,7 +383,7 @@ export default {
},
methods: {
handleGxChange() {
if (this.phdList.includes(this.form.gx)){
if (this.phdList.includes(this.form.gx)) {
this.isRequired = true
} else {
this.isRequired = false
......@@ -323,7 +417,7 @@ export default {
},
// 提交
submitForm() {
this.$refs.form.validate((valid) => {
this.$refs.form.validate(valid => {
if (valid) {
// 校验通过，提交表单或进行其他操作
if (this.form.businessId !== undefined) {
......@@ -466,7 +560,6 @@ export default {
this.pissbList = res.data
}
})
},
handleExport() {
const obj = {
......@@ -493,8 +586,8 @@ export default {
// this.download(response.msg);
})
},
// 调数据字典查询
getDict() {
// 调数据字典查询
getDict() {
const obj = {
key: 'GX_CODE'
}
......@@ -510,11 +603,11 @@ export default {
</script>
<style lang="scss" scoped>
.aboutSingleDetails{
.el-form-item{
.aboutSingleDetails {
.el-form-item {
.el-input >>> .el-input__inner {
-webkit-appearance: none;
background-color: #FFF;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 0;
......@@ -522,13 +615,13 @@ export default {
}
}
}
.basicInformation-module{
font-size: 18px;
padding: 0;
.placeholder{
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.basicInformation-module {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #f4f4f4;
margin-bottom: 10px;
}
}
</style>
src/views/production/craftsmanship/index1.vue deleted 100644 → 0
View file @ 7e9dc3c6
<template>
<div class="app-container">
<el-form ref="form" :model="form" :rules="rule" label-width="80px">
<div class="info"><span class="title">设备绑定</span></div>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jxpn" style="flex-basis: 50%;" prop="jxpn">
<el-input ref="input1" v-model="form.jxpn" placeholder="请输入jxpn" :minlength="3" style="width: 400px" :maxlength="100" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="jbcode" style="flex-basis: 50%;" prop="jbcode">
<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-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jbrank" style="flex-basis: 50%;" prop="jbrank">
<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-col>
<el-col :span="12">
<el-form-item label="wb" style="flex-basis: 50%;" prop="wb">
<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-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jl" style="flex-basis: 50%;" prop="jl">
<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-col>
<el-col :span="12">
<el-form-item label="gx" style="flex-basis: 50%;" prop="gx">
<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-col>
</el-row>
<!-- <div class="button">-->
<!-- <el-button type="primary" @click="submitForm">提交</el-button>-->
<!-- </div>-->
</el-form>
<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 @click="resetQuery">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
import { getBindData, bindApplication } from '@/api/production/application1'
export default {
name: 'Role',
data() {
return {
isRequired: false,
// 对应后端配置文件cy.init.pgxList的的内容
phdList: ['003'],
// 判断是否存在缓存
exist: false,
form: {
jxpn: '',
jbcode: '',
jbrank: '',
wb: '',
jl: '',
gx: ''
},
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: {
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) {
const that = this
if (!that.$refs['input' + i]) {
return
}
that.$nextTick(() => {
e.target.blur()
const index = i + 1
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>
<style lang="scss" scoped>
.app-container {
font-size: 18px;
padding: 0;
.info{
height: 100px;
display: flex;
align-items: center;
justify-content: center;
.title{
font-size: 16px;
color: #333;
font-weight: 700;
}
}
.button{
margin-top: 7%;
margin-left: 20%;
}
}
</style>
src/views/production/gxlog/index.vue
View file @ eda791e3
<template>
<div class="basicInformation-module app-container">
<!-- 搜索区 -->
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form
ref="queryForm"
style="padding: 0 0 0 10px"
:model="queryParams"
:inline="true"
>
<el-form-item label="pn" prop="pn">
<el-input
v-model="queryParams.pn"
......@@ -44,8 +49,21 @@
/>
</el-form-item>
<el-form-item>
<el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
<el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
<el-button
type="primary"
style="padding: 8px 7px"
icon="el-icon-search"
size="small"
@click="handleQuery"
>查询</el-button
>
<el-button
style="padding: 8px 7px"
icon="el-icon-refresh"
size="small"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
<!-- <div style="float: right">
<el-form-item>
......@@ -62,7 +80,7 @@
<!-- 分割线 -->
<div class="placeholder" />
<!-- 表单区 -->
<div style="padding:5px 10px">
<div style="padding: 5px 10px">
<div class="mb12 font-small-bold">工序日志</div>
<el-table v-loading="loading" border :data="basicinfoMationList">
<el-table-column type="index" label="序号" width="50" />
......@@ -71,7 +89,11 @@
{{ scope.row.pn || '-' }}
</template>
</el-table-column>
<el-table-column label="ptype" prop="ptype" :show-overflow-tooltip="true">
<el-table-column
label="ptype"
prop="ptype"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.ptype || '-' }}
</template>
......@@ -81,7 +103,11 @@
{{ scope.row.lot || '-' }}
</template>
</el-table-column>
<el-table-column label="jbcode" prop="jbcode" :show-overflow-tooltip="true">
<el-table-column
label="jbcode"
prop="jbcode"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.jbcode || '-' }}
</template>
......@@ -96,22 +122,38 @@
{{ scope.row.gx || '-' }}
</template>
</el-table-column>
<el-table-column label="jblot" prop="jblot" :show-overflow-tooltip="true">
<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="操作人" prop="createName" :show-overflow-tooltip="true">
<el-table-column
label="操作人"
prop="createName"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ scope.row.createName || '-' }}
</template>
</el-table-column>
<el-table-column label="操作日期" prop="updateDate" :show-overflow-tooltip="true">
<el-table-column
label="操作日期"
prop="updateDate"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
{{ parseTime(scope.row.updateDate,'{y}-{m}-{d} {h}:{i}') || '-' }}
{{ parseTime(scope.row.updateDate, '{y}-{m}-{d} {h}:{i}') || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="100px">
<el-table-column
label="操作"
class-name="small-padding fixed-width"
width="100px"
>
<template slot-scope="scope">
<!-- <el-button
size="mini"
......@@ -119,11 +161,9 @@
style="color: #49cec9"
@click="handleUpdate(scope.row)"
>修改</el-button> -->
<el-button
size="mini"
type="text"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button size="mini" type="text" @click="handleDetail(scope.row)"
>详情</el-button
>
<!-- <el-button
size="mini"
type="text"
......@@ -132,7 +172,7 @@
>删除</el-button> -->
</template>
</el-table-column>
<!-- <el-table-column label="操作">-->
<!-- <el-table-column label="操作">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- size="mini"-->
......@@ -159,15 +199,27 @@
</div>
<!-- 分页区-->
<pagination
v-show="total>0"
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" width="700px" append-to-body :close-on-click-modal="false">
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="90px">
<el-dialog
class="aboutSingleDetails"
:title="title"
:visible.sync="openDetails"
width="700px"
append-to-body
:close-on-click-modal="false"
>
<el-form
ref="formDetails"
:model="singleDetails"
size="small"
label-width="90px"
>
<el-row>
<el-col :span="12">
<el-form-item label="pn：" prop="pn">
......@@ -238,98 +290,35 @@
<el-row>
<el-col :span="12">
<el-form-item label="操作人：" prop="createName">
<el-input v-model.trim="singleDetails.createName" :readonly="true" />
<el-input
v-model.trim="singleDetails.createName"
:readonly="true"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label=" 操作时间：" prop="createDate">
<el-input v-model.trim="singleDetails.createDate" :readonly="true" />
<el-input
v-model.trim="singleDetails.createDate"
:readonly="true"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
<!-- 新增修改弹出 -->
<el-dialog title="工序日志" :visible.sync="open" width="50%" append-to-body :close-on-click-modal="false" @close="cancel">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="pn" prop="pn">
<el-input ref="input1" v-model.trim="form.pn" :maxlength="30" placeholder="请输入pn" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="ptype" prop="ptype">
<el-input ref="input2" v-model.trim="form.ptype" :maxlength="30" placeholder="请输入ptype" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="lot" prop="lot">
<el-input ref="input3" v-model.trim="form.lot" :maxlength="30" placeholder="请输入lot" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="jbcode" prop="jbcode">
<el-input ref="input4" v-model.trim="form.jbcode" :maxlength="30" placeholder="请输入jbcode" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jbrank" prop="jbrank">
<el-input ref="input5" v-model.trim="form.jbrank" :maxlength="30" placeholder="请输入jbrank" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="gx" prop="gx">
<el-input ref="input6" v-model.trim="form.gx" :maxlength="30" placeholder="请输入gx" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jblot" prop="jblot">
<el-input ref="input5" v-model.trim="form.jblot" :maxlength="30" placeholder="请输入jblot" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="wbcode" prop="wbcode">
<el-input ref="input6" v-model.trim="form.wbcode" :maxlength="30" placeholder="请输入wbcode" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="jlname" prop="jlname">
<el-input ref="input5" v-model.trim="form.jlname" :maxlength="30" placeholder="请输入jlname" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="jllot" prop="jllot">
<el-input ref="input6" v-model.trim="form.jllot" :maxlength="30" placeholder="请输入jllot" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12" style="padding-left: 10%;">
<el-form-item label="wblot" prop="wblot">
<el-input ref="input5" v-model.trim="form.wblot" :maxlength="30" placeholder="请输入wblot" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
</el-col>
</el-row>
</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/gxlog'
import {
queryList,
add,
getDetailById,
updataInfo,
deleteLogical,
exporTable
} from '@/api/production/gxlog'
import { parseTime } from '@/utils'
export default {
......@@ -338,9 +327,7 @@ export default {
return {
title: '',
open: false,
form: {
},
form: {},
rules: {
pn: [{ required: true, message: '请输入pn', trigger: 'blur' }],
ptype: [{ required: true, message: '请输入ptype', trigger: 'blur' }],
......@@ -352,8 +339,7 @@ export default {
wbcode: [{ required: true, message: '请输入wbcode', trigger: 'blur' }],
jlname: [{ required: true, message: '请输入jlname', trigger: 'blur' }],
jllot: [{ required: true, message: '请输入jllot', trigger: 'blur' }],
wblot: [{ required: true, message: '请输入wblot', trigger: 'blur' }],
wblot: [{ required: true, message: '请输入wblot', trigger: 'blur' }]
},
total: 0,
loading: false,
......@@ -413,7 +399,7 @@ export default {
},
// 提交
submitForm() {
this.$refs.form.validate((valid) => {
this.$refs.form.validate(valid => {
if (valid) {
// 校验通过，提交表单或进行其他操作
if (this.form.businessId !== undefined) {
......@@ -564,11 +550,11 @@ export default {
</script>
<style lang="scss" scoped>
.aboutSingleDetails{
.el-form-item{
.aboutSingleDetails {
.el-form-item {
.el-input >>> .el-input__inner {
-webkit-appearance: none;
background-color: #FFF;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 0;
......@@ -576,13 +562,13 @@ export default {
}
}
}
.basicInformation-module{
font-size: 18px;
padding: 0;
.placeholder{
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.basicInformation-module {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #f4f4f4;
margin-bottom: 10px;
}
}
</style>
src/views/production/gxlog/index1.vue deleted 100644 → 0
View file @ 7e9dc3c6
<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