增加右侧列表

src/components/FormComponents/CustomForm/index.vue

@@ -380,6 +380,7 @@ export default {
       padding-bottom: 0px;
     }
     .el-collapse-item__header {
+      border-radius: 4px;
       background: #fafafa;
       padding-left: 20px;
       border: 1px solid #e5e5e5;

src/views/audit-detail/components/screenReview.vue

@@ -37,7 +37,15 @@
         class="transition-box"
         :class="{ hidden: !asideShow }"
       >
-        <div class="side-content"></div>
+        <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>
     </el-container>
   </div>
@@ -62,6 +70,18 @@ export default {
         is_continue_follow: "1",
       },
       asideShow: true,
+      screenList: [
+        {
+          time: "2020-12-12 11:11:11",
+          code: "UK102",
+          name: "修改第一次随访计划",
+        },
+      ],
+    }
+  },
+  provide() {
+    return {
+      showIndex: true,
     }
   },
   computed: {
@@ -152,4 +172,29 @@ export default {
 .md-20 {
   margin-bottom: 20px;
 }
+.el-aside {
+  padding: 20px 0 38.5px;
+  .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;
+          }
+        }
+      }
+    }
+  }
+}
 </style>