suzhou-jichuang-lanhai
/
Gyyq-Upstairs
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docx文件在线预览

Browse Source
xuhongjie
严飞永 1 week ago
parent b900d70164
commit 4277e1483d
9 changed files with 185 additions and 381 deletions
Show Stats Download Patch File Download Diff File

4
package.json
Unescape View File

@ -38,9 +38,12 @@
"dependencies": { "dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1", "@amap/amap-jsapi-loader": "^1.0.1",
"@riophae/vue-treeselect": "0.4.0", "@riophae/vue-treeselect": "0.4.0",
"@vue-office/docx": "^1.6.3",
"@vue/composition-api": "^1.7.2",
"axios": "0.28.1", "axios": "0.28.1",
"clipboard": "2.0.8", "clipboard": "2.0.8",
"core-js": "3.37.1", "core-js": "3.37.1",
"docx-preview": "^0.3.5",
"echarts": "^5.4.0", "echarts": "^5.4.0",
"element-ui": "^2.15.13", "element-ui": "^2.15.13",
"file-saver": "2.0.5", "file-saver": "2.0.5",
@ -61,6 +64,7 @@
"vue": "2.6.12", "vue": "2.6.12",
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-cropper": "0.5.5", "vue-cropper": "0.5.5",
"vue-demi": "^0.14.10",
"vue-meta": "2.4.0", "vue-meta": "2.4.0",
"vue-quill-editor": "^3.0.6", "vue-quill-editor": "^3.0.6",
"vue-router": "3.4.9", "vue-router": "3.4.9",

15
public/docx/单体材料模板.docx
Unescape View File

@ -0,0 +1,15 @@
XXXXXXX项目单片材料
投资主体简介
该项目位于所属功能区，建设地点位于xxxx，由xxxx有限公司，统一信用代码为xxxxx投资，由xxxxx有限公司施工，设计单位是xxx有限公司，建设起止时间于xxxxxx，其重点发展产业为xxxx，该项目的项目标签是xxxxx，整体的项目由xxx负责，联系方式是xxxxxxxxx。
规划信息
该项目总用地面积约XXXX平方米，容积率占xx，总建筑面积为xxxx万平方米，共有xx栋，标准建筑面积为xxx平方米，建筑密度为x%，最高建筑层数xx层，最高建筑高度xx米，其防火等级为xxx，机动车停车位xx辆和非机动车听车辆xx辆。
计划总投资及建设计划
该项目投资主体性质是xx，计划投资额度xxx亿元，实际总投资额xxxx万人民币。
当前进展情况
目前，该项目属于项目现状，于 xxxx日正式施工，截至目前建设进度。
企业运营情况
目前，该项目入驻企业数量共xx家，入驻企业行业类型为xxxxx，人员数量共计xxx人，入住率为x%，其中已出租面积xxx平方米，空置房屋xxx万平方米，工业厂房平均租金xx元/平方米*月。
存在困难问题
暂无。

12
public/docx/苏州工业园区总体报告模板.docx
Unescape View File

@ -0,0 +1,12 @@
苏州工业园区工业上楼项目总体分析报告
XXXX年
一、总体项目概况
苏州工业园区积极推进工业上楼模式，截至xxxx年，园区规划工业上楼项目总数共计xx个，总建筑面积约xxxx万平方米，其中已建项目xx个，在建项目xx个，拟建项目xx个，这些项目广泛分布于城市核心区域及郊区新兴产业片区，通过垂直化空间利用，提升土地利用效率，推进产业升级与集聚发展。
二、当年项目情况
xxxx年，苏州工业园区新开工上楼项目总数共计xx个，新开工项目总建筑面积达到xxxx万平方米，已建项目xx个，在建项目xx个，拟建项目xx个，力求为企业提供优质的生产和办公环境，同时在建设标准和质量上提出更高要求。
三、功能区情况分析
截至xxxx年，项目总数共xx个，其中高端制造与国际贸易区项目数量占xx个，独墅湖科教创新区项目数量占xx个，阳澄湖半岛旅游度假区项目数量占xx个，金鸡湖商务区项目数量占xx个，苏相合作区项目数量占xx个。
四、投资主体情况分析
截至xxxx年，项目总数共xx个，国企投资占xx个，民企投资占xx个，外企投资占xx个。

485
src/views/compilation/onecailiao/index.vue
Unescape View File

@ -1,356 +1,163 @@
<template> <template>
<div> <div>
<!-- 表单查询项 --> <!-- 报告管理 -->
<div v-if="!previewMode" class="headerbox"> <!-- 表单查询项 -->
<el-form size="small" :inline="true" label-width="200"> <div v-if="!previewMode" class="headerbox">
<el-row> <el-form size="small" :inline="true" label-width="200">
<el-col :span="5"> <el-row>
<el-form-item label="文件标题" style="width: 100%;"> <el-col :span="5">
<el-input v-model="queryParams.fileTitle" placeholder="请输入模板标题" clearable /> <el-form-item label="文件标题" style="width: 100%;">
</el-form-item> <el-input v-model="queryParams.fileTitle" placeholder="请输入模板标题" clearable />
</el-col> </el-form-item>
<el-col :span="5"> </el-col>
<el-form-item label="发布时间"> <el-col :span="5">
<el-date-picker v-model="queryParams.startTime" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker> <el-form-item label="发布时间">
</el-form-item> <el-date-picker v-model="queryParams.startTime" type="date" placeholder="选择日期"
</el-col> style="width: 100%;"></el-date-picker>
<el-col :span="8"> </el-form-item>
<el-form-item> </el-col>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button> <el-col :span="8">
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-form-item>
</el-form-item> <el-button type="primary" icon="el-icon-search" size="mini"
</el-col> @click="handleQuery">查询</el-button>
</el-row> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form> </el-form-item>
</div> </el-col>
<!-- 表格内容区 --> </el-row>
<div v-if="!previewMode" class="tablebox"> </el-form>
<!-- 按钮行 -->
<div class="tablebtntwo">
<el-button type="primary" icon="el-icon-upload2" size="mini" @click="handleExport">导出单片材料</el-button>
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
</div> </div>
<el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" prop="id" />
<el-table-column label="文件标题" align="center" prop="title" />
<el-table-column label="发布单位" align="center" prop="unit" />
<el-table-column label="发布人" align="center" prop="author" />
<el-table-column label="发布时间" align="center" prop="createTime" />
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button size="mini" type="text" style="color: gray;" @click="handlePreview(scope.row)">预览</el-button>
<el-button size="mini" type="text" @click="handleEdit(scope.row)">编辑</el-button>
<el-button size="mini" type="text" style="color: #F25353;" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.current" :limit.sync="queryParams.size"
@pagination="getList" />
</div>
<!-- 新增/编辑的弹窗 --> <!-- 表格内容区 -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible"> <div v-if="!previewMode" class="tablebox">
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
<el-form-item label="文件标题" prop="fileTitle"> <el-table-column type="selection" width="55" align="center" />
<el-input v-model="form.fileTitle" placeholder="请输入文件标题" /> <el-table-column label="序号" align="center" prop="id" />
</el-form-item> <el-table-column label="文件标题" align="center" prop="title" />
<el-form-item label="发布时间" prop="createTime"> <el-table-column label="发布单位" align="center" prop="unit" />
<el-date-picker v-model="form.createTime" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker> <!-- <el-table-column label="发布人" align="center" prop="author" /> -->
</el-form-item> <el-table-column label="发布时间" align="center" prop="createTime" />
<el-form-item label="发布单位" prop="unit"> <el-table-column label="操作" align="center">
<el-input v-model="form.unit" placeholder="请输入发布单位" /> <template slot-scope="scope">
</el-form-item> <el-button size="mini" type="text" style="color: gray;"
<el-form-item label="发布人" prop="createBy"> @click="handlePreview(scope.row)">预览</el-button>
<el-input v-model="form.createBy" placeholder="请输入发布人" /> </template>
</el-form-item> </el-table-column>
<el-form-item label="内容" prop="content"> </el-table>
<Editorone v-model="form.content" /> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.current"
</el-form-item> :limit.sync="queryParams.size" @pagination="getList" />
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog>
<!-- 预览的展示区 --> <!-- DOCX预览区域 -->
<div v-if="previewMode" class="previewbox"> <div v-if="previewMode" class="previewbox">
<!-- 按钮区域 --> <div class="previewhead">
<div class="previewhead"> <h3>{{ previewData.title }}</h3>
<div class="headone">预览</div> <div class="headtwo">
<div class="headtwo"> <el-button size="mini" @click="previewMode = false">返回</el-button>
<el-button type="primary" size="mini" icon="el-icon-upload2" @click="handleExporttwo" :loading="loading"> </div>
导出PDF </div>
</el-button> <div class="previewcontent">
<el-button type="primary" size="mini" icon="el-icon-back" @click="handleReturn">返回</el-button> <vue-office-docx
</div> :src="docxFileData"
style="width: 100%; height: calc(100vh - 250px); border: 1px solid #eee;"
@rendered="renderedHandler"
/>
</div>
</div> </div>
<!-- 标题栏 -->
<div class="previewnick">
<h1>{{ previewData.fileTitle }}</h1>
</div>
<!-- 发布信息栏 -->
<div class="previewinfo">
<div class="previewinfoitem">发布时间：{{ previewData.createTime }}</div>
<div class="previewinfoitem">发布单位：{{ previewData.unit }}</div>
<div class="previewinfoitem">发布人：{{ previewData.createBy }}</div>
</div>
<!-- 内容区域 -->
<div class="previewcontent">
<div v-html="previewData.content"></div>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import Editorone from '@/components/Editor'; import VueOfficeDocx from '@vue-office/docx'
import { addClgl, deleteClgl, updateClgl, getClglPage, exportToPdf } from '@/api/ManageApi/index'; import axios from 'axios'
export default { export default {
components: { Editorone }, components: {
'vue-office-docx': VueOfficeDocx
},
data() { data() {
return { return {
loading: false, // 查询参数
postList: [], queryParams: {
total: 0, current: 1,
queryParams: { size: 10,
current: 1, fileTitle: undefined,
size: 10, startTime: undefined
fileTitle: '', },
startTime: '' // 表格数据
}, postList: [],
dialogVisible: false, // 加载状态
dialogTitle: '新增', loading: false,
form: { // 总条数
id: undefined, total: 0,
fileTitle: '', // 预览模式
createTime: '', previewMode: false,
unit: '', // 预览数据
createBy: '', previewData: {},
content: '' // DOCX文件数据
}, docxFileData: null
rules: { }
fileTitle: [
{ required: true, message: '文件标题不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '发布时间不能为空', trigger: 'change' }
],
unit: [
{ required: true, message: '发布单位不能为空', trigger: 'blur' }
],
createBy: [
{ required: true, message: '发布人不能为空', trigger: 'blur' }
],
content: [
{ required: true, message: '内容不能为空', trigger: 'blur' }
]
},
previewMode: false,
previewData: {},
};
}, },
created() { created() {
this.getList(); this.getList()
}, },
methods: { methods: {
// 导出PDF // 获取表格数据
async handleExporttwo() { getList() {
try { this.loading = true
this.loading = true; // 默认数据
setTimeout(() => {
// 验证数据 this.postList = [
if (!this.previewData.fileTitle || !this.previewData.content) { { id: 1, title: 'xxxx项目单体材料模板', unit: '经发委', author: '', createTime: '2024-08-20', fileUrl: 'docx/单体材料模板.docx' },
this.$message.warning('请确保标题和内容不为空'); ]
return; this.total = 1
} this.loading = false
}, 500)
// 1. 调用导出接口 },
const exportResponse = await exportToPdf({ // 查询
htmlArticleTitle: this.previewData.fileTitle, handleQuery() {
htmlContent: this.previewData.content this.queryParams.current = 1
}); this.getList()
},
console.log('完整的:', exportResponse); // 重置查询
resetQuery() {
// 检查响应结构 - 注意数据在data属性中 this.queryParams = {
if (!exportResponse?.data || exportResponse.code !== 200) { current: 1,
throw new Error(exportResponse?.msg || '导出PDF失败'); size: 10,
} fileTitle: undefined,
startTime: undefined
const fileData = exportResponse.data;
if (!fileData.fileName || !fileData.url) {
throw new Error('后端未返回有效的文件路径或文件名');
}
// 使用若依下载方式
this.handleDownload(fileData);
this.$message.success('PDF导出下载成功');
} catch (error) {
console.error('导出PDF失败:', error);
this.$message.error('导出PDF失败');
} finally {
this.loading = false;
}
},
// 若依下载方式
handleDownload(fileData) {
var name = fileData.fileName;
var url = fileData.url;
console.log(name);
console.log(url);
var suffix = url.substring(url.lastIndexOf("."), url.length);
const a = document.createElement('a');
a.setAttribute('download', name + suffix);
a.setAttribute('target', '_blank');
a.setAttribute('href', url);
a.click();
window.URL.revokeObjectURL(url);
},
// 返回按钮
handleReturn() {
this.previewMode = false;
this.previewData = {};
},
handleAdd() {
this.dialogTitle = '新增';
this.dialogVisible = true;
this.form = { id: undefined, fileTitle: '', createTime: '', unit: '', createBy: '', content: '' };
},
handleEdit(row) {
this.dialogTitle = '编辑';
this.dialogVisible = true;
this.form = { ...row };
},
async handleDelete(row) {
this.$confirm('确定删除该文件吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
try {
this.loading = true;
await deleteClgl([row.id]);
this.postList = this.postList.filter(item => item.id !== row.id);
this.total -= 1;
this.$message({ type: 'success', message: '删除成功!' });
} catch (error) {
console.error('删除失败:', error);
this.$message.error('删除失败');
} finally {
this.loading = false;
}
});
},
handlePreview(row) {
this.previewMode = true;
this.previewData = { ...row };
this.previewData.content = row.content; // 直接赋值 HTML 内容
},
async submitForm() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true;
if (this.form.id) {
// 编辑操作
await updateClgl(this.form);
const index = this.postList.findIndex(item => item.id === this.form.id);
this.postList.splice(index, 1, { ...this.form });
this.$message({ type: 'success', message: '编辑成功!' });
} else {
// 新增操作
const response = await addClgl(this.form);
const newForm = { ...this.form, id: response.data.id };
this.postList.push(newForm);
this.total += 1;
this.$message({ type: 'success', message: '新增成功!' });
}
this.dialogVisible = false;
} catch (error) {
console.error('操作失败:', error);
this.$message.error('操作失败');
} finally {
this.loading = false;
}
}
});
},
cancel() {
this.dialogVisible = false;
},
handleSelectionChange(selection) {
console.log(selection);
},
async handleExport() {
try {
this.loading = true;
const params = {
...this.queryParams
};
const response = await getClglPage(params);
if (response.code === 200) {
const fileData = response.data;
if (!fileData.fileName || !fileData.url) {
throw new Error('后端未返回有效的文件路径或文件名');
} }
this.handleDownload(fileData); this.handleQuery()
this.$message.success('导出成功'); },
} else { // 表格选择变化
throw new Error('导出失败'); handleSelectionChange(selection) {
} this.ids = selection.map(item => item.id)
} catch (error) { this.single = selection.length !== 1
console.error('导出失败:', error); this.multiple = !selection.length
this.$message.error('导出失败'); },
} finally { // 预览文档
this.loading = false; handlePreview(row) {
} this.previewMode = true
}, this.previewData = row
async getList() { this.loadDocxFile(row.fileUrl)
try { },
this.loading = true; // 加载DOCX文件
const params = { loadDocxFile(url) {
...this.queryParams this.docxFileData = null
}; axios.get(url, { responseType: 'arraybuffer' })
const response = await getClglPage(params); .then(response => {
if (response.code === 200) { this.docxFileData = response.data
this.postList = response.data.records; })
this.total = response.data.total; .catch(error => {
} else { console.error('加载文档失败:', error)
throw new Error('获取数据失败'); this.$message.error('文档加载失败')
} })
} catch (error) { },
console.error('获取数据失败:', error); // 文档渲染完成回调
this.$message.error('获取数据失败'); renderedHandler() {
} finally { console.log('文档渲染完成')
this.loading = false;
} }
},
handleQuery() {
this.queryParams.current = 1;
this.getList();
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
fileTitle: '',
startTime: ''
};
this.getList();
},
extractTextContent(html) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = html;
return tempDiv.textContent || tempDiv.innerText || '';
}
} }
}; }
</script> </script>
<style scoped> <style scoped>
@ -380,7 +187,7 @@ export default {
.previewbox { .previewbox {
width: 90%; width: 90%;
height: auto; height: 92rem;
margin-left: 5%; margin-left: 5%;
margin-top: .3rem; margin-top: .3rem;
display: flex; display: flex;
@ -403,17 +210,6 @@ export default {
gap: .5rem; gap: .5rem;
} }
.previewnick {
margin-top: .3rem;
width: 100%;
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 3px solid #2B62F1;
color: #2B62F1;
}
.previewinfo { .previewinfo {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
@ -423,5 +219,6 @@ export default {
.previewcontent { .previewcontent {
margin-top: 1rem; margin-top: 1rem;
width: 100%;
} }
</style> </style>

21
src/views/compilation/reporting/index.vue
Unescape View File

@ -34,7 +34,7 @@
<el-table-column label="序号" align="center" prop="id" /> <el-table-column label="序号" align="center" prop="id" />
<el-table-column label="文件标题" align="center" prop="title" /> <el-table-column label="文件标题" align="center" prop="title" />
<el-table-column label="发布单位" align="center" prop="unit" /> <el-table-column label="发布单位" align="center" prop="unit" />
<el-table-column label="发布人" align="center" prop="author" /> <!-- <el-table-column label="发布人" align="center" prop="author" /> -->
<el-table-column label="发布时间" align="center" prop="createTime" /> <el-table-column label="发布时间" align="center" prop="createTime" />
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -55,11 +55,6 @@
<el-button size="mini" @click="previewMode = false">返回</el-button> <el-button size="mini" @click="previewMode = false">返回</el-button>
</div> </div>
</div> </div>
<div class="previewinfo">
<span>发布单位：{{ previewData.unit }}</span>
<span>发布人：{{ previewData.author }}</span>
<span>发布时间：{{ previewData.createTime }}</span>
</div>
<div class="previewcontent"> <div class="previewcontent">
<vue-office-docx <vue-office-docx
:src="docxFileData" :src="docxFileData"
@ -109,18 +104,12 @@ export default {
// 获取表格数据 // 获取表格数据
getList() { getList() {
this.loading = true this.loading = true
// 这里替换为你的实际API调用 // 默认数据
// api.getList(this.queryParams).then(response => {
// this.postList = response.data.records
// this.total = response.data.total
// this.loading = false
// })
// 模拟数据
setTimeout(() => { setTimeout(() => {
this.postList = [ this.postList = [
{ id: 1, title: '2023年度报告', unit: '技术部', author: '张三', createTime: '2023-01-15', fileUrl: 'docx/单体材料模板.docx' }, { id: 1, title: '苏州工业园区总体报告模板', unit: '经发委', author: '', createTime: '2024-08-20', fileUrl: 'docx/苏州工业园区总体报告模板.docx' },
] ]
this.total = 2 this.total = 1
this.loading = false this.loading = false
}, 500) }, 500)
}, },
@ -198,7 +187,7 @@ export default {
.previewbox { .previewbox {
width: 90%; width: 90%;
height: auto; height: 92rem;
margin-left: 5%; margin-left: 5%;
margin-top: .3rem; margin-top: .3rem;
display: flex; display: flex;

21
src/views/components/ProjectDetails/Projectpicture.vue
Unescape View File

@ -47,7 +47,9 @@
<!-- <span style="margin-top: .3rem;"></span> --> <!-- <span style="margin-top: .3rem;"></span> -->
</div> </div>
<div class="tablebody"> <div class="tablebody">
<div>123</div> <div>
<spanmanage />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -57,8 +59,13 @@
<script> <script>
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { getpicture, getpicturelist } from '@/api/ManageApi/index'; import { getpicture, getpicturelist } from '@/api/ManageApi/index';
import spanmanage from '@/views/components/ProjectDetails/spanmanage.vue';
export default { export default {
components: {
spanmanage,
},
props: { props: {
size: { size: {
type: String, type: String,
@ -92,9 +99,7 @@ export default {
this.processData(response.data); this.processData(response.data);
this.initChart(); this.initChart();
}) })
.catch(error => { .catch();
console.error('获取项目画像失败:', error);
});
} }
}, },
fetchDescriptionData() { fetchDescriptionData() {
@ -103,9 +108,7 @@ export default {
.then(response => { .then(response => {
this.processDescriptionData(response.data); this.processDescriptionData(response.data);
}) })
.catch(error => { .catch();
console.error('获取项目画像解释说明失败:', error);
});
} }
}, },
processData(data) { processData(data) {
@ -195,9 +198,9 @@ export default {
x2: 0, x2: 0,
y2: 1, y2: 1,
colorStops: [{ colorStops: [{
offset: 0, color: 'rgba(43, 98, 241, 0.3)' // 阴影起始颜色 offset: 0, color: 'rgba(43, 98, 241, 0.3)' //阴影起始颜色
}, { }, {
offset: 1, color: 'rgba(43, 98, 241, 0)' // 阴影结束颜色 offset: 1, color: 'rgba(43, 98, 241, 0)' //阴影结束颜色
}] }]
} }
} }

5
src/views/components/ProjectDetails/spanmanage.vue
Unescape View File

@ -0,0 +1,5 @@
<template>
<div>
12345
</div>
</template>

9
src/views/orientedtwo/bqspan/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<!-- 政务端页面 --> <!-- 产业标签 -->
<!-- 表单查询项 --> <!-- 表单查询项 -->
<div class="headerbox"> <div class="headerbox">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
@ -116,15 +116,12 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
// 使用新的 API 方法 //api
getCybqInformationPage(this.queryParams).then((response) => { getCybqInformationPage(this.queryParams).then((response) => {
this.postList = response.data.records; this.postList = response.data.records;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
}).catch(error => { }).catch();
console.error('API请求错误:', error);
this.loading = false;
});
}, },
// 当选择项发生变化时会触发该事件 // 当选择项发生变化时会触发该事件

15
vue.config.js
Unescape View File

@ -15,9 +15,18 @@ const port = process.env.port || process.env.npm_config_port || 80 // 端口
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
// 这里只列一部分，具体配置参考文档 // 这里只列一部分，具体配置参考文档
module.exports = { module.exports = {
// 预览docx
configureWebpack: {
resolve: {
alias: {
'vue-demi': path.resolve(__dirname, 'node_modules/vue-demi/lib/v2/index.js')
}
}
},
// 部署生产环境和开发环境下的URL。 // 部署生产环境和开发环境下的URL。
// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。
// 例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
publicPath: process.env.NODE_ENV === "production" ? "/demo/Gyyq-Upstairs" : "/", publicPath: process.env.NODE_ENV === "production" ? "/demo/Gyyq-Upstairs" : "/",
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist） // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
outputDir: 'dist', outputDir: 'dist',
@ -37,8 +46,8 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
// target: `http://192.168.0.108:7071/`, target: `http://192.168.0.106:7071/`,
target: `http://39.101.188.84:7071/`, // target: `http://39.101.188.84:7071/`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''

Write Preview
Loading…
Cancel
Save