71 lines
2.8 KiB
Vue
71 lines
2.8 KiB
Vue
<template>
|
|
<div class="tktjClass">
|
|
<a-row>
|
|
<a-col :span="24" style="text-align: center;"><strong style="font-size: 16px;">评课覆盖率</strong></a-col>
|
|
<a-col :span="24">
|
|
<a-row>
|
|
<a-col :span="6">
|
|
<a-form-item label="" style="padding: 10px;">
|
|
<JDictSelectTag placeholder="评课身份" v-model:value="queryParam.tksf" dictCode="kc_tksf" @change="loadData" />
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-form-item label="" style="padding: 10px;">
|
|
<JDictSelectTag placeholder="评课人所在单位" v-model:value="queryParam.szdw" :dictCode="`tkrszdw_view,college,college`" @change="loadData"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-form-item label="" style="padding: 10px;">
|
|
<JDictSelectTag placeholder="课程性质" v-model:value="queryParam.kcxz" dictCode="kc_kcxz" @change="loadData"/>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-row>
|
|
</a-col>
|
|
<a-col :span="24">
|
|
<div style="margin-top:0px;z-index: 0;">
|
|
<tkfglTjt :chartData="barMultiData" height="300px" type="line"></tkfglTjt>
|
|
</div>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" name="kcPingke-pkfgl" setup>
|
|
import { ref,reactive,onMounted } from 'vue';
|
|
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
import tkfglTjt from '/@/views/kc/pktj/pkfgl/pkfglTjt.vue';
|
|
import { dateFormat } from '/@/utils/common/compUtils';
|
|
import { defHttp } from '/@/utils/http/axios';
|
|
import { getSysConfig } from '/@/views/site/utils/index';
|
|
|
|
const barMultiData = reactive<any>([]);
|
|
const queryParam = ref<any>({});
|
|
const list = (queryParam) => defHttp.get({ url: '/qa/kcEvaluation/getPkfglTjt', params:queryParam });
|
|
|
|
//进入就加载
|
|
onMounted(() => {
|
|
const format = 'yyyy-MM-dd';
|
|
const startTime = new Date(getSysConfig().bxqkssj);
|
|
queryParam.value.startTime = dateFormat(startTime, format)
|
|
queryParam.value.endTime = dateFormat(new Date(), format)
|
|
loadData()
|
|
});
|
|
|
|
function loadData(){
|
|
barMultiData.length = 0
|
|
list(queryParam.value).then(res=>{
|
|
var list = res
|
|
for(var i=0;i<list.length;i++){
|
|
barMultiData.push({name: list[i].dwjc, value: parseFloat(list[i].ljtkv), type: '累计评课率', seriesType: 'bar'})
|
|
barMultiData.push({name: list[i].dwjc, value: parseFloat(list[i].avgtkv), type: '累计全校平均评课率', seriesType: 'line'})
|
|
barMultiData.push({name: list[i].dwjc, value: parseFloat(list[i].jrtkv), type: '今日评课率', seriesType: 'line'})
|
|
barMultiData.push({name: list[i].dwjc, value: parseFloat(list[i].jravgtkv), type: '今日全校平均评课率', seriesType: 'line'})
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
<style lang="less" scoped>
|
|
</style>
|