-
- 约谈流程
-
+
+
+
三份清单
+ 网路生态
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.title }}
+
+
+ 
- 
+ ![]()
+
+
重点企业名录清单
-
-
+ 
- 
+ ![]()
+
+
重点领域监管清单
-
-
+ 
- 
+ ![]()
+
+
重点工作项目清单
-
-
- 工作动态
-
-
-
-
-
-
- {{ item.title }}
-
+ 翻墙管理
+
+
+
+
+
-
+
+
+
-
-
-
+
- {{ item.type }}
-
+
+
{{ item.number }}{{ item.unit }}
+ {{ item.department }}
+
+
+
+
+ 时间
+ 部门
+ 地址
+ 事件
+
+
+
+
+ {{ item.time }}
+ {{ item.department }}
+ {{ item.address }}
+ {{ item.event }}
+
@@ -543,6 +576,46 @@ export default {
threeStatus: 1,
pageDetails: false,
dynamicList: [],
+ superviseObject: [
+ {
+ title: "政府网站",
+ num: 0,
+ className: "item1",
+ url: require("@/assets/privateOrder/general/icon-政府网站.png"),
+ },
+ {
+ title: "监管单位",
+ num: 0,
+ className: "item2",
+ url: require("@/assets/privateOrder/general/icon-监管单位.png"),
+ type: 1,
+ },
+ {
+ title: "网站监测",
+ num: 0,
+ className: "item3",
+ url: require("@/assets/privateOrder/general/icon-网站监测.png"),
+ type: 2,
+ },
+ {
+ title: "IDC单位",
+ num: 0,
+ className: "item4",
+ url: require("@/assets/privateOrder/general/icon-IDC单位.png"),
+ },
+ {
+ title: "等保系统",
+ num: 0,
+ className: "item5",
+ url: require("@/assets/privateOrder/general/icon-等保系统.png"),
+ },
+ {
+ title: "等保单位",
+ num: 0,
+ className: "item6",
+ url: require("@/assets/privateOrder/general/icon-等保单位.png"),
+ },
+ ],
zoologyIconList: [
{
name: "网站",
@@ -626,7 +699,26 @@ export default {
docxUrl: "",
numPages: "",
dongtaiTotal: 0,
- isdevelopment:false,
+ isdevelopment: false,
+ firewallStats: [
+ { number: 4, unit: '起', department: 'xxxx局' },
+ { number: 4, unit: '起', department: 'xxxx局' },
+ { number: 4, unit: '起', department: 'xxxx局' }
+ ],
+ firewallData: [
+ { time: '2025-01-08 12:30:34', department: 'xx局', address: '172.16.32.14', event: '违规外联' },
+ { time: '2025-01-13 11:23:12', department: 'xx局', address: '172.16.31.23', event: '违规外联' },
+ { time: '2025-01-18 15:42:54', department: 'xx局', address: '172.17.43.36', event: '违规外联' },
+ { time: '2025-01-23 10:20:32', department: 'xx局', address: '172.16.24.66', event: '违规外联' },
+ { time: '2025-01-25 16:43:21', department: 'xx局', address: '172.16.24.148', event: '违规外联' },
+ { time: '2025-01-28 14:15:50', department: 'xx局', address: '172.16.27.195', event: '违规外联' },
+ { time: '2025-02-08 14:40:26', department: 'xx局', address: '172.16.26.212', event: '违规外联' },
+ { time: '2025-02-12 09:35:42', department: 'xx局', address: '172.16.33.75', event: '违规外联' },
+ { time: '2025-02-15 13:22:18', department: 'xx局', address: '172.16.29.201', event: '违规外联' },
+ { time: '2025-02-20 16:14:53', department: 'xx局', address: '172.16.30.89', event: '违规外联' },
+ { time: '2025-02-25 11:05:37', department: 'xx局', address: '172.17.45.112', event: '违规外联' },
+ { time: '2025-03-03 15:47:29', department: 'xx局', address: '172.16.28.165', event: '违规外联' }
+ ],
};
},
computed: {
@@ -642,6 +734,18 @@ export default {
waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
};
},
+ tableScrollOption() {
+ return {
+ step: 0.4, // 数值越大速度滚动越快
+ limitMoveNum: 3, // 开始无缝滚动的数据量 this.dataList.length
+ hoverStop: true, // 是否开启鼠标悬停stop
+ direction: 1, // 0向下 1向上 2向左 3向右
+ openWatch: true, // 开启数据实时监控刷新dom
+ singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+ singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+ waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
+ };
+ }
},
watch: {},
created() {},
@@ -669,10 +773,10 @@ export default {
methods: {
// 工作动态信息获取
getDynamicData() {
- listGzdt({isStatus:1}).then(res=>{
+ listGzdt({ isStatus: 1 }).then((res) => {
this.dongtaiTotal = res.total;
this.dynamicList = [...this.dynamicList, ...res.rows];
- })
+ });
},
// 网络平台信息获取
@@ -687,59 +791,67 @@ export default {
this.tableHeader = ["账号ID", "URL"];
this.zoologyWidth = "1000px";
this.tableData = [];
- listBzhan({ pageNum: 1, pageSize: 10, type: 1, isStatus:1 }).then(res=>{
- res.rows.map((item) => {
- let obj = {};
- obj["账号ID"] = item.zhId;
- obj["URL"] = item.url;
- this.tableData.push(obj);
- });
- this.total = res.total;
- })
+ listBzhan({ pageNum: 1, pageSize: 10, type: 1, isStatus: 1 }).then(
+ (res) => {
+ res.rows.map((item) => {
+ let obj = {};
+ obj["账号ID"] = item.zhId;
+ obj["URL"] = item.url;
+ this.tableData.push(obj);
+ });
+ this.total = res.total;
+ }
+ );
} else if (val === "小红书") {
this.tableHeader = ["账号ID", "URL"];
this.zoologyWidth = "1000px";
this.tableData = [];
- listBzhan({ pageNum: 1, pageSize: 10, type: 2, isStatus:1 }).then(res=>{
- res.rows.map((item) => {
- let obj = {};
- obj["账号ID"] = item.zhId;
- obj["URL"] = item.url;
- this.tableData.push(obj);
- });
- this.total = res.total;
- })
+ listBzhan({ pageNum: 1, pageSize: 10, type: 2, isStatus: 1 }).then(
+ (res) => {
+ res.rows.map((item) => {
+ let obj = {};
+ obj["账号ID"] = item.zhId;
+ obj["URL"] = item.url;
+ this.tableData.push(obj);
+ });
+ this.total = res.total;
+ }
+ );
} else if (val === "今日头条") {
this.tableHeader = ["账号ID", "简介"];
this.zoologyWidth = "1200px";
this.tableData = [];
- listTtsum({ pageNum: 1, pageSize: 10, type: 1, isStatus:1 }).then(res=>{
- res.rows.map((item) => {
- let obj = {};
- obj["账号ID"] = item.zhId;
- obj["简介"] = item.intro;
- this.tableData.push(obj);
- });
- this.total = res.total;
- })
+ listTtsum({ pageNum: 1, pageSize: 10, type: 1, isStatus: 1 }).then(
+ (res) => {
+ res.rows.map((item) => {
+ let obj = {};
+ obj["账号ID"] = item.zhId;
+ obj["简介"] = item.intro;
+ this.tableData.push(obj);
+ });
+ this.total = res.total;
+ }
+ );
} else if (val === "快手") {
this.tableHeader = ["账号ID", "简介"];
this.zoologyWidth = "1000px";
this.tableData = [];
- listTtsum({ pageNum: 1, pageSize: 10, type: 2, isStatus:1}).then(res=>{
- res.rows.map((item) => {
- let obj = {};
- obj["账号ID"] = item.zhId;
- obj["简介"] = item.intro;
- this.tableData.push(obj);
- });
- this.total = res.total;
- })
+ listTtsum({ pageNum: 1, pageSize: 10, type: 2, isStatus: 1 }).then(
+ (res) => {
+ res.rows.map((item) => {
+ let obj = {};
+ obj["账号ID"] = item.zhId;
+ obj["简介"] = item.intro;
+ this.tableData.push(obj);
+ });
+ this.total = res.total;
+ }
+ );
} else if (val === "微信") {
this.tableHeader = ["账号ID", "行业属性"];
this.zoologyWidth = "1000px";
this.tableData = [];
- listVx({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
+ listVx({ pageNum: 1, pageSize: 10, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号ID"] = item.zhId;
@@ -748,12 +860,12 @@ export default {
this.tableData.push(obj);
});
this.total = res.total;
- })
+ });
} else if (val === "网站") {
this.tableHeader = ["网站名称", "真实IP", "网站域名", "备案许可证号"];
this.zoologyWidth = "2000px";
this.tableData = [];
- listWz({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
+ listWz({ pageNum: 1, pageSize: 10, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["网站名称"] = item.webName;
@@ -763,14 +875,14 @@ export default {
this.tableData.push(obj);
});
this.total = res.total;
- })
+ });
} else if (val === "微博") {
// this.tableHeader = ["账号名称", "认证", "地区"];
// 2024/10/12让去掉地区显示
this.tableHeader = ["账号名称", "认证"];
this.zoologyWidth = "1000px";
this.tableData = [];
- listWb({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
+ listWb({ pageNum: 1, pageSize: 10, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号名称"] = item.zhName;
@@ -779,12 +891,12 @@ export default {
this.tableData.push(obj);
});
this.total = res.total;
- })
+ });
} else if (val === "抖音") {
this.tableHeader = ["账号", "简介", "粉丝数"];
this.zoologyWidth = "1500px";
this.tableData = [];
- listDy({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
+ listDy({ pageNum: 1, pageSize: 10, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号"] = item.userName;
@@ -793,8 +905,8 @@ export default {
this.tableData.push(obj);
});
this.total = res.total;
- this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数 );
- })
+ this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数);
+ });
}
this.currentPageData = this.tableData;
this.zoologyIconStatus = true;
@@ -862,12 +974,13 @@ export default {
this.reset();
done();
},
+
// 三份清单按钮切换
inventoryBtn(status, val) {
this.currentIndex = status;
if (this.currentIndex == 1) {
// listEnterprise(this.queryParams).then((res) => {
- listZdqyml({...this.queryParams,isStatus:1}).then(res => {
+ listZdqyml({ ...this.queryParams, isStatus: 1 }).then((res) => {
this.currentPageData = res.rows;
this.tableKey = [
{ name: "企业名称", value: "enterpriseName" },
@@ -893,7 +1006,7 @@ export default {
});
} else if (this.currentIndex == 2) {
// listDomain(this.queryParams).then((res) => {
- listZdlyjg({...this.queryParams,isStatus:1}).then((res) => {
+ listZdlyjg({ ...this.queryParams, isStatus: 1 }).then((res) => {
this.currentPageData = res.rows;
this.tableKey = [
{
@@ -910,7 +1023,7 @@ export default {
});
} else if (this.currentIndex == 3) {
// listWork(this.queryParams).then((res) => {
- listZdgzxm({...this.queryParams,isStatus:1}).then((res) => {
+ listZdgzxm({ ...this.queryParams, isStatus: 1 }).then((res) => {
this.currentPageData = res.rows;
this.tableKey = [
{ name: "推进单位", value: "tjUnit" },
@@ -970,17 +1083,17 @@ export default {
}, 6000);
},
iconClick(row) {
- console.log(row,'row');
+ console.log(row, "row");
if (row.URL) {
this.href = row.URL;
this.pageDetails = true;
} else if (row.网站域名) {
if (row.网站域名.substring(0, 4) === "http") {
- console.log(row.网站域名,'row.网站域名')
+ console.log(row.网站域名, "row.网站域名");
this.href = row.网站域名;
this.pageDetails = true;
} else {
- console.log(row.网站域名,'row.网站域名')
+ console.log(row.网站域名, "row.网站域名");
this.href = "http://" + row.网站域名;
this.pageDetails = true;
}
@@ -1020,7 +1133,7 @@ export default {
this.tableData = [];
// let res = await listPlatform(params);
if (params.type == 1) {
- listWz({ ...params, isStatus:1 }).then(res=>{
+ listWz({ ...params, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["网站名称"] = item.webName;
@@ -1029,9 +1142,9 @@ export default {
obj["备案许可证号"] = item.icp;
this.tableData.push(obj);
});
- })
+ });
} else if (params.type == 2) {
- listDy({ ...params, isStatus:1 }).then(res=>{
+ listDy({ ...params, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号"] = item.userName;
@@ -1040,9 +1153,9 @@ export default {
this.tableData.push(obj);
});
this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数);
- })
+ });
} else if (params.type == 3) {
- listVx({ ...params, isStatus:1 }).then(res=>{
+ listVx({ ...params, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号ID"] = item.zhId;
@@ -1050,9 +1163,9 @@ export default {
obj["行业属性"] = item.tmt;
this.tableData.push(obj);
});
- })
+ });
} else if (params.type == 4) {
- listWb({ ...params, isStatus:1 }).then(res=>{
+ listWb({ ...params, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号名称"] = item.zhName;
@@ -1060,43 +1173,45 @@ export default {
obj["地区"] = item.areaId;
this.tableData.push(obj);
});
- })
+ });
} else if (params.type == 5) {
- listTtsum({ ...params, type: 1, isStatus:1 }).then(res=>{
+ listTtsum({ ...params, type: 1, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号ID"] = item.zhId;
obj["简介"] = item.intro;
this.tableData.push(obj);
});
- })
+ });
} else if (params.type == 6) {
- listTtsum({ ...params, pageSize: 10, type: 2, isStatus:1}).then(res=>{
- res.rows.map((item) => {
- let obj = {};
- obj["账号ID"] = item.zhId;
- obj["简介"] = item.intro;
- this.tableData.push(obj);
- });
- })
+ listTtsum({ ...params, pageSize: 10, type: 2, isStatus: 1 }).then(
+ (res) => {
+ res.rows.map((item) => {
+ let obj = {};
+ obj["账号ID"] = item.zhId;
+ obj["简介"] = item.intro;
+ this.tableData.push(obj);
+ });
+ }
+ );
} else if (params.type == 7) {
- listBzhan({ ...params, type: 1, isStatus:1 }).then(res=>{
+ listBzhan({ ...params, type: 1, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号ID"] = item.zhId;
obj["URL"] = item.url;
this.tableData.push(obj);
});
- })
+ });
} else if (params.type == 8) {
- listBzhan({ ...params, type: 2, isStatus:1 }).then(res=>{
+ listBzhan({ ...params, type: 2, isStatus: 1 }).then((res) => {
res.rows.map((item) => {
let obj = {};
obj["账号ID"] = item.zhId;
obj["URL"] = item.url;
this.tableData.push(obj);
});
- })
+ });
}
this.currentPageData = this.tableData;
},
@@ -1105,13 +1220,19 @@ export default {
this.currentPage = 1;
this.pageSize = 10;
this.tableHeader = ["材料名称"];
- getGzdt(e.target.dataset.id).then(data=>{
+ getGzdt(e.target.dataset.id).then((data) => {
this.dialogTitle = data.data.title;
const fileName = data.data.fileName.split(",");
const fileUrl = data.data.fileUrl.split(",");
// console.log(fileName,'fileName')
// console.log(fileUrl,'fileUrl')
- if (fileUrl.length < 1 || fileName.length < 1 || fileName == "" || fileUrl == "") return;
+ if (
+ fileUrl.length < 1 ||
+ fileName.length < 1 ||
+ fileName == "" ||
+ fileUrl == ""
+ )
+ return;
if (fileName.length > 0) {
fileName.forEach((item, index) => {
this.tableData.push({
@@ -1124,7 +1245,7 @@ export default {
this.tableData = [];
}
this.dynamicStatus = true;
- })
+ });
// this.dialogTitle = val.dynamicName
// this.tableData = val.fileList
@@ -1177,7 +1298,7 @@ export default {
url: row["材料路径"],
}).then(({ data }) => {
if (data) {
- console.log(data,'data')
+ console.log(data, "data");
this.dialogDetails = true;
this.$nextTick(() => {
docx.renderAsync(data, this.$refs.fileDoc); // 渲染到页面预览
@@ -1185,7 +1306,7 @@ export default {
}
});
- this.docxUrl = row['材料路径'];
+ this.docxUrl = row["材料路径"];
this.dialogDetails = true;
}
// if (['png', 'jpg', 'jpeg'].includes(row.材料路径.substring(row.材料路径.lastIndexOf('.') + 1))) {
@@ -1286,7 +1407,7 @@ export default {
if (
["生成整改通知书送达回执", "生成约谈通知书", "登记约谈"].includes(val)
) {
- listYtlc({name:val}).then(res=>{
+ listYtlc({ name: val }).then((res) => {
this.dialogDetails = true;
this.dialogTitle = val;
this.fileExtension = res.rows[0].fileUrl.substring(
@@ -1296,7 +1417,7 @@ export default {
if (this.fileExtension == "pdf") {
// this.pdfUrl = row['材料路径'];
this.getNumPages(res.rows[0].fileUrl);
- this.dialogDetails = true
+ this.dialogDetails = true;
} else if (
this.fileExtension === "docx" ||
this.fileExtension === "doc"
@@ -1313,7 +1434,7 @@ export default {
}
});
}
- })
+ });
// axios({
// method: "get",
// responseType: "blob", // 设置响应文件格式
@@ -1357,10 +1478,15 @@ export default {
flex-wrap: wrap;
// justify-content: space-between;
align-content: space-between;
+ .section-superviseObject {
+ width: 786px;
+ height: 361px;
+ }
.section-process {
width: 920px;
height: 445px;
margin-right: 22px;
+
.section-process-outline {
background: url("~@/assets/ecosphere/动图-箭头.png") no-repeat;
background-position-x: 48%;
@@ -1523,48 +1649,65 @@ export default {
.three-inventory {
width: 483px;
height: 382px;
- margin-left: 23px;
- margin-top: 19px;
+ margin-top: 30px;
+ display: flex;
+ justify-content: center;
+ .three-inventory-item {
+ width: 160px;
+ margin: 0 10px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ .icon-container {
+ position: relative;
+ margin-bottom: 10px;
+
+ .hex-icon {
+ width: 110px;
+ height: 110px;
+ }
+
+ .arrow-down {
+ position: absolute;
+ bottom: -15px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: 0;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-top: 15px solid #68cff9;
+ }
+ }
+
+ div:last-child {
+ margin-top: 15px;
+ text-align: center;
+ font-family: FZZDHJW--GB1-0;
+ font-size: 22px;
+ line-height: 28px;
+ width: 100%;
+ }
+ }
:hover {
cursor: pointer;
}
- > div {
- width: 483px;
- height: 120px;
- margin-bottom: 11px;
- background: url("~@/assets/ecosphere/first/bg-三份清单-nor.png");
- position: relative;
- div:nth-child(1) {
- position: absolute;
- top: 35px;
- left: 139px;
- }
- div:nth-child(2) {
- position: absolute;
- top: 59px;
- left: 139px;
+ .checked {
+ .arrow-down {
+ border-top-color: #fbe84f;
}
- img {
- position: absolute;
- top: 12px;
- left: 36px;
+ div:last-child {
+ color: #fbe84f;
}
}
- .checked {
- background: url("~@/assets/ecosphere/first/bg-三份清单-act.png");
- font-family: FZZDHJW--GB1-0;
- font-size: 36px;
- line-height: 32px;
- letter-spacing: 2px;
- color: #fbe84f;
- }
.unchecked {
- background: url("~@/assets/ecosphere/first/bg-三份清单-nor.png");
- font-family: FZZDHJW--GB1-0;
- font-size: 36px;
- line-height: 32px;
- letter-spacing: 2px;
- color: #ffffff;
+ .arrow-down {
+ border-top-color: #68cff9;
+ }
+ div:last-child {
+ color: #ffffff;
+ }
}
}
}
@@ -1573,69 +1716,129 @@ export default {
height: 484px;
margin-right: 22px;
padding-top: 40px;
- .scroll_box {
- width: 722px;
- height: 412px;
- margin-top: 30px;
- overflow: hidden;
- .scroll_item {
- cursor: pointer;
- width: 719px;
- height: 165px;
+
+ .firewall-container {
+ margin-top: 20px;
+
+ // 顶部卡片区域
+ .firewall-stats {
display: flex;
- flex-direction: column;
+ justify-content: space-between;
margin-bottom: 20px;
- border: 1px solid #193859;
-
- .item_txt {
- width: 100%;
- padding-left: 20px;
- height: 115px;
- line-height: 115px;
- span {
- display: inline-block;
- width: 695px;
- color: #ffffff;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin: 0 auto;
- font-family: SourceHanSansCN-Medium;
- font-size: 28px;
- }
- }
- .item_bottom {
- width: 719px;
- height: 50px;
- background-image: linear-gradient(
- 312deg,
- rgb(99 202 250 / 0%) 0%,
- rgba(103, 193, 253, 0.2) 0%,
- rgb(106 184 255 / 0%) 0%,
- #6ab7ff42 100%
- ),
- linear-gradient(#6ab8ff00, #6ab8ff00);
+
+ .stat-card {
+ width: 230px;
+ height: 90px;
+ background-color: rgba(18, 40, 69, 0.7);
+ border: 1px solid #193859;
+ border-radius: 4px;
display: flex;
align-items: center;
- .bottom_icon {
- margin-left: 20px;
- width: 29px;
- height: 31px;
- background: url("~@/assets/ecosphere/first/icon-部门.png");
+ padding: 10px;
+ box-shadow: 0 0 10px rgba(0, 110, 255, 0.2);
+
+ .stat-icon {
+ width: 55px;
+ height: 55px;
+ margin-right: 10px;
+ position: relative;
+
+ .cube-icon {
+ width: 100%;
+ height: 100%;
+ // background: url("~@/assets/ecosphere/icon-cube.png") no-repeat center;
+ background-size: contain;
+ }
+
+ &:after {
+ content: '';
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ width: 100%;
+ height: 8px;
+ background: rgba(33, 150, 243, 0.4);
+ filter: blur(4px);
+ border-radius: 50%;
+ }
}
- .bottom_name {
- margin-left: 12px;
- font-family: SourceHanSansCN-Regular;
- font-size: 28px;
- color: #68cff9;
+
+ .stat-content {
+ .stat-number {
+ font-size: 32px;
+ font-weight: bold;
+ color: #09F0FF;
+ display: flex;
+ align-items: baseline;
+
+ .stat-unit {
+ font-size: 18px;
+ font-weight: normal;
+ margin-left: 5px;
+ }
+ }
+
+ .stat-dept {
+ font-size: 16px;
+ color: #9BB8D5;
+ margin-top: 5px;
+ }
}
- .bottom_time {
+ }
+ }
+
+ // 表格区域
+ .firewall-table {
+ width: 100%;
+ border-radius: 4px;
+ overflow: hidden;
+
+ .table-header {
+ display: flex;
+ background-color: #1A3B6E;
+
+ .header-cell {
+ padding: 12px;
+ color: #ffffff;
+ font-size: 18px;
+ font-weight: normal;
flex: 1;
- text-align: right;
- margin-right: 20px;
- font-family: SourceHanSansCN-Regular;
- font-size: 28px;
- color: #68cff9;
+ text-align: center;
+ }
+ }
+
+ .scroll-container {
+ height: 340px;
+ overflow: hidden;
+ }
+
+ .table-body {
+ width: 100%;
+
+ .table-row {
+ display: flex;
+ background-color: rgba(18, 40, 69, 0.5);
+ border-bottom: 1px solid #193859;
+
+ &:hover {
+ background-color: rgba(33, 150, 243, 0.1) !important;
+ }
+
+ &.odd-row {
+ background-color: rgba(18, 40, 69, 0.7);
+ }
+
+ .cell {
+ padding: 12px;
+ color: #9BB8D5;
+ font-size: 16px;
+ flex: 1;
+ text-align: center;
+ }
+
+ .violation-text {
+ color: #09F0FF;
+ }
}
}
}
@@ -1916,4 +2119,223 @@ export default {
.file-content .docx p {
text-align: center !important;
}
+.section-object {
+ height: 364px;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ .section-bg {
+ position: relative;
+ top: 54px;
+ width: 95%;
+ height: 351px;
+ background: url("~@/assets/privateOrder/general/circle.png") no-repeat;
+ background-size: 100% 100%;
+ .section-object-item {
+ position: absolute;
+ width: 250px;
+ height: 100px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ &:hover {
+ cursor: pointer;
+ transform: scale(1.1);
+ transition: 0.2s;
+ }
+
+ .circle-platform {
+ position: relative;
+ width: 120px;
+ height: 120px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .user-icon {
+ position: absolute;
+ width: 70px;
+ height: 70px;
+ border-radius: 50%;
+ background-color: #0e86d4;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 2;
+
+ i {
+ font-size: 40px;
+ color: #ffffff;
+ }
+ }
+
+ .platform-glow {
+ position: absolute;
+ width: 120px;
+ height: 30px;
+ background-color: rgba(14, 134, 212, 0.5);
+ border-radius: 50%;
+ filter: blur(5px);
+ bottom: -5px;
+ z-index: 1;
+ box-shadow: 0 0 20px 10px rgba(14, 134, 212, 0.3);
+ }
+ }
+
+ .item-content {
+ margin-top: 15px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ .item-content-title {
+ font-family: SourceHanSansCN-Regular;
+ font-size: 24px;
+ color: #ffffff;
+ }
+ }
+ }
+ .section-center {
+ position: absolute;
+ top: 72px;
+ left: 336px;
+ width: 73px;
+ height: 100px;
+ background: url("~@/assets/privateOrder/general/icon-监管.png");
+ background-size: 100%;
+ }
+ }
+}
+.section-bg:hover {
+ .item1 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -26.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -19.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+ .item2 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -32.25s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -24.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+ .item3 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -7.25s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+ .item4 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -11.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -4.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -7.5s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+ .item5 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -17s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+ .item6 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -21.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -14.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
+ animation-play-state: paused;
+ -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+ }
+}
+.item1 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -26.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -19.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
+}
+.item2 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -32.25s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -24.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate;
+}
+.item3 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -7.25s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
+}
+.item4 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -11.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -4.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -7.5s infinite alternate;
+}
+.item5 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -17s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate;
+}
+.item6 {
+ animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -21.75s infinite alternate,
+ animY 15s cubic-bezier(0.36, 0, 0.64, 1) -14.5s infinite alternate,
+ scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
+}
+@keyframes animX {
+ 0% {
+ left: -100px;
+ }
+ 100% {
+ left: 600px;
+ }
+}
+@keyframes animY {
+ 0% {
+ top: -35px;
+ }
+ 100% {
+ top: 270px;
+ }
+}
+@keyframes scale {
+}
+::v-deep .el-pagination__total {
+ color: #fff;
+}
+::v-deep .el-input .el-input--mini .el-input--suffix {
+ background: transparent;
+}
+::v-deep .el-pagination .el-select .el-input .el-input__inner {
+ background: transparent;
+ border: none;
+ color: #fff;
+}
+::v-deep .el-select-dropdown__list {
+ background: #000;
+}
+::v-deep .el-pagination button:disabled {
+ background-color: transparent;
+}
+::v-deep .el-pagination .btn-next {
+ background-color: transparent;
+ color: #fff;
+}
+::v-deep .el-pager {
+ color: #fff !important;
+}
+::v-deep .el-pager li {
+ background-color: transparent;
+}
+::v-deep .el-pagination__editor.el-input .el-input__inner {
+ background-color: transparent;
+ border: none;
+ color: #fff;
+}
+::v-deep .el-pagination__jump {
+ color: #fff;
+}
+::v-deep .el-select-dropdown .el-popper {
+ background-color: #132d56 !important;
+}
diff --git a/src/views/privateOrder/ecosphere/components/componentRight.vue b/src/views/privateOrder/ecosphere/components/componentRight.vue
index a6bbfad..84b4148 100644
--- a/src/views/privateOrder/ecosphere/components/componentRight.vue
+++ b/src/views/privateOrder/ecosphere/components/componentRight.vue
@@ -94,7 +94,7 @@
- 清朗专项行动动态
+
+ 清朗专项行动工作动态
+
+
+
@@ -197,6 +226,28 @@ export default {
{ url: require("@/assets/ecosphere/清朗专项行动图/1-3.png") },
{ url: require("@/assets/ecosphere/清朗专项行动图/1-4.png") },
],
+ cleanActionData: [
+ { time: '2024-12-28', title: '"清朗行动" 持续发力', source: '即时动态', highlight: false },
+ { time: '2024-12-26', title: '净化人力资源市场环境，商......', source: '头条', highlight: false },
+ { time: '2024-12-23', title: '高贸区开展打击人力资源市......', source: '即时动态', highlight: false },
+ { time: '2024-11-20', title: '科教区开展打击人力资源市......', source: '头条', highlight: false },
+ { time: '2024-10-15', title: '持续净化人力资源市场秩序......', source: '即时动态', highlight: true, highlightTag: '43.58%' },
+ { time: '2024-10-08', title: '保持高压态势 确保 "清朗" ......', source: '头条', highlight: false },
+ { time: '2024-09-11', title: '高贸区劳动监察大队走访园区......', source: '头条', highlight: false },
+ { time: '2024-08-25', title: '净化人力资源市场环境，商......', source: '工作动态', highlight: false },
+ { time: '2024-08-04', title: '高贸区开展打击人力资源市......', source: '头条', highlight: false },
+ { time: '2024-07-28', title: '保持高压态势 确保 "清朗" ......', source: '即时动态', highlight: false }
+ ],
+ cleanActionScrollOption: {
+ step: 0.4, // 数值越大速度滚动越快
+ limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
+ hoverStop: true, // 是否开启鼠标悬停stop
+ direction: 1, // 0向下 1向上 2向左 3向右
+ openWatch: true, // 开启数据实时监控刷新dom
+ singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+ singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+ waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
+ },
qlzxdtList: [],
number: 0,
reportingTimer: null,
@@ -731,6 +782,105 @@ export default {
.section {
width: 720px;
height: 487px;
+ .clean-action-table {
+ margin-top: 20px;
+ height: 400px;
+
+ .table-header {
+ display: flex;
+ background-color: #1A3B6E;
+
+ .header-cell {
+ padding: 12px 15px;
+ color: #ffffff;
+ font-size: 18px;
+ font-weight: normal;
+ text-align: center;
+
+ &:first-child {
+ width: 120px;
+ }
+
+ &:nth-child(2) {
+ flex: 1;
+ }
+
+ &:last-child {
+ width: 100px;
+ }
+ }
+ }
+
+ .scroll-container {
+ height: 360px;
+ overflow: hidden;
+ }
+
+ .table-body {
+ width: 100%;
+
+ .table-row {
+ display: flex;
+ background-color: rgba(18, 40, 69, 0.5);
+ border-bottom: 1px solid #193859;
+
+ &:hover {
+ background-color: rgba(33, 150, 243, 0.1) !important;
+ }
+
+ &:nth-child(odd) {
+ background-color: rgba(18, 40, 69, 0.7);
+ }
+
+ &.highlight-row {
+ position: relative;
+
+ .title-cell {
+ position: relative;
+
+ .highlight-tag {
+ position: absolute;
+ top: 50%;
+ right: 20px;
+ transform: translateY(-50%);
+ color: #ff5252;
+ font-weight: bold;
+ font-size: 16px;
+ background-color: transparent;
+ padding: 2px 8px;
+ border-radius: 0;
+ }
+ }
+ }
+
+ .cell {
+ padding: 12px 15px;
+ font-size: 16px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+
+ &.time-cell {
+ width: 120px;
+ color: #9BB8D5;
+ text-align: center;
+ }
+
+ &.title-cell {
+ flex: 1;
+ color: #ffffff;
+ padding-right: 40px;
+ }
+
+ &.source-cell {
+ width: 100px;
+ color: #9BB8D5;
+ text-align: center;
+ }
+ }
+ }
+ }
+ }
}
.section-reportingProcess {
width: 720px;
diff --git a/src/views/privateOrder/security/components/componentLeft.vue b/src/views/privateOrder/security/components/componentLeft.vue
index ad5ed59..31664c5 100644
--- a/src/views/privateOrder/security/components/componentLeft.vue
+++ b/src/views/privateOrder/security/components/componentLeft.vue
@@ -9,7 +9,7 @@
+
+ 时间
+ 标题
+ 来源
+
+
+
+
+ {{ item.time }}
+
+ {{ item.highlightTag }}
+ {{ item.title }}
+
+ {{ item.source }}
+
-
+
数据来源
@@ -157,7 +157,7 @@
-