1.增加随访计划初始值

2.处理列表数据
3.兼容样式

src/components/FormComponents/CustomForm/FormItemSelf.vue

@@ -5,13 +5,18 @@
     :style="item.styles"
     :class="{ isDefects: defectsSet.includes(item.prop) }"
   >
-    <el-col :lg="item.width" :style="{ height: item.type === 'upload' ? '116px' : '53px' }">
+    <el-col
+      :lg="item.width"
+      :style="{ height: item.type === 'upload' ? '116px' : '53px' }"
+    >
       <div
         v-if="
           showIndex || (configForms && configForms.showIndex) || item.showIndex
         "
         :class="['formIndex', item.labelSuffix == '5' ? 'computeIndex' : '']"
-      >{{ item.labelSuffix || columnIndex + 1 }}</div>
+      >
+        {{ item.labelSuffix || columnIndex + 1 }}
+      </div>
       <!-- <el-form-item
         :label="
           !hiddenLabel && item.label
@@ -45,7 +50,11 @@
             ></el-upload-self>
             <!-- 表单改文本 -->
             <template v-else-if="getVwForm.detail">
-              <form-item-text :item="item" :form="form" :union-list="unionList"></form-item-text>
+              <form-item-text
+                :item="item"
+                :form="form"
+                :union-list="unionList"
+              ></form-item-text>
             </template>
             <!-- 可输入 -->
             <template v-else>
@@ -53,11 +62,19 @@
               <el-input
                 v-if="item.type === 'input'"
                 v-model="form[item.prop]"
-                :class="item.prop == 'other_sickness' ? 'needlong' : item.readonly ? 'read-input' :''"
+                :class="
+                  item.prop == 'other_sickness'
+                    ? 'needlong'
+                    : item.readonly
+                    ? 'read-input'
+                    : ''
+                "
                 :readonly="item.readonly"
                 :disabled="item.disabled"
-                :placeholder="item.disabled || item.readonly ? '':
-                  item.placeholder ||
+                :placeholder="
+                  item.disabled || item.readonly
+                    ? ''
+                    : item.placeholder ||
                       ` ${item.label ? '请输入' + item.label : ''}`
                 "
                 :clearable="item.notClearable ? false : true"
@@ -76,16 +93,13 @@
                   slot="append"
                   class="toothBit"
                   @click="openToothBit"
-                >{{ item.append || "牙位" }}</el-button>
+                  >{{ item.append || "牙位" }}</el-button
+                >
                 <template v-else-if="item.append" slot="append">
-                  {{
-                  item.append
-                  }}
+                  {{ item.append }}
                 </template>
                 <template v-if="item.prepend" slot="prepend">
-                  {{
-                  item.prepend
-                  }}
+                  {{ item.prepend }}
                 </template>
               </el-input>
 
@@ -110,14 +124,10 @@
                 @blur="handleBlur"
               >
                 <template v-if="item.append" slot="append">
-                  {{
-                  item.append
-                  }}
+                  {{ item.append }}
                 </template>
                 <template v-if="item.prepend" slot="prepend">
-                  {{
-                  item.prepend
-                  }}
+                  {{ item.prepend }}
                 </template>
               </el-input>
 
@@ -164,7 +174,8 @@
                   v-if="item.append"
                   class="el-input-group__append"
                   style="line-height: 28px"
-                >{{ item.append }}</span>
+                  >{{ item.append }}</span
+                >
               </div>
 
               <!-- 单选框 -->
@@ -178,21 +189,25 @@
                   v-for="(opt, optIndex) in item.dicData"
                   :key="optIndex"
                   :label="opt.value"
-                >{{ opt.label }}</el-radio>
+                  >{{ opt.label }}</el-radio
+                >
               </el-radio-group>
               <!-- 单选框只读 -->
               <div
                 v-for="(opt, optIndex) in item.dicData"
+                v-else-if="item.type === 'radio' && item.disabled"
                 :key="optIndex"
-                v-else-if="item.type === 'radio' && item.disabled "
               >
                 <el-radio
+                  v-show="opt.value == form[item.prop]"
                   v-model="form[item.prop]"
