From 89d5c84eba03fd0451ef1406d74a78da010cd750 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Mon, 8 Jan 2024 08:22:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../KcExportConfigTpkwcqkjzglxNew.api.ts      |  72 +++++
 src/views/site/jingCaiGongKaiKe/gkkMore.vue   | 290 ++++++++++++++++++
 2 files changed, 362 insertions(+)
 create mode 100644 src/views/kc/config/KcExportConfigTpkwcqkjzglxNew.api.ts
 create mode 100644 src/views/site/jingCaiGongKaiKe/gkkMore.vue

diff --git a/src/views/kc/config/KcExportConfigTpkwcqkjzglxNew.api.ts b/src/views/kc/config/KcExportConfigTpkwcqkjzglxNew.api.ts
new file mode 100644
index 0000000..88e264e
--- /dev/null
+++ b/src/views/kc/config/KcExportConfigTpkwcqkjzglxNew.api.ts
@@ -0,0 +1,72 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/config/kcExportConfigTpkwcqkjzglx/list',
+  save='/config/kcExportConfigTpkwcqkjzglx/add',
+  edit='/config/kcExportConfigTpkwcqkjzglx/edit',
+  deleteOne = '/config/kcExportConfigTpkwcqkjzglx/delete',
+  deleteBatch = '/config/kcExportConfigTpkwcqkjzglx/deleteBatch',
+  importExcel = '/config/kcExportConfigTpkwcqkjzglx/importExcel',
+  exportXls = '/config/kcExportConfigTpkwcqkjzglx/exportXls3',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ * @param params
+ * @param handleSuccess
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+
+/**
+ * 批量删除
+ * @param params
+ * @param handleSuccess
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+
+/**
+ * 保存或者更新
+ * @param params
+ * @param isUpdate
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+}
diff --git a/src/views/site/jingCaiGongKaiKe/gkkMore.vue b/src/views/site/jingCaiGongKaiKe/gkkMore.vue
new file mode 100644
index 0000000..51c848b
--- /dev/null
+++ b/src/views/site/jingCaiGongKaiKe/gkkMore.vue
@@ -0,0 +1,290 @@
+<template>
+  <div id="siteMain">
+    <div id="maxSite">
+      <a-layout>
+        <!-- 页头 -->
+        <headerPage/>
+        <!-- 主体部分 -->
+        <a-layout-content>
+  <a-card class="rowGutter" id="jcgkkDom">
+    <template #title>
+      <div style="font-size: 24px;font-weight: bold;">精彩公开课</div>
+      <div style="font-weight: 400; line-height: 1; color: #777;">荟萃多学科优秀教师，展现多样化精彩教学</div>
+    </template>
+    <a-row :gutter="[16,16]">
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }" class="dictBox">
+                <j-dict-select-tag v-model:value="queryParam.xnxq" dictCode="kc_xqxn_history,title,title,true order by start_time desc" placeholder="请选择学年学期" style="width: 100%;"/>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <a-date-picker :showTime="false" valueFormat="YYYY-MM-DD" :placeholder="'请选择授课时间'" style="width:100%;" v-model:value="queryParam.rq"></a-date-picker>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <j-input v-model:value="queryParam.ktzt" placeholder="输入课程名" />
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <a-input-search v-model:value="queryParam.hxr" placeholder="输入教师姓名" enter-button @search="loadData"/>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <RouterLink :to="{path:'/site/index'}" >
+                  <a-button type="primary">返回首页</a-button>
+                </RouterLink>
+              </a-col>
+            </a-row>
+    <a-row :gutter="[16,16]" style="margin-top:20px;">
+      <a-col v-for="(item,index) in listData" :key="index" :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }">
+        <!-- <div style="border-radius: 25px;background: #f3f3f3;margin-bottom: 0.5rem;text-align: center;margin: 0 auto .5rem;padding: 0.5rem;"> -->
+        <div class="ggkTimeClass">
+          {{funSj(item.rq)}} {{item.kssj}}-{{item.jssj}}
+        </div>
+        <div>
+          <a href="javascript:void(0)" @click="funGkk(item.jslj)">
+            <div>
+              <span style="position: absolute;top: 4rem;border-radius: 0 10px 10px 0;background: #1ab394;color: #FFF;padding: 3px 10px 3px 5px;z-index: 2;" v-if="item.dqztpx == 1">{{item.dqzt}}</span>
+              <span style="position: absolute;top: 4rem;border-radius: 0 10px 10px 0;background: #1c84c6;color: #FFF;padding: 3px 10px 3px 5px;z-index: 2;" v-if="item.dqztpx == 2">{{item.dqzt}}</span>
+              <span style="position: absolute;top: 4rem;border-radius: 0 10px 10px 0;background-color: rgba(0,0,0,0.46);color: #FFF;padding: 3px 10px 3px 5px;z-index: 2;" v-if="item.dqztpx == 3">{{item.dqzt}}</span>
+              <div>
+                <img style="border-radius: 10px 10px 0 0;margin-bottom: 8px;" :class="classFun(index)" @error="imgOnError($event)" :src="getFileAccessHttpUrl(item.tpmc)"  height="170px"/>
+                <!-- <img style="border-radius: 10px 10px 0 0;margin-bottom: 8px;" :class="classFun(index)" v-if="!item.tpmc" src="/resource/img/kc/moren.png" height="170px"/> -->
+                <!-- <AImage style="border-radius: 10px 10px 0 0;" :class="classFun(index)" :onerror="'/resource/img/kc/moren.png'" :src="getFileAccessHttpUrl(item.tpmc)" :preview="false" :width="'100%'" height="170px"/> -->
+              </div>
+
+            </div>
+          </a>
+          <div style="padding: 10px 1rem 1rem;background: #f3f3f3;">
+          <a href="javascript:void(0)" @click="funGkk(item.jslj)">
+            <div class="ggkTitle ggkCcxs" :title="item.hxr +`·`+item.hxrlb">{{item.hxr}} · {{item.hxrlb}}</div>
+            <div class="ggkTwoTitle ggkCcxs" :title="item.zc +`·`+item.xy">{{item.zc}} {{item.xy}}</div>
+            <div class="ggkThreeTitle ggkCcxs">{{item.ktzt}}</div>
+            <div class="ggkFourTitle">{{item.logcount}}人听课</div>
+          </a>
+            <!-- -{{ item.kclj }}-{{item.sfxs}}-{{ item.jslj }} -->
+            <div v-if="(item.dqztpx=='1'||item.dqztpx=='2')&&item.kclj!=null"><a-button type="primary" class="ggkButton" target="_blank" :href="item.kclj" @click="jrkt(item)">进入课堂</a-button></div>
+            <div v-else><a-button type="primary" class="ggkButton" target="_blank"  :href="item.kclj" @click="jrkt(item)" >直播回放</a-button></div>
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="25" style="line-height: 50px;">
+        <div v-show="listData.length==0" style="text-align: center;">
+          暂无数据
+        </div>
+      </a-col>
+    </a-row>
+  </a-card>
+        </a-layout-content>
+          <!-- 页尾 -->
+          <footerPage/>
+      </a-layout>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+
+import { ref ,onMounted} from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { dateFormat } from '/@/utils/common/compUtils';
+import { Image as AImage } from 'ant-design-vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { useMessage } from '/@/hooks/web/useMessage';
+import { useUserStore } from '/@/store/modules/user';
+import headerPage from '/@/views/site/common/header.vue';
+import footerPage from '/@/views/site/common/footer.vue';
+import { JDictSelectTag, JInput } from '/@/components/Form';
+  
+import { getSysConfig } from '/@/views/site/utils/index';
+const userStore = useUserStore();
+let listData = ref<any>([]);
+const list = (params) => defHttp.get({ url: '/kcGongkaike/kcGongkaike/getIndexList', params });
+
+const { createMessage } = useMessage();
+const queryParam = ref<any>({});
+let pageNo = 1
+let current = 0
+
+enum Api {
+  list = '/kcGongkaikelog/kcGongkaikelog/list',
+  save='/kcGongkaikelog/kcGongkaikelog/add',
+  edit='/kcGongkaikelog/kcGongkaikelog/edit',
+  deleteOne = '/kcGongkaikelog/kcGongkaikelog/delete',
+  deleteBatch = '/kcGongkaikelog/kcGongkaikelog/deleteBatch',
+  importExcel = '/kcGongkaikelog/kcGongkaikelog/importExcel',
+  exportXls = '/kcGongkaikelog/kcGongkaikelog/exportXls',
+}
+/**
+ * 公开课点击教师链接
+ * @param jslj 教师链接
+ */
+function funGkk(jslj){
+  if(jslj){
+    window.open(jslj,"_blank")
+  }
+}
+
+function imgOnError(event){
+  let img = event.srcElement;  //已经弃用
+  img.src = '/resource/img/kc/moren.png'; //data中的图片
+  img.onerror = null; //防止闪图，写了但是还是会疯狂回调onerror的注册事件
+}
+function classFun(index){
+  let stylecss = "redImgClass";
+  if(index%3<1){
+    stylecss = "redImgClass";
+  }else if(index%3==1){
+    stylecss = "blueImgClass";
+  }else if(index%3>1){
+    stylecss = "greenImgClass";
+  }
+  return stylecss;
+}
+function jrkt(item){
+  console.log(`🚀 ~ file: index.vue:109 ~ jrkt ~ item:`, item)
+  const format = 'yyyy-MM-dd hh:mm:ss';
+  let kssj = Date.parse(item.rq+" "+item.kssj+":00");
+  let jssj = Date.parse(item.rq+" "+item.jssj+":00");
+  let dqsj = Date.parse(dateFormat(new Date(), format));
+  console.log(`🚀 ~ file: index.vue:114 ~ jrkt ~ dqsj:`, kssj,dqsj,jssj)
+  if(kssj<=dqsj && jssj>= dqsj){
+    var par = {usercode:userStore?.getUserInfo?.username,username:userStore?.getUserInfo?.realname,shijian: dateFormat(new Date(), format),gkkid:item.id}
+    saveOrUpdate(par, false) .then((res) => { }) 
+  }
+}
+const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+}
+//进入就加载
+onMounted(() => {
+  queryParam.value.xnxq = getSysConfig().flag1
+  loadData()
+});
+/**
+ * 加载数据
+ */
+function loadData(){
+  queryParam.value.sfxs = '1'
+  queryParam.value.pageSize = -1
+  
+  var width = window.screen.width * window.devicePixelRatio;
+  console.log(`🚀 ~ file: index.vue:110 ~ newFunction ~ width:`, width)
+  if(width<800){
+    queryParam.value.pageSize = '1'
+  }
+  queryParam.value.pageNo = pageNo
+  // queryParam.value.column = 'type'
+  // queryParam.value.order = 'asc'
+  listData.value = []
+  list(queryParam.value).then(res => {
+    console.log(`🚀 ~ file: index.vue:104 ~ list ~ res:`, res)
+    var list = res.records
+    for(var i=0;i<list.length;i++){
+      var kssj = new Date(list[i].rq+" "+list[i].kssj+":00");
+      var jssj = new Date(list[i].rq+" "+list[i].jssj+":00");
+      var dqsj = new Date();
+      
+      if(kssj<=dqsj&&jssj>=dqsj){
+        console.log(`🚀 ~ file: index.vue:166 ~ list ~ dqsj:`, 11111111111)
+        list[i].sfxs2 = 1
+      }
+    }
+    console.log(`🚀 ~ file: index.vue:169 ~ list ~ list:`, list)
+    listData.value.push(...list)
+    current = res.pages
+  })
+}
+/**
+ * 事件格式化
+ * @param rq 日期
+ */
+function funSj(rq){
+  var sj = dateFormat(new Date(rq), 'MM月dd日')
+  return sj;
+}
+</script>
+<style lang="less" scoped>
+.ggkTimeClass{
+  display: inline-block;width: 90%;margin-bottom: 10px;margin-left:12px;padding: 0 15px;height: 40px;font-size: 16px;font-weight: 500;line-height: 39px;border-radius: 36px;background-color: #f3f3f3;text-align: center;
+}
+.ggkTitle{
+  line-height: 2rem; font-size: 18px; font-weight: 600;color: black;
+}
+.ggkTwoTitle{
+  color: black; font-size: 14px; line-height: 25px;
+}
+.ggkThreeTitle{
+  font-size: 16px;
+    color: #337ab7;
+    font-weight: 700;
+    line-height: 50px;
+}
+.ggkFourTitle{
+  line-height: 40px;
+    color: black;
+}
+.ggkButton{
+  width: 100%;height:40px;background: #1c84c6;color:#FFF;font-weight: 600;font-size: 18px;border-radius: 5px;
+  line-height: 37px;
+}
+.ggkCcxs{
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.redImgClass{
+  background:linear-gradient(45deg,#b23d59,#d3718a)
+}
+.blueImgClass{
+  background:linear-gradient(45deg,#53637a,#8590a6)
+}
+.greenImgClass{
+  background:linear-gradient(45deg,#7999fc,#79bdfc)
+}
+
+#siteMain {
+  // font-size: ;
+  // height: 100%;
+  background: #f3f3f4;
+  #maxSite {
+    //最大宽度
+    max-width: 1170px;
+    //居中
+    margin: 0 auto;
+    .rowGutter{
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    .ant-layout-header {
+      color: #fff;
+      background: #1ab394;
+    }
+    .ant-layout-footer {
+      line-height: 1.5;
+      background: #FFF;
+    }
+    .ant-layout-sider {
+      color: #fff;
+      line-height: 120px;
+      background: #3ba0e9;
+    }
+    .ant-layout-content {
+      min-height: 120px;
+      color: #000;
+      line-height: 120px;
+      background: #f3f3f4;
+    }
+    .dictBox :deep(.ant-select) {
+      width: 100%;
+    }
+  }
+
+}
+/**暗黑模式特殊配色*/
+[data-theme='dark'] #siteMain #maxSite {
+  .ant-layout-header, .ant-layout-footer {
+    background: #6aa0c7;
+  }
+  .ant-layout-content {
+    background: #107bcb;
+  }
+  .ant-layout-sider {
+    background: #3499ec;
+  }
+}
+</style>
\ No newline at end of file