This commit is contained in:
zhutianqi
2021-10-25 13:15:06 +08:00
parent 249bc99138
commit a0f1fdc2f1
7 changed files with 304 additions and 176 deletions
+125 -125
View File
@@ -10498,130 +10498,130 @@ if (document.readyState === 'interactive' || document.readyState === 'complete')
* liuyan * liuyan
* PDF添加笔记功能js * PDF添加笔记功能js
*/ */
$(document).ready(function () { // $(document).ready(function () {
// var page // 当前pdf页码 // // var page // 当前pdf页码
// var pageY // Y轴 // // var pageY // Y轴
// var pageX // X轴 // // var pageX // X轴
// // 去掉默认的contextmenu事件,否则会和右键事件同时出现。 // // // 去掉默认的contextmenu事件,否则会和右键事件同时出现。
document.oncontextmenu = function (e) { // document.oncontextmenu = function (e) {
e.preventDefault() // e.preventDefault()
}
$('#outerContainer').mousedown(function (e) {
var res = document.getElementById('rightClickBox')
res.style.display = 'none'
$('.button-box').hide()
if (e.button === 2) {
res.style.top = e.clientY + 'px' // 鼠标点击时给div定位Y轴
res.style.left = e.clientX + 'px' // 鼠标点击时给div定位X轴
res.style.display = 'block'
// pageX = e.clientX
// pageY = $('#viewerContainer').scrollTop() + e.clientY - 32
// } else if (e.button === 0) {
// res.style.display = 'none'
// // alert("你点了左键");
// } else if (e.button === 1) {
// // alert("你点了滚轮")
// res.style.display = 'none'
}
})
// // 点击添加笔记
// $('#addNote').click(() => {
// page = document.getElementById('pageNumber').value // 获取当前PDF页码
// var res = document.getElementById('noteBox') // 添加笔记 box
// res.style.display = 'block'
// $('.mask').show()
// $('#rightClickBox').css('display', 'none')
// })
// // 点击 添加笔记 取消 按钮
// $('#noteCancel').click(() => {
// $('#noteBox').css('display', 'none')
// $('.mask').hide()
// $('.note-textarea').val('')
// })
// // 点击 添加笔记 保存 按钮
// $('#noteSave').click(() => {
// let textareaVal = $('.note-textarea').val() // 笔记val
// let url = decodeURIComponent(window.location.search)
// let attIdIndex = url.indexOf('ATT_FILE') // 截取文件id
// let fileUrlId = url.substring(attIdIndex, url.length)
// /**
// * 获取笔记类型
// * @type {string}
// * EXPERT::专家笔记、 PERSONAL:个人笔记
// */
// // let noteType = JSON.parse(sessionStorage.getItem('userInfo')).userRole === '超级管理员' ? 'EXPERT' : 'PERSONAL'
// $.ajax({
// type: 'POST',
// url: '/api/lawss/utNoteInfo/saveNote',
// data: {
// noteContent: textareaVal,
// xContent: 1250,
// yContent: pageY,
// attId: fileUrlId, // pdf文件ID
// noteType: 'PERSONAL',
// noteName: JSON.parse(sessionStorage.getItem('fileInfo'))[0].fileName
// },
// success: (res) => {
// if (res.ok) {
// alert('保存成功')
// $('#noteBox').css('display', 'none')
// $('.mask').hide()
// $('.note-textarea').val('')
// getNote()
// } else {
// alert(res.message)
// }
// }
// })
// })
// // 回显笔记内容
// function getNote () {
// let url = decodeURIComponent(window.location.search)
// let attIdIndex = url.indexOf('ATT_FILE') // 截取文件id
// let fileUrlId = url.substring(attIdIndex, url.length)
// $.ajax({
// type: 'GET',
// url: '/api/lawss/utNoteInfo/worldPage',
// data: {
// attId: fileUrlId
// },
// success: (res) => {
// if (res.ok) {
// $('.note-float').remove() // 移除所有的笔记
// // 重新渲染笔记
// res.data.list.map(item => {
// let str = `<div class="note-float" style="position: absolute; top: ${item.yContent}px; left: ${item.xContent}px">
// <span>${item.noteContent}</span>
// <span class="note-del" id="${item.id}">x</span>
// </div>`
// $('#viewerContainer').append(str)
// })
// }
// }
// })
// } // }
// getNote() // $('#outerContainer').mousedown(function (e) {
// // 删除笔记事件 // var res = document.getElementById('rightClickBox')
// $('body').delegate('.note-float .note-del', 'click', (e) => { // res.style.display = 'none'
// $.ajax({ // $('.button-box').hide()
// type: 'POST', // if (e.button === 2) {
// url: '/api/lawss/utNoteInfo/deleteNote', // res.style.top = e.clientY + 'px' // 鼠标点击时给div定位Y轴
// data: { // res.style.left = e.clientX + 'px' // 鼠标点击时给div定位X轴
// ids: e.target.id // res.style.display = 'block'
// }, // // pageX = e.clientX
// success: (res) => { // // pageY = $('#viewerContainer').scrollTop() + e.clientY - 32
// if (res.ok) { // // } else if (e.button === 0) {
// alert('删除成功') // // res.style.display = 'none'
// getNote() // // // alert("你点了左键");
// } else { // // } else if (e.button === 1) {
// alert(res.message) // // // alert("你点了滚轮")
// } // // res.style.display = 'none'
// } // }
// })
// }) // })
// // 点击 tree新增modal取消按钮 // // // 点击添加笔记
// $('#treeAddCancel').click(() => { // // $('#addNote').click(() => {
// $('.tree-add-modal').hide() // // page = document.getElementById('pageNumber').value // 获取当前PDF页码
// $('.mask').hide() // // var res = document.getElementById('noteBox') // 添加笔记 box
// }) // // res.style.display = 'block'
}) // // $('.mask').show()
// // $('#rightClickBox').css('display', 'none')
// // })
// // // 点击 添加笔记 取消 按钮
// // $('#noteCancel').click(() => {
// // $('#noteBox').css('display', 'none')
// // $('.mask').hide()
// // $('.note-textarea').val('')
// // })
// // // 点击 添加笔记 保存 按钮
// // $('#noteSave').click(() => {
// // let textareaVal = $('.note-textarea').val() // 笔记val
// // let url = decodeURIComponent(window.location.search)
// // let attIdIndex = url.indexOf('ATT_FILE') // 截取文件id
// // let fileUrlId = url.substring(attIdIndex, url.length)
// // /**
// // * 获取笔记类型
// // * @type {string}
// // * EXPERT::专家笔记、 PERSONAL:个人笔记
// // */
// // // let noteType = JSON.parse(sessionStorage.getItem('userInfo')).userRole === '超级管理员' ? 'EXPERT' : 'PERSONAL'
// // $.ajax({
// // type: 'POST',
// // url: '/api/lawss/utNoteInfo/saveNote',
// // data: {
// // noteContent: textareaVal,
// // xContent: 1250,
// // yContent: pageY,
// // attId: fileUrlId, // pdf文件ID
// // noteType: 'PERSONAL',
// // noteName: JSON.parse(sessionStorage.getItem('fileInfo'))[0].fileName
// // },
// // success: (res) => {
// // if (res.ok) {
// // alert('保存成功')
// // $('#noteBox').css('display', 'none')
// // $('.mask').hide()
// // $('.note-textarea').val('')
// // getNote()
// // } else {
// // alert(res.message)
// // }
// // }
// // })
// // })
// // // 回显笔记内容
// // function getNote () {
// // let url = decodeURIComponent(window.location.search)
// // let attIdIndex = url.indexOf('ATT_FILE') // 截取文件id
// // let fileUrlId = url.substring(attIdIndex, url.length)
// // $.ajax({
// // type: 'GET',
// // url: '/api/lawss/utNoteInfo/worldPage',
// // data: {
// // attId: fileUrlId
// // },
// // success: (res) => {
// // if (res.ok) {
// // $('.note-float').remove() // 移除所有的笔记
// // // 重新渲染笔记
// // res.data.list.map(item => {
// // let str = `<div class="note-float" style="position: absolute; top: ${item.yContent}px; left: ${item.xContent}px">
// // <span>${item.noteContent}</span>
// // <span class="note-del" id="${item.id}">x</span>
// // </div>`
// // $('#viewerContainer').append(str)
// // })
// // }
// // }
// // })
// // }
// // getNote()
// // // 删除笔记事件
// // $('body').delegate('.note-float .note-del', 'click', (e) => {
// // $.ajax({
// // type: 'POST',
// // url: '/api/lawss/utNoteInfo/deleteNote',
// // data: {
// // ids: e.target.id
// // },
// // success: (res) => {
// // if (res.ok) {
// // alert('删除成功')
// // getNote()
// // } else {
// // alert(res.message)
// // }
// // }
// // })
// // })
// // // 点击 tree新增modal取消按钮
// // $('#treeAddCancel').click(() => {
// // $('.tree-add-modal').hide()
// // $('.mask').hide()
// // })
// })
+5 -5
View File
@@ -330,11 +330,11 @@ export default {
// path: '/convertDocView', // path: '/convertDocView',
// menuId: '3F52K25546' // menuId: '3F52K25546'
// }, // },
// { {
// title: '菜单管理', title: '菜单管理',
// path: '/menuManage', path: '/menuManage',
// menuId: '87b8b4f5817a7829696e63185c744d52' menuId: '87b8b4f5817a7829696e63185c744d52'
// }, },
{ {
title: '链接管理', title: '链接管理',
path: '/linkManage', path: '/linkManage',
@@ -0,0 +1,26 @@
<template>
<div class="zcch-step1">
<div>政策参会</div>
</div>
</template>
<script>
export default {
name: "zcchStep1",
components: {},
data() {
return {}
},
methods: {},
mounted() {}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zcch-step1 {}
</style>
@@ -0,0 +1,26 @@
<template>
<div class="zchh-step1">
<div>政策会后</div>
</div>
</template>
<script>
export default {
name: "zchhStep1",
components: {},
data() {
return {}
},
methods: {},
mounted() {}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zchh-step1 {}
</style>
@@ -0,0 +1,26 @@
<template>
<div class="zcrh-step1">
<div>政策入会</div>
</div>
</template>
<script>
export default {
name: "zcrhStep1",
components: {},
data() {
return {}
},
methods: {},
mounted() {}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zcrh-step1 {}
</style>
@@ -34,9 +34,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -52,9 +49,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -70,9 +64,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -88,9 +79,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -106,9 +94,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -124,9 +109,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -142,9 +124,6 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -160,13 +139,54 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴水平的主轴main axis和垂直的交叉轴cross axis主轴的开始位置与边框的交叉点叫做main start结束位置叫做main end交叉轴的开始位置叫做cross start结束位置叫做cross end-->
<!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'7d81e0afa045f8ba8911bcf984b64675'">
<el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('15')">
<div class="card-top">
<div class="card-top-left">
<img :src="getImg(Math.floor(Math.random() * 6))">
</div>
<div class="card-top-right">
<div class="card-top-right-text">政策课题入会流程</div>
<div class="card-top-right-line"></div>
</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'7128980e23ca7726ef92aad579ac7cb1'">
<el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('16')">
<div class="card-top">
<div class="card-top-left">
<img :src="getImg(Math.floor(Math.random() * 6))">
</div>
<div class="card-top-right">
<div class="card-top-right-text">政策课题参会流程</div>
<div class="card-top-right-line"></div>
</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="size ? 6 : 8">
<el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('17')">
<div class="card-top">
<div class="card-top-left">
<img :src="getImg(Math.floor(Math.random() * 6))">
</div>
<div class="card-top-right">
<div class="card-top-right-text">政策课题会后流程</div>
<div class="card-top-right-line"></div>
</div>
</div>
</div>
</el-card>
</el-col>
<!-- &lt;!&ndash;严逸舟写的分割线&ndash;&gt;--> <!-- &lt;!&ndash;严逸舟写的分割线&ndash;&gt;-->
<!-- <el-col :span="size ? 6 : 8" v-btn-permission="">--> <!-- <el-col :span="size ? 6 : 8" v-btn-permission="">-->
<!-- <el-card shadow="hover">--> <!-- <el-card shadow="hover">-->
@@ -225,21 +245,6 @@
<!-- &lt;!&ndash;严逸舟写的分割线&ndash;&gt;--> <!-- &lt;!&ndash;严逸舟写的分割线&ndash;&gt;-->
</div> </div>
</div> </div>
<div v-if="zcgllc">
<el-divider content-position="left"><h2>政策管理流程</h2></el-divider>
<div class="process-box">
</div>
</div>
<div v-if="qbgllc">
<el-divider content-position="left"><h2>企标管理流程</h2></el-divider>
<div class="process-box">
</div>
</div>
<div v-if="bzcgfysqlc">
<el-divider content-position="left"><h2>工作组会议管理流程</h2></el-divider>
<div class="process-box">
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -316,12 +321,6 @@ export default {
name: 'xmpgStep1' name: 'xmpgStep1'
}) })
break break
case '10':
//项目评估流程- 项目
this.$router.push({
name: 'xmpg2Step1'
})
break
case '8': case '8':
//未符合项整改流程 //未符合项整改流程
this.$router.push({ this.$router.push({
@@ -334,6 +333,12 @@ export default {
name:'bzjdStep1' name:'bzjdStep1'
}) })
break break
case '10':
//项目评估流程- 项目
this.$router.push({
name: 'xmpg2Step1'
})
break
case '11': case '11':
// 项目清单确认流程 // 项目清单确认流程
this.$router.push({ this.$router.push({
@@ -358,6 +363,24 @@ export default {
name: 'zhangyuhuanStep1' name: 'zhangyuhuanStep1'
}) })
break break
case '15':
//政策课题入会流程
this.$router.push({
name: 'zcrhStep1'
})
break
case '16':
//政策课题参会流程
this.$router.push({
name: 'zcchStep1'
})
break
case '17':
//政策课题会后流程
this.$router.push({
name: 'zchhStep1'
})
break
} }
}, },
checkPermission(permissionIdArray) { checkPermission(permissionIdArray) {
+27
View File
@@ -979,6 +979,33 @@ const routes = [
title: '标准解读流程' title: '标准解读流程'
} }
}, },
{
path: '/zcrhStep1',
name: 'zcrhStep1',
component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step1.vue'),
meta: {
requireAuth: true,
title: '政策课题入会流程'
}
},
{
path: '/zcchStep1',
name: 'zcchStep1',
component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step1.vue'),
meta: {
requireAuth: true,
title: '政策课题参会流程'
}
},
{
path: '/zchhStep1',
name: 'zchhStep1',
component: () => import('@/pages/processCenter/pages/creatProcess/zchh/step1.vue'),
meta: {
requireAuth: true,
title: '政策课题会后流程'
}
}
] ]
}, },
// 本地工具 // 本地工具