项目的分子显示变大

package.json

@@ -61,7 +61,6 @@
     "tui-color-picker": "^2.2.8",
     "tui-image-editor": "^3.15.3",
     "v-tooltip": "^2.1.3",
-    "view-design": "^4.7.0",
     "vue": "^2.6.11",
     "vue-chat-scroll": "^1.4.0",
     "vue-clipboard2": "^0.3.3",

src/core/initHotKeys.js

@@ -9,7 +9,6 @@
 import hotkeys from 'hotkeys-js'
 import { cloneDeep } from 'lodash-es'
 import { v4 as uuid } from 'uuid'
-import { Message } from 'view-design'
 
 const keyNames = {
   lrdu: 'left,right,down,up', // 左右上下
@@ -17,11 +16,11 @@ const keyNames = {
   ctrlz: 'ctrl+z',
   ctrlc: 'ctrl+c',
   ctrlv: 'ctrl+v'
- }
+}
 
 function initHotkeys(canvas) {
   // 删除快捷键
-    hotkeys(keyNames.backspace, function () {
+  hotkeys(keyNames.backspace, function() {
     const activeObject = canvas.getActiveObjects()
     if (activeObject) {
       activeObject.map(item => canvas.remove(item))
@@ -36,17 +35,17 @@ function initHotkeys(canvas) {
     if (activeObject) {
       switch (handler.key) {
         case 'left':
-                    activeObject.set('left', activeObject.left - 1 )
-                    break;
+          activeObject.set('left', activeObject.left - 1)
+          break
         case 'right':
-                    activeObject.set('left', activeObject.left + 1 )
-                    break;
+          activeObject.set('left', activeObject.left + 1)
+          break
         case 'down':
-                    activeObject.set('top', activeObject.top + 1 )
-                    break;
+          activeObject.set('top', activeObject.top + 1)
+          break
         case 'up':
-                    activeObject.set('top', activeObject.top - 1 )
-                    break;
+          activeObject.set('top', activeObject.top - 1)
+          break
         default:
       }
       canvas.renderAll()
@@ -55,27 +54,25 @@ function initHotkeys(canvas) {
 
   // 复制粘贴
   copyElement(canvas)
-
 }
 
-
-function copyElement(canvas){
+function copyElement(canvas) {
   let copyEl = null
 
   // 复制
   hotkeys(keyNames.ctrlc, (event, handler) => {
     const activeObject = canvas.getActiveObjects()
-        if(activeObject.length === 0) return
+    if (activeObject.length === 0) return
     copyEl = cloneDeep(activeObject[0])
-        if(copyEl.left === activeObject[0].left) {
+    if (copyEl.left === activeObject[0].left) {
       copyEl.left += 10
       copyEl.top += 10
     }
-        Message.success('复制成功')
+    this.$message.success('复制成功')
   })
   // 粘贴
   hotkeys(keyNames.ctrlv, (event, handler) => {
-        if(!copyEl) return Message.warning('暂无复制内容')
+    if (!copyEl) return this.$message.warning('暂无复制内容')
     const myCopyEl = cloneDeep(copyEl)
     myCopyEl.id = uuid()
     copyEl.left += 10

src/page-subspecialty/views/modules/nurseManagement/reservation/schedule/doctor-schedule.vue

@@ -77,7 +77,7 @@
                   >
                     <p>约满</p>
                     <p>
-                      <span style="font-size: 18px">{{ weekInfoItem.morning.orderNum }}</span> /
+                      <span class="ordered">{{ weekInfoItem.morning.orderNum }}</span> /
                       <span :class="{grayfont: !item.needLimit}">{{ weekInfoItem.morning.maxNumber }}</span>
                     </p>
                   </div>
@@ -87,7 +87,7 @@
                   >
                     <p>已约</p>
                     <p>
-                      <span style="font-size: 18px">{{ weekInfoItem.morning.orderNum }}</span> /
+                      <span class="ordered">{{ weekInfoItem.morning.orderNum }}</span> /
                       <span :class="{grayfont: !item.needLimit}">{{ weekInfoItem.morning.maxNumber }}</span>
                     </p>
                   </div>
@@ -125,7 +125,7 @@
                   >
                     <p>约满</p>
                     <p>
-                      <span style="font-size: 18px">{{ weekInfoItem.after.orderNum }}</span> /
+                      <span class="ordered">{{ weekInfoItem.after.orderNum }}</span> /
                       <span :class="{grayfont: !item.needLimit}">{{ weekInfoItem.after.maxNumber }}</span>
                     </p>
                   </div>
@@ -135,7 +135,7 @@
                   >
                     <p>已约</p>
                     <p>
-                      <span style="font-size: 18px">{{ weekInfoItem.after.orderNum }}</span> /
+                      <span class="ordered">{{ weekInfoItem.after.orderNum }}</span> /
                       <span :class="{grayfont: !item.needLimit}">{{ weekInfoItem.after.maxNumber }}</span>
                     </p>
                   </div>
@@ -408,6 +408,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.ordered{
+  font-size: 24px;
+}
 .grayfont{
   color: #C0C4CC;
 }