工作Bug问题记录

BUG1:

   

 

此问题需要为确定键添加一个键盘enter事件，即：

 

问题解决方法：在输入框上绑定原生enter事件：

 

 

 

BUG2:

 

此问题在火狐浏览器报错，其余浏览器没问题。原因在于火狐浏览器载入tinymce的theme.js失败，

解决方法：在tinymce组件上添加载入theme.js的路径：

 

 

BUG3:

此问题为标签页过多时，有些标签页会隐藏，如图：

 

解决方法：

加两个移动按钮

 

 

BUG4:

 

此问题为表格列数据过多时，机构范围无法显示全部数据

 

解决方法：在机构范围列增加一个title属性，使得鼠标移入时会显示全部信息

代码如下

：

 

BUG5:

iview的autocomplete组件，点击空白处会出现选不中的问题

解决方法：

 

 

BUG6:

需要实现一个功能：

商品出库时，成本价不可修改；商品入库时，成本价可修改:

 

解决思路：

先在table组件上添加setColumnAttr方法：

通过this.$refs.tbody调用ref=tbody的table-body组件的setColumnaAttr方法：

最后在选择入库或出库而触发的

方法中更改成本价的editable属性：

 

BUG7：

在火狐浏览器下，如果input框设置为disabled，则文本框不可选、不可复制内容：

解决方法：将disabled属性替换为readonly只读属性，然后将readonly样式设置为：

即可达到文本框不可编辑、又可以选中和复制的功能。

 

BUG8：

修改render函数中，文本的样式

使文本与标题对齐：

 

BUG9：

需要按回车键时，光标跳转到下一个输入框：

 

BUG10:

 

实现当价格类型为“价格”时，浮动比例为不可编辑状态，类型为“浮动比例”时，配送价为不可编辑状态。

代码实现：

在价格类型中新增一个onChange方法，浮动比例的Key值为：‘Discount’，配送价的key值是：‘DeliveryPrice’，

同时在方法外部将this赋与vm:

 

Bug11:

每次弹出对话框时，需要聚焦到input输入框

代码实现：

先在Input对话框绑定一个ref，然后在create生命周期内写一个回调函数：

即可实现功能：

额外说明：在vue中，并不是每次数据改变都会触发更新DOM，而是将这些操作都缓存在一个队列，在一个事件循环结束后刷新队列，统一执行dom更新操作。通常情况下，我们不需要考虑这个问题，但是如果想在DOM状态更新后做点什么，就需要用到nextTick函数。

在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中，因为created()钩子函数执行的时候DOM并未进行任何渲染，而此时进行DOM操作是徒劳的，所以此处一定要将DOM操作的JS代码放进Vue.nextTick()的回调函数中。

 

BUG12:

//阿拉伯数字转换为简写汉字

util.Arabia_to_Chinese = function(n) {

  if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n))

    return "";

  var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";

    n += "00";

  var p = n.indexOf('.');

  if (p >= 0)

    n = n.substring(0, p) + n.substr(p+1, 2);

    unit = unit.substr(unit.length - n.length);

  for (var i=0; i < n.length; i++)

    str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i);

  return str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");

}

 

 

BUG13:

出现此类报错信息时，意味着在数据库的表中限制了字符的长度，而前台输入的字符长度超过了这个限制就会报错

解决方法：修改后台的限制长度或者前台输入合适的长度

 

BUG14:

工作台中点击促销单，页面跳转到促销单后显示的是所有的促销单数据，没有做过滤，期望跳转时显示的是即将过期的六个促销单。

解决方案：

在工作台的页面中，今日提醒组件里的gopage方法里定义一个实参“FromConsole”，表示点击跳转时，是从工作台跳转过来的：

另外在gopage的路由跳转方法里，传递参数source表示来源：

随后在促销单页面中，在加载页面的方法里接受参数，通过参数判断页面是否从工作天点击跳转，并且将结束日期设置为当前时间至三天后，即可实现工作台跳转时自动加载要过期的促销单：

附上获取日期的方法（获取当前日期为YYYY-MM-DD格式的日期，当前日期加3天后的日期）：

此外还有更简便的方法：

也可达到同样的效果

 

BUG15:

sql语句设置商品条码支持模糊查询（后六位查询）