<!-- 资产清单 -->
|
<template>
|
<view>
|
<view class="">
|
<cu-custom bgColor="bg-gradual-blue" :isBack="true">
|
<block slot="backText">返回</block>
|
<block slot="content">资产清单</block>
|
</cu-custom>
|
</view>
|
<view class="search-box">
|
<view class="item">
|
<u-search placeholder="请输入关键字" v-model="keyword" :clearabled="true" :show-action="false" @search="onSearch"></u-search>
|
</view>
|
</view>
|
<view class="">
|
<u-cell-group>
|
<u-cell @click="showPicker" title="分类" isLink>
|
<image slot="icon" class="u-cell-icon" src="https://cdn.uviewui.com/uview/demo/picker/5.png"
|
mode="widthFix"></image>
|
</u-cell>
|
</u-cell-group>
|
<u-picker :show="show" ref="uPicker" :columns="columns" keyName="name" @confirm="confirm" @cancel="cancel"
|
@change="changeHandler">
|
</u-picker>
|
</view>
|
|
|
<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
|
<view class="cu-list menu-avatar ">
|
<view class="cu-item" v-for="(item,index) in assetsList" :key="index">
|
<view class="cu-avatar radius lg bg-white"
|
style="background-image:url(../../static/device.png)">
|
</view>
|
<view class="content">
|
<view>
|
<view class="text-cut text-bold text-xl">{{item.assets.name}}</view>
|
<view class="cu-tag radius bg-orange sm">已申请数量：{{item.quantity}}</view>
|
|
</view>
|
<view class="text-gray text-sm flex">
|
<view class="text-cut">规格：{{item.model?item.model:'无'}} 编码：{{item.serialNumber}}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</mescroll-body>
|
|
<!-- <view class="">
|
<u-empty mode="search" icon="http://cdn.uviewui.com/uview/empty/search.png">
|
</u-empty>
|
</view> -->
|
</view>
|
</template>
|
|
<script>
|
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
|
export default {
|
mixins: [MescrollMixin], // 使用mixin
|
data() {
|
return {
|
keyword: '',
|
show: false,
|
columns: [],
|
columnData: [
|
],
|
newColumnData:[],
|
assetsList: [],
|
flag:false
|
}
|
},
|
async onLoad() {
|
await this.getAssetsCategoryList();
|
},
|
onReady() {
|
},
|
|
methods: {
|
changeHandler(e) {
|
const {
|
columnIndex,
|
value,
|
values, // values为当前变化列的数组内容
|
index,
|
// 微信小程序无法将picker实例传出来，只能通过ref操作
|
picker = this.$refs.uPicker
|
} = e
|
// 当第一列值发生变化时，变化第二列(后一列)对应的选项
|
if (columnIndex === 0) {
|
// picker为选择器this实例，变化第二列对应的选项
|
picker.setColumnValues(1, this.columnData[index])
|
}
|
},
|
// 回调参数为包含columnIndex、value、values
|
confirm(e) {
|
console.log('confirm', e)
|
this.show = false
|
},
|
cancel() {
|
// console.log('cancel');
|
this.show = false
|
},
|
showPicker() {
|
this.show = true;
|
},
|
|
onSearch(e) {
|
console.log("搜索：" + this.keyword)
|
this.page = 1;
|
let page ={};
|
page.num =1;
|
this.upCallback(page);
|
},
|
|
upCallback(page) {
|
|
let pageNum = page.num; //页码，默认从1开始
|
let pageSize = 10; //页长，默认每页10条
|
|
console.log(pageNum)
|
this.$http.get('/assets/approval/myAssets', {
|
params: {
|
pageNum: pageNum,
|
pageSize: pageSize,
|
keyStr: this.keyword
|
}
|
})
|
.then(res => {
|
// debugger;
|
if (res.data.code === 0) {
|
let data = res.data.data;
|
console.log('总资产'+ data.length)
|
if (page.num == 1) this.assetsList = []; //如果是第一页，需手动置空列表
|
this.assetsList = this.assetsList.concat(data); //追加新数据
|
console.log(this.assetsList.length)
|
this.mescroll.endBySize(this.assetsList.length, res.data.total);
|
}
|
else{
|
this.mescroll.endBySize(0, 0);
|
}
|
|
})
|
.catch(err => {
|
this.mescroll.endErr();
|
console.log('异常', err);
|
});
|
},
|
|
|
//资产类别
|
async getAssetsCategoryList() {
|
await this.$http.get('/assets/approval/getAssetsCategory')
|
.then(res => {
|
// debugger;
|
let tt=[]
|
if(res.data.code===0){
|
let data = res.data.data;
|
for(let i=0;i<data.length;i++){
|
let jsonData={
|
id:data[i].id,
|
name:data[i].name
|
}
|
tt.push(jsonData);
|
|
this.getAssetsTypes(data[i].id);
|
}
|
}
|
|
let newCloumns=[];
|
newCloumns.push(tt);
|
// newCloumns.push(this.newColumnData[0]);
|
|
this.columns = newCloumns;
|
|
|
}).catch(err => {
|
console.log(err.data)
|
})
|
},
|
|
async getAssetsTypes(id) {
|
await this.$http.get('/assets/approval/getAssetsTypes',{params:{parentId:id}})
|
.then(res => {
|
// debugger;
|
let typeData=[]
|
if(res.data.code===0){
|
let data = res.data.data;
|
for(let i=0;i<data.length;i++){
|
let jsonData={
|
id:data[i].id,
|
name:data[i].name
|
}
|
typeData.push(jsonData);
|
}
|
}
|
// console.log('typeData=',typeData)
|
this.columnData.push(typeData);
|
|
if(!this.flag){
|
this.columns.push(typeData);
|
this.flag=true;
|
}
|
|
}).catch(err => {
|
console.log('错误',err)
|
})
|
}
|
|
|
|
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.search-box {
|
padding: 30rpx 30rpx 30rpx 30rpx;
|
// border: 1rpx red solid;
|
}
|
|
// 使用了cell组件的icon图片样式
|
.u-cell-icon {
|
width: 36rpx;
|
height: 36rpx;
|
margin-right: 8rpx;
|
}
|
</style>
|
