| | |
| | | <template> |
| | | <view class="content"> |
| | | <view class="infoArea"> |
| | | <!-- #ifdef MP-WEIXIN --> |
| | | <view class="name">{{infoData['设备名称']}}</view> |
| | | <view class="dm">( 代码:{{infoData['设备代码']}} )</view> |
| | | <!-- #endif --> |
| | | <!-- #ifndef MP-WEIXIN --> |
| | | <view class="name">{{infoData.设备名称}}</view> |
| | | <view class="dm">( 代码:{{infoData.设备代码}} )</view> |
| | | <!-- #endif --> |
| | | <!-- <view class="other"> |
| | | <view class="half">出厂编号: <text>{{infoData.设备出厂编号}}</text></view> |
| | | <view class="half">出厂日期: <text>{{infoData.设备出厂日期.substr(0,10)}}</text></view> |
| | |
| | | <view style="width: 100%;height: 200rpx;"></view> |
| | | <view v-if="number == 1"> |
| | | <view class="list" v-for="(item,index) in listData1" :key="index" v-if="listData1[0].HManagerName"> |
| | | <!-- #ifdef MP-WEIXIN --> |
| | | <uni-card style="margin: 10px;" |
| | | @tap="showDetail = showDetail==index?-1:index"> |
| | | <!-- #endif --> |
| | | <!-- #ifndef MP-WEIXIN --> |
| | | <uni-card :title="item.HMaintainItem" :extra="item.HMaintainItemNumber" style="margin: 10px;" |
| | | @tap="showDetail = showDetail==index?-1:index"> |
| | | <!-- #endif --> |
| | | <uni-card :title="item.HMaintainItem" :extra="item.HMaintainItemNumber" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index"> |
| | | <view class="card-detail"> |
| | | <view class="detail" v-if="item.HMaintainPart"> |
| | | <text>保养部位:</text>{{item.HMaintainPart}} |
| | |
| | | <uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起 |
| | | </view> |
| | | <view class="morea" v-if="showDetail != index"> |
| | | <uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" |
| | | size="14"></uni-icons>查看具体要求 |
| | | <uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>查看具体要求 |
| | | </view> |
| | | </uni-card> |
| | | </view> |
| | |
| | | |
| | | <view v-if="number == 2"> |
| | | <view class="list" v-for="(item,index) in listData2" :key="index" v-if="listData2[0].HManagerName"> |
| | | <uni-card :title="item.HMaterName" :extra="item.HMaterNumber" style="margin: 10px;" |
| | | @tap="showDetail = showDetail==index?-1:index"> |
| | | <uni-card :title="item.HMaterName" :extra="item.HMaterNumber" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index"> |
| | | <view class="card-detail"> |
| | | <view class="detail" v-if="item.HUnitName"> |
| | | <text>单位名称:</text>{{item.HUnitName}} |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | getUserInfo |
| | | } from "@/utils/auth.js"; |
| | | import { getUserInfo } from "@/utils/auth.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | onLoad(e) { |
| | | console.log(e) |
| | | uni.setNavigationBarTitle({ |
| | | title: e['设备名称'] |
| | | title: e.设备名称 |
| | | }); |
| | | this.infoData = e |
| | | this.getList(e.HInterID) |
| | |
| | | }) |
| | | uni.request({ |
| | | url: this.serverUrl + '/Sb_EquipMaintainBill/Sb_EquipMaintainBillListProjectDetaiNew', |
| | | data: { |
| | | "HInterID": HInterID |
| | | }, |
| | | data: { "HInterID": HInterID }, |
| | | success: (res) => { |
| | | if (res.data.count == 1) { |
| | | this.listData1 = res.data.list[0] |
| | |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 99; |
| | | |
| | | .name { |
| | | text-align: center; |
| | | font-size: 32rpx; |
| | |
| | | color: #333; |
| | | line-height: 150%; |
| | | } |
| | | |
| | | .dm { |
| | | text-align: center; |
| | | font-size: 27rpx; |
| | | font-weight: 500; |
| | | color: #333; |
| | | } |
| | | |
| | | .other { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | |
| | | margin-top: 12rpx; |
| | | font-size: 27rpx; |
| | | color: #666; |
| | | |
| | | text { |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | margin-left: 10rpx; |
| | | } |
| | | |
| | | .half { |
| | | width: 50%; |
| | | } |
| | | |
| | | .all { |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | .choose { |
| | | height: 70rpx; |
| | | margin-top: 20rpx; |
| | |
| | | border-radius: 40rpx 40rpx 0 0; |
| | | border-bottom: 2px solid #eee; |
| | | display: flex; |
| | | |
| | | .tab { |
| | | margin: 0 20rpx; |
| | | text-align: center; |
| | | font-size: 28rpx; |
| | | color: #666; |
| | | } |
| | | |
| | | .focus { |
| | | font-size: 30rpx; |
| | | color: #333; |
| | |
| | | |
| | | .list { |
| | | width: 100%; |
| | | |
| | | .card-detail { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | line-height: 120%; |
| | | |
| | | .detail { |
| | | // width: 50%; |
| | | font-size: 26rpx; |
| | | margin-bottom: 12rpx; |
| | | color: #555; |
| | | margin-right: 20rpx; |
| | | |
| | | text { |
| | | color: #999; |
| | | font-size: 26rpx; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .more { |
| | | color: #888; |
| | | font-size: 24rpx; |
| | | display: flex; |
| | | border-top: 1px solid #eee; |
| | | padding-top: 20rpx; |
| | | |
| | | .part { |
| | | width: 50%; |
| | | text-align: center; |
| | |
| | | text-align: right; |
| | | } |
| | | } |
| | | |
| | | </style> |