Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
template_vue
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
胡宝山
template_vue
Commits
eacd89ac
Commit
eacd89ac
authored
Sep 20, 2023
by
shifangwuji
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
9/20(2)
parent
571e53f7
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
323 additions
and
147 deletions
+323
-147
gfual.js
src/api/production/gfual.js
+3
-9
index copy.vue
src/views/production/gfual/index copy.vue
+179
-106
index.vue
src/views/production/gfual/index.vue
+141
-32
No files found.
src/api/production/gfual.js
View file @
eacd89ac
...
...
@@ -8,7 +8,7 @@ export function queryList(params) {
params
})
}
//
添加基础信息
接口
//
保存
接口
export
function
add
(
data
)
{
return
request
({
url
:
'/ysgxlog/add'
,
...
...
@@ -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
)
{
return
request
({
url
:
'/ysgxlog/u
pdate
'
,
url
:
'/ysgxlog/u
nlock
'
,
method
:
'put'
,
data
,
headers
:
{
...
...
src/views/production/gfual/index copy.vue
View file @
eacd89ac
<
template
>
<div
class=
"app-container"
>
<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=
"rule
s
"
label-width=
"80px"
>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"pn:"
style=
"flex-basis: 50%;"
prop=
"pn"
>
...
...
@@ -20,13 +20,14 @@
<el-col
:span=
"8"
>
<el-form-item
label=
"gx:"
prop=
"gx"
>
<el-select
v-model=
"
queryParams
.gx"
v-model=
"
form
.gx"
clearable
placeholder=
"请选择gx"
:style=
"
{ width: '300px', height: '30px' }"
style=
"width: 100%; max-width: 400px;"
@
change=
"handlePgxChange"
>
<el-option
v-for=
"(dict,
index) in pgx
List"
v-for=
"(dict,
index) in pissb
List"
:key=
"index"
:label=
"dict.dictLabel"
:value=
"dict.dictValue"
...
...
@@ -50,19 +51,27 @@
<hr
style=
"margin: 0 0 20px 0; width: 81%;"
>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-row
:gutter=
"40"
v-if=
"jbcodeVisible"
>
<el-col
:span=
"12"
>
<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-form-item>
</el-col>
</el-row>
<!-- 提取 jbtype、jbrank 和 jbLot -->
<el-row
:gutter=
"0"
style=
"display: flex; width: 81%;"
>
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jbtype"
placeholder=
"jbtype"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -70,7 +79,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -78,41 +94,59 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<!-- wbcode 输入框 -->
<el-row
:gutter=
"40"
v-if=
"wbcodeVisible"
>
<el-col
:span=
"12"
>
<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-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<!-- wblot 输入框 -->
<el-row
:gutter=
"40"
v-if=
"wblotVisible"
>
<el-col
:span=
"12"
>
<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-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<!-- jlcod 输入框 -->
<el-row
:gutter=
"40"
v-if=
"jlcodVisible"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"jlcod:"
style=
"flex-basis: 50%;"
prop=
"jlcod"
>
<el-input
ref=
"input8"
v-model=
"form.jl
bcod"
placeholder=
"请输入jlb
cod"
:minlength=
"3"
style=
"width: 868px"
:maxlength=
"100"
@
keyup
.
enter
.
native=
"handleTab(7, $event)"
/>
<el-input
ref=
"input8"
v-model=
"form.jl
cod"
placeholder=
"请输入jl
cod"
:minlength=
"3"
style=
"width: 868px"
:maxlength=
"100"
@
keyup
.
enter
.
native=
"handleTab(7, $event)"
/>
</el-form-item>
</el-col>
</el-row>
<!-- 提取 jltype、jllot 和 jlbzq -->
<el-row
:gutter=
"0"
style=
"display: flex; width: 81%;"
>
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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>
</el-col>
...
...
@@ -120,7 +154,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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>
</el-col>
...
...
@@ -128,14 +169,22 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<!-- lockUser 输入框 -->
<el-row
:gutter=
"40"
v-if=
"lockUserVisible"
>
<el-col
:span=
"12"
>
<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-form-item>
...
...
@@ -158,41 +207,26 @@
</div>
</template>
<
script
>
import
{
getDictData
,
addApplication
}
from
'@/api/production/gfual'
<
script
>
import
{
getDictData
,
addApplication
,
queryList
}
from
'@/api/production/gfual'
import
{
MessageBox
}
from
'element-ui'
;
export
default
{
name
:
'Role'
,
data
()
{
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
,
// 对应后端配置文件cy.init.pgxList的的内容
phdList
:
[
'003'
],
// 判断是否存在缓存
exist
:
false
,
// 输入框是否可见
jbcodeVisible
:
false
,
wbcodeVisible
:
false
,
wblotVisible
:
false
,
jlcodVisible
:
false
,
lockUserVisible
:
false
,
// 表单数据
form
:
{
pn
:
''
,
lot
:
''
,
...
...
@@ -201,9 +235,14 @@ export default {
jbcode
:
''
,
jbtype
:
''
,
jbrank
:
''
,
jbLot
:
''
jbLot
:
''
,
jlcod
:
''
,
jltype
:
''
,
jllot
:
''
,
jlbzq
:
''
,
lockUser
:
''
},
rule
:
{
rule
s
:
{
pn
:
[{
required
:
true
,
message
:
'请输入pn'
,
trigger
:
'blur'
}],
lot
:
[{
required
:
true
,
message
:
'请输入lot'
,
trigger
:
'blur'
}],
gx
:
[{
required
:
true
,
message
:
'请选择gx'
,
trigger
:
'blur'
}],
...
...
@@ -227,67 +266,74 @@ export default {
this
.
$refs
.
input1
.
$refs
.
input
.
focus
()
})
},
/
** 路由离开前存储筛选条件*/
/
/ 路由跳转,是存储页面的值
beforeRouteLeave
(
to
,
from
,
next
)
{
this
.
$store
.
dispatch
(
'searchSave/searchParamsSet'
,
{
path
:
this
.
$route
.
path
,
param
:
{
...
this
.
queryParams
}
})
console
.
log
(
'form'
)
sessionStorage
.
setItem
(
'applicationForm'
,
JSON
.
stringify
(
this
.
form
))
next
()
},
created
()
{
this
.
init
()
if
(
this
.
$store
.
getters
.
searchParams
[
this
.
$route
.
path
])
{
const
{
searchParams
}
=
this
.
$store
.
getters
;
const
{
path
}
=
this
.
$route
const
param
=
JSON
.
parse
(
searchParams
[
path
])
// 保留着的查询条件
this
.
queryParams
=
{
...
param
}
sessionStorage
.
getItem
(
'applicationForm'
)
?
this
.
exist
=
true
:
this
.
exist
=
false
if
(
this
.
exist
)
{
this
.
form
=
JSON
.
parse
(
sessionStorage
.
getItem
(
'applicationForm'
))
}
this
.
getLis
t
()
this
.
ini
t
()
},
methods
:
{
replace
(
value
)
{
console
.
log
(
'value'
)
if
(
this
.
dictList
.
find
(
item
=>
item
.
dictValue
===
value
))
{
return
this
.
dictList
.
find
(
item
=>
item
.
dictValue
===
value
).
dictLabel
handlePgxChange
()
{
if
(
this
.
phdList
.
includes
(
this
.
form
.
pgx
)){
this
.
isRequired
=
true
}
else
{
return
value
}
},
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
this
.
isRequired
=
false
}
})
},
// 回车跳转下一个输入框
focusNextInput
(
form
)
{
this
.
$nextTick
(()
=>
{
this
.
$refs
[
form
].
$refs
.
input
.
focus
()
/** 查询按钮操作 */
handleQuery
()
{
// 先触发表单验证
this
.
$refs
.
form
.
validate
(
valid
=>
{
if
(
valid
)
{
// 表单验证通过,执行查询操作
queryList
({
pn
:
this
.
form
.
pn
,
lot
:
this
.
form
.
lot
,
gx
:
this
.
form
.
gx
,
machine
:
this
.
form
.
machine
,
})
},
// 回车到下一个输入框方法
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
()
.
then
(
response
=>
{
if
(
response
.
data
.
success
)
{
// 如果后端返回成功信息,显示成功提示
MessageBox
.
alert
(
'查询成功'
,
'成功'
,
{
confirmButtonText
:
'确定'
,
type
:
'success'
,
});
// 执行下一步操作
this
.
doNextAction
();
}
else
{
// 如果后端返回错误信息,显示错误提示
MessageBox
.
alert
(
response
.
data
.
message
,
'错误'
,
{
confirmButtonText
:
'确定'
,
type
:
'error'
,
});
}
})
.
catch
(
error
=>
{
// 处理请求错误
console
.
error
(
error
);
});
}
else
{
// 表单验证失败,显示错误信息
MessageBox
.
alert
(
'请完整填写所有字段'
,
'错误'
,
{
confirmButtonText
:
'确定'
,
type
:
'error'
,
});
}
});
},
// 初始化要调的接口
init
()
{
this
.
getCodeDict
()
this
.
getDict
()
doNextAction
()
{
// 执行下一步操作的逻辑
},
/** 查询基础信息列表 */
getList
()
{
this
.
loading
=
true
...
...
@@ -298,11 +344,6 @@ export default {
this
.
loading
=
false
})
},
/** 查询按钮操作 */
handleQuery
()
{
this
.
form
.
page
=
1
this
.
getList
()
},
resetQuery
()
{
this
.
form
=
{
pn
:
''
,
...
...
@@ -312,9 +353,19 @@ export default {
}
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
()
})
},
// 重置
resetF
ro
m
()
{
resetF
or
m
()
{
this
.
form
=
{
pn
:
''
,
lot
:
''
,
...
...
@@ -378,12 +429,34 @@ export default {
getDictData
(
obj
).
then
(
res
=>
{
console
.
log
(
'res'
,
res
)
if
(
res
.
code
===
200
&&
res
.
data
!==
null
)
{
this
.
p
gx
List
=
res
.
data
this
.
p
issb
List
=
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
>
<
style
lang=
"scss"
scoped
>
...
...
src/views/production/gfual/index.vue
View file @
eacd89ac
<
template
>
<div
class=
"app-container"
>
<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=
"rule
s
"
label-width=
"80px"
>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"pn:"
style=
"flex-basis: 50%;"
prop=
"pn"
>
...
...
@@ -51,10 +51,11 @@
<hr
style=
"margin: 0 0 20px 0; width: 81%;"
>
<!-- jbcode 输入框 -->
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<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-col>
</el-row>
...
...
@@ -64,7 +65,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jbtype"
placeholder=
"jbtype"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -72,7 +80,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -80,33 +95,42 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
</el-row>
<!-- wbcode 输入框 -->
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<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-col>
</el-row>
<!-- wblot 输入框 -->
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<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-col>
</el-row>
<!-- jlcod 输入框 -->
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<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-col>
</el-row>
...
...
@@ -116,7 +140,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -124,7 +155,14 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jllot"
placeholder=
"jllot"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
...
...
@@ -132,16 +170,24 @@
<el-col
:span=
"8"
>
<el-form
:model=
"form"
ref=
"form"
:rules=
"rules"
label-width=
"80px"
>
<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%;"
/>
</
template
>
</el-form-item>
</el-form>
</el-col>
</el-row>
<!-- lockUser 输入框 -->
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<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-col>
</el-row>
...
...
@@ -162,8 +208,9 @@
</div>
</template>
<
script
>
import
{
getDictData
,
addApplication
}
from
'@/api/production/gfual'
<
script
>
import
{
getDictData
,
addApplication
,
queryList
}
from
'@/api/production/gfual'
import
{
MessageBox
}
from
'element-ui'
;
export
default
{
name
:
'Role'
,
...
...
@@ -174,6 +221,7 @@ export default {
phdList
:
[
'003'
],
// 判断是否存在缓存
exist
:
false
,
// 表单数据
form
:
{
pn
:
''
,
lot
:
''
,
...
...
@@ -186,9 +234,10 @@ export default {
jlcod
:
''
,
jltype
:
''
,
jllot
:
''
,
jlbzq
:
''
jlbzq
:
''
,
lockUser
:
''
},
rule
:
{
rule
s
:
{
pn
:
[{
required
:
true
,
message
:
'请输入pn'
,
trigger
:
'blur'
}],
lot
:
[{
required
:
true
,
message
:
'请输入lot'
,
trigger
:
'blur'
}],
gx
:
[{
required
:
true
,
message
:
'请选择gx'
,
trigger
:
'blur'
}],
...
...
@@ -228,9 +277,9 @@ export default {
methods
:
{
handlePgxChange
()
{
if
(
this
.
phdList
.
includes
(
this
.
form
.
pgx
)){
this
.
isRequired
=
true
this
.
isRequired
=
true
;
}
else
{
this
.
isRequired
=
false
this
.
isRequired
=
false
;
}
},
/** 查询按钮操作 */
...
...
@@ -246,15 +295,81 @@ export default {
machine
:
this
.
form
.
machine
,
})
.
then
(
response
=>
{
if
(
response
.
data
.
success
)
{
if
(
response
.
code
===
200
)
{
// 如果后端返回成功信息,显示成功提示
MessageBox
.
alert
(
'查询成功'
,
'成功'
,
{
confirmButtonText
:
'确定'
,
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
();
}
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
,
'错误'
,
{
confirmButtonText
:
'确定'
,
...
...
@@ -266,12 +381,6 @@ export default {
// 处理请求错误
console
.
error
(
error
);
});
}
else
{
// 表单验证失败,显示错误信息
MessageBox
.
alert
(
'请完整填写所有字段'
,
'错误'
,
{
confirmButtonText
:
'确定'
,
type
:
'error'
,
});
}
});
},
...
...
@@ -311,7 +420,7 @@ export default {
})
},
// 重置
resetF
ro
m
()
{
resetF
or
m
()
{
this
.
form
=
{
pn
:
''
,
lot
:
''
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment