接口对接

This commit is contained in:
仲么了
2023-07-03 20:29:24 +08:00
parent 5f67499e57
commit 77fd768acf
32 changed files with 587 additions and 1319 deletions

View File

@@ -21,96 +21,19 @@
<Cn-grid-item src="/static/feedback2.png" text="提交反馈" @click="submitFeedBack"></Cn-grid-item>
</Cn-grid>
</view>
<view class="nav">
<picker @change="projectNameChange" :value="select.projectNameIndex" :range="projectList" range-key="text">
<view class="nav-menu" :class="{ 'nav-menu-active': select.projectName }">{{ select.projectName || '项目' }} </view>
</picker>
<picker @change="projectTypeChange" :value="select.projectTypeIndex" :range="projectType" range-key="text">
<view class="nav-menu" :class="{ 'nav-menu-active': select.projectType }">{{ select.projectType || '类型' }} </view>
</picker>
</view>
<view class="content device" :style="{ minHeight: minHeight }">
<uni-card
:title="item.equipmentName"
:sub-title="item.projectName"
:extra="item.projectType"
padding="0"
v-for="(item, index) in deviceListFilter"
:key="index"
@click="jump(item)"
thumbnail="/static/device.png"
>
<!-- <text>{{ item.project }} {{ item.type }}</text> -->
</uni-card>
<Cn-empty v-if="store.empty || deviceListFilter.length == 0"></Cn-empty>
<uni-load-more v-if="deviceListFilter && deviceListFilter.length > 0" :status="store.status"></uni-load-more>
</view>
</view>
</template>
<script>
export default {
props: {
store: {
type: Object,
default: {},
},
projectList: {
type: Array,
default: [],
},
projectType: {
type: Array,
default: [],
},
},
data() {
return {
loading: false,
select: {
projectName: '',
projectNameIndex: 0,
projectType: '',
projectTypeIndex: 0,
},
navHeight: 0,
minHeight: '',
};
},
computed: {
deviceListFilter() {
return this.store.data.filter((item) => {
if (this.select.projectName && this.select.projectType) {
return item.project === this.select.projectName && item.type === this.select.projectType;
} else if (this.select.projectName) {
return item.projectId === this.projectList[this.select.projectNameIndex].id;
} else if (this.select.projectType) {
return item.projectType === this.projectType[this.select.projectTypeIndex].id;
} else {
return true;
}
});
},
}
},
methods: {
submitFeedBack() {
uni.navigateTo({ url: '/pages/home/feedback' });
},
projectTypeChange(e) {
this.select.projectTypeIndex = e.detail.value;
if (e.detail.value === 0) {
this.select.projectType = '';
return;
}
this.select.projectType = this.projectType[e.detail.value].text;
},
projectNameChange(e) {
console.log(e);
this.select.projectNameIndex = e.detail.value;
if (e.detail.value === 0) {
this.select.projectName = '';
return;
}
this.select.projectName = this.projectList[e.detail.value].text;
uni.navigateTo({ url: '/pages/home/feedback' })
},
registerDevice() {
uni.showModal({
@@ -123,46 +46,26 @@ export default {
if (confirm) {
uni.navigateTo({
url: '/pages/device/new',
});
})
} else if (cancel) {
uni.navigateTo({
url: '/pages/gateway/list',
});
})
}
},
});
})
},
registerGateway() {
uni.navigateTo({
url: '/pages/gateway/new',
});
},
navMenuClick(index) {
this.navMenuActive = index;
})
},
jump(item) {
uni.navigateTo({
url: '/pages/device/APF/detail',
});
})
},
},
mounted() {
setTimeout(() => {
// 获取nav高度
uni.createSelectorQuery()
.select('.nav')
.boundingClientRect((rect) => {
this.navHeight = rect.height;
// #ifdef H5
this.minHeight = 'calc(100vh - env(safe-area-inset-bottom) - ' + (50 + this.navHeight) + 'px)';
// #endif
// #ifdef APP-PLUS
this.minHeight = 'calc(100vh - ' + this.navHeight + 'px)';
// #endif
})
.exec();
}, 1000);
},
};
}
</script>
<style lang="scss"></style>