Skip to content

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

修改form

parent 348fd501
Show 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>
<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) form[item.prop] | getItemText(item.dicData, item.type)
}}</span> }}</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, display: true,
labelWidth: 8, labelWidth: 8,
column: [{ column: [
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'name', prop: "name",
label: '姓名', label: "姓名",
fieldType: 'varchar', fieldType: "varchar",
fieldLength: '50', fieldLength: "50",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'contact_phone', prop: "contact_phone",
label: '手机号', label: "手机号",
fieldType: 'varchar', fieldType: "varchar",
fieldLength: '20', fieldLength: "20",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'telephone', prop: "telephone",
label: '联系电话', label: "联系电话",
fieldType: 'varchar', fieldType: "varchar",
fieldLength: '20', fieldLength: "20",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'sex', prop: "sex",
label: '性别', label: "性别",
fieldType: 'tinyint', fieldType: "tinyint",
fieldLength: '2', fieldLength: "2",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'birthday', prop: "birthday",
label: '出生日期', label: "出生日期",
fieldType: 'date', fieldType: "date",
fieldLength: '', fieldLength: "",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
prop: 'age', prop: "age",
label: '年龄', label: "年龄",
fieldType: 'int', fieldType: "int",
fieldLength: '4', fieldLength: "4",
tableName: '存活情况', tableName: "存活情况",
tableCode: 'gas_survival_situation', tableCode: "gas_survival_situation",
tableId: '1598137567272861697', tableId: "1598137567272861697",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false subfield: false,
}] },
],
}, },
{ {
label: '第一次随访计划', label: "第一次随访计划",
prop: '1669858313508_15760', prop: "1669858313508_15760",
arrow: true, arrow: true,
collapse: true, collapse: true,
display: true, display: true,
labelWidth: 8, labelWidth: 8,
column: [{ column: [
type: 'radio', {
type: "radio",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
prop: 'is_continue_follow', prop: "is_continue_follow",
label: '是否随访', label: "是否随访",
dicData: [{ dicData: [
label: '是', {
value: '1', label: "是",
id: '1595347527757000705', value: "1",
parentId: '' id: "1595347527757000705",
}, { parentId: "",
label: '否', },
value: '0', {
id: '1595347502595371010', label: "否",
parentId: '' value: "0",
}], id: "1595347502595371010",
parentId: "",
},
],
dynamicshSet: [], dynamicshSet: [],
dicType: 'd-sf', dicType: "d-sf",
props: { props: {
label: 'label', label: "label",
value: 'value' value: "value",
}, },
fieldType: 'tinyint', fieldType: "tinyint",
fieldLength: '2', fieldLength: "2",
tableName: '随访计划', tableName: "随访计划",
tableCode: 'gas_follow', tableCode: "gas_follow",
tableId: '1597491580053323777', tableId: "1597491580053323777",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false, subfield: false,
value: '1', value: "1",
span: 24, span: 24,
autoRequired: 0, autoRequired: 0,
personalRequired: 0 personalRequired: 0,
}, { },
type: 'date', {
type: "date",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
prop: 'first_follow_time', prop: "first_follow_time",
label: '随访时间', label: "随访时间",
format: 'yyyy-MM-dd', format: "yyyy-MM-dd",
valueFormat: 'yyyy-MM-dd', valueFormat: "yyyy-MM-dd",
dicType: '', dicType: "",
fieldType: 'date', fieldType: "date",
tableName: '随访计划', tableName: "随访计划",
tableCode: 'gas_follow', tableCode: "gas_follow",
tableId: '1597491580053323777', tableId: "1597491580053323777",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false, subfield: false,
span: 12, span: 12,
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
width: 12 width: 12,
}, { },
type: 'input', {
type: "input",
display: true, display: true,
importantField: true, importantField: true,
styles: {}, styles: {},
prop: 'follow_contents', prop: "follow_contents",
label: '随访内容', label: "随访内容",
fieldType: 'text', fieldType: "text",
tableName: '随访计划', tableName: "随访计划",
tableCode: 'gas_follow', tableCode: "gas_follow",
tableId: '1597491580053323777', tableId: "1597491580053323777",
notFilter: false, notFilter: false,
cType: '', cType: "",
subfield: false, subfield: false,
autoRequired: 0, autoRequired: 0,
personalRequired: 0, personalRequired: 0,
span: 12, span: 12,
width: 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