-                  :class="item.class ? item.class : item.disabled ? 'read-radio':''"
+                  :class="
+                    item.class ? item.class : item.disabled ? 'read-radio' : ''
+                  "
                   :label="opt.value"
-                  v-show="opt.value == form[item.prop]"
                   @change="item.func ? item.func($event) : {}"
-                >{{ opt.label}}</el-radio>
+                  >{{ opt.label }}</el-radio
+                >
               </div>
 
               <!-- 多选框 -->
@@ -206,7 +221,8 @@
                     v-for="(opt, optIndex) in item.dicData"
                     :key="optIndex"
                     :label="opt.value"
-                  >{{ opt.label }}</el-checkbox>
+                    >{{ opt.label }}</el-checkbox
+                  >
                 </el-checkbox-group>
               </template>
 
@@ -297,7 +313,13 @@
               >
                 <el-date-picker
                   v-model="form[item.prop]"
-                  :placeholder="item.placeholder ? item.placeholder : item.disabled ? '':'请选择'"
+                  :placeholder="
+                    item.placeholder
+                      ? item.placeholder
+                      : item.disabled
+                      ? ''
+                      : '请选择'
+                  "
                   :value-format="item.valueFormat"
                   :format="item.format"
                   :disabled="item.disabled"
@@ -307,7 +329,8 @@
                 <span
                   v-if="item.prop == 'birthday'"
                   style="margin-left: 12px"
-                >{{ age + (age ? "岁" : "") }}</span>
+                  >{{ age + (age ? "岁" : "") }}</span
+                >
               </div>
               <!-- 年 -->
               <el-date-picker
@@ -369,7 +392,13 @@
                 v-else-if="item.type === 'datetime'"
                 v-model="form[item.prop]"
                 type="datetime"
-                :placeholder="item.placeholder ? item.placeholder : item.disabled ? '':'请选择'"
+                :placeholder="
+                  item.placeholder
+                    ? item.placeholder
+                    : item.disabled
+                    ? ''
+                    : '请选择'
+                "
                 clearable
                 :disabled="item.disabled"
                 :class="item.disabled ? 'read-time' : ''"
@@ -400,7 +429,8 @@
           <span
             v-if="item.importantField && !getVwForm.detail"
             class="important_field"
-          >{{ item.importantFieldDesc || "*" }}</span>
+            >{{ item.importantFieldDesc || "*" }}</span
+          >
         </div>
       </el-form-item>
     </el-col>
