asd/shujuwang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fanzhen1231

Browse Source
This commit is contained in:
fanzhen123
2019-12-31 16:32:52 +08:00
parent 1615011375
commit d95e7ce2a4
20 changed files with 2136 additions and 901 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/advancedQuery/AdvancedQuery.vue
View File

@@ -278,7 +278,7 @@ export default {
// 请求接口完成 请求成功
if (res.data.code === 200) {
this.leftCateData = res.data.data.list
this.selectClassId = this.leftCateData[0].id
this.selectClassId = this.$store.state.selectDataLeft.id
console.log(this.selectClassId, 'this.selectClassId000')
this.searchArealy()
}

133
src/components/chartsCont/ChartsCont.vue
View File

@@ -481,34 +481,56 @@ export default {
console.log(this.$store.state.AreaAllCountData, '555222000')
console.log(valStrinf, '555222000选中')
console.log(this.$store.state.AreaAllCountData, 'kkkkk数据')
if (this.$store.state.AreaAllCountData) {
if (this.selectState === 2) {
if (this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf) !== -1) {
let jsonData = JSON.parse(JSON.stringify(this.transBefore))
jsonData.transBeforeAreaData = this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)]
this.transBefore = jsonData
this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
if (!this.$store.state.advancedSearchState) { // 非高级查询
if (this.$store.state.AreaAllCountData) {
if (this.selectState === 2) {
if (this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf) !== -1) {
// 当前选中下标
this.$store.state.selectIndexAreaLebal = this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)
// 当前选中地区名称
this.$store.state.lebalIndexName = this.$store.state.AreaAllCountData.areaName[this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)]
let jsonData = JSON.parse(JSON.stringify(this.transBefore))
jsonData.transBeforeAreaData = this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)]
this.transBefore = jsonData
this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
} else {
this.selectState = 1
this.getDatas()
// 告诉父组件改变筛选值
this.$emit('tellChangeFan', true)
}
} else {
this.selectState = 1
this.getDatas()
// 告诉父组件改变筛选值
this.$emit('tellChangeFan', true)
}
} else {
console.log(this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf), 'this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)')
if (this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf) !== -1) {
let jsonData = JSON.parse(JSON.stringify(this.transBefore))
jsonData.transBeforeAreaData = this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)]
this.transBefore = jsonData
this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
console.log(this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)], '1010111')
} else {
this.selectState = 2
this.getDatas()
// 告诉父组件改变筛选值
this.$emit('tellChangeFan', true)
console.log(this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf), 'this.$store.state.AreaAllCountData.areaName.indexOf(valStrinf)')
if (this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf) !== -1) {
// 当前选中下标
this.$store.state.selectIndexAreaLebal = this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)
// 当前选中指标
this.$store.state.lebalIndexName = this.$store.state.AreaAllCountData.termsName[this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)]
let jsonData = JSON.parse(JSON.stringify(this.transBefore))
jsonData.transBeforeAreaData = this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)]
this.transBefore = jsonData
this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
// console.log(this.$store.state.AreaAllCountData.transBeforeAreaData[this.$store.state.AreaAllCountData.termsName.indexOf(valStrinf)], '1010111')
} else {
this.selectState = 2
this.getDatas()
// 告诉父组件改变筛选值
this.$emit('tellChangeFan', true)
}
}
}
} else {
console.log(valStrinf, '筛选名称')
// 筛选指标
if (this.selectState === 1) {
this.$store.state.labelIndexName = valStrinf
this.$store.state.areaIndexName = ''
this.advancedSearchDataShow()
} else { // 筛选地区
this.$store.state.labelIndexName = ''
this.$store.state.areaIndexName = valStrinf
this.advancedSearchDataShow()
}
}
},
// 监听行列图表转换
@@ -524,15 +546,15 @@ export default {
if (val) {
// 初始化公共数据
// console.log(this.objCompBefore, 'this.objCompBefore')
if (JSON.parse(localStorage.getItem('classFiyData')) && JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id)) {
if (JSON.parse(sessionStorage.getItem('classFiyData')) && JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id)) {
this.transBefore = {}
this.transBefore.tableExplain = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.tableExplain
this.transBefore.timeArr = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.timeArr.map((item, index) => { return item.toString() })
this.transBefore.termsName = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsName
this.transBefore.termsExplain = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsExplain
this.transBefore.areaName = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.areaName
this.transBefore.transBeforeTermsData = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeTermsData
this.transBefore.transBeforeAreaData = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeAreaData
this.transBefore.tableExplain = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.tableExplain
this.transBefore.timeArr = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.timeArr.map((item, index) => { return item.toString() })
this.transBefore.termsName = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsName
this.transBefore.termsExplain = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsExplain
this.transBefore.areaName = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.areaName
this.transBefore.transBeforeTermsData = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeTermsData
this.transBefore.transBeforeAreaData = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeAreaData
console.log(this.transBefore, '000kkkkkkkkkkkkk')
this.$store.state.transdtr = true
// 全局总数据
@@ -544,9 +566,9 @@ export default {
console.log(this.$store.state.selectData, 'this.$store.state.selectData')
console.log(this.$store.state.selectfilter, 'this.$store.state.selectfilter')
this.$nextTick(() => {
if (this.hangZhiState) {
this.getDatas()
}
console.log(this.hangZhiState, 'this.hangZhiState')
this.$store.state.advancedSearchState = false
this.getDatas()
})
}
// 调接口拿到所有当前分类下的所有的指标、地区、时间
@@ -561,15 +583,15 @@ export default {
console.log(val, 'jjjjjj')
if (val) {
console.log(val, 'jjjjjj')
if (JSON.parse(localStorage.getItem('classFiyData')) && JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id)) {
if (JSON.parse(sessionStorage.getItem('classFiyData')) && JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id)) {
this.transBefore = {}
this.transBefore.tableExplain = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.tableExplain
this.transBefore.timeArr = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.timeArr.map((item, index) => { return item.toString() })
this.transBefore.termsName = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsName
this.transBefore.termsExplain = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsExplain
this.transBefore.areaName = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.areaName
this.transBefore.transBeforeTermsData = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeTermsData
this.transBefore.transBeforeAreaData = JSON.parse(localStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeAreaData
this.transBefore.tableExplain = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.tableExplain
this.transBefore.timeArr = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.timeArr.map((item, index) => { return item.toString() })
this.transBefore.termsName = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsName
this.transBefore.termsExplain = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.termsExplain
this.transBefore.areaName = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.areaName
this.transBefore.transBeforeTermsData = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeTermsData
this.transBefore.transBeforeAreaData = JSON.parse(sessionStorage.getItem('classFiyData')).find(item => item.id === this.defaultDataRight.id).data.transBeforeAreaData
console.log(this.transBefore, '000')
// this.$store.state.transdtr = true
// 全局总数据
@@ -587,6 +609,7 @@ export default {
// }
}
},
// 筛选
statesDf (val) {
if (val === 2) {
this.transBefore = {}
@@ -597,8 +620,6 @@ export default {
this.transBefore.areaName = this.$store.state.transBefore.areaName
this.transBefore.transBeforeTermsData = this.$store.state.transBefore.transBeforeTermsData
this.transBefore.transBeforeAreaData = this.$store.state.transBefore.transBeforeAreaData
// this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
// console.log(this.transBefore, '我要改变')
// 重新渲染表格
this.$refs.table.doLayout()
// 告诉父组件改完了
@@ -1027,6 +1048,7 @@ export default {
},
// 获取后台数据表中的数据
getDatas () {
console.log('执行getDatas')
if (!this.$store.state.advancedSearchState) {
// 初始化计算数据
if (this.transBefore) {
@@ -1141,6 +1163,7 @@ export default {
console.log(fail, 2369)
})
} else {
console.log('zhixingelse')
this.transBefore = this.$store.state.transBefore
this.$store.state.noChangeData = JSON.parse(JSON.stringify(this.transBefore))
}
@@ -1153,10 +1176,10 @@ export default {
data: {
type: this.$route.query.type === 'area' ? 2 : 1,
data: this.$store.state.advanceData,
area: this.downLaSelect.area,
quota: this.downLaSelect.label,
area: this.$store.state.areaIndexName,
quota: this.$store.state.labelIndexName,
cate: this.selectState,
f: this.$route.query.type,
f: this.$store.state.selectDataLeft.f,
date: this.$store.state.selectData
}
}).then(res => {
@@ -1170,7 +1193,7 @@ export default {
transBefore.termsExplain = res.data.data.termsExplain
transBefore.areaName = res.data.data.areaName
transBefore.transBeforeTermsData = res.data.data.transBeforeTermsData
transBefore.transBeforeAreaData = res.data.data.transBeforeAreaData
transBefore.transBeforeAreaData = res.data.data.transBeforeAreaData[0]
console.log(transBefore, '000')
this.$store.state.transdtr = true
// 全局总数据
@@ -1194,6 +1217,10 @@ export default {
} else {
this.getDatas()
}
},
// 重新初始化表格数据
initTableData () {
this.objCompBefore.initAllData()
}
},
computed: {
@@ -1261,13 +1288,13 @@ export default {
created () {
// 还原高级查询状态
this.$store.state.advancedSearchState = false
console.log(this.advancedStates, 'this.advancedStates111')
this.startsyui = this.advancedStates
},
updated () {
// 重新渲染表格
this.$refs.table.doLayout()
console.log(this.advancedStates, 'this.advancedStates')
if (this.transBefore) {
this.$refs.table.doLayout()
}
},
mounted () {
// console.log(new ComputedData())

191
src/components/chartsCut/ChartsCut.vue
View File

@@ -1,28 +1,19 @@
<template>
<div class="chartsCut">
<div
v-for="(item,index) in listImg"
:key="index"
class="chart_left"
@click="cutChartsTap(index)"
>
<img :src="item.url" alt />
<div v-show="$store.state.transdtr&&$store.state.transBefore">
<div
v-for="(item,index) in listImg"
:key="index"
class="chart_left"
@click="cutChartsTap(index)"
>
<img :src="item.url" alt />
</div>
</div>
<div
class="chart_right"
v-if="(($store.state.SelecttDimension.row === 'sj' && $store.state.SelecttDimension.col === 'dq')||($store.state.SelecttDimension.row === 'sj' && $store.state.SelecttDimension.col === 'zb'))&&!$store.state.areaDimensionState"
>
<!-- 指标地区cut -->
<!-- <div class="chart_right_area" v-if="$route.query.type!=='area'">
{{stateChangeSDF?'指标：':'地区：'}}
<cityPicker
:level="jishuArea"
:selectpattern="selectpatternArea"
:city-data="cityDataArea"
:default-city="cityDefaultNameArea"
@choice-caller="choiceCallerArea"
></cityPicker>
</div>-->
<div class="chart_right_area" v-if="$route.query.type==='area'">
{{stateChangeSDF?'指标：':'地区：'}}
<el-cascader
@@ -34,7 +25,7 @@
></el-cascader>
</div>
<!-- 根据时间筛选 -->
<div class="chart_right_time" v-if="cityDataTime">
<div class="chart_right_time" v-if="cityDataTime&&cityDefaultNameTime">
时间：
<div class="chart_right_cont">
<PullDownComponents
@@ -235,7 +226,9 @@ export default {
}
},
labelAreaState (newVal, oldVal) {
if (newVal) {
console.log(newVal, 'kkkkkkkkkkkkkkkkkkkkkkk120')
if (newVal && !this.$store.state.advancedSearchState) {
console.log('kkkkkkkkkkkkkkkkkkkkkkk120')
this.showLabelArea()
}
},
@@ -367,46 +360,90 @@ export default {
// 指标地区数据渲染
showLabelArea () {
console.log(this.stateChangeSDF, '走走走')
if (this.stateChangeSDF) { // 指标
console.log(this.$store.state.transBefore, 'thisthisthisthisthis')
this.cityDataArea = this.$store.state.transBefore.termsName.map((item, index) => {
return { 'id': '110000', 'name': item, 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 }
})
this.cityDataArea.unshift({ 'id': '110000', 'name': '-序列-', 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 })
this.cityDefaultNameArea = this.cityDataArea[1].name
this.selectpatternArea.placeholder = this.cityDataArea[1].name
if (!this.$store.state.advancedSearchState) { // 非高级查询
if (this.stateChangeSDF) { // 指标
console.log(this.$store.state.transBefore, 'thisthisthisthisthis')
this.cityDataArea = this.$store.state.transBefore.termsName.map((item, index) => {
return { 'id': '110000', 'name': item, 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 }
})
this.cityDataArea.unshift({ 'id': '110000', 'name': '-序列-', 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 })
this.cityDefaultNameArea = this.cityDataArea[1].name
this.selectpatternArea.placeholder = this.cityDataArea[1].name
this.options = this.$store.state.transBefore.termsName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
} else { // 地区
this.options = this.$store.state.transBefore.areaName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
this.options = this.$store.state.transBefore.termsName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
} else { // 地区
this.options = this.$store.state.transBefore.areaName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
}
} else { // 高级查询
if (this.stateChangeSDF) { // 指标
console.log(this.$store.state.advanceQueryInit, 'thisthisthisthisthis')
this.cityDataArea = this.$store.state.advanceQueryInit.labelName.map((item, index) => {
return { 'id': '110000', 'name': item, 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 }
})
this.cityDataArea.unshift({ 'id': '110000', 'name': '-序列-', 'parentId': '100000', 'shortName': '北京', 'cityCode': '', type: 1 })
this.cityDefaultNameArea = this.$store.state.labelIndexName
this.selectpatternArea.placeholder = this.$store.state.labelIndexName
this.options = this.$store.state.advanceQueryInit.labelName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
} else { // 地区
this.options = this.$store.state.advanceQueryInit.areaName.map((item, index) => {
return {
value: item,
label: item
}
})
this.options.unshift({
value: '序列',
label: '序列'
})
this.value = [this.options[1].value]
console.log(this.value, 'this.options')
// 告诉父组件已经完成任务
this.$emit('stateDFGHJ', true)
this.$emit('statertfResu', this.value[0])
}
}
},
// 聚焦显示提示的搜索框
@@ -512,6 +549,11 @@ export default {
callBackValClose (res) { // 关闭回调
console.log(res, '展开')
this.changesInputStu()
},
// 高级查询指标地区序列化
serializedData (termsName, areaName) {
console.log(termsName, areaName, '10256')
this.showLabelArea()
}
},
mounted () {
@@ -525,20 +567,28 @@ export default {
padding: 0.75rem 0;
display: flex;
flex-direction: row;
justify-content: space-around;
justify-content: flex-end;
align-items: center;
& > .chart_left {
& > div:nth-child(1) {
width: 26.875rem;
display: flex;
flex-direction: row;
justify-content: center;
justify-content: space-around;
align-items: center;
// border: 0.0625rem solid red;
& > img {
height: 1.625rem;
width: 1.625rem;
}
& > img:hover {
cursor: pointer;
// border: 1px solid red;
& > .chart_left {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
// border: 0.0625rem solid red;
& > img {
height: 1.625rem;
width: 1.625rem;
}
& > img:hover {
cursor: pointer;
}
}
}
& > .chart_right {
@@ -554,8 +604,9 @@ export default {
// line-height: 22px;
letter-spacing: 0.125rem;
color: #333333;
// border: 1px solid red;
& > .chart_right_area {
margin-right: 4.525rem;
margin-right: 0.525rem;
display: flex;
flex-direction: row;
justify-content: flex-start;

35
src/components/insertLabel/InsertLabel.vue
View File

@@ -262,14 +262,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.termsName.indexOf(list) !== -1) {
comStr += this.$store.state.transBefore.transBeforeTermsData[index][this.$store.state.transBefore.termsName.indexOf(list)]
comStr += this.$store.state.transBefore.transBeforeTermsData[index][this.$store.state.transBefore.termsName.indexOf(list)] === '' ? '0' : this.$store.state.transBefore.transBeforeTermsData[index][this.$store.state.transBefore.termsName.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
// 将处理完的数据放到全局变量中
this.$store.state.transBefore.termsName.push(this.insertName)
@@ -287,15 +287,16 @@ export default {
// 定义拼接计算的字符串
let comStr = ''
newArrat.forEach((list, key) => {
console.log(list)
if (this.$store.state.transBefore.areaName.indexOf(list) !== -1) {
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.areaName.indexOf(list)]
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.areaName.indexOf(list)] === '' ? '0' : this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.areaName.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
console.log(comStr, 'kkk10')
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
// 将处理完的数据放到全局变量中
this.$store.state.transBefore.areaName.push(this.insertName)
@@ -308,14 +309,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.timeArr.indexOf(list) !== -1) {
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.timeArr.indexOf(list)]
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.timeArr.indexOf(list)] === '' ? '0' : this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.timeArr.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
// 将处理完的数据放到全局变量中
this.$store.state.transBefore.timeArr.push(this.insertName)
@@ -328,14 +329,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.termsName.indexOf(list) !== -1) {
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.termsName.indexOf(list)]
comStr += this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.termsName.indexOf(list)] == '' ? '0' : this.$store.state.transBefore.transBeforeAreaData[index][this.$store.state.transBefore.termsName.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
// 将处理完的数据放到全局变量中
this.$store.state.transBefore.termsName.push(this.insertName)
@@ -366,14 +367,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.timeArr.indexOf(list) !== -1) {
comStr += datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]
comStr += datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]===''?'0':datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
console.log(dataStrArr, '101025')
datarts.push(dataStrArr)
@@ -409,14 +410,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.areaName.indexOf(list) !== -1) {
comStr += datarts[index][this.$store.state.transBefore.areaName.indexOf(list)]
comStr += datarts[index][this.$store.state.transBefore.areaName.indexOf(list)]===''?'0':datarts[index][this.$store.state.transBefore.areaName.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
console.log(dataStrArr, '101025')
datarts.push(dataStrArr)
@@ -437,14 +438,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.timeArr.indexOf(list) !== -1) {
comStr += datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]
comStr += datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]===''?'0':datarts[index][this.$store.state.transBefore.timeArr.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
console.log(dataStrArr, '101025')
datarts.push(dataStrArr)
@@ -465,14 +466,14 @@ export default {
let comStr = ''
newArrat.forEach((list, key) => {
if (this.$store.state.transBefore.termsName.indexOf(list) !== -1) {
comStr += datarts[index][this.$store.state.transBefore.termsName.indexOf(list)]
comStr += datarts[index][this.$store.state.transBefore.termsName.indexOf(list)]===''?'0':datarts[index][this.$store.state.transBefore.termsName.indexOf(list)]
} else {
comStr += list
}
})
// console.log(comStr)
// console.log(eval(comStr))
return eval(comStr).toString()
return parseFloat(eval(comStr).toString()).toFixed(2).toString()
})
console.log(dataStrArr, '101025')
datarts.push(dataStrArr)

54
src/components/nav/Nav.vue
View File

@@ -201,31 +201,35 @@ export default {
this.showWinStatic = !this.showWinStatic
this.$auth.auth = this.showWinStatic
// 用户信息存本地
localStorage.setItem('username', res.data.data.username)
localStorage.setItem('pic', res.data.data.pic)
localStorage.setItem('userPwd', this.userpwd)
localStorage.setItem('token', 'Bearer ' + res.data.data.token)
localStorage.setItem('tokenB', res.data.data.token)
sessionStorage.setItem('username', res.data.data.username)
sessionStorage.setItem('pic', res.data.data.pic)
sessionStorage.setItem('userPwd', this.userpwd)
sessionStorage.setItem('token', 'Bearer ' + res.data.data.token)
sessionStorage.setItem('tokenB', res.data.data.token)
this.$alert(res.data.message, '温馨提示', {
confirmButtonText: '确定',
callback: res => {
console.log(10000)
that.userLogin = localStorage.getItem('userLogin')
that.userName = localStorage.getItem('username')
that.userPic = localStorage.getItem('pic')
that.userLogin = sessionStorage.getItem('userLogin')
that.userName = sessionStorage.getItem('username')
that.userPic = sessionStorage.getItem('pic')
// 登录状态
localStorage.setItem('userLogin', true)
sessionStorage.setItem('userLogin', true)
// 普通登陆状态
this.$store.state.normalLogin = true
if (this.$route.path !== '/') {
this.$router.push({ path: '/' })
}
setTimeout(() => {
localStorage.clear()
window.setTimeout(() => {
sessionStorage.clear()
this.$router.go(0)
}, 7200000)
}
})
} else {
this.$alert(res.data.message, '温馨提示', {
confirmButtonText: '确定'
})
}
}).catch((fail) => {
console.log(fail)
@@ -289,7 +293,7 @@ export default {
method: 'GET',
url: 'member/index/logout',
params: {
'access-token': localStorage.getItem('tokenB')
'access-token': sessionStorage.getItem('tokenB')
}
}).then(res => {
console.log(res)
@@ -305,7 +309,7 @@ export default {
path: '/'
})
}
localStorage.clear()
sessionStorage.clear()
this.$router.go(0)
}
}).catch((fail) => {
@@ -333,28 +337,28 @@ export default {
if (res.data.code === 200) {
this.$store.state.normalLogin = false
// 用户信息存本地
localStorage.setItem('username', res.data.data.username)
localStorage.setItem('pic', res.data.data.pic)
localStorage.setItem('userPwd', '123456')
localStorage.setItem('token', 'Bearer ' + res.data.data.token)
localStorage.setItem('tokenB', res.data.data.token)
setTimeout(() => {
localStorage.clear()
sessionStorage.setItem('username', res.data.data.username)
sessionStorage.setItem('pic', res.data.data.pic)
sessionStorage.setItem('userPwd', '123456')
sessionStorage.setItem('token', 'Bearer ' + res.data.data.token)
sessionStorage.setItem('tokenB', res.data.data.token)
window.setTimeout(() => {
sessionStorage.clear()
location.reload()
}, 7200000)
// 登录状态
localStorage.setItem('userLogin', false)
sessionStorage.setItem('userLogin', false)
this.$auth = true
this.$store.state.ipLogin = true
} else {
if (this.$store.state.ipLogin) {
localStorage.clear()
sessionStorage.clear()
this.$store.state.ipLogin = false
}
}
this.userLogin = localStorage.getItem('userLogin')
this.userName = localStorage.getItem('username')
this.userPic = localStorage.getItem('pic')
this.userLogin = sessionStorage.getItem('userLogin')
this.userName = sessionStorage.getItem('username')
this.userPic = sessionStorage.getItem('pic')
this.$store.state.normalLogin = this.userLogin
// 请求接口完成 请求成功
}).catch((fail) => {

1690
src/components/screenCom/ScreenCom.vue
View File

File diff suppressed because it is too large Load Diff

12
src/main.js
View File

@@ -63,14 +63,14 @@ axios.interceptors.request.use(config => {
// 'Authorization': 'hjiujkolololjhgg12569jhjhF'
// }
config.headers = {
Authorization: localStorage.getItem('token')
Authorization: sessionStorage.getItem('token')
}
return config
})
// 返回拦截器(后)
axios.interceptors.response.use(data => {
// console.log(localStorage.getItem('token'))
if (localStorage.getItem('token') && data.data.code === 403) {
// console.log(sessionStorage.getItem('token'))
if (sessionStorage.getItem('token') && data.data.code === 403) {
Vue.prototype.$alert('您没有查看此分类下数据的权限！', '温馨提示', {
confirmButtonText: '确定'
})
@@ -96,9 +96,9 @@ Vue.use(VueAwesomeSwiper)
Vue.use(ElementUI)
// 关闭浏览器
window.addEventListener('beforeunload', e => {
window.localStorage.clear()
})
// window.addEventListener('beforeunload', e => {
// window.sessionStorage.clear()
// })
Vue.config.productionTip = false
new Vue({

6
src/router.js
View File

@@ -109,8 +109,8 @@ RouterObj.beforeEach((to, from, next) => {
console.log(to, 'to')
console.log(from, 'from')
if (to.name === 'personalCenter' || to.name === 'datasweb') {
console.log(localStorage.getItem('token'), 'localStorage.getItem()')
if (!localStorage.getItem('token')) {
console.log(sessionStorage.getItem('token'), 'sessionStorage.getItem()')
if (!sessionStorage.getItem('token')) {
// alert('您没有该账号的登陆权限，请重新登录后再次操作！')
Vue.prototype.$alert('您没有该账号的登陆权限，请重新登录后再次操作！', '温馨提示', {
confirmButtonText: '确定',
@@ -129,7 +129,7 @@ RouterObj.beforeEach((to, from, next) => {
}
})
// 权限通过时赋值
// localStorage.clear()
// sessionStorage.clear()
// window.location.reload()
} else {
next()

13
src/store.js
View File

@@ -84,7 +84,18 @@ export default new Vuex.Store({
quotaArr: []
},
// 维度转换当前选中
newSelectChangeData: null
newSelectChangeData: null,
// 当前选中的地区或者指标下标
selectIndexAreaLebal: 0,
// 高级查询默认选中指标
labelIndexName: '',
// 高级查询默认选中指标
areaIndexName: '',
// 高级查询初次筛选的地区和指标
advanceQueryInit: {
areaName: [],
labelName: []
}
},
mutations: {},
actions: {

2
src/views/companyIntroduction/CompanyIntroduction.vue
View File

@@ -12,7 +12,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/companyIntroduction')">公司介绍</span>
<span @click="$router.go(0)">公司介绍</span>
</div>
</div>
<div class="cont_bottom">

124
src/views/dataList/DataList.vue
View File

@@ -15,7 +15,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/dataList')">资讯列表</span>
<span @click="$router.go(0)">资讯列表</span>
</div>
</div>
<!-- 主内容 -->
@@ -47,11 +47,15 @@
<div class="right2">
<div class="title">24小时热文</div>
<div class="content">
<div v-for="(item,index) in twentyFourtimeData" :key="index">
<div
v-for="(item,index) in twentyFourtimeData"
:key="index"
@click="$router.push({path:'/listDetails',query:{id:item.id}})"
>
<img :src="item.url" alt />
<div>
<div class="top">{{item.title}}</div>
<div class="bottom">{{item.content}}</div>
<div class="top" :title="item.title">{{item.title}}</div>
<div class="bottom" :title="item.content">{{item.content}}</div>
</div>
</div>
</div>
@@ -87,31 +91,31 @@ export default {
},
// 咨询列表数据
dataLists: [
{
title: '五大行入局区块链，区块链革命正在到来',
content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
url: require('../../../static/dataList/list1.png')
},
{
title: '五大行入局区块链，区块链革命正在到来',
content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
url: require('../../../static/dataList/list1.png')
},
{
title: '五大行入局区块链，区块链革命正在到来',
content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
url: require('../../../static/dataList/list1.png')
},
{
title: '五大行入局区块链，区块链革命正在到来',
content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
url: require('../../../static/dataList/list1.png')
},
{
title: '五大行入局区块链，区块链革命正在到来',
content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
url: require('../../../static/dataList/list1.png')
}
// {
// title: '五大行入局区块链，区块链革命正在到来',
// content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
// url: require('../../../static/dataList/list1.png')
// },
// {
// title: '五大行入局区块链，区块链革命正在到来',
// content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
// url: require('../../../static/dataList/list1.png')
// },
// {
// title: '五大行入局区块链，区块链革命正在到来',
// content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
// url: require('../../../static/dataList/list1.png')
// },
// {
// title: '五大行入局区块链，区块链革命正在到来',
// content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
// url: require('../../../static/dataList/list1.png')
// },
// {
// title: '五大行入局区块链，区块链革命正在到来',
// content: '在互联网时代，在金融技术发展日新月异的时代，在金融边缘创新不断向中心地带侵蚀并不断融入其中的新金融时代在传统金融不断信息化、网络化、数字化时代，金融已经远远突破了资金融通的传统内涵，金融技术已经将金融信息与金融科技高度融合，技术成为驱动金融发展的底层力量，成为一个大趋势。在互联网时代，驱动金融发...',
// url: require('../../../static/dataList/list1.png')
// }
],
// 分页配置
pageConfiguration: {
@@ -126,31 +130,31 @@ export default {
},
// 24小时热闻数据
twentyFourtimeData: [
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
}
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// }
]
}
},
@@ -324,7 +328,7 @@ export default {
& > div:nth-last-child(n + 2) {
margin-bottom: 1.25rem;
width: 100%;
height: 23.75rem;
height: 14.75rem;
display: flex;
flex-direction: row;
justify-content: space-around;
@@ -333,7 +337,7 @@ export default {
background-color: #fff;
& > div {
width: 33.75rem;
height: 20rem;
height: 11.75rem;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -373,8 +377,8 @@ export default {
}
}
& > img {
width: 16rem;
height: 15rem;
width: 12rem;
height: 12rem;
border-radius: 0.3125rem;
}
}
@@ -436,6 +440,10 @@ export default {
// line-height: 23px;
letter-spacing: 0rem;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
& > .bottom {
width: 16rem;

436
src/views/datasweb/Datasweb.vue
View File

@@ -16,9 +16,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span>简单查询</span>
>
<span>{{posaite[dataPos]}}</span>
<span @click="$router.go(0)">数据</span>
</div>
</div>
<!-- 中间部分 -->
@@ -183,7 +181,6 @@
<!-- 图标切换 -->
<ChartsCut
@cutStatic="cutStatic"
v-show="$store.state.transdtr&&$store.state.transBefore"
:defaultDataRight="defaultDataRight"
@stateTell="stateTell"
@comTime="comTime"
@@ -594,39 +591,50 @@ export default {
}
break
case 3:// 添加收藏
this.$store.state.addCollectState = true
// console.log(this.$store.state.selectDataLeft, 'this.$store.state.selectDataLeft')
if (this.$store.state.transBefore) {
this.$store.state.addCollectState = true
} else {
this.$alert('暂无数据，无法进行收藏', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case 4:// 导出至excel！！
let brt = new ComputedData()
brt.insertCollectS(this.$store.state.tableData, this.$store.state.tableLine, this.$store.state.listInputVal, this.$store.state.lineInputVal)
console.log(this.$store.state.selectDataLeft, '左侧选中数据')
let objData = brt.insertCollectS(JSON.parse(JSON.stringify(this.$store.state.tableData)), JSON.parse(JSON.stringify(this.$store.state.tableLine)), JSON.parse(JSON.stringify(this.$store.state.listInputVal)), JSON.parse(JSON.stringify(this.$store.state.lineInputVal)))
// 调用接口导出至excel
this.$axios({
method: 'POST',
url: 'data/data/download',
data: {
classify: this.$store.state.selectDataLeft.id,
tableData: objData.tableData,
header: objData.header
},
responseType: 'blob'// 防止接收文件流乱码 格式blob
}).then(res => {
console.log(res, '导出至excel！！')
// 请求接口完成 请求成功
if (res.status === 200) {
const a = document.createElement('a')
a.download = res.headers['content-disposition'].split('"')[1]
a.style.display = 'none'
a.href = window.URL.createObjectURL(res.data)
a.click()
a.remove()
window.URL.revokeObjectURL(window.URL.createObjectURL(res.data))
}
}).catch((fail) => {
console.log(fail)
})
if (this.$store.state.transBefore) {
let brt = new ComputedData()
brt.insertCollectS(this.$store.state.tableData, this.$store.state.tableLine, this.$store.state.listInputVal, this.$store.state.lineInputVal)
console.log(this.$store.state.selectDataLeft, '左侧选中数据')
let objData = brt.insertCollectS(JSON.parse(JSON.stringify(this.$store.state.tableData)), JSON.parse(JSON.stringify(this.$store.state.tableLine)), JSON.parse(JSON.stringify(this.$store.state.listInputVal)), JSON.parse(JSON.stringify(this.$store.state.lineInputVal)))
// 调用接口导出至excel
this.$axios({
method: 'POST',
url: 'data/data/download',
data: {
classify: this.$store.state.selectDataLeft.id,
tableData: objData.tableData,
header: objData.header
},
responseType: 'blob'// 防止接收文件流乱码 格式blob
}).then(res => {
console.log(res, '导出至excel！！')
// 请求接口完成 请求成功
if (res.status === 200) {
const a = document.createElement('a')
a.download = res.headers['content-disposition'].split('"')[1]
a.style.display = 'none'
a.href = window.URL.createObjectURL(res.data)
a.click()
a.remove()
window.URL.revokeObjectURL(window.URL.createObjectURL(res.data))
}
}).catch((fail) => {
console.log(fail)
})
} else {
this.$alert('暂无数据，无法进行导出操作！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case 5:
break
@@ -646,8 +654,7 @@ export default {
method: 'GET',
url: 'data/data/quick',
params: {
type: this.$route.query.type
type: this.$store.state.selectDataLeft.f
}
}).then(res => {
console.log(res, '时间筛选')
@@ -662,8 +669,8 @@ export default {
data: this.$store.state.advanceData,
area: '',
quota: '',
cate: '',
f: this.$route.query.type,
cate: 1,
f: this.$store.state.selectDataLeft.f,
date: Object.keys(res.data.data.list)[0]
}
@@ -678,7 +685,7 @@ export default {
transBefore.termsExplain = res.data.data.termsExplain
transBefore.areaName = res.data.data.areaName
transBefore.transBeforeTermsData = res.data.data.transBeforeTermsData
transBefore.transBeforeAreaData = res.data.data.transBeforeAreaData
transBefore.transBeforeAreaData = res.data.data.transBeforeAreaData[0]
console.log(transBefore, '000')
that.$store.state.transdtr = true
// 全局总数据
@@ -687,6 +694,20 @@ export default {
that.$store.state.noChangeData = JSON.parse(JSON.stringify(transBefore))
that.cutStateSeach = 'simpleness'
that.advancedStates = true
// 调用子组件 的方法渲染高级查询数据
that.$nextTick(() => {
// console.log(that.$refs.childChartsCut, 'that.$refs.childChartsCut')
// 改变高级查询状态
that.$store.state.advancedSearchState = true
// 默认选中指标
that.$store.state.labelIndexName = res.data.data.termsName[0]
// 初次筛选的指标和地区名称
that.$store.state.advanceQueryInit.labelName = res.data.data.termsName
that.$store.state.advanceQueryInit.areaName = res.data.data.areaName
that.$refs.childChartsCut.serializedData(res.data.data.termsName, res.data.data.areaName)
// 恢复状态
that.stateDFGHJ(false)
})
} else {
that.$store.state.transBefore = null
that.advancedStates = true
@@ -723,177 +744,234 @@ export default {
clickCate (hierarchy, ind, textType) {
switch (textType) {
case '新增指标':
this.$store.state.insertWindowState = true
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore')
if (this.$store.state.transBefore) {
this.$store.state.insertWindowState = true
} else {
this.$alert('暂无数据，新增指标功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '筛选':
this.$store.state.selcettWindowState = true
if (this.$store.state.transBefore) {
this.$store.state.selcettWindowState = true
} else {
this.$alert('暂无数据，筛选功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '恢复':// 恢复
this.$router.go(0)
if (this.$store.state.transBefore) {
this.$router.go(0)
} else {
this.$alert('暂无数据，恢复功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '清除空行空列':// 清除空行空列
// this.$router.go(0)
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore')
if (this.$route.query.type === 'area') {
// 先过滤每一行
let firstHang = []// 过滤掉的下标=====》地区
this.$store.state.transBefore.transBeforeAreaData = this.$store.state.transBefore.transBeforeAreaData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
firstHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 在过滤每一列
// 行列转置
let brrCe = this.$store.state.transBefore.transBeforeAreaData
this.$store.state.transBefore.transBeforeAreaData = brrCe[0].map(function (col, index) {
return brrCe.map((row, key) => {
return row[index]
// console.log(this.$store.state.transBefore, 'this.$store.state.transBefore')
if (this.$store.state.transBefore) {
if (this.$route.query.type === 'area') {
// 先过滤每一行
let firstHang = []// 过滤掉的下标=====》地区
this.$store.state.transBefore.transBeforeAreaData = this.$store.state.transBefore.transBeforeAreaData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
firstHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
})
// 在过滤每一行
let secendHang = []// 过滤掉的下标=====》时间
this.$store.state.transBefore.transBeforeAreaData = this.$store.state.transBefore.transBeforeAreaData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
secendHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 行列转置
let arrCe = this.$store.state.transBefore.transBeforeAreaData
this.$store.state.transBefore.transBeforeAreaData = arrCe[0].map(function (col, index) {
return arrCe.map((row, key) => {
return row[index]
// 在过滤每一列
// 行列转置
let brrCe = this.$store.state.transBefore.transBeforeAreaData
this.$store.state.transBefore.transBeforeAreaData = brrCe[0].map(function (col, index) {
return brrCe.map((row, key) => {
return row[index]
})
})
})
// 将时间和地区名过滤掉
this.$store.state.transBefore.areaName = this.$store.state.transBefore.areaName.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.timeArr = this.$store.state.transBefore.timeArr.filter((item, index) => {
return secendHang.indexOf(index) === -1
})
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore.transBeforeAreaData')
this.showTableState = true
} else { // 非地区数据
// 先过滤每一行
let firstHang = []// 过滤掉的下标=====》地区
this.$store.state.transBefore.transBeforeTermsData = this.$store.state.transBefore.transBeforeTermsData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
firstHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 在过滤每一列
// 行列转置
let brrCe = this.$store.state.transBefore.transBeforeTermsData
this.$store.state.transBefore.transBeforeTermsData = brrCe[0].map(function (col, index) {
return brrCe.map((row, key) => {
return row[index]
// 在过滤每一行
let secendHang = []// 过滤掉的下标=====》时间
this.$store.state.transBefore.transBeforeAreaData = this.$store.state.transBefore.transBeforeAreaData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
secendHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
})
// 在过滤每一行
let secendHang = []// 过滤掉的下标=====》时间
this.$store.state.transBefore.transBeforeTermsData = this.$store.state.transBefore.transBeforeTermsData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
secendHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 行列转置
let arrCe = this.$store.state.transBefore.transBeforeTermsData
this.$store.state.transBefore.transBeforeTermsData = arrCe[0].map(function (col, index) {
return arrCe.map((row, key) => {
return row[index]
// 行列转置
let arrCe = this.$store.state.transBefore.transBeforeAreaData
this.$store.state.transBefore.transBeforeAreaData = arrCe[0].map(function (col, index) {
return arrCe.map((row, key) => {
return row[index]
})
})
// 将时间和地区名过滤掉
this.$store.state.transBefore.areaName = this.$store.state.transBefore.areaName.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.timeArr = this.$store.state.transBefore.timeArr.filter((item, index) => {
return secendHang.indexOf(index) === -1
})
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore.transBeforeAreaData')
this.showTableState = true
} else { // 非地区数据
// 先过滤每一行
let firstHang = []// 过滤掉的下标=====》地区
this.$store.state.transBefore.transBeforeTermsData = this.$store.state.transBefore.transBeforeTermsData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
firstHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 在过滤每一列
// 行列转置
let brrCe = this.$store.state.transBefore.transBeforeTermsData
this.$store.state.transBefore.transBeforeTermsData = brrCe[0].map(function (col, index) {
return brrCe.map((row, key) => {
return row[index]
})
})
// 在过滤每一行
let secendHang = []// 过滤掉的下标=====》时间
this.$store.state.transBefore.transBeforeTermsData = this.$store.state.transBefore.transBeforeTermsData.filter((item, index) => {
if (item.every((item, index) => { return item === '' })) {
secendHang.push(index)
}
return !item.every((item, index) => {
return item === ''
}) === true
})
// 行列转置
let arrCe = this.$store.state.transBefore.transBeforeTermsData
this.$store.state.transBefore.transBeforeTermsData = arrCe[0].map(function (col, index) {
return arrCe.map((row, key) => {
return row[index]
})
})
// 将时间和地区名过滤掉
this.$store.state.transBefore.termsName = this.$store.state.transBefore.termsName.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.termsExplain = this.$store.state.transBefore.termsExplain.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.timeArr = this.$store.state.transBefore.timeArr.filter((item, index) => {
return secendHang.indexOf(index) === -1
})
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore.transBeforeAreaData')
this.showTableState = true
}
} else {
this.$alert('暂无数据，清除空行空列功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
// 将时间和地区名过滤掉
this.$store.state.transBefore.termsName = this.$store.state.transBefore.termsName.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.termsExplain = this.$store.state.transBefore.termsExplain.filter((item, index) => {
return firstHang.indexOf(index) === -1
})
this.$store.state.transBefore.timeArr = this.$store.state.transBefore.timeArr.filter((item, index) => {
return secendHang.indexOf(index) === -1
})
console.log(this.$store.state.transBefore, 'this.$store.state.transBefore.transBeforeAreaData')
this.showTableState = true
}
break
case '编辑':
this.$store.state.editWindowState = true
if (this.$store.state.transBefore) {
this.$store.state.editWindowState = true
} else {
this.$alert('暂无数据，编辑功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '转置':
this.chartsStatusMegger.transState = !this.chartsStatusMegger.transState
this.$store.state.transState = this.chartsStatusMegger.transState
if (this.$store.state.transBefore) {
// 改变转置状态
let zhuanChange = {
row: this.$store.state.SelecttDimension.col,
col: this.$store.state.SelecttDimension.row
}
this.$store.state.SelecttDimension = zhuanChange
this.chartsStatusMegger.transState = !this.chartsStatusMegger.transState
this.$store.state.transState = this.chartsStatusMegger.transState
} else {
this.$alert('暂无数据，转置功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '维度转换':
if (this.$route.query.type === 'area') {
this.$store.state.dimensionState = true
if (this.$store.state.transBefore) {
if (this.$route.query.type === 'area') {
this.$store.state.dimensionState = true
} else {
this.$store.state.noAreadimensionState = true
}
} else {
this.$store.state.noAreadimensionState = true
// this.chartsStatusMegger.transState = !this.chartsStatusMegger.transState
// this.$store.state.transState = this.chartsStatusMegger.transState
this.$alert('暂无数据，维度转换功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
break
case '保存默认':// 将分类id 和 分类数据存入本地
// 获取本地保存数据
console.log(JSON.parse(localStorage.getItem('classFiyData')), 'classFiyData')
if (JSON.parse(localStorage.getItem('classFiyData'))) {
let arrtsBGY = JSON.parse(localStorage.getItem('classFiyData'))
console.log(this.defaultDataRight.id, 'this.defaultDataRight.id')
if (!arrtsBGY.find(item => item.id === this.defaultDataRight.id)) {
arrtsBGY.push({
if (this.$store.state.transBefore) {
if (JSON.parse(sessionStorage.getItem('classFiyData'))) {
let arrtsBGY = JSON.parse(sessionStorage.getItem('classFiyData'))
console.log(this.defaultDataRight.id, 'this.defaultDataRight.id')
if (!arrtsBGY.find(item => item.id === this.defaultDataRight.id)) {
arrtsBGY.push({
id: this.defaultDataRight.id,
data: this.$store.state.transBefore
})
sessionStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
} else {
console.log('走这里')
arrtsBGY.find(item => item.id === this.defaultDataRight.id).data = this.$store.state.transBefore
sessionStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
}
} else {
sessionStorage.setItem('classFiyData', JSON.stringify([{
id: this.defaultDataRight.id,
data: this.$store.state.transBefore
})
localStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
} else {
console.log('走这里')
arrtsBGY.find(item => item.id === this.defaultDataRight.id).data = this.$store.state.transBefore
localStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
}]))
}
this.$alert('默认数据已保存！', '温馨提示', {
confirmButtonText: '确定'
})
} else {
localStorage.setItem('classFiyData', JSON.stringify([{
id: this.defaultDataRight.id,
data: this.$store.state.transBefore
}]))
this.$alert('暂无数据，保存默认功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
this.$alert('默认数据已保存！', '温馨提示', {
confirmButtonText: '确定'
})
// alert('默认数据已保存！')
break
case '恢复默认':// 将分类id 和 分类数据从本地删除
if (JSON.parse(localStorage.getItem('classFiyData'))) {
let arrtsBGY = JSON.parse(localStorage.getItem('classFiyData'))
if (!arrtsBGY.find(item => item.id === this.defaultDataRight.id)) {
if (this.$store.state.transBefore) {
if (JSON.parse(sessionStorage.getItem('classFiyData'))) {
let arrtsBGY = JSON.parse(sessionStorage.getItem('classFiyData'))
if (!arrtsBGY.find(item => item.id === this.defaultDataRight.id)) {
// alert('默认数据已恢复！')
this.$alert('默认数据已恢复！', '温馨提示', {
confirmButtonText: '确定'
})
} else {
arrtsBGY = arrtsBGY.filter((item, index) => {
return item.id !== this.defaultDataRight.id
})
sessionStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
}
} else {
// alert('默认数据已恢复！')
this.$alert('默认数据已恢复！', '温馨提示', {
confirmButtonText: '确定'
})
} else {
arrtsBGY = arrtsBGY.filter((item, index) => {
return item.id !== this.defaultDataRight.id
})
localStorage.setItem('classFiyData', JSON.stringify(arrtsBGY))
}
this.$router.go(0)
} else {
// alert('默认数据已恢复！')
this.$alert('默认数据已恢复！', '温馨提示', {
this.$alert('暂无数据，恢复默认功能无法使用！', '温馨提示', {
confirmButtonText: '确定'
})
}
this.$router.go(0)
break
}
},
@@ -1153,6 +1231,7 @@ export default {
this.defaultDataRight = dataDome
this.$store.state.selectDataLeft = this.defaultDataRight
console.log(this.defaultDataRight, '1250')
console.log(this.$store.state.selectDataLeft, '12500')
this.$store.state.selectfilter = this.defaultDataRight.f
} else { // 从数据更新，快速
this.defaultDataSelectDG()
@@ -1230,6 +1309,10 @@ export default {
// 调用子组件的方法
changeDimensionTrueChangeArea (res) {
this.$refs.childDimension.trueChangeArea(res)
},
// 调用子组件的方法重置数据
changeScreenCom () {
this.$refs.childChartCont.initTableData()
}
},
computed: {
@@ -1275,6 +1358,17 @@ export default {
console.log(this.computedNumberPx(200))
// 获取菜单信息
this.getCateData()
if (this.$route.query.type !== 'area') {
this.$store.state.SelecttDimension = {
row: 'sj',
col: 'zb'
}
} else {
this.$store.state.SelecttDimension = {
row: 'sj',
col: 'dq'
}
}
},
updated () {
// console.log(this.defaultDataRight, 'this.defaultSelectLies')

2
src/views/help/Help.vue
View File

@@ -13,7 +13,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/help')">帮助</span>
<span @click="$router.go(0)">帮助</span>
</div>
</div>
<section class="container">

282
src/views/index/Index.vue
View File

@@ -134,7 +134,7 @@
<img :src="item.url" alt />
<div>
<div class="top" :title="item.title">{{item.title}}</div>
<div class="bottom">{{item.content}}</div>
<div class="bottom" :title="item.content">{{item.content}}</div>
</div>
</div>
</div>
@@ -181,14 +181,14 @@ export default {
}
},
bannerLuBo: [
{
img: require('../../../static/index/banner1.png'),
url: 'http://www.baidu.com'
},
{
img: require('../../../static/index/banner1.png'),
url: 'http://www.baidu.com'
}
// {
// img: require('../../../static/index/banner1.png'),
// url: 'http://www.baidu.com'
// },
// {
// img: require('../../../static/index/banner1.png'),
// url: 'http://www.baidu.com'
// }
],
lunboUp: require('../../../static/index/leftS.png'),
lunboNext: require('../../../static/index/rightS.png'),
@@ -203,48 +203,48 @@ export default {
label: '月度 /Monthly',
name: 'first',
textArrLeft: [
'月度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'月度工业增加值增工业增加值增速工业速。',
'月度工业增加值增速。',
'月度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '月度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '月度工业增加值增工业增加值增速工业速。',
// '月度工业增加值增速。',
// '月度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
],
textArrRight: [
'月度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'月度工业增加值增工业增加值增速工业速。',
'月度工业增加值增速。',
'月度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '月度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '月度工业增加值增工业增加值增速工业速。',
// '月度工业增加值增速。',
// '月度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
]
},
{
label: '季度 /Quarter',
name: 'second',
textArrLeft: [
'季度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'季度工业增加值增工业增加值增速工业速。',
'季度工业增加值增速。',
'季度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '季度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '季度工业增加值增工业增加值增速工业速。',
// '季度工业增加值增速。',
// '季度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
],
textArrRight: [
'季度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'季度工业增加值增工业增加值增速工业速。',
'季度工业增加值增速。',
'季度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '季度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '季度工业增加值增工业增加值增速工业速。',
// '季度工业增加值增速。',
// '季度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
]
},
{
label: '年度 /Year',
name: 'third',
textArrLeft: [
'年度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'年度工业增加值增工业增加值增速工业速。',
'年度工业增加值增速。',
'年度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '年度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '年度工业增加值增工业增加值增速工业速。',
// '年度工业增加值增速。',
// '年度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
],
textArrRight: [
'年度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
'年度工业增加值增工业增加值增速工业速。',
'年度工业增加值增速。',
'年度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
// '年度增加值增速工业，增加值增速增加值增速工业增加值增速增加值增速工业，增加值增速。',
// '年度工业增加值增工业增加值增速工业速。',
// '年度工业增加值增速。',
// '年度工业增加值增速，工业工业增加值增工业增加值增工业增加值增工业，增加值增工业增加值增。'
]
}
],
@@ -265,108 +265,108 @@ export default {
}
},
dataSwiperS: [
{
url: require('../../../static/index/luboer.png'),
label: '大中城市住宅销售价格',
compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
},
{
url: require('../../../static/index/luboer.png'),
label: '大中城市住宅销售价格',
compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
},
{
url: require('../../../static/index/luboer.png'),
label: '大中城市住宅销售价格',
compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
},
{
url: require('../../../static/index/luboer.png'),
label: '大中城市住宅销售价格',
compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
}
// {
// url: require('../../../static/index/luboer.png'),
// label: '大中城市住宅销售价格',
// compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
// },
// {
// url: require('../../../static/index/luboer.png'),
// label: '大中城市住宅销售价格',
// compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
// },
// {
// url: require('../../../static/index/luboer.png'),
// label: '大中城市住宅销售价格',
// compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
// },
// {
// url: require('../../../static/index/luboer.png'),
// label: '大中城市住宅销售价格',
// compone: '这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释这里时解释。'
// }
],
// 资讯数据
dataZxun: [
{
title: '这里是资讯',
cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
time: '57分钟前',
url: require('../../../static/index/zixuntu.png')
},
{
title: '这里是资讯',
cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
time: '57分钟前',
url: require('../../../static/index/zixuntu.png')
},
{
title: '这里是资讯',
cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
time: '57分钟前',
url: require('../../../static/index/zixuntu.png')
},
{
title: '这里是资讯',
cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
time: '57分钟前',
url: require('../../../static/index/zixuntu.png')
}
// {
// title: '这里是资讯',
// cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
// time: '57分钟前',
// url: require('../../../static/index/zixuntu.png')
// },
// {
// title: '这里是资讯',
// cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
// time: '57分钟前',
// url: require('../../../static/index/zixuntu.png')
// },
// {
// title: '这里是资讯',
// cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
// time: '57分钟前',
// url: require('../../../static/index/zixuntu.png')
// },
// {
// title: '这里是资讯',
// cont: '这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里这里是资讯这里是资讯，这里是资讯这里是资讯这里是资这里...',
// time: '57分钟前',
// url: require('../../../static/index/zixuntu.png')
// }
],
// 数据更新
dataUpdata: [
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
},
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
},
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
},
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
},
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
},
{
title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）（按旅游目的分组）',
updataTime: '2019-09-06 17:47:39'
}
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// },
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// },
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// },
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// },
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// },
// {
// title: '数据库：农村居民国内游客对服务质量的评价统计（按旅游目的分组）（按旅游目的分组）',
// updataTime: '2019-09-06 17:47:39'
// }
],
// 24小时热闻数据
twentyFourtimeData: [
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
},
{
url: require('../../../static/index/timeLZ.png'),
title: '这是标题',
content: '数据热文数据热文数据热文数据热文数据热文数据热文'
}
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// },
// {
// url: require('../../../static/index/timeLZ.png'),
// title: '这是标题',
// content: '数据热文数据热文数据热文数据热文数据热文数据热文'
// }
],
indexDatalabel: ['monthly', 'quarter', 'year'],
// 选中的下标
@@ -602,36 +602,6 @@ export default {
}
break
}
// if (state) {
// if (value === 1) {
// this.$router.push(
// {
// path: '/datasweb',
// query: {
// type: this.indexDatalabel[this.selectLabelS]
// }
// }
// )
// } else {
// this.$router.push(
// {
// path: '/datasweb',
// query: {
// type: 'area'
// }
// }
// )
// }
// } else {
// this.$router.push(
// {
// path: '/datasweb',
// query: {
// type: value
// }
// }
// )
// }
}
},

22
src/views/listDetails/ListDetails.vue
View File

@@ -15,7 +15,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/listDetails')">资讯详情</span>
<span @click="$router.go(0)">资讯详情</span>
</div>
</div>
<!-- 主内容 -->
@@ -29,7 +29,10 @@
<br />
<div class="uploadFJ" v-if="articleDetails.fujian">
附件下载：
<a :href="articleDetails.fujian" :download="ComputedFujian(articleDetails.fujian)">{{ComputedFujian(articleDetails.fujian)}}</a>
<a
:href="articleDetails.fujian"
:download="ComputedFujian(articleDetails.fujian)"
>{{ComputedFujian(articleDetails.fujian)}}</a>
</div>
</div>
</div>
@@ -37,11 +40,15 @@
<div class="right2">
<div class="title">24小时热文</div>
<div class="content">
<div v-for="(item,index) in twentyFourtimeData" :key="index" @click="$router.push({path:'/'}),$router.push({path:'/listDetails',query:{id:item.id}}),$router.go(0)">
<div
v-for="(item,index) in twentyFourtimeData"
:key="index"
@click="$router.push({path:'/'}),$router.push({path:'/listDetails',query:{id:item.id}}),$router.go(0)"
>
<img :src="item.url" alt />
<div>
<div class="top">{{item.title}}</div>
<div class="bottom">{{item.content}}</div>
<div class="top" :title="item.title">{{item.title}}</div>
<div class="bottom" :title="item.content">{{item.content}}</div>
</div>
</div>
</div>
@@ -386,6 +393,11 @@ export default {
// line-height: 23px;
letter-spacing: 0rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* 省略号在第几行 */
-webkit-box-orient: vertical;
}
& > .bottom {
width: 16rem;

11
src/views/personalCenter/PersonalCenter.vue
View File

@@ -13,7 +13,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/personalCenter')">个人中心</span>
<span @click="$router.go(0)">个人中心</span>
</div>
</div>
<div class="content">
@@ -173,7 +173,7 @@ export default {
// }
],
// 密码
password: localStorage.getItem('userPwd'),
password: sessionStorage.getItem('userPwd'),
// 密码显示状态
showPass: false,
// 设置密码窗口状态
@@ -443,7 +443,7 @@ export default {
{
path: '/datasweb',
query: {
type: listCount.f,
type: listCount.type === '1' ? listCount.f : 'area',
defaultLeftId: listCount.classify_id
}
}
@@ -477,8 +477,11 @@ export default {
}
},
mounted () {
let that = this
this.getPersonalCenter(1)
window.onbeforeunload = this.beforeunloadEv()
window.addEventListener('beforeunload', e => {
that.beforeunloadEv()
})
}
}

2
src/views/relation/Relation.vue
View File

@@ -10,7 +10,7 @@
<span>当前位置：</span>
<span @click="$router.push('/')">首页</span>
>
<span @click="$router.push('/relation')">联系我们</span>
<span @click="$router.go(0)">联系我们</span>
</div>
</div>
<div class="center">