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="{{o}}"><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="{{n}}"><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="{{i}}" show-scrollbar="{{false}}" scroll-into-view="{{j}}" scroll-with-animation="{{k}}" bindscroll="{{l}}" bindscrolltolower="{{m}}"><view wx:for="{{h}}" wx:for-item="item" wx:key="bQ" id="{{item.bR}}" class="{{['node-section', 'data-v-020654bc', item.bS && 'node-section--last']}}"><view class="{{['detail-card-shell', 'data-v-020654bc', item.bP && '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"><block wx:if="{{item.a}}"><text class="operator data-v-020654bc">{{item.b}}{{item.c}}{{item.d}}</text><text class="time data-v-020654bc">{{item.e}}</text></block><block wx:else><text class="operator data-v-020654bc">{{item.f}}{{item.g}}</text><text class="time status-pending data-v-020654bc">{{item.h}}{{item.i}}</text></block></view><view wx:if="{{item.j}}" class="{{['data-v-020654bc', 'level-badge', item.l]}}">{{item.k}}</view></view><view wx:if="{{item.m}}" class="card-divider data-v-020654bc"></view><view wx:if="{{item.n}}" class="card-body data-v-020654bc"><block wx:if="{{item.o}}"><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><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.A}}</text><text class="value data-v-020654bc">{{item.B}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.C}}</text><view class="value data-v-020654bc"><view class="{{['data-v-020654bc', 'level-tag', item.E]}}">{{item.D}}</view></view></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.F}}</text><text class="value data-v-020654bc">{{item.G}}</text></view><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 wx:if="{{item.J}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.K}}</text><view wx:if="{{item.L}}" class="attachment-list data-v-020654bc"><image wx:for="{{item.M}}" 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.N}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.O}}</text><text class="value data-v-020654bc">{{item.P}}</text></view></block><block wx:elif="{{item.Q}}"><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><text class="value data-v-020654bc">{{item.U}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.V}}</text><text class="value data-v-020654bc">{{item.W}}</text></view></block><block wx:elif="{{item.X}}"><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 class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ak}}</text><text class="value data-v-020654bc">{{item.al}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.am}}</text><text class="value data-v-020654bc">{{item.an}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.ao}}</text><text class="value data-v-020654bc">{{item.ap}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aq}}</text><text class="value data-v-020654bc">{{item.ar}}</text></view><view wx:if="{{item.as}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.at}}</text><view wx:if="{{item.av}}" class="attachment-list data-v-020654bc"><block wx:for="{{item.aw}}" 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.ax}}</text></view><view wx:if="{{item.ay}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.az}}</text><image wx:if="{{item.aA}}" class="sign-img data-v-020654bc" src="{{item.aB}}" mode="aspectFit" bindtap="{{item.aC}}" bindload="{{item.aD}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.aE}}</text></view></block><block wx:elif="{{item.aF}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aG}}</text><text wx:if="{{item.aH}}" class="{{['result-tag', 'data-v-020654bc', item.aJ]}}">{{item.aI}}</text><text wx:else class="value value--pending data-v-020654bc">{{item.aK}}</text></view><view wx:if="{{item.aL}}" class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.aM}}</text><text class="value data-v-020654bc">{{item.aN}}</text></view><view wx:if="{{item.aO}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.aP}}</text><view wx:if="{{item.aQ}}" class="attachment-list data-v-020654bc"><block wx:for="{{item.aR}}" 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.aS}}</text></view><view wx:if="{{item.aT}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.aU}}</text><image wx:if="{{item.aV}}" class="sign-img data-v-020654bc" src="{{item.aW}}" mode="aspectFit" bindtap="{{item.aX}}" bindload="{{item.aY}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.aZ}}</text></view></block><block wx:elif="{{item.ba}}"><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 class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bf}}</text><text class="value data-v-020654bc">{{item.bg}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bh}}</text><text class="value data-v-020654bc">{{item.bi}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bj}}</text><text class="value data-v-020654bc">{{item.bk}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bl}}</text><text class="value data-v-020654bc">{{item.bm}}</text></view><view wx:if="{{item.bn}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.bo}}</text><image wx:if="{{item.bp}}" class="sign-img data-v-020654bc" src="{{item.bq}}" mode="aspectFit" bindtap="{{item.br}}" bindload="{{item.bs}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.bt}}</text></view></block><block wx:elif="{{item.bv}}"><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bw}}</text><text wx:if="{{item.bx}}" class="{{['result-tag', 'data-v-020654bc', item.bz]}}">{{item.by}}</text><text wx:else class="value value--pending 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.bD && 'value--pending']}}">{{item.bC}}</text></view><view class="detail-row-v2 data-v-020654bc"><text class="label data-v-020654bc">{{item.bE}}</text><text class="value data-v-020654bc"><block wx:if="{{item.bF}}">{{item.bG}}</block><text wx:else class="value--pending data-v-020654bc">{{item.bH}}</text></text></view><view wx:if="{{item.bI}}" class="detail-row-v2 detail-row-v2--block data-v-020654bc"><text class="label data-v-020654bc">{{item.bJ}}</text><image wx:if="{{item.bK}}" class="sign-img data-v-020654bc" src="{{item.bL}}" mode="aspectFit" bindtap="{{item.bM}}" bindload="{{item.bN}}"/><text wx:else class="value value--pending data-v-020654bc">{{item.bO}}</text></view></block></view></view></view></view></scroll-view></view></view>