布局问题知识库

This commit is contained in:
qq787203167
2022-08-02 17:06:04 +08:00
parent be73a04d6b
commit 5d9d66da3b
3 changed files with 69 additions and 53 deletions
@@ -10,7 +10,7 @@
<a-form-model-item class="itemModel" prop="titleCn"> <a-form-model-item class="itemModel" prop="titleCn">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.titleCn" v-model.trim="formInline.titleCn"
:placeholder="$t('PleaseEnter')+$t('title')"/> :placeholder="$t('PleaseEnter')+$t('title')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -24,7 +24,7 @@
<a-form-model-item class="itemModel" prop="titleEn"> <a-form-model-item class="itemModel" prop="titleEn">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.titleEn" v-model.trim="formInline.titleEn"
:placeholder="$t('PleaseEnter')+$t('englishTitle')"/> :placeholder="$t('PleaseEnter')+$t('englishTitle')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -128,7 +128,7 @@
<a-form-model-item class="itemModel" prop="implementCar"> <a-form-model-item class="itemModel" prop="implementCar">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.implementCar" v-model.trim="formInline.implementCar"
:placeholder="$t('PleaseEnter')+$t('implementationModel')"/> :placeholder="$t('PleaseEnter')+$t('implementationModel')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -158,7 +158,7 @@
<a-form-model-item class="itemModel" prop="newCarImplementTime"> <a-form-model-item class="itemModel" prop="newCarImplementTime">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.newCarImplementTime" v-model.trim="formInline.newCarImplementTime"
:placeholder="$t('PleaseEnter')+$t('ImplementationDate')"/> :placeholder="$t('PleaseEnter')+$t('ImplementationDate')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -172,7 +172,7 @@
<a-form-model-item class="itemModel" prop="productionCarImplementTime"> <a-form-model-item class="itemModel" prop="productionCarImplementTime">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.productionCarImplementTime" v-model.trim="formInline.productionCarImplementTime"
:placeholder="$t('PleaseEnter')+$t('vehicleInProductionDate')"/> :placeholder="$t('PleaseEnter')+$t('vehicleInProductionDate')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -267,7 +267,7 @@
<a-form-model-item class="itemModel" prop="link"> <a-form-model-item class="itemModel" prop="link">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline.link" v-model.trim="formInline.link"
:placeholder="$t('PleaseEnter')+$t('link')"/> :placeholder="$t('PleaseEnter')+$t('link')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -1,15 +1,15 @@
<template> <template>
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm"> <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
<div v-for="(item,index) in dataList" :key="index"> <div v-for="(item,index) in formInline.dataList" :key="index">
<div class="feedbackPoint"> <div class="feedbackPoint">
{{'NO.'+(index+1)}} {{'NO.'+(index+1)}}
<a-icon class="icon-size" <a-icon class="icon-size"
@click="addData" @click="addData"
v-if="(dataList.length-1) == index && !disabled" v-if="(formInline.dataList.length-1) == index && !disabled"
type="plus-circle"/> type="plus-circle"/>
<a-icon class="icon-size" <a-icon class="icon-size"
@click="deleteData" @click="deleteData"
v-if="dataList.length > 1 && (dataList.length - 1) == index && !disabled" v-if="formInline.dataList.length > 1 && (formInline.dataList.length - 1) == index && !disabled"
type="minus-circle"/> type="minus-circle"/>
</div> </div>
<a-row :gutter="24"> <a-row :gutter="24">
@@ -18,10 +18,13 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('standardNo')">{{$t('standardNo')}}</span> <span class="title-text-text" :title="$t('standardNo')">{{$t('standardNo')}}</span>
</div> </div>
<a-form-model-item class="itemModel" prop="standardNo"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.standardNumber'"
:rules="[{max: 100,message: $t('standardNo') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.standardNumber" v-model.trim="item.standardNumber"
:placeholder="$t('PleaseEnter')+$t('standardNo')"/> :placeholder="$t('PleaseEnter')+$t('standardNo')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -32,10 +35,13 @@
<span class="title-text-text" <span class="title-text-text"
:title="$t('standardNameCn')">{{$t('standardNameCn')}}</span> :title="$t('standardNameCn')">{{$t('standardNameCn')}}</span>
</div> </div>
<a-form-model-item class="itemModel" prop="standardNameCn"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.standardNameCn'"
:rules="[{max: 100,message: $t('standardNameCn') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.standardNameCn" v-model.trim="item.standardNameCn"
:placeholder="$t('PleaseEnter')+$t('standardNameCn')"/> :placeholder="$t('PleaseEnter')+$t('standardNameCn')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -47,10 +53,13 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span> <span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span>
</div> </div>
<a-form-model-item class="itemModel"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.standardNameEn'"
:rules="[{max: 100,message: $t('standardNameEn') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.standardNameEn" v-model.trim="item.standardNameEn"
:placeholder="$t('PleaseEnter')+$t('standardNameEn')"/> :placeholder="$t('PleaseEnter')+$t('standardNameEn')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -101,13 +110,12 @@
export default { export default {
name: 'releaseStandard', name: 'releaseStandard',
props:['formInlineQuery','disabled'], props: ['formInlineQuery', 'disabled'],
data() { data() {
return { return {
rules: {}, rules: {},
formInline: {}, formInline: {},
CategoryTreeList: [], CategoryTreeList: []
dataList: []
} }
}, },
mounted() { mounted() {
@@ -115,19 +123,19 @@
if (this.formInlineQuery.id) { if (this.formInlineQuery.id) {
this.formInline = JSON.parse(JSON.stringify(this.formInlineQuery)) this.formInline = JSON.parse(JSON.stringify(this.formInlineQuery))
this.formInline = { ...this.formInline } this.formInline = { ...this.formInline }
this.dataList = this.formInline.newStandardTemplateEOList this.formInline.dataList = this.formInline.newStandardTemplateEOList
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
} else { } else {
this.dataList = [ this.formInline.dataList = [
{ {
standardNumber: '', standardNumber: '',
standardNameCn: '', standardNameCn: '',
standardNameEn: '', standardNameEn: '',
issueTime: '', issueTime: '',
implementTime:'', implementTime: ''
} }
] ]
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
} }
}) })
}, },
@@ -139,28 +147,28 @@
}) })
}, },
addData() { addData() {
this.dataList.push({ this.formInline.dataList.push({
standardNumber: '', standardNumber: '',
standardNameCn: '', standardNameCn: '',
standardNameEn: '', standardNameEn: '',
issueTime: '', issueTime: '',
implementTime:'', implementTime: ''
}) })
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
}, },
deleteData() { deleteData() {
this.dataList.pop() this.formInline.dataList.pop()
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
}, },
dateChange(item,index) { dateChange(item, index) {
this.dataList[index][item] = this.dataList[index][item] ? moment(this.dataList[index][item]).format('YYYY-MM-DD') : '' this.formInline.dataList[index][item] = this.formInline.dataList[index][item] ? moment(this.formInline.dataList[index][item]).format('YYYY-MM-DD') : ''
}, },
getData(callback) { getData(callback) {
this.$refs.ruleForm.validate(valid => { this.$refs.ruleForm.validate(valid => {
if (valid) { if (valid) {
let query = { let query = {
id: this.formInline.id, id: this.formInline.id,
newStandardTemplateEOList: this.dataList newStandardTemplateEOList: this.formInline.dataList
} }
callback && callback(query) callback && callback(query)
} }
@@ -1,15 +1,15 @@
<template> <template>
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm"> <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
<div v-for="(item,index) in dataList" :key="index"> <div v-for="(item,index) in formInline.dataList" :key="index">
<div class="feedbackPoint"> <div class="feedbackPoint">
{{'NO.'+(index+1)}} {{'NO.'+(index+1)}}
<a-icon class="icon-size" <a-icon class="icon-size"
@click="addData" @click="addData"
v-if="(dataList.length-1) == index && !disabled" v-if="(formInline.dataList.length-1) == index && !disabled"
type="plus-circle"/> type="plus-circle"/>
<a-icon class="icon-size" <a-icon class="icon-size"
@click="deleteData" @click="deleteData"
v-if="dataList.length > 1 && (dataList.length - 1) == index && !disabled" v-if="formInline.dataList.length > 1 && (formInline.dataList.length - 1) == index && !disabled"
type="minus-circle"/> type="minus-circle"/>
</div> </div>
<a-row :gutter="24"> <a-row :gutter="24">
@@ -18,10 +18,13 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('planNoChinese')">{{$t('planNoChinese')}}</span> <span class="title-text-text" :title="$t('planNoChinese')">{{$t('planNoChinese')}}</span>
</div> </div>
<a-form-model-item class="itemModel" prop="planNoChinese"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.planNumberCn'"
:rules="[{max: 100,message: $t('planNoChinese') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.planNumberCn" v-model.trim="item.planNumberCn"
:placeholder="$t('PleaseEnter')+$t('planNoChinese')"/> :placeholder="$t('PleaseEnter')+$t('planNoChinese')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -32,10 +35,13 @@
<span class="title-text-text" <span class="title-text-text"
:title="$t('standardNameCn')">{{$t('standardNameCn')}}</span> :title="$t('standardNameCn')">{{$t('standardNameCn')}}</span>
</div> </div>
<a-form-model-item class="itemModel" prop="standardNameCn"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.standardNameCn'"
:rules="[{max: 100,message: $t('standardNameCn') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.standardNameCn" v-model.trim="item.standardNameCn"
:placeholder="$t('PleaseEnter')+$t('standardNameCn')"/> :placeholder="$t('PleaseEnter')+$t('standardNameCn')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -47,10 +53,13 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span> <span class="title-text-text" :title="$t('standardNameEn')">{{$t('standardNameEn')}}</span>
</div> </div>
<a-form-model-item class="itemModel"> <a-form-model-item class="itemModel"
:prop="'dataList.'+index+'.standardNameEn'"
:rules="[{max: 100,message: $t('standardNameEn') + $t('cannotExceed') + 100 + $t('Characters'),trigger: 'blur'
}]">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="item.standardNameEn" v-model.trim="item.standardNameEn"
:placeholder="$t('PleaseEnter')+$t('standardNameEn')"/> :placeholder="$t('PleaseEnter')+$t('standardNameEn')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -82,13 +91,12 @@
export default { export default {
name: 'solicitOpinions', name: 'solicitOpinions',
props: ['formInlineQuery','disabled'], props: ['formInlineQuery', 'disabled'],
data() { data() {
return { return {
rules: {}, rules: {},
formInline: {}, formInline: {},
CategoryTreeList: [], CategoryTreeList: []
dataList: []
} }
}, },
mounted() { mounted() {
@@ -96,10 +104,10 @@
if (this.formInlineQuery.id) { if (this.formInlineQuery.id) {
this.formInline = JSON.parse(JSON.stringify(this.formInlineQuery)) this.formInline = JSON.parse(JSON.stringify(this.formInlineQuery))
this.formInline = { ...this.formInline } this.formInline = { ...this.formInline }
this.dataList = this.formInline.newOpinionTemplateEOList this.formInline.dataList = this.formInline.newOpinionTemplateEOList
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
} else { } else {
this.dataList = [ this.formInline.dataList = [
{ {
planNumberCn: '', planNumberCn: '',
standardNameCn: '', standardNameCn: '',
@@ -107,7 +115,7 @@
expirationDate: '' expirationDate: ''
} }
] ]
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
} }
}) })
}, },
@@ -119,27 +127,27 @@
}) })
}, },
addData() { addData() {
this.dataList.push({ this.formInline.dataList.push({
planNumberCn: '', planNumberCn: '',
standardNameCn: '', standardNameCn: '',
standardNameEn: '', standardNameEn: '',
expirationDate: '' expirationDate: ''
}) })
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
}, },
deleteData() { deleteData() {
this.dataList.pop() this.formInline.dataList.pop()
this.dataList = [...this.dataList] this.formInline = { ...this.formInline }
}, },
dateChange(item, index) { dateChange(item, index) {
this.dataList[index][item] = this.dataList[index][item] ? moment(this.dataList[index][item]).format('YYYY-MM-DD') : '' this.formInline.dataList[index][item] = this.formInline.dataList[index][item] ? moment(this.formInline.dataList[index][item]).format('YYYY-MM-DD') : ''
}, },
getData(callback) { getData(callback) {
this.$refs.ruleForm.validate(valid => { this.$refs.ruleForm.validate(valid => {
if (valid) { if (valid) {
let query = { let query = {
id: this.formInline.id, id: this.formInline.id,
newOpinionTemplateEOList: this.dataList newOpinionTemplateEOList: this.formInline.dataList
} }
callback && callback(query) callback && callback(query)
} }