看看效果

src/views/resourceCenter/components/ComplexChoices.vue

@@ -6,52 +6,54 @@
 			<!-- <a-radio-group v-model:value="selectedDept" >
 				<a-radio-button v-for="dept in selectedDepts" :key="dept" :value="dept">{{ dept }}</a-radio-button>
 			</a-radio-group> -->
-			<div style="display: flex; flex-direction: column">
-				<MyRadioButtonGroup
-					ref="Dept"
-					v-show="selectedDepts.length > 0"
-					v-model="selectedDept"
-					@change="handleSelectedDept"
-				>
-					<MyRadioButtonOffOut
-						v-for="(item, index) in selectedDepts"
-						:key="index"
-						:value="index"
-						:label="item.name"
-						:index="index"
-					></MyRadioButtonOffOut>
-				</MyRadioButtonGroup>
-				<div style="height: 10px"></div>
-				<MyRadioButtonGroup
-					ref="Big"
-					v-show="selectedDeptBigs.length > 0"
-					v-model="selectedDeptBig"
-					@change="handleSelectedCourses"
-				>
-					<MyRadioButton
-						v-for="(item, index) in selectedDeptBigs"
-						:key="index"
-						:value="index"
-						:label="item.name"
-						:index="index"
-					></MyRadioButton>
-				</MyRadioButtonGroup>
-				<div style="height: 10px"></div>
-				<MyRadioButtonGroup
-					ref="Smail"
-					v-show="selectedDeptSmails.length > 0"
-					v-model="selectedDeptSmail"
-					@change="handleSelectedSmails"
-				>
-					<MyRadioButton
-						v-for="(item, index) in selectedDeptSmails"
-						:key="index"
-						:value="index"
-						:label="item.name"
-						:index="index"
-					></MyRadioButton>
-				</MyRadioButtonGroup>
-			</div>
+			<a-spin :spinning="spinningSelectedDepts" tip="">
+				<div style="display: flex; flex-direction: column">
+					<MyRadioButtonGroup
+						ref="Dept"
+						v-show="selectedDepts.length > 0"
+						v-model="selectedDept"
+						@change="handleSelectedDept"
+					>
+						<MyRadioButtonOffOut
+							v-for="(item, index) in selectedDepts"
+							:key="index"
+							:value="index"
+							:label="item.name"
+							:index="index"
+						></MyRadioButtonOffOut>
+					</MyRadioButtonGroup>
+					<div style="height: 10px"></div>
+					<MyRadioButtonGroup
+						ref="Big"
+						v-show="selectedDeptBigs.length > 0"
+						v-model="selectedDeptBig"
+						@change="handleSelectedCourses"
+					>
+						<MyRadioButton
+							v-for="(item, index) in selectedDeptBigs"
+							:key="index"
+							:value="index"
+							:label="item.name"
+							:index="index"
+						></MyRadioButton>
+					</MyRadioButtonGroup>
+					<div style="height: 10px"></div>
+					<MyRadioButtonGroup
+						ref="Smail"
+						v-show="selectedDeptSmails.length > 0"
+						v-model="selectedDeptSmail"
+						@change="handleSelectedSmails"
+					>
+						<MyRadioButton
+							v-for="(item, index) in selectedDeptSmails"
+							:key="index"
+							:value="index"
+							:label="item.name"
+							:index="index"
+						></MyRadioButton>
+					</MyRadioButtonGroup>
+				</div>
+			</a-spin>
 		</div>
 		<div style="height: 10px"></div>
 		<div class="line"></div>
@@ -78,36 +80,38 @@
 			<!-- <a-radio-group v-model:value="selectedType" @change="handleTypeChange">
 				<a-radio-button v-for="dept in selectedTypes" :key="dept" :value="dept">{{ dept }}</a-radio-button>
 			</a-radio-group> -->
