This commit is contained in:
parent
c35841041e
commit
cc8655d11c
|
@ -92,13 +92,10 @@ const emit = defineEmits(["close"]);
|
||||||
const cameraShow = ref();
|
const cameraShow = ref();
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
title: "摄像头",
|
title: "摄像头",
|
||||||
// columns: [],
|
|
||||||
// tableData: [],
|
|
||||||
});
|
});
|
||||||
// const gridData = [];
|
const dp = ref(null);
|
||||||
const num = ref(false);
|
const num = ref(false);
|
||||||
const hlsUriSslNow = ref("");
|
const hlsUriSslNow = ref("");
|
||||||
const dp = ref(null);
|
|
||||||
const attachmentLink = ref("");
|
const attachmentLink = ref("");
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
|
@ -124,6 +121,11 @@ watch(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
const maskName = (name) => {
|
||||||
|
// 将姓名的中间部分替换为 '*'
|
||||||
|
return name[0] + "*".repeat(name.length - 2) + name[name.length - 1];
|
||||||
|
};
|
||||||
|
|
||||||
const initializeVideo = () => {
|
const initializeVideo = () => {
|
||||||
if (hlsUriSslNow.value === "") {
|
if (hlsUriSslNow.value === "") {
|
||||||
num.value = false;
|
num.value = false;
|
||||||
|
@ -132,7 +134,7 @@ const initializeVideo = () => {
|
||||||
}
|
}
|
||||||
cameraShow.value = props.cameraShow;
|
cameraShow.value = props.cameraShow;
|
||||||
hlsUriSslNow.value = props.hlsUriSsl;
|
hlsUriSslNow.value = props.hlsUriSsl;
|
||||||
data.title = props.sxtnames;
|
data.title = maskName(props.sxtnames);
|
||||||
attachmentLink.value = hlsUriSslNow.value;
|
attachmentLink.value = hlsUriSslNow.value;
|
||||||
|
|
||||||
if (num.value) {
|
if (num.value) {
|
||||||
|
@ -175,7 +177,6 @@ const insertVideo = () => {
|
||||||
// console.log("插入视频元素:", videoElement);
|
// console.log("插入视频元素:", videoElement);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const loadVideo = () => {
|
const loadVideo = () => {
|
||||||
if (dp.value) {
|
if (dp.value) {
|
||||||
// console.log("正在销毁之前的video.js实例。");
|
// console.log("正在销毁之前的video.js实例。");
|
||||||
|
|
|
@ -102,6 +102,10 @@ const data = reactive({
|
||||||
const num = ref(false);
|
const num = ref(false);
|
||||||
const hlsUriSslNow = ref("");
|
const hlsUriSslNow = ref("");
|
||||||
const gridData = [];
|
const gridData = [];
|
||||||
|
const maskName = (name) => {
|
||||||
|
// 将姓名的中间部分替换为 '*'
|
||||||
|
return name[0] + "*".repeat(name.length - 2) + name[name.length - 1];
|
||||||
|
};
|
||||||
// 监听
|
// 监听
|
||||||
watch(
|
watch(
|
||||||
() => props.cameraShow,
|
() => props.cameraShow,
|
||||||
|
@ -115,7 +119,7 @@ watch(
|
||||||
// if (hlsUriSslNow.value != "" && props.hlsUriSsl != hlsUriSslNow.value)
|
// if (hlsUriSslNow.value != "" && props.hlsUriSsl != hlsUriSslNow.value)
|
||||||
cameraShow.value = newVal;
|
cameraShow.value = newVal;
|
||||||
hlsUriSslNow.value = props.hlsUriSsl;
|
hlsUriSslNow.value = props.hlsUriSsl;
|
||||||
data.title = props.sxtname;
|
data.title = maskName(props.sxtname);
|
||||||
|
|
||||||
attachmentLink.value = hlsUriSslNow.value;
|
attachmentLink.value = hlsUriSslNow.value;
|
||||||
dp.value = null;
|
dp.value = null;
|
||||||
|
@ -132,6 +136,7 @@ watch(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
const insertVideo = () => {
|
const insertVideo = () => {
|
||||||
const videoElement = document.createElement("video");
|
const videoElement = document.createElement("video");
|
||||||
videoElement.id = "videoPlayer";
|
videoElement.id = "videoPlayer";
|
||||||
|
|
|
@ -193,7 +193,7 @@ const handleRowClick = (row, column, event) => {
|
||||||
const clicked = ref(false);
|
const clicked = ref(false);
|
||||||
const lampBox = ref(null);
|
const lampBox = ref(null);
|
||||||
const escalation = () => {
|
const escalation = () => {
|
||||||
if (data.xq.deng !== 0) {
|
if (data.xq.deng != 0) {
|
||||||
clicked.value = true;
|
clicked.value = true;
|
||||||
}
|
}
|
||||||
console.log(clicked.value);
|
console.log(clicked.value);
|
||||||
|
@ -267,11 +267,25 @@ watch(
|
||||||
data.title = props.tableData.title;
|
data.title = props.tableData.title;
|
||||||
data.columns = props.tableData.columns;
|
data.columns = props.tableData.columns;
|
||||||
data.tableData.length = 0;
|
data.tableData.length = 0;
|
||||||
|
function maskName(name) {
|
||||||
|
if (name.length === 2) {
|
||||||
|
// 两个字的姓名,第二个字替换为 *
|
||||||
|
return name[0] + "*";
|
||||||
|
} else if (name.length > 2) {
|
||||||
|
// 三个字或更多的姓名,替换中间的字符
|
||||||
|
return name[0] + "*".repeat(name.length - 2) + name[name.length - 1];
|
||||||
|
}
|
||||||
|
return name;
|
||||||
|
}
|
||||||
if (props.tableData.data.wxs.length > 0) {
|
if (props.tableData.data.wxs.length > 0) {
|
||||||
props.tableData.data.wxs.forEach((item, index) => {
|
props.tableData.data.wxs.forEach((item, index) => {
|
||||||
let obj = {
|
let obj = {
|
||||||
deng: 2,
|
deng: 2,
|
||||||
bzlx: item.bzlx,
|
bzlx: item.bzlx,
|
||||||
|
qtbm: item.qtbm,
|
||||||
|
zrks: item.zrks,
|
||||||
|
ywfzr: maskName(item.ywfzr),
|
||||||
|
fgldsj: item.fgldsj.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2"),
|
||||||
};
|
};
|
||||||
data.tableData.push(obj);
|
data.tableData.push(obj);
|
||||||
});
|
});
|
||||||
|
@ -283,8 +297,10 @@ watch(
|
||||||
deng: 1,
|
deng: 1,
|
||||||
bzlx: item.bzlx,
|
bzlx: item.bzlx,
|
||||||
qtbm: item.qtbm,
|
qtbm: item.qtbm,
|
||||||
ywfzrsj: item.ywfzrsj,
|
zrks: item.zrks,
|
||||||
ywfzrzzd: item.ywfzrzzd,
|
ywfzr: maskName(item.ywfzr),
|
||||||
|
// fgldsj: item.fgldsj,
|
||||||
|
fgldsj: item.fgldsj.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2"),
|
||||||
};
|
};
|
||||||
data.tableData.push(obj);
|
data.tableData.push(obj);
|
||||||
});
|
});
|
||||||
|
|
|
@ -463,13 +463,13 @@ const tableType = reactive({
|
||||||
property: "qtbm",
|
property: "qtbm",
|
||||||
}, {
|
}, {
|
||||||
label: "业务科室",
|
label: "业务科室",
|
||||||
property: "ywfzrzzd",
|
property: "zrks",
|
||||||
}, {
|
}, {
|
||||||
label: "负责人",
|
label: "负责人",
|
||||||
property: "ywfzrzzd",
|
property: "ywfzr",
|
||||||
}, {
|
}, {
|
||||||
label: "联系电话",
|
label: "联系电话",
|
||||||
property: "ywfzrsj",
|
property: "fgldsj",
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
|
|
|
@ -339,12 +339,16 @@ const data = reactive({
|
||||||
img: icon6,
|
img: icon6,
|
||||||
visible: false,
|
visible: false,
|
||||||
son: [
|
son: [
|
||||||
{
|
{
|
||||||
id: "0",
|
id: "0",
|
||||||
name: "公租房服务",
|
name: "概况",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
|
name: "公租房服务",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2",
|
||||||
name: "住房改造服务",
|
name: "住房改造服务",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
@ -550,7 +554,8 @@ const tapshow = (parentId, childId) => {
|
||||||
parentId.name == "弱有所扶" ||
|
parentId.name == "弱有所扶" ||
|
||||||
parentId.name == "学有所教" ||
|
parentId.name == "学有所教" ||
|
||||||
parentId.name == "老有所养" ||
|
parentId.name == "老有所养" ||
|
||||||
parentId.name == "病有所医")
|
parentId.name == "病有所医"||
|
||||||
|
parentId.name == "住有所居")
|
||||||
) {
|
) {
|
||||||
gaikuang(parentId.name);
|
gaikuang(parentId.name);
|
||||||
} else {
|
} else {
|
||||||
|
@ -613,6 +618,8 @@ const gaikuang = (name) => {
|
||||||
gaikuangList.yl = true;
|
gaikuangList.yl = true;
|
||||||
} else if (name == "病有所医") {
|
} else if (name == "病有所医") {
|
||||||
gaikuangList.hygiene = true;
|
gaikuangList.hygiene = true;
|
||||||
|
} else if (name == "住有所居") {
|
||||||
|
gaikuangList.infant = true;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// 服务表格样式
|
// 服务表格样式
|
||||||
|
|
Loading…
Reference in New Issue