yangjun
/
DBSD_ZJPT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
kbing1981 2024-09-04 17:52:54 +08:00
parent a64630298f
commit 9b000143ee
4 changed files with 121 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
jeecgboot-vue3/.env.development
View File

@ -6,10 +6,10 @@ VITE_PUBLIC_PATH = /
# 跨域代理，您可以配置多个 ,请注意，没有换行符
VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
VITE_PROXY = [["/jeecgboot","http://192.168.2.10:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot
VITE_GLOB_DOMAIN_URL=http://192.168.2.10:8080/jeecg-boot
#后台接口父地址(必填)
VITE_GLOB_API_URL=/jeecgboot

115
jeecgboot-vue3/src/views/bl/kcKetangbiao/itemPage.vue
View File

@ -1,55 +1,46 @@
<template>
<div style="border: 2px #eef1f2 solid">
<div class="mdule-box">
<div>
<div style="width: 100%; height: 20px; background-color: #1c84c6"></div>
<div
style="
width: 100%;
white-space: normal;
word-break: break-all;
overflow: hidden;
padding: 10px;
height: 70px;
font-weight: 600;
font-size: 16px;
"
>
{{ item.kcmc }} <span v-if="item.szkc == '1'" title="思政课程">⭐</span>
<!-- <div style="width: 100%; height: 20px; background-color: #1c84c6"></div> -->
<div class="schedule-title">
<span class="schedule-treetop"></span>
<span class="schedule-word">{{ item.kcmc }}</span>
<span v-if="item.szkc == '1'" title="思政课程">⭐</span>
</div>
</div>
<a-divider style="margin: 0px; color: #eef1f2" />
<div style="padding: 20px; font-weight: 600">
<a-row>
<a-divider style="margin: 0px; color: #eef1f2;" />
<div>
<a-row style="padding:20px;">
<a-col :span="16">
<div style="height: 38px; font-size: 16px">{{ item.skjs }}</div>
<div style="font-size: 14px; height: 50px">{{ item.kkdw }}</div>
<div class="schedule-name">{{ item.skjs }}</div>
<div class="schedule-annotation">{{ item.kkdw }}</div>
</a-col>
<a-col :span="8" style="text-align: center; height: 70px">
<div style="color: #1c84c6; font-size: 24px; font-weight: 600">{{ item.xkrs }}</div>
<div style="font-size: 14px">选课人数</div>
<a-col :span="8" style="text-align:right;">
<div class="schedule-name-or">{{ item.xkrs }}</div>
<div class="schedule-annotation">选课人数</div>
</a-col>
<a-col :span="24" style="margin-top: 20px">
<a-col :span="24" style="margin-top:10px">
<div>
第<span>{{ item.hh }}</span
第<span style="color:#018ffb">{{ item.hh }}</span
>节
</div>
</a-col>
<a-col :span="24">
<div style="width: 100%; text-align: center"> ———线下上课地点——— </div>
<div class="class-line"><span class="schedule-annotation">线下上课地点</span> </div>
</a-col>
<a-col :span="24">
<div style="height: 60px">
<div class="class-address">
{{ item.skdd }}
</div>
</a-col>
<a-col :span="24">
<a-row style="text-align: center" v-if="!isNow(item)">
<a-col :span="24" style="text-align: center">
<a-row style="text-align: right" v-if="!isNow(item)">
<a-col :span="24" style="text-align: right">
<a-button type="primary" class="yyyClass" @click="toLivePage(item)" style="color: white" :disabled="item.sftkb == '1'">听课</a-button>
</a-col>
</a-row>
<a-row style="text-align: center" v-else>
<a-col :span="24" style="text-align: center">
<a-row style="text-align: right" v-else>
<a-col :span="24" style="text-align: right">
<a-button type="primary" class="yyyClass" disabled v-if="item.sfyy == 1 && item.isdeleted == 0">已预约</a-button>
<a-button
type="primary"
@ -149,15 +140,18 @@ function isNow(item) {
</script>
<style lang="less" scoped>
body{
font-family: Helvetica Neue, PingFang SC, Hiragino Sans GB, HeitiSC, Helvetica, Arial, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif !important;
}
.yyyClass {
background: #1c84c6;
background: #0177fb;
font-weight: 600;
color: #fff;
border-radius: 5px;
line-height: 23px;
}
.yyClass {
background-color: #1c84c6;
background-color: #0177fb;
font-weight: 600;
color: #fff;
border-radius: 5px;
@ -169,4 +163,59 @@ function isNow(item) {
border-radius: 5px;
line-height: 23px;
}
.mdule-box{
border: 2px solid #ececec;
background: #fff;
border-radius:10px;
}
.mdule-box:hover{
border: 2px solid #ececec;
background: #fff;
border-radius:10px;
box-shadow: 2px 2px 10px 1px #ececec;
}
.schedule-title{
width: 100%;
white-space: normal;
word-break: break-all;
overflow: hidden;
display: flex;
align-items: center;
font-weight: bold;
}
.schedule-treetop{
width: 5px;
background: #0177fb;
height:20px;
margin-right: 14px;
display:block;
border-radius:8px;
}
.schedule-name{
font-size:24px;
font-weight: 600;
}
.schedule-name-or{
font-size:26px;
font-weight: 600;
color: #ff6d56;
}
.schedule-annotation{
font-size:12px;
color: #999;
}
.class-line{
border-top:1px solid #f7f7f7 ;
padding: 10px 0;
margin-top: 10px;
}
.class-address{
font-size:16px;
font-weight: 600;
margin-top: -10px;
}
.schedule-word{
padding:12px 5px;
font-size:16px;
}
</style>

24
jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxEditForm.vue
View File

@ -2,7 +2,7 @@
<a-spin :spinning="confirmLoading">
<JFormContainer :disabled="disabled">
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm">
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm" >
<a-row>
<a-col :span="24">
<a-form-item label="教工号" v-bind="validateInfos.zjNo" id="ZjSqxxForm-zjNo" name="zjNo">
@ -15,7 +15,7 @@
</a-form-item>
</a-col>
<!-- 过程考核 -->
<a-col :span="24" v-if="formData.sqfw == '0'">
<a-col :span="24" v-if="formData.sqfw == '0'" class="mdule-box">
<a-row>
<a-col :span="24">
<a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@ -70,7 +70,7 @@
</a-row>
</a-col>
<!-- 智慧教室 -->
<a-col :span="24" v-if="formData.sqfw == '1'">
<a-col :span="24" v-if="formData.sqfw == '1'" class="mdule-box">
<a-row>
<a-col :span="24">
<a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@ -115,7 +115,7 @@
</a-row>
</a-col>
<!-- 毕业论文 -->
<a-col :span="24" v-if="formData.sqfw == '2'">
<a-col :span="24" v-if="formData.sqfw == '2'" class="mdule-box">
<a-row>
<a-col :span="24">
<a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@ -162,7 +162,7 @@
</a-row>
</a-col>
<!-- 实习实践 -->
<a-col :span="24" v-if="formData.sqfw == '3'">
<a-col :span="24" v-if="formData.sqfw == '3'" class="mdule-box">
<a-row>
<a-col :span="24">
<a-form-item label="学年学期" id="ZjSqxxForm-xnxq" name="xnxq">
@ -382,5 +382,19 @@ function ketangSuccess(record) {
<style lang="less" scoped>
.antd-modal-form {
padding: 14px;
background: #f7f7f7;
}
.mdule-box{
border: 2px solid #ececec;
background: #fff;
border-radius:10px;
padding: 20px 0;
}
.mdule-box:hover{
border: 2px solid #ececec;
background: #fff;
border-radius:10px;
box-shadow: 2px 2px 10px 1px #ececec;
cursor: pointer;
}
</style>

21
jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxForm.vue
View File

@ -4,8 +4,8 @@
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm">
<a-row>
<a-col :span="24">
<a-form-item label="用户" v-bind="validateInfos.userName" id="ZjSqxxForm-userId" name="userName">
<a-col :span="24" >
<a-form-item label="用户" v-bind="validateInfos.userName" id="ZjSqxxForm-userId" name="userName" class="mdule-box">
<a-input v-model:value="formData.userName" placeholder="请选择用户" allow-clear style="width: 60%" disabled></a-input>
<a-input v-model:value="formData.userId" placeholder="请选择用户" allow-clear hidden></a-input>
<a-button type="primary" @click="handleSelect" style="margin-left: 10px"> 选择用户</a-button>
@ -13,7 +13,7 @@
</a-form-item>
</a-col>
</a-row>
<a-row v-for="(item, index) in sqDataList" style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px" :key="index">
<a-row v-for="(item, index) in sqDataList" :key="index" class="mdule-box">
<a-col :span="24">
<a-form-item label="授权范围" id="ZjSqxxForm-sqfw" name="sqfw">
<j-dict-select-tag v-model:value="item.sqfw" dictCode="zj_sqfw" placeholder="请选择授权范围" allow-clear />
@ -432,5 +432,20 @@ defineExpose({
<style lang="less" scoped>
.antd-modal-form {
padding: 14px;
background: #f7f7f7;
}
.mdule-box{
border: 2px solid #ececec;
background: #fff;
border-radius:8px;
margin:0 10px 10px 10px;
padding:20px 0;
}
.mdule-box:hover{
border: 2px solid #ececec;
background: #fff;
border-radius:8px;
box-shadow: 1px 1px 10px 1px #dedede;
cursor: pointer;
}
</style>