预警配置添加

This commit is contained in:
hongchao 2024-12-31 14:56:38 +08:00
parent f108ded0e2
commit 3756aa4727
2 changed files with 788 additions and 1 deletions

View File

@ -209,6 +209,137 @@
</el-col>
</el-form-item>
</el-form>
<!-- 表单 5 -->
<el-form
label-width="160px"
size="medium"
ref="projectParamsRef5"
:model="projectParams5"
:rules="projectParams5Rules"
v-if="formCount === 133"
>
<el-form-item label="配置名称" prop="configName" required>
<el-input :maxlength="50" v-model="projectParams5.configName" placeholder="请输入" />
</el-form-item>
<el-form-item label="测量值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal1Min">
<el-input :maxlength="50" v-model="projectParams5.configVal1Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal1Max">
<el-input :maxlength="50" v-model="projectParams5.configVal1Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="变化值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal2Min">
<el-input :maxlength="50" v-model="projectParams5.configVal2Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal2Max">
<el-input :maxlength="50" v-model="projectParams5.configVal2Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="累加值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal3Min">
<el-input :maxlength="50" v-model="projectParams5.configVal3Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal3Max">
<el-input :maxlength="50" v-model="projectParams5.configVal3Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="基础沉降(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal4Min">
<el-input :maxlength="50" v-model="projectParams5.configVal4Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal4Max">
<el-input :maxlength="50" v-model="projectParams5.configVal4Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
</el-form>
<!-- 表单 6 -->
<el-form
label-width="160px"
size="medium"
ref="projectParamsRef6"
:model="projectParams6"
:rules="projectParams6Rules"
v-if="formCount === 134"
>
<el-form-item label="配置名称" prop="configName" required>
<el-input :maxlength="50" v-model="projectParams6.configName" placeholder="请输入" />
</el-form-item>
<el-form-item label="测量值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal1Min">
<el-input :maxlength="50" v-model="projectParams6.configVal1Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal1Max">
<el-input :maxlength="50" v-model="projectParams6.configVal1Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="变化值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal2Min">
<el-input :maxlength="50" v-model="projectParams6.configVal2Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal2Max">
<el-input :maxlength="50" v-model="projectParams6.configVal2Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="累加值(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal3Min">
<el-input :maxlength="50" v-model="projectParams6.configVal3Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal3Max">
<el-input :maxlength="50" v-model="projectParams6.configVal3Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="基础沉降(mm)" required>
<el-col :span="11">
<el-form-item prop="configVal4Min">
<el-input :maxlength="50" v-model="projectParams6.configVal4Min" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col style="display: flex; justify-content: center" class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item prop="configVal4Max">
<el-input :maxlength="50" v-model="projectParams6.configVal4Max" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form-item>
</el-form>
<!-- 新增-按钮群 -->
<div
@ -282,6 +413,12 @@ export default {
case 119:
Object.assign(this.projectParams4, this.editParams)
break;
case 133:
Object.assign(this.projectParams5, this.editParams)
break;
case 134:
Object.assign(this.projectParams6, this.editParams)
break;
}
this.subSort = 2
} else {
@ -327,6 +464,28 @@ export default {
configVal3Max: undefined, // max
configVal4Min: undefined, // min
configVal4Max: undefined, // max
},
projectParams5: {
configName: undefined, //
configVal1Min: undefined, // min
configVal1Max: undefined, // max
configVal2Min: undefined, // min
configVal2Max: undefined, // max
configVal3Min: undefined, // min
configVal3Max: undefined, // max
configVal4Min: undefined, // min
configVal4Max: undefined, // max
},
projectParams6: {
configName: undefined, //
configVal1Min: undefined, // min
configVal1Max: undefined, // max
configVal2Min: undefined, // min
configVal2Max: undefined, // max
configVal3Min: undefined, // min
configVal3Max: undefined, // max
configVal4Min: undefined, // min
configVal4Max: undefined, // max
},
//
projectParams1Rules: {
@ -1194,6 +1353,580 @@ export default {
}
],
},
projectParams5Rules: {
configName: [
{
required: true,
message: '请输入配置名称',
trigger: 'blur',
},
{ validator: this.validateInput, trigger: 'blur' }
],
configVal1Min: [
{
required: true,
message: '请输入测量阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal1Max: [
{
required: true,
message: '请输入测量阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal2Min: [
{
required: true,
message: '请输入变化阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal2Max: [
{
required: true,
message: '请输入变化阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal3Min: [
{
required: true,
message: '请输入累加阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal3Max: [
{
required: true,
message: '请输入累加阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal4Min: [
{
required: true,
message: '请输入基础沉降阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal4Max: [
{
required: true,
message: '请输入基础沉降阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
},
projectParams6Rules: {
configName: [
{
required: true,
message: '请输入配置名称',
trigger: 'blur',
},
{ validator: this.validateInput, trigger: 'blur' }
],
configVal1Min: [
{
required: true,
message: '请输入测量阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal1Max: [
{
required: true,
message: '请输入测量阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal2Min: [
{
required: true,
message: '请输入变化阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal2Max: [
{
required: true,
message: '请输入变化阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal3Min: [
{
required: true,
message: '请输入累加阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal3Max: [
{
required: true,
message: '请输入累加阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal4Min: [
{
required: true,
message: '请输入基础沉降阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const valueTemp = parseFloat(value);
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
configVal4Max: [
{
required: true,
message: '请输入基础沉降阈值',
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
const valueTemp = parseFloat(value);
if(valueTemp<this.projectParams4.configVal4Min){
return callback(new Error('不可小于最小值'));
}
if (value === '' || value === null) {
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
const regexTwo = /^(0|[1-9]\d*)(\.\d{0,2})?$/;
if(!regexTwo.test(value)){
return callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
}
if(valueTemp.toString().includes('.')==true){
if (valueTemp < 0 ||valueTemp.toString().split(".")[1].length>2) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}else{
if (valueTemp < 0 ) {
callback(new Error('请输入大于零的数据且小数点后最多保留两位'));
} else {
callback();
}
}
trigger: 'blur'
}
}
],
},
//
projRange: [],
provinceRange: [],
@ -1269,6 +2002,24 @@ export default {
}
})
break;
case 133:
this.$refs.projectParamsRef5.validate(valid => {
if(valid) {
this.projectParams5.configuType = this.formCount
console.log(this.projectParams5, 'form5')
this.handleAdd(this.projectParams5)
}
})
break;
case 134:
this.$refs.projectParamsRef6.validate(valid => {
if(valid) {
this.projectParams6.configuType = this.formCount
console.log(this.projectParams6, 'form6')
this.handleAdd(this.projectParams6)
}
})
break;
}
},
async handleAdd(param) {
@ -1317,6 +2068,24 @@ export default {
}
})
break;
case 133:
this.$refs.projectParamsRef5.validate(valid => {
if(valid) {
this.projectParams5.configuType = this.formCount
console.log(this.projectParams5, 'form5')
this.handleEdit(this.projectParams5)
}
})
break;
case 134:
this.$refs.projectParamsRef6.validate(valid => {
if(valid) {
this.projectParams6.configuType = this.formCount
console.log(this.projectParams6, 'form6')
this.handleEdit(this.projectParams6)
}
})
break;
}
},
async handleEdit(param) {

View File

@ -124,6 +124,24 @@ export default {
{ t_props: 'configVal4Str', t_label: '硫化氢阈值' },
]
break;
case 133:
this.columnsList = [
{ t_props: 'configName', t_label: '配置名称', },
{ t_props: 'configVal1Str', t_label: '测量阈值' },
{ t_props: 'configVal2Str', t_label: '变化阈值' },
{ t_props: 'configVal3Str', t_label: '累加阈值' },
{ t_props: 'configVal4Str', t_label: '基础沉降阈值' },
]
break;
case 134:
this.columnsList = [
{ t_props: 'configName', t_label: '配置名称', },
{ t_props: 'configVal1Str', t_label: '测量阈值' },
{ t_props: 'configVal2Str', t_label: '变化阈值' },
{ t_props: 'configVal3Str', t_label: '累加阈值' },
{ t_props: 'configVal4Str', t_label: '基础沉降阈值' },
]
break;
}
this.$refs.tableRef.queryTableList({
configuType: v.dictCode
@ -148,7 +166,7 @@ export default {
/* this.sendRigCode = {
configuType: this.currentLefIndex
} */
this.lefSelList = res.data.slice(0, 4)
this.lefSelList = res.data.slice(0, 4).concat(res.data.slice(-2));
}).catch(err => {})
},
data() {