开发问题记录-7月

354 阅读2分钟

换新公司啦,决定将日常开发问题记录换成小问号系列,现在是6月22哦,从现在开始记录...

Lodop 服务

问题1 :lodop调不出来

打开lodop服务,需要在浏览器允许访问即可,因为是http 所以被认为不安全所拦截了。

问题2 如果提示没有链接上打印控件(针对我们的pacs系统)

但电脑上又装了软件,这个时候 就右击软件,选择安装设置维护,随即选择左上角的设置,停止服务,然后重启软件

image.png

image.png

以上做完之后,浏览器地址栏中输入 localhost:8443,允许浏览器访问后,就可以在系统中调用打印软件了

更多例子可以看 www.lodop.net/LodopDemo.h…

问题3:

image.png

image.png

image.png

7月 --------------------------------------------

iview 的tab由于写的是别的tabs的名字,所以tab是关闭的状态 ,改成自己的tabpane的其中一个名字即可。

image.png

vue滚动条始终置于底部

测试滚动条在是不是可以用这个标签控制,用完可删

window.addEventListener('scroll', () => {
        var scrollTop = this.$refs.scrollBox
        console.log(scrollBox.scrollHeight)
        console.log(scrollBox.scrollTop) // 查看打印的值是否有变化 如果有 则说明滚滚动条在这个标签中
    }, true)

方法:

    scrollToBottom(){
       this.$nextTick(()=>{
           var scrollBox = this.$refs.scrollBox
           scrollBox.scrollTop = scrollBox.scrollHeight
       })
    }

然后在updated方法中调用 scrollBottom即可

呃呃上面的不符合需求有个bug,用户滑动拖动滚轴,不松开鼠标,就会一直停留在当前位置,松开鼠标后,就会回到最后面

滚动条默认置于底部,用户拖拽的时候,定位在用户指定的位置,添加图片时,定位在最新添加的图片位置,也就是置于底部

这里我通过监听图片的长度来定位滚动条的位置

  1. 定义一个变量保存图片的长度
  2. 定义滚动到末端的方法

image.png 3. 监听图片的长度

image.png

chrome debugger 调试

第三个向下的箭头的用法: 在一个方法中调用另一个方法,执行到这一行时,点击第三个箭头,就能进入该方法中。

image.png

查看.git

选择查看菜单,勾选 “隐藏的项目” image.png

git commit文件没执行完就退出,导致操作锁死,干不了别的。

image.png

数字和字母的换行需要用特殊处理

背景:使用iview的toolTip需要手动控制换行,max-length并不生效,其中数字和字母的文本还需要特殊处理,否则就不会换行。

word-wrap(又叫overflow-wrap):这个在保留单词的完整性上比下面的好,只会将长度超过一行的单词换行 word-break:但凡碰到边界的单词都强制换行 white-space:(默认为normal,所以中文文本就会自动换行,但是英文单词会超出框

image.png

ivew 的modal的右上角关闭操作,指定自定义事件可以使用 closeBlModal

image.png

iview 的 tree 查看状态下用户不可以勾选的效果实现

  1. 将节点的children设为disabled即可,遍历方法如下: image.png