flx:合并冲突
This commit is contained in:
commit
4ece02d9ca
@ -166,6 +166,14 @@
|
||||
appShow: 1,
|
||||
isShow: true,
|
||||
})
|
||||
// that.tabList.push({
|
||||
// appName: '高风险',
|
||||
// moduleIcon2: 'highRisk-icon',
|
||||
// moduleIcon: 'highRisk-icon_active',
|
||||
// plugin: 'highRisk',
|
||||
// appShow: 1,
|
||||
// isShow: true,
|
||||
// })
|
||||
that.tabList.push({
|
||||
appName: '高风险',
|
||||
moduleIcon2: 'highRisk-icon',
|
||||
|
||||
@ -1,134 +1,172 @@
|
||||
<template>
|
||||
<view class="tree-content-compontent">
|
||||
<view class="content-box" :class="{'content-box_project': item.projectSn}" :style="`padding-left: ${treeIndex * 30}rpx;`" @click="toggleNodes(item)">
|
||||
<text class="box-text">
|
||||
<image v-if="item.projectSn" class="img" src="/static/file-icon.png" mode=""></image>
|
||||
{{ item.name }}
|
||||
</text>
|
||||
<view @click.stop="expandFn">
|
||||
<template v-if="pageType == 'video'">
|
||||
<text v-if="item.projectNum || item.projectNum == 0" class="box-text1">{{ item.projectNum || '' }}</text>
|
||||
<text v-else class="box-text1">({{ item.onlineVideoNum || 0 }}/{{ item.videoNum || 0 }})</text>
|
||||
</template>
|
||||
<text v-else class="box-text1">{{ item.projectNum || '' }}</text>
|
||||
|
||||
<!-- <u-icon name="arrow-right" color="#B3B3B3" size="40"
|
||||
<view class="tree-content-compontent">
|
||||
<view
|
||||
class="content-box"
|
||||
:class="{ 'content-box_project': item.projectSn }"
|
||||
:style="`padding-left: ${treeIndex * 30}rpx;`"
|
||||
@click="toggleNodes(item)"
|
||||
>
|
||||
<text class="box-text">
|
||||
<image
|
||||
v-if="item.projectSn"
|
||||
class="img"
|
||||
src="/static/file-icon.png"
|
||||
mode=""
|
||||
></image>
|
||||
{{ item.name }}
|
||||
</text>
|
||||
<view @click.stop="expandFn">
|
||||
<template v-if="pageType == 'video'">
|
||||
<text
|
||||
v-if="item.projectNum || item.projectNum == 0"
|
||||
class="box-text1"
|
||||
>{{ item.projectNum || "" }}</text
|
||||
>
|
||||
<text v-else class="box-text1"
|
||||
>({{ item.onlineVideoNum || 0 }}/{{ item.videoNum || 0 }})</text
|
||||
>
|
||||
</template>
|
||||
<text v-else class="box-text1">{{ item.projectNum || "" }}</text>
|
||||
|
||||
<!-- <u-icon name="arrow-right" color="#B3B3B3" size="40"
|
||||
v-if="!expanded && item.list && item.list.length" style="margin-right: 10rpx;"></u-icon>
|
||||
<u-icon name="arrow-down" color="#B3B3B3" size="40"
|
||||
v-if="expanded && item.list && item.list.length" style="margin-right: 10rpx;"></u-icon> -->
|
||||
<u-icon v-if="!expanded && item.list && item.list.length" name="arrow-right" color="#B3B3B3"
|
||||
size="40"></u-icon>
|
||||
<u-icon v-if="expanded && item.list && item.list.length" name="arrow-down" color="#B3B3B3"
|
||||
size="40"></u-icon>
|
||||
</view>
|
||||
<image v-if="(!item.list || !item.list.length) && !iconShow" style="width:55rpx;height:40rpx;"
|
||||
src="../../static/videoControlIcon/videoIcon1.png" mode="">
|
||||
</image>
|
||||
<!-- <image style="width:80rpx;height:80rpx;float:left" src="../../static/icon-down-black.png" mode="">
|
||||
<u-icon
|
||||
v-if="!expanded && item.list && item.list.length"
|
||||
name="arrow-right"
|
||||
color="#B3B3B3"
|
||||
size="40"
|
||||
></u-icon>
|
||||
<u-icon
|
||||
v-if="expanded && item.list && item.list.length"
|
||||
name="arrow-down"
|
||||
color="#B3B3B3"
|
||||
size="40"
|
||||
></u-icon>
|
||||
</view>
|
||||
<image
|
||||
v-if="(!item.list || !item.list.length) && !iconShow"
|
||||
style="width: 55rpx; height: 40rpx"
|
||||
src="../../static/videoControlIcon/videoIcon1.png"
|
||||
mode=""
|
||||
>
|
||||
</image>
|
||||
<!-- <image style="width:80rpx;height:80rpx;float:left" src="../../static/icon-down-black.png" mode="">
|
||||
</image> -->
|
||||
</view>
|
||||
<view class="sub-component">
|
||||
<view :class="{'expandedStyle': expanded == true}"
|
||||
v-if="item.list && item.list.length && expanded">
|
||||
<TreeMenu :pageType="pageType" :iconShow="iconShow" v-for="(child, index) in item.list" :key="child.companyId || child.projectId" :item="child"
|
||||
:treeIndex="treeIndex + 1" :expandedIndex="index" @clickItem="clickTreeItem"></TreeMenu>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
<view class="sub-component">
|
||||
<view
|
||||
:class="{ expandedStyle: expanded == true }"
|
||||
v-if="item.list && item.list.length && expanded"
|
||||
>
|
||||
<TreeMenu
|
||||
:pageType="pageType"
|
||||
:iconShow="iconShow"
|
||||
v-for="(child, index) in item.list"
|
||||
:key="child.companyId || child.projectId"
|
||||
:item="child"
|
||||
:treeIndex="treeIndex + 1"
|
||||
:expandedIndex="index"
|
||||
@clickItem="clickTreeItem"
|
||||
></TreeMenu>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TreeMenu from './areaIndex.vue';
|
||||
export default {
|
||||
name: 'TreeMenu',
|
||||
components: {
|
||||
TreeMenu
|
||||
},
|
||||
props: ['item', 'pageType', 'treeIndex', 'iconShow', 'expandedIndex'],
|
||||
data() {
|
||||
return {
|
||||
expanded: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
if (this.expandedIndex == 0) {
|
||||
this.expanded = true;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clickTreeItem(item) {
|
||||
console.log(item, 777888)
|
||||
if(!item.projectSn) return;
|
||||
this.$emit('clickItem', item);
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/videoManage/videoGroup?&sn=${item.projectSn}`
|
||||
// })
|
||||
},
|
||||
expandFn(e) {
|
||||
console.log(e, 666)
|
||||
this.expanded = !this.expanded;
|
||||
},
|
||||
toggleNodes(item) {
|
||||
this.$emit('clickItem', item);
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
import TreeMenu from "./areaIndex.vue";
|
||||
export default {
|
||||
name: "TreeMenu",
|
||||
components: {
|
||||
TreeMenu,
|
||||
},
|
||||
props: ["item", "pageType", "treeIndex", "iconShow", "expandedIndex"],
|
||||
data() {
|
||||
return {
|
||||
expanded: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
if (this.expandedIndex == 0) {
|
||||
this.expanded = true;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clickTreeItem(item) {
|
||||
console.log(item, 777888);
|
||||
if (!item.projectSn) return;
|
||||
this.$emit("clickItem", item);
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/videoManage/videoGroup?&sn=${item.projectSn}`
|
||||
// })
|
||||
},
|
||||
expandFn(e) {
|
||||
console.log(e, 666);
|
||||
this.expanded = !this.expanded;
|
||||
},
|
||||
toggleNodes(item) {
|
||||
this.$emit("clickItem", item);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.tree-content-compontent {
|
||||
background: white;
|
||||
border-bottom: 2rpx solid #F7F7F7;
|
||||
.tree-content-compontent {
|
||||
background: white;
|
||||
border-bottom: 2rpx solid #f7f7f7;
|
||||
|
||||
.content-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
padding: 16rpx 26rpx;
|
||||
position: relative;
|
||||
.content-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
padding: 16rpx 26rpx;
|
||||
position: relative;
|
||||
|
||||
// border-bottom: 2px solid #D6D6D6;
|
||||
>.box-text {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
color: #1A1A1A;
|
||||
margin-right: auto;
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
.img {
|
||||
width: 28rpx;
|
||||
height: 24rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
// border-bottom: 2px solid #D6D6D6;
|
||||
> .box-text {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
color: #1a1a1a;
|
||||
margin-right: auto;
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
.img {
|
||||
width: 28rpx;
|
||||
height: 24rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.box-text1 {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #B3B3B3;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
}
|
||||
.box-text1 {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #b3b3b3;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box_project {
|
||||
background-color: #F2F3F7;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.sub-component {
|
||||
background: #FFFFFF;
|
||||
.content-box_project {
|
||||
background-color: #f2f3f7;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.sub-component {
|
||||
background: #ffffff;
|
||||
|
||||
.tree-content-compontent {
|
||||
background: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.tree-content-compontent {
|
||||
background: #ffffff;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.expandedStyle {
|
||||
// padding-left: 60rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.expandedStyle {
|
||||
// padding-left: 60rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -189,7 +189,7 @@
|
||||
</view>
|
||||
<view v-if="workTicketInfo.status == 2" @click="onStateShow(2)">暂停作业</view>
|
||||
<view v-if="workTicketInfo.status == 3" @click="onChangeState(3)">继续作业</view>
|
||||
<view v-if="workTicketInfo.status == 4" @click="onChangeState(3)">重新开始</view>
|
||||
<view v-if="workTicketInfo.status == 4" @click="onStateShow(3)">重新开始</view>
|
||||
<view v-if="workTicketInfo.status == 2 || workTicketInfo.status == 3" @click="onStateShow(4)"
|
||||
class="btn-error">结束作业</view>
|
||||
<view @click="onDelete" class="btn-error">删除</view>
|
||||
@ -198,7 +198,7 @@
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
<u-modal @cancel="onStateCancel" @confirm="onStateConfirm" v-model="stateShow"
|
||||
:confirm-text="stateType == 2 ? '是,立即暂停' : '是,立即结束'" :show-cancel-button="true" cancel-text="不,继续作业">
|
||||
:confirm-text="stateType == 2 ? '是,立即暂停' : stateType == 3 ? '是,重新开始' : '是,立即结束'" :show-cancel-button="true" :cancel-text="stateType == 3 ? '取消' : '不,继续作业'">
|
||||
<view class="slot-content">
|
||||
<view class="content_main-box1" v-if="stateType == 2">
|
||||
<view>
|
||||
@ -209,6 +209,15 @@
|
||||
<view>点击暂停作业后,需要到执法记录仪上手动结束工单。结束后录像将会自动上传到平台,可在历史回放中查看。</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_main-box1" v-if="stateType == 3">
|
||||
<view>
|
||||
作业已完成,点击重新开始作业
|
||||
</view>
|
||||
<view>
|
||||
<!-- <u-icon name="info-circle"></u-icon>
|
||||
<view>点击结束作业后,需要到执法记录仪上手动结束工单,结束后录像将会自动上传到平台,可在历史回放中查看</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_main-box1" v-else-if="stateType == 4">
|
||||
<view>
|
||||
作业已全部施工完成,点击结束作业
|
||||
|
||||
@ -103,7 +103,7 @@
|
||||
<view @click.stop="onStateShow(4, item)" class="btn-error">结束作业</view>
|
||||
</view>
|
||||
<view class="box-bottom" v-else>
|
||||
<view @click.stop="onChangeState(3, item)">重新开始</view>
|
||||
<view @click.stop="onStateShow(3, item)">重新开始</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -144,7 +144,7 @@
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-modal @cancel="onStateCancel" @confirm="onStateConfirm" v-model="stateShow"
|
||||
:confirm-text="stateType == 2 ? '是,立即暂停' : '是,立即结束'" :show-cancel-button="true" cancel-text="不,继续作业">
|
||||
:confirm-text="stateType == 2 ? '是,立即暂停' : stateType == 3 ? '是,重新开始' : '是,立即结束'" :show-cancel-button="true" :cancel-text="stateType == 3 ? '取消' : '不,继续作业'">
|
||||
<view class="slot-content">
|
||||
<view class="content_main-box1" v-if="stateType == 2">
|
||||
<view>
|
||||
@ -155,6 +155,15 @@
|
||||
<view>点击暂停作业后,需要到执法记录仪上手动结束工单,结束后录像将会自动上传到平台,可在历史回放中查看</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_main-box1" v-if="stateType == 3">
|
||||
<view>
|
||||
作业已完成,点击重新开始作业
|
||||
</view>
|
||||
<view>
|
||||
<!-- <u-icon name="info-circle"></u-icon>
|
||||
<view>点击结束作业后,需要到执法记录仪上手动结束工单,结束后录像将会自动上传到平台,可在历史回放中查看</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_main-box1" v-else-if="stateType == 4">
|
||||
<view>
|
||||
作业已全部施工完成,点击结束作业
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user