zoukankan      html  css  js  c++  java
  • vue+窗格切换+田字+dicom显示_02

    环境:vue+webpack+cornerstone

    ide:vs code

    需求:窗格设置+拼图设置

    分析:

    由于时间的原因,我也没有Baidu更好的显示窗格的方法,所以使用比较笨的方法,通过组件显示,组件主要分为两部分。

    1、主体

     1-1、左边的窗格

     1-2、右边的拼图

     2-3、下方的显示部分=组件

    2、组件

     2-1、 点击左侧窗格显示的较大的组件

     2-2、选择左侧内部的窗格后显示的较小的组件

    3、控制方式

       3-1、点击事件+v-show

    4、需求整理

     4-1、默认显示的窗格

     4-2、点击左侧窗格显示进行切换

     4-3、记录当前左侧选择的窗格序号或者other(因为窗格较多用不同名字包裹起来后面用到也比较方便(ref名 or other),当然没有一点的规律的命名可以pass,不方便控制)

     4-4、获取左侧窗格内部小格子的控制权

     4-5、记录左侧窗格内部小格子序号或者other

     4-6、根据组合进行显示(先完善第一个窗格,第一个格子,然后再将规律扩散到其它窗格,其它格子)

     4-7、开始加入dicom文件显示

     4-8、可能的bug处理。

  • 相关阅读:
    Android 禁止软键盘自动弹出
    Android之Adapter用法总结
    如何成为android高手
    最强大的文案策略
    外贸电商的ERP有很多
    ERP行业销售如何挖掘潜在客户?
    新制造
    C#实现字符串相似度算法
    cmd
    对于大型公司项目平台选择j2ee的几层认识
  • 原文地址:https://www.cnblogs.com/shuangzikun/p/taotao_vue_window_jigsaw_02.html
Copyright © 2011-2022 走看看