RailwayTwo/mini/components/inner-device-card/index.wxml

<!--components/inner-device-card/index.wxml-->
<view class="sg-item sg-white-bg sg-pad sg-margin-bottom">
  <view class="sg-top sg-flex sg-space-between sg-bottom-border sg-pad-bottom-sm sg-font-small sg-bold">
    <view class="sg-name">{{item.device ? item.device.name : ''}} - {{item.device_name ? item.device_name.name : ''}}
    </view>
    <view class="sg-status sg-flex sg-align-center">
      <view class="sg-dot" style="background: {{item.status ? item.status.color : ''}}"></view>
      <view class="sg-status-name">{{item.status ? item.status.name : ''}}</view>
    </view>
    <van-icon class="sg-action sg-index-color sg-icon" wx:if="{{action=='record'}}" name="notes-o" bindtap="navigate" data-url="/pages/use-record/index?id={{item.id}}"></van-icon>
  </view>
  <view class="sg-body sg-font-xs sg-bottom-border sg-pad-bottom-sm">
    <view class="sg-item sg-margin-tb-sm sg-flex">
      <view class="sg-left-item sg-width-50">固定资产编号：{{item.number}}</view>
      <view class="sg-right-item sg-width-50">出厂日期：{{item.produce_date}}</view>
    </view>
    <view class="sg-item sg-margin-tb-sm sg-flex">
      <view class="sg-left-item sg-width-50">外形尺寸：{{item.shape}}</view>
      <view class="sg-right-item sg-width-50">采购原值：{{item.buy_origin}}</view>
    </view>
    <view class="sg-item sg-margin-tb-sm sg-flex">
      <view class="sg-left-item sg-width-50">规格型号：{{item.spec ? item.spec.name : ''}}</view>
      <view class="sg-right-item sg-width-50">生产厂家：{{item.manufacturer}}</view>
    </view>
  </view>
  <view class="sg-bottom sg-font-xs sg-flex sg-align-center sg-space-between">
    <view class="sg-left">
      <view class="sg-item sg-margin-tb-sm">目前在用工点：{{item.work_point ? item.work_point.name : '无'}}</view>
      <view class="sg-item sg-margin-tb-sm">借用时间：{{item.start_date ? item.start_date + '至' + item.end_date : '无'}}
      </view>
    </view>
    <!-- <view class="sg-white sg-pad-sm {{item.status && item.status.key == 'free' ? 'sg-green-bg' : 'sg-gray-bg'}}">
          借用设备</view> -->
  </view>
</view>