qniao
/
print-package-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

默认图片

devlop
mo-bai 3 years ago
parent
a35dfa3a18
commit
b86408678f
3 changed files with 65 additions and 64 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      pages/digital-workshops/DeviceItem.vue
  2. 121
      pages/digital-workshops/index.vue
  3. BIN
      static/imgs/general/device-default.png

8
pages/digital-workshops/DeviceItem.vue
View File

@ -9,13 +9,7 @@
<text class="text_21">空闲</text>
</view>
</view>
<image
class="avatar"
:src="
deviceInfo.licPicUrl ||
'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16508784569649662229.png'
"
></image>
<image class="avatar" :src="deviceInfo.licPicUrl || '/static/imgs/general/device-default.png'"></image>
</view>
<view class="right-group flex-col">
<view class="top-group flex-row">

121
pages/digital-workshops/index.vue
View File

@ -1,70 +1,78 @@
<template>
<view class="content">
<view class="flex-col group">
<view class="flex-col section_1">
<view class="justify-between section_2">
<view class="select-area">
<qn-select options-align="left" :contentStyle="contentStyle" :options="factoryList" v-model="factoryId" placeholder="请选择工厂"></qn-select>
</view>
<text class="text_1" @click="go2('promotion', { id: factoryId, operation: isExample ? 'info' : 'edit' })">推广</text>
</view>
</view>
<view class="flex-col">
<view class="flex-col section_3">
<view class="flex-row group_2">
<view class="text-wrapper" :class="{ 'text-wrapper_selected': curTab === key }" v-for="(value, key) in listObj" :key="key" @click="selectTab(key)">
<text v-if="key != 'null'">{{ key }}</text>
<view v-show="curTab === key" class="divider"></view>
<view>
<view class="content">
<view class="flex-col group">
<view class="flex-col section_1">
<view class="justify-between section_2">
<view class="select-area">
<qn-select options-align="left" :contentStyle="contentStyle" :options="factoryList" v-model="factoryId" placeholder="请选择工厂"></qn-select>
</view>
<text class="text_1" @click="go2('promotion', { id: factoryId, operation: isExample ? 'info' : 'edit' })">推广</text>
</view>
</view>
<view class="bottom-group flex-col">
<view class="flex-row section_5">
<view class="flex-row group_3" v-for="(value, key) in listObj[curTab].type" :key="key">
<view class="group_4">
<text class="text_5">{{ key }}(</text>
<text class="text_7">{{ value[0] }}</text>
<text class="text_5">/</text>
<text class="text_11">{{ value[1] }}</text>
<text class="text_5">)</text>
<view class="flex-col">
<view class="flex-col section_3">
<view class="flex-row group_2">
<view
class="text-wrapper"
:class="{ 'text-wrapper_selected': curTab === key }"
v-for="(value, key) in listObj"
:key="key"
@click="selectTab(key)"
>
<text v-if="key != 'null'">{{ key }}</text>
<view v-show="curTab === key" class="divider"></view>
</view>
</view>
<view v-if="!listObj['所有设备'].list || listObj['所有设备'].list.length == 0" class="flex-row-center-center empty_1">
<text>设备列表为空</text>
</view>
</view>
<view class="flex-col section_8" v-if="cameraList && cameraList.length > 0">
<view class="justify-between group_11">
<text>摄像机({{ cameraList.length }}台)</text>
<image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_1" @click="go2('camera-list', { id: factoryId })" />
</view>
<view class="flex-col items-center group_12">
<image src="/static/imgs/digital-workshops/camera-tip-bg.png" class="image_2" @click="go2('video-play', { url: cameraList[0].videoUrl })" />
<text class="text_18">{{ cameraList[0].address }}</text>
<view class="bottom-group flex-col">
<view class="flex-row section_5">
<view class="flex-row group_3" v-for="(value, key) in listObj[curTab].type" :key="key">
<view class="group_4">
<text class="text_5">{{ key }}(</text>
<text class="text_7">{{ value[0] }}</text>
<text class="text_5">/</text>
<text class="text_11">{{ value[1] }}</text>
<text class="text_5">)</text>
</view>
</view>
<view v-if="!listObj['所有设备'].list || listObj['所有设备'].list.length == 0" class="flex-row-center-center empty_1">
<text>设备列表为空</text>
</view>
</view>
</view>
<view class="flex-col section_9">
<view class="justify-between sticky">
<text class="text_19">设备列表</text>
<view class="flex-row group_14" v-if="!isExample" @click="addDevice">
<text>新增</text>
<image src="/static/imgs/digital-workshops/add-icon.png" class="image_4" />
<view class="flex-col section_8" v-if="cameraList && cameraList.length > 0">
<view class="justify-between group_11">
<text>摄像机({{ cameraList.length }}台)</text>
<image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_1" @click="go2('camera-list', { id: factoryId })" />
</view>
<view class="flex-col items-center group_12">
<image src="/static/imgs/digital-workshops/camera-tip-bg.png" class="image_2" @click="go2('video-play', { url: cameraList[0].videoUrl })" />
<text class="text_18">{{ cameraList[0].address }}</text>
</view>
</view>
<view class="list-area">
<view v-if="listObj[curTab].list && listObj[curTab].list.length > 0">
<DeviceItem v-for="item in listObj[curTab].list" :key="item.id" :deviceInfo="item" style="margin-bottom: 20rpx" @click="jump"></DeviceItem>
<view class="flex-col section_9">
<view class="justify-between sticky">
<text class="text_19">设备列表</text>
<view class="flex-row group_14" v-if="!isExample" @click="addDevice">
<text>新增</text>
<image src="/static/imgs/digital-workshops/add-icon.png" class="image_4" />
</view>
</view>
<view v-else>
<view class="flex-col group_9">
<view class="flex-col items-center group_10">
<view class="flex-col items-center image-wrapper">
<image src="/static/imgs/digital-workshops/empty-list.png" class="image_5" />
<view class="list-area">
<view v-if="listObj[curTab].list && listObj[curTab].list.length > 0">
<DeviceItem v-for="item in listObj[curTab].list" :key="item.id" :deviceInfo="item" style="margin-bottom: 20rpx" @click="jump"></DeviceItem>
</view>
<view v-else>
<view class="flex-col group_9">
<view class="flex-col items-center group_10">
<view class="flex-col items-center image-wrapper">
<image src="/static/imgs/digital-workshops/empty-list.png" class="image_5" />
</view>
<text class="text_10">设备列表为空</text>
</view>
<view class="flex-col items-center text-wrapper_4" @click="addDevice">
<text>添加设备</text>
</view>
<text class="text_10">设备列表为空</text>
</view>
<view class="flex-col items-center text-wrapper_4" @click="addDevice">
<text>添加设备</text>
</view>
</view>
</view>
@ -243,8 +251,7 @@ export default {
<style lang="scss" scoped>
.content {
width: 750rpx;
height: 100vh;
overflow-y: auto;
// overflow-y: auto;
}
.select-area {
max-width: 400rpx;

BIN
static/imgs/general/device-default.png
View File

Before After
Width: 180  |  Height: 180  |  Size: 21 KiB
Write Preview
Loading…
Cancel
Save