需求解决 _按条件显示 _20210827

前天收到一个bug反馈，一开始看设计书不是显示 A 就是显示 B，然后我直接提交跟测试方说设计书没有讲明白，结果这个需求是既要 A 又要 B ，只是需要根据同的条件来判断是显示A还是显示B，下面是实现步骤

1、在HTML页面添加条件显示，使用三元表达式

<div>
  <span th:text="${workItem.requestType == '过程依赖' ? '过程' : '实验对象'}"></span>种类：<span th:text="${workItem.processName}"></span>
</div>

2、在js部分也需要写条件判断（由于在前端进行一系列操作后会动态改变内容，改变后页面就是js重画的）

var typeName = '';
if(workItem[i].requestType=='过程依赖'){
    typeName = '过程种类';
}else{
    typeName = '实验对象种类';
}

html += '      <div class="text-decoration">'
    + '        <a href="/webrider-web/search/index?requestId='+workItem[i].requestId+'">'+workItem[i].requestId+'</a>'
    + '      </div>'
    + '    </div>'
    + '    <div class="col-md-5 clear-interval">'
    + '      <div>'
    +          typeName+'：'+workItem[i].processName
    + '      </div>'

虽然是个无伤大雅的毛病，但是很low，最后leader看不下去了帮我改的，长此以往就是专业素质的问题了，一定要克服，要先看明白需求再动手做

标签：需求,workItem,显示,js,typeName,条件,解决,20210827
来源： https://www.cnblogs.com/OwlInTheOaktree/p/15192547.html