显示index

src/components/FormComponents/CustomForm/index.vue

@@ -49,9 +49,11 @@
           >
             <template slot="title">
               {{ g.label }}
-              <span v-if="g.label == '二、排除标准'" class="noCol">{{
+              <span v-if="g.label == '二、排除标准'" class="noCol">
+                {{
                 errorText
-              }}</span>
+                }}
+              </span>
             </template>
             <form-content
               v-if="collapseNames.includes(g.prop)"
@@ -75,9 +77,7 @@
             size="large"
             :disabled="disabled"
             @click="onPrev"
-          >
-            上一步
-          </el-button>
+          >上一步</el-button>
         </template>
         <template v-if="options.submitBtn">
           <el-button
@@ -87,8 +87,7 @@
             size="large"
             :disabled="disabled"
             @click="handleConfirm"
-            >{{ options.submitText || "提交" }}</el-button
-          >
+          >{{ options.submitText || "提交" }}</el-button>
         </template>
         <template v-if="options.emptyBtn">
           <el-button
@@ -96,8 +95,7 @@
             icon="el-icon-delete "
             size="large"
             @click="resetForm(true)"
-            >{{ options.emptyText || "清空" }}</el-button
-          >
+          >{{ options.emptyText || "清空" }}</el-button>
         </template>
       </template>
       <template v-if="nextTabBtnShow">
@@ -107,8 +105,7 @@
             icon="el-icon-caret-right"
             size="large"
             @click="nextTab"
-            >{{ options.nextTabText || "下一页" }}</el-button
-          >
+          >{{ options.nextTabText || "下一页" }}</el-button>
         </el-form>
       </template>
     </div>
