chenhaozhe
2025-07-14 25100ec3d663fdab00f6dacb9f427b772c2f806f
pages/shebeiguanli/list.vue
@@ -1,21 +1,6 @@
<template>
   <view class="content">
      <view class="infoArea">
         <!-- #ifdef MP-WEIXIN -->
         <view class="name">{{infoData['设备名称']}}</view>
         <view class="dm">( 代码:{{infoData['设备代码']}} )</view>
         <view class="other">
            <view class="half">出厂编号: <text>{{infoData['设备出厂编号']}}</text></view>
            <view class="half">出厂日期: <text>{{infoData['设备出厂日期'].substr(0,10)}}</text></view>
            <view class="half">设备编码: <text v-if="infoData['设备编码']!= 'null'">{{infoData['设备编码']}}</text></view>
            <view class="half">设备类型: <text v-if="infoData['设备类型 ']!= 'null'">{{infoData['设备类型']}}</text></view>
         </view>
         <view class="other" style="margin-top: 0;">
            <view class="all">设备规格: <text v-if="infoData['设备规格']!= 'null'">{{infoData['设备规格']}}</text></view>
            <view class="all">设备型号: <text v-if="infoData['设备型号']!= 'null'">{{infoData['设备型号']}}</text></view>
         </view>
         <!-- #endif -->
         <!-- #ifndef MP-WEIXIN -->
         <view class="name">{{infoData.设备名称}}</view>
         <view class="dm">( 代码:{{infoData.设备代码}} )</view>
         <view class="other">
@@ -28,19 +13,16 @@
            <view class="all">设备规格: <text v-if="infoData.设备规格 != 'null'">{{infoData.设备规格}}</text></view>
            <view class="all">设备型号: <text v-if="infoData.设备型号 != 'null'">{{infoData.设备型号}}</text></view>
         </view>
         <!-- #endif -->
         <view class="choose">
            <view class="tab" :class="{focus: number == 1}" @tap="changeTab(1)">日常记录</view>
            <view class="tab" :class="{focus: number == 2}" @tap="changeTab(2)">维修记录</view>
         </view>
      </view>
      <view style="width: 100%;height: 380rpx;"></view>
      <view class="list" v-for="(item,index) in listData" :key="index">
         <!-- #ifndef MP-WEIXIN -->
         <uni-card :title="item.单据类型" :extra="item.单据号" style="margin: 10px;"
            @tap="showDetail = showDetail==index?-1:index">
         <uni-card :title="item.单据类型" :extra="item.单据号" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index">
            <view class="card-detail">
               <view class="detail" v-if="item.制单人">
                  <text>制单人:</text>{{item.制单人}}
@@ -55,51 +37,29 @@
                  <text>审核日期:</text>{{item.审核日期.substr(0,10)}}
               </view>
            </view>
            <!-- #endif -->
            <!-- #ifdef MP-WEIXIN -->
            <uni-card style="margin: 10px;"
               @tap="showDetail = showDetail==index?-1:index">
               <view class="card-detail">
                  <view class="detail" v-if="item['制单人']">
                     <text>制单人:</text>{{item['制单人']}}
                  </view>
                  <view class="detail" v-if="item['制单日期']">
                     <text>制单日期:</text>{{item['制单日期'].substr(0,10)}}
                  </view>
                  <view class="detail" v-if="item['审核人']">
                     <text>审核人:</text>{{item['审核人']}}
                  </view>
                  <view class="detail" v-if="item['审核日期']">
                     <text>审核日期:</text>{{item['审核日期'].substr(0,10)}}
                  </view>
               </view>
               <!-- #endif -->
            </uni-card>
         </uni-card>
      </view>
      <view class="over" v-if="listData.length == 0">暂无数据</view>
      <view class="over" v-if="listData.length != 0">已到底</view>
   </view>
