Skip to content

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

9/20(2)

parent 571e53f7
Show whitespace changes
Inline Side-by-side
Showing with 323 additions and 147 deletions
src/api/production/gfual.js
View file @ eacd89ac
...@@ -8,7 +8,7 @@ export function queryList(params) { ...@@ -8,7 +8,7 @@ export function queryList(params) {
params params
}) })
} }
// 添加基础信息接口 // 保存接口
export function add(data) { export function add(data) {
return request({ return request({
url: '/ysgxlog/add', url: '/ysgxlog/add',
...@@ -20,17 +20,11 @@ export function add(data) { ...@@ -20,17 +20,11 @@ export function add(data) {
}) })
} }
// 根据id查询基础信息接口
export function getDetailById(id) {
return request({
url: '/ysgxlog/detail/' + id,
method: 'get'
})
}
// 编辑基础信息接口 // 编辑基础信息接口
export function updataInfo(data) { export function updataInfo(data) {
return request({ return request({
url: '/ysgxlog/update', url: '/ysgxlog/unlock',
method: 'put', method: 'put',
data, data,
headers: { headers: {
......
src/views/production/gfual/index copy.vue
View file @ eacd89ac
<template> <template>
<div class="app-container"> <div class="app-container">
<div style="width: 80%; margin-left: 80px; padding-left: 8.6%"> <div style="width: 80%; margin-left: 80px; padding-left: 8.6%">
<el-form ref="form" :model="form" :rules="rule" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12" >
<el-form-item label="pn：" style="flex-basis: 50%;" prop="pn"> <el-form-item label="pn：" style="flex-basis: 50%;" prop="pn">
...@@ -20,13 +20,14 @@ ...@@ -20,13 +20,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="gx：" prop="gx"> <el-form-item label="gx：" prop="gx">
<el-select <el-select
v-model="queryParams.gx" v-model="form.gx"
clearable clearable
placeholder="请选择gx" placeholder="请选择gx"
:style="{ width: '300px', height: '30px' }" style="width: 100%; max-width: 400px;"
@change="handlePgxChange"
> >
<el-option <el-option
v-for="(dict,index) in pgxList" v-for="(dict, index) in pissbList"
:key="index" :key="index"
:label="dict.dictLabel" :label="dict.dictLabel"
:value="dict.dictValue" :value="dict.dictValue"
...@@ -50,19 +51,27 @@ ...@@ -50,19 +51,27 @@
<hr style="margin: 0 0 20px 0; width: 81%;"> <hr style="margin: 0 0 20px 0; width: 81%;">
<el-row :gutter="40"> <el-row :gutter="40" v-if="jbcodeVisible">
<el-col :span="12" > <el-col :span="12">
<el-form-item label="jbcode：" style="flex-basis: 50%;" prop="jbcode"> <el-form-item label="jbcode：" style="flex-basis: 50%;" prop="jbcode">
<el-input ref="input5" v-model="form.jbcode" placeholder="请输入jbcode" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(4, $event)" /> <el-input ref="input5" v-model="form.jbcode" placeholder="请输入jbcode" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(4, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- 提取 jbtype、jbrank 和 jbLot -->
<el-row :gutter="0" style="display: flex; width: 81%;"> <el-row :gutter="0" style="display: flex; width: 81%;">
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbtype：" prop="jbtype"> <el-form-item label="jbtype：" prop="jbtype">
<template v-if="form.jbtype && form.jbtype.length > 21">
<el-tooltip :content="form.jbtype" effect="dark">
<el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -70,7 +79,14 @@ ...@@ -70,7 +79,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbrank：" prop="jbrank"> <el-form-item label="jbrank：" prop="jbrank">
<template v-if="form.jbrank && form.jbrank.length > 21">
<el-tooltip :content="form.jbrank" effect="dark">
<el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -78,41 +94,59 @@ ...@@ -78,41 +94,59 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbLot：" prop="jbLot"> <el-form-item label="jbLot：" prop="jbLot">
<template v-if="form.jbLot && form.jbLot.length > 21">
<el-tooltip :content="form.jbLot" effect="dark">
<el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <!-- wbcode 输入框 -->
<el-col :span="12" > <el-row :gutter="40" v-if="wbcodeVisible">
<el-col :span="12">
<el-form-item label="wbcode：" style="flex-basis: 50%;" prop="wbcode"> <el-form-item label="wbcode：" style="flex-basis: 50%;" prop="wbcode">
<el-input ref="input6" v-model="form.wbcode" placeholder="请输入wbcode" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(5, $event)" /> <el-input ref="input6" v-model="form.wbcode" placeholder="请输入wbcode" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(5, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <!-- wblot 输入框 -->
<el-col :span="12" > <el-row :gutter="40" v-if="wblotVisible">
<el-col :span="12">
<el-form-item label="wblot：" style="flex-basis: 50%;" prop="wblot"> <el-form-item label="wblot：" style="flex-basis: 50%;" prop="wblot">
<el-input ref="input7" v-model="form.wblot" placeholder="请输入wblot" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(6, $event)" /> <el-input ref="input7" v-model="form.wblot" placeholder="请输入wblot" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(6, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <!-- jlcod 输入框 -->
<el-col :span="12" > <el-row :gutter="40" v-if="jlcodVisible">
<el-col :span="12">
<el-form-item label="jlcod：" style="flex-basis: 50%;" prop="jlcod"> <el-form-item label="jlcod：" style="flex-basis: 50%;" prop="jlcod">
<el-input ref="input8" v-model="form.jlbcod" placeholder="请输入jlbcod" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(7, $event)" /> <el-input ref="input8" v-model="form.jlcod" placeholder="请输入jlcod" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(7, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- 提取 jltype、jllot 和 jlbzq -->
<el-row :gutter="0" style="display: flex; width: 81%;"> <el-row :gutter="0" style="display: flex; width: 81%;">
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jltype：" prop="jltype"> <el-form-item label="jltype：" prop="jltype">
<el-input v-model="form.jbtype" placeholder="jltype" :disabled="true" style="width: 100%;" /> <template v-if="form.jltype && form.jltype.length > 21">
<el-tooltip :content="form.jltype" effect="dark">
<el-input v-model="form.jltype" placeholder="jltype" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jltype" placeholder="jltype" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -120,7 +154,14 @@ ...@@ -120,7 +154,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jllot：" prop="jllot"> <el-form-item label="jllot：" prop="jllot">
<el-input v-model="form.jbrank" placeholder="jllot" :disabled="true" style="width: 100%;" /> <template v-if="form.jllot && form.jllot.length > 21">
<el-tooltip :content="form.jllot" effect="dark">
<el-input v-model="form.jllot" placeholder="jllot" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jllot" placeholder="jllot" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -128,14 +169,22 @@ ...@@ -128,14 +169,22 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jlbzq：" prop="jlbzq"> <el-form-item label="jlbzq：" prop="jlbzq">
<el-input v-model="form.jbLot" placeholder="jlbzq" :disabled="true" style="width: 100%;" /> <template v-if="form.jlbzq && form.jlbzq.length > 21">
<el-tooltip :content="form.jlbzq" effect="dark">
<el-input v-model="form.jlbzq" placeholder="jlbzq" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jlbzq" placeholder="jlbzq" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <!-- lockUser 输入框 -->
<el-col :span="12" > <el-row :gutter="40" v-if="lockUserVisible">
<el-col :span="12">
<el-form-item label="lockUser：" style="flex-basis: 50%;" prop="lockUser"> <el-form-item label="lockUser：" style="flex-basis: 50%;" prop="lockUser">
<el-input ref="input9" v-model="form.lockUser" placeholder="请输入lockUser" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(8, $event)" /> <el-input ref="input9" v-model="form.lockUser" placeholder="请输入lockUser" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(8, $event)" />
</el-form-item> </el-form-item>
...@@ -158,41 +207,26 @@ ...@@ -158,41 +207,26 @@
</div> </div>
</template> </template>
<script> <script>
import { getDictData, addApplication } from '@/api/production/gfual' import { getDictData, addApplication,queryList } from '@/api/production/gfual'
import { MessageBox } from 'element-ui';
export default { export default {
name: 'Role', name: 'Role',
data() { data() {
return { return {
form: {
jbcode: '', // 输入的jbcode
jbtype: '', // 从jbcode中提取的jbtype
jbrank: '', // 从jbcode中提取的jbrank
jbLot: '', // 从jbcode中提取的jbLot
},
// 数据字典
pgxList: [],
// 查询参数
queryParams: {
page: 1,
rows: 10,
pn: undefined,
ptype: undefined,
pgx: undefined,
delFlag: 0
},
// 表单参数
form: {},
defaultProps: {
children: 'children',
label: 'label'
},
isRequired: false, isRequired: false,
// 对应后端配置文件cy.init.pgxList的的内容 // 对应后端配置文件cy.init.pgxList的的内容
phdList: ['003'], phdList: ['003'],
// 判断是否存在缓存 // 判断是否存在缓存
exist: false, exist: false,
// 输入框是否可见
jbcodeVisible: false,
wbcodeVisible: false,
wblotVisible: false,
jlcodVisible: false,
lockUserVisible: false,
// 表单数据
form: { form: {
pn: '', pn: '',
lot: '', lot: '',
...@@ -201,9 +235,14 @@ export default { ...@@ -201,9 +235,14 @@ export default {
jbcode: '', jbcode: '',
jbtype: '', jbtype: '',
jbrank: '', jbrank: '',
jbLot: '' jbLot: '',
jlcod: '',
jltype: '',
jllot: '',
jlbzq: '',
lockUser: ''
}, },
rule: { rules: {
pn: [{ required: true, message: '请输入pn', trigger: 'blur' }], pn: [{ required: true, message: '请输入pn', trigger: 'blur' }],
lot: [{ required: true, message: '请输入lot', trigger: 'blur' }], lot: [{ required: true, message: '请输入lot', trigger: 'blur' }],
gx: [{ required: true, message: '请选择gx', trigger: 'blur' }], gx: [{ required: true, message: '请选择gx', trigger: 'blur' }],
...@@ -227,67 +266,74 @@ export default { ...@@ -227,67 +266,74 @@ export default {
this.$refs.input1.$refs.input.focus() this.$refs.input1.$refs.input.focus()
}) })
}, },
/** 路由离开前存储筛选条件*/ // 路由跳转,是存储页面的值
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
this.$store.dispatch('searchSave/searchParamsSet', { console.log('form')
path: this.$route.path, sessionStorage.setItem('applicationForm', JSON.stringify(this.form))
param: {
...this.queryParams
}
})
next() next()
}, },
created() { created() {
this.init() sessionStorage.getItem('applicationForm') ? this.exist = true : this.exist = false
if (this.$store.getters.searchParams[this.$route.path]) { if (this.exist) {
const { searchParams } = this.$store.getters; const { path } = this.$route this.form = JSON.parse(sessionStorage.getItem('applicationForm'))
const param = JSON.parse(searchParams[path]) // 保留着的查询条件
this.queryParams = { ...param }
} }
this.getList() this.init()
}, },
methods: { methods: {
replace(value) { handlePgxChange() {
console.log('value') if (this.phdList.includes(this.form.pgx)){
if (this.dictList.find(item => item.dictValue === value)) { this.isRequired = true
return this.dictList.find(item => item.dictValue === value).dictLabel
} else { } else {
return value this.isRequired = false
}
},
getCodeDict() {
const obj = {
key: 'GX_CODE'
}
getDictData(obj).then(res => {
console.log('res', res)
if (res.code === 200 && res.data !== null) {
this.dictList = res.data
} }
})
}, },
// 回车跳转下一个输入框 /** 查询按钮操作 */
focusNextInput(form) { handleQuery() {
this.$nextTick(() => { // 先触发表单验证
this.$refs[form].$refs.input.focus() this.$refs.form.validate(valid => {
if (valid) {
// 表单验证通过，执行查询操作
queryList({
pn: this.form.pn,
lot: this.form.lot,
gx: this.form.gx,
machine: this.form.machine,
}) })
}, .then(response => {
// 回车到下一个输入框方法 if (response.data.success) {
handelTab(i, e) { // 如果后端返回成功信息，显示成功提示
const that = this MessageBox.alert('查询成功', '成功', {
if (that.$refs['input' + i]) { confirmButtonText: '确定',
that.$nextTick(() => { type: 'success',
e.target.blur() });
const index = i + 1 // 执行下一步操作
that.$refs['input' + index].focus() this.doNextAction();
} else {
// 如果后端返回错误信息，显示错误提示
MessageBox.alert(response.data.message, '错误', {
confirmButtonText: '确定',
type: 'error',
});
}
}) })
.catch(error => {
// 处理请求错误
console.error(error);
});
} else {
// 表单验证失败，显示错误信息
MessageBox.alert('请完整填写所有字段', '错误', {
confirmButtonText: '确定',
type: 'error',
});
} }
});
}, },
// 初始化要调的接口 doNextAction() {
init() { // 执行下一步操作的逻辑
this.getCodeDict()
this.getDict()
}, },
/** 查询基础信息列表 */ /** 查询基础信息列表 */
getList() { getList() {
this.loading = true this.loading = true
...@@ -298,11 +344,6 @@ export default { ...@@ -298,11 +344,6 @@ export default {
this.loading = false this.loading = false
}) })
}, },
/** 查询按钮操作 */
handleQuery() {
this.form.page = 1
this.getList()
},
resetQuery() { resetQuery() {
this.form = { this.form = {
pn: '', pn: '',
...@@ -312,9 +353,19 @@ export default { ...@@ -312,9 +353,19 @@ export default {
} }
sessionStorage.setItem('applicationForm', JSON.stringify(this.form)) 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() { resetForm() {
this.form = { this.form = {
pn: '', pn: '',
lot: '', lot: '',
...@@ -378,12 +429,34 @@ export default { ...@@ -378,12 +429,34 @@ export default {
getDictData(obj).then(res => { getDictData(obj).then(res => {
console.log('res', res) console.log('res', res)
if (res.code === 200 && res.data !== null) { if (res.code === 200 && res.data !== null) {
this.pgxList = res.data this.pissbList = res.data
} }
}) })
} }
} },
} watch: {
'form.jbcode': {
handler(newJbcode) {
// 当 jbcode 字段发生变化时，解析它并更新相关字段的值
const parts = newJbcode.split(',');
this.form.jbtype = parts[0] || '';
this.form.jbrank = parts[1] || '';
this.form.jbLot = parts[2] || '';
},
immediate: true, // 立即执行一次以处理初始值
},
'form.jlcod': {
handler(newJlcod) {
// 当 jlcod 字段发生变化时，解析它并更新相关字段的值
const parts = newJlcod.split(',');
this.form.jltype = parts[0] || '';
this.form.jllot = parts[1] || '';
this.form.jlbzq = parts[2] || '';
},
immediate: true, // 立即执行一次以处理初始值
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/production/gfual/index.vue
View file @ eacd89ac
<template> <template>
<div class="app-container"> <div class="app-container">
<div style="width: 80%; margin-left: 80px; padding-left: 8.6%"> <div style="width: 80%; margin-left: 80px; padding-left: 8.6%">
<el-form ref="form" :model="form" :rules="rule" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12" >
<el-form-item label="pn：" style="flex-basis: 50%;" prop="pn"> <el-form-item label="pn：" style="flex-basis: 50%;" prop="pn">
...@@ -51,10 +51,11 @@ ...@@ -51,10 +51,11 @@
<hr style="margin: 0 0 20px 0; width: 81%;"> <hr style="margin: 0 0 20px 0; width: 81%;">
<!-- jbcode 输入框 -->
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="jbcode：" style="flex-basis: 50%;" prop="jbcode"> <el-form-item label="jbcode：" style="flex-basis: 50%;" prop="jbcode">
<el-input ref="input5" v-model="form.jbcode" placeholder="请输入jbcode" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(4, $event)" /> <el-input ref="input5" v-model="form.jbcode" placeholder="请输入jbcode" :minlength="3" style="width: 868px" :maxlength="100" :disabled="!jbcodeEnabled" @keyup.enter.native="handleTab(4, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -64,7 +65,14 @@ ...@@ -64,7 +65,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbtype：" prop="jbtype"> <el-form-item label="jbtype：" prop="jbtype">
<template v-if="form.jbtype && form.jbtype.length > 21">
<el-tooltip :content="form.jbtype" effect="dark">
<el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbtype" placeholder="jbtype" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -72,7 +80,14 @@ ...@@ -72,7 +80,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbrank：" prop="jbrank"> <el-form-item label="jbrank：" prop="jbrank">
<template v-if="form.jbrank && form.jbrank.length > 21">
<el-tooltip :content="form.jbrank" effect="dark">
<el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbrank" placeholder="jbrank" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -80,33 +95,42 @@ ...@@ -80,33 +95,42 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jbLot：" prop="jbLot"> <el-form-item label="jbLot：" prop="jbLot">
<template v-if="form.jbLot && form.jbLot.length > 21">
<el-tooltip :content="form.jbLot" effect="dark">
<el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jbLot" placeholder="jbLot" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
</el-row> </el-row>
<!-- wbcode 输入框 -->
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12">
<el-form-item label="wbcode：" style="flex-basis: 50%;" prop="wbcode"> <el-form-item label="wbcode：" style="flex-basis: 50%;" prop="wbcode">
<el-input ref="input6" v-model="form.wbcode" placeholder="请输入wbcode" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(5, $event)" /> <el-input ref="input6" v-model="form.wbcode" placeholder="请输入wbcode" :minlength="3" style="width: 300px" :maxlength="100" :disabled="!wbcodeEnabled" @keyup.enter.native="handleTab(5, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- wblot 输入框 -->
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12">
<el-form-item label="wblot：" style="flex-basis: 50%;" prop="wblot"> <el-form-item label="wblot：" style="flex-basis: 50%;" prop="wblot">
<el-input ref="input7" v-model="form.wblot" placeholder="请输入wblot" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(6, $event)" /> <el-input ref="input7" v-model="form.wblot" placeholder="请输入wblot" :minlength="3" style="width: 300px" :maxlength="100" :disabled="!wblotEnabled" @keyup.enter.native="handleTab(6, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- jlcod 输入框 -->
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12">
<el-form-item label="jlcod：" style="flex-basis: 50%;" prop="jlcod"> <el-form-item label="jlcod：" style="flex-basis: 50%;" prop="jlcod">
<el-input ref="input8" v-model="form.jlcod" placeholder="请输入jlcod" :minlength="3" style="width: 868px" :maxlength="100" @keyup.enter.native="handleTab(7, $event)" /> <el-input ref="input8" v-model="form.jlcod" placeholder="请输入jlcod" :minlength="3" style="width: 868px" :maxlength="100" :disabled="!jlcodEnabled" @keyup.enter.native="handleTab(7, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -116,7 +140,14 @@ ...@@ -116,7 +140,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jltype：" prop="jltype"> <el-form-item label="jltype：" prop="jltype">
<template v-if="form.jltype && form.jltype.length > 21">
<el-tooltip :content="form.jltype" effect="dark">
<el-input v-model="form.jltype" placeholder="jltype" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jltype" placeholder="jltype" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jltype" placeholder="jltype" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -124,7 +155,14 @@ ...@@ -124,7 +155,14 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jllot：" prop="jllot"> <el-form-item label="jllot：" prop="jllot">
<template v-if="form.jllot && form.jllot.length > 21">
<el-tooltip :content="form.jllot" effect="dark">
<el-input v-model="form.jllot" placeholder="jllot" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jllot" placeholder="jllot" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jllot" placeholder="jllot" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -132,16 +170,24 @@ ...@@ -132,16 +170,24 @@
<el-col :span="8"> <el-col :span="8">
<el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-form :model="form" ref="form" :rules="rules" label-width="80px">
<el-form-item label="jlbzq：" prop="jlbzq"> <el-form-item label="jlbzq：" prop="jlbzq">
<template v-if="form.jlbzq && form.jlbzq.length > 21">
<el-tooltip :content="form.jlbzq" effect="dark">
<el-input v-model="form.jlbzq" placeholder="jlbzq" :disabled="true" style="width: 100%;" />
</el-tooltip>
</template>
<template v-else>
<el-input v-model="form.jlbzq" placeholder="jlbzq" :disabled="true" style="width: 100%;" /> <el-input v-model="form.jlbzq" placeholder="jlbzq" :disabled="true" style="width: 100%;" />
</template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
</el-row> </el-row>
<!-- lockUser 输入框 -->
<el-row :gutter="40"> <el-row :gutter="40">
<el-col :span="12" > <el-col :span="12">
<el-form-item label="lockUser：" style="flex-basis: 50%;" prop="lockUser"> <el-form-item label="lockUser：" style="flex-basis: 50%;" prop="lockUser">
<el-input ref="input9" v-model="form.lockUser" placeholder="请输入lockUser" :minlength="3" style="width: 300px" :maxlength="100" @keyup.enter.native="handleTab(8, $event)" /> <el-input ref="input9" v-model="form.lockUser" placeholder="请输入lockUser" :minlength="3" style="width: 300px" :maxlength="100" :disabled="!lockUserEnabled" @keyup.enter.native="handleTab(8, $event)" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -162,8 +208,9 @@ ...@@ -162,8 +208,9 @@
</div> </div>
</template> </template>
<script> <script>
import { getDictData, addApplication } from '@/api/production/gfual' import { getDictData, addApplication,queryList } from '@/api/production/gfual'
import { MessageBox } from 'element-ui';
export default { export default {
name: 'Role', name: 'Role',
...@@ -174,6 +221,7 @@ export default { ...@@ -174,6 +221,7 @@ export default {
phdList: ['003'], phdList: ['003'],
// 判断是否存在缓存 // 判断是否存在缓存
exist: false, exist: false,
// 表单数据
form: { form: {
pn: '', pn: '',
lot: '', lot: '',
...@@ -186,9 +234,10 @@ export default { ...@@ -186,9 +234,10 @@ export default {
jlcod: '', jlcod: '',
jltype: '', jltype: '',
jllot: '', jllot: '',
jlbzq: '' jlbzq: '',
lockUser: ''
}, },
rule: { rules: {
pn: [{ required: true, message: '请输入pn', trigger: 'blur' }], pn: [{ required: true, message: '请输入pn', trigger: 'blur' }],
lot: [{ required: true, message: '请输入lot', trigger: 'blur' }], lot: [{ required: true, message: '请输入lot', trigger: 'blur' }],
gx: [{ required: true, message: '请选择gx', trigger: 'blur' }], gx: [{ required: true, message: '请选择gx', trigger: 'blur' }],
...@@ -228,9 +277,9 @@ export default { ...@@ -228,9 +277,9 @@ export default {
methods: { methods: {
handlePgxChange() { handlePgxChange() {
if (this.phdList.includes(this.form.pgx)){ if (this.phdList.includes(this.form.pgx)){
this.isRequired = true this.isRequired = true;
} else { } else {
this.isRequired = false this.isRequired = false;
} }
}, },
/** 查询按钮操作 */ /** 查询按钮操作 */
...@@ -246,15 +295,81 @@ export default { ...@@ -246,15 +295,81 @@ export default {
machine: this.form.machine, machine: this.form.machine,
}) })
.then(response => { .then(response => {
if (response.data.success) { if (response.code === 200) {
// 如果后端返回成功信息，显示成功提示 // 如果后端返回成功信息，显示成功提示
MessageBox.alert('查询成功', '成功', { MessageBox.alert('查询成功', '成功', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'success', type: 'success',
}); });
// 根据后端返回的数据来决定哪些输入框启用
if (response.data.jbcode) {
this.jbcodeEnabled = true;
this.wbcodeEnabled = false;
this.wblotEnabled = false;
this.jlcodEnabled = false;
this.lockUserEnabled = false;
this.form.jbcode = '';
this.form.wbcode = '';
this.form.wblot = '';
this.form.jlcod = '';
this.form.lockUser = '';
} else if (response.data.wb) {
// 当后端返回 'wbcode' 时
this.jbcodeEnabled = false;
this.wbcodeEnabled = true;
this.wblotEnabled = true;
this.jlcodEnabled = false;
this.lockUserEnabled = false;
this.form.jbcode = '';
this.form.wbcode = '';
this.form.wblot = '';
this.form.jlcod = '';
this.form.lockUser = '';
// 这里可以根据需要执行其他操作
} else if (response.data.jl) {
// 当后端返回 'jl' 时
this.jbcodeEnabled = false;
this.wbcodeEnabled = false;
this.wblotEnabled = false;
this.jlcodEnabled = true;
this.lockUserEnabled = false;
this.form.jbcode = '';
this.form.wbcode = '';
this.form.wblot = '';
this.form.jlcod = '';
this.form.lockUser = '';
} else {
// 所有输入框都锁定，报错
this.jbcodeEnabled = false;
this.wbcodeEnabled = false;
this.wblotEnabled = false;
this.jlcodEnabled = false;
this.lockUserEnabled = true;
this.form.jbcode = '';
this.form.wbcode = '';
this.form.wblot = '';
this.form.jlcod = '';
this.form.lockUser = '';
MessageBox.alert('jbcode，wb，jl内容均为空，查询无效，请重新查询', '错误', {
confirmButtonText: '确定',
type: 'error',
});
}
// 执行下一步操作 // 执行下一步操作
this.doNextAction(); this.doNextAction();
} else { } else {
this.jbcodeEnabled = false;
this.wbcodeEnabled = false;
this.wblotEnabled = false;
this.jlcodEnabled = false;
this.lockUserEnabled = true;
this.form.jbcode = '';
this.form.wbcode = '';
this.form.wblot = '';
this.form.jlcod = '';
this.form.lockUser = '';
// 如果后端返回错误信息，显示错误提示 // 如果后端返回错误信息，显示错误提示
MessageBox.alert(response.data.message, '错误', { MessageBox.alert(response.data.message, '错误', {
confirmButtonText: '确定', confirmButtonText: '确定',
...@@ -266,12 +381,6 @@ export default { ...@@ -266,12 +381,6 @@ export default {
// 处理请求错误 // 处理请求错误
console.error(error); console.error(error);
}); });
} else {
// 表单验证失败，显示错误信息
MessageBox.alert('请完整填写所有字段', '错误', {
confirmButtonText: '确定',
type: 'error',
});
} }
}); });
}, },
...@@ -311,7 +420,7 @@ export default { ...@@ -311,7 +420,7 @@ export default {
}) })
}, },
// 重置 // 重置
resetFrom() { resetForm() {
this.form = { this.form = {
pn: '', pn: '',
lot: '', lot: '',
......
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