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

Compare commits

base: yangjun:2f496b8b8c128db3a68684fb3a645ccb173607ce
Branches Tags
yangjun:master
..
compare: yangjun:359fb74a995bda1b5b18f0f3c91615d188686817
Branches Tags
yangjun:master

No commits in common. "2f496b8b8c128db3a68684fb3a645ccb173607ce" and "359fb74a995bda1b5b18f0f3c91615d188686817" have entirely different histories.
2f496b8b8c ... 359fb74a99

6 changed files with 413 additions and 308 deletions
Show Stats Expand all files Collapse all files

11
src/components/Form/src/jeecg/components/JUpload/JUpload.vue
View File

@ -642,17 +642,6 @@ function uploadFn(customRequestData) {
let fileSize = file.size; let fileSize = file.size;
let uploadPromiseList = []; let uploadPromiseList = [];
console.log("🚀 ~ uploadFn ~ fileSize:", fileSize)
if(fileSize>1024*1024*20){
let jjj = {success:false,code:0,message:'文件大小不能超过200M，请重新上传',result:null,timestamp:new Date().getTime()}
setTimeout(() => {
onError(jjj, jjj, file);
}, 1000);
return;
}
if (fileSize <= chunkSize) { if (fileSize <= chunkSize) {
let formData = new FormData(); let formData = new FormData();
Object.keys(data).forEach((key) => { Object.keys(data).forEach((key) => {

14
src/views/kc/wjxCswj/WjxCywjV2List.vue
View File

@ -1416,8 +1416,6 @@ function handleCallYinyong(record) {
var zyid = zyInfo.value.id;//替换原来的id，防止新增 var zyid = zyInfo.value.id;//替换原来的id，防止新增
var createBy = zyInfo.value.createBy;//替换原来的id，防止新增 var createBy = zyInfo.value.createBy;//替换原来的id，防止新增
var rwbh = zyInfo.value.rwbh;//替换原来的id，防止新增 var rwbh = zyInfo.value.rwbh;//替换原来的id，防止新增
var kcmc = zyInfo.value.kcmc;//替换原来的id，防止新增
var xkrs = zyInfo.value.xkrs;//替换原来的id，防止新增
record.id = zyid; record.id = zyid;
record.sort = zysort; record.sort = zysort;
record.atype = "6";//作业类型，课程作业 record.atype = "6";//作业类型，课程作业
@ -1426,16 +1424,14 @@ function handleCallYinyong(record) {
zyInfo.value = record; zyInfo.value = record;
zyInfo.value.createBy = createBy zyInfo.value.createBy = createBy
zyInfo.value.rwbh = rwbh zyInfo.value.rwbh = rwbh
zyInfo.value.xkrs = xkrs;
zyInfo.value.kcmc = kcmc;
console.log('😠', zyInfo); console.log('😠', zyInfo);
// defHttp.get({ url: '/wjxWjxxTmlb/wjxWjxxTmlb/queryByMainId', params: { id: yyzyid } }).then((res) => { defHttp.get({ url: '/wjxWjxxTmlb/wjxWjxxTmlb/queryByMainId', params: { id: yyzyid } }).then((res) => {
// console.log('🥴', res); console.log('🥴', res);
// tiganData.value = res; tiganData.value = res;
// console.log('🧞‍♂️1111111111', tiganData.value); console.log('🧞‍♂️1111111111', tiganData.value);
// }); });
} }

10
src/views/sys/login/LoginForm.vue
View File

@ -175,11 +175,11 @@
function handleChangeCheckCode() { function handleChangeCheckCode() {
formData.inputCode = ''; formData.inputCode = '';
//TODO 兼容mock和接口，暂时这样处理 //TODO 兼容mock和接口，暂时这样处理
// randCodeData.checkKey = 1629428467008; //new Date().getTime(); randCodeData.checkKey = 1629428467008; //new Date().getTime();
// getCodeInfo(randCodeData.checkKey).then((res) => { getCodeInfo(randCodeData.checkKey).then((res) => {
// randCodeData.randCodeImage = res; randCodeData.randCodeImage = res;
// randCodeData.requestCodeSuccess = true; randCodeData.requestCodeSuccess = true;
// }); });
} }
/** /**

10
src/views/system/loginmini/MiniLogin.vue
View File

@ -199,11 +199,11 @@
function handleChangeCheckCode() { function handleChangeCheckCode() {
formData.inputCode = ''; formData.inputCode = '';
// randCodeData.checkKey = 1629428467008; randCodeData.checkKey = 1629428467008;
// getCodeInfo(randCodeData.checkKey).then((res) => { getCodeInfo(randCodeData.checkKey).then((res) => {
// randCodeData.randCodeImage = res; randCodeData.randCodeImage = res;
// randCodeData.requestCodeSuccess = true; randCodeData.requestCodeSuccess = true;
// }); });
} }
/** /**

89
src/views/zy/zyInfo/components/ZyInfoDetailForm.vue
View File

@ -47,7 +47,7 @@
</div> </div>
<a-col :span="24" v-if="formData.wwtgl" class="wrapper-back"> <a-col :span="24" v-if="formData.wwtgl" class="wrapper-back">
<div class="wrapper-title">查重设置</div> <div class="wrapper-title">查重设置</div>
<a-form-item layout="inline" class="ccsz-main"> <a-form-item layout="inline" style="margin-left: 100px">
<a-form-item label="检测通过率" :labelCol="labelCol3" :wrapperCol="wrapperCol3"> <a-form-item label="检测通过率" :labelCol="labelCol3" :wrapperCol="wrapperCol3">
<span style="padding: 7px 10px"></span> <span style="padding: 7px 10px"></span>
<a-input-number v-model:value="formData.wwtgl" placeholder="检测通过率" style="width: 60%" :max="100" :min="0" disabled> <a-input-number v-model:value="formData.wwtgl" placeholder="检测通过率" style="width: 60%" :max="100" :min="0" disabled>
@ -81,7 +81,7 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col v-if="formData.pyContent || formData.pyFilePath"> <a-col v-show="formData.pyContent || formData.pyFilePath|| formData.score">
<div class="wrapper-back"> <div class="wrapper-back">
<div class="wrapper-title">批阅信息</div> <div class="wrapper-title">批阅信息</div>
<a-row> <a-row>
@ -96,6 +96,9 @@
<a-button type="primary" style="margin-left: 10px" @click="downLoad(formData.pyFilePath)">下载</a-button> <a-button type="primary" style="margin-left: 10px" @click="downLoad(formData.pyFilePath)">下载</a-button>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24" v-show="showType == '1'">
<div class="wps-iframe" id="wpsiframeid" style="width:100%;height: 500px;"></div>
</a-col>
</a-row> </a-row>
</div> </div>
</a-col> </a-col>
@ -155,8 +158,12 @@ import { useRouter } from 'vue-router';
import dayjs, { Dayjs } from 'dayjs'; import dayjs, { Dayjs } from 'dayjs';
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue'; import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'; import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
import WebOfficeSDK from '/@/views/zy/zyInfoStudent/components/wpsApi/web-office-sdk-solution-v2.0.7.es'
import { downloadFile } from '/@/utils/common/renderUtils'; import { downloadFile } from '/@/utils/common/renderUtils';
import { useUserStore } from '/@/store/modules/user';
const userStore = useUserStore();
//当前路由信息 //当前路由信息
const { currentRoute } = useRouter(); const { currentRoute } = useRouter();
const { query } = unref(currentRoute); const { query } = unref(currentRoute);
@ -166,6 +173,7 @@ const props = defineProps({
formData: { type: Object, default: () => {} }, formData: { type: Object, default: () => {} },
formBpm: { type: Boolean, default: true }, formBpm: { type: Boolean, default: true },
}); });
const showType = ref<string>('0');
const formRef = ref(); const formRef = ref();
const useForm = Form.useForm; const useForm = Form.useForm;
const emit = defineEmits(['register', 'ok']); const emit = defineEmits(['register', 'ok']);
@ -283,11 +291,61 @@ function add() {
* 编辑 * 编辑
*/ */
function edit(record) { function edit(record) {
console.log("🚀 ~ edit ~ record:", record)
nextTick(() => { nextTick(() => {
resetFields(); resetFields();
//赋值 //赋值
Object.assign(formData, record); Object.assign(formData, record);
handleKcnr(formData.kcnr); handleKcnr(formData.kcnr);
const parts = record.stuFilePath.split('.');
const filetype = parts[parts.length - 1];
console.log(`🚀 ~ nextTick ~ filetype:`, filetype)
let wpsType = "w";
if(filetype=='doc' || filetype=='docx'){
showType.value = '1';
wpsType = "w";
}else if(filetype=='pdf'){
showType.value = '1';
wpsType = "f";
}else if(filetype=='ppt' || filetype=='pptx' ){
showType.value = '1';
wpsType = "p";
}else if(filetype=='xls' || filetype=='xlsx' ){
showType.value = '1';
wpsType = "s";
}
if(showType.value == '1'){
const element = document.getElementById('wpsiframeid');
console.log('userStore.getUserInfo',userStore.getUserInfo)
formData.id = '1863389832580046849';
// 清空内容
element.innerHTML = '';
const jssdk = WebOfficeSDK.init({
officeType: wpsType,
appId: 'SX20241118WSUGQN',
// fileId: formData.stuId,
fileId: formData.id,
mount:document.querySelector('.wps-iframe'),
commonOptions: {
isShowDocMap: false, //是否开启目录功能，默认开启
isShowTopArea: false, // 隐藏顶部区域（头部和工具栏）
isShowHeader: false, // 隐藏头部区域
isBrowserViewFullscreen: true, // 是否在浏览器区域全屏
isIframeViewFullscreen: true, // 是否在 iframe 区域内全屏
acceptVisualViewportResizeEvent: true // 控制 WebOffice 是否接受外部的 VisualViewport
},
wordOptions: {
isShowDocMap: false, // 是否开启目录功能，默认开启
isBestScale: true, // 打开文档时，默认以最佳比例显示
isShowBottomStatusBar: false, // 是否展示底部状态栏
},
token: userStore.getUserInfo.username
})
}
}); });
} }
@ -385,30 +443,11 @@ defineExpose({
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
// 小屏 .antd-modal-form {
@media (max-width: 768px) { min-height: 300px !important;
.ccsz-main{} overflow-y: auto;
padding: 24px 24px 24px 24px;
.antd-modal-form {
min-height: 300px !important;
overflow-y: auto;
padding: 5px 5px 5px 5px;
}
} }
// 大屏
@media (min-width: 769px) {
.ccsz-main{
margin-left: 100px;
}
.antd-modal-form {
min-height: 300px !important;
overflow-y: auto;
padding: 24px 24px 24px 24px;
}
}
.spanSm { .spanSm {
top: -22px; top: -22px;
position: inherit; position: inherit;

573
src/views/zy/zyInfoStudent/components/ZyInfoStudentPiyueForm.vue
View File

@ -2,52 +2,60 @@
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-row> <a-row>
<a-col :span="12"> <a-col :push="leftSpan - 1" :span="0" :lg="{ span: 1 }">
<div v-if="showType=='1'"> <!-- <a-button style="margin-left: 28px;" type="primary" @click="changeSpan" size="small">{{ leftSpan == 12? '放大' : '缩小' }}</a-button> -->
<iframe id="pdfPreviewIframe" :src="ylurl" frameborder="0" width="100%" height="550px" scrolling="auto"></iframe> <img v-show="leftSpan == 12" @click="changeSpan" style="width: 25px;margin-left: 50px;cursor: pointer;"
src="/resource/img/toright.png" />
<img v-show="leftSpan != 12" @click="changeSpan" style="width: 25px;margin-left: 50px;cursor: pointer;"
src="/resource/img/toleft.png" />
</a-col>
</a-row>
<a-row>
<a-col :xs="24" :lg="leftSpan">
<div v-show="showType == '1'">
<div class="wps-iframe" id="wpsiframeid" style="width:100%;height: 500px;"></div>
</div> </div>
<div v-else-if="showType=='2'"> <div v-if="showType == '2'">
<div style="padding: 10px 20px;"> <div style="padding: 10px 20px;">
<a-button type="primary" @click="rotateImage">顺时针旋转</a-button> <a-button type="primary" @click="rotateImage">顺时针旋转</a-button>
<a-button type="primary" @click="rotateImage2" style="margin-left: 20px;">逆时针旋转</a-button> <a-button type="primary" @click="rotateImage2" style="margin-left: 20px;">逆时针旋转</a-button>
</div> </div>
<div class="image-container"> <div class="image-container">
<img :src="ylurl" :style="{ transform: 'rotate(' + rotationAngle + 'deg)' }" class="rotated-image"/> <img :src="ylurl" :style="{ transform: 'rotate(' + rotationAngle + 'deg)' }" class="rotated-image" />
</div> </div>
</div> </div>
<div v-else-if="showType=='3'"> <div v-if="showType == '3'">
<div class="video-container"> <div class="video-container">
<video <video ref="videoPlayer" :controls="controls" :autoplay="autoplay" :loop="loop" :src="videoUrl"
ref="videoPlayer" @loadedmetadata="playVideoInFullscreen">
:controls="controls"
:autoplay="autoplay"
:loop="loop"
:src="videoUrl"
@loadedmetadata="playVideoInFullscreen"
>
</video> </video>
</div> </div>
</div> </div>
<div v-else> <!-- <div v-else>
<a-button type="primary">下载文件</a-button> <a-button type="primary">下载文件</a-button>
</div> </div> -->
</a-col> </a-col>
<a-col :span="12"> <a-col :xs="24" :lg="rightSpan">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="作业名称"> <a-form-item label="作业名称">
{{zyInfo.title}} {{ zyInfo.title }}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="学生姓名"> <a-form-item label="学生姓名">
{{formData.studentName}} {{ formData.studentName }}
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="学生学号">
{{ formData.createBy }}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="评分" v-bind="validateInfos.score"> <a-form-item label="评分" v-bind="validateInfos.score">
<a-input-number v-model:value="formData.score" style="width: 100%" placeholder="请填写评分" ></a-input-number> <a-input-number v-model:value="formData.score" style="width: 100%" placeholder="请填写评分"></a-input-number>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
@ -57,11 +65,12 @@
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="批阅附件" v-bind="validateInfos.pyFilePath"> <a-form-item label="批阅附件" v-bind="validateInfos.pyFilePath">
<j-upload v-model:value="formData.pyFilePath" maxCount="1" :text="`上传批阅附件`" style="background: #ededed; " :forceAcceptVerify="true" ></j-upload> <j-upload v-model:value="formData.pyFilePath" maxCount="1" :text="`上传批阅附件`"
style="background: #ededed; " :forceAcceptVerify="true"></j-upload>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24" style="text-align: center;" v-if="disabled"> <a-col :span="24" style="text-align: center;" v-if="disabled">
<div > <div>
<a-button type="primary" @click="submitForm">保存</a-button> <a-button type="primary" @click="submitForm">保存</a-button>
<a-button type="primary" @click="submitNextForm" style="margin-left: 10px;">保存并下一个</a-button> <a-button type="primary" @click="submitNextForm" style="margin-left: 10px;">保存并下一个</a-button>
</div> </div>
@ -75,94 +84,115 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted,onUnmounted } from 'vue'; import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted, onUnmounted } from 'vue';
import { defHttp } from '/@/utils/http/axios'; import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage'; import { useMessage } from '/@/hooks/web/useMessage';
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue'; import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
import { getValueType } from '/@/utils'; import { getValueType } from '/@/utils';
import { saveOrUpdate } from '../ZyInfoStudent.api'; import { saveOrUpdate } from '../ZyInfoStudent.api';
import { Form } from 'ant-design-vue'; import { Form } from 'ant-design-vue';
import JEditor from '/@/components/Form/src/jeecg/components/JEditor.vue'; import JEditor from '/@/components/Form/src/jeecg/components/JEditor.vue';
import { useGlobSetting } from '/@/hooks/setting'; import { useGlobSetting } from '/@/hooks/setting';
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'; import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
import { getToken } from '/@/utils/auth'; import { getToken } from '/@/utils/auth';
import WebOfficeSDK from './wpsApi/web-office-sdk-solution-v2.0.7.es'
import { useUserStore } from '/@/store/modules/user';
const props = defineProps({ const leftSpan = ref(12)
formDisabled: { type: Boolean, default: false }, const rightSpan = ref(12)
formData: { type: Object, default: ()=>{} }, const userStore = useUserStore();
formBpm: { type: Boolean, default: true } const props = defineProps({
}); formDisabled: { type: Boolean, default: false },
const formRef = ref(); formData: { type: Object, default: () => { } },
const useForm = Form.useForm; formBpm: { type: Boolean, default: true }
const emit = defineEmits(['register', 'ok', 'ok2']); });
const formData = reactive<Record<string, any>>({ const formRef = ref();
id: '', const useForm = Form.useForm;
score: '', const emit = defineEmits(['register', 'ok', 'ok2']);
pyContent: '', const formData = reactive<Record<string, any>>({
pyFilePath: '', id: '',
}); score: '',
const { createMessage } = useMessage(); pyContent: '',
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } }); pyFilePath: '',
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } }); });
const confirmLoading = ref<boolean>(false); const { createMessage } = useMessage();
const showType = ref<string>('0'); const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
const ylurl = ref<string>(''); const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const confirmLoading = ref<boolean>(false);
const showType = ref<string>('1');
const ylurl = ref<string>('');
const rotationAngle = ref(0); const rotationAngle = ref(0);
const zyInfo = ref<any>({}); const zyInfo = ref<any>({});
const globSetting = useGlobSetting(); const globSetting = useGlobSetting();
const baseApiUrl = globSetting.domainUrl; const baseApiUrl = globSetting.domainUrl;
const videoPlayer = ref(null); const videoPlayer = ref(null);
const videoOpen = ref<boolean>(false); const videoOpen = ref<boolean>(false);
const controls = ref(true); const controls = ref(true);
const autoplay = ref(false) const autoplay = ref(false)
const loop = ref(false); const loop = ref(false);
const videoUrl = ref<String>(''); const videoUrl = ref<String>('');
const jssdkInfo = ref<any>({});
const record_ = ref(null)
function changeSpan() {
//表单验证 console.log('leftSpan', leftSpan.value)
const validatorRules = { console.log('rightSpan', rightSpan.value)
score: [{ required: true, message: '请输入分数!' }], if (leftSpan.value == 12) {
}; leftSpan.value = 18
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: true }); rightSpan.value = 6
} else {
// 表单禁用 leftSpan.value = 12
const disabled = computed(()=>{ rightSpan.value = 12
if(props.formBpm === true){
if(props.formData.disabled === false){
return false;
}else{
return true;
}
}
return props.formDisabled;
});
function handleJyfz(record){
console.log(`🚀 ~ handleJyfz ~ record:`, record)
// if(zyInfo.score){
// if(parseInt(record) > parseInt(zyInfo.score)){
// createMessage.warning('评分不能超过预设作业分值!');
// formData.score = zyInfo.score;
// }
// }else{
// if(parseInt(record) > 100){
// createMessage.warning('评分不能超过100分!');
// formData.score = zyInfo.score;
// }
// }
if(parseInt(record) > 100){
createMessage.warning('评分不能超过100分!');
formData.score = '';
}
if(parseInt(record) < 0){
createMessage.warning('评分不能低于0分!');
formData.score = '';
}
} }
console.log('leftSpan--》', leftSpan.value)
console.log('rightSpan--》', rightSpan.value)
edit(record_.value)
}
//表单验证
const validatorRules = {
score: [{ required: true, message: '请输入分数!' }],
};
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: true });
// 表单禁用
const disabled = computed(() => {
if (props.formBpm === true) {
if (props.formData.disabled === false) {
return false;
} else {
return true;
}
}
return props.formDisabled;
});
function handleJyfz(record) {
console.log(`🚀 ~ handleJyfz ~ record:`, record)
// if(zyInfo.score){
// if(parseInt(record) > parseInt(zyInfo.score)){
// createMessage.warning('评分不能超过预设作业分值!');
// formData.score = zyInfo.score;
// }
// }else{
// if(parseInt(record) > 100){
// createMessage.warning('评分不能超过100分!');
// formData.score = zyInfo.score;
// }
// }
if (parseInt(record) > 100) {
createMessage.warning('评分不能超过100分!');
formData.score = '';
}
if (parseInt(record) < 0) {
createMessage.warning('评分不能低于0分!');
formData.score = '';
}
}
function rotateImage() { function rotateImage() {
rotationAngle.value += 90; // 每次点击旋转90度 rotationAngle.value += 90; // 每次点击旋转90度
@ -171,56 +201,97 @@ function rotateImage() {
function rotateImage2() { function rotateImage2() {
rotationAngle.value -= 90; // 每次点击旋转90度 rotationAngle.value -= 90; // 每次点击旋转90度
} }
/** /**
* 新增 * 新增
*/ */
function add() { function add() {
edit({}); edit({});
} }
/** /**
* 编辑 * 编辑
*/ */
function edit(record) { function edit(record) {
formData.pyContent = '' record_.value = record
nextTick(() => { showType.value = '1';
resetFields(); formData.pyContent = ''
nextTick(() => {
resetFields();
defHttp.get({url:'/zyInfo/zyInfo/queryById',params:{id:record.mainId}}).then(res=>{ defHttp.get({ url: '/zyInfo/zyInfo/queryById', params: { id: record.mainId } }).then(res => {
console.log(`🚀 ~ defHttp.get ~ res:`, res) console.log(`🚀 ~ defHttp.get ~ res:`, res)
zyInfo.value = res; zyInfo.value = res;
}) })
const parts = record.filePath.split('.'); const parts = record.filePath.split('.');
const filetype = parts[parts.length - 1]; const filetype = parts[parts.length - 1];
console.log(`🚀 ~ nextTick ~ filetype:`, filetype) console.log(`🚀 ~ nextTick ~ filetype:`, filetype)
// var file = getFileAccessHttpUrl(record.filePath);
// ylurl.value = file;
let wpsType = "w";
if (filetype == 'jpg' || filetype == 'png' || filetype == 'jpeg' || filetype == 'xls' || filetype == 'xlsx' || filetype == 'text') {
showType.value = '2';
var file = getFileAccessHttpUrl(record.filePath); var file = getFileAccessHttpUrl(record.filePath);
ylurl.value = file; ylurl.value = file;
if(filetype=='jpg' || filetype=='png' || filetype=='jpeg' || filetype=='xls' || filetype=='xlsx' || filetype=='text' ){ } else if (filetype == 'doc' || filetype == 'docx') {
showType.value = '2'; showType.value = '1';
}else if(filetype=='doc' || filetype=='docx' || filetype=='pdf'){ wpsType = "w";
showType.value = '1'; } else if (filetype == 'pdf') {
var file2 = getFileAccessHttpUrl(record.pdfPath); showType.value = '1';
let url2 = baseApiUrl + '/generic/web/viewer.html?file=' + encodeURIComponent(file2); wpsType = "f";
ylurl.value = url2; } else if (filetype == 'ppt' || filetype == 'pptx') {
}else if(filetype=='mp4'|| filetype=='avi'|| filetype=='mp3'|| filetype=='wav'){ showType.value = '1';
showType.value = '3'; wpsType = "p";
} else if (filetype == 'xls' || filetype == 'xlsx') {
showType.value = '1';
wpsType = "s";
} else if (filetype == 'mp4' || filetype == 'avi' || filetype == 'mp3' || filetype == 'wav') {
showType.value = '3';
let url = getFileAccessHttpUrl(record.filePath);
console.log('视频预览-----》', url);
// videoOpen.value = true;
videoUrl.value = url;
} else {
showType.value = '0';
}
//赋值
Object.assign(formData, record);
let url = getFileAccessHttpUrl(record.filePath); formData.id = '1863389832580046849';
console.log('视频预览-----》',url);
// videoOpen.value = true;
videoUrl.value = url;
console.log("🚀 ~ nextTick ~ formData.id:", formData.id)
if (showType.value == '1') {// 获取元素
const element = document.getElementById('wpsiframeid');
// 清空内容
element.innerHTML = '';
const jssdk = WebOfficeSDK.init({
officeType: wpsType,
appId: 'SX20241118WSUGQN',
fileId: formData.id,
mount: document.querySelector('.wps-iframe'),
commonOptions: {
isShowDocMap: false, //是否开启目录功能，默认开启
// isShowTopArea: false, // 隐藏顶部区域（头部和工具栏）
// isShowHeader: false, // 隐藏头部区域
isBrowserViewFullscreen: true, // 是否在浏览器区域全屏
isIframeViewFullscreen: true, // 是否在 iframe 区域内全屏
acceptVisualViewportResizeEvent: true // 控制 WebOffice 是否接受外部的 VisualViewport
},
wordOptions: {
isShowDocMap: false, // 是否开启目录功能，默认开启
isBestScale: true, // 打开文档时，默认以最佳比例显示
isShowBottomStatusBar: false, // 是否展示底部状态栏
},
token: userStore.getUserInfo.username
})
}
}else{ });
showType.value = '0'; console.log("🚀 ~ nextTick ~ userStore.getUserInfo.id:", userStore.getUserInfo.id)
} console.log("🚀 ~ nextTick ~ userStore.getUserInfo.id:", userStore.getUserInfo.id)
//赋值 console.log("🚀 ~ nextTick ~ userStore.getUserInfo.id:", userStore.getUserInfo.id)
Object.assign(formData, record); }
});
}
// --------------------------视频------------------------------
// --------------------------视频------------------------------
const playVideo = () => { const playVideo = () => {
videoPlayer.value.play(); videoPlayer.value.play();
}; };
@ -237,7 +308,7 @@ const handleFullScreenChange = () => {
} }
}; };
function videoHandleCancel(){ function videoHandleCancel() {
pauseVideo(); pauseVideo();
videoOpen.value = false; videoOpen.value = false;
} }
@ -250,9 +321,9 @@ onUnmounted(() => {
}); });
//视频预览 //视频预览
function handleVideo(three){ function handleVideo(three) {
let url = getFileAccessHttpUrl(three.filePath); let url = getFileAccessHttpUrl(three.filePath);
console.log('视频预览-----》',url); console.log('视频预览-----》', url);
videoOpen.value = true; videoOpen.value = true;
videoUrl.value = url; videoUrl.value = url;
playVideoInFullscreen(); playVideoInFullscreen();
@ -263,7 +334,7 @@ function handleVideo(three){
} }
// --------------------------视频------------------------------ // --------------------------视频------------------------------
const playVideoInFullscreen = async () => { const playVideoInFullscreen = async () => {
if (videoPlayer.value) { if (videoPlayer.value) {
try { try {
// 使用原生DOM方法请求全屏 // 使用原生DOM方法请求全屏
@ -274,130 +345,140 @@ function handleVideo(three){
} }
}; };
/** /**
* 提交数据 * 提交数据
*/ */
async function submitForm() { async function submitForm() {
// 触发表单验证 // 触发表单验证
await validate(); await validate();
confirmLoading.value = true; confirmLoading.value = true;
const isUpdate = ref<boolean>(false); const isUpdate = ref<boolean>(false);
//时间格式化 //时间格式化
let model = formData; let model = formData;
if (model.id) { if (model.id) {
isUpdate.value = true; isUpdate.value = true;
} }
//循环数据 //循环数据
for (let data in model) { for (let data in model) {
//如果该数据是数组并且是字符串类型 //如果该数据是数组并且是字符串类型
if (model[data] instanceof Array) { if (model[data] instanceof Array) {
let valueType = getValueType(formRef.value.getProps, data); let valueType = getValueType(formRef.value.getProps, data);
//如果是字符串类型的需要变成以逗号分割的字符串 //如果是字符串类型的需要变成以逗号分割的字符串
if (valueType === 'string') { if (valueType === 'string') {
model[data] = model[data].join(','); model[data] = model[data].join(',');
}
} }
} }
defHttp.post({url:'/zyInfoStudent/zyInfoStudent/editPiyue',params:model}).then(res =>{
emit('ok');
})
.finally(() => {
confirmLoading.value = false;
});
// await saveOrUpdate(model, isUpdate.value)
// .then((res) => {
// if (res.success) {
// createMessage.success(res.message);
// emit('ok');
// } else {
// createMessage.warning(res.message);
// }
// })
// .finally(() => {
// confirmLoading.value = false;
// });
} }
/** defHttp.post({ url: '/zyInfoStudent/zyInfoStudent/editPiyue', params: model }).then(res => {
* 提交数据并下一个 emit('ok');
*/ })
async function submitNextForm() { .finally(() => {
// 触发表单验证 confirmLoading.value = false;
await validate(); });
confirmLoading.value = true; // await saveOrUpdate(model, isUpdate.value)
const isUpdate = ref<boolean>(false); // .then((res) => {
//时间格式化 // if (res.success) {
let model = formData; // createMessage.success(res.message);
if (model.id) { // emit('ok');
isUpdate.value = true; // } else {
} // createMessage.warning(res.message);
//循环数据 // }
for (let data in model) { // })
//如果该数据是数组并且是字符串类型 // .finally(() => {
if (model[data] instanceof Array) { // confirmLoading.value = false;
let valueType = getValueType(formRef.value.getProps, data); // });
//如果是字符串类型的需要变成以逗号分割的字符串 }
if (valueType === 'string') {
model[data] = model[data].join(','); /**
} * 提交数据并下一个
*/
async function submitNextForm() {
// 触发表单验证
await validate();
confirmLoading.value = true;
const isUpdate = ref<boolean>(false);
//时间格式化
let model = formData;
if (model.id) {
isUpdate.value = true;
}
//循环数据
for (let data in model) {
//如果该数据是数组并且是字符串类型
if (model[data] instanceof Array) {
let valueType = getValueType(formRef.value.getProps, data);
//如果是字符串类型的需要变成以逗号分割的字符串
if (valueType === 'string') {
model[data] = model[data].join(',');
} }
} }
await defHttp.post({url:'/zyInfoStudent/zyInfoStudent/editPiyue',params:model}).then(res =>{
emit('ok2');
})
await defHttp.get({url:'/zyInfoStudent/zyInfoStudent/getList2',params:{column:'createTime',order:'asc',pageNo:1,pageSize:10,ywid:zyInfo.value.id,rwbh:zyInfo.value.rwbh,queryType:5}}).then(res =>{
console.log(`🚀 ~ awaitdefHttp.post ~ res:`, res)
var list = res.records;
if(list.length>0){
edit(list[0])
}else{
createMessage.warning('已批阅完毕,暂无下一条批阅数据！');
}
})
.finally(() => {
confirmLoading.value = false;
});
} }
defineExpose({ await defHttp.post({ url: '/zyInfoStudent/zyInfoStudent/editPiyue', params: model }).then(res => {
add, emit('ok2');
edit, })
submitForm,
});
await defHttp.get({ url: '/zyInfoStudent/zyInfoStudent/getList2', params: { column: 'createTime', order: 'asc', pageNo: 1, pageSize: 10, ywid: zyInfo.value.id, rwbh: zyInfo.value.rwbh, queryType: 5 } }).then(res => {
console.log(`🚀 ~ awaitdefHttp.post ~ res:`, res)
var list = res.records;
if (list.length > 0) {
edit(list[0])
} else {
createMessage.warning('已批阅完毕,暂无下一条批阅数据！');
}
})
.finally(() => {
confirmLoading.value = false;
});
}
defineExpose({
add,
edit,
submitForm,
});
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.antd-modal-form { .antd-modal-form {
min-height: 150px !important; min-height: 150px !important;
overflow-y: auto; overflow-y: auto;
padding: 24px 24px 24px 24px; padding: 24px 24px 24px 24px;
} }
.video-container {
.video-container {
text-align: center; text-align: center;
} }
video { video {
display: block; display: block;
max-width: 100%; /* 确保视频宽度不超过其容器宽度 */ max-width: 100%;
/* 确保视频宽度不超过其容器宽度 */
} }
.image-container { .image-container {
padding: 10px; padding: 10px;
width:100%; /* 设置容器宽度 */ width: 100%;
height: auto; /* 设置容器高度 */ /* 设置容器宽度 */
overflow: hidden; /* 隐藏溢出的部分 */ height: auto;
/* 设置容器高度 */
overflow: hidden;
/* 隐藏溢出的部分 */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.rotated-image { .rotated-image {
max-width: 100%; /* 最大宽度为容器宽度 */ max-width: 100%;
max-height: 100%; /* 最大高度为容器高度 */ /* 最大宽度为容器宽度 */
object-fit: contain; /* 保持图片内容不失真 */ max-height: 100%;
transform: rotate(90deg); /* 假设图片已经旋转90度 */ /* 最大高度为容器高度 */
object-fit: contain;
/* 保持图片内容不失真 */
transform: rotate(90deg);
/* 假设图片已经旋转90度 */
} }
</style> </style>