Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug调整

Browse Source
This commit is contained in:
hongawen
2024-12-07 15:25:27 +08:00
parent 3c3e2a7e53
commit b0d71b41dc
1 changed files with 47 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/pqs/harmonicMonitoring/reportForms/word/index.vue
View File

@@ -1,34 +1,36 @@
<template>
<div class="default-main" :style="height">
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size">
<PointTree :default-expand-all="false" @node-click="handleNodeClick" @init="handleNodeClick">
<div class='default-main' :style='height'>
<splitpanes style='height: 100%' class='default-theme' id='navigation-splitpanes'>
<pane :size='size'>
<PointTree :default-expand-all='false' @node-click='handleNodeClick' @init='handleNodeClick'>
</PointTree>
</pane>
<pane style="background: #fff" :style="height">
<TableHeader ref="TableHeaderRef" datePicker :show-search="false">
<pane style='background: #fff' :style='height'>
<TableHeader ref='TableHeaderRef' datePicker :show-search='false'>
<template v-slot:select>
<el-form-item label="客户名称">
<el-input v-model="tableStore.table.params.crmName" maxlength="32" show-word-limit clearable placeholder="请输入客户名称" />
<el-form-item label='客户名称'>
<el-input v-model='tableStore.table.params.crmName' maxlength='32' show-word-limit clearable
placeholder='请输入客户名称' />
</el-form-item>
<el-form-item label="报表编号">
<el-input v-model="tableStore.table.params.reportNumber" clearable placeholder="请输入报表编号" maxlength="12" show-word-limit />
<el-form-item label='报表编号'>
<el-input v-model='tableStore.table.params.reportNumber' clearable
placeholder='请输入报表编号' maxlength='12' show-word-limit />
</el-form-item>
</template>
<template #operation>
<el-upload :show-file-list="false" ref="uploadRef" action="" accept=".png,.jpg"
:on-change="choose" :auto-upload="false">
<el-upload :show-file-list='false' ref='uploadRef' action='' accept='.png,.jpg'
:on-change='choose' :auto-upload='false'>
<template #trigger>
<el-button icon="el-icon-Upload" type="primary" class="mr10 ml10">上传接线图</el-button>
<el-button icon='el-icon-Upload' type='primary' class='mr10 ml10'>上传接线图</el-button>
</template>
</el-upload>
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">生成</el-button>
<el-button icon='el-icon-Download' type='primary' @click='exportEvent'>生成</el-button>
</template>
</TableHeader>
<div class="box">
<div id="luckysheet">
<img width="100%" :style="`height: calc(${tableStore.table.height} + 40px)`"
src="@/assets/img/jss.png" />
<div class='box'>
<div id='luckysheet'>
<img width='100%' :style='`height: calc(${tableStore.table.height} + 40px)`'
src='@/assets/img/jss.png' />
</div>
</div>
</pane>
@@ -36,7 +38,7 @@
</div>
</template>
<script setup lang="ts">
<script setup lang='ts'>
import { onMounted, ref, provide } from 'vue'
import 'splitpanes/dist/splitpanes.css'
import { Splitpanes, Pane } from 'splitpanes'
@@ -48,6 +50,7 @@ import { mainHeight } from '@/utils/layout'
import { exportModel } from '@/api/process-boot/reportForms'
import { genFileId, ElMessage, ElNotification } from 'element-plus'
import type { UploadProps, UploadUserFile } from 'element-plus'
defineOptions({
// name: 'harmonic-boot/report/word'
})
@@ -63,8 +66,10 @@ const tableStore = new TableStore({
url: '',
method: 'POST',
column: [],
beforeSearchFun: () => { },
loadCallback: () => { }
beforeSearchFun: () => {
},
loadCallback: () => {
}
})
provide('tableStore', tableStore)
@@ -73,7 +78,7 @@ onMounted(() => {
if (dom) {
size.value = Math.round((180 / dom.offsetHeight) * 100)
}
})
@@ -84,8 +89,8 @@ const handleNodeClick = (data: any, node: any) => {
}
// 上传
const choose = (files: any) => {
const isJPG = files.raw.type === 'image/jpg';
const isPNG = files.raw.type === 'image/png';
const isJPG = files.raw.type === 'image/jpg'
const isPNG = files.raw.type === 'image/png'
if (!isJPG && !isPNG) {
ElMessage.warning('上传文件只能是 JPG/PNG 格式!')
return false
@@ -99,7 +104,7 @@ const exportEvent = () => {
if (dotList.value.level != 6) {
return ElMessage.warning('请选择监测点进行报告生成!')
}
ElMessage('生成报告中...')
let form = new FormData()
form.append('lineIndex', dotList.value.id)
form.append('name', dotList.value.name)
@@ -108,20 +113,20 @@ const exportEvent = () => {
form.append('type', '0')
form.append('startTime', TableHeaderRef.value.datePickerRef.timeValue[0])
form.append('endTime', TableHeaderRef.value.datePickerRef.timeValue[1])
console.log("🚀 ~ exportEvent ~ uploadList.value:", uploadList.value?.raw)
form.append('file', uploadList.value?.raw ||'')
exportModel(form).then((res: any) => {
if(res.size == 79){
ElNotification({
type: 'error',
message: '包含特殊字符，请注意修改!'
})
}else{
console.log('🚀 ~ exportEvent ~ uploadList.value:', uploadList.value?.raw)
form.append('file', uploadList.value?.raw || '')
// 特殊字符正则表达式
const specialCharRegex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/
if (specialCharRegex.test(tableStore.table.params.crmName) || specialCharRegex.test(tableStore.table.params.reportNumber)) {
ElNotification({
type: 'error',
message: '包含特殊字符，请注意修改!'
})
}else{
ElMessage('生成报告中...')
exportModel(form).then((res: any) => {
let blob = new Blob([res], {
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8",
type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8'
})
// createObjectURL(blob); //创建下载的链接
const url = window.URL.createObjectURL(blob)
@@ -131,11 +136,12 @@ const exportEvent = () => {
document.body.appendChild(link)
link.click() //执行下载
document.body.removeChild(link)
}
})
})
}
}
</script>
<style lang="scss">
<style lang='scss'>
.splitpanes.default-theme .splitpanes__pane {
background: #eaeef1;
}