修改元素

src/views/IM/diagnosis-admin/modal/index.scss

@@ -24,7 +24,7 @@
   div {
     width: 130px;
     height: 40px;
-    border: 1px solid #ccc;
+    //border: 1px solid #ccc;
   }
   .ag-left1 {
     position: absolute;
@@ -138,3 +138,10 @@
   color: #02120f;
   border: 1px solid #0d9078;
 }
+/deep/.fc-event-time {
+  padding: 5px;
+  font-size: 18px;
+  color: #0d9078;
+  word-wrap: break-word;
+  white-space: normal;
+}

src/views/IM/diagnosis-admin/modal/newScheduling.vue

@@ -11,17 +11,20 @@
     <div class="agment-box">
       <FullCalendar :options="calendarOptions" />
     </div>
-    <div class="ag-left-change">
-      <div
-        v-if="week == 2"
-        class="ag-left1"
-      />
-      <div
-        v-if="week == 3"
-        class="ag-left2"
-      />
-    </div>
-    <div class="agment-box-left">
+    <div
+      v-if="this.schedulingType != 2"
+      class="agment-box-left"
+    >
+      <div class="ag-left-change">
+        <div
+          v-if="week == 2"
+          class="ag-left1"
+        />
+        <div
+          v-if="week == 3"
+          class="ag-left2"
+        />
+      </div>
       <div class="agment-left-con">
         <div class="agment-head">
           <div class="agment-head-name">
@@ -142,7 +145,7 @@
           firstDay: new Date().getDay(), // 设置一周中显示的第一天是哪天，周日是0，周一是1，类推
           locale: 'zh-cn', // 切换语言，当前为中文
           eventColor: '#fff', // 全部日历日程背景色3BB2E3
-          eventBackgroundColor: '#3788d8',
+          eventBackgroundColor: '#E7F4F5',
           // themeSystem: 'bootstrap', // 主题色(本地测试未能生效)
           // initialDate: moment().format('YYYY-MM-DD'), // 自定义设置背景颜色时一定要初始化日期时间
           timeGridEventMinHeight: '40', // 设置事件的最小高度
@@ -211,11 +214,12 @@
        * view是当前视图对象。
        */
       init() {
-        if (this.schedulingType == 1 || this.schedulingType == 2) {
-          this.handleInitSearch();
+        if (this.schedulingType == 1) {
+          this.calendarOptions.editable = true;
         } else {
-          console.log('查看');
+          this.calendarOptions.selectable = false;
         }
+        this.handleInitSearch();
       },
       handleInitSearch() {
         const objParms = {};
@@ -277,6 +281,9 @@
         this.getHandleTime(dataObj);
       },
       handleEventClick(event) {
+        if (!this.calendarOptions.selectable) {
+          return;
+        }
         const index = this.getIdDeleteData(event.event.id);
         return this.calendarOptions.events.splice(index, 1);
       // alert("你要取消日期吗");