Browse Source

feat:[模板管理][暂存]

ouqian
luojie 1 month ago
parent
commit
3dfb33a5b6
3 changed files with 62 additions and 16 deletions
  1. +18
    -13
      src/components/Template/BaseInfoFormPackage.vue
  2. +24
    -1
      src/components/Template/HandleFormItem.vue
  3. +20
    -2
      src/views/business/comps/template/comps/yp/YP003.vue

+ 18
- 13
src/components/Template/BaseInfoFormPackage.vue View File

@ -114,13 +114,7 @@
@update:error="errors[key] = false" @resetRecord="resetRecord(key)" :item="sItem" @update:error="errors[key] = false" @resetRecord="resetRecord(key)" :item="sItem"
:value="formFields[key]" /> :value="formFields[key]" />
</div> </div>
<div v-else-if="sItem.type === 'checkboxTag'" class="flex1">
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key"
type="checkboxTag" :item="sItem" :value="formFields[key]"
@copy="onCopy(sItem, key)" @change="(e) => onAttachmentChange(key, e)"
:error="errors[key]" @update:error="errors[key] = false"
:orange-bg="orangeBgFields[key]" />
</div>
<div v-else-if="sItem.type === 'checkboxList'" class="flex1"> <div v-else-if="sItem.type === 'checkboxList'" class="flex1">
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key" <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key"
type="checkboxList" :item="sItem" :value="formFields[key]" type="checkboxList" :item="sItem" :value="formFields[key]"
@ -154,6 +148,12 @@
:orange-bg="orangeBgFields[sItem.otherCode]" /> :orange-bg="orangeBgFields[sItem.otherCode]" />
</div> </div>
</div> </div>
<div v-else-if="sItem.type === 'fqyq'" class="flex1" :class="{ 'form-error-border': errors[key] }">
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key"
type="fqyq" :item="sItem" :value="formFields[key]"
@change="(e) => onFqyqChange(key, e)"
:error="errors[key]" @update:error="errors[key] = false" />
</div>
</div> </div>
@ -275,12 +275,6 @@
@update:error="errors[key] = false" @resetRecord="resetRecord(key)" :item="sItem" @update:error="errors[key] = false" @resetRecord="resetRecord(key)" :item="sItem"
:value="formFields[key]" /> :value="formFields[key]" />
</div> </div>
<div v-else-if="sItem.type === 'checkboxTag'" class="flex flex1">
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key"
type="checkboxTag" :item="sItem" :value="formFields[key]" @copy="onCopy(sItem, key)"
@change="(e) => onAttachmentChange(key, e)" :error="errors[key]"
@update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" />
</div>
<div v-else-if="sItem.type === 'checkboxList'" class="flex flex1"> <div v-else-if="sItem.type === 'checkboxList'" class="flex flex1">
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key" <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey + '_' + key"
type="checkboxList" :item="sItem" :value="formFields[key]" @copy="onCopy(sItem, key)" type="checkboxList" :item="sItem" :value="formFields[key]" @copy="onCopy(sItem, key)"
@ -390,6 +384,11 @@ export default {
fillType: sItem.subFillType || sItem.fillType fillType: sItem.subFillType || sItem.fillType
} }
}, },
// fqyq
onFqyqChange(key, e){
console.log(e,key,'fqyq');
this.formFields[key] = e;
}
} }
} }
@ -552,4 +551,10 @@ export default {
.mr-20 { .mr-20 {
margin-right: 20px; margin-right: 20px;
} }
.form-error-border{
box-shadow: 0 0 6px #ffc3c3;
padding: 8px;
border-radius: 4px;
border: 1px solid #ff5d5d;
}
</style> </style>

+ 24
- 1
src/components/Template/HandleFormItem.vue View File

@ -109,6 +109,25 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="type === 'fqyq'" :class="getFillTypeStyle()">
<div class="item-center">
<el-checkbox v-model="inputValue" :disabled="getDisabled()"
@change="(val) => onFqyqChange(val, 'yyyy/MM/DD')">
</el-checkbox>
<el-input class="fqyq-input" maxlength="100" v-model="inputValue" :disabled="getDisabled()" placeholder="请输入"></el-input>
<el-checkbox-group v-model="inputValue">
<el-checkbox label="是"></el-checkbox>
<el-checkbox label="否"></el-checkbox>
</el-checkbox-group>
</div>
<div>
<el-checkbox v-model="inputValue" :disabled="getDisabled()"
@change="(val) => onFqyqChange(val, 'yyyy/MM/DD')">
</el-checkbox>
</div>
</div>
</div> </div>
<div class="handle-row" v-if="isShowHandle()"> <div class="handle-row" v-if="isShowHandle()">
@ -1168,7 +1187,7 @@ export default {
if (this.getDisabled()) { if (this.getDisabled()) {
return "" return ""
} }
if (this.regentType.includes(type) || type === "clickable") {
if (this.regentType.includes(type) || type === "clickable" || type === "fqyq") {
return this.$t("template.common.pleaseSelect") return this.$t("template.common.pleaseSelect")
} }
let prex = "template.common.pleaseFillIn" let prex = "template.common.pleaseFillIn"
@ -1731,4 +1750,8 @@ export default {
} }
} }
} }
.fqyq-input{
width: 500px;
margin-left: 10px;
}
</style> </style>

+ 20
- 2
src/views/business/comps/template/comps/yp/YP003.vue View File

@ -31,6 +31,8 @@
<LineLabel label="template.yp.yp003.fqxx" /> <LineLabel label="template.yp.yp003.fqxx" />
<Step ref="stepRef" :formData="formData.stepData"></Step> <Step ref="stepRef" :formData="formData.stepData"></Step>
<BaseInfoFormPackage fieldItemLabel="template.yp.yp003.fqyq" label="template.yp.yp003.fqyq"
ref="fqyqRef" :formConfig="fqyqConig" :formData="formData" />
<BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark" <BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark"
ref="remarkRef" :formConfig="remarkConig" :formData="formData" /> ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
</div> </div>
@ -65,6 +67,22 @@ export default {
}, },
}, },
computed: { computed: {
//
fqyqConig() {
return [
{
type: "cellItem",
config: {
fqyq: {
label: "template.yp.yp003.sfyfzyq",
type: "fqyq",
fillType: "actFill",
span: 1,
}
}
}
]
},
// //
remarkConig() { remarkConig() {
return [ return [
@ -202,11 +220,11 @@ export default {
}, },
// //
getFilledFormData() { getFilledFormData() {
return this.getFilledFormDataByRefs(["baseInfoRef", "tableRef", "stepRef", "remarkRef"])
return this.getFilledFormDataByRefs(["baseInfoRef", "tableRef", "stepRef", "fqyqRef","remarkRef"])
}, },
// //
async getFormData() { async getFormData() {
let content = await this.validFormFields(["baseInfoRef", "tableRef", "stepRef", "remarkRef"]);
let content = await this.validFormFields(["baseInfoRef", "tableRef", "stepRef", "fqyqRef","remarkRef"]);
return content; return content;
}, },
getResource() { getResource() {

Loading…
Cancel
Save