Compare commits
9 Commits
693dd1211f
...
8b9fcfa809
Author | SHA1 | Date |
---|---|---|
a0049873 | 8b9fcfa809 | |
a0049873 | 9fccd6a690 | |
a0049873 | ac818979e8 | |
a0049873 | f32461bbdd | |
gongjiale | 9ae885b985 | |
gongjiale | 3306e8b6ac | |
wuhongjian | 50e730c9ff | |
a0049873 | ebaec6bda1 | |
wuhongjian | 2b00dd9130 |
|
@ -38,7 +38,7 @@
|
||||||
{{ item.demandSubject }}
|
{{ item.demandSubject }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
<span v-else>
|
<span v-else @click="showDetail(item)">
|
||||||
{{ item.demandSubject }}
|
{{ item.demandSubject }}
|
||||||
</span>
|
</span>
|
||||||
<span class="time">{{ item.createDate }}</span>
|
<span class="time">{{ item.createDate }}</span>
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ability-to-apply-for" :class="{ all: falg }">
|
<div class="ability-to-apply-for" :class="{ all: flag }">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>申请能力</span>
|
<span>申请能力</span>
|
||||||
<div
|
<div
|
||||||
class="btnBox"
|
class="btnBox"
|
||||||
v-show="!falg"
|
v-show="!flag"
|
||||||
v-if="dataForm[0].arr.length > 1 || dataForm.length > 1"
|
v-if="dataForm[0].arr.length > 1 || dataForm.length > 1"
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
p-id="5926"
|
p-id="5926"
|
||||||
width="20"
|
width="20"
|
||||||
height="20"
|
height="20"
|
||||||
@click="falg = !falg"
|
@click="flag = !flag"
|
||||||
>
|
>
|
||||||
<path
|
<path
|
||||||
d="M512 565.12a45.44 45.44 0 0 1-32.64-13.44l-448-451.84a45.44 45.44 0 0 1 64-64L512 454.4 931.84 35.2a46.08 46.08 0 0 1 64 0 45.44 45.44 0 0 1 0 64L545.28 551.68a45.44 45.44 0 0 1-33.28 13.44z"
|
d="M512 565.12a45.44 45.44 0 0 1-32.64-13.44l-448-451.84a45.44 45.44 0 0 1 64-64L512 454.4 931.84 35.2a46.08 46.08 0 0 1 64 0 45.44 45.44 0 0 1 0 64L545.28 551.68a45.44 45.44 0 0 1-33.28 13.44z"
|
||||||
|
@ -29,10 +29,14 @@
|
||||||
p-id="5928"
|
p-id="5928"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="btn" style="font-weight:600" @click="falg = !falg">展开</span>
|
<span class="btn" style="font-weight: 600" @click="flag = !flag">
|
||||||
<span class="btn" @click="falg = !falg">(共{{totalDataNum}}条数据)</span>
|
展开
|
||||||
|
</span>
|
||||||
|
<span class="btn" @click="flag = !flag">
|
||||||
|
(共{{ totalDataNum }}条数据)
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnBox" v-show="falg">
|
<div class="btnBox" v-show="flag">
|
||||||
<svg
|
<svg
|
||||||
t="1659420014519"
|
t="1659420014519"
|
||||||
class="btn"
|
class="btn"
|
||||||
|
@ -42,7 +46,7 @@
|
||||||
p-id="9781"
|
p-id="9781"
|
||||||
width="20"
|
width="20"
|
||||||
height="20"
|
height="20"
|
||||||
@click="falg = !falg"
|
@click="flag = !flag"
|
||||||
>
|
>
|
||||||
<path
|
<path
|
||||||
d="M498.095 146.134l403.416 403.415c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 22 35.302 486.586c-17.388 17.387-17.388 45.575 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.095 146.134zM498.817 592.073l402.693 402.693c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 467.219 35.302 931.804c-17.388 17.387-17.388 45.576 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.817 592.073z"
|
d="M498.095 146.134l403.416 403.415c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 22 35.302 486.586c-17.388 17.387-17.388 45.575 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.095 146.134zM498.817 592.073l402.693 402.693c17.387 17.387 45.576 17.387 62.963 0s17.387-45.576 0-62.963L499.888 467.219 35.302 931.804c-17.388 17.387-17.388 45.576 0 62.963 17.387 17.387 45.576 17.387 62.964 0L498.817 592.073z"
|
||||||
|
@ -50,7 +54,9 @@
|
||||||
fill="#13227a"
|
fill="#13227a"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="btn" style="font-weight:600" @click="falg = !falg">收起</span>
|
<span class="btn" style="font-weight: 600" @click="flag = !flag">
|
||||||
|
收起
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
@ -127,23 +133,29 @@
|
||||||
title="已申请摄像头列表"
|
title="已申请摄像头列表"
|
||||||
@ok="videoVisible = false"
|
@ok="videoVisible = false"
|
||||||
>
|
>
|
||||||
<a-select placeholder="请选择归属部门"
|
<a-select
|
||||||
style="width: 200px"
|
placeholder="请选择归属部门"
|
||||||
v-model:value="deptName"
|
style="width: 200px"
|
||||||
:getPopupContainer="(triggerNode) => triggerNode.parentNode"
|
v-model:value="deptName"
|
||||||
show-search
|
:getPopupContainer="(triggerNode) => triggerNode.parentNode"
|
||||||
:filterOption="true"
|
show-search
|
||||||
@change="deptIdChangeFunction">
|
:filterOption="true"
|
||||||
<a-select-option v-for="(item, index) in deptNameAll" :key="`${index}-${item}`" :value="item.name">
|
@change="deptIdChangeFunction"
|
||||||
{{ item.name }}
|
>
|
||||||
</a-select-option>
|
<a-select-option
|
||||||
|
v-for="(item, index) in deptNameAll"
|
||||||
|
:key="`${index}-${item}`"
|
||||||
|
:value="item.name"
|
||||||
|
>
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
<a-table
|
<a-table
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="xVideoList"
|
:data-source="xVideoList"
|
||||||
bordered
|
bordered
|
||||||
:pagination="{ defaultPageSize: 6 }"
|
:pagination="{ defaultPageSize: 6 }"
|
||||||
style="margin-top:10px"
|
style="margin-top: 10px"
|
||||||
>
|
>
|
||||||
<template #bodyCell="{ column, text }">
|
<template #bodyCell="{ column, text }">
|
||||||
<!-- <template>
|
<!-- <template>
|
||||||
|
@ -164,9 +176,9 @@
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: { type: Array, default: null },
|
dataList: { type: Array, default: null },
|
||||||
})
|
})
|
||||||
const falg = ref(false)
|
const flag = ref(false)
|
||||||
let dataForm = ref([])
|
let dataForm = ref([])
|
||||||
let totalDataNum = ref(0);
|
let totalDataNum = ref(0)
|
||||||
const videoVisible = ref(false)
|
const videoVisible = ref(false)
|
||||||
const xVideoList = ref([])
|
const xVideoList = ref([])
|
||||||
const xVideoListAll = ref([])
|
const xVideoListAll = ref([])
|
||||||
|
@ -178,10 +190,10 @@
|
||||||
title: '摄像头名称',
|
title: '摄像头名称',
|
||||||
dataIndex: 'name',
|
dataIndex: 'name',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '归属部门',
|
title: '归属部门',
|
||||||
dataIndex: 'managementUnitName',
|
dataIndex: 'managementUnitName',
|
||||||
}
|
},
|
||||||
])
|
])
|
||||||
// eslint-disable-next-line vue/no-setup-props-destructure
|
// eslint-disable-next-line vue/no-setup-props-destructure
|
||||||
dataForm.value = props.dataList
|
dataForm.value = props.dataList
|
||||||
|
@ -211,17 +223,17 @@
|
||||||
// 详情
|
// 详情
|
||||||
const showItem = (id, type, delFlag, note1) => {
|
const showItem = (id, type, delFlag, note1) => {
|
||||||
if (type == '基础设施') {
|
if (type == '基础设施') {
|
||||||
let arr = JSON.parse(note1);
|
let arr = JSON.parse(note1)
|
||||||
//console.log('arrarr====',arr);
|
//console.log('arrarr====',arr);
|
||||||
xVideoList.value = []
|
xVideoList.value = []
|
||||||
arr.map((val) => {
|
arr.map((val) => {
|
||||||
xVideoList.value.push({
|
xVideoList.value.push({
|
||||||
name: val.channelName || '',
|
name: val.channelName || '',
|
||||||
key: val.channelId,
|
key: val.channelId,
|
||||||
managementUnitName:val.managementUnitName || '',
|
managementUnitName: val.managementUnitName || '',
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
xVideoListAll.value = xVideoList.value;
|
xVideoListAll.value = xVideoList.value
|
||||||
videoVisible.value = true
|
videoVisible.value = true
|
||||||
} else {
|
} else {
|
||||||
if (delFlag == 0) {
|
if (delFlag == 0) {
|
||||||
|
@ -236,34 +248,33 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//归属部门选中改变事件
|
//归属部门选中改变事件
|
||||||
const deptIdChangeFunction = (name) => {
|
const deptIdChangeFunction = (name) => {
|
||||||
//console.log('nnnndddd',name);
|
//console.log('nnnndddd',name);
|
||||||
//console.log('过滤前xVideoList',xVideoList);
|
//console.log('过滤前xVideoList',xVideoList);
|
||||||
//通过name过滤xVideoList
|
//通过name过滤xVideoList
|
||||||
xVideoList.value = xVideoListAll.value.filter((item) => {
|
xVideoList.value = xVideoListAll.value.filter((item) => {
|
||||||
if (name && item.managementUnitName.indexOf(name) < 0) return false
|
if (name && item.managementUnitName.indexOf(name) < 0) return false
|
||||||
return true
|
return true
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
//获取所有的归属部门列表
|
//获取所有的归属部门列表
|
||||||
const getDeptAllData = () =>{
|
const getDeptAllData = () => {
|
||||||
getDeptAll().then((res) => {
|
getDeptAll().then((res) => {
|
||||||
deptNameAll.value = res.data.data
|
deptNameAll.value = res.data.data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
getDeptAllData();
|
getDeptAllData()
|
||||||
const getDataTotalNum = () =>{
|
const getDataTotalNum = () => {
|
||||||
let totalNum =0;
|
let totalNum = 0
|
||||||
dataForm.value.forEach((item)=>{
|
dataForm.value.forEach((item) => {
|
||||||
totalNum = totalNum +item.arr.length;
|
totalNum = totalNum + item.arr.length
|
||||||
});
|
})
|
||||||
totalDataNum.value = totalNum;
|
totalDataNum.value = totalNum
|
||||||
}
|
}
|
||||||
getDataTotalNum();
|
getDataTotalNum()
|
||||||
//获取数据的总条数
|
//获取数据的总条数
|
||||||
|
</script>
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.ability-to-apply-for {
|
.ability-to-apply-for {
|
||||||
|
@ -355,7 +366,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.all {
|
.all {
|
||||||
height: unset;
|
max-height: unset;
|
||||||
min-height: 2.9rem;
|
min-height: 2.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -404,10 +415,10 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
::v-deep .ant-table-thead > tr > th {
|
::v-deep .ant-table-thead > tr > th {
|
||||||
//padding-left: px;
|
//padding-left: px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color:#000000 ;
|
color: #000000;
|
||||||
//background: # !important;
|
//background: # !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
fill="#0058e1"
|
fill="#0058e1"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<a-tooltip>
|
<a-tooltip @mouseenter="showToolTip">
|
||||||
<template #title>{{ val.title }}</template>
|
<template #title>{{ val.title }}</template>
|
||||||
<span class="name">
|
<span class="name">
|
||||||
{{ val.title }}
|
{{ val.title }}
|
||||||
|
@ -88,7 +88,7 @@
|
||||||
fill="#0058e1"
|
fill="#0058e1"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<a-tooltip>
|
<a-tooltip @mouseenter="showToolTip">
|
||||||
<template #title>{{ child.title }}</template>
|
<template #title>{{ child.title }}</template>
|
||||||
<span class="name">
|
<span class="name">
|
||||||
{{ child.title }}
|
{{ child.title }}
|
||||||
|
@ -251,6 +251,13 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const showToolTip = (e) => {
|
||||||
|
console.log('鼠标移入', e, e.target.clientWidth, e.target.scrollWidth)
|
||||||
|
debugger
|
||||||
|
if (e.target.clientWidth < 200) {
|
||||||
|
e.target.style.pointerEvents = 'none' // 阻止鼠标事件
|
||||||
|
}
|
||||||
|
}
|
||||||
// 区级特殊处理
|
// 区级特殊处理
|
||||||
const generateChildren2 = (val, obj) => {
|
const generateChildren2 = (val, obj) => {
|
||||||
if (val.dataList.length > 0) {
|
if (val.dataList.length > 0) {
|
||||||
|
@ -395,6 +402,7 @@
|
||||||
showBottom,
|
showBottom,
|
||||||
showDown,
|
showDown,
|
||||||
selectId,
|
selectId,
|
||||||
|
showToolTip,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
|
@ -511,6 +519,7 @@
|
||||||
-webkit-line-clamp: 1;
|
-webkit-line-clamp: 1;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.up:hover {
|
.up:hover {
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: Light
|
* @Author: Light
|
||||||
* @Date: 2022-11-30 17:43:43
|
* @Date: 2022-11-30 17:43:43
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-12-02 16:02:26
|
* @LastEditTime: 2022-12-08 15:20:23
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -128,6 +128,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.notice-item {
|
.notice-item {
|
||||||
|
width: 740px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
@ -288,6 +288,8 @@
|
||||||
formName.demandSubject = res.data.data.demandSubject
|
formName.demandSubject = res.data.data.demandSubject
|
||||||
formName.detailsType = res.data.data.detailsType
|
formName.detailsType = res.data.data.detailsType
|
||||||
formName.detailsField = res.data.data.detailsField
|
formName.detailsField = res.data.data.detailsField
|
||||||
|
.split(';')
|
||||||
|
.filter((val) => val)
|
||||||
formName.demandDetails = res.data.data.demandDetails
|
formName.demandDetails = res.data.data.demandDetails
|
||||||
formName.enclosure = res.data.data.enclosure
|
formName.enclosure = res.data.data.enclosure
|
||||||
fileList.value = [
|
fileList.value = [
|
||||||
|
@ -348,7 +350,7 @@
|
||||||
formName.enclosure = info.file.response.data
|
formName.enclosure = info.file.response.data
|
||||||
} else if (info.file.status === 'error') {
|
} else if (info.file.status === 'error') {
|
||||||
formName.enclosure = ''
|
formName.enclosure = ''
|
||||||
fileList.value=[]
|
fileList.value = []
|
||||||
message.error(`${info.file.name} 文件上传失败`)
|
message.error(`${info.file.name} 文件上传失败`)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue