dbsd_kczx/src/views/kc/index/tpkztj/tpkztj.vue

100 lines
3.9 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.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" @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="kcxz" @change="loadData"/>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="" style="padding: 10px;">
<a-select
ref="select"
v-model:value="queryParam.djz"
style="width: 120px"
@change="loadData"
>
<a-select-option :value="item.bxqkssj" v-for="(item,index) in djzData">{{item.flag1}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</a-col>
<a-col :span="24">
<div style="margin-top:0px;z-index: 0;">
<tkztjTjt :chartData="barMultiData" height="300px" type="line"></tkztjTjt>
</div>
</a-col>
</a-row>
</div>
</template>
<script lang="ts" name="kcTingke-tkztj" setup>
import { ref,reactive,onMounted } from 'vue';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import tkztjTjt from '/@/views/kc/index/tpkztj/tpkztjTjt.vue';
import { dateFormat } from '/@/utils/common/compUtils';
import { defHttp } from '/@/utils/http/axios';
const barMultiData = reactive<any>([]);
const queryParam = ref<any>({});
const djzData = reactive<any>([]);
const list = (queryParam) => defHttp.get({ url: '/kcTingke/kcTingke/getIndexTpkztjList', params:queryParam });
const listDjz = (queryParam) => defHttp.get({ url: '/kcSysConfig/kcSysConfig/getDjz', params:queryParam });
//进入就加载
onMounted(() => {
// const format = 'yyyy-MM-dd';
// const startTime = new Date();
// startTime.setTime(startTime.getTime()-60000*60*24*7)
// queryParam.value.startTime = dateFormat(startTime, format)
// queryParam.value.endTime = dateFormat(new Date(), format)
// loadData()
listDjz({}).then(res=>{
console.log(`🚀 ~ file: tkztj.vue:59 ~ list ~ res:`, res)
var list = res
var kssj = "";
for(var i=0;i<list.length;i++){
var dqsj = list[i].bxqkssj+","+list[i].bxqjssj
djzData.push({bxqkssj:dqsj,flag1:list[i].flag1})
if(list[i].flag2 == '1'){
kssj = dqsj
}
}
console.log(`🚀 ~ file: tkztj.vue:81 ~ listDjz ~ kssj:`, kssj)
queryParam.value.djz = kssj
loadData()
})
});
function loadData(){
barMultiData.length = 0
var dqsj = queryParam.value.djz
var sjjh = dqsj.split(",");
queryParam.value.startTime = sjjh[0]
queryParam.value.endTime = sjjh[1]
list(queryParam.value).then(res=>{
console.log(`🚀 ~ file: tkztj.vue:59 ~ list ~ res:`, res)
var list = res
for(var i=0;i<list.length;i++){
barMultiData.push({name: list[i].skrq, value: parseInt(list[i].kssl), type: '开课课堂数', seriesType: 'bar'})
barMultiData.push({name: list[i].skrq, value: parseInt(list[i].tkkts), type: '听课课堂数', seriesType: 'line'})
barMultiData.push({name: list[i].skrq, value: parseInt(list[i].tkrcs), type: '听课人次', seriesType: 'line'})
barMultiData.push({name: list[i].skrq, value: parseInt(list[i].pkrc), type: '评课人次', seriesType: 'line'})
}
console.log(`🚀 ~ file: tkztj.vue:67 ~ list ~ barMultiData:`, barMultiData)
})
}
</script>
<style lang="less" scoped>
</style>