<template>
|
<view class="container">
|
<cu-custom :bgColor="NavBarColor" :isBack="true" backRouterName="productionTask">
|
<block slot="backText">返回</block>
|
<block slot="content">设备</block>
|
</cu-custom>
|
<view class="container">
|
|
<uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus"
|
@input="input" @cancel="cancel" @clear="clear">
|
</uni-search-bar>
|
<mescroll-uni ref="mescrollRef" @init="mescrollInit" :top="top" @down="downCallback" @up="upCallback">
|
<!-- 列表信息开始 -->
|
<view class="content">
|
<uni-card margin="10px" spacing="1px" v-for="(item,index) in msgList" :key="index"
|
@click="onClickProductionTask(item)">
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">设备名称:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs text-bold radius text-right">
|
{{item.partName}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">设备类型:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">
|
{{item.partType}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">位置::</view>
|
<view class="flex-sub bg-white padding-xs margin-xs text-blue radius text-right">
|
{{item.location}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">制造商::</view>
|
<view class="flex-sub bg-white padding-xs margin-xs text-blue radius text-right">
|
{{item.manufacturer}}
|
</view>
|
</view>
|
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">型号:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">
|
{{item.model}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">负责人:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">
|
{{item.assignee}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">备注:</view>
|
<view class="flex-sub bg-white padding-xs margin-xs radius text-right">
|
{{item.remark}}
|
</view>
|
</view>
|
<view class="flex">
|
<view class="flex-sub text-light bg-white padding-xs margin-xs radius">状态:</view>
|
<view
|
class="flex-sub bg-white padding-xs margin-xs text-bold text-green radius text-right"
|
v-if="item.status == '1'">
|
待处理
|
</view>
|
<view
|
class="flex-sub bg-white padding-xs margin-xs text-bold text-green radius text-right"
|
v-if="item.status == '3'">
|
已完成
|
</view>
|
</view>
|
</uni-card>
|
</view>
|
|
</mescroll-uni>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
export default {
|
mixins: [MescrollMixin], // 使用mixin
|
data() {
|
return {
|
scrollLeft: 0,
|
searchValue: '',
|
formData: {
|
num: '',
|
partNumNameModel: ''
|
},
|
NavBarColor: this.NavBarColor,
|
url: {
|
|
stallList: "/mom/partTakeRollingDetail/list"
|
},
|
|
upOption: {
|
page: {
|
num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
|
size: 10 // 每页数据的数量
|
},
|
noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
|
empty: {
|
tip: '~ 暂无数据 ~', // 提示
|
},
|
loading: '',
|
text: '全部',
|
isShowNoMore: false,
|
textNoMore: '我是有底线的 >_<'
|
},
|
styles: {
|
color: '#2979FF',
|
borderColor: '#2979FF'
|
},
|
msgList: [{
|
partName: "设备A",
|
partType: "服务器",
|
location: "机房",
|
manufacturer: "灵秀",
|
model: "ModelX",
|
assignee: "张三",
|
remark: "演示",
|
status: 1
|
}], //列表数据
|
announcement1: [],
|
msg1Count: 0,
|
msg2Count: 0,
|
msg1Title: ""
|
}
|
},
|
computed: {
|
top() {
|
return this.CustomBar * 2 + 160
|
},
|
style() {
|
var StatusBar = this.StatusBar;
|
var CustomBar = this.CustomBar;
|
var style = `height:${CustomBar}px;padding-top:${StatusBar}px;`;
|
return style
|
},
|
},
|
|
|
onShow() {
|
if (this.mescroll) {
|
this.mescroll.resetUpScroll()
|
}
|
},
|
onBackPress() {
|
// #ifdef APP-PLUS
|
plus.key.hideSoftKeybord();
|
// #endif
|
},
|
created() {},
|
methods: {
|
search(res) {
|
console.log(res)
|
this.getSera(res)
|
},
|
/**
|
* @param {Object} item
|
* 详情页面
|
*/
|
// onClickProductionTask(item) {
|
// let keyword = this.TabCur
|
// uni.navigateTo({
|
// url: '/pages/mes/om/workSheetOpToolingBorrowDeils/workSheetOpToolingBorrowDeils?keyword=' + keyword
|
// })
|
|
// },
|
|
|
|
|
|
|
// upCallback(page) {
|
// let keyword = this.TabCur
|
// if (keyword == 0) {
|
|
// this.$http.get(this.url.stallList, {
|
// params: {
|
// pageNo: page.num,
|
// pageSize: page.size,
|
// order: 'asc',
|
// column: 'createTime',
|
// status: 1
|
// },
|
|
// }).then(res => {
|
// this.announcement1 = res.data.result.records
|
// this.mescroll.endSuccess(this.announcement1.length);
|
// console.log("url", res)
|
// //设置列表数据
|
// if (res.data.success) {
|
// console.log("res", res.data)
|
// this.msg1Count = res.data.result.total
|
// this.msg1Title = "通知(" + res.data.result.total + ")";
|
// for (let annItem of this.announcement1) {
|
// this.msgList.push(annItem)
|
// }
|
// }
|
// if (page.num == 1) {
|
// this.msgList = []; //如果是第一页需手动制空列表
|
// this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
// }
|
|
// }).catch(() => {
|
// //联网失败, 结束加载
|
// this.mescroll.endErr();
|
// })
|
// } else if (keyword == 1) {
|
|
// this.$http.get(this.url.stallList, {
|
// params: {
|
// pageNo: page.num,
|
// pageSize: page.size,
|
// order: 'desc',
|
// status: 3,
|
// column: 'createTime'
|
// },
|
|
// }).then(res => {
|
// this.announcement1 = res.data.result.records
|
// this.mescroll.endSuccess(this.announcement1.length);
|
// console.log("url", res)
|
// //设置列表数据
|
// if (res.data.success) {
|
// console.log("res", res.data)
|
// this.msg2Count = res.data.result.total
|
// this.msg1Title = "通知(" + res.data.result.total + ")";
|
// for (let annItem of this.announcement1) {
|
// this.msgList.push(annItem)
|
// }
|
// }
|
// if (page.num == 1) {
|
// this.msgList = []; //如果是第一页需手动制空列表
|
// this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
// }
|
|
// }).catch(() => {
|
// //联网失败, 结束加载
|
// this.mescroll.endErr();
|
// })
|
|
// }
|
|
|
// },
|
|
|
|
/* 检索 */
|
getSera(res) {
|
this.$refs.popup.close();
|
let keyword = this.TabCur
|
this.msgList = [];
|
|
if (keyword == 0) {
|
this.$http.get(this.url.stallList, {
|
params: {
|
pageNo: 1,
|
pageSize: 999,
|
order: "desc",
|
column: "createTime",
|
num: '*' + this.formData.num + '*',
|
partNumNameModel: '*' + this.formData.partNumNameModel + '*',
|
status: 'published'
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
|
this.announcement1 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement1.length);
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data)
|
this.msg1Count = res.data.result.total
|
this.msg1Title = "通知(" + res.data.result.total + ")";
|
for (let annItem of this.announcement1) {
|
this.msgList.push(annItem)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
}
|
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
})
|
|
} else if (keyword == 1) {
|
this.$http.get(this.url.stallList, {
|
params: {
|
pageNo: 1,
|
pageSize: 999,
|
order: "desc",
|
column: "createTime",
|
status: 'training',
|
num: '*' + this.formData.num + '*',
|
partNumNameModel: '*' + this.formData.partNumNameModel + '*'
|
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
|
this.announcement1 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement1.length);
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data)
|
this.msg1Count = res.data.result.total
|
this.msg2Title = "通知(" + res.data.result.total + ")";
|
for (let annItem of this.announcement1) {
|
this.msgList.push(annItem)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
}
|
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
})
|
|
} else if (keyword == 2) {
|
this.$http.get(this.url.stallList, {
|
params: {
|
pageNo: 1,
|
pageSize: 999,
|
order: "desc",
|
column: "createTime",
|
status: 'completed',
|
num: '*' + this.formData.num + '*',
|
partNumNameModel: '*' + this.formData.partNumNameModel + '*'
|
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
|
this.announcement1 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement1.length);
|
console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data)
|
this.msg3Count = res.data.result.total
|
this.msg1Title = "通知(" + res.data.result.total + ")";
|
for (let annItem of this.announcement1) {
|
this.msgList.push(annItem)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
}
|
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
})
|
|
}
|
|
|
|
|
|
},
|
|
|
mescrollInit(mescroll) {
|
console.log('mescrollInit')
|
this.mescroll = mescroll;
|
},
|
},
|
|
}
|
</script>
|
|
<style>
|
.is-hover {
|
color: rgba(255, 255, 255, 0.6);
|
background-color: #55aaff;
|
border-color: #55aaff;
|
}
|
|
|
|
.content {
|
margin-top: 5px;
|
}
|
|
.content scroll-view {
|
scrollIndicator: "none"
|
}
|
|
.popupView {
|
margin-top: 85px;
|
height: auto;
|
}
|
</style>
|