-			<div style="display: flex; flex-direction: column">
-				<MyRadioButtonGroup
-					ref="TypeBig"
-					v-show="selectedTypesBig.length > 0"
-					v-model="selectedTypeBig"
-					@change="handleTypeChangeBig"
-				>
-					<MyRadioButton
-						v-for="(item, index) in selectedTypesBig"
-						:key="index"
-						:value="index"
-						:label="item.name"
-						:index="index"
-					></MyRadioButton>
-				</MyRadioButtonGroup>
-				<MyRadioButtonGroup
-					ref="Type"
-					v-show="selectedTypes.length > 0"
-					v-model="selectedType"
-					@change="handleTypeChange"
-				>
-					<MyRadioButton
-						v-for="(item, index) in selectedTypes"
-						:key="index"
-						:value="index"
-						:label="item.name"
-						:index="index"
-					></MyRadioButton>
-				</MyRadioButtonGroup>
-			</div>
+			<a-spin :spinning="spinningSelectedTypesBig" tip="">
+				<div style="display: flex; flex-direction: column">
+					<MyRadioButtonGroup
+						ref="TypeBig"
+						v-show="selectedTypesBig.length > 0"
+						v-model="selectedTypeBig"
+						@change="handleTypeChangeBig"
+					>
+						<MyRadioButton
+							v-for="(item, index) in selectedTypesBig"
+							:key="index"
+							:value="index"
+							:label="item.name"
+							:index="index"
+						></MyRadioButton>
+					</MyRadioButtonGroup>
+					<MyRadioButtonGroup
+						ref="Type"
+						v-show="selectedTypes.length > 0"
+						v-model="selectedType"
+						@change="handleTypeChange"
+					>
+						<MyRadioButton
+							v-for="(item, index) in selectedTypes"
+							:key="index"
+							:value="index"
+							:label="item.name"
+							:index="index"
+						></MyRadioButton>
+					</MyRadioButtonGroup>
+				</div>
+			</a-spin>
 		</div>
 		<div style="height: 10px"></div>
 		<div class="line"></div>
@@ -117,16 +121,17 @@
 			<!-- <a-radio-group v-model:value="selectedFormat" @change="handleFormatChange">
 				<a-radio-button v-for="dept in selectedFormats" :key="dept" :value="dept">{{ dept }}</a-radio-button>
 			</a-radio-group> -->
-
-			<MyRadioButtonGroup ref="Format" v-model="selectedFormat" @change="handleFormatChange">
-				<MyRadioButton
-					v-for="(item, index) in selectedFormats"
-					:key="item"
-					:value="index"
-					:label="item.fileExtendName"
-					:index="index"
-				></MyRadioButton>
-			</MyRadioButtonGroup>
+			<a-spin :spinning="spinningSelectedFormats" tip="">
+				<MyRadioButtonGroup ref="Format" v-model="selectedFormat" @change="handleFormatChange">
+					<MyRadioButton
+						v-for="(item, index) in selectedFormats"
+						:key="item"
+						:value="index"
+						:label="item.fileExtendName"
+						:index="index"
+					></MyRadioButton>
+				</MyRadioButtonGroup>
+			</a-spin>
 		</div>
 		<div style="height: 10px"></div>
 		<div class="line"></div>
@@ -190,6 +195,7 @@
 	const selectedTagKeys = ref([])
 
 	const selectedDepts = ref([])
+	const spinningSelectedDepts = ref(false)
 	const selectedDeptBigs = ref([])
 
 	const selectedDeptBigsList = ref([])
@@ -219,8 +225,10 @@
 		'应急程序训练'
 	])
 	const selectedTypesBig = ref([])
+	const spinningSelectedTypesBig = ref(false)
 	const selectedTypes = ref([])
 	const selectedFormats = ref([])
+	const spinningSelectedFormats = ref(false)
 
 	const selectedTypesBigList = ref([])
 	const selectedTypesList = ref([])
@@ -531,7 +539,7 @@
 		// Course.value.setClean('全部')
 		// Type.value.setClean('全部')
 		// Format.value.setClean('全部')
-
+		spinningSelectedDepts.value = true
 		collegeApi.treeAll().then((data) => {
 			selectedDepts.value = data
 			selectedDepts.value.forEach((item) => {
@@ -544,11 +552,13 @@
 					})
 				}
 			})
+			spinningSelectedDepts.value = false
 			console.log('看看最小的', selectedDeptSmailsList.value)
 			// Dept.value.setClean(0)
 			// handleSelectedDept(0)
 			// handleSelectedCourses(0)
 		})
+		spinningSelectedTypesBig.value = true
 		getQueryTreeAll().then((data) => {
 			selectedTypesBig.value = data.data
 			selectedTypesBig.value.forEach((item) => {
@@ -561,9 +571,12 @@
 					})
 				}
 			})
+			spinningSelectedTypesBig.value = false
 		})
+		spinningSelectedFormats.value = true
 		getAllListFileFormat().then((data) => {
 			selectedFormats.value = data.data
+			spinningSelectedFormats.value = false
 		})
 
 		// selectedDepts.value.unshift({ name: '全部' })

src/views/resourceDetails/components/VideoDetails.vue

@@ -271,7 +271,8 @@
 
 					videoFormat.value = itemData.value.suffix
 
-					releaseTime.value = tool.formatTimestamp(itemData.value.uploadTime)
+					// releaseTime.value = tool.formatTimestamp(itemData.value.uploadTime)
+					releaseTime.value = itemData.value.uploadTime
 
 					videoSize.value = itemData.value.FILESIZE ? itemData.value.FILESIZE + 'b' : ''