ll

liukangdong

2024-11-29 b850badcf800eff5819e0789d1b81e5e27fcd037

 h5/pages/operation/detail.vue

@@ -2,31 +2,47 @@
   <view>

      <view class="content">

         <view class="name_wrap">

            <view class="name">xx设备</view>

            <view class="status red">正常</view>

            <view class="name">{{info.deviceName}}</view>
            <view class="status" v-if="info.status == 0">正常</view>
            <view class="status red" v-if="info.status == 1">损坏</view>
            <view class="status red" v-if="info.status == 2">报废</view>

         </view>

         <view class="line">运维人：xxx</view>

         <view class="line">运维时间：121212</view>

         <view class="line">运维人：{{info.realName}}</view>

         <view class="line">运维时间：{{info.createDate}}</view>

      </view>
      <!--  -->
      <view class="remark">
         <view class="title">运维备注</view>
         <view class="file_list">
            <view class="file">
					
            <view class="file" v-for="item in info.multifileList">
               <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
               <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>
            </view>
         </view>
         <view class="desc">remark</view>
         <view class="desc">{{info.content}}</view>
      </view>

   </view>

</template>



<script>

<script>
   import { ywDeviceDetail } from '@/api'

   export default {

      data() {

         return {



            id: '',
            info: {}

         };

      },
      onLoad(option) {
         this.id = option.id
         this.getDetail()
      },
      methods: {
         getDetail() {
            ywDeviceDetail(this.id).then(res => {
               this.info = res.data
            })
         }
      }

   }

</script>

@@ -81,6 +97,9 @@
               margin-right: 0;
            }
         }
         image,video{
            width: 156rpx;
         }
      }
      .desc{
         margin-top: 8rpx;