From a8d587e27095eeb0e68c409f19ad8bff3fa8f6ec Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 17 Oct 2022 16:10:13 +0800
Subject: [PATCH] 部分表单输入内容后提示语消失,表单输入类型为number的仍需要取消焦点
---
src/views/task/task.vue | 59 ++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 42 insertions(+), 17 deletions(-)
diff --git a/src/views/task/task.vue b/src/views/task/task.vue
index 7ef810c..7582e74 100644
--- a/src/views/task/task.vue
+++ b/src/views/task/task.vue
@@ -72,6 +72,14 @@
export default {
data() {
+ const validateNum = (rule, value, callback) => {
+ if (!/^[1-9]\d*$/.test(value)) {
+ callback(new Error("请输入正整数"));
+ } else {
+ callback();
+ }
+ };
+
return {
form: {},
query: {},
@@ -107,10 +115,11 @@
{
label: "任务名称",
prop: "taskName",
+ maxlength:200,
rules: [{
required: true,
message: "请输入任务名称",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -126,7 +135,7 @@
rules: [{
required: true,
message: "请输入地块",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -138,7 +147,7 @@
rules: [{
required: true,
message: "请输入截止时间",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -153,7 +162,7 @@
rules: [{
required: true,
message: "请输入负责人",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -165,10 +174,10 @@
// dicUrl: `/api/soldr/soldr/selectSol`,
props: {
label: "spn",
- value: "stockId1"
+ value: "id"
},
change: function (value) {
- console.log(value.value)
+ // console.log(value.value)
}
},
{
@@ -179,6 +188,11 @@
type: "number",
// labelWidth: 110,
display: false,
+ rules:[{
+ require:false,
+ trigger: ["blur","change"],
+ validator: validateNum
+ }]
},
{
label: "拍照照片",
@@ -199,6 +213,7 @@
row: true,
},
{
+ editDisplay: false,
label: "任务状态",
addDisplay: false,
type: "select",
@@ -227,7 +242,7 @@
rules: [{
required: true,
message: "请输入任务说明",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -260,6 +275,7 @@
prop: "remark",
type: "textarea",
span: 24,
+ maxlength:200,
},
]
},
@@ -312,7 +328,7 @@
rules: [{
required: true,
message: "请输入负责人",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -326,7 +342,7 @@
rules: [{
required: true,
message: "请输入截止时间",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -339,10 +355,10 @@
dicUrl: `/api/soldr/soldr/selectSol`,
props: {
label: "spn",
- value: "stockId1"
+ value: "id"
},
change: function (value) {
- console.log(value.value)
+ // console.log(value.value)
}
},
{
@@ -401,6 +417,7 @@
editDisplay: false,
prop: "remark",
type: "textarea",
+ maxlength:200,
span: 23,
},
]
@@ -420,12 +437,14 @@
{
label: "任务名称",
prop: "taskName",
+ maxlength:200,
disabled: true,
},
{
label: "任务说明",
prop: "taskExplain",
type: "textarea",
+ maxlength:200,
span: 23,
disabled: true,
},
@@ -453,7 +472,7 @@
rules: [{
required: true,
message: "请输入负责人",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -467,7 +486,7 @@
rules: [{
required: true,
message: "请输入截止时间",
- trigger: "blur"
+ trigger: ["blur","change"]
}]
},
{
@@ -483,7 +502,7 @@
value: "stock_id1"
},
change: function (value) {
- console.log(value.value)
+ // console.log(value.value)
}
},
{
@@ -498,6 +517,7 @@
{
label: "拍照照片",
prop: "type",
+ value:"1",
span: 6,
disabled: true,
type: "switch",
@@ -544,6 +564,7 @@
editDisplay: false,
prop: "remark",
type: "textarea",
+ maxlength:200,
span: 23,
},
]
@@ -599,7 +620,7 @@
//处理
submitR(row, done, loading) {
var that = this;
- if(row.type == 0){
+ if(row.type == "0"){
if(row.tp == ""){
that.$message.warning("请上传照片")
done()
@@ -639,9 +660,11 @@
type: row.type
};
- if (row.type === "0") {
- var tp = this.findObject(this.optionchuli.column, "tp");
+ var tp = this.findObject(this.optionchuli.column, "tp");
+ if (row.type == "0") {
tp.display = true;
+ }else {
+ tp.display = false
}
this.gradeBoxVisiblechuli = true;
},
@@ -655,8 +678,10 @@
getLandList(this.$farmId).then((res) => {
if (res.data.code == 200) {
var landIdcolumn = that.findObject(that.option.column, "landId");
+ var landIdColumnChuli = that.findObject(that.optionchuli.column,"landId")
that.landList = res.data.data;
landIdcolumn.dicData = res.data.data;
+ landIdColumnChuli.dicData = res.data.data
}
})
},
--
Gitblit v1.9.3