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
41899b23
Commit
41899b23
authored
Sep 21, 2023
by
shifangwuji
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
9/21(未验证空值版)
parent
303843e4
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
78 additions
and
582 deletions
+78
-582
index copy.vue
src/views/production/gfual/index copy.vue
+0
-487
index.vue
src/views/production/gfual/index.vue
+78
-95
No files found.
src/views/production/gfual/index copy.vue
deleted
100644 → 0
View file @
303843e4
<
template
>
<div
class=
"app-container"
>
<div
style=
"width: 80%; margin-left: 80px; padding-left: 8.6%"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"pn:"
style=
"flex-basis: 50%;"
prop=
"pn"
>
<el-input
ref=
"input1"
v-model=
"form.pn"
placeholder=
"请输入pn"
:minlength=
"3"
style=
"width: 400px"
:maxlength=
"100"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"lot:"
style=
"flex-basis: 50%;"
prop=
"lot"
>
<el-input
ref=
"input2"
v-model=
"form.lot"
placeholder=
"请输入lot"
style=
"width: 400px"
:maxlength=
"100"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"40"
>
<el-col
:span=
"8"
>
<el-form-item
label=
"gx:"
prop=
"gx"
>
<el-select
v-model=
"form.gx"
clearable
placeholder=
"请选择gx"
style=
"width: 100%; max-width: 400px;"
@
change=
"handlePgxChange"
>
<el-option
v-for=
"(dict, index) in pissbList"
:key=
"index"
:label=
"dict.dictLabel"
:value=
"dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item
label=
"machine:"
prop=
"machine"
>
<el-input
ref=
"input4"
v-model=
"form.machine"
placeholder=
"请输入machine"
style=
"width: 100%; max-width: 400px;"
:maxlength=
"10"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item>
<el-button
type=
"primary"
style=
"padding: 8px 16px;"
size=
"small"
@
click=
"handleQuery"
>
查询
</el-button>
</el-form-item>
</el-col>
</el-row>
<hr
style=
"margin: 0 0 20px 0; width: 81%;"
>
<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>
<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>
<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"
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>
<!-- 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>
<!-- 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.jlcod"
placeholder=
"请输入jlcod"
: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"
>
<
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>
<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>
<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"
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>
</el-col>
</el-row>
</el-form>
<el-form
label-width=
"80px"
>
<el-row
style=
"padding-left; 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>
</div>
</template>
<
script
>
import
{
getDictData
,
addApplication
,
queryList
}
from
'@/api/production/gfual'
import
{
MessageBox
}
from
'element-ui'
;
export
default
{
name
:
'Role'
,
data
()
{
return
{
isRequired
:
false
,
// 对应后端配置文件cy.init.pgxList的的内容
phdList
:
[
'003'
],
// 判断是否存在缓存
exist
:
false
,
// 输入框是否可见
jbcodeVisible
:
false
,
wbcodeVisible
:
false
,
wblotVisible
:
false
,
jlcodVisible
:
false
,
lockUserVisible
:
false
,
// 表单数据
form
:
{
pn
:
''
,
lot
:
''
,
gx
:
''
,
machine
:
''
,
jbcode
:
''
,
jbtype
:
''
,
jbrank
:
''
,
jbLot
:
''
,
jlcod
:
''
,
jltype
:
''
,
jllot
:
''
,
jlbzq
:
''
,
lockUser
:
''
},
rules
:
{
pn
:
[{
required
:
true
,
message
:
'请输入pn'
,
trigger
:
'blur'
}],
lot
:
[{
required
:
true
,
message
:
'请输入lot'
,
trigger
:
'blur'
}],
gx
:
[{
required
:
true
,
message
:
'请选择gx'
,
trigger
:
'blur'
}],
machine
:
[{
required
:
true
,
message
:
'请输入machine'
,
trigger
:
'blur'
}]
},
pissbList
:
[],
pgxList
:
[
{
label
:
'否'
,
value
:
'0'
},
{
label
:
'是'
,
value
:
'1'
}
]
}
},
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
}
},
/** 查询按钮操作 */
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
,
})
.
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'
,
});
}
});
},
doNextAction
()
{
// 执行下一步操作的逻辑
},
/** 查询基础信息列表 */
getList
()
{
this
.
loading
=
true
listBasicInfo
(
this
.
queryParams
).
then
(
res
=>
{
res
.
rows
.
createDate
=
parseTime
(
res
.
rows
.
createDate
,
'{y}-{m}-{d}'
)
this
.
total
=
res
.
total
this
.
basicInfoList
=
res
.
rows
this
.
loading
=
false
})
},
resetQuery
()
{
this
.
form
=
{
pn
:
''
,
lot
:
''
,
gx
:
''
,
machine
:
''
}
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
()
})
},
// 重置
resetForm
()
{
this
.
form
=
{
pn
:
''
,
lot
:
''
,
gx
:
''
,
machine
:
''
}
this
.
$refs
.
form
.
clearValidate
()
},
// 初始化要调的接口
init
()
{
this
.
getDict
()
},
// 保存时要调的接口
submitForm
()
{
this
.
$confirm
(
'是否确认保存?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
this
.
$refs
.
form
.
validate
((
valid
)
=>
{
if
(
valid
)
{
addApplication
(
this
.
form
).
then
(
res
=>
{
console
.
log
(
'res'
,
res
)
if
(
res
.
code
===
200
)
{
if
(
res
.
data
!==
null
)
{
if
(
res
.
data
.
ptype
===
'1'
)
{
this
.
$message
({
showClose
:
true
,
message
:
'保存成功'
,
type
:
'success'
,
duration
:
5000
})
}
else
if
(
res
.
data
.
ptype
===
'2'
)
{
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
})
}
})
}
})
})
},
// 调数据字典查询
getDict
()
{
const
obj
=
{
key
:
'GX_CODE'
}
getDictData
(
obj
).
then
(
res
=>
{
console
.
log
(
'res'
,
res
)
if
(
res
.
code
===
200
&&
res
.
data
!==
null
)
{
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
>
<
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
>
\ No newline at end of file
src/views/production/gfual/index.vue
View file @
41899b23
...
...
@@ -12,7 +12,7 @@
:minlength=
"3"
style=
"width: 400px"
:maxlength=
"100"
:disabled=
"
lockUser
Enabled"
:disabled=
"
queryInputs
Enabled"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
...
...
@@ -27,7 +27,7 @@
placeholder=
"请输入lot"
style=
"width: 400px"
:maxlength=
"100"
:disabled=
"
lockUser
Enabled"
:disabled=
"
queryInputs
Enabled"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
...
...
@@ -41,7 +41,7 @@
clearable
placeholder=
"请选择gx"
style=
"width: 100%; max-width: 400px;"
:disabled=
"
lockUser
Enabled"
:disabled=
"
queryInputs
Enabled"
@
change=
"handlePgxChange"
>
<el-option
...
...
@@ -62,7 +62,7 @@
placeholder=
"请输入machine"
style=
"width: 100%; max-width: 400px;"
:maxlength=
"10"
:disabled=
"
lockUser
Enabled"
:disabled=
"
queryInputs
Enabled"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
...
...
@@ -97,7 +97,7 @@
</el-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.ptype"
placeholder=
"
p
type"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-input
v-model=
"form.ptype"
placeholder=
"
jb
type"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
...
...
@@ -120,14 +120,14 @@
<el-col
:span=
"8"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"jbLot:"
prop=
"jb
L
ot"
>
<
template
v-if=
"form.jb
Lot && form.jbL
ot.length > 21"
>
<el-tooltip
:content=
"form.jb
L
ot"
effect=
"dark"
>
<el-input
v-model=
"form.jb
Lot"
placeholder=
"jbL
ot"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-form-item
label=
"jbLot:"
prop=
"jb
l
ot"
>
<
template
v-if=
"form.jb
lot && form.jbl
ot.length > 21"
>
<el-tooltip
:content=
"form.jb
l
ot"
effect=
"dark"
>
<el-input
v-model=
"form.jb
lot"
placeholder=
"jbl
ot"
:disabled=
"true"
style=
"width: 100%;"
/>
</el-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jb
L
ot"
placeholder=
"jbLot"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-input
v-model=
"form.jb
l
ot"
placeholder=
"jbLot"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
...
...
@@ -165,14 +165,14 @@
<el-row
:gutter=
"0"
style=
"display: flex; width: 81%;"
>
<el-col
:span=
"8"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"jltype:"
prop=
"jl
typ
e"
>
<
template
v-if=
"form.jl
type && form.jltyp
e.length > 21"
>
<el-tooltip
:content=
"form.jl
typ
e"
effect=
"dark"
>
<el-input
v-model=
"form.jl
type"
placeholder=
"jltyp
e"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-form-item
label=
"jltype:"
prop=
"jl
nam
e"
>
<
template
v-if=
"form.jl
name && form.jlnam
e.length > 21"
>
<el-tooltip
:content=
"form.jl
nam
e"
effect=
"dark"
>
<el-input
v-model=
"form.jl
name"
placeholder=
"jlnam
e"
:disabled=
"true"
style=
"width: 100%;"
/>
</el-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jl
typ
e"
placeholder=
"jltype"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-input
v-model=
"form.jl
nam
e"
placeholder=
"jltype"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
...
...
@@ -195,14 +195,14 @@
<el-col
:span=
"8"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"jlbzq:"
prop=
"jl
bzq
"
>
<
template
v-if=
"form.jl
bzq && form.jlbzq
.length > 21"
>
<el-tooltip
:content=
"form.jl
bzq
"
effect=
"dark"
>
<el-input
v-model=
"form.jl
bzq"
placeholder=
"jlbzq
"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-form-item
label=
"jlbzq:"
prop=
"jl
validDate
"
>
<
template
v-if=
"form.jl
validDate && form.jlvalidDate
.length > 21"
>
<el-tooltip
:content=
"form.jl
validDate
"
effect=
"dark"
>
<el-input
v-model=
"form.jl
validDate"
placeholder=
"jlvalidDate
"
:disabled=
"true"
style=
"width: 100%;"
/>
</el-tooltip>
</
template
>
<
template
v-else
>
<el-input
v-model=
"form.jl
bzq
"
placeholder=
"jlbzq"
:disabled=
"true"
style=
"width: 100%;"
/>
<el-input
v-model=
"form.jl
validDate
"
placeholder=
"jlbzq"
:disabled=
"true"
style=
"width: 100%;"
/>
</
template
>
</el-form-item>
</el-form>
...
...
@@ -212,8 +212,8 @@
<!-- lockUser 输入框 -->
<el-row
:gutter=
"40"
>
<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"
:disabled=
"!lockUserEnabled"
@
keyup
.
enter
.
native=
"handleTab(8, $event)"
/>
<el-form-item
label=
"lockUser:"
style=
"flex-basis: 50%;"
prop=
"
unlockUsername
"
>
<el-input
ref=
"input9"
v-model=
"form.
unlockUsername
"
placeholder=
"请输入lockUser"
:minlength=
"3"
style=
"width: 300px"
:maxlength=
"100"
:disabled=
"!lockUserEnabled"
@
keyup
.
enter
.
native=
"handleTab(8, $event)"
/>
</el-form-item>
</el-col>
</el-row>
...
...
@@ -267,6 +267,7 @@ export default {
lockUserEnabled
:
false
,
isRequired
:
false
,
unlockButtonVisible
:
false
,
queryInputsEnabled
:
false
,
// 对应后端配置文件cy.init.pgxList的的内容
phdList
:
[
'003'
],
// 判断是否存在缓存
...
...
@@ -280,12 +281,12 @@ export default {
jbcode
:
''
,
ptype
:
''
,
jbrank
:
''
,
jb
L
ot
:
''
,
jb
l
ot
:
''
,
jlcod
:
''
,
jl
typ
e
:
''
,
jl
nam
e
:
''
,
jllot
:
''
,
jl
bzq
:
''
,
lockUser
:
''
jl
validDate
:
''
,
unlockUsername
:
''
},
rules
:
{
pn
:
[{
required
:
true
,
message
:
'请输入pn'
,
trigger
:
'blur'
}],
...
...
@@ -313,7 +314,7 @@ export default {
const
parts
=
newJbcode
.
split
(
','
)
this
.
form
.
ptype
=
parts
[
0
]
||
''
this
.
form
.
jbrank
=
parts
[
1
]
||
''
this
.
form
.
jb
L
ot
=
parts
[
2
]
||
''
this
.
form
.
jb
l
ot
=
parts
[
2
]
||
''
},
immediate
:
true
// 立即执行一次以处理初始值
},
...
...
@@ -321,9 +322,9 @@ export default {
handler
(
newJlcod
)
{
// 当 jlcod 字段发生变化时,解析它并更新相关字段的值
const
parts
=
newJlcod
.
split
(
','
)
this
.
form
.
jl
typ
e
=
parts
[
0
]
||
''
this
.
form
.
jl
nam
e
=
parts
[
0
]
||
''
this
.
form
.
jllot
=
parts
[
1
]
||
''
this
.
form
.
jl
bzq
=
parts
[
2
]
||
''
this
.
form
.
jl
validDate
=
parts
[
2
]
||
''
},
immediate
:
true
// 立即执行一次以处理初始值
}
...
...
@@ -373,15 +374,16 @@ export default {
confirmButtonText
:
'确定'
,
type
:
'success'
})
this
.
queryInputsEnabled
=
true
;
console
.
log
(
'data'
,
response
.
data
)
if
(
response
.
data
.
jbcode
!==
null
)
{
if
(
response
.
data
.
jbcode
!==
''
)
{
this
.
jbcodeEnabled
=
true
}
if
(
response
.
data
.
wb
!==
null
)
{
if
(
response
.
data
.
wb
!==
''
)
{
this
.
wbcodeEnabled
=
true
this
.
wblotEnabled
=
true
}
if
(
response
.
data
.
jl
!==
null
)
{
if
(
response
.
data
.
jl
!==
''
)
{
this
.
jlcodEnabled
=
true
}
if
(
response
.
data
.
jbcode
===
''
&&
response
.
data
.
wb
===
''
&&
response
.
data
.
jl
===
''
)
{
...
...
@@ -390,6 +392,7 @@ export default {
this
.
wbcodeEnabled
=
false
this
.
wblotEnabled
=
false
this
.
jlcodEnabled
=
false
this
.
queryInputsEnabled
=
true
this
.
lockUserEnabled
=
true
this
.
unlockButtonVisible
=
true
this
.
form
.
jbcode
=
''
...
...
@@ -409,7 +412,9 @@ export default {
this
.
wbcodeEnabled
=
false
this
.
wblotEnabled
=
false
this
.
jlcodEnabled
=
false
this
.
queryInputsEnabled
=
true
this
.
lockUserEnabled
=
true
this
.
unlockButtonVisible
=
true
,
this
.
form
.
jbcode
=
''
this
.
form
.
wbcode
=
''
this
.
form
.
wblot
=
''
...
...
@@ -429,7 +434,7 @@ export default {
if
(
valid
)
{
// 向后端发送解锁请求,并将 lockUser 的值传递过去
unlockUser
({
lockUser
:
this
.
form
.
lockUser
unlockUsername
:
this
.
form
.
unlockUsername
})
.
then
(
response
=>
{
if
(
response
.
code
===
200
)
{
...
...
@@ -439,11 +444,13 @@ export default {
this
.
wblotEnabled
=
false
this
.
jlcodEnabled
=
false
this
.
lockUserEnabled
=
false
this
.
queryInputsEnabled
=
false
this
.
unlockButtonVisible
=
false
this
.
form
.
jbcode
=
''
this
.
form
.
wbcode
=
''
this
.
form
.
wblot
=
''
this
.
form
.
jlcod
=
''
this
.
form
.
lockUser
=
''
this
.
form
.
unlockUsername
=
''
// 显示成功提示
MessageBox
.
alert
(
'解锁成功'
,
'成功'
,
{
confirmButtonText
:
'确定'
,
...
...
@@ -478,6 +485,12 @@ export default {
gx
:
''
,
machine
:
''
}
this
.
queryInputsEnabled
=
false
;
this
.
jbcodeEnabled
=
false
this
.
wbcodeEnabled
=
false
this
.
wblotEnabled
=
false
this
.
jlcodEnabled
=
false
this
.
lockUserEnabled
=
false
sessionStorage
.
setItem
(
'applicationForm'
,
JSON
.
stringify
(
this
.
form
))
},
handelTab
(
i
,
e
)
{
...
...
@@ -514,14 +527,15 @@ export default {
}).
then
(()
=>
{
this
.
$refs
.
form
.
validate
((
valid
)
=>
{
if
(
valid
)
{
// 验证通过,继续处理 jlbzq 字段
//if(){
// 验证通过,继续处理 jlvalidDate 字段
const
jlcodParts
=
this
.
form
.
jlcod
.
split
(
','
)
const
jlbzq
Part
=
jlcodParts
[
2
]
||
''
const
jlvalidDate
Part
=
jlcodParts
[
2
]
||
''
if
(
jlbzq
Part
.
trim
()
!==
''
)
{
const
jlbzqRegex
=
/^
\d{4}
-
\d{2}
-
\d{2}
$/
// 正则表达式用于验证 'yyyy-mm-
dd' 格式
if
(
jlbzqRegex
.
test
(
jlbzq
Part
))
{
// jlbzq
格式正确,可以继续保存操作
if
(
jlvalidDate
Part
.
trim
()
!==
''
)
{
const
jlvalidDateRegex
=
/^
\d{4}\/\d{2}\/\d{2}
$/
// 正则表达式用于验证 'yyyy/mm/
dd' 格式
if
(
jlvalidDateRegex
.
test
(
jlvalidDate
Part
))
{
// jlvalidDate
格式正确,可以继续保存操作
addApplication
(
this
.
form
).
then
(
res
=>
{
console
.
log
(
'res'
,
res
)
if
(
res
.
code
===
200
)
{
...
...
@@ -544,7 +558,7 @@ export default {
}
})
}
else
{
// jlbzq
格式不正确,显示错误提示
// jlvalidDate
格式不正确,显示错误提示
this
.
$message
({
showClose
:
true
,
message
:
'jlcod 中的 jlbzq 不符合规范,请输入有效的日期格式(yyyy-mm-dd)'
,
...
...
@@ -552,39 +566,8 @@ export default {
duration
:
5000
})
}
}
else
{
// jlbzqPart 为空,可以继续保存操作
addApplication
(
this
.
form
).
then
(
res
=>
{
console
.
log
(
'res'
,
res
)
if
(
res
.
code
===
200
)
{
if
(
res
.
data
!==
null
)
{
if
(
res
.
data
.
ptype
===
'1'
)
{
this
.
$message
({
showClose
:
true
,
message
:
'保存成功'
,
type
:
'success'
,
duration
:
5000
})
}
else
if
(
res
.
data
.
ptype
===
'2'
)
{
this
.
$message
({
showClose
:
true
,
message
:
'保存成功'
,
type
:
'success'
,
duration
:
5000
})
}
}
this
.
resetForm
()
}
else
if
(
res
.
code
===
null
)
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
'error'
,
duration
:
10000
})
}
})
}
//}
}
})
})
...
...
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