@@ -741,16 +771,17 @@ export default {
               }
               //没有找到再细化查找
               if (!targetItem) {
-                group.forEach((_) =>{
-                  if(_.column){
-                    _.column.find((item)=> {
-                      if(item.prop === key){
+                group.forEach((_) => {
+                  if (_.column) {
+                    _.column.find((item) => {
+                      if (item.prop === key) {
                         targetItem = item
                         return
-                      }
-                      else{
-                        if(item.children && item.children.column){
-                          targetItem = item.children.column.find((e)=>  e.prop=== key)
+                      } else {
+                        if (item.children && item.children.column) {
+                          targetItem = item.children.column.find(
+                            (e) => e.prop === key
+                          )
                         }
                       }
                     })

src/layouts/components/AppMain/index.vue

@@ -10,7 +10,7 @@
     </vab-keel> -->
     <transition mode="out-in" name="fade-transform">
       <keep-alive v-if="routerView" :include="cachedRoutes" :max="10">
-        <router-view :key="key" style="min-height: 88vh" />
+        <router-view :key="key" style="min-height: 86vh" />
       </keep-alive>
     </transition>
   </section>

src/views/followupentry/followaudit.vue

@@ -14,8 +14,8 @@
     </div>
     <div class="table-content p-24">
       <follow-review
-        :formDataList="formEdit"
-        :tabActive="tabActive"
+        :form-data-list="followNum"
+        :tab-active="tabActive"
       ></follow-review>
     </div>
     <div class="choose-handle p-24">
@@ -84,10 +84,10 @@
               </el-form-item>
             </el-form>
             <!-- 标签 -->
-            <div class="tag-form" v-loading="tagLoading">
+            <div v-loading="tagLoading" class="tag-form">
               <el-tag
-                :key="index"
                 v-for="(item, index) in tagList"
+                :key="index"
                 size="medium"
                 :class="item.isSelect ? '' : 'unselect-tag'"
                 @click="seleckTag(item, index)"
@@ -123,10 +123,10 @@
         <div class="btn">
           <el-button
             type="primary"
-            @click="nextExample"
             :loading="auditLoading"
+            @click="nextExample"
           >
-            <span v-if="tabActive < this.formEdit.length - 1"
+            <span v-if="tabActive < formEdit.length - 1"
               >确认并进入下一列审核</span
             >
             <span v-else>确 定</span>
@@ -148,6 +148,13 @@ export default {
       medicalCombination: "无锡市人民医院医联体",
       mcCount: 7,
       editStatus: false, //进入的状态是第一次审核还是修改审核,false为第一次,true为修改
+      followNum: [
+        //随访次数数据
+        { followId: 123, formRecordId: 123 },
+        { followId: 123, formRecordId: 123 },
+        { followId: 123, formRecordId: 123 },
+        { followId: 123, formRecordId: 123 },
+      ], //第几次随访数据
       formEdit: {
         name: "djksh",
         contact_phone: "12345678",
@@ -200,6 +207,11 @@ export default {
       showNote: false,
     }
   },
+  computed: {
+    unionId() {
+      return this.$route.query.id
+    },
+  },
   watch: {
     // tagList(){
     //   this.$nextTick(() => {
@@ -210,11 +222,6 @@ export default {
   created() {
     // this.getDetail()
   },
-  computed: {
-    unionId() {
-      return this.$route.query.id
-    },
-  },
   methods: {
     showDialog(val, index) {
       console.log("显示框", val)

src/views/screening/components/ConfigForms.vue

@@ -63,6 +63,10 @@
           </transition>
         </el-tab-pane>
       </el-tabs>
+      <div
+        class="bottom_line"
+        :style="{ width: contrast ? 'calc(100% - 200px)' : '100%' }"
+      ></div>
       <el-aside v-if="contrast" :width="'200px'">
         <div class="side-content">
           <ul class="list">
@@ -428,7 +432,7 @@ export default {
   padding: 32px 24px 32px;
   .draftButton {
     position: absolute;
-    top: 0px;
+    top: 12px;
     right: 40px;
     z-index: 999;
     border-radius: 4px;
@@ -443,7 +447,7 @@ export default {
   }
 }
 #publicContent.p_padding {
-  padding: 10px 24px 32px;
+  padding: 10px 24px 17px;
 }
 ::v-deep .el-dialog__body {
   .title {
@@ -589,4 +593,11 @@ export default {
   border: 1px solid #4e68ff;
   color: #4e68ff;
 }
+.bottom_line {
+  // width: 100%;
+  position: absolute;
+  bottom: 0px;
+  height: 3px;
+  box-shadow: 0px 3px 4px rgb(0 21 41 / 8%);
+}
 </style>

src/views/screening/components/FormTab.vue

@@ -49,7 +49,9 @@
             height:
               $route.path == '/screening/index'
                 ? 'calc(100vh - 310px)'
-                : 'calc(100vh - 270px)',
+                : $route.path == '/screening/draft'
+                ? 'calc(100vh - 270px)'
+                : 'calc(100vh - 230px)',
           }"
           :class="externalScroll ? 'no-scroll' : ''"
         >
@@ -196,6 +198,9 @@ export default {
           data[key] = data[key] + ""
         }
       }
+      data.follow_contents = JSON.parse(
+        data.follow_contents.replace(/"\"/g, "")
+      )
       this.formData.formEdit = data
     }
     this.initForm() //! 随防筛查通用的设置form
@@ -478,6 +483,7 @@ export default {
 .el-main {
   position: relative;
   padding: 0;
+  // box-shadow: 0px 5px 4px red;
 
   .arrow {
     position: absolute;
@@ -489,7 +495,7 @@ export default {
   }
   .header {
     height: 5px;
-    box-shadow: 0 5px 4px rgb(0 21 41 / 8%);
+    box-shadow: 0px 3px 4px rgb(0 21 41 / 8%);
     padding-right: 20px;
     position: relative;
     font-size: 15px;