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

项目手册

Browse Source
xuhongjie
严飞永 2 months ago
parent d97977b0ab
commit b553ae530a
4 changed files with 143 additions and 64 deletions
Show Stats Download Patch File Download Diff File

2
src/views/compilation/handbook/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<!-- 单片材料管理 --> <!-- 项目手册管理 -->
<!-- 表单查询项 --> <!-- 表单查询项 -->
<div v-if="!previewMode" class="headerbox"> <div v-if="!previewMode" class="headerbox">
<el-form size="small" :inline="true" label-width="200"> <el-form size="small" :inline="true" label-width="200">

104
src/views/compilation/handbook/yulan.vue
Unescape View File

@ -1,60 +1,60 @@
<template> <template>
<div> <div>
<!-- 显示当前页 --> <!-- 显示当前页 -->
<pdf <pdf
v-if="show" v-if="show"
:src="pdfUrl" :src="pdfUrl"
@num-pages="pageCount = $event" @num-pages="pageCount = $event"
@link-clicked="gotoPage($event)" @link-clicked="gotoPage($event)"
style="border: 1px solid black;" style="border: 1px solid black;"
></pdf> ></pdf>
<!-- 控制按钮 --> <!-- 控制按钮 -->
<button @click="prevPage">上一页</button> <button @click="prevPage">上一页</button>
{{ currentPage }} / {{ pageCount }} {{ currentPage }} / {{ pageCount }}
<button @click="nextPage">下一页</button> <button @click="nextPage">下一页</button>
</div> </div>
</template> </template>
<script> <script>
import pdf from "vue-pdf"; import pdf from "vue-pdf";
export default { export default {
components: { components: {
pdf, pdf,
},
data() {
return {
show: false, // 是否加载完成
pdfUrl: "", // PDF 文件路径
currentPage: 1, // 当前页码
pageCount: 0, // 总页数
};
},
mounted() {
this.loadPdf();
},
methods: {
loadPdf() {
// 设置 PDF 路径
this.pdfUrl = "pdf/模板.pdf";
this.show = true;
}, },
data() { gotoPage(pageNumber) {
return { if (pageNumber >= 1 && pageNumber <= this.pageCount) {
show: false, // 是否加载完成 this.currentPage = pageNumber;
pdfUrl: "", // PDF 文件路径 }
currentPage: 1, // 当前页码
pageCount: 0, // 总页数
};
}, },
mounted() { prevPage() {
this.loadPdf(); if (this.currentPage > 1) {
this.currentPage--;
}
}, },
methods: { nextPage() {
loadPdf() { if (this.currentPage < this.pageCount) {
// 设置 PDF 路径 this.currentPage++;
this.pdfUrl = "pdf/模板.pdf"; }
this.show = true;
},
gotoPage(pageNumber) {
if (pageNumber >= 1 && pageNumber <= this.pageCount) {
this.currentPage = pageNumber;
}
},
prevPage() {
if (this.currentPage > 1) {
this.currentPage--;
}
},
nextPage() {
if (this.currentPage < this.pageCount) {
this.currentPage++;
}
},
}, },
}; },
</script> };
</script>

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

@ -66,6 +66,68 @@
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.current" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="getList" /> :limit.sync="queryParams.size" @pagination="getList" />
</div> </div>
<!-- 详情弹窗 -->
<el-dialog title="详情" :visible.sync="dialogVisible" width="50%">
<el-form :model="detailData" label-width="120px">
<el-row>
<el-col :span="12">
<el-form-item label="企业名称">
<span>{{ detailData.name }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="统一信用代码">
<span>{{ detailData.tyshxydm }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="标签标记场景代码">
<span>{{ detailData.bqdm }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标签代码">
<span>{{ detailData.state }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户类型">
<span>{{ detailData.yhlx }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标签注释">
<span>{{ detailData.bqzs }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="标签状态">
<span>{{ detailData.bqzt }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标签注释">
<span>{{ detailData.bqzs }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">关闭</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
@ -102,7 +164,24 @@ export default {
startTime: undefined, startTime: undefined,
endTime: undefined, endTime: undefined,
status: undefined, status: undefined,
} },
// 默认数据
defaultData: [
{
id: 0,
name: '默认企业名称',
tyshxydm: '123456789012345678',
bqdm: 'DEFAULT',
state: '有效',
yhlx: '默认用户类型',
bqzs: '默认标签注释',
bqzt: '默认标签状态'
}
],
// 弹窗显示控制
dialogVisible: false,
// 详情数据
detailData: {}
}; };
}, },
created() { created() {
@ -117,8 +196,9 @@ export default {
//api //api
getCybqInformationPage(this.queryParams).then((response) => { getCybqInformationPage(this.queryParams).then((response) => {
this.postList = response.data.records; // 将默认数据与从后端获取的数据合并
this.total = response.data.total; this.postList = [...this.defaultData, ...response.data.records];
this.total = response.data.total + this.defaultData.length;
this.loading = false; this.loading = false;
}).catch(); }).catch();
}, },
@ -132,9 +212,8 @@ export default {
/** 详情按钮操作 */ /** 详情按钮操作 */
getAdd(row, type) { getAdd(row, type) {
this.$store.commit("SET_CRUMBS", this.$route.meta.title + "新增"); this.detailData = row;
const id = row.id || this.ids[0]; this.dialogVisible = true;
this.$router.push({ path: `/manage-add/${id}`, query: { action: type } });
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {

4
vue.config.js
Unescape View File

@ -46,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.106: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