Commit e734b407 authored by 刘予佳's avatar 刘予佳

只读表单,存活部分

parent 24bb0b28
......@@ -191,11 +191,6 @@ export default {
}
},
},
watch: {
showIndex(val){
console.log("组件内部",val)
}
},
}
</script>
......
......@@ -6,7 +6,10 @@
:class="{ isDefects: defectsSet.includes(item.prop) }"
>
<el-col :lg="item.width">
<div v-if="showIndex || configForms.showIndex" class="formIndex">{{ columnIndex + 1 }}</div>
<div
v-if="showIndex || configForms && configForms.showIndex"
class="formIndex"
>{{ columnIndex + 1 }}</div>
<el-form-item
:label="
!hiddenLabel && item.label
......@@ -27,10 +30,6 @@
:upload-query="{ formId, patientId, prefix: item.prop }"
:disabled="item.disabled"
></el-upload-self>
<!-- 只显示 -->
<!-- <template>
</template>-->
<!-- 表单改文本 -->
<template v-else-if="vwForm.detail">
<form-item-text :item="item" :form="form"></form-item-text>
......@@ -347,9 +346,6 @@
align="right"
@change="handleChange"
></el-date-picker>
<!-- 文本显示 -->
<span>{{form[item.prop]}}</span>
</template>
</div>
<span
......@@ -454,11 +450,6 @@ export default {
},
mounted() {
this.showFormItem()
console.log("组件内部2",this.configForms.showIndex)
// this.configForms.showIndex=this.showIndex
this.$nextTick(() => {
console.log("组件内部3",this.configForms.showIndex)
})
},
methods: {
scrollToView() {
......
<template>
<!-- 删除display isShowIm item.importantField item.style-->
<el-row :gutter="options.gutter" class="form-content">
<template v-for="(item, columnIndex) in columns.column || columns.children.column">
<el-col
v-if="item.type === 'title'"
:key="columnIndex"
class="row12"
:xs="item.xs || 24"
:sm="item.sm || 24"
:md="item.md || 24"
:lg="item.span || 12"
>
<div class="form_title">
<span>{{ item.value }}</span>
</div>
</el-col>
<el-col
v-else
:key="columnIndex"
class="row24"
:xs="item.xs || 24"
:sm="item.sm || 24"
:md="item.md || 24"
:lg="item.lg || item.span || 12"
:xl="item.span || 12"
>
<form-item-self
:form="form"
:column-index="columnIndex"
:item="item"
:columns="columns.column || columns.children.column"
:group="options.group"
@formChange="formChange"
></form-item-self>
</el-col>
</template>
</el-row>
</template>
<script>
/**
* @description 自定义表单
*/
import FormItemSelf from "./FormItemSelf2.vue"
export default {
name: "FormContent",
components: { FormItemSelf },
props: {
form: {
type: Object,
default: () => {
return {}
},
},
options: {
type: Object,
default: () => {
return {}
},
}, //配置 数据
columns: Object, //表单数据
size: { type: String, default: "small" },
formStyle: Object,
formEdit: {
type: Object,
default: () => {
return {}
},
},
isShowImportant: {
type: Boolean,
default: false,
},
},
data() {
return {}
},
computed: {
isShowIm() {
return function (val) {
return !this.isShowImportant ? true : val
}
},
paddingLeft() {
const columns = this.columns
return columns.labelWidth ? `${columns.labelWidth}px` : ""
},
},
methods: {
handleChange(key, val) {
if (this.form.hasOwnProperty(key)) this.form[key] = val
},
// 切换不符合筛查条件的显示
formChange() {
console.log(this.form)
let arr = [
"is_one_year",
"is_subtotal_history",
"is_ppi",
"is_symptom",
"is_subtotal_history",
"is_disease",
"is_tumour",
]
let flag = 0
for (let i = 0; i < arr.length; i++) {
if (this.form[arr[i]] && this.form[arr[i]] == 0) {
flag++
}
}
if (flag == 0) {
this.$emit("showError", false)
} else {
this.$emit("showError", true)
}
},
},
watch: {
},
mounted(){
}
}
</script>
<style lang="scss" scoped>
::v-deep {
.row24.el-col-lg-12 {
&:nth-child(2n) {
border-left: 1px solid #ccc;
}
}
}
.form-content ::v-deep {
display: flex;
flex-wrap: wrap;
.el-form-item {
display: flex;
align-items: center;
.el-form-item__label {
line-height: 1.2;
}
.el-form-item__content {
margin-left: 0 !important;
flex: 1;
display: flex;
align-items: center;
}
}
}
.form_title {
background-color: #fff;
padding: 10px 0px;
margin: 3px;
span {
height: 33px;
line-height: 33px;
}
}
.dynamic-form-container {
&_lable {
font-weight: bold;
font-size: 16px;
line-height: 40px;
}
}
</style>
This diff is collapsed.
This diff is collapsed.
......@@ -52,6 +52,18 @@ export const constantRoutes = [
},
],
},
{
path: "/followaduit",
component: Layout,
children: [
{
path: "/followaduit",
component: () => import("@/views/followupentry/followaduit"),
hidden: true,
name: "followaduit",
},
],
},
{
path: "/401",
name: "401",
......
......@@ -106,7 +106,7 @@ export default {
auditHandle(data, i) {
console.log(data,i)
if(this.type=="1"){
this.$router.push("/followupentry")
this.$router.push("/followaduit")
}
},
},
......
<template>
<!-- 随访调查录入 -->
<div>
<ConfigForms form-type="2" formClass="follow-form"></ConfigForms>
</div>
</template>
<script>
import ConfigForms from "@/views/screening/components/ConfigForms.vue"
export default {
name: "FollowupEntry",
components: {
ConfigForms,
},
data() {
return {
form:{
column: [],
labelPosition: 'right',
labelSuffix: '',
labelWidth: 100,
gutter: 0,
menuBtn: true,
submitBtn: true,
submitText: '提交',
emptyBtn: true,
emptyText: '清空',
nextTabBtn: true,
nextTabText: '下一页',
menuPosition: 'center',
group: [
{
label: '个人信息',
prop: '1669858228269_22763',
arrow: 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,
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,
labelWidth: 8,
column: [{
type: 'radio',
display: true,
importantField: true,
styles: {},
prop: 'is_continue_follow',
label: '是否随访',
dicData: [{
label: '',
value: '1',
id: '1595347527757000705',
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
}]
},
]
}
}
},
created() {},
methods: {},
}
</script>
<style lang="scss">
</style>
<template>
<!-- 随访调查录入 -->
<ConfigForms form-type="2" formClass="follow-form"></ConfigForms>
<div>
<ConfigForms form-type="2" formClass="follow-form"></ConfigForms>
</div>
</template>
<script>
......@@ -11,7 +13,220 @@ export default {
ConfigForms,
},
data() {
return {}
return {
form:{
column: [],
labelPosition: 'right',
labelSuffix: '',
labelWidth: 100,
gutter: 0,
menuBtn: true,
submitBtn: true,
submitText: '提交',
emptyBtn: true,
emptyText: '清空',
nextTabBtn: true,
nextTabText: '下一页',
menuPosition: 'center',
group: [
{
label: '个人信息',
prop: '1669858228269_22763',
arrow: 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,
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,
labelWidth: 8,
column: [{
type: 'radio',
display: true,
importantField: true,
styles: {},
prop: 'is_continue_follow',
label: '是否随访',
dicData: [{
label: '',
value: '1',
id: '1595347527757000705',
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
}]
},
]
}
}
},
created() {},
methods: {},
......
......@@ -27,6 +27,7 @@
contrast
@setFormJson="setFormJson"
@handleConfirm="handleConfirm"
:survivalFlag="survivalFlag"
></form-tab>
</template>
</div>
......@@ -40,6 +41,7 @@
<script>
import mixin from "./mixin"
import CustomForm from "@/components/FormComponents/CustomForm/index"
export default {
name: "ConfigForms",
......@@ -52,7 +54,8 @@ export default {
},
data() {
return {
showIndex:false
// showIndex:false,
// survivalFlag:false
}
},
methods: {
......@@ -65,14 +68,34 @@ export default {
this.getCurrentFormByType(this.formType)
},
watch: {
activeName(val){
if(val=="index0" && this.formClass){
this.showIndex = false
console.log(1)
// activeName(val){
// if(val=="index0" && this.formClass){
// this.showIndex = false
// // this.survivalFlag = true
// console.log(1)
// }
// else{
// this.showIndex = true
// // this.survivalFlag = false
// console.log(2)
// }
// }
},
computed:{
survivalFlag(){
if(this.activeName=="index0" && this.formClass){
return true
}
else{
return false
}
},
showIndex(){
if(this.activeName=="index0" && this.formClass){
return false
}
else{
this.showIndex = true
console.log(2)
return true
}
}
},
......
......@@ -7,7 +7,7 @@
:title="asideShow ? '收起' : '展开'"
class="arrow"
@click="asideShow = !asideShow"
></i> -->
></i>-->
<el-empty v-if="isEmpty" description="暂无数据"></el-empty>
<template v-if="!isEmpty">
<!-- 多次记录 -->
......@@ -32,7 +32,7 @@
<span class="value"
>{{ formData.percent.personalPercent }}%</span
></template
> -->
>-->
<div class="label">
<!-- 仅显示重要字段 : -->
......@@ -42,11 +42,8 @@
</el-switch>-->
</div>
</el-row>
<div
class="my-form"
ref="my-form"
:class="externalScroll ? 'no-scroll' : ''"
>
<div class="my-form" ref="my-form" :class="externalScroll ? 'no-scroll' : ''">
<read-form ref="form" :options="survivalForm" v-if="survivalFlag"></read-form>
<custom-form
ref="form"
@scrollTop="scrollTop"
......@@ -71,6 +68,7 @@
import { getPatientDetail, getRecordList } from "@/api/patient.js"
import { getFormDetail } from "@/api/field"
import CustomForm from "@/components/FormComponents/CustomForm/index"
import ReadForm from "@/components/FormComponents/ReadForm/index"
import TagsScrollBar from "@/components/TagsScrollBar/index"
export default {
name: "FormTab",
......@@ -82,8 +80,9 @@ export default {
patientId: String,
patientStandbyId: String,
getAll: Boolean, // 获取页面所有数据
survivalFlag:Boolean, //存活的显示
},
components: { CustomForm, TagsScrollBar },
components: { CustomForm, TagsScrollBar,ReadForm },
provide() {
return {
formId: this.form.formId,
......@@ -107,6 +106,218 @@ export default {
formloading: false,
repeatedlyList: [],
formCacheList: [],
survivalForm:{
column: [],
labelPosition: 'right',
labelSuffix: '',
labelWidth: 100,
gutter: 0,
menuBtn: true,
submitBtn: true,
submitText: '提交',
emptyBtn: true,
emptyText: '清空',
nextTabBtn: true,
nextTabText: '下一页',
menuPosition: 'center',
group: [
{
label: '个人信息',
prop: '1669858228269_22763',
arrow: 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,
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,
labelWidth: 8,
column: [{
type: 'radio',
display: true,
importantField: true,
styles: {},
prop: 'is_continue_follow',
label: '是否随访',
dicData: [{
label: '',
value: '1',
id: '1595347527757000705',
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],
......
......@@ -24,6 +24,7 @@ export default {
methods: {
handleTabClick({ index, name }) {
const { formId, id, silent } = this.formTabs[index]
console.log('表单项', this.formTabs)
if (formId && silent) {
this.formTabs[index]["silent"] = false //控制是否获取接口数据
return
......
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