2021-07-26 Aue前端问题汇总

第一个问题: 三级联动组件进行了优化（解决了远程查询的问题），替换即可 --文件名mathr.js 如下图所示

image.png

稍后会给大家发一下此文件

第二个问题: 根据需求当进入界面时默认选中行数据

假设有这样一个需求: 我们在开发具有RABC权限管理系统的时候，往往伴随着用户角色分配，而为了提高用户体验，往往我们再分配的时候，需要知道用户已经拥有的角色或者角色下已经拥有该角色的用户。这样，一般就考虑到用到默认选中的问题

实现效果如图所示: 如果行的成品包装=塑料周转箱，那么当前行就选中

image.png

• 具体实现方案:涉及到的此字段如下
  第一步:
  
  1627281038(1).jpg

第二步:

image.png

第三步：

image.png

最后实现了我们想要的效果----自测没有问题

第三个问题: 生产工艺模块-工艺基准表--工艺编制---全自动机下料界面（如图所示）----稍后给大家发technologyharnessbasicautomata.js此文件

image.png

• 产生的问题一： 点击编辑时，颜色字段如下图所示

image.png

• 产生的问题二： 如果先点击编辑，再点击查看，查看界面回显是没有问题的

image.png

• 但是如果先点击查看，没有点击编辑（那么左端子物料号、左防水栓物料号、左塑件物料号、右端子物料号、右防水栓物料号、右塑件物料号）字段全部回显的是id-----如图所示

1627281641(1).jpg

解决方案: 第一步：以全自动机下料界面为例-----找到全自动机下料js配置界面，如下图所示

image.png

image.png

第二步：在基础信息里增加如下代码

image.png

第三步：如下代码解决物料号查看时显示id的问题

image.png

最后一步，代码如下:

image.png

其余涉及到此问题的字段解决方式均同上

1627281909(1).jpg

第四个问题: 需求:列表里的设备列需要根据所触发的 tab 显示对应的值（以切线机下料和全自动机下料 为例）如下图所示

image.png

实现方式:
第一步: 将设备一列做成自定义列（下拉） 用 slot 属性 slot:true

image.png

第二步: 需要在methods里写2个方法（全自动机下料接口方法和切线机下料接口方法）

• 与methods评级写

  
  
  image.png

• Methods方法体内定义两个接口的方法（方法体内我们需要用avue下拉框绑定data值 ; 每一列绑定同一个下拉值）

• 在.then里写this.findObject那行代码

  
  
  image.png

最终可实现上述需求