Browse Source

项目的分子显示变大

360view
bianyaqi 2 years ago
parent
commit
0a6213f50e
  1. 1
      package.json
  2. 129
      src/core/initHotKeys.js
  3. 11
      src/page-subspecialty/views/modules/nurseManagement/reservation/schedule/doctor-schedule.vue

1
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",

129
src/core/initHotKeys.js

@ -9,81 +9,78 @@
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', // 左右上下
backspace: 'backspace', // backspace键盘
ctrlz: 'ctrl+z',
ctrlc: 'ctrl+c',
ctrlv: 'ctrl+v'
}
lrdu: 'left,right,down,up', // 左右上下
backspace: 'backspace', // backspace键盘
ctrlz: 'ctrl+z',
ctrlc: 'ctrl+c',
ctrlv: 'ctrl+v'
}
function initHotkeys(canvas) {
// 删除快捷键
hotkeys(keyNames.backspace, function () {
const activeObject = canvas.getActiveObjects()
if (activeObject) {
activeObject.map(item => canvas.remove(item))
canvas.requestRenderAll()
canvas.discardActiveObject()
}
})
// 移动快捷键
hotkeys(keyNames.lrdu, (event, handler) => {
const activeObject = canvas.getActiveObject()
if (activeObject) {
switch (handler.key) {
case 'left':
activeObject.set('left', activeObject.left - 1 )
break;
case 'right':
activeObject.set('left', activeObject.left + 1 )
break;
case 'down':
activeObject.set('top', activeObject.top + 1 )
break;
case 'up':
activeObject.set('top', activeObject.top - 1 )
break;
default:
}
canvas.renderAll()
}
})
// 删除快捷键
hotkeys(keyNames.backspace, function() {
const activeObject = canvas.getActiveObjects()
if (activeObject) {
activeObject.map(item => canvas.remove(item))
canvas.requestRenderAll()
canvas.discardActiveObject()
}
})
// 复制粘贴
copyElement(canvas)
// 移动快捷键
hotkeys(keyNames.lrdu, (event, handler) => {
const activeObject = canvas.getActiveObject()
if (activeObject) {
switch (handler.key) {
case 'left':
activeObject.set('left', activeObject.left - 1)
break
case 'right':
activeObject.set('left', activeObject.left + 1)
break
case 'down':
activeObject.set('top', activeObject.top + 1)
break
case 'up':
activeObject.set('top', activeObject.top - 1)
break
default:
}
canvas.renderAll()
}
})
// 复制粘贴
copyElement(canvas)
}
function copyElement(canvas) {
let copyEl = null
function copyElement(canvas){
let copyEl = null
// 复制
hotkeys(keyNames.ctrlc, (event, handler) => {
const activeObject = canvas.getActiveObjects()
if(activeObject.length === 0) return
copyEl = cloneDeep(activeObject[0])
if(copyEl.left === activeObject[0].left) {
copyEl.left += 10
copyEl.top += 10
}
Message.success('复制成功')
})
// 粘贴
hotkeys(keyNames.ctrlv, (event, handler) => {
if(!copyEl) return Message.warning('暂无复制内容')
const myCopyEl = cloneDeep(copyEl)
myCopyEl.id = uuid()
copyEl.left += 10
copyEl.top += 10
canvas.add(myCopyEl)
canvas.setActiveObject(myCopyEl)
})
// 复制
hotkeys(keyNames.ctrlc, (event, handler) => {
const activeObject = canvas.getActiveObjects()
if (activeObject.length === 0) return
copyEl = cloneDeep(activeObject[0])
if (copyEl.left === activeObject[0].left) {
copyEl.left += 10
copyEl.top += 10
}
this.$message.success('复制成功')
})
// 粘贴
hotkeys(keyNames.ctrlv, (event, handler) => {
if (!copyEl) return this.$message.warning('暂无复制内容')
const myCopyEl = cloneDeep(copyEl)
myCopyEl.id = uuid()
copyEl.left += 10
copyEl.top += 10
canvas.add(myCopyEl)
canvas.setActiveObject(myCopyEl)
})
}
export default initHotkeys
export { keyNames, hotkeys }
export { keyNames, hotkeys }

11
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;
}

Loading…
Cancel
Save