修改计划

src/views/followup/plan-manage/plan-modify.vue

@@ -41,13 +41,7 @@
           <p class="tips">随访计划创建成功后，模板不可更换，请谨慎选择。</p>
         </el-form-item>
         <el-form-item label="随访开始时间" prop="startTime">
-          <el-date-picker
-            v-model="modifyInfo.startTime"
-            type="date"
-            placeholder="请选择随访开始时间"
-            clearable
-            style="width:380px;">
-          </el-date-picker>
+          2018-01-01 <el-button class="btn-text" type="text" @click="goToFollowTime">查看全部></el-button>
         </el-form-item>
         <el-form-item label="备注">
           <el-select
@@ -63,6 +57,9 @@
           </el-select>
         </el-form-item>
       </el-form>
+      <div class="edit-plan-content">
+        <set-time-node></set-time-node>
+      </div>
     </div>
     <select-patient
       :isShowSelectPatient="isShowSelectPatient"
@@ -76,12 +73,14 @@
   import BreadCrumb from '@/components/breadcrumb'
   import SelectPatient from '@/views/followup/plan-manage/dialog/select-patient';
   import HasSelectedPatient from '@/views/followup/plan-manage/dialog/has-selected-patient';
+  import SetTimeNode from '@/views/followup/plan-manage/dialog/set-time-node';
   export default {
     name: "plan-modify",
     components: {
       BreadCrumb,
       SelectPatient,
       HasSelectedPatient,
+      SetTimeNode,
     },
     data() {
       return {
@@ -134,6 +133,21 @@
         this.hasSelectedList = getArguments[1];
         this.modifyInfo.hasSelectedNum = getArguments[1].length;
       },
+      cancelEdit() {
+        this.$confirm('是否放弃本次创建，放弃后数据不能被保存', '', {
+          confirmButtonText: '继续创建',
+          cancelButtonText: '确定放弃',
+          type: 'warning'
+        }).then(() => {
+          //  关闭弹层，继续创建
+        }).catch(() => {
+          //  确定放弃，跳出当前编辑页面
+          this.$router.push({path: '/followup/plan-manage/plan-list'})
+        });
+      },
+      goToFollowTime() {
+
+      }
     },
   }
 </script>
@@ -149,5 +163,49 @@
     border-bottom: $borderBottomStyle;
     margin-bottom: 30px;
   }
+  .edit-plan-content{
+    padding: 30px 0;
 
+    .add-time-content{
+      padding-top: 20px;
+      .time-line-scroll{
+        width: 100%;
+        height: 50px;
+        box-sizing: border-box;
+        background-color: #F0F2F5;
+        padding: 8px 10px;
+        /*display: flex;*/
+        /*align-items: center;*/
+        overflow-x: scroll;
+        overflow-y: hidden;
+        white-space: nowrap;
+        position: relative;
+        cursor: pointer;
+        &::-webkit-scrollbar{
+          height: 6px;
+        }
+        &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+          border-radius: 10px;
+          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+          background: rgba(0,0,0,0.1);
+        }
+        span{
+          display: inline-block;
+          background-color: #449284;
+          border-radius: 20px;
+          height: 28px;
+          line-height: 28px;
+          padding: 0 8px;
+          color: #ffffff;
+          font-size: 12px;
+          width: 95px;
+        }
+      }
+      .form-div{
+        padding-top: 30px;
+      }
+    }
+
+
+  }
 </style>