ecms.git - Gitblit

			@@ -22,505 +22,522 @@
			</template>

			<script setup>


			let dataList = ref([{
			name: "网关",
			list: [
			{
			id: 1,
			title_num: "数据库",
			dot: []
			},
			{
			id: 2,
			title_num: "200331",
			dot: []
			},
			{
			id: 3,
			title_num: "200331",
			dot: []
			},
			{
			id: 4,
			title_num: "200331",
			dot: []
			},
			{
			id: 5,
			title_num: "200331",
			dot: []
			},
			{
			id: 6,
			title_num: "200331",
			dot: []
			},
			{
			id: 7,
			title_num: "200331",
			dot: []
			},
			{
			id: 8,
			title_num: "200331",
			dot: []
			},
			{
			id: 9,
			title_num: "200331",
			dot: []
			},
			{
			id: 10,
			title_num: "200331",
			dot: []
			},
			{
			id: 11,
			title_num: "200331",
			dot: []
			},
			{
			id: 12,
			title_num: "200331",
			dot: []
			},
			{
			id: 13,
			title_num: "200331",
			dot: []
			},
			{
			id: 14,
			title_num: "200331",
			dot: []
			},
			{
			id: 15,
			title_num: "200461",
			dot: []
			},
			{
			id: 16,
			title_num: "200475",
			dot: []
			},
			]
			},
			{
			name: "计算器具",
			list: [{
			id: 1,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			let dataList = ref([
			{
			name: "网关",
			list: [
			{
			id: 1,
			title_num: "数据库",
			dot: [],
			},
			{
			id: 2,
			title_num: "200331",
			dot: [],
			},
			{
			id: 3,
			title_num: "200331",
			dot: [],
			},
			{
			id: 4,
			title_num: "200331",
			dot: [],
			},
			{
			id: 5,
			title_num: "200331",
			dot: [],
			},
			{
			id: 6,
			title_num: "200331",
			dot: [],
			},
			{
			id: 7,
			title_num: "200331",
			dot: [],
			},
			{
			id: 8,
			title_num: "200331",
			dot: [],
			},
			{
			id: 9,
			title_num: "200331",
			dot: [],
			},
			{
			id: 10,
			title_num: "200331",
			dot: [],
			},
			{
			id: 11,
			title_num: "200331",
			dot: [],
			},
			{
			id: 12,
			title_num: "200331",
			dot: [],
			},
			{
			id: 13,
			title_num: "200331",
			dot: [],
			},
			{
			id: 14,
			title_num: "200331",
			dot: [],
			},
			{
			id: 15,
			title_num: "200461",
			dot: [],
			},
			{
			id: 16,
			title_num: "200475",
			dot: [],
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			name: "计算器具",
			list: [
			{
			id: 1,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			],
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			],
			}
			]
			},
			{
			name: "网关",
			list: [{
			id: 1,
			title_num: "200505"
			},
			{
			id: 2,
			title_num: "200331"
			},
			{
			id: 3,
			title_num: "200331"
			},
			{
			id: 4,
			title_num: "200331"
			},
			{
			id: 5,
			title_num: "200331"
			},
			{
			id: 6,
			title_num: "200331"
			},
			{
			id: 7,
			title_num: "200331"
			},
			{
			id: 8,
			title_num: "200331"
			},
			{
			id: 9,
			title_num: "200331"
			},
			{
			id: 10,
			title_num: "200331"
			},
			{
			id: 11,
			title_num: "200331"
			},
			{
			id: 12,
			title_num: "200331"
			},
			{
			id: 13,
			title_num: "200331"
			},
			{
			id: 14,
			title_num: "200331"
			},
			{
			id: 15,
			title_num: "200461"
			},
			{
			id: 16,
			title_num: "200604"
			},
			]
			},
			{
			name: "计算器具",
			list: [{
			id: 1,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			name: "网关",
			list: [
			{
			id: 1,
			title_num: "200505",
			},
			{
			id: 2,
			title_num: "200331",
			},
			{
			id: 3,
			title_num: "200331",
			},
			{
			id: 4,
			title_num: "200331",
			},
			{
			id: 5,
			title_num: "200331",
			},
			{
			id: 6,
			title_num: "200331",
			},
			{
			id: 7,
			title_num: "200331",
			},
			{
			id: 8,
			title_num: "200331",
			},
			{
			id: 9,
			title_num: "200331",
			},
			{
			id: 10,
			title_num: "200331",
			},
			{
			id: 11,
			title_num: "200331",
			},
			{
			id: 12,
			title_num: "200331",
			},
			{
			id: 13,
			title_num: "200331",
			},
			{
			id: 14,
			title_num: "200331",
			},
			{
			id: 15,
			title_num: "200461",
			},
			{
			id: 16,
			title_num: "200604",
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			name: "计算器具",
			list: [
			{
			id: 1,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			],
			},
			{
			id: 4,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			{
			id: "005",
			dot_li: "",
			},
			],
			},
			{
			id: 5,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			{
			id: "005",
			dot_li: "",
			},
			{
			id: "006",
			dot_li: "",
			},
			],
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			name: "网关",
			list: [
			{
			id: 1,
			title_num: "200605",
			},
			{
			id: 2,
			title_num: "200331",
			},
			{
			id: 3,
			title_num: "200331",
			},
			{
			id: 4,
			title_num: "38081703",
			},
			],
			},
			{
			id: 4,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			{
			id: '005',
			dot_li: ""
			},
			name: "计算器具",
			list: [
			{
			id: 1,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			],
			},
			{
			id: 4,
			title_num: "",
			dot: [
			{
			id: "001",
			dot_li: "",
			},
			{
			id: "002",
			dot_li: "",
			},
			{
			id: "003",
			dot_li: "",
			},
			{
			id: "004",
			dot_li: "",
			},
			{
			id: "005",
			dot_li: "",
			},
			],
			},
			],
			},
			{
			id: 5,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			{
			id: '005',
			dot_li: ""
			},
			{
			id: '006',
			dot_li: ""
			},
			],
			}
			]
			},
			{
			name: "网关",
			list: [{
			id: 1,
			title_num: "200605"
			},
			{
			id: 2,
			title_num: "200331"
			},
			{
			id: 3,
			title_num: "200331"
			},
			{
			id: 4,
			title_num: "38081703"
			},
			]
			},
			{
			name: "计算器具",
			list: [{
			id: 1,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			],
			},
			{
			id: 2,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			],
			},
			{
			id: 3,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			],
			},
			{
			id: 4,
			title_num: "",
			dot: [{
			id: '001',
			dot_li: ""
			},
			{
			id: '002',
			dot_li: ""
			},
			{
			id: '003',
			dot_li: ""
			},
			{
			id: '004',
			dot_li: ""
			},
			{
			id: '005',
			dot_li: ""
			},
			],
			}
			]
			},
			])

			</script>

			<style lang="scss" scoped>
			@import "@/assets/styles/page.scss";
			.themeDark {
			.border {
			border: 1px solid #fff;
			color: #fff;

			.border {
			border: 1px solid #fff;
			color: #fff;

			.table {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-bottom: 1px solid #fff;

			&:last-child {
			border-bottom: none;
			}

			.num {
			width: 100%;
			.table {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-bottom: 1px solid #fff;

			.name {
			width: 6%;
			min-height: 50px;
			height: max-content;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: none !important;
			&:last-child {
			border-bottom: none;
			}

			.firstLi {
			width: 94%;
			flex-shrink: 0;
			.num {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-left: 1px solid #fff;

			.li {
			width: 6.25%;
			.name {
			width: 6%;
			min-height: 50px;
			height: max-content;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: 1px solid #fff;
			border-right: none !important;
			}

			&.hasRightLine {
			border-right: 1px solid #fff !important;
			}
			.firstLi {
			width: 94%;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-left: 1px solid #fff;

			&:last-child {
			border-right: none;
			}

			.title_num {}

			.dot {
			width: 40px;
			.li {
			width: 6.25%;
			min-height: 50px;
			height: max-content;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			justify-content: center;
			border-right: 1px solid #fff;

			.dot_li {
			width: 15px;
			height: 15px;
			border-radius: 4px;
			background: #ff0000;
			margin: 10px auto;
			&.hasRightLine {
			border-right: 1px solid #fff !important;
			}

			&:nth-child(2n) {
			margin-right: 0;
			&:last-child {
			border-right: none;
			}

			.title_num {
			}

			.dot {
			width: 40px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;

			.dot_li {
			width: 15px;
			height: 15px;
			border-radius: 4px;
			background: #ff0000;
			margin: 10px auto;

			&:nth-child(2n) {
			margin-right: 0;
			}
			}
			}
			}
			@@ -529,4 +546,89 @@
			}
			}
			}
			</style>

			.themeLight {
			.border {
			border: 1px solid #666;
			color: #333;

			.table {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-bottom: 1px solid #666;

			&:last-child {
			border-bottom: none;
			}

			.num {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-start;

			.name {
			width: 6%;
			min-height: 50px;
			height: max-content;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: none !important;
			}

			.firstLi {
			width: 94%;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			border-left: 1px solid #666;

			.li {
			width: 6.25%;
			min-height: 50px;
			height: max-content;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: 1px solid #666;

			&.hasRightLine {
			border-right: 1px solid #666 !important;
			}

			&:last-child {
			border-right: none;
			}

			.title_num {
			}

			.dot {
			width: 40px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;

			.dot_li {
			width: 15px;
			height: 15px;
			border-radius: 4px;
			background: #ff0000;
			margin: 10px auto;

			&:nth-child(2n) {
			margin-right: 0;
			}
			}
			}
			}
			}
			}
			}
			}
			}
			</style>