审核质控动态表单回显

src/views/followupentry/followaudit.vue

@@ -208,7 +208,7 @@ export default {
     // }
   },
   created() {
-    this.getDetail()
+    // this.getDetail()
   },
   computed: {
     unionId() {
@@ -218,6 +218,7 @@ export default {
   methods: {
     showDialog(val, index) {
       console.log("显示框", val)
+
       this.curBtn = index + 1
       if (!this.editStatus) {
         if (this.curBtn == 1) {
@@ -228,6 +229,7 @@ export default {
           //获取审核标签
           this.getSysCheckNote()
         } else {
+          d
           this.rules.reason[0].message = "请输入驳回修改建议"
         }
         this.$refs.publicDialog.dialogVisible = true

src/views/followupentry/index.vue

@@ -8,7 +8,9 @@
       :disabled="disabled"
       :tab-disabled="tabDisabled"
       :get-data="getData"
+      :contrast="true"
       :patient-id="patientId"
+      :screenList="screenList"
       @refreshData="refreshData"
     ></ConfigForms>
   </div>
@@ -26,6 +28,13 @@ export default {
       disabled: false,
       tabDisabled: true,
       refreshFlag: true,
+      screenList: [
+        {
+          time: "2020-12-12 11:11:11",
+          code: "UK102",
+          name: "修改第一次随访计划",
+        },
+      ],
     }
   },
   provide() {

src/views/screening/components/ConfigForms.vue

@@ -6,7 +6,10 @@
       $route.path === '/screening/draft' ? 'p_padding' : '',
     ]"
   >
-    <div v-if="formTabs && formTabs.length > 0" style="position: relative">
+    <div
+      v-if="formTabs && formTabs.length > 0"
+      style="position: relative; display: flex"
+    >
       <el-button
         v-if="formType == 1 ? (!disabled ? true : false) : true"
         class="draftButton"
@@ -46,7 +49,7 @@
                   :operation="operation"
                   :is-draft="isDraft"
                   :active-name="activeName"
-                  contrast
+                  :contrast="contrast"
                   :form-initial="formInitial"
                   :survival-flag="survivalFlag"
                   :follow-id="followId"
@@ -60,6 +63,17 @@
           </transition>
         </el-tab-pane>
       </el-tabs>
+      <el-aside v-if="contrast" :width="'200px'">
+        <div class="side-content">
+          <ul class="list">
+            <li v-for="(item, index) in screenList" :key="index">
+              <div class="time">{{ item.time }}</div>
+              <div class="time">{{ item.code }}</div>
+              <div class="time">{{ item.name }}</div>
+            </li>
+          </ul>
+        </div>
+      </el-aside>
     </div>
     <el-empty v-else description="暂无数据"></el-empty>
     <!-- 筛查提交弹窗 -->
@@ -146,6 +160,7 @@ export default {
   mixins: [mixin],
   props: {
     disabled: Boolean,
+    screenList: Array,
     tabDisabled: { type: Boolean, default: true },
     formType: String,
     patientId: String,
@@ -153,6 +168,7 @@ export default {
     operation: String,
     isDraft: String,
     getData: { type: Boolean, default: true },
+    contrast: { type: Boolean, default: false },
   },
   inject: {
     tabFollowId: {
@@ -381,6 +397,32 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.el-aside {
+  padding: 88px 0 10px;
+  border-left: 0px;
+  .side-content {
+    width: 100%;
+    height: 100%;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    .list {
+      li {
+        padding: 20px 30px;
+        border-bottom: 1px solid #ccc;
+        cursor: pointer;
+        .time {
+          font-size: 14px;
+          margin-bottom: 8px;
+          font-family: AlibabaPuHuiTiR;
+          text-align: left;
+          &:first-child {
+            color: #4e68ff;
+          }
+        }
+      }
+    }
+  }
+}
 #publicContent {
   position: relative;
   padding: 32px 24px 32px;

src/views/screening/components/FormTab.vue

@@ -70,14 +70,6 @@
         </div>
       </template>
     </el-main>
-    <el-aside
-      v-if="contrast"
-      :width="sideWidth"
-      class="transition-box"
-      :class="{ hidden: !asideShow }"
-    >
-      <div class="side-content"></div>
-    </el-aside>
   </el-container>
 </template>
 <script>
@@ -98,7 +90,7 @@ export default {
     externalScroll: Boolean, //外部滚动
     disabled: Boolean,
     getData: Boolean,
-    contrast: Boolean, //同屏对照
+    // contrast: Boolean, //同屏对照
     form: Object,
     formType: String,
     patientId: String,
@@ -171,9 +163,9 @@ export default {
     getTabFollowId() {
       return this.tabFollowId()
     },
-    sideWidth() {
-      return this.asideShow ? "200px" : "0px"
-    },
+    // sideWidth() {
+    //   return this.asideShow ? "200px" : "0px"
+    // },
     pageLoading() {
       return this.loading || this.formloading
     },
@@ -545,12 +537,4 @@ export default {
   float: left;
   width: 150px;
 }
-
-.transition-box {
-  transition: all 0.2s;
-  &.hidden {
-    opacity: 0;
-    height: 0px;
-  }
-}
 </style>