<navigator url="{{link}}?id={{ticket.id}}" open-type="navigate">
  <view
    class="ticket-card"
  >
    <view class="ticket-card-header {{ timeout ? 'timeout' : ''}}">
      <image wx:if="{{ timeout }}" class="timeout" src="{{ALI_OSS_ROOT}}/wx/overtime.png" alt="" />
      <image class="clock-img" src="{{ALI_OSS_ROOT}}/wx/time-circle.png" alt="" />
      <text class="timestamp">{{ timestamp }}</text>
      <view class="status create" wx:if="{{status === 'create'}}">
        <text class="status-text">待提交</text>
        <image class="status-icon" src="{{ALI_OSS_ROOT}}/wx/right-circle-blue.png" />
      </view>
      <view class="status pending" wx:elif="{{status === 'pending'}}">
        <text class="status-text">待审核</text>
        <image class="status-icon" src="{{ALI_OSS_ROOT}}/wx/right-circle-yellow.png" />
      </view>
      <view class="status approved" wx:elif="{{status === 'approved'}}">
        <text class="status-text">已通过</text>
        <image class="status-icon" src="{{ALI_OSS_ROOT}}/wx/right-circle-green.png" />
      </view>
      <view class="status denied" wx:elif="{{status === 'denied'}}">
        <text class="status-text">已驳回</text>
        <image class="status-icon" src="{{ALI_OSS_ROOT}}/wx/right-circle-red.png" />
      </view>
      <view class="status done" wx:else>
        <text class="status-text">已完成</text>
        <image class="status-icon" src="{{ALI_OSS_ROOT}}/wx/right-circle-green.png" />
      </view>
    </view>
    <view class="title text-cut">{{ projectTitle }} <view class="property {{ property }}">{{propertyText}}</view></view>

    <t-row class="row" gutter="16">
      <t-col span="24" class="row-item day">
        <image class="row-item-img" src="{{ALI_OSS_ROOT}}/wx/serial.png" />
        {{ ticket.no }} 
      </t-col>
      <t-col span="24" class="row-item address text-cut">
        <image class="row-item-img" src="{{ALI_OSS_ROOT}}/wx/edit-square-outlined.png" />
        {{ address }}
      </t-col>
      <t-col span="24" class="row-item role">
        <image class="row-item-img" src="{{ALI_OSS_ROOT}}/wx/post.png" />
        {{ roleText }}
      </t-col>
    </t-row>
  </view>
</navigator>