Commit 7268c315 by lxyang

feat:修改路径

parent 832d70eb
......@@ -119,7 +119,7 @@ export const constantRoutes = [
path: '/documentManagement',
children: [
{
component: () => import('@/views/dataList/dashboard/index'),
component: () => import('@/views/documentManagement/tailAfter/index'),
meta: {
icon: '',
title: '搜索文档详情'
......@@ -129,7 +129,7 @@ export const constantRoutes = [
hidden: true
},
{
component: () => import('@/views/system/customer/index'),
component: () => import('@/views/documentManagement/taskList/index'),
meta: {
icon: '',
title: '跟踪文档'
......@@ -141,7 +141,7 @@ export const constantRoutes = [
}
},
{
component: () => import('@/views/taskList/index'),
component: () => import('@/views/documentManagement/taskListIndex/index'),
meta: {
icon: '',
title: '跟踪文档详情'
......@@ -152,7 +152,7 @@ export const constantRoutes = [
default: false
},
hidden: true
},
}
// {
// component: () => import('@/views/dataList/putIn/index'),
// meta: {
......
<template>
<div class="app-container">
<div class="app-header">
<div class="search-logo"></div>
<el-input prefix-icon="el-icon-search" placeholder="例如:腾讯" @keyup.enter.native="searchDocument" v-model="search" class="input-with-select">
<el-button slot="append" @click="searchDocument">搜索文档</el-button>
</el-input>
</div>
<div class="content">
<div class="content-left scroll">
<div v-if="loadingLeft" class="content-right-content loading loading-left">
<div class="loading-div">
<i class="el-icon-loading loading-center"></i>
<div>加载中...</div>
</div>
</div>
<div class="content-left-center scroll">
<div v-if="!listLeft.length && !loadingLeft" class="not-data">暂无数据</div>
<div class="left-content" v-for="(item, index) in listLeft" :key="index">
<div class="left-content-title">
<div class="logo"><img src="../../../assets/image/juliang.png" alt="" class="logo-img"></div>
<span class="media text">{{item.name}}</span>
<span class="text">更新日期:{{dateFilter(item.createTime)}}</span>
</div>
<div class="content-text-header">
<a class="link" v-if="item.docUrl" :href="item.docUrl" target="_blank">{{item.title}}</a>
<span v-else>{{item.title}}</span>
</div>
<p class="content-text" v-html="item.docContent"></p>
</div>
<pagination v-show="queryParamsLeft.pageContent>0 && loadMoreLeft && listLeft.length"
:total="queryParamsLeft.pageContent"
:page.sync="queryParamsLeft.pageNo"
:limit.sync="queryParamsLeft.pageSize"
layout="total, prev, pager, next"
@pagination="seatchInitLeft" />
<!-- <div class="add-more" v-if="loadMoreLeft && listLeft.length" @click="seatchInitLeft"><span v-if="loadingLeft">加载中</span><span v-else>加载更多</span></div> -->
</div>
</div>
</div>
</div>
</template>
<script>
// 接口调用方法
import {
documentFindDocument
} from "@/api/system/product";
export default {
data() {
return {
search: '',
loadingLeft: false,
loadMoreLeft: true,
queryParamsLeft: {
pageNo: 1,
pageSize: 10,
pageContent: 0
},
listLeft: []
}
},
watch: {},
created() {
let searchDocument = localStorage.getItem("searchDocument")
let searchs = this.$route.params.search
if (searchs) {
this.search = searchs
localStorage.setItem("searchDocument", searchs)
this.searchDocument()
} else if (searchDocument) {
this.search = searchDocument
this.searchDocument()
} else {
this.clearData()
}
},
computed: {
},
methods: {
// 搜索
searchDocument() {
this.clearData()
if (!this.search.trim()) {
this.$message({
message: '请输入需要搜索的内容',
type: 'warning'
})
return
}
localStorage.setItem("searchDocument", this.search.trim())
this.seatchInitLeft()
},
dateFilter(time) {
if (!time) {
// 当时间是null或者无效格式时我们返回空
return '-'
} else {
const date = new Date(time) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
const dateNumFun = (num) => num < 10 ? `0${num}` : num // 使用箭头函数和三目运算以及es6字符串的简单操作。因为只有一个操作不需要{} ,目的就是数字小于10,例如9那么就加上一个0,变成09,否则就返回本身。 // 这是es6的解构赋值。
const [Y, M, D, h, m, s] = [
date.getFullYear(),
dateNumFun(date.getMonth() + 1),
dateNumFun(date.getDate()),
dateNumFun(date.getHours()),
dateNumFun(date.getMinutes()),
dateNumFun(date.getSeconds())
]
return `${Y}-${M}-${D} ${h}:${m}:${s}` // 一定要注意是反引号,否则无效。
}
},
// 搜索左侧
seatchInitLeft() {
this.loadingLeft = true
let name = this.search
let pageindex = this.queryParamsLeft.pageNo
let pagesize = this.queryParamsLeft.pageSize
documentFindDocument({ name, pageindex, pagesize })
.then(response => {
let data = response.content.value
if (response.code === 200 && data.length) {
let pageContent = this.queryParamsLeft.pageContent
if (response.content.totalSize !== pageContent) {
this.queryParamsLeft.pageContent = response.content.totalSize || 0
}
for (let i = 0; i < data.length; i++) {
data[i].docContent = data[i].docContent ? data[i].docContent + '...' : '-'
}
this.$set(this, 'listLeft', data)
} else {
this.$set(this, 'listLeft', [])
}
this.loadingLeft = false
})
.catch(error => {
this.loadingLeft = false;
});
setTimeout(() => {
this.loadingLeft = false
}, 1000);
},
// 数据初始化
clearData() {
this.loadMoreLeft = true
this.loadingLeft = false
this.queryParamsLeft = {
pageNo: 1,
pageSize: 10,
pageContent: 0
}
this.listLeft = []
}
}
}
</script>
<style scoped lang="scss">
@import '@/views/main.scss';
</style>
\ No newline at end of file
<template>
<div class="app-container">
<!-- 头部 -->
<div class="seachData" ref="seachDatas">
<div class="seachData-left">
<i class="el-icon-arrow-left left-span" @click="blackTaskList"></i>
<span>{{title ? title + '文档跟踪报告' : '文档跟踪报告'}}</span>
</div>
</div>
<div class="content">
<div class="content-left scroll">
<div v-if="loading" class="content-right-content loading loading-left">
<div class="loading-div">
<i class="el-icon-loading loading-center"></i>
<div>加载中...</div>
</div>
</div>
<div class="content-left-center scroll">
<div v-if="deleteCenter.length && !loading">
<div class="delete-center" v-for="(item, index) in deleteCenter" :key="index">
<div class="title">
<span class="title-span">{{item.docTitle}}</span>
<span>更新日期:</span>
<span class="time">{{dateFilter(item.updateTime)}}</span>
<span>共1处更新</span>
</div>
<div class="center">
<div class="center-delete">
<div class="center-delete-tab green">新版</div>
<div class="center-delete-text" v-html="item.paragraphAfter"></div>
</div>
<div class="center-delete">
<div class="center-delete-tab gray">旧版</div>
<div class="center-delete-text" v-html="item.paragraphBefore"></div>
</div>
</div>
</div>
</div>
<div class="none" v-else-if="!deleteCenter.length && !loading">
暂无数据
</div>
</div>
</div>
</div>
</div>
</template>
<script>
// 接口调用方法
import {
doctaskFinddifference
} from "@/api/system/product";
export default {
data() {
return {
title: '', // 跟踪文档标题抬头
deleteId: '', // 详情id
tableHeights: 0, // table高度
loading: false,
deleteCenter: []
}
},
watch: {
},
created() {
this.init()
this.$nextTick(() => {
this.tableHeight();
})
},
computed: {
// 计算过的height
tableHeightCount() {
return this.tableHeights
}
},
methods: {
// 初始化
init() {
let name = this.$route.query.name
let id = this.$route.query.id
let taskListIndexTitle = localStorage.getItem("taskListIndexTitle")
let taskListIndexId = localStorage.getItem("taskListIndexId")
if (name || id) {
this.title = name
this.deleteId = id
localStorage.setItem("taskListIndexTitle", name)
localStorage.setItem("taskListIndexId", id)
} else if (taskListIndexTitle || taskListIndexId) {
this.title = taskListIndexTitle
this.deleteId = taskListIndexId
}
this.searchCustomer()
},
// 返回跟踪文档
blackTaskList() {
this.$router.push({
path: '/documentManagement/taskList'
})
},
dateFilter(time) {
if (!time) {
// 当时间是null或者无效格式时我们返回空
return '-'
} else {
const date = new Date(time) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
const dateNumFun = (num) => num < 10 ? `0${num}` : num // 使用箭头函数和三目运算以及es6字符串的简单操作。因为只有一个操作不需要{} ,目的就是数字小于10,例如9那么就加上一个0,变成09,否则就返回本身。 // 这是es6的解构赋值。
const [Y, M, D, h, m, s] = [
date.getFullYear(),
dateNumFun(date.getMonth() + 1),
dateNumFun(date.getDate()),
dateNumFun(date.getHours()),
dateNumFun(date.getMinutes()),
dateNumFun(date.getSeconds())
]
return `${Y}-${M}-${D} ${h}:${m}:${s}` // 一定要注意是反引号,否则无效。
}
},
searchCustomer() {
this.loading = true;
doctaskFinddifference(this.deleteId)
.then(response => {
if (response.code === 200) {
let content = response.content.value
for (let a = 0; a < content.length; a++) {
let difWordAfter = content[a].difWordAfter
let url = content[a].docUrl
if (content[a].paragraphAfter.indexOf(difWordAfter) >= 0) {
let values = content[a].paragraphAfter.split(difWordAfter);
content[a].paragraphAfter = values.join(
`<a style="color: rgba(250, 0, 0, 1);" href="${url}" target="_blank">${difWordAfter}</a>`
)
}
}
this.$set(this, 'deleteCenter', content)
}
this.loading = false
this.$nextTick(() => {
this.customerListHeights = this.$refs.customerListHeight.offsetHeight
})
})
.catch(error => {
this.loading = false;
});
},
// 计算高度
tableHeight() {
let height = document.documentElement.clientHeight - 128
this.tableHeights = height < 580 ? 580 : height
}
}
}
</script>
<style scoped lang="scss">
@import '@/views/main.scss';
.app-container {
.content {
top: 64px;
background: #fafafa;
}
}
.seachData {
.seachData-left {
padding-left: 46px;
}
}
.left-span {
margin-right: 18px;
color: #0052D9;
font-size: 26px;
text-align: center;
width: 18px;
cursor: pointer;
}
.delete-center {
width: 100%;
margin-bottom: 16px;
padding: 32px 36px;
background: #fff;
&:first-child {
margin-top: 16px;
}
.title {
font-size: 18px;
color: rgba(0, 0, 0, 0.9000);
.time {
margin-right: 24px;
}
.title-span {
margin-right: 16px;
}
}
.center {
width: 100%;
display: flex;
.center-delete {
width: 50%;
margin-top: 24px;
}
.center-delete-tab {
width: 44px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 4px;
&.green {
background: #c8ffe8;
color: #4ec192;
}
&.gray {
background: rgba(0, 0, 0, 0.2000);
color: #8a8888;
}
}
.center-delete-text {
margin-top: 24px;
text-align: left;
font-size: 14px;
line-height: 20px;
color: rgba(0, 0, 0, 0.6);
word-break: break-all;
}
}
}
.content-left-center {
.none {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #8a8888;
font-size: 16px;
}
}
</style>
\ No newline at end of file
......@@ -17,9 +17,7 @@ module.exports = {
// 部署生产环境和开发环境下的URL。
// 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
publicPath: "../../",
assetsPublicPath: './',
extract: false,
publicPath: "./",
// 在npm run build 或 yarn build 时 ,生成文件的目录名称(要和baseUrl的生产环境路径一致)(默认dist)
outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment