更新

src/assets/html/filePreview.vue

@@ -1,76 +0,0 @@
-<template>
-  <div class="filePreviwBox" v-if="props.isPreviw">
-    <div class="close">
-      <span @click="closePreview">
-         <van-icon name='cross'/>
-      </span>
-    </div>
-    <iframe
-      ref="iframes"
-      :src="props.url"
-      frameborder="0"
-      marginwidth="0"
-      margin-height="0"
-      scrolling="yes"
-      height="100%"
-      width="100%"
-    >
-    </iframe>
-  </div>
-</template>
-
-<script setup>
-import Base64 from "base-64";
-import {
-  ref,
-  onMounted,
-  defineProps,
-  defineEmits,
-  watch,
-  onBeforeUnmount,
-} from "vue";
-const emits = defineEmits(["closePreview"]);
-const props = defineProps({
-  url: String,
-  isPreviw: Boolean,
-});
-const iframes = ref();
-function closePreview() {
-  emits("closePre");
-}
-</script>
-
-<style lang="scss" scoped>
-.filePreviwBox {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  z-index: 9999;
-
-  .close {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 50px;
-    text-align: center;
-    color: #000;
-    z-index: 999999999;
-    font-size: 20px;
-    padding-top: 10px;
-    span {
-      display: inline-block;
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
-      border: 1px solid #e9e9e9;
-      border-radius: 50%;
-    }
-  }
-}
-
-</style>

src/assets/styles/jqList.scss

@@ -1,102 +0,0 @@
-@import "./mixin.scss";
-
-.trailList {
-	// overflow: scroll;
-	// box-sizing: border-box;
-	.item {
-		padding: 3vw;
-		margin: 3vw;
-		border-radius: 1vw;
-		@include font_color($font-color-theme);
-		// box-shadow: inset 0px 0px 2.66667vw 0px #63acff !important;
-
-		.warning_time {
-			position: relative;
-			@include font_size($font_medium_s);
-			.timeicon {
-				width: 2.93334vw;
-				height: 2.93334vw;
-				margin-right: 1vw;
-				vertical-align: middle;
-			}
-
-			.ststus {
-				position: absolute;
-				top: 0;
-				right: 0;
-				font-size: 10px;
-				border-radius: 3px;
-				display: inline-block;
-				padding: 1px 5px;
-			}
-			.red {
-				border: 1px solid red !important;
-				color: red !important;
-			}
-
-			.orange {
-				border: 1px solid orange !important;
-				color: orange !important;
-			}
-
-			.yellow {
-				border: 1px solid #ffcc40 !important;
-				color: #ffcc40 !important;
-			}
-
-			.dfk {
-				border: 1px solid #63acff !important;
-				color: #63acff !important;
-			}
-
-			.green {
-				border: 1px solid green !important;
-				color: green !important;
-			}
-
-			.blue {
-				border: 1px solid blue !important;
-				color: blue !important;
-			}
-
-		}
-
-		.detail_info {
-			display: flex;
-			@include font_color($font-color-theme);
-			
-			>img {
-				height: 22vw;
-				width: 20vw;
-			}
-
-			.waring_detail {
-				// margin-left: 2vw;
-				width: 100%;
-				// color: #e1e1e1;
-				@include font_size($font_medium);
-				&>div {
-					margin: 2vw 0;
-				}
-
-				.disp {
-					@include font_size($font_medium_s);
-					display: flex;
-					justify-content: space-between;
-				}
-
-				.titles {
-					font-size: 3.96667vw;
-					font-weight: 600;
-
-				}
-			}
-		}
-	}
-
-	.empty {
-		span-align: center;
-		padding-top: 20vw;
-		color: #999;
-	}
-}

src/assets/styles/wqList.scss

@@ -1,217 +0,0 @@
-.filterBtn {
-		border: 0.33333vw solid #4CBAFF;
-		border-radius: 1.3333vw;
-
-		span-align: center;
-		line-height: 8.5333vw;
-		font-size: 11.5pt;
-	}
-
-	.taskCenterList {
-		.li {
-			margin-top: 1vw;
-			margin-bottom: 1vw;
-			border: 1px red solid;
-		}
-	}
-
-	.warning_tab_box {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 3vw 2vw;
-		height: 11vw;
-		position: fixed;
-		top: 11vw;
-		width: 100%;
-		background: #041533;
-
-		>div {
-			// width: 16.6%;
-			span-align: center;
-			position: relative;
-		}
-
-		.isSelect {
-			color: #63acff;
-			background: transparent;
-		}
-
-		.isSelect::after {
-			content: '';
-			position: absolute;
-			height: 0.5vw;
-			width: 80%;
-			background: #63acff;
-			bottom: -2vw;
-			left: 10%;
-		}
-	}
-
-	.trailList {
-		height: calc(100vh - 23.5vw);
-
-		.item {
-			padding: 3vw;
-			margin: 2vw;
-			border-radius: 1vw;
-
-			box-shadow: inset 0px 0px 2.66667vw 0px #63acff !important;
-
-			.warning_time {
-				position: relative;
-
-				img.timeicon {
-					width: 2.93334vw;
-					height: 2.93334vw;
-					margin-right: 1vw;
-					vertical-align: middle;
-				}
-
-				span {
-					vertical-align: middle;
-				}
-
-				.ststus {
-					position: absolute;
-					top: 0;
-					right: 0;
-					font-size: 10px;
-					border-radius: 3px;
-					display: inline-block;
-					padding: 1px 5px;
-				}
-
-				.orange {
-					border: 1px solid orange !important;
-					color: orange !important;
-				}
-
-				.yellow {
-					border: 1px solid #ffcc40 !important;
-					color: #ffcc40 !important;
-				}
-
-				.dfk {
-					border: 1px solid #63acff !important;
-					color: #63acff !important;
-				}
-
-				.warning_type {
-					background-color: #4CBAFF;
-					padding: 0.5vw 2vw;
-					font-size: 12px;
-					border-radius: 0.8vw;
-				}
-			}
-
-			.detail_info {
-				display: flex;
-				margin-top: 1vw;
-
-				>img {
-					height: 22vw;
-					width: 20vw;
-				}
-
-				.waring_detail {
-
-					margin-left: 2vw;
-
-					&>div {
-						margin: 1.2vw 0;
-					}
-
-					.name {
-						font-size: 4.26667vw;
-					}
-				}
-			}
-		}
-	}
-
-	.trailListInfo {
-		margin-top: 3.2vw;
-		display: flex;
-		background-color: #09224D;
-		// height: 37.73vw;
-		width: 89.06vw;
-		padding-left: 2.66vw;
-		padding-top: 4.66vw;
-
-		.personImg {
-			width: 20vw;
-			height: 28.8vw;
-			margin-right: 3.2vw;
-			background-color: gray;
-		}
-
-		.detailInfo {
-			width: 100%;
-
-			.personName {
-				font-size: 4.53vw;
-				line-height: 6.13vw;
-				border-radius: 0.8vw;
-				margin-bottom: 2.67vw;
-				span-align: left;
-			}
-
-			.infoMargin {
-				// display: flex;
-				position: relative;
-				margin-bottom: 3vw;
-
-				.rightItem {
-					// display: block;
-					// position: absolute;
-					right: 3.2vw;
-				}
-
-				.warning {
-					// display: block;
-					height: 3.73vw;
-					width: 3.73vw;
-					background-color: #066AFF;
-					;
-					border-radius: 50%;
-				}
-
-				.info {
-					color: #333970;
-					// display: block;
-				}
-			}
-
-		}
-
-	}
-
-	.yjlx_type {
-		display: inline-block;
-		font-size: 12px;
-		background: rgba(19, 125, 255, 0.4);
-		padding: 2px 5px;
-		margin: 0.5vw 0;
-		border-radius: 0.66667vw;
-	}
-
-	.red {
-		box-shadow: inset 0px 0px 2.66667vw 0px #ed0000 !important;
-	}
-
-	.orange {
-		box-shadow: inset 0px 0px 2.66667vw 0px #ffa500 !important;
-	}
-
-	.yellow {
-		box-shadow: inset 0px 0px 2.66667vw 0px #ffcc40 !important;
-	}
-
-	.blue {
-		box-shadow: inset 0px 0px 2.66667vw 0px #63acff !important;
-	}
-
-	.green {
-		box-shadow: inset 0px 0px 15px 0px #1cd66c !important;
-	}