-
+
{{ item.value }}{{ item.dw ? item.dw : "" }}
@@ -228,7 +326,11 @@
-
+
{{ item.name }} |
{{ item.key1 }}
@@ -237,17 +339,23 @@
}}
|
- {{ item.key2 }}:{{
- item.key2_value
- }}
+ {{ item.key2 }}:{{
+ item.key2_value
+ }}
|
-
@@ -263,71 +371,70 @@ import Dialog from "./dialog/dialog.vue";
import tableTennis from "../assets/images/sy/tableTennis.png";
import { ref, reactive, onMounted, onBeforeMount, computed } from "vue";
import http from "@/utils/request.js";
-import { CircleCloseFilled } from '@element-plus/icons-vue'
+import { CircleCloseFilled } from "@element-plus/icons-vue";
import { columns } from "element-plus/es/components/table-v2/src/common.mjs";
// 详情弹框
-const dialogShow = ref(false)
+const dialogShow = ref(false);
const tableType = reactive({
- title: '',
+ title: "",
columns: [
{
- label: '姓名',
- property: 'name',
- width: '150'
+ label: "姓名",
+ property: "name",
+ width: "150",
},
{
- label: '人员类别',
- property: 'type',
- width: '150'
+ label: "人员类别",
+ property: "type",
+ width: "150",
},
{
- label: '就失业状态',
- property: 'status',
- width: '150'
+ label: "就失业状态",
+ property: "status",
+ width: "150",
},
{
- label: '日期',
- property: 'date',
+ label: "日期",
+ property: "date",
},
{
- label: '地址',
- property: 'address',
+ label: "地址",
+ property: "address",
},
],
data: [
{
- date: '2016-05-02',
- name: 'John Smith',
- address: 'No.1518, Jinshajiang Road, Putuo District',
+ date: "2016-05-02",
+ name: "John Smith",
+ address: "No.1518, Jinshajiang Road, Putuo District",
},
{
- date: '2016-05-04',
- name: 'John Smith',
- address: 'No.1518, Jinshajiang Road, Putuo District',
+ date: "2016-05-04",
+ name: "John Smith",
+ address: "No.1518, Jinshajiang Road, Putuo District",
},
{
- date: '2016-05-01',
- name: 'John Smith',
- address: 'No.1518, Jinshajiang Road, Putuo District',
+ date: "2016-05-01",
+ name: "John Smith",
+ address: "No.1518, Jinshajiang Road, Putuo District",
},
{
- date: '2016-05-03',
- name: 'John Smith',
- address: 'No.1518, Jinshajiang Road, Putuo District',
+ date: "2016-05-03",
+ name: "John Smith",
+ address: "No.1518, Jinshajiang Road, Putuo District",
},
- ]
-})
+ ],
+});
const showDialog = (title) => {
- dialogShow.value = true
- tableType.title = title
-}
+ dialogShow.value = true;
+ tableType.title = title;
+};
const close = () => {
- dialogShow.value = false
-}
-
+ dialogShow.value = false;
+};
const data = reactive({
PopulationData: {
@@ -654,14 +761,16 @@ const jtsyList = ref([
// 县城学校师生比样式
const cs = computed(() => {
- let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student
- }`;
+ let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${
+ jysyList.value[0].teacher + jysyList.value[0].student
+ }`;
return str;
});
// 农村学校师生比样式
const nc = computed(() => {
- let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student
- }`;
+ let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${
+ jysyList.value[1].teacher + jysyList.value[1].student
+ }`;
return str;
});
// 服务表格样式
@@ -834,10 +943,25 @@ onBeforeMount(async () => {
.tabelPart {
height: 60vh;
padding: 16px;
- background: linear-gradient(270deg, rgba(0, 77, 131, 0.69) 0%, rgba(0, 51, 83, 0.77) 50%, rgba(0, 77, 131, 0.74) 100%), radial-gradient(66% 40% at 50% 0%, rgba(1, 150, 243, 0.55) 0%, rgba(0, 116, 255, 0) 100%);
+ background: linear-gradient(
+ 270deg,
+ rgba(0, 77, 131, 0.69) 0%,
+ rgba(0, 51, 83, 0.77) 50%,
+ rgba(0, 77, 131, 0.74) 100%
+ ),
+ radial-gradient(
+ 66% 40% at 50% 0%,
+ rgba(1, 150, 243, 0.55) 0%,
+ rgba(0, 116, 255, 0) 100%
+ );
box-shadow: inset 0px 0px 56px 0px rgba(100, 191, 255, 0.5);
border: 2px solid;
- border-image: linear-gradient(180deg, rgba(21, 150, 255, 1), rgba(0, 157, 227, 0)) 2 2;
+ border-image: linear-gradient(
+ 180deg,
+ rgba(21, 150, 255, 1),
+ rgba(0, 157, 227, 0)
+ )
+ 2 2;
:deep(.el-table) {
--el-table-bg-color: none;
@@ -1084,9 +1208,11 @@ onBeforeMount(async () => {
color: #2ef1ff;
line-height: 26px;
text-shadow: 0px 0px 13px rgba(0, 252, 255, 0.5);
- background: linear-gradient(270deg,
- rgba(255, 255, 255, 0) 0%,
- #3976a1 100%);
+ background: linear-gradient(
+ 270deg,
+ rgba(255, 255, 255, 0) 0%,
+ #3976a1 100%
+ );
}
}
}
@@ -1424,26 +1550,26 @@ onBeforeMount(async () => {
// border: 1px solid rgba(255, 255, 255, 0.77);
background-color: #27628d;
position: relative;
- border-radius: 8px;
+ border-radius: 8px;
.csbl {
position: absolute;
left: 0;
width: calc(var(--teacher) / var(--total) * 100%);
height: 8px;
background-color: #00f5ff;
- border-radius: 8px;
+ border-radius: 8px;
}
.ncbl {
- position: absolute;
+ position: absolute;
left: 0;
width: calc(var(--teacher) / var(--total) * 100%);
height: 8px;
background-color: #ffd863;
- border-radius: 8px;
+ border-radius: 8px;
}
}
- &_xia:nth-child(2){
+ &_xia:nth-child(2) {
background-color: #475e73;
}
}
@@ -1584,9 +1710,11 @@ onBeforeMount(async () => {
line-height: 40px;
width: 170px;
height: 40px;
- background: linear-gradient(180deg,
- rgba(0, 142, 255, 0.35) 0%,
- rgba(0, 142, 255, 0.52) 100%);
+ background: linear-gradient(
+ 180deg,
+ rgba(0, 142, 255, 0.35) 0%,
+ rgba(0, 142, 255, 0.52) 100%
+ );
box-shadow: inset 0px -2px 0px 0px #00b4ff;
border-radius: 2px 0px 0px 2px;
color: #ffffff;
@@ -1603,7 +1731,15 @@ onBeforeMount(async () => {
}
}
}
-
+//政务服务
+.zwfw {
+ height: 272px;
+ box-sizing: border-box;
+ background: rgba(255, 255, 255, 0.1);
+ border-radius: 4px;
+ border: 0px solid #7aceff;
+ padding: 16px 19px;
+}
:deep(.el-table) {
background: rgba(32, 64, 115, 1);
@@ -1620,7 +1756,7 @@ onBeforeMount(async () => {
padding-left: 10px;
}
-::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: #2f4b74;
}