视光表单360视图切换不保存

src/components/360View/opticalFile/index.vue

@@ -126,7 +126,21 @@ export default {
       if (this.curIndex === index) {
         return
       }
-      this.$confirmFun('是否保存数据，否则当前数据会丢弃！', '保存', '', '已取消保存数据！')
+      // 360视图不用保存
+      if (this.onlyRead) {
+        this.curIndex = index
+        this.id = item.id
+        this.name = item.name
+        return
+      }
+      this.confirmChange().finally(() => {
+        this.curIndex = index
+        this.id = item.id
+        this.name = item.name
+      })
+    },
+    confirmChange() {
+      return this.$confirmFun('是否保存数据，否则当前数据会丢弃！', '保存', '', '已取消保存数据！')
         .then(() => {
           this.$nextTick(() => {
             switch (this.name) {
@@ -146,10 +160,6 @@ export default {
                 break
             }
           })
-        }).finally(() => {
-          this.curIndex = index
-          this.id = item.id
-          this.name = item.name
         })
     },
     // 添加表单

src/page-subspecialty/views/modules/nurseManagement/orderPatientList.vue

@@ -15,11 +15,23 @@
         <i class="el-icon-close" @click="closeDialog" />
       </div>
     </div>
-    <div>
-      <div>
-        <el-button icon="el-icon-plus" type="primary">新增预约</el-button>
-      </div>
-    </div>
+    <el-row>
+      <el-col style="margin: 8px" :span="11">
+        <el-button style="width: 100%" size="mini" icon="el-icon-plus" type="primary">新增预约</el-button>
+      </el-col>
+      <el-col v-for="item in 5" :key="item" :span="11" class="patientBox">
+        <div class="patient_left">
+          <div>09-10</div>
+          <div>lisi</div>
+          <div>nan</div>
+          <div>32岁</div>
+        </div>
+        <div class="patient_right">
+          <div>改约</div>
+          <div>删除</div>
+        </div>
+      </el-col>
+    </el-row>
   </el-dialog>
 </template>
 
@@ -54,11 +66,29 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog__header{
-  background:linear-gradient(#1B5BFB 80% , #1B5BFB 100%);
+  background:linear-gradient(rgba(27, 91, 251, 0.8) , #1B5BFB 100%);
   color: #fff;
 }
 .title_header{
   font-size: 20px;
   font-weight: bold;
 }
+.patientBox{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 8px 4px 16px;
+  background: #EFF4FF;
+  border: 1px solid rgba(27, 91, 251, 0.2);
+  border-radius: 2px;
+  font-size: 14px;
+  line-height: 22px;
+  margin: 8px;
+  .patient_left{
+    display: flex;
+  }
+  .patient_right{
+    display: flex;
+  }
+}
 </style>