<template>
|
<view class="content">
|
<view class="form">
|
<view class="form-item">
|
<view class="title">单据号:</view>
|
<view class="right">
|
<input v-model="hform.HBillNo" placeholder="请输入单据号" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">设备分类:</view>
|
<view class="right">
|
<input v-model="hform.HEquipType" placeholder="请输入设备分类" />
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">开始时间:</view>
|
<view class="right">
|
<picker mode="date" :value="hform.BenginHCreateDate" @change="BenginHCreateDateChange">
|
<input name="BenginHCreateDate" disabled :value="hform.BenginHCreateDate" placeholder="请选择" />
|
</picker>
|
</view>
|
</view>
|
<view class="form-item">
|
<view class="title">结束时间:</view>
|
<view class="right">
|
<picker mode="date" :value="hform.EndHCreateDate" @change="EndHCreateDateChange">
|
<input name="EndHCreateDate" disabled :value="hform.EndHCreateDate" placeholder="请选择" />
|
</picker>
|
</view>
|
</view>
|
|
<view class="buttons">
|
<button class="btn-a" size="mini" type="default" @tap="clear">重置</button>
|
<!-- <button class="btn-b" size="mini" type="default">新增</button> -->
|
<button class="btn-c" size="mini" type="default" @tap="search">查询</button>
|
</view>
|
</view>
|
|
<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>
|
|
<view class="list" v-for="(item,index) in showList" :key="index">
|
<!-- #ifndef MP-WEIXIN -->
|
<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.设备代码}}
|
</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.设备类型}}
|
</view>
|
<view class="detail" v-if="item.设备编码">
|
<text>设备编码：</text>{{item.设备编码}}
|
</view>
|
<view class="detail" v-if="item.设备规格">
|
<text>设备规格：</text>{{item.设备规格}}
|
</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>
|
<view class="card-detail" v-if="showDetail == index">
|
<!-- <view class="detail" v-if="item.hmainid">
|
<text>hmainid：</text>{{item.hmainid}}
|
</view> -->
|
<view class="detail" v-if="item.条形码">
|
<text>条码编号：</text>{{item.条形码}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMaterID">
|
<text>HMaterID：</text>{{item.HMaterID}}
|
</view> -->
|
<view class="detail" v-if="item.物料名称">
|
<text>物料名称：</text>{{item.物料名称}}
|
</view>
|
<!-- <view class="detail" v-if="item.HUnitID">
|
<text>HUnitID：</text>{{item.HUnitID}}
|
</view> -->
|
<view class="detail" v-if="item.单位">
|
<text>单位：</text>{{item.单位}}
|
</view>
|
<!-- <view class="detail" v-if="item.HDeptID">
|
<text>HDeptID：</text>{{item.HDeptID}}
|
</view> -->
|
<view class="detail" v-if="item.使用部门">
|
<text>使用部门：</text>{{item.使用部门}}
|
</view>
|
<view class="detail" v-if="item.HUseEmpID">
|
<text>HUseEmpID：</text>{{item.HUseEmpID}}
|
</view>
|
<view class="detail" v-if="item.使用负责人">
|
<text>使用负责人：</text>{{item.使用负责人}}
|
</view>
|
<!-- <view class="detail" v-if="item.HRepairEmpID">
|
<text>HRepairEmpID：</text>{{item.HRepairEmpID}}
|
</view> -->
|
<view class="detail" v-if="item.维护负责人">
|
<text>维护负责人：</text>{{item.维护负责人}}
|
</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 class="detail" v-if="item.运行开始日期">
|
<text>运行开始日期：</text>{{item.运行开始日期.substr(0,10)}}
|
</view>
|
<!-- <view class="detail" v-if="item.HEquipFileTypeID">
|
<text>HEquipFileTypeID：</text>{{item.HEquipFileTypeID}}
|
</view> -->
|
<view class="detail" v-if="item.工程编码">
|
<text>工程编码：</text>{{item.工程编码}}
|
</view>
|
<view class="detail" v-if="item.产品">
|
<text>产品：</text>{{item.产品}}
|
</view>
|
<view class="detail" v-if="item.品牌">
|
<text>品牌：</text>{{item.品牌}}
|
</view>
|
<!-- <view class="detail" v-if="item.HSellSupID">
|
<text>HSellSupID：</text>{{item.HSellSupID}}
|
</view> -->
|
<view class="detail" v-if="item.供应商">
|
<text>供应商：</text>{{item.供应商}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMakeSupID">
|
<text>HMakeSupID：</text>{{item.HMakeSupID}}
|
</view> -->
|
<view class="detail" v-if="item.制造商">
|
<text>制造商：</text>{{item.制造商}}
|
</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 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 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.hbilltype">
|
<text>hbilltype：</text>{{item.hbilltype}}
|
</view> -->
|
<view class="detail" v-if="item.单据类型">
|
<text>单据类型：</text>{{item.单据类型}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMoudType">
|
<text>HMoudType：</text>{{item.HMoudType}}
|
</view>
|
<view class="detail" v-if="item.hsubid">
|
<text>hsubid：</text>{{item.hsubid}}
|
</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['设备类型']}}
|
</view>
|
<view class="detail" v-if="item['设备编码']">
|
<text>设备编码：</text>{{item['设备编码']}}
|
</view>
|
<view class="detail" v-if="item['设备规格']">
|
<text>设备规格：</text>{{item['设备规格']}}
|
</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>
|
<view class="card-detail" v-if="showDetail == index">
|
<!-- <view class="detail" v-if="item.hmainid">
|
<text>hmainid：</text>{{item.hmainid}}
|
</view> -->
|
<view class="detail" v-if="item['条形码']">
|
<text>条码编号：</text>{{item['条形码']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMaterID">
|
<text>HMaterID：</text>{{item.HMaterID}}
|
</view> -->
|
<view class="detail" v-if="item['物料名称']">
|
<text>物料名称：</text>{{item['物料名称']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HUnitID">
|
<text>HUnitID：</text>{{item.HUnitID}}
|
</view> -->
|
<view class="detail" v-if="item['单位']">
|
<text>单位：</text>{{item['单位']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HDeptID">
|
<text>HDeptID：</text>{{item.HDeptID}}
|
</view> -->
|
<view class="detail" v-if="item['使用部门']">
|
<text>使用部门：</text>{{item['使用部门']}}
|
</view>
|
<view class="detail" v-if="item['HUseEmpID']">
|
<text>HUseEmpID：</text>{{item['HUseEmpID']}}
|
</view>
|
<view class="detail" v-if="item['使用负责人']">
|
<text>使用负责人：</text>{{item['使用负责人']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HRepairEmpID">
|
<text>HRepairEmpID：</text>{{item.HRepairEmpID}}
|
</view> -->
|
<view class="detail" v-if="item['维护负责人']">
|
<text>维护负责人：</text>{{item['维护负责人']}}
|
</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 class="detail" v-if="item['运行开始日期']">
|
<text>运行开始日期：</text>{{item['运行开始日期'].substr(0,10)}}
|
</view>
|
<!-- <view class="detail" v-if="item.HEquipFileTypeID">
|
<text>HEquipFileTypeID：</text>{{item.HEquipFileTypeID}}
|
</view> -->
|
<view class="detail" v-if="item['工程编码']">
|
<text>工程编码：</text>{{item['工程编码']}}
|
</view>
|
<view class="detail" v-if="item['产品']">
|
<text>产品：</text>{{item['产品']}}
|
</view>
|
<view class="detail" v-if="item['品牌']">
|
<text>品牌：</text>{{item['品牌']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HSellSupID">
|
<text>HSellSupID：</text>{{item.HSellSupID}}
|
</view> -->
|
<view class="detail" v-if="item['供应商']">
|
<text>供应商：</text>{{item['供应商']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMakeSupID">
|
<text>HMakeSupID：</text>{{item.HMakeSupID}}
|
</view> -->
|
<view class="detail" v-if="item['制造商']">
|
<text>制造商：</text>{{item['制造商']}}
|
</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 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 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.hbilltype">
|
<text>hbilltype：</text>{{item.hbilltype}}
|
</view> -->
|
<view class="detail" v-if="item['单据类型']">
|
<text>单据类型：</text>{{item['单据类型']}}
|
</view>
|
<!-- <view class="detail" v-if="item.HMoudType">
|
<text>HMoudType：</text>{{item.HMoudType}}
|
</view>
|
<view class="detail" v-if="item.hsubid">
|
<text>hsubid：</text>{{item.hsubid}}
|
</view> -->
|
</view>
|
<!-- #endif -->
|
|
|
<view class="more" v-if="showDetail == index">
|
<view class="part" style="border-right: 1px solid #eee;">
|
<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>查看子表
|
</view>
|
</view>
|
<view class="more" v-if="showDetail != index">
|
<view class="part" style="border-right: 1px solid #eee;">
|
<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>查看子表
|
</view>
|
</view>
|
</uni-card>
|
</view>
|
|
<view class="over" v-if="listData.length == 0">暂无数据</view>
|
<view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
|
<view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
getUserInfo
|
} from "@/utils/auth.js";
|
export default {
|
data() {
|
return {
|
userInfo: getUserInfo(),
|
serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
|
hform: {
|
HBillNo: '',
|
HEquipType: '',
|
BenginHCreateDate: '',
|
EndHCreateDate: '',
|
},
|
sWhere: '',
|
listData: [],
|
showList: [],
|
showDetail: -1,
|
|
page: 1,
|
}
|
},
|
onLoad() {
|
this.getList()
|
console.log(this.userInfo, uni.getStorageSync('HUserName'))
|
},
|
onReachBottom: function() {
|
this.page++
|
setTimeout(() => {
|
this.showList = this.showList.concat(this.getPage(this.page, this.listData))
|
}, 100)
|
},
|
onPullDownRefresh: function() {
|
this.clear()
|
setTimeout(() => {
|
uni.stopPullDownRefresh();
|
}, 1000);
|
},
|
methods: {
|
getPage(page, list) {
|
let sindex = (parseInt(page) - 1) * 20
|
let eindex = parseInt(page) * 20
|
let newList = list.slice(sindex, eindex)
|
return newList
|
},
|
getList() {
|
console.log(this.sWhere)
|
uni.showLoading({
|
title: '加载中...'
|
})
|
uni.request({
|
url: this.serverUrl + '/Gy_EquipFileMain/GetList',
|
data: {
|
sWhere: this.sWhere,
|
user: uni.getStorageSync('HUserName')
|
},
|
success: (res) => {
|
console.log(1, res);
|
if (res.data.count == 1) {
|
this.listData = res.data.data
|
this.showList = this.getPage(this.page, this.listData)
|
setTimeout(() => {
|
uni.hideLoading()
|
}, 1000)
|
} else {
|
uni.hideLoading()
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.hideLoading()
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
|
// uni.request({
|
// url: this.serverUrl + '/Gy_EquipFileMain/Sb_EquipFileBillResumeDate',
|
// data: { "HInterID": 2 },
|
// success: (res) => {
|
// console.log(2,res);
|
|
// }
|
// });
|
},
|
//选择单据日期
|
BenginHCreateDateChange(e) {
|
console.log(e.detail.value)
|
this.hform.BenginHCreateDate = e.detail.value
|
},
|
//选择单据日期
|
EndHCreateDateChange(e) {
|
console.log(e.detail.value)
|
this.hform.EndHCreateDate = e.detail.value
|
},
|
search() {
|
this.sWhere = ''
|
this.listData = []
|
this.page = 1
|
this.showList = []
|
|
console.log(this.hform)
|
if (this.hform.HBillNo) {
|
this.sWhere += " and 单据号 like '%" + this.hform.HBillNo + "%'";
|
}
|
if (this.hform.HEquipType) {
|
this.sWhere += " and 设备类型 like '%" + this.hform.HEquipType + "%'";
|
}
|
if (this.hform.BenginHCreateDate) {
|
this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.BenginHCreateDate + "'";
|
}
|
if (this.hform.EndHCreateDate) {
|
this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.EndHCreateDate + "'";
|
}
|
|
this.getList()
|
},
|
clear() {
|
this.listData = []
|
this.page = 1
|
this.showList = []
|
|
this.sWhere = ''
|
this.hform = {
|
HBillNo: '',
|
HEquipType: '',
|
BenginHCreateDate: '',
|
EndHCreateDate: '',
|
}
|
this.getList()
|
},
|
toSon(item) {
|
uni.navigateTo({
|
url: '/pages/shebeilvli/table_son?HInterID=' + item.hmainid +
|
'&设备名称=' + item.设备名称 +
|
'&设备代码=' + item.设备代码 +
|
'&设备出厂日期=' + item.设备出厂日期 +
|
'&设备出厂编号=' + item.设备出厂编号 +
|
'&设备型号=' + item.设备型号 +
|
'&设备类型=' + item.设备类型 +
|
'&设备编码=' + item.设备编码 +
|
'&设备规格=' + item.设备规格,
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.form {
|
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;
|
height: 66rpx;
|
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>
|
