Skip to content

A
agcs2.0-web
Commit f409246a authored by miaojiale's avatar miaojiale
Browse files
Options

修改form

parent 348fd501
Hide whitespace changes
Inline Side-by-side
Showing with 288 additions and 218 deletions
src/components/FormComponents/CustomForm/FormContent.vue
View file @ f409246a
<template> <template>
<el-row :gutter="options.gutter" class="form-content"> <el-row :gutter="options.gutter" class="form-content">
<template v-for="(item, columnIndex) in columns.column || columns.children.column"> <template
v-for="(item, columnIndex) in columns.column || columns.children.column"
>
<div <div
v-if="item.type === 'dynamic'" v-if="item.type === 'dynamic'"
v-show="item.display" v-show="item.display"
...@@ -8,7 +10,11 @@ ...@@ -8,7 +10,11 @@
style="width: 100%" style="width: 100%"
class="dynamic-form-container" class="dynamic-form-container"
> >
<el-form-item :prop="item.prop" :label-width="'0px'" style="display: none"></el-form-item> <el-form-item
:prop="item.prop"
:label-width="'0px'"
style="display: none"
></el-form-item>
<div class="dynamic-form-container_lable">{{ item.label }}</div> <div class="dynamic-form-container_lable">{{ item.label }}</div>
<form-dynamic <form-dynamic
v-model="form[item.prop]" v-model="form[item.prop]"
...@@ -25,7 +31,11 @@ ...@@ -25,7 +31,11 @@
style="width: 100%" style="width: 100%"
> >
<el-collapse :value="item.collapse ? item.prop : ''"> <el-collapse :value="item.collapse ? item.prop : ''">
<el-collapse-item :title="item.label" :name="item.prop" :disabled="!item.arrow"> <el-collapse-item
:title="item.label"
:name="item.prop"
:disabled="!item.arrow"
>
<form-content <form-content
ref="form-content" ref="form-content"
:form="form" :form="form"
...@@ -43,7 +53,11 @@ ...@@ -43,7 +53,11 @@
:key="columnIndex" :key="columnIndex"
style="width: 100%" style="width: 100%"
> >
<el-form-item :prop="item.prop" :label-width="'0px'" style="display: none"></el-form-item> <el-form-item
:prop="item.prop"
:label-width="'0px'"
style="display: none"
></el-form-item>
<dental-tab-form <dental-tab-form
ref="dental" ref="dental"
v-model="form[item.prop]" v-model="form[item.prop]"
...@@ -59,7 +73,11 @@ ...@@ -59,7 +73,11 @@
:key="columnIndex" :key="columnIndex"
style="width: 100%" style="width: 100%"
> >
<el-form-item :prop="item.prop" :label-width="'0px'" style="display: none"></el-form-item> <el-form-item
:prop="item.prop"
:label-width="'0px'"
style="display: none"
></el-form-item>
<dental-tab-tj-form <dental-tab-tj-form
ref="dental" ref="dental"
v-model="form[item.prop]" v-model="form[item.prop]"
...@@ -168,7 +186,7 @@ export default { ...@@ -168,7 +186,7 @@ export default {
}, },
// 切换不符合筛查条件的显示 // 切换不符合筛查条件的显示
formChange() { formChange() {
// 入选，排除标准 // 入选，排除标准，一个填写是就不符合筛查条件
console.log(this.form) console.log(this.form)
let arr = [ let arr = [
"is_one_year", "is_one_year",
...@@ -181,7 +199,7 @@ export default { ...@@ -181,7 +199,7 @@ export default {
] ]
let flag = 0 let flag = 0
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
if (this.form[arr[i]] && this.form[arr[i]] == 0) { if (this.form[arr[i]] && this.form[arr[i]] == 1) {
flag++ flag++
} }
} }
......
src/components/FormComponents/CustomForm/FormItemText.vue
View file @ f409246a
...@@ -2,13 +2,35 @@ ...@@ -2,13 +2,35 @@
<div class="form-item-text"> <div class="form-item-text">
<template v-if="form[item.prop]"> <template v-if="form[item.prop]">
<span v-if="item.prepend">{{ item.prepend }}</span> <span v-if="item.prepend">{{ item.prepend }}</span>
<span style="margin: 0 5px">{{ <span>
form[item.prop] | getItemText(item.dicData, item.type) <span
}}</span> v-if="item.prop == 'risk_rank'"
:style="{
color:
form[item.prop] == '中危'
? '#FF9F33'
: form[item.prop] == '低危'
? 'green'
: '',
}"
>
{{ form[item.prop] }}
</span>
<span
v-else-if="item.prop == 'screening_advise'"
style="color: #4e68ff"
>
{{ form[item.prop] }}
</span>
<span v-else style="margin: 0 5px">{{
form[item.prop] | getItemText(item.dicData, item.type)
}}</span>
</span>
<span v-if="item.append && !item.toothBit" class="append">{{ <span v-if="item.append && !item.toothBit" class="append">{{
item.append item.append
}}</span> }}</span>
</template> </template>
<template v-else> -- </template>
</div> </div>
</template> </template>
......
src/views/screening/components/FormTab.vue
View file @ f409246a
...@@ -42,8 +42,16 @@ ...@@ -42,8 +42,16 @@
</el-switch>--> </el-switch>-->
</div> </div>
</el-row> </el-row>
<div class="my-form" ref="my-form" :class="externalScroll ? 'no-scroll' : ''"> <div
<read-form ref="form" :options="survivalForm" v-if="survivalFlag"></read-form> class="my-form"
ref="my-form"
:class="externalScroll ? 'no-scroll' : ''"
>
<read-form
ref="form"
:options="survivalForm"
v-if="survivalFlag"
></read-form>
<custom-form <custom-form
ref="form" ref="form"
@scrollTop="scrollTop" @scrollTop="scrollTop"
...@@ -81,9 +89,9 @@ export default { ...@@ -81,9 +89,9 @@ export default {
patientId: String, patientId: String,
patientStandbyId: String, patientStandbyId: String,
getAll: Boolean, // 获取页面所有数据 getAll: Boolean, // 获取页面所有数据
survivalFlag:Boolean, //存活的显示 survivalFlag: Boolean, //存活的显示
}, },
components: { CustomForm, TagsScrollBar,ReadForm }, components: { CustomForm, TagsScrollBar, ReadForm },
provide() { provide() {
return { return {
formId: this.form.formId, formId: this.form.formId,
...@@ -99,7 +107,11 @@ export default { ...@@ -99,7 +107,11 @@ export default {
asideShow: false, asideShow: false,
widgetFormPreview: {}, widgetFormPreview: {},
formData: { formData: {
formEdit: {}, formEdit: {
risk_rank: "中危",
risk_score: "5分",
screening_advise: "立刻住院",
},
percent: {}, percent: {},
formRecordId: null, formRecordId: null,
}, },
...@@ -107,218 +119,232 @@ export default { ...@@ -107,218 +119,232 @@ export default {
formloading: false, formloading: false,
repeatedlyList: [], repeatedlyList: [],
formCacheList: [], formCacheList: [],
survivalForm:{ survivalForm: {
column: [], column: [],
labelPosition: 'right', labelPosition: "right",
labelSuffix: '：', labelSuffix: "：",
labelWidth: 100, labelWidth: 100,
gutter: 0, gutter: 0,
menuBtn: true, menuBtn: true,
submitBtn: true, submitBtn: true,
submitText: '提交', submitText: "提交",
emptyBtn: true, emptyBtn: true,
emptyText: '清空', emptyText: "清空",
nextTabBtn: true, nextTabBtn: true,
nextTabText: '下一页', nextTabText: "下一页",
menuPosition: 'center', menuPosition: "center",
group: [ group: [
{ {
label: '个人信息', label: "个人信息",
prop: '1669858228269_22763', prop: "1669858228269_22763",
arrow: true, arrow: true,
collapse: true, collapse: true,
display: true,
labelWidth: 8,
column: [{
type: 'input',
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: 'name',
label: '姓名',
fieldType: 'varchar',
fieldLength: '50',
tableName: '存活情况',
tableCode: 'gas_survival_situation',
tableId: '1598137567272861697',
notFilter: false,
cType: '',
subfield: false
}, {
type: 'input',
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: 'contact_phone',
label: '手机号',
fieldType: 'varchar',
fieldLength: '20',
tableName: '存活情况',
tableCode: 'gas_survival_situation',
tableId: '1598137567272861697',
notFilter: false,
cType: '',
subfield: false
}, {
type: 'input',
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: 'telephone',
label: '联系电话',
fieldType: 'varchar',
fieldLength: '20',
tableName: '存活情况',
tableCode: 'gas_survival_situation',
tableId: '1598137567272861697',
notFilter: false,
cType: '',
subfield: false
}, {
type: 'input',
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: 'sex',
label: '性别',
fieldType: 'tinyint',
fieldLength: '2',
tableName: '存活情况',
tableCode: 'gas_survival_situation',
tableId: '1598137567272861697',
notFilter: false,
cType: '',
subfield: false
}, {
type: 'input',
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: 'birthday',
label: '出生日期',
fieldType: 'date',
fieldLength: '',
tableName: '存活情况',
tableCode: 'gas_survival_situation',
tableId: '1598137567272861697',
notFilter: false,
cType: '',
subfield: false
}, {
type: 'input',
display: true, display: true,
importantField: true, labelWidth: 8,
styles: {}, column: [
autoRequired: 0, {
personalRequired: 0, type: "input",
prop: 'age', display: true,
label: '年龄', importantField: true,
fieldType: 'int', styles: {},
fieldLength: '4', autoRequired: 0,
tableName: '存活情况', personalRequired: 0,
tableCode: 'gas_survival_situation', prop: "name",
tableId: '1598137567272861697', label: "姓名",
notFilter: false, fieldType: "varchar",
cType: '', fieldLength: "50",
subfield: false tableName: "存活情况",
}] tableCode: "gas_survival_situation",
}, tableId: "1598137567272861697",
{ notFilter: false,
label: '第一次随访计划', cType: "",
prop: '1669858313508_15760', subfield: false,
arrow: true, },
collapse: true, {
display: true, type: "input",
labelWidth: 8, display: true,
column: [{ importantField: true,
type: 'radio', styles: {},
display: true, autoRequired: 0,
importantField: true, personalRequired: 0,
styles: {}, prop: "contact_phone",
prop: 'is_continue_follow', label: "手机号",
label: '是否随访', fieldType: "varchar",
dicData: [{ fieldLength: "20",
label: '是', tableName: "存活情况",
value: '1', tableCode: "gas_survival_situation",
id: '1595347527757000705', tableId: "1598137567272861697",
parentId: '' notFilter: false,
}, { cType: "",
label: '否', subfield: false,
value: '0', },
id: '1595347502595371010', {
parentId: '' type: "input",
}], display: true,
dynamicshSet: [], importantField: true,
dicType: 'd-sf', styles: {},
props: { autoRequired: 0,
label: 'label', personalRequired: 0,
value: 'value' prop: "telephone",
}, label: "联系电话",
fieldType: 'tinyint', fieldType: "varchar",
fieldLength: '2', fieldLength: "20",
tableName: '随访计划', tableName: "存活情况",
tableCode: 'gas_follow', tableCode: "gas_survival_situation",
tableId: '1597491580053323777', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false, subfield: false,
value: '1', },
span: 24, {
autoRequired: 0, type: "input",
personalRequired: 0 display: true,
}, { importantField: true,
type: 'date', styles: {},
display: true, autoRequired: 0,
importantField: true, personalRequired: 0,
styles: {}, prop: "sex",
prop: 'first_follow_time', label: "性别",
label: '随访时间', fieldType: "tinyint",
format: 'yyyy-MM-dd', fieldLength: "2",
valueFormat: 'yyyy-MM-dd', tableName: "存活情况",
dicType: '', tableCode: "gas_survival_situation",
fieldType: 'date', tableId: "1598137567272861697",
tableName: '随访计划', notFilter: false,
tableCode: 'gas_follow', cType: "",
tableId: '1597491580053323777', subfield: false,
notFilter: false, },
cType: '', {
subfield: false, type: "input",
span: 12, display: true,
autoRequired: 0, importantField: true,
personalRequired: 0, styles: {},
width: 12 autoRequired: 0,
}, { personalRequired: 0,
type: 'input', prop: "birthday",
label: "出生日期",
fieldType: "date",
fieldLength: "",
tableName: "存活情况",
tableCode: "gas_survival_situation",
tableId: "1598137567272861697",
notFilter: false,
cType: "",
subfield: false,
},
{
type: "input",
display: true,
importantField: true,
styles: {},
autoRequired: 0,
personalRequired: 0,
prop: "age",
label: "年龄",
fieldType: "int",
fieldLength: "4",
tableName: "存活情况",
tableCode: "gas_survival_situation",
tableId: "1598137567272861697",
notFilter: false,
cType: "",
subfield: false,
},
],
},
{
label: "第一次随访计划",
prop: "1669858313508_15760",
arrow: true,
collapse: true,
display: true, display: true,
importantField: true, labelWidth: 8,
styles: {}, column: [
prop: 'follow_contents', {
label: '随访内容', type: "radio",
fieldType: 'text', display: true,
tableName: '随访计划', importantField: true,
tableCode: 'gas_follow', styles: {},
tableId: '1597491580053323777', prop: "is_continue_follow",
notFilter: false, label: "是否随访",
cType: '', dicData: [
subfield: false, {
autoRequired: 0, label: "是",
personalRequired: 0, value: "1",
span: 12, id: "1595347527757000705",
width: 12 parentId: "",
}] },
}, {
] label: "否",
} value: "0",
id: "1595347502595371010",
parentId: "",
},
],
dynamicshSet: [],
dicType: "d-sf",
props: {
label: "label",
value: "value",
},
fieldType: "tinyint",
fieldLength: "2",
tableName: "随访计划",
tableCode: "gas_follow",
tableId: "1597491580053323777",
notFilter: false,
cType: "",
subfield: false,
value: "1",
span: 24,
autoRequired: 0,
personalRequired: 0,
},
{
type: "date",
display: true,
importantField: true,
styles: {},
prop: "first_follow_time",
label: "随访时间",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
dicType: "",
fieldType: "date",
tableName: "随访计划",
tableCode: "gas_follow",
tableId: "1597491580053323777",
notFilter: false,
cType: "",
subfield: false,
span: 12,
autoRequired: 0,
personalRequired: 0,
width: 12,
},
{
type: "input",
display: true,
importantField: true,
styles: {},
prop: "follow_contents",
label: "随访内容",
fieldType: "text",
tableName: "随访计划",
tableCode: "gas_follow",
tableId: "1597491580053323777",
notFilter: false,
cType: "",
subfield: false,
autoRequired: 0,
personalRequired: 0,
span: 12,
width: 12,
},
],
},
],
},
} }
}, },
// mixins: [resizeMixin], // mixins: [resizeMixin],
...@@ -400,6 +426,8 @@ export default { ...@@ -400,6 +426,8 @@ export default {
obj.menuBtn = false obj.menuBtn = false
obj.disabled = true obj.disabled = true
obj.detail = true obj.detail = true
} else if (res.data.name == "风险评估") {
obj.detail = true
} }
this.widgetFormPreview = obj this.widgetFormPreview = obj
} }
......
src/views/screening/components/mixin.js
View file @ f409246a
...@@ -41,11 +41,13 @@ export default { ...@@ -41,11 +41,13 @@ export default {
}, },
handleTabClick({ index, name }) { handleTabClick({ index, name }) {
const { formId, id, silent } = this.formTabs[index] const { formId, id, silent } = this.formTabs[index]
console.log('表单项', this.formTabs) console.log("表单项", this.formTabs[index])
if (formId && silent) { if (formId && silent) {
this.formTabs[index]["silent"] = false //控制是否获取接口数据 this.formTabs[index]["silent"] = false //控制是否获取接口数据
return return
} }
if (this.formTabs[index].formName == "风险评估") {
}
this.formTabs.splice(index, 1, { this.formTabs.splice(index, 1, {
...this.formTabsList.find((_) => _.id === id), ...this.formTabsList.find((_) => _.id === id),
}) })
......
src/views/screening/index.vue
View file @ f409246a
...@@ -200,7 +200,7 @@ export default { ...@@ -200,7 +200,7 @@ export default {
}, },
}, },
created() { created() {
this.handleFormSearch() // this.handleFormSearch()
}, },
} }
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment