页面修改

src/components/schedul/schedul-orderlist.vue

@@ -105,11 +105,13 @@
     left: 32px;
     top: 60px;
   }
-  .tufaPop .el-textarea__inner{
+
+  .tufaPop .el-textarea__inner {
     background-color: #E9EFFF;
-    border:0;
+    border: 0;
   }
-  .schedul_Upload{
+
+  .schedul_Upload {
     background-color: #E9EFFF;
     border: 1px dashed #c0ccda;
     border-radius: 6px;
@@ -119,10 +121,11 @@
     cursor: pointer;
     line-height: 146px;
     vertical-align: top;
-    font-size:40px;
+    font-size: 40px;
     text-align: center;
     line-height: 148px;
   }
+
 </style>
 <template>
   <div>
@@ -132,61 +135,65 @@
           <img src="../../assets/images/work_list.png" />
           <span class="word_sche">工作清单</span>
           <div class="sche_hengLine"></div>
-          <span class="word_scheNumber">3</span>
+          <span class="word_scheNumber">{{this.saveObj.WorkList.length}}</span>
         </div>
         <div class="scheList_Bottom">
-          <div class="sche_List_in">
-            <div class="sche_Dian"></div>
-            <div class="sche_ListInner">打开门面，把电视打开，打扫前台和每处卫生。</div>
-          </div>
-          <div class="sche_List_in">
-            <div class="sche_Dian"></div>
-            <div class="sche_ListInner">注意：不能在前台吃早饭，会有新学生来，需要给他们倒水，介绍所有房间的寓意及说介绍所有房间的寓意及说介绍所有房间的寓意及说</div>
+          <div class="sche_List_in" v-if="WorkObj">
+            <template v-if="WorkObj.ItemType==1">
+              <div class="sche_Dian"></div>
+              <div class="sche_ListInner">{{WorkObj.ItemName}} </div>
+              <el-checkbox v-model="WorkObj.IsChecked"></el-checkbox>
+            </template>
+            <template v-else-if="WorkObj.ItemType==2">
+              <div class="sche_Dian"></div>
+              <div class="sche_ListInner">{{WorkObj.ItemName}} </div>
+              <el-input v-model="WorkObj.WorkContent" placeholder="完成情况怎么样"></el-input>
+            </template>
           </div>
         </div>
-        <el-input v-model="aa" placeholder="完成情况怎么样"></el-input>
         <div class="sche_Fenye">
           <div class="sche_left">
-            <i class="iconfont icon-arrow-left"></i>
+            <i class="iconfont icon-arrow-left" @click="WorkMove(1)"></i>
           </div>
-          <div class="sche_Page">1/3</div>
+          <div class="sche_Page">{{WorkIndex+1}}/{{this.saveObj.WorkList.length}}</div>
           <div class="sche_left">
-            <i class="iconfont icon-arrow-right1"></i>
+            <i class="iconfont icon-arrow-right1" @click="WorkMove(2)"></i>
           </div>
         </div>
       </div>
       <div class="sche_midList">
         <div class="scheList_TOP">
-          <img src="../../assets/images/tufa.png" />
+          <img v-if="EmergenciesObj&&EmergenciesObj.FileURL" :src="EmergenciesObj.FileURL" />
+          <img v-else src="../../assets/images/tufa.png" />
           <span class="word_sche">突发事件</span>
-          <span class="word_scheNumber">1</span>
+          <span class="word_scheNumber">{{this.saveObj.EmergenciesList.length}}</span>
           <div class="sche_hengLine"></div>
           <el-popover placement="bottom" popper-class="tufaPop" width="400" trigger="click">
             <div>
               <el-upload class="schedul_Upload" action="" :show-file-list="false" :http-request="UploadAttachment">
                 <i class="el-icon-plus"></i>
               </el-upload>
-              <el-input type="textarea" style="margin-top:20px;" resize="none" placeholder="添加文字内容" v-model="bb" :rows="5"></el-input>
+              <el-input type="textarea" style="margin-top:20px;" resize="none" placeholder="添加文字内容"
+                v-model="EmergenciesObj.OtherContent" :rows="5"></el-input>
               <q-btn color="accent" size="sm" style="float:right;margin-top:10px;" label="保存" />
             </div>
             <div slot="reference" class="addSche">
               <i class="iconfont icon-img_haha"></i>
             </div>
           </el-popover>
-
         </div>
         <div class="secondList_Bottom">
           <div class="sche_List_in">
-            <div class="sche_ListInner">打开门面，把电视打开，打扫前台和每处卫生，注意：不能在前台吃早饭</div>
+            <div class="sche_ListInner" v-if="EmergenciesObj">{{EmergenciesObj.OtherContent}}</div>
           </div>
         </div>
         <div class="sche_Fenye">
           <div class="sche_left">
-            <i class="iconfont icon-arrow-left"></i>
+            <i class="iconfont icon-arrow-left" @click="EmergenciesMove(1)"></i>
           </div>
-          <div class="sche_Page">1/3</div>
+          <div class="sche_Page">{{EmergenciesIndex+1}}/{{this.saveObj.EmergenciesList.length}}</div>
           <div class="sche_left">
-            <i class="iconfont icon-arrow-right1"></i>
+            <i class="iconfont icon-arrow-right1" @click="EmergenciesMove(2)"></i>
           </div>
         </div>
       </div>
@@ -195,21 +202,21 @@
           <img src="../../assets/images/jiaojie.png" />
           <span class="word_sche">交接工作说明</span>
           <div class="sche_hengLine"></div>
-          <span class="word_scheNumber schNoneNum">0</span>
+          <span class="word_scheNumber schNoneNum">{{this.saveObj.HandoverList.length}}</span>
           <div class="addSche">
             <i class="iconfont icon-img_haha"></i>
           </div>
         </div>
         <div class="secondList_Bottom">
-          <el-input type="textarea" resize="none" :rows="5" placeholder="安排工作说明不要忘记啦"></el-input>
+          <div class="sche_ListInner" v-if="HandoverObj">{{HandoverObj.OtherContent}}</div>
         </div>
         <div class="sche_Fenye">
           <div class="sche_left">
-            <i class="iconfont icon-arrow-left"></i>
+            <i class="iconfont icon-arrow-left" @click="HandoverMove(1)"></i>
           </div>
-          <div class="sche_Page">1/3</div>
+          <div class="sche_Page">{{HandoverIndex+1}}/{{this.saveObj.EmergenciesList.length}}</div>
           <div class="sche_left">
-            <i class="iconfont icon-arrow-right1"></i>
+            <i class="iconfont icon-arrow-right1" @click="HandoverMove(2)"></i>
           </div>
         </div>
       </div>
@@ -228,20 +235,88 @@
       return {
         dataList: {},
         tufaVisible: false,
-        aa: '',
-        bb:''
+        HandoverIndex: 0, //交接事项索引
+        HandoverObj: {}, //交接事项对象
+        EmergenciesIndex: 0, //突发事项索引
+        EmergenciesObj: {}, //突发事项对象
+        WorkIndex: 0, //工作清单索引
+        WorkObj: {}, //工作清单对象
+        addMsg: {
+          Id: 0, //编号
+          PlanShift: 0, //值班班次
+          PlanType: 0, //值班类型(1-值班事项，2-交接事项，3-突发事项)
+          PlanId: 0, //值班编号
+          FileURL: "", //文件路径
+          OtherContent: "", //突发事项、工作交接(值班类型为2.3是使用)内容
+          OtherRemark: "", //突发事项、工作交接(值班类型为2.3是使用)备注
+        },
       }
     },
     created() {
-
+      console.log("saveObj", this.saveObj);
+      if (this.saveObj.EmergenciesList && this.saveObj.EmergenciesList.length > 0) {
+        this.EmergenciesObj = this.saveObj.EmergenciesList[this.EmergenciesIndex];
+      }
+      if (this.saveObj.HandoverList && this.saveObj.HandoverList.length > 0) {
+        this.HandoverObj = this.saveObj.EmergenciesList[this.HandoverIndex];
+      }
+      if (this.saveObj.WorkList && this.saveObj.WorkList.length > 0) {
+        this.WorkObj = this.saveObj.WorkList[this.WorkIndex];
+      }
     },
     methods: {
-      //请求数据
-      getList() {
-
+      WorkMove(type) {
+        //上一条
+        if (type == 1) {
+          if (this.WorkIndex > 0) {
+            this.WorkIndex = this.WorkIndex - 1;
+            this.WorkObj = this.saveObj.WorkList[this.WorkIndex];
+          }
+        }
+        //下一条
+        else {
+          if (this.WorkIndex < this.saveObj.WorkList.length - 1) {
+            this.WorkIndex = this.WorkIndex + 1;
+            this.WorkObj = this.saveObj.WorkList[this.WorkIndex];
+          }
+        }
+      },
+      //紧急事项上一条(1),下一条(2)
+      EmergenciesMove(type) {
+        //上一条
+        if (type == 1) {
+          if (this.EmergenciesIndex > 0) {
+            this.EmergenciesIndex = this.EmergenciesIndex - 1;
+            this.EmergenciesObj = this.saveObj.EmergenciesList[this.EmergenciesIndex];
+          }
+        }
+        //下一条
+        else {
+          if (this.EmergenciesIndex < this.saveObj.EmergenciesList.length - 1) {
+            this.EmergenciesIndex = this.EmergenciesIndex + 1;
+            this.EmergenciesObj = this.saveObj.EmergenciesList[this.EmergenciesIndex];
+          }
+        }
+      },
+      //交接事项上一条(1),下一条(2)
+      HandoverMove(type) {
+        //上一条
+        if (type == 1) {
+          if (this.HandoverIndex > 0) {
+            this.HandoverIndex = this.HandoverIndex - 1;
+            this.HandoverObj = this.saveObj.HandoverList[this.HandoverIndex];
+          }
+        }
+        //下一条
+        else {
+          if (this.HandoverIndex < this.saveObj.HandoverList.length - 1) {
+            this.HandoverIndex = this.HandoverIndex + 1;
+            this.HandoverObj = this.saveObj.HandoverList[this.HandoverIndex];
+          }
+        }
       },
       //上传
-      UploadAttachment(){
+      UploadAttachment() {
 
       }
     },