| | |
| | | <view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view> |
| | | |
| | | <view class="list" v-for="(item,index) in showList" :key="index"> |
| | | <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.设备代码}} |
| | |
| | | <uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起 |
| | | </view> |
| | | <view class="part" @tap.stop="toSon(item)"> |
| | | <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>查看子表 |
| | | <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" |
| | | size="14"></uni-icons>查看子表 |
| | | </view> |
| | | </view> |
| | | <view class="more" v-if="showDetail != index"> |
| | |
| | | <uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息 |
| | | </view> |
| | | <view class="part" @tap.stop="toSon(item)"> |
| | | <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>查看子表 |
| | | <uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" |
| | | size="14"></uni-icons>查看子表 |
| | | </view> |
| | | </view> |
| | | </uni-card> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getUserInfo } from "@/utils/auth.js"; |
| | | import { |
| | | getUserInfo |
| | | } from "@/utils/auth.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | page:1, |
| | | } |
| | | }, |
| | | onLoad() { |
| | | onLoad(e) { |
| | | this.getList() |
| | | console.log(this.userInfo,uni.getStorageSync('HUserName')) |
| | | }, |
| | |
| | | }, |
| | | toSon(item){ |
| | | uni.navigateTo({ |
| | | url:'/pages/shebeilvli/EquipFileBillResume_son?HInterID=' + item.hmainid |
| | | + '&设备名称=' + item.设备名称 |
| | | + '&设备代码=' + item.设备代码 |
| | | + '&设备出厂日期=' + item.设备出厂日期 |
| | | + '&设备出厂编号=' + item.设备出厂编号 |
| | | + '&设备型号=' + item.设备型号 |
| | | + '&设备类型=' + item.设备类型 |
| | | + '&设备编码=' + item.设备编码 |
| | | + '&设备规格=' + item.设备规格, |
| | | url: '/pages/shebeilvli/EquipFileBillResume_son?HInterID=' + item.hmainid + |
| | | '&设备名称=' + item.设备名称 + |
| | | '&设备代码=' + item.设备代码 + |
| | | '&设备出厂日期=' + item.设备出厂日期 + |
| | | '&设备出厂编号=' + item.设备出厂编号 + |
| | | '&设备型号=' + item.设备型号 + |
| | | '&设备类型=' + item.设备类型 + |
| | | '&设备编码=' + item.设备编码 + |
| | | '&设备规格=' + item.设备规格, |
| | | }) |
| | | } |
| | | } |
| | |
| | | width: 640rpx; |
| | | margin: 20rpx auto; |
| | | } |
| | | |
| | | .form-item{ |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 28rpx; |
| | | padding: 6rpx 0; |
| | | |
| | | .title{ |
| | | width: 180rpx; |
| | | |
| | | text{ |
| | | color: red; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | |
| | | .right{ |
| | | width: 450rpx; |
| | | border-radius: 22rpx; |
| | | border: 1px solid #acacac; |
| | | } |
| | | |
| | | .righton{ |
| | | width: 450rpx; |
| | | border-radius: 22rpx; |
| | | border: 1px solid #e4e4e4; |
| | | background-color: #e4e4e4; |
| | | } |
| | | |
| | | input{ |
| | | width: 100%; |
| | | padding: 8rpx 20rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | } |
| | | |
| | | .buttons{ |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-top: 20rpx; |
| | | |
| | | button{ |
| | | border-radius: 50rpx; |
| | | width: 180rpx; |
| | |
| | | line-height: 66rpx; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .btn-a{ |
| | | background-color: #acacac; |
| | | color: #fff; |
| | | } |
| | | |
| | | .btn-b{ |
| | | background-color: #41a863; |
| | | color: #fff; |
| | | } |
| | | |
| | | .btn-c{ |
| | | background-color: #3a78ff; |
| | | color: #fff; |
| | |
| | | |
| | | .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; |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |