threeonecheck_web/unpackage/dist/dev/mp-weixin/components/hazardDetail/HazardProcessChainPanel.wxml

<view class="{{['hazard-process-chain-panel', 'data-v-020654bc', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}" id="{{p}}"><view wx:if="{{a}}" class="loading-wrap data-v-020654bc"><text class="loading-text data-v-020654bc">{{b}}</text></view><view wx:elif="{{c}}" class="empty-wrap data-v-020654bc"><text class="empty-text data-v-020654bc">{{d}}</text></view><view wx:else class="detail-body data-v-020654bc" style="{{o}}"><scroll-view class="steps-card data-v-020654bc" scroll-y style="{{f}}" show-scrollbar="{{false}}" scroll-into-view="{{g}}" scroll-with-animation="{{true}}"><view wx:for="{{e}}" wx:for-item="item" wx:key="f" id="{{item.g}}" class="{{['step-item', 'data-v-020654bc', item.h && 'step-item--active']}}" bindtap="{{item.i}}"><view class="step-track data-v-020654bc"><view class="{{['step-dot', 'data-v-020654bc', item.b && 'step-dot--active']}}"><image class="step-icon data-v-020654bc" src="{{item.a}}" mode="aspectFit"/></view><text class="{{['step-label', 'data-v-020654bc', item.d && 'step-label--active']}}">{{item.c}}</text><view wx:if="{{item.e}}" class="step-line data-v-020654bc"></view></view></view></scroll-view><scroll-view class="content-column content-scroll data-v-020654bc" scroll-y style="{{j}}" show-scrollbar="{{false}}" scroll-into-view="{{k}}" scroll-with-animation="{{l}}" bindscroll="{{m}}" bindscrolltolower="{{n}}"><view wx:for="{{h}}" wx:for-item="item" wx:key="bI" id="{{item.bJ}}" class="{{['node-section', 'data-v-020654bc', item.bK && 'node-section--last']}}"><view class="{{['detail-card-shell', 'data-v-020654bc', item.bH && 'detail-card-shell--active']}}"><view class="detail-card data-v-020654bc"><view class="card-header-v2 data-v-020654bc"><view class="card-header-main data-v-020654bc"><text class="operator data-v-020654bc">{{item.a}}{{i}}{{item.b}}</text><text class="time data-v-020654bc">{{item.c}}</text></view><view wx:if="{{item.d}}" class="{{['data-v-020654bc', 'level-badge', item.f]}}">{{item.e}}</view></view><view class="card-divider data-v-020654bc"></view><view class="card-body data-v-020654bc"><block wx:if="{{item.g}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.h}}</text><text class="value data-v-020654bc">{{item.i}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.j}}</text><text class="value data-v-020654bc">{{item.k}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.l}}</text><text class="value data-v-020654bc">{{item.m}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.n}}</text><text class="value data-v-020654bc">{{item.o}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.p}}</text><text class="value data-v-020654bc">{{item.q}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.r}}</text><text class="value data-v-020654bc">{{item.s}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.t}}</text><view class="value data-v-020654bc"><view class="{{['data-v-020654bc', 'level-tag', item.w]}}">{{item.v}}</view></view></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.x}}</text><text class="value data-v-020654bc">{{item.y}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.z}}</text><text class="value data-v-020654bc">{{item.A}}</text></view><view wx:if="{{item.B}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.C}}</text><view wx:if="{{item.D}}" class="attachment-list data-v-020654bc"><image wx:for="{{item.E}}" wx:for-item="file" wx:key="a" class="attachment-img data-v-020654bc" src="{{file.b}}" mode="aspectFill" bindtap="{{file.c}}" bindload="{{file.d}}"/></view><text wx:else class="value value--pending data-v-020654bc">{{item.F}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.G}}</text><text class="value data-v-020654bc">{{item.H}}</text></view></block><block wx:elif="{{item.I}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.J}}</text><text class="value data-v-020654bc">{{item.K}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.L}}</text><text class="value data-v-020654bc">{{item.M}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.N}}</text><text class="value data-v-020654bc">{{item.O}}</text></view></block><block wx:elif="{{item.P}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.Q}}</text><text class="value data-v-020654bc">{{item.R}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.S}}</text><text class="value data-v-020654bc">{{item.T}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.U}}</text><text class="value data-v-020654bc">{{item.V}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.W}}</text><text class="value data-v-020654bc">{{item.X}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.Y}}</text><text class="value data-v-020654bc">{{item.Z}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aa}}</text><text class="value data-v-020654bc">{{item.ab}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ac}}</text><text class="value data-v-020654bc">{{item.ad}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ae}}</text><text class="value data-v-020654bc">{{item.af}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ag}}</text><text class="value data-v-020654bc">{{item.ah}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ai}}</text><text class="value data-v-020654bc">{{item.aj}}</text></view><view wx:if="{{item.ak}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.al}}</text><view wx:if="{{item.am}}" class="attachment-list data-v-020654bc"><block wx:for="{{item.an}}" wx:for-item="file" wx:key="f"><image wx:if="{{file.a}}" class="attachment-img data-v-020654bc" src="{{file.b}}" mode="aspectFill" bindtap="{{file.c}}" bindload="{{file.d}}"/><text wx:else class="file-link data-v-020654bc">{{file.e}}</text></block></view><text wx:else class="value value--pending data-v-020654bc">{{item.ao}}</text></view><view wx:if="{{item.ap}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.aq}}</text><image wx:if="{{item.ar}}" class="sign-img data-v-020654bc" src="{{item.as}}" mode="aspectFit" bindtap="{{item.at}}" bindload="{{item.av}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.aw}}</text></view></block><block wx:elif="{{item.ax}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ay}}</text><text wx:if="{{item.az}}" class="{{['result-tag', 'data-v-020654bc', item.aB]}}">{{item.aA}}</text><text wx:else class="value value--pending data-v-020654bc">{{item.aC}}</text></view><view wx:if="{{item.aD}}" class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aE}}</text><text class="value data-v-020654bc">{{item.aF}}</text></view><view wx:if="{{item.aG}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.aH}}</text><view wx:if="{{item.aI}}" class="attachment-list data-v-020654bc"><block wx:for="{{item.aJ}}" wx:for-item="file" wx:key="f"><image wx:if="{{file.a}}" class="attachment-img data-v-020654bc" src="{{file.b}}" mode="aspectFill" bindtap="{{file.c}}" bindload="{{file.d}}"/><text wx:else class="file-link data-v-020654bc">{{file.e}}</text></block></view><text wx:else class="value value--pending data-v-020654bc">{{item.aK}}</text></view><view wx:if="{{item.aL}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.aM}}</text><image wx:if="{{item.aN}}" class="sign-img data-v-020654bc" src="{{item.aO}}" mode="aspectFit" bindtap="{{item.aP}}" bindload="{{item.aQ}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.aR}}</text></view></block><block wx:elif="{{item.aS}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aT}}</text><text class="value data-v-020654bc">{{item.aU}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aV}}</text><text class="value data-v-020654bc">{{item.aW}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aX}}</text><text class="value data-v-020654bc">{{item.aY}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aZ}}</text><text class="value data-v-020654bc">{{item.ba}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bb}}</text><text class="value data-v-020654bc">{{item.bc}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bd}}</text><text class="value data-v-020654bc">{{item.be}}</text></view><view wx:if="{{item.bf}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.bg}}</text><image wx:if="{{item.bh}}" class="sign-img data-v-020654bc" src="{{item.bi}}" mode="aspectFit" bindtap="{{item.bj}}" bindload="{{item.bk}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.bl}}</text></view></block><block wx:elif="{{item.bm}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bn}}</text><text wx:if="{{item.bo}}" class="{{['result-tag', 'data-v-020654bc', item.bq]}}">{{item.bp}}</text><text wx:else class="value value--pending data-v-020654bc">{{item.br}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bs}}</text><text class="{{['value', 'data-v-020654bc', item.bv && 'value--pending']}}">{{item.bt}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bw}}</text><text class="value data-v-020654bc"><block wx:if="{{item.bx}}">{{item.by}}</block><text wx:else class="value--pending data-v-020654bc">{{item.bz}}</text></text></view><view wx:if="{{item.bA}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.bB}}</text><image wx:if="{{item.bC}}" class="sign-img data-v-020654bc" src="{{item.bD}}" mode="aspectFit" bindtap="{{item.bE}}" bindload="{{item.bF}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.bG}}</text></view></block></view></view></view></view></scroll-view></view></view>