</template>
<script>
   import {
      getUserInfo
   } from "@/utils/auth.js";
   import { getUserInfo } from "@/utils/auth.js";
   export default {
      data() {
         return {
            userInfo: getUserInfo(),
            serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
            infoData: {},
            number: 1,
            listData: [],
            listData1: [],
            listData2: [],
            showDetail: -1,
         }
      },
       data() {
           return {
            userInfo:getUserInfo(),
            serverUrl: uni.getStorageSync('serverUrl')||'http://47.96.97.237/API',
            infoData:{},
            number:1,
            listData:[],
            listData1:[],
            listData2:[],
            showDetail:-1,
           }
       },
      onLoad(e) {
         console.log(e)
         // e = {
@@ -119,29 +79,27 @@
         this.infoData = e
         this.getList(e.HInterID)
      },
      methods: {
         getList(HInterID) {
       methods: {
         getList(HInterID){
            uni.showLoading({
               title: '加载中...'
               title:'加载中...'
            })
            uni.request({
               url: this.serverUrl + '/Gy_EquipFileMain/Sb_EquipFileBillResumeDate',
               data: {
                  "HInterID": HInterID
               },
               success: (res) => {
                  if (res.data.count == 1) {
                url: this.serverUrl + '/Gy_EquipFileMain/Sb_EquipFileBillResumeDate',
               data: { "HInterID": HInterID },
                success: (res) => {
                  if(res.data.count == 1){
                     this.listData1 = res.data.list[0]
                     this.listData2 = res.data.list[1]
                     this.listData = res.data.list[0]
                     console.log(1, this.listData1);
                     console.log(2, this.listData2);
                     console.log(1,this.listData1);
                     console.log(2,this.listData2);
                     uni.hideLoading()
                  } else {
                  }else{
                     uni.hideLoading()
                     uni.showToast({
                        title: res.data.Message,
                        icon: 'none'
                        title:res.data.Message,
                        icon:'none'
                     })
                  }
               },
@@ -149,26 +107,26 @@
                  console.log(res);
                  uni.hideLoading()
                  uni.showToast({
                     title: '接口请求失败',
                     icon: 'none'
                     title:'接口请求失败',
                     icon:'none'
                  })
               },
            });
         },
         changeTab(e) {
         changeTab(e){
            this.number = e
            if (e == 1) {
            if(e==1){
               this.listData = this.listData1
            } else {
            }else{
               this.listData = this.listData2
            }
         }
      }
       }
   }
</script>
<style lang="scss" scoped>
   .infoArea {
   .infoArea{
      width: 100%;
      padding-top: 20rpx;
      background-color: #f0f0f0;
@@ -176,23 +134,20 @@
      top: 0;
      left: 0;
      z-index: 99;
      .name {
      .name{
         text-align: center;
         font-size: 32rpx;
         font-weight: 600;
         color: #333;
         line-height: 150%;
      }
      .dm {
      .dm{
         text-align: center;
         font-size: 27rpx;
         font-weight: 500;
         color: #333;
      }
      .other {
      .other{
         display: flex;
         flex-wrap: wrap;
         width: 90%;
@@ -200,23 +155,19 @@
         margin-top: 12rpx;
         font-size: 27rpx;
         color: #666;
         text {
         text{
            font-size: 28rpx;
            color: #333;
            margin-left: 10rpx;
         }
         .half {
         .half{
            width: 50%;
         }
         .all {
         .all{
            width: 100%;
         }
      }
      .choose {
      .choose{
         height: 70rpx;
         margin-top: 20rpx;
         padding: 0 30rpx;
@@ -225,15 +176,13 @@
         border-radius: 40rpx 40rpx 0 0;
         border-bottom: 2px solid #eee;
         display: flex;
         .tab {
         .tab{
            margin: 0 20rpx;
            text-align: center;
            font-size: 28rpx;
            color: #666;
         }
         .focus {
         .focus{
            font-size: 30rpx;
            color: #333;
            font-weight: 600;
@@ -241,42 +190,38 @@
         }
      }
   }
   .list {
   .list{
      width: 100%;
      .card-detail {
      .card-detail{
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         line-height: 120%;
         .detail {
         .detail{
            // width: 50%;
            font-size: 26rpx;
            margin-bottom: 12rpx;
            color: #555;
            margin-right: 20rpx;
            text {
            text{
               color: #999;
               font-size: 26rpx;
            }
         }
      }
      .more {
      .more{
         color: #888;
         font-size: 24rpx;
         display: flex;
         border-top: 1px solid #eee;
         padding-top: 20rpx;
         .part {
         .part{
            width: 50%;
            text-align: center;
         }
      }
   }
</style>
</style>