Эх сурвалжийг харах

reactor:调整考试培训得培训模板目录;

zhangchong 5 өдөр өмнө
parent
commit
96a3d85b5a

+ 41 - 35
src/views/examTrain/train/statistics/resultAnalysis.vue

@@ -6,8 +6,15 @@
 					<statistical-time v-model="state.queryParams.crTime" @change="handleQuery" ref="statisticalTimeRef" :disabled="state.loading" />
 				</el-form-item>
 				<el-form-item label="培训标题" prop="keyword">
-                    <el-input v-model="state.queryParams.keyword" placeholder="培训标题" clearable @change="handleQuery" :disabled="state.loading" class="keyword-input" />
-                </el-form-item>
+					<el-input
+						v-model="state.queryParams.keyword"
+						placeholder="培训标题"
+						clearable
+						@change="handleQuery"
+						:disabled="state.loading"
+						class="keyword-input"
+					/>
+				</el-form-item>
 				<el-form-item>
 					<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
 					<el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
@@ -16,7 +23,7 @@
 				</el-form-item>
 			</el-form>
 			<el-row :gutter="20">
-                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+				<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 					<div style="height: 70vh">
 						<vxe-grid v-bind="gridOptions" ref="gridRef">
 							<template #pager>
@@ -55,10 +62,10 @@ const state = reactive<any>({
 		// 查询条件
 		PageIndex: 1,
 		PageSize: 20,
-		crTime: defaultDate, 
+		crTime: defaultDate,
 		startTime: null,
 		endTime: null,
-        keyword: ''
+		keyword: '',
 	},
 	tableData: [], //表单
 	loading: false, // 加载
@@ -98,38 +105,37 @@ const gridOptions = reactive<any>({
 	align: 'center',
 	columns: [
 		{ field: 'userName', title: '培训人员', width: 120 },
-        { field: 'trainName', title: '培训标题', minWidth: 200 },
-		{ field: 'isCompleteDes', title: '学习是否完成', width: 120},
+		{ field: 'trainName', title: '培训标题', minWidth: 200 },
+		{ field: 'isCompleteDes', title: '学习是否完成', width: 120 },
 	],
 	data: [],
 });
 /** 获取列表 */
-const dataTable = ref([] as any []);
-const queryList = async () => {
+const dataTable = ref([] as any[]);
+const queryList = () => {
 	state.loading = true;
 	gridOptions.loading = true;
 	requestParams.value = Other.deepClone(state.queryParams);
-    requestParams.value.startTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
-    requestParams.value.endTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
-    Reflect.deleteProperty(requestParams.value, 'crTime');
-    getTrainResultAnalysisData(requestParams.value)
-    .then((res) => {
-        gridOptions.data = res.result.items ?? [];
+	requestParams.value.startTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
+	requestParams.value.endTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
+	Reflect.deleteProperty(requestParams.value, 'crTime');
+	getTrainResultAnalysisData(requestParams.value).then((res) => {
+		gridOptions.data = res.result.items ?? [];
 		state.total = res?.result.pagination.totalCount ?? 0;
-    });
-    getTrainCalcuteAnalysisData(requestParams.value)
-    .then((res) => {
-        state.tableData = res.result ?? null;
-        const legendData = ['进行中', '是', '否']
-        dataTable.value = [
-            {name: '进行中', value: state.tableData.trainning},
-            {name: '是', value: state.tableData.complete},
-            {name: '否', value: state.tableData.unComplete},
-        ]
-        setOption(legendData, dataTable.value);
-    });
-    state.loading = false;
-    gridOptions.loading = false;
+
+		gridOptions.loading = false;
+	});
+	getTrainCalcuteAnalysisData(requestParams.value).then((res) => {
+		state.tableData = res.result ?? null;
+		const legendData = ['进行中', '是', '否'];
+		dataTable.value = [
+			{ name: '进行中', value: state.tableData.trainning },
+			{ name: '是', value: state.tableData.complete },
+			{ name: '否', value: state.tableData.unComplete },
+		];
+		setOption(legendData, dataTable.value);
+		state.loading = false;
+	});
 };
 /** 重置按钮操作 */
 const statisticalTimeRef = ref<RefType>();
@@ -163,18 +169,18 @@ const setOption = (legendData: string[], data: any) => {
 				type: 'pie',
 				radius: ['0%', '60%'],
 				top: '10%',
-                itemStyle: {
-                    borderRadius: 10,
-                    borderColor: '#fff',
-                    borderWidth: 2
-                },
+				itemStyle: {
+					borderRadius: 10,
+					borderColor: '#fff',
+					borderWidth: 2,
+				},
 				label: {
 					show: true,
 					overflow: 'none',
 					formatter: (params: any) => {
 						if (params.name !== '') {
 							return `${params.name}:${params.data.value}`;
-                            // (${params.percent}%)
+							// (${params.percent}%)
 						}
 					},
 				},