@@ -373,7 +370,7 @@ export default {
     border: none;
     .el-collapse-item {
       &:nth-child(1) {
-        border-top: 1px solid #e5e5e5;
+        border-top: 1px solid #cccccc;
       }
     }
     .el-collapse-item__content {
@@ -382,7 +379,7 @@ export default {
     .el-collapse-item__header {
       background: #fafafa;
       padding-left: 20px;
-      border: 1px solid #e5e5e5;
+      border: 1px solid #cccccc;
       border-bottom-color: #ccc;
       border-top: 0px;
       font-size: 14px;
@@ -392,9 +389,9 @@ export default {
     .el-collapse-item__wrap {
       border: none;
       padding: 10px;
-      border-left: 1px solid #e5e5e5;
-      border-right: 1px solid #e5e5e5;
-      // border-bottom: 1px solid #e5e5e5 !important;
+      border-left: 1px solid #cccccc;
+      border-right: 1px solid #cccccc;
+      // border-bottom: 1px solid #cccccc !important;
       padding: 0px;
       // &:hover {
       // background-color: #ecf8ff;

src/components/FormComponents/ReadForm/FormContent2.vue

@@ -33,6 +33,7 @@
           :columns="columns.column || columns.children.column"
           :group="options.group"
           @formChange="formChange"
+          :showIndex="showIndex"
         ></form-item-self>
       </el-col>
     </template>
@@ -75,11 +76,18 @@ export default {
       type: Boolean,
       default: false,
     },
+    showIndex: {
+      type: Boolean,
+    },
   },
   data() {
     return {}
   },
-
+  provide(){
+    return{
+      showIndex: this.showIndex
+    }
+  },
   computed: {
     isShowIm() {
       return function (val) {

src/components/FormComponents/ReadForm/index.vue

@@ -49,7 +49,11 @@
           >
             <template slot="title">
               {{ g.label }}
-              <span v-if="g.label == '二、排除标准'" class="noCol">{{errorText}}</span>
+              {{g.showIndex}}
+              <span
+                v-if="g.label == '二、排除标准'"
+                class="noCol"
+              >{{errorText}}</span>
             </template>
             <form-content
               v-if="collapseNames.includes(g.prop)"
@@ -59,6 +63,8 @@
               :options="options"
               :is-show-important="isShowImportant"
               @showError="showError"
+              :showIndex="g.showIndex"
+              :class="g.showIndex?'simple-form':'index-form'"
             ></form-content>
           </el-collapse-item>
         </template>
@@ -335,7 +341,7 @@ export default {
     border: none;
     .el-collapse-item {
       &:nth-child(1) {
-        border-top: 1px solid #e5e5e5;
+        border-top: 1px solid #cccccc;
       }
     }
     .el-collapse-item__content {
@@ -344,7 +350,7 @@ export default {
     .el-collapse-item__header {
       background: #fafafa;
       padding-left: 20px;
-      border: 1px solid #e5e5e5;
+      border: 1px solid #cccccc;
       border-bottom-color: #ccc;
       border-top: 0px;
       font-size: 14px;
@@ -354,9 +360,9 @@ export default {
     .el-collapse-item__wrap {
       border: none;
       padding: 10px;
-      border-left: 1px solid #e5e5e5;
-      border-right: 1px solid #e5e5e5;
-      // border-bottom: 1px solid #e5e5e5 !important;
+      // border-left: 1px solid #cccccc;
+      // border-right: 1px solid #cccccc;
+      // border-bottom: 1px solid #cccccc !important;
       padding: 0px;
       &:hover {
         // background-color: #ecf8ff;
@@ -397,4 +403,21 @@ export default {
     }
   }
 }
+.index-form {
+  ::v-deep {
+    // .el-form-item {
+    .el-form-item__label {
+      text-align: left;
+      background: #fafafa;
+      font-size: 14px;
+      color: #333333;
+      border-right: 1px solid #cccccc;
+      width: 80px !important;
+      padding: 18px 10px;
+      margin-right: 20px;
+      text-align: center;
+    }
+  }
+  // }
+}
 </style>

src/views/followupentry/components/followReview.vue

+<template>
+  <!-- 随访调查录入 -->
+  <div class="follow-form">
+    <!-- <ConfigForms form-type="2" formClass="follow-form"></ConfigForms> -->
+    <read-form ref="form" :options="followupForm" :formEdit="formEdit"></read-form>
+  </div>
+</template>
+
+<script>
+import ConfigForms from "@/views/screening/components/ConfigForms.vue"
+import ReadForm from "@/components/FormComponents/ReadForm/index"
+export default {
+  name: "FollowupAudit",
+  components: {
+    ConfigForms,
+    ReadForm
+  },
+  data() {
+    return {
+      followupForm:{
+        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,
+          showIndex:true,
+          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
+          }]
+        }, 
+        ]
+      },
+      formEdit:{
+        name:"djksh",
+        contact_phone:"12345678"
+      }
+    }
+  },
+  created() {},
+  methods: {},
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep {
+  .el-tabs--card > .el-tabs__header {
+    width: calc(100% - 100px);
+    border-bottom: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__nav {
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item {
+    min-width: 116px;
+    text-align: center;
+    background: #f0f1fa;
+    font-size: 14px;
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+    background: #4e68ff;
+    color: #fff;
+  }
+}
+.follow-form {
+  ::v-deep {
+    .el-collapse-item__header {
+      // border-width: 0px 0px 0px;
+      border: none !important;
+    }
+    .row24 {
+      border-top: 1px solid #cccccc;
+    }
+    .custom-form-item {
+      border-width: 1px 0px 0px;
+    }
+    .el-collapse-item {
+      margin-bottom: 20px;
+      border-radius: 4px;
+      overflow: hidden;
+      border: 1px solid #cccccc;
+    }
+    .el-collapse-item__wrap {
+      border: none;
+    }
+    // .row24.el-col-lg-12:nth-child(2n) {
+    //   border-width: 0px 0px 0px 1px;
+    // }
+    .el-form-item {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/views/followupentry/components/publicDialog.vue

+<template>
+  <div>
+    <el-dialog
+      center
+      :visible.sync="dialogVisible"
+      width="40%"
+      show-close
+      @closed="cancelSubmit"
+    >
+      <slot name="content"></slot>
+      <slot name="footer"></slot>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return { dialogVisible: false, loading: false }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    cancelSubmit() {
+      this.dialogVisible = false
+      this.$emit("onCancel")
+    },
+    // onSubmit() {
+    //   this.$emit("onSubmit")
+    // },
+  },
+}
+</script>
+<style lang="scss" scoped></style>

src/views/screening/components/ConfigForms.vue

 <template>
-  <div
-    id="publicContent"
-    :class="activeName == 'index0' && formClass ? formClass : ''"
-  >
+  <div id="publicContent" :class="activeName == 'index0' && formClass ? formClass : ''">
     <div v-if="formTabs && formTabs.length > 0">
-      <el-button class="draftButton">{{
+      <el-button class="draftButton">
+        {{
         formType == 1 ? "临时保存" : "返回"
-      }}</el-button>
+        }}
+      </el-button>
       <el-tabs
         v-model="activeName"
         type="card"