Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
ada8dd2626 | ||
|
|
25ce022aef | ||
|
|
f1f40f0938 | ||
|
|
457adb3812 | ||
|
|
37f46bba26 | ||
|
|
408c27fad2 | ||
|
|
a113696dfd | ||
|
|
692131890f | ||
|
|
56d4a84f53 | ||
|
|
2b7ded8af6 | ||
|
|
f46f904f0b | ||
|
|
1b4d0db71c | ||
|
|
6967d8bd3e | ||
|
|
d9a4e43e0c | ||
|
|
9366b9c4bd | ||
|
|
ba8c62c26a | ||
|
|
0cad52bd99 | ||
|
|
57c4086905 | ||
|
|
d1215780d3 | ||
|
|
363220e37d | ||
|
|
b533dddb3f | ||
|
|
576ed2a3b8 | ||
|
|
8950f87955 | ||
|
|
549ecbe309 | ||
|
|
8a9679085f |
@@ -3,8 +3,8 @@ ENV = 'development'
|
|||||||
|
|
||||||
# EBTS/开发环境
|
# EBTS/开发环境
|
||||||
#VUE_APP_BASE_API = '/dev-api'
|
#VUE_APP_BASE_API = '/dev-api'
|
||||||
VUE_APP_BASE_API = 'http://192.168.101.4:8085/dev-api'
|
#VUE_APP_BASE_API = 'http://localhost:8085/dev-api'
|
||||||
#VUE_APP_BASE_API = 'http://sist.swjtu.edu.cn/dev-api'
|
VUE_APP_BASE_API = '/dev-api'
|
||||||
SITE_TYPE = 'NEd5n92EMIpyyBslaNqsRgE'
|
SITE_TYPE = 'NEd5n92EMIpyyBslaNqsRgE'
|
||||||
#VUE_APP_BASE_API = 'http://sistapi.hchyun.cn/dev-api'
|
#VUE_APP_BASE_API = 'http://sistapi.hchyun.cn/dev-api'
|
||||||
|
|
||||||
|
|||||||
@@ -3,5 +3,4 @@ ENV = 'production'
|
|||||||
|
|
||||||
# EBTS/生产环境
|
# EBTS/生产环境
|
||||||
#VUE_APP_BASE_API = '/prod-api'
|
#VUE_APP_BASE_API = '/prod-api'
|
||||||
#VUE_APP_BASE_API = 'http://192.168.190.67/dev-api'
|
VUE_APP_BASE_API = '/dev-api'
|
||||||
VUE_APP_BASE_API = 'http://sist.swjtu.edu.cn/dev-api'
|
|
||||||
|
|||||||
20
README.md
20
README.md
@@ -30,3 +30,23 @@ npm install --registry=https://registry.npm.taobao.org
|
|||||||
```
|
```
|
||||||
npm run dev
|
npm run dev
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
1. title上间距太大,更紧凑一点
|
||||||
|
2. 通知公告调整到4个, 第4个永远写死
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
183
package-lock.json
generated
183
package-lock.json
generated
@@ -1786,12 +1786,50 @@
|
|||||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"ansi-styles": {
|
||||||
|
"version": "4.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||||
|
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"color-convert": "^2.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"big.js": {
|
"big.js": {
|
||||||
"version": "3.2.0",
|
"version": "3.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
|
||||||
"integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
|
"integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"chalk": {
|
||||||
|
"version": "4.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
|
||||||
|
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"ansi-styles": "^4.1.0",
|
||||||
|
"supports-color": "^7.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color-convert": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"color-name": "~1.1.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color-name": {
|
||||||
|
"version": "1.1.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
||||||
|
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"css-select": {
|
"css-select": {
|
||||||
"version": "4.2.1",
|
"version": "4.2.1",
|
||||||
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.2.1.tgz",
|
||||||
@@ -1845,6 +1883,13 @@
|
|||||||
"integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
|
"integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"has-flag": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
||||||
|
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"html-webpack-plugin": {
|
"html-webpack-plugin": {
|
||||||
"version": "3.2.0",
|
"version": "3.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
|
||||||
@@ -1928,6 +1973,16 @@
|
|||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"supports-color": {
|
||||||
|
"version": "7.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
||||||
|
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"has-flag": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"util.promisify": {
|
"util.promisify": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
|
||||||
@@ -1937,6 +1992,53 @@
|
|||||||
"define-properties": "^1.1.2",
|
"define-properties": "^1.1.2",
|
||||||
"object.getownpropertydescriptors": "^2.0.3"
|
"object.getownpropertydescriptors": "^2.0.3"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"vue-loader-v16": {
|
||||||
|
"version": "npm:vue-loader@16.8.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
|
||||||
|
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"chalk": "^4.1.0",
|
||||||
|
"hash-sum": "^2.0.0",
|
||||||
|
"loader-utils": "^2.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"big.js": {
|
||||||
|
"version": "5.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
|
||||||
|
"integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"emojis-list": {
|
||||||
|
"version": "3.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
|
||||||
|
"integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"json5": {
|
||||||
|
"version": "2.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
|
||||||
|
"integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"loader-utils": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"requires": {
|
||||||
|
"big.js": "^5.2.2",
|
||||||
|
"emojis-list": "^3.0.0",
|
||||||
|
"json5": "^2.1.2"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -12262,87 +12364,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"vue-loader-v16": {
|
|
||||||
"version": "npm:vue-loader@16.8.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
|
|
||||||
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"chalk": "^4.1.0",
|
|
||||||
"hash-sum": "^2.0.0",
|
|
||||||
"loader-utils": "^2.0.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-styles": {
|
|
||||||
"version": "4.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
|
||||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"color-convert": "^2.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"chalk": {
|
|
||||||
"version": "4.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
|
|
||||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"ansi-styles": "^4.1.0",
|
|
||||||
"supports-color": "^7.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color-convert": {
|
|
||||||
"version": "2.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
|
||||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"color-name": "~1.1.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color-name": {
|
|
||||||
"version": "1.1.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
|
||||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true
|
|
||||||
},
|
|
||||||
"has-flag": {
|
|
||||||
"version": "4.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
|
||||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true
|
|
||||||
},
|
|
||||||
"loader-utils": {
|
|
||||||
"version": "2.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
|
|
||||||
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"big.js": "^5.2.2",
|
|
||||||
"emojis-list": "^3.0.0",
|
|
||||||
"json5": "^2.1.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"supports-color": {
|
|
||||||
"version": "7.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
|
||||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
|
||||||
"dev": true,
|
|
||||||
"optional": true,
|
|
||||||
"requires": {
|
|
||||||
"has-flag": "^4.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"vue-router": {
|
"vue-router": {
|
||||||
"version": "3.5.3",
|
"version": "3.5.3",
|
||||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz",
|
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz",
|
||||||
|
|||||||
@@ -30,6 +30,13 @@ export function getNode(data) {
|
|||||||
data:data
|
data:data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
export function getNodeNav(data) {
|
||||||
|
return request({
|
||||||
|
url: '/web/nodeNav',
|
||||||
|
method: 'post',
|
||||||
|
data:data
|
||||||
|
})
|
||||||
|
}
|
||||||
// 获取文章列表
|
// 获取文章列表
|
||||||
export function getArticleList(data) {
|
export function getArticleList(data) {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
BIN
src/assets/header/enz.png
Normal file
BIN
src/assets/header/enz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 439 B |
BIN
src/assets/header/enz@2x.png
Normal file
BIN
src/assets/header/enz@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
BIN
src/assets/header/enzl.png
Normal file
BIN
src/assets/header/enzl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 443 B |
BIN
src/assets/header/enzl@2x.png
Normal file
BIN
src/assets/header/enzl@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 720 B |
@@ -30,10 +30,12 @@ const cn = {
|
|||||||
'number_students': '在校学生人数',
|
'number_students': '在校学生人数',
|
||||||
'graduate_tutor': '研究生导师',
|
'graduate_tutor': '研究生导师',
|
||||||
'research_team': '科研团队',
|
'research_team': '科研团队',
|
||||||
'high_level_talents': '高层次人才',
|
'high_level_talents': '省部级以上高层次人才',
|
||||||
'major_projects': '重大项目',
|
'major_projects': '国家级重大重点项目',
|
||||||
'contact_us': '联系我们',
|
'contact_us': '联系我们',
|
||||||
'adress': '犀浦校区地址:中国四川省成都市高新区西部园区西南交通大学信息科学与技术学院',
|
'person': '人',
|
||||||
|
'pics': '个',
|
||||||
|
'adress': '犀浦校区地址:中国四川省成都市郫都区犀安路 999 号西南交通大学信息科学与技术学院',
|
||||||
'code': '邮政编码:611756',
|
'code': '邮政编码:611756',
|
||||||
'tel': '电话:+86 28 66366709(行政)',
|
'tel': '电话:+86 28 66366709(行政)',
|
||||||
'copyright': '版权所有◎2015西南交通大学信息科学与技术学院. All rights reserved.意见反馈',
|
'copyright': '版权所有◎2015西南交通大学信息科学与技术学院. All rights reserved.意见反馈',
|
||||||
|
|||||||
@@ -24,16 +24,18 @@ const en = {
|
|||||||
'scientific': 'Scientific',
|
'scientific': 'Scientific',
|
||||||
'undergraduate_education': 'Undergraduate education',
|
'undergraduate_education': 'Undergraduate education',
|
||||||
'postgraduate_education': 'Postgraduate education',
|
'postgraduate_education': 'Postgraduate education',
|
||||||
'employees': 'Employees',
|
'employees': 'Faculty Members',
|
||||||
'number_students': 'Number of students',
|
'number_students': 'Internal Students',
|
||||||
'graduate_tutor': 'Graduate tutor',
|
'graduate_tutor': 'Tutors',
|
||||||
'research_team': 'Research team',
|
'research_team': 'Scientific Research Team',
|
||||||
'high_level_talents': 'High level talents',
|
'high_level_talents': 'Outstanding Talents',
|
||||||
'major_projects': 'Major projects',
|
'major_projects': 'Major projects',
|
||||||
'contact_us': 'CONTACT US',
|
'contact_us': '',
|
||||||
'adress': 'Add: 01606#, 01608#, 01614#, School of Information Science and Technology,Southwest Jiaotong University, No.111, Erhuanlu Beiyiduan Chengdu, 610031 P.R.China',
|
'person': '',
|
||||||
'code': 'E-mail: scce@home.swjtu.edu.cn',
|
'pics': '',
|
||||||
'tel': 'Tel: +86 28 66366709; +86 28 66366741 | Fax: +86 28 87600743',
|
'adress': '',
|
||||||
|
'code': '',
|
||||||
|
'tel': '',
|
||||||
'copyright': 'Copyright © 2014 School of Information Science and Technology, SWJTU. All rights reserved. Feedback',
|
'copyright': 'Copyright © 2014 School of Information Science and Technology, SWJTU. All rights reserved. Feedback',
|
||||||
'chinese_site': 'Southwest Jiaotong University(中文)',
|
'chinese_site': 'Southwest Jiaotong University(中文)',
|
||||||
'english_site': 'Southwest Jiaotong University(ENGLISH)',
|
'english_site': 'Southwest Jiaotong University(ENGLISH)',
|
||||||
|
|||||||
11
src/main.js
11
src/main.js
@@ -9,6 +9,17 @@ import 'element-ui/lib/theme-chalk/display.css';
|
|||||||
import en from 'element-ui/lib/locale/lang/en'
|
import en from 'element-ui/lib/locale/lang/en'
|
||||||
import cn from 'element-ui/lib/locale/lang/zh-CN'
|
import cn from 'element-ui/lib/locale/lang/zh-CN'
|
||||||
|
|
||||||
|
//要添加的代码
|
||||||
|
router.beforeEach((to, from, next) => {
|
||||||
|
// chrome
|
||||||
|
document.body.scrollTop = 0
|
||||||
|
// firefox
|
||||||
|
document.documentElement.scrollTop = 0
|
||||||
|
// safari
|
||||||
|
window.pageYOffset = 0
|
||||||
|
next()
|
||||||
|
})
|
||||||
|
|
||||||
i18n.mergeLocaleMessage('en', en)
|
i18n.mergeLocaleMessage('en', en)
|
||||||
i18n.mergeLocaleMessage('zh', cn)
|
i18n.mergeLocaleMessage('zh', cn)
|
||||||
|
|
||||||
|
|||||||
@@ -98,22 +98,35 @@ export function toArticle(news, width) {
|
|||||||
if (info == null) {
|
if (info == null) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
let routeData = null;
|
||||||
if (info.three == null) {
|
if (info.three == null) {
|
||||||
if (width) {
|
if (width) {
|
||||||
vm.$router.push("/pc/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
routeData = "/pc/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
} else {
|
} else {
|
||||||
vm.$router.push("/mobile/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
routeData = "/mobile/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
console.log(info.three, "toArticle,info.three")
|
||||||
if (width) {
|
if (width) {
|
||||||
vm.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "&id=" + news.id + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
routeData = "/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang");
|
||||||
} else {
|
} else {
|
||||||
vm.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "&id=" + news.id + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
routeData = "/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
linkTo(routeData)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function linkTo(routeData) {
|
||||||
|
let userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
|
||||||
|
if (userAgent.indexOf("Safari") > -1) {
|
||||||
|
window.location.href = window.location.origin + routeData
|
||||||
|
} else {
|
||||||
|
window.open(routeData.href, "_blank")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
export function lookMoreComment(item, width) {
|
export function lookMoreComment(item, width) {
|
||||||
info(item.id).then(res => {
|
info(item.id).then(res => {
|
||||||
let info = null
|
let info = null
|
||||||
@@ -150,19 +163,23 @@ export function lookMoreFixedComment(id, width) {
|
|||||||
}
|
}
|
||||||
if (info == null) {
|
if (info == null) {
|
||||||
return
|
return
|
||||||
}
|
let routeData = null;
|
||||||
if (info.three == null) {
|
if (info.three == null) {
|
||||||
if (width) {
|
if (width) {
|
||||||
vm.$router.push("/pc/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
routeData = "/pc/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
|
} else {
|
||||||
|
routeData = "/mobile/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
vm.$router.push("/mobile/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
if (width) {
|
||||||
}
|
routeData = "/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
} else {
|
} else {
|
||||||
if (width) {
|
routeData = "/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang");
|
||||||
vm.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
}
|
||||||
} else {
|
|
||||||
vm.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
|
|
||||||
}
|
}
|
||||||
|
linkTo(routeData)
|
||||||
|
// window.location.href = window.location.origin + routeData.href
|
||||||
|
// window.open(window.location.origin + routeData.href, "_blank")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,31 +1,38 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="dire_data" style="background-color:#fff; margin-top: 3rem;">
|
<div class="dire_data" style="background-color:#fff; margin-top: 3rem;">
|
||||||
|
|
||||||
<el-row v-for="(dire,index) in value" :key="index">
|
<el-row v-for="(dire,index) in value" :key="index">
|
||||||
<!--正文内容-->
|
<!--正文内容-->
|
||||||
<el-col class="context" :span="23">
|
|
||||||
<el-row class="context_el-row">
|
|
||||||
<el-col :span="1" :offset="1">
|
<el-col class="context" :span="23">
|
||||||
|
<!-- <el-row class="context_el-row">-->
|
||||||
|
<!-- <el-col :span="1" :offset="1">-->
|
||||||
|
<!-- <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt=""/>-->
|
||||||
|
<!-- </el-col>-->
|
||||||
|
<!-- <el-col :span="4" class="context_name">{{ dire.name }}</el-col>-->
|
||||||
|
<!-- <el-col :span="16">-->
|
||||||
|
<!-- <hr class="context_hr">-->
|
||||||
|
<!-- </el-col>-->
|
||||||
|
<!-- </el-row>-->
|
||||||
|
<el-row class="context_el-row">
|
||||||
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
|
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
|
||||||
</el-col>
|
<div class="context_name">{{ dire.name }}</div>
|
||||||
<el-col :span="4" class="context_name">{{ dire.name }}</el-col>
|
<div class="context_hr"></div>
|
||||||
<el-col :span="16">
|
</el-row>
|
||||||
<hr class="context_hr">
|
<el-row v-for="(chile,index) in dire.children" :key="index">
|
||||||
</el-col>
|
<el-col class="name" :offset="1" :span="23">
|
||||||
</el-row>
|
{{ chile.name }}
|
||||||
<el-row v-for="(chile,index) in dire.children" :key="index">
|
</el-col>
|
||||||
<el-col class="name" :offset="1" :span="23">
|
|
||||||
{{ chile.name }}
|
|
||||||
</el-col>
|
|
||||||
<el-col class="text" :offset="1" :span="23">
|
<el-col class="text" :offset="1" :span="23">
|
||||||
<div v-for="(item,index) in chile.children" :key="index" @click="linkClick(item)">
|
<div v-for="(item,index) in chile.children" :key="index" @click="linkClick(item)">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -34,9 +41,9 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
width: document.documentElement.clientWidth
|
width: document.documentElement.clientWidth
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
props:{
|
props: {
|
||||||
value: {
|
value: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default: [{
|
default: [{
|
||||||
@@ -48,51 +55,52 @@ export default {
|
|||||||
{
|
{
|
||||||
children: [],
|
children: [],
|
||||||
name: "人员1"
|
name: "人员1"
|
||||||
},
|
}
|
||||||
],
|
]
|
||||||
}
|
}
|
||||||
],
|
]
|
||||||
}],
|
}]
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
linkClick(chile){
|
linkClick(chile) {
|
||||||
if (chile.link){
|
if (chile.link!=null && chile.link != "" && chile.link != '""'){
|
||||||
window.open(chile.link)
|
window.open(chile.link);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
.context {
|
.context {
|
||||||
margin: 3rem 2rem;
|
margin: 3rem 2rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
//width: 84.3rem;
|
width: 92%;
|
||||||
//background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
|
|
||||||
.context_el-row {
|
.context_el-row {
|
||||||
|
display: flex;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
|
|
||||||
.context_img {
|
.context_img {
|
||||||
width: 2.2rem;
|
width: 2.2rem;
|
||||||
|
margin-left: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.context_name {
|
.context_name {
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #1956BC;
|
color: #1956BC;
|
||||||
line-height: 2.2rem;
|
padding: 0 20px;
|
||||||
|
white-space:nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.context_hr {
|
.context_hr {
|
||||||
line-height: 2.2rem;
|
|
||||||
margin-top: 1.1rem;
|
margin-top: 1.1rem;
|
||||||
border: #1956BC solid 0.1rem;
|
|
||||||
background-color: #1956BC;
|
background-color: #1956BC;
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -102,10 +110,12 @@ export default {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
//color: #1956BC;
|
//color: #1956BC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
//color: #3C3C3C;
|
//color: #3C3C3C;
|
||||||
clear: left;
|
clear: left;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: .4rem;
|
margin-top: .4rem;
|
||||||
@@ -114,10 +124,44 @@ export default {
|
|||||||
margin-right: 1.5rem;
|
margin-right: 1.5rem;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
div:hover{
|
|
||||||
|
div:hover {
|
||||||
color: #1956BC;
|
color: #1956BC;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//.context {
|
||||||
|
// margin: 3rem 2rem;
|
||||||
|
// padding-bottom: 3rem;
|
||||||
|
//width: 84.3rem;
|
||||||
|
//background: #FFFFFF;
|
||||||
|
|
||||||
|
//.context_el-row {
|
||||||
|
// margin-top: 2rem;
|
||||||
|
//
|
||||||
|
// .context_img {
|
||||||
|
// width: 2.2rem;
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// .context_name {
|
||||||
|
// font-size: 1.8rem;
|
||||||
|
// font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
// font-weight: 500;
|
||||||
|
// color: #1956BC;
|
||||||
|
// line-height: 2.2rem;
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// .context_hr {
|
||||||
|
// line-height: 2.2rem;
|
||||||
|
// margin-top: 1.1rem;
|
||||||
|
// border: #1956BC solid 0.1rem;
|
||||||
|
// background-color: #1956BC;
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
|
||||||
|
|
||||||
|
//}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -4,13 +4,16 @@
|
|||||||
<!--正文内容-->
|
<!--正文内容-->
|
||||||
<el-col class="context" :span="23">
|
<el-col class="context" :span="23">
|
||||||
<el-row class="context_el-row">
|
<el-row class="context_el-row">
|
||||||
<el-col :span="1" :offset="1">
|
<!-- <el-col :span="1" :offset="1">-->
|
||||||
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
|
<!-- <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">-->
|
||||||
</el-col>
|
<!-- </el-col>-->
|
||||||
<el-col :span="4" class="context_name">{{ dire.name }}</el-col>
|
<!-- <el-col :span="4" class="context_name">{{ dire.name }}</el-col>-->
|
||||||
<el-col :span="16">
|
<!-- <el-col :span="16">-->
|
||||||
<hr class="context_hr">
|
<!-- <hr class="context_hr">-->
|
||||||
</el-col>
|
<!-- </el-col>-->
|
||||||
|
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
|
||||||
|
<div class="context_name">{{ dire.name }}</div>
|
||||||
|
<div class="context_hr"></div>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :offset="1" :span="22">
|
<el-col :offset="1" :span="22">
|
||||||
@@ -53,7 +56,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
linkClick(chile){
|
linkClick(chile){
|
||||||
if (chile.link){
|
if (chile.link!=null && chile.link != "" && chile.link != '""'){
|
||||||
window.open(chile.link)
|
window.open(chile.link)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -64,34 +67,61 @@ export default {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
.context {
|
.context {
|
||||||
margin: 3rem 2rem;
|
margin: 2rem 2rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
|
width: 92%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
//padding-bottom: 3rem;
|
||||||
//width: 84.3rem;
|
//width: 84.3rem;
|
||||||
//background: #FFFFFF;
|
//background: #FFFFFF;
|
||||||
|
|
||||||
.context_el-row {
|
.context_el-row {
|
||||||
|
display: flex;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
|
|
||||||
.context_img {
|
.context_img {
|
||||||
width: 2.2rem;
|
width: 2.2rem;
|
||||||
|
margin-left: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.context_name {
|
.context_name {
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #1956BC;
|
color: #1956BC;
|
||||||
line-height: 2.2rem;
|
padding: 0 20px;
|
||||||
|
white-space:nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.context_hr {
|
.context_hr {
|
||||||
line-height: 2.2rem;
|
|
||||||
margin-top: 1.1rem;
|
margin-top: 1.1rem;
|
||||||
border: #1956BC solid 0.1rem;
|
|
||||||
background-color: #1956BC;
|
background-color: #1956BC;
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//.context_el-row {
|
||||||
|
// margin-top: 2rem;
|
||||||
|
//
|
||||||
|
// .context_img {
|
||||||
|
// width: 2.2rem;
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// .context_name {
|
||||||
|
// font-size: 1.8rem;
|
||||||
|
// font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
// font-weight: 500;
|
||||||
|
// color: #1956BC;
|
||||||
|
// line-height: 2.2rem;
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// .context_hr {
|
||||||
|
// line-height: 2.2rem;
|
||||||
|
// margin-top: 1.1rem;
|
||||||
|
// border: #1956BC solid 0.1rem;
|
||||||
|
// background-color: #1956BC;
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
|
|||||||
@@ -95,6 +95,9 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getDateTime(date) {
|
getDateTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let year = time.getFullYear();
|
let year = time.getFullYear();
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
|||||||
@@ -39,7 +39,8 @@
|
|||||||
<div class="tw_context_title" @click="getContext(item)">
|
<div class="tw_context_title" @click="getContext(item)">
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</div>
|
</div>
|
||||||
<div class="tw_context_text" v-html="item.content"></div>
|
<div v-if="item.description" class="tw_context_text">{{ item.description }}</div>
|
||||||
|
<div v-if="!item.description" class="tw_context_text" v-html="item.content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
|
<el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
|
||||||
@@ -54,18 +55,18 @@
|
|||||||
|
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col class="pagination_p">
|
<el-col class="pagination_p">
|
||||||
<el-pagination v-if="!small"
|
<el-pagination v-if="!small"
|
||||||
:small="!small"
|
:small="!small"
|
||||||
@size-change="handleSizeChange"
|
@size-change="handleSizeChange"
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
:current-page.sync="listData.pageNum"
|
:current-page.sync="listData.pageNum"
|
||||||
:page-sizes="[10,20, 30, 50, 100]"
|
:page-size="listData.pageSize"
|
||||||
layout="prev, pager,next,sizes, jumper"
|
:page-sizes="[5,10,20, 30, 50, 100]"
|
||||||
:total="listData.total">
|
layout="prev, pager,next,sizes, jumper"
|
||||||
|
:total="listData.total">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
<el-pagination v-if="small"
|
<el-pagination v-if="small"
|
||||||
:small="small"
|
:small="small"
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
:current-page.sync="listData.pageNum"
|
:current-page.sync="listData.pageNum"
|
||||||
layout="prev ,pager,next"
|
layout="prev ,pager,next"
|
||||||
@@ -89,21 +90,21 @@ export default {
|
|||||||
return {
|
return {
|
||||||
data: [],
|
data: [],
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 5,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
listData : this.list,
|
listData: this.list,
|
||||||
width: document.documentElement.clientWidth,
|
width: document.documentElement.clientWidth,
|
||||||
small: document.documentElement.clientWidth <= 992,
|
small: document.documentElement.clientWidth <= 992,
|
||||||
query: '',
|
query: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch: {
|
||||||
list(val){
|
list(val) {
|
||||||
this.listData = val
|
this.listData = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -122,7 +123,7 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
routeData = this.$router.resolve({path: "/pc/" + this.listData.secondId + router});
|
routeData = this.$router.resolve({path: "/pc/" + this.listData.secondId + router});
|
||||||
}
|
}
|
||||||
window.open(routeData.href,"_blank")
|
window.open(routeData.href, "_blank")
|
||||||
},
|
},
|
||||||
handleSizeChange(val) {
|
handleSizeChange(val) {
|
||||||
console.log(`每页 ${val} 条`);
|
console.log(`每页 ${val} 条`);
|
||||||
@@ -287,6 +288,7 @@ export default {
|
|||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.query {
|
.query {
|
||||||
//margin: 1rem 0;
|
//margin: 1rem 0;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
|
|||||||
@@ -99,10 +99,19 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getDateTime(date) {
|
getDateTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let year = time.getFullYear();
|
let year = time.getFullYear();
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
if (month < 10){
|
||||||
|
month = "0"+month
|
||||||
|
}
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
|
if (day<10){
|
||||||
|
day = "0"+ day
|
||||||
|
}
|
||||||
return year + "-" + month + "-" + day;
|
return year + "-" + month + "-" + day;
|
||||||
},
|
},
|
||||||
getContext(context) {
|
getContext(context) {
|
||||||
@@ -177,6 +186,7 @@ export default {
|
|||||||
|
|
||||||
.article_name {
|
.article_name {
|
||||||
float: left;
|
float: left;
|
||||||
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
display: -webkit-box; //作为弹性伸缩盒子模型显示。
|
display: -webkit-box; //作为弹性伸缩盒子模型显示。
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
|
|
||||||
<div style="background-color:#F8F8F8 ; padding-bottom: 19rem">
|
<div style="background-color:#F8F8F8 ; padding-bottom: 19rem">
|
||||||
<!--有三级菜单-->
|
<!--有三级菜单-->
|
||||||
<el-row v-show="false">
|
<el-row v-show="showSecond">
|
||||||
<el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
|
<el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
|
||||||
<div class="grid-content"></div>
|
<div class="grid-content"></div>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -45,82 +45,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3">
|
|
||||||
<div class="grid-content"></div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col v-if="$i18n.locale === 'en'" v-show="width" :md="6" :lg="6" :xl="5">
|
|
||||||
<div class="left_lab english" ref="lab">
|
|
||||||
<div class="lab">
|
|
||||||
<div v-for="(nav,index) in navList" class="lab_div">
|
|
||||||
<div v-if="index === showIndex" class="lab_list lab_select" @click="navClick(nav,index)">
|
|
||||||
<div class="lab_img">
|
|
||||||
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="lab_title">
|
|
||||||
{{ nav.englishTitle }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="index !== showIndex" class="lab_list" @click="navClick(nav,index)">
|
|
||||||
<div class="lab_img">
|
|
||||||
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="lab_title">
|
|
||||||
{{ nav.englishTitle }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
|
|
||||||
<!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">-->
|
|
||||||
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
|
|
||||||
<el-row>
|
|
||||||
<el-col>
|
|
||||||
<div class="tab">
|
|
||||||
<router-link style="color: #1956BC; font-size: 16px;" to="/home">{{ $t('message.home') }}</router-link>
|
|
||||||
<span> > </span>
|
|
||||||
<span>
|
|
||||||
<!--<router-link to="">-->
|
|
||||||
<span v-if="$i18n.locale === 'cn'">{{ crumbs.one.title }}</span>
|
|
||||||
<span v-if="$i18n.locale === 'en'">{{ crumbs.one.englishTitle }}</span>
|
|
||||||
<!--</router-link>-->
|
|
||||||
</span>
|
|
||||||
<span> > </span>
|
|
||||||
<span>
|
|
||||||
<span v-if="$i18n.locale === 'cn'">{{ crumbs.two.title }}</span>
|
|
||||||
<span v-if="$i18n.locale === 'en'">{{ crumbs.two.englishTitle }}</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col>
|
|
||||||
<Introduction :introduction="contextData" v-if="type === 1"/>
|
|
||||||
<List :list="contextData" v-if="type === 2 && listDataType == 0"/>
|
|
||||||
<SimpleList :list="contextData" v-if="type === 2 && listDataType == 1"/>
|
|
||||||
<FileList :value="contextData" v-if="type === 4"/>
|
|
||||||
<DireData :value="contextData" v-if="type === 3 && dreDataType == '1'"/>
|
|
||||||
<DireDataTow :value="contextData" v-if="type === 3 && dreDataType == '2'"/>
|
|
||||||
<Details :value="detailsData" v-if="type == null"/>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row v-show="true">
|
|
||||||
<el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
|
|
||||||
<div class="grid-content"></div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col v-if="$i18n.locale === 'cn'" v-show="width" :md="6" :lg="6" :xl="4">
|
|
||||||
<div class="left_bgc">
|
|
||||||
<div class="right_bgc">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3">
|
<el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3">
|
||||||
<div class="grid-content"></div>
|
<div class="grid-content"></div>
|
||||||
@@ -151,6 +75,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
|
|
||||||
<!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">-->
|
<!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">-->
|
||||||
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
|
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
|
||||||
<el-row>
|
<el-row>
|
||||||
@@ -244,6 +169,7 @@ import FileList from './components/file_list.vue'
|
|||||||
import SimpleList from './components/simple_list.vue'
|
import SimpleList from './components/simple_list.vue'
|
||||||
import {handleTree} from "@/utils/ebts";
|
import {handleTree} from "@/utils/ebts";
|
||||||
import {getParentNode, setLanguage} from "@/utils/sist";
|
import {getParentNode, setLanguage} from "@/utils/sist";
|
||||||
|
import {getNodeNav} from "../../api";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "index",
|
name: "index",
|
||||||
@@ -282,16 +208,17 @@ export default {
|
|||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
$route(to, from) {
|
$route(to, from) {
|
||||||
console.log("我被触发了")
|
console.log("$route触发了")
|
||||||
this.showIndex = 0
|
this.showIndex = 0
|
||||||
|
this.rest()
|
||||||
let arcId = this.$route.params && this.$route.query.id
|
let arcId = this.$route.params && this.$route.query.id
|
||||||
this.navId = this.$route.params && this.$route.params.navId;
|
this.navId = this.$route.params && this.$route.params.navId;
|
||||||
let id = this.$route.params && this.$route.params.secondId
|
let id = this.$route.params && this.$route.params.secondId
|
||||||
this.type = this.$route.query && this.$route.query.type
|
this.type = this.$route.query && this.$route.query.type
|
||||||
if (this.type == 3 || this.type == 1 || this.type == 2) {
|
if (this.type == 3 || this.type == 1 || this.type == 2) {
|
||||||
this.secondId = id
|
this.secondId = id
|
||||||
this.getCrumbs();
|
|
||||||
this.showSecond = false
|
this.showSecond = false
|
||||||
|
this.getCrumbs();
|
||||||
let info = getParentNode(this.secondId);
|
let info = getParentNode(this.secondId);
|
||||||
console.log("获取到info", info)
|
console.log("获取到info", info)
|
||||||
if (arcId != undefined) {
|
if (arcId != undefined) {
|
||||||
@@ -305,7 +232,10 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
console.log(this.navId, "this.navId")
|
console.log(this.navId, "this.navId")
|
||||||
if (undefined == this.navId) {
|
if (undefined == this.navId) {
|
||||||
|
console.log(this.navId, "this.navId1")
|
||||||
|
this.secondId = id
|
||||||
this.getNodes()
|
this.getNodes()
|
||||||
|
this.getCrumbs();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.showSecond = true
|
this.showSecond = true
|
||||||
@@ -316,14 +246,21 @@ export default {
|
|||||||
this.$refs.lab.style.height = this.navList.length * 8 + 10 + 'rem'
|
this.$refs.lab.style.height = this.navList.length * 8 + 10 + 'rem'
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
}
|
}
|
||||||
|
this.showIndex = 0
|
||||||
|
// if (this.secondId!=id){
|
||||||
|
// this.getCrumbs();
|
||||||
|
// }
|
||||||
|
console.log("开始循环查找id信息",this.secondId == id && this.navList,this.secondId , id, this.navList)
|
||||||
if (this.secondId == id && this.navList) {
|
if (this.secondId == id && this.navList) {
|
||||||
for (let i = 0; i < this.navList.length; i++) {
|
for (let i = 0; i < this.navList.length; i++) {
|
||||||
if (this.navId == this.navList[i].encodeId) {
|
if (this.navId == this.navList[i].encodeId) {
|
||||||
|
console.log("找到了")
|
||||||
this.showIndex = i
|
this.showIndex = i
|
||||||
this.getContent(this.navList[i])
|
this.getContent(this.navList[i])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
console.log("跳转的路由和以前不一样")
|
||||||
this.navList = []
|
this.navList = []
|
||||||
this.secondId = id
|
this.secondId = id
|
||||||
this.getNav()
|
this.getNav()
|
||||||
@@ -331,6 +268,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
console.log("created触发了")
|
||||||
setLanguage(this)
|
setLanguage(this)
|
||||||
this.showIndex = 0
|
this.showIndex = 0
|
||||||
this.secondId = this.$route.params && this.$route.params.secondId;
|
this.secondId = this.$route.params && this.$route.params.secondId;
|
||||||
@@ -339,15 +277,21 @@ export default {
|
|||||||
console.log(this.type, "this.type")
|
console.log(this.type, "this.type")
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.getNav()
|
this.getNav()
|
||||||
|
this.getNodes()
|
||||||
}, 200);
|
}, 200);
|
||||||
//this.getNav()
|
//this.getNav()
|
||||||
this.getCrumbs();
|
this.getCrumbs();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
rest() {
|
||||||
|
this.showIndex = 0
|
||||||
|
this.navId = null
|
||||||
|
this.type = null
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* 获得面包屑导航
|
* 获得面包屑导航
|
||||||
*/
|
*/
|
||||||
getCrumbs() {
|
getCrumbs(id) {
|
||||||
crumbs(this.secondId).then(res => {
|
crumbs(this.secondId).then(res => {
|
||||||
this.crumbs = res.data
|
this.crumbs = res.data
|
||||||
})
|
})
|
||||||
@@ -388,13 +332,13 @@ export default {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
this.showSecond = true
|
this.showSecond = true
|
||||||
this.getNodes()
|
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获得节点信息
|
* 获得节点信息
|
||||||
*/
|
*/
|
||||||
async getNodes() {
|
async getNodes() {
|
||||||
|
console.log("getNodes被触发了")
|
||||||
this.navList = []
|
this.navList = []
|
||||||
// await getNode({id: this.secondId}).then(res => {
|
// await getNode({id: this.secondId}).then(res => {
|
||||||
// this.navList = res.data
|
// this.navList = res.data
|
||||||
@@ -425,12 +369,20 @@ export default {
|
|||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
let res = await getNode({id: this.secondId})
|
let res = await getNodeNav({id: this.secondId})
|
||||||
// todo 延时异步问题
|
// todo 延时异步问题
|
||||||
setTimeout(() => {
|
console.log(res, "2222")
|
||||||
this.$refs.lab.style.height = res.data.length * 8 + 10 + 'rem'
|
if (res.data.length == 0) {
|
||||||
}, 100);
|
this.navList = []
|
||||||
|
this.showSecond = false
|
||||||
|
return
|
||||||
|
}
|
||||||
this.navList = res.data
|
this.navList = res.data
|
||||||
|
// setTimeout(() => {
|
||||||
|
this.$refs.lab.style.height = res.data.length * 8 + 10 + 'rem'
|
||||||
|
console.log("qqq")
|
||||||
|
// }, 100);
|
||||||
|
|
||||||
// if (!this.navList){
|
// if (!this.navList){
|
||||||
// return
|
// return
|
||||||
// }
|
// }
|
||||||
@@ -440,10 +392,11 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
let arcId = this.$route.query && this.$route.query.id
|
let arcId = this.$route.query && this.$route.query.id
|
||||||
|
console.log("进入到arcId 的判断", arcId)
|
||||||
if (arcId != undefined) {
|
if (arcId != undefined) {
|
||||||
this.getContext(arcId)
|
this.getContext(arcId)
|
||||||
} else {
|
} else {
|
||||||
console.log("测试,我被触发了!")
|
console.log("进入到this.navId 的判断", this.navId)
|
||||||
if (this.navId == undefined) {
|
if (this.navId == undefined) {
|
||||||
this.getContent(this.navList[0])
|
this.getContent(this.navList[0])
|
||||||
} else {
|
} else {
|
||||||
@@ -456,8 +409,7 @@ export default {
|
|||||||
* @param menu
|
* @param menu
|
||||||
*/
|
*/
|
||||||
getContent(menu) {
|
getContent(menu) {
|
||||||
console.log("getContent内部,menu:", menu)
|
console.log("getContent被触发了", menu)
|
||||||
console.log(menu)
|
|
||||||
if (menu == undefined) {
|
if (menu == undefined) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -472,6 +424,7 @@ export default {
|
|||||||
pageSize: 5
|
pageSize: 5
|
||||||
}
|
}
|
||||||
this.listDataType = 0
|
this.listDataType = 0
|
||||||
|
console.log(menu.isSimple,"menu.isSimple")
|
||||||
if (this.type === 4 || menu.isSimple == 1) {
|
if (this.type === 4 || menu.isSimple == 1) {
|
||||||
data.pageSize = 10
|
data.pageSize = 10
|
||||||
this.listDataType = 1
|
this.listDataType = 1
|
||||||
@@ -637,22 +590,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.left_bgc{
|
|
||||||
width: 13.8rem;
|
|
||||||
//height: 250px;
|
|
||||||
background: #1956BC;
|
|
||||||
border-radius: 0px 0px 13px 0px;
|
|
||||||
position: relative;
|
|
||||||
.right_bgc{
|
|
||||||
|
|
||||||
width: 119px;
|
|
||||||
height: 200px;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 1px 3px 0px rgba(6,42,102,0.67);
|
|
||||||
border-radius: 0px 0px 16px 13px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
margin-left: 1.9rem;
|
margin-left: 1.9rem;
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
@@ -661,7 +598,6 @@ export default {
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 1.4rem !important;
|
|
||||||
color: #3C3C3C;
|
color: #3C3C3C;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,8 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="fLeft" style="margin-top: 1rem">
|
<div class="fLeft" style="margin-top: 1rem">
|
||||||
<p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">{{ $t('message.contact_us') }}
|
<p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">
|
||||||
|
{{ $t('message.contact_us') }}
|
||||||
<!--CONTACT US-->
|
<!--CONTACT US-->
|
||||||
</p>
|
</p>
|
||||||
<p style="margin-top: 6px;">
|
<p style="margin-top: 6px;">
|
||||||
@@ -31,8 +32,11 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<table class="fRight" cellpadding="0" cellspacing="0" border="0">
|
<table class="fRight" cellpadding="0" cellspacing="0" border="0">
|
||||||
<tbody><tr>
|
<tbody>
|
||||||
<td><img style="width: 6.7rem;" src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
|
<tr>
|
||||||
|
<td>
|
||||||
|
<!-- <img style="width: 6.7rem;" src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg">-->
|
||||||
|
</td>
|
||||||
<td><p><a href="http://www.swjtu.edu.cn/" target="_blank">
|
<td><p><a href="http://www.swjtu.edu.cn/" target="_blank">
|
||||||
{{ $t('message.chinese_site') }}
|
{{ $t('message.chinese_site') }}
|
||||||
<!--西南交通大学（中文）-->
|
<!--西南交通大学（中文）-->
|
||||||
@@ -63,7 +67,8 @@
|
|||||||
</a></p>
|
</a></p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody></table>
|
</tbody>
|
||||||
|
</table>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -84,21 +89,25 @@ export default {
|
|||||||
background-color: rgb(107, 109, 108);
|
background-color: rgb(107, 109, 108);
|
||||||
color: #b2b2b2 !important;
|
color: #b2b2b2 !important;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
a{
|
|
||||||
|
a {
|
||||||
color: #b2b2b2 !important;
|
color: #b2b2b2 !important;
|
||||||
text-decoration:none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fLeft{
|
.fLeft {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: .5rem;
|
margin-top: .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.fRight{
|
|
||||||
|
.fRight {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
text-decoration: red;
|
text-decoration: red;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
margin-top: .5rem;
|
margin-top: .5rem;
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
|
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<!-- <div class="icont"><img src="@/assets/header/logo@2x.png" alt=""></div>-->
|
<!-- <div class="icont"><img src="@/assets/header/logo@2x.png" alt=""></div>-->
|
||||||
<div class="icont" v-show="logo" ><img src="@/assets/header/logob.png" alt=""></div>
|
<div class="icont" v-show="login_blue" ><img src="@/assets/header/logob.png" alt=""></div>
|
||||||
<div class="icont" v-show="!logo"><img src="@/assets/header/logol.png" alt=""></div>
|
<div class="icont" v-show="!login_blue"><img src="@/assets/header/logol.png" alt=""></div>
|
||||||
|
|
||||||
<!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>-->
|
<!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>-->
|
||||||
</div>
|
</div>
|
||||||
@@ -59,10 +59,12 @@
|
|||||||
<!--<div class="secondary" v-if="index == 5">-->
|
<!--<div class="secondary" v-if="index == 5">-->
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div class="iconfont" @click="login" v-show="logo"><img src="@/assets/header/denglu.png" alt=""></div>
|
<div class="iconfont" @click="login" v-show="login_blue"><img src="@/assets/header/denglu.png" alt=""></div>
|
||||||
<div class="iconfont" @click="login" v-show="!logo"><img src="@/assets/header/denglu1.png" alt=""></div>
|
<div class="iconfont" @click="login" v-show="!login_blue"><img src="@/assets/header/denglu1.png" alt=""></div>
|
||||||
<div class="iconfont" @click="switchLang" v-show="logo"><img src="@/assets/header/en.png" alt=""></div>
|
<div class="iconfont" @click="switchLang" v-if="login_blue && $i18n.locale == 'cn'"><img src="@/assets/header/en.png" alt=""></div>
|
||||||
<div class="iconfont" @click="switchLang" v-show="!logo"><img src="@/assets/header/en1.png" alt=""></div>
|
<div class="iconfont" @click="switchLang" v-if="!login_blue && $i18n.locale == 'cn'"><img src="@/assets/header/en1.png" alt=""></div>
|
||||||
|
<div class="iconfont" @click="switchLang" v-if="login_blue && $i18n.locale == 'en'"><img src="@/assets/header/enz.png" alt=""></div>
|
||||||
|
<div class="iconfont" @click="switchLang" v-if="!login_blue && $i18n.locale == 'en'"><img src="@/assets/header/enzl.png" alt=""></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</div>
|
</div>
|
||||||
@@ -84,7 +86,11 @@ export default {
|
|||||||
pc: document.documentElement.clientWidth > 992,
|
pc: document.documentElement.clientWidth > 992,
|
||||||
menuData: [],
|
menuData: [],
|
||||||
link_color:'#C5DCFE',
|
link_color:'#C5DCFE',
|
||||||
logo:true
|
login_blue:true,
|
||||||
|
en_logo_blue:false,
|
||||||
|
en_login_white:false,
|
||||||
|
ch_logo_blue:true,
|
||||||
|
ch_logo_white:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -95,19 +101,22 @@ export default {
|
|||||||
window.onscroll = ()=>{
|
window.onscroll = ()=>{
|
||||||
// 获取滚动距离
|
// 获取滚动距离
|
||||||
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
||||||
|
|
||||||
if (top !== 0) {
|
if (top !== 0) {
|
||||||
Head.style = "position: fixed;top: 0;background-color: #fff;"
|
Head.style = "position: fixed;top: 0;background-color: #fff;"
|
||||||
header_bgc.style= "position: fixed;top: 0;background-color: #fff;box-shadow: 0px 1px 3px 0px rgba(8,57,122,0.18);"
|
header_bgc.style= "position: fixed;top: 0;background-color: #fff;box-shadow: 0px 1px 3px 0px rgba(8,57,122,0.18);"
|
||||||
this.link_color='#0A51AE'
|
this.link_color='#0A51AE'
|
||||||
this.logo=false
|
this.login_blue=false
|
||||||
// link_text.style="color:#fff;"
|
this.ch_logo_blue=false
|
||||||
// link_text.addClass('active')
|
this.ch_logo_white=true
|
||||||
|
// this.en_login_white=false
|
||||||
}else if(top === 0){
|
}else if(top === 0){
|
||||||
Head.style = "position: static;"
|
Head.style = "position: static;"
|
||||||
header_bgc.style= "position: static;background: linear-gradient(180deg, #0A51AE 0%, rgba(25,84,167,0.9) 56%, rgba(21,82,167,0.7) 69%, rgba(16,80,168,0.4) 85%, rgba(11,81,173,0) 100%);"
|
header_bgc.style= "position: static;background: linear-gradient(180deg, #0A51AE 0%, rgba(25,84,167,0.9) 56%, rgba(21,82,167,0.7) 69%, rgba(16,80,168,0.4) 85%, rgba(11,81,173,0) 100%);"
|
||||||
this.link_color='#C5DCFE'
|
this.link_color='#C5DCFE'
|
||||||
this.logo=true
|
this.login_blue=true
|
||||||
|
this.ch_logo_blue=true
|
||||||
|
this.ch_logo_white=false
|
||||||
|
// this.en_login_white=true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const that = this
|
const that = this
|
||||||
@@ -133,8 +142,7 @@ export default {
|
|||||||
window.open(routeData.href, "_blank")
|
window.open(routeData.href, "_blank")
|
||||||
},
|
},
|
||||||
menuCut(menu) {
|
menuCut(menu) {
|
||||||
console.log(menu)
|
window.open("/pc/" + menu.encodeId + "?type=" + menu.type + "&lang=" + sessionStorage.getItem("lang"))
|
||||||
this.$router.push("/pc/" + menu.encodeId + "?type=" + menu.type + "&lang=" + sessionStorage.getItem("lang"));
|
|
||||||
},
|
},
|
||||||
switchLang() {
|
switchLang() {
|
||||||
let lang = ''
|
let lang = ''
|
||||||
@@ -360,5 +368,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 992px) {
|
||||||
|
#header{
|
||||||
|
display: none!important;
|
||||||
|
}
|
||||||
|
#header_bgc{
|
||||||
|
display: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="mobile_herder">
|
<div id="mobile_herder" class="mobile_herder">
|
||||||
<div class="bottom">
|
<div class="bottom" id="bottom">
|
||||||
<div @click="drawer = true">
|
<div @click="drawer = true">
|
||||||
<i class="el-icon-s-fold"></i>
|
<i class="el-icon-s-fold"></i>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,31 +35,35 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<span v-for="(item,itemIndex) in menu.children" :key="itemIndex">
|
<span v-for="(item,itemIndex) in menu.children" :key="itemIndex">
|
||||||
<el-submenu :index="menuIndex +'-'+itemIndex" v-if="item.children.length > 0">
|
<el-submenu :index="menuIndex +'-'+itemIndex" v-if="item.children.length > 0 && item.displayType != 4">
|
||||||
|
<template slot="title" v-if="item.children.length > 0 &&$i18n.locale === 'cn' ">{{
|
||||||
<template slot="title" v-if="item.children.length == 0 && $i18n.locale === 'cn'">
|
item.title
|
||||||
<span @click="clickSecondMenu(item)">{{ item.title }}</span>
|
}}</template>
|
||||||
</template>
|
<template slot="title" v-if="item.children.length > 0 && $i18n.locale === 'en'">{{
|
||||||
<template slot="title" v-if="item.children.length == 0&& $i18n.locale === 'en'">
|
item.englishTitle
|
||||||
<span @click="clickSecondMenu(item)">{{ item.englishTitle }}</span>
|
}}</template>
|
||||||
</template>
|
|
||||||
|
|
||||||
<template slot="title" v-if="item.children.length > 0 &&$i18n.locale === 'cn' ">{{ item.title }}</template>
|
|
||||||
<template slot="title"
|
|
||||||
v-if="item.children.length > 0 && $i18n.locale === 'en'">{{ item.englishTitle }}</template>
|
|
||||||
<el-menu-item v-for="(chile ,chileIndex) in item.children" :key="chileIndex"
|
<el-menu-item v-for="(chile ,chileIndex) in item.children" :key="chileIndex"
|
||||||
|
v-if="chile.displayType != 4"
|
||||||
:index="menuIndex + '-' +itemIndex + '-' +chileIndex" @click="clickMenu(chile,item)">
|
:index="menuIndex + '-' +itemIndex + '-' +chileIndex" @click="clickMenu(chile,item)">
|
||||||
<span v-if="$i18n.locale === 'cn'">{{ chile.title }}</span>
|
<span v-if="$i18n.locale === 'cn'&&(chile.displayType == 1 || chile.displayType == 3)">{{
|
||||||
<span v-if="$i18n.locale === 'en'">{{ chile.englishTitle }}</span>
|
chile.title
|
||||||
|
}}</span>
|
||||||
|
<span v-if="$i18n.locale === 'en'&&(chile.displayType == 1 || chile.displayType == 2)">{{
|
||||||
|
chile.englishTitle
|
||||||
|
}}</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
</el-submenu>
|
</el-submenu>
|
||||||
<el-menu-item v-if="!item.children.length>0" :key="itemIndex" :index="menuIndex +'-'+itemIndex" @click="clickSecondMenu(item)">
|
<el-menu-item v-if="!item.children.length>0 && (item.displayType != 4)" :key="itemIndex"
|
||||||
<span v-if="$i18n.locale === 'cn'">{{ item.title }}</span>
|
:index="menuIndex +'-'+itemIndex"
|
||||||
<span v-if="$i18n.locale === 'en'">{{ item.englishTitle }}</span>
|
@click="clickSecondMenu(item)">
|
||||||
|
<span v-if="$i18n.locale === 'cn'&&(item.displayType == 1 || item.displayType == 3)">{{
|
||||||
|
item.title
|
||||||
|
}}</span>
|
||||||
|
<span v-if="$i18n.locale === 'en'&&(item.displayType == 1 || item.displayType == 2)">{{
|
||||||
|
item.englishTitle
|
||||||
|
}}</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
||||||
</el-submenu>
|
</el-submenu>
|
||||||
</el-menu>
|
</el-menu>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
@@ -145,6 +149,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mobile_herder {
|
.mobile_herder {
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
{{item.title}}
|
{{item.title}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="more" @click="lookMore('b4Lm82Ct_eaF2u5XDABv0TM')">
|
<div class="sciences_more more" @click="lookMore('b4Lm82Ct_eaF2u5XDABv0TM')">
|
||||||
<span class="more_text">更多</span>
|
<span class="more_text">更多</span>
|
||||||
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -34,8 +34,8 @@
|
|||||||
<div class="academy_content_title">
|
<div class="academy_content_title">
|
||||||
{{sciencesData[0].title}}
|
{{sciencesData[0].title}}
|
||||||
</div>
|
</div>
|
||||||
<div class="academy_content_text" v-html="sciencesData[0].content">
|
<div v-if="sciencesData[0].description" class="academy_content_text">{{sciencesData[0].description}}</div>
|
||||||
</div>
|
<div v-if="!sciencesData[0].description" class="academy_content_text" v-html="sciencesData[0].content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="2">
|
<el-col :span="2">
|
||||||
@@ -50,14 +50,14 @@
|
|||||||
<div class="academy_content_title">
|
<div class="academy_content_title">
|
||||||
{{sciencesData[1].title}}
|
{{sciencesData[1].title}}
|
||||||
</div>
|
</div>
|
||||||
<div class="academy_content_text" v-html="sciencesData[1].content">
|
<div v-if="sciencesData[1].description" class="academy_content_text">{{sciencesData[1].description}}</div>
|
||||||
</div>
|
<div v-if="!sciencesData[1].description" class="academy_content_text" v-html="sciencesData[1].content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="11">
|
<el-col :span="11">
|
||||||
<div class="academy_content" @click="getArticle(sciencesData[1])">
|
<div class="academy_content" @click="getArticle(sciencesData[2])">
|
||||||
<div class="academy_content_icontime">
|
<div class="academy_content_icontime">
|
||||||
<div class="img"></div>
|
<div class="img"></div>
|
||||||
<span>{{getDateTime(sciencesData[2].publishTime)}}</span>
|
<span>{{getDateTime(sciencesData[2].publishTime)}}</span>
|
||||||
@@ -65,8 +65,8 @@
|
|||||||
<div class="academy_content_title">
|
<div class="academy_content_title">
|
||||||
{{sciencesData[2].title}}
|
{{sciencesData[2].title}}
|
||||||
</div>
|
</div>
|
||||||
<div class="academy_content_text" v-html="sciencesData[2].content">
|
<div v-if="sciencesData[2].description" class="academy_content_text">{{sciencesData[2].description}}</div>
|
||||||
</div>
|
<div v-if="!sciencesData[2].description" class="academy_content_text" v-html="sciencesData[2].content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="2">
|
<el-col :span="2">
|
||||||
@@ -74,7 +74,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col :span="11">
|
<el-col :span="11">
|
||||||
<div class="academy_content" @click="getArticle(sciencesData[1])">
|
<div class="academy_content" @click="getArticle(sciencesData[3])">
|
||||||
<div class="academy_content_icontime">
|
<div class="academy_content_icontime">
|
||||||
<!-- <img :src="src" alt="">-->
|
<!-- <img :src="src" alt="">-->
|
||||||
<div class="img"></div>
|
<div class="img"></div>
|
||||||
@@ -83,12 +83,12 @@
|
|||||||
<div class="academy_content_title">
|
<div class="academy_content_title">
|
||||||
{{sciencesData[3].title}}
|
{{sciencesData[3].title}}
|
||||||
</div>
|
</div>
|
||||||
<div class="academy_content_text" v-html="sciencesData[3].content">
|
<div v-if="sciencesData[3].description" class="academy_content_text">{{sciencesData[3].description}}</div>
|
||||||
</div>
|
<div v-if="!sciencesData[3].description" class="academy_content_text" v-html="sciencesData[3].content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<div class="more" @click="lookMore('47sdOe8NQs0B4EHmM-wFWjQ')">
|
<div class="academy_more more" @click="lookMore('47sdOe8NQs0B4EHmM-wFWjQ')">
|
||||||
<span class="more_text">更多</span>
|
<span class="more_text">更多</span>
|
||||||
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -121,7 +121,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
clickTo(link) {
|
clickTo(link) {
|
||||||
//console.log(link)
|
//console.log(link)
|
||||||
window.location.href = link;//当前标签页
|
window.location.href = window.location.origin + link; //当前标签页
|
||||||
},
|
},
|
||||||
getArticle(news) {
|
getArticle(news) {
|
||||||
toArticle(news, this.width);
|
toArticle(news, this.width);
|
||||||
@@ -150,17 +150,35 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
getDateTime(date) {
|
getDateTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let year = time.getFullYear();
|
let year = time.getFullYear();
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
if (month < 10){
|
||||||
|
month = "0"+month
|
||||||
|
}
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
|
if (day<10){
|
||||||
|
day = "0"+ day
|
||||||
|
}
|
||||||
return year + "-" + month + "-" + day;
|
return year + "-" + month + "-" + day;
|
||||||
},
|
},
|
||||||
|
|
||||||
getMonthTime(date) {
|
getMonthTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
if (month < 10){
|
||||||
|
month = "0"+month
|
||||||
|
}
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
|
if (day<10){
|
||||||
|
day = "0"+ day
|
||||||
|
}
|
||||||
return month + "-" + day;
|
return month + "-" + day;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -202,8 +220,8 @@ export default {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
|
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
|
||||||
padding-left: 1.9rem;
|
padding-left: 1.9rem;
|
||||||
margin-top: 5rem;
|
margin-top: 2rem;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sciences_content {
|
.sciences_content {
|
||||||
@@ -235,13 +253,20 @@ export default {
|
|||||||
-webkit-line-clamp: 1; //显示的行
|
-webkit-line-clamp: 1; //显示的行
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.sciences_more{
|
||||||
|
margin-top: 3rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
.academy_more{
|
||||||
|
margin-top: 1.7rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
.more {
|
.more {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 2.3rem;
|
height: 2.3rem;
|
||||||
margin-top: 3.4rem;
|
//margin-top: 3rem;
|
||||||
margin-bottom: 3rem;
|
//margin-bottom: 3rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.more_text {
|
.more_text {
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
@@ -264,6 +289,7 @@ export default {
|
|||||||
color: #0049AF;
|
color: #0049AF;
|
||||||
.academy_content_text{
|
.academy_content_text{
|
||||||
color: #575757;
|
color: #575757;
|
||||||
|
font-size: 1.4rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
@@ -273,22 +299,13 @@ export default {
|
|||||||
|
|
||||||
.academy_content {
|
.academy_content {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
height: 10.5rem;
|
||||||
//&:hover{
|
|
||||||
// box-shadow: 0 8px 11px 0 rgba(0, 73, 174, 0.5);
|
|
||||||
// background: #FFFFFF;
|
|
||||||
// color: #0049AF;
|
|
||||||
// .academy_content_text{
|
|
||||||
// color: #575757;
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
|
|
||||||
|
|
||||||
background-color: rgba(10, 81, 174, 0.89);
|
background-color: rgba(10, 81, 174, 0.89);
|
||||||
padding: 2.5rem 2.3rem;
|
padding: 2.5rem 2.3rem;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
margin-bottom: 1.9rem;
|
margin-bottom: 1.9rem;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
||||||
&_icontime {
|
&_icontime {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 1.1rem;
|
margin-bottom: 1.1rem;
|
||||||
@@ -314,7 +331,7 @@ export default {
|
|||||||
//width: 139px;
|
//width: 139px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
//height: 38px;
|
//height: 38px;
|
||||||
font-size: 1.4rem;
|
font-size: 1.6rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
//color: #FFFFFF;
|
//color: #FFFFFF;
|
||||||
line-height: 1.9rem;
|
line-height: 1.9rem;
|
||||||
|
|||||||
@@ -23,8 +23,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="announcements_text_line"></div>
|
<div class="announcements_text_line"></div>
|
||||||
<div class="announcements_text_title">{{item.title}}</div>
|
<div class="announcements_text_title">{{item.title}}</div>
|
||||||
<div class="announcements_text_content" v-html="item.content">
|
<div v-if="item.description" class="announcements_text_content">{{item.description}}</div>
|
||||||
</div>
|
<div v-if="!item.description" class="announcements_text_content" v-html="item.content"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@@ -75,12 +75,18 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
getDateTime(date) {
|
getDateTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let year = time.getFullYear();
|
let year = time.getFullYear();
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
return year + "-" + month;
|
return year + "-" + month;
|
||||||
},
|
},
|
||||||
getDayTime(date) {
|
getDayTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
return day;
|
return day;
|
||||||
@@ -104,8 +110,8 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 6.3rem;
|
padding-top: 2rem;
|
||||||
padding-bottom: 5.6rem;
|
padding-bottom: 2rem;
|
||||||
|
|
||||||
.line_left {
|
.line_left {
|
||||||
line-height: 4.4rem;
|
line-height: 4.4rem;
|
||||||
@@ -173,7 +179,7 @@ export default {
|
|||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 3.8rem;
|
height: 3.8rem;
|
||||||
font-size: 1.4rem;
|
font-size: 1.6rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
line-height: 1.9rem;
|
line-height: 1.9rem;
|
||||||
@@ -189,7 +195,7 @@ export default {
|
|||||||
&_content {
|
&_content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
font-size: 1rem;
|
font-size: 1.4rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #777777;
|
color: #777777;
|
||||||
line-height: 1.8rem;
|
line-height: 1.8rem;
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right one">
|
<div class="right one">
|
||||||
<div class="table_tr_left">{{ $t('message.employees') }}</div>
|
<div class="table_tr_left">{{ $t('message.employees') }}</div>
|
||||||
<div class="table_tr_right">{{data.worker}}人</div>
|
<div class="table_tr_right">{{data.worker}}{{$t('message.person')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right tow">
|
<div class="right tow">
|
||||||
<div class="table_tr_left">{{ $t('message.number_students') }}</div>
|
<div class="table_tr_left">{{ $t('message.number_students') }}</div>
|
||||||
<div class="table_tr_right">{{data.students}}人</div>
|
<div class="table_tr_right">{{data.students}}{{$t('message.person')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -37,7 +37,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right three">
|
<div class="right three">
|
||||||
<div class="table_tr_left">{{ $t('message.graduate_tutor') }}</div>
|
<div class="table_tr_left">{{ $t('message.graduate_tutor') }}</div>
|
||||||
<div class="table_tr_right">{{data.postgraduateTutor}}人</div>
|
<div class="table_tr_right">{{data.postgraduateTutor}}{{$t('message.person')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right fourth">
|
<div class="right fourth">
|
||||||
<div class="table_tr_left">{{ $t('message.research_team') }}</div>
|
<div class="table_tr_left">{{ $t('message.research_team') }}</div>
|
||||||
<div class="table_tr_right">{{data.scientificTeam}}人</div>
|
<div class="table_tr_right">{{data.scientificTeam}}{{$t('message.pics')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -53,7 +53,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right five">
|
<div class="right five">
|
||||||
<div class="table_tr_left">{{ $t('message.high_level_talents') }}</div>
|
<div class="table_tr_left">{{ $t('message.high_level_talents') }}</div>
|
||||||
<div class="table_tr_right">{{data.highLevelTalents}}个</div>
|
<div class="table_tr_right">{{data.highLevelTalents}}{{$t('message.person')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -61,7 +61,7 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="right six">
|
<div class="right six">
|
||||||
<div class="table_tr_left">{{ $t('message.major_projects') }}</div>
|
<div class="table_tr_left">{{ $t('message.major_projects') }}</div>
|
||||||
<div class="table_tr_right">{{data.majorProjects}}个</div>
|
<div class="table_tr_right">{{data.majorProjects}}{{$t('message.pics')}}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@@ -19,16 +19,15 @@
|
|||||||
<!--轮播图下的新闻-->
|
<!--轮播图下的新闻-->
|
||||||
<div class="news">
|
<div class="news">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="6" v-for="(item,index) in newsData" :key="index">
|
<el-col :span="6" v-for="(item,index) in newsData" :key="index" :class="'border_right-' + (index + 1)">
|
||||||
<div class="news_context" @click="getArticle(item)">
|
<div class="news_context" @click="getArticle(item)">
|
||||||
<div class="news_context_img">
|
<div class="news_context_img">
|
||||||
<img v-if="!item.imgurl" src="../../../assets/index/news_center/t4.png" alt="">
|
|
||||||
<img v-if="item.imgurl" :src="item.imgurl" alt="">
|
<img v-if="item.imgurl" :src="item.imgurl" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="news_context_text" style="border-right: 1px solid #CCCCCC;">
|
<div class="news_context_text" >
|
||||||
<div class="news_context_text-title">{{ item.title }}</div>
|
<div class="news_context_text-title">{{ item.title }}</div>
|
||||||
<div class="news_context_text-content" v-html="item.content">
|
<div v-if="item.description" class="news_context_text-content">{{item.description}}</div>
|
||||||
</div>
|
<div v-if="!item.description" class="news_context_text-content" v-html="item.content"></div>
|
||||||
<div class="news_context_time">
|
<div class="news_context_time">
|
||||||
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
|
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
|
||||||
<span class="time">{{ getDateTime(item.publishTime) }}</span>
|
<span class="time">{{ getDateTime(item.publishTime) }}</span>
|
||||||
@@ -79,10 +78,19 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
getDateTime(date) {
|
getDateTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let year = time.getFullYear();
|
let year = time.getFullYear();
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
if (month < 10){
|
||||||
|
month = "0"+month
|
||||||
|
}
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
|
if (day<10){
|
||||||
|
day = "0"+ day
|
||||||
|
}
|
||||||
return year + "-" + month + "-" + day;
|
return year + "-" + month + "-" + day;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -153,7 +161,8 @@ export default {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
//width: 100%;
|
//width: 100%;
|
||||||
height: 61rem;
|
//height: 61rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
|
||||||
.headline {
|
.headline {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -175,7 +184,7 @@ export default {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
|
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
|
||||||
padding-left: 1.9rem;
|
padding-left: 1.9rem;
|
||||||
margin-top: 6.3rem;
|
margin-top: 2rem;
|
||||||
|
|
||||||
.vertica_line {
|
.vertica_line {
|
||||||
width: .1rem;
|
width: .1rem;
|
||||||
@@ -203,7 +212,7 @@ export default {
|
|||||||
.more {
|
.more {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 3.7rem;
|
height: 3.7rem;
|
||||||
margin-top: 9.8rem;
|
margin-top: 4rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
.more_text {
|
.more_text {
|
||||||
@@ -223,6 +232,15 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.border_right-4{
|
||||||
|
.news_context{
|
||||||
|
.news_context_text{
|
||||||
|
border-right: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.news {
|
.news {
|
||||||
margin: 4rem auto 0 auto;
|
margin: 4rem auto 0 auto;
|
||||||
width: 115.4rem;
|
width: 115.4rem;
|
||||||
@@ -261,7 +279,7 @@ export default {
|
|||||||
.news_context_text {
|
.news_context_text {
|
||||||
margin: 2rem 0 2rem 2rem;
|
margin: 2rem 0 2rem 2rem;
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
//border-right: 1px solid #CCCCCC;
|
border-right: 1px solid #CCCCCC;
|
||||||
.news_context_text-title {
|
.news_context_text-title {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #0040A4;
|
color: #0040A4;
|
||||||
@@ -310,7 +328,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
width: 6rem;
|
|
||||||
height: 1.4rem;
|
height: 1.4rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|||||||
@@ -92,8 +92,8 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 6.3rem;
|
padding-top: 3rem;
|
||||||
padding-bottom: 4.4rem;
|
padding-bottom: 2rem;
|
||||||
|
|
||||||
.line_left {
|
.line_left {
|
||||||
line-height: 4.4rem;
|
line-height: 4.4rem;
|
||||||
|
|||||||
@@ -66,8 +66,13 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
clickTo(link) {
|
clickTo(link) {
|
||||||
//console.log(link)
|
// let userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
|
||||||
window.location.href = link;//当前标签页
|
window.location.href = link
|
||||||
|
// if (userAgent.indexOf("Safari") > -1) {
|
||||||
|
// window.location.href = link
|
||||||
|
// } else {
|
||||||
|
// window.open(link, "_blank")
|
||||||
|
// }
|
||||||
},
|
},
|
||||||
constructor() {
|
constructor() {
|
||||||
this.bannerWrap = document.getElementsByClassName("banner-card")[0];
|
this.bannerWrap = document.getElementsByClassName("banner-card")[0];
|
||||||
@@ -104,7 +109,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 定时器自动切换
|
// 定时器自动切换
|
||||||
timer() {
|
timer() {
|
||||||
this.time = setInterval(this.leftMove.bind(this), 1000);
|
this.time = setInterval(this.leftMove.bind(this), 2000);
|
||||||
},
|
},
|
||||||
// 鼠标移入移出事件
|
// 鼠标移入移出事件
|
||||||
listenMouseEvent() {
|
listenMouseEvent() {
|
||||||
|
|||||||
@@ -9,12 +9,13 @@
|
|||||||
<span>{{ $t("message.undergraduate_education") }}</span>
|
<span>{{ $t("message.undergraduate_education") }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="vline">
|
<div class="vline">
|
||||||
<div class="undergraduate_content" v-for="(item,index) in undergraduateData" :key="index" @click="getArticle(item)">
|
<div class="undergraduate_content" v-for="(item,index) in undergraduateData" :key="index"
|
||||||
|
@click="getArticle(item)">
|
||||||
<div class="undergraduate_content_time">
|
<div class="undergraduate_content_time">
|
||||||
{{getMonthTime(item.publishTime)}}
|
{{ getMonthTime(item.publishTime) }}
|
||||||
</div>
|
</div>
|
||||||
<div class="undergraduate_content_text">
|
<div class="undergraduate_content_text">
|
||||||
{{item.title}}
|
{{ item.title }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="more" @click="lookMore('KW_T7dJ2lt5sC-RJZSnPtk0')">
|
<div class="more" @click="lookMore('KW_T7dJ2lt5sC-RJZSnPtk0')">
|
||||||
@@ -25,15 +26,17 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||||
<div class="graduate headline">
|
<div class="graduate headline">
|
||||||
<img class="graduate_img" src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
|
<img class="graduate_img" src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png"
|
||||||
|
alt=""/>
|
||||||
<span>{{ $t("message.postgraduate_education") }}</span>
|
<span>{{ $t("message.postgraduate_education") }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="undergraduate_content" v-for="(item,index) in graduateData" :key="index" @click="getArticle(item)">
|
<div class="undergraduate_content" v-for="(item,index) in graduateData" :key="index"
|
||||||
|
@click="getArticle(item)">
|
||||||
<div class="undergraduate_content_time">
|
<div class="undergraduate_content_time">
|
||||||
{{getMonthTime(item.publishTime)}}
|
{{ getMonthTime(item.publishTime) }}
|
||||||
</div>
|
</div>
|
||||||
<div class="undergraduate_content_text">
|
<div class="undergraduate_content_text">
|
||||||
{{item.title}}
|
{{ item.title }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="more" @click="lookMore('1yaM_T4qiBsFULvLXHbMflQ')">
|
<div class="more" @click="lookMore('1yaM_T4qiBsFULvLXHbMflQ')">
|
||||||
@@ -54,10 +57,10 @@ import {lookMoreFixedComment} from "../../../utils/sist";
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "undergraduate_and_graduate",
|
name: "undergraduate_and_graduate",
|
||||||
data(){
|
data() {
|
||||||
return{
|
return {
|
||||||
undergraduateData:[],
|
undergraduateData: [],
|
||||||
graduateData:[],
|
graduateData: [],
|
||||||
width: document.documentElement.clientWidth > 992
|
width: document.documentElement.clientWidth > 992
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -72,6 +75,7 @@ export default {
|
|||||||
window.location.href = link;//当前标签页
|
window.location.href = link;//当前标签页
|
||||||
},
|
},
|
||||||
getArticle(news) {
|
getArticle(news) {
|
||||||
|
console.log(news)
|
||||||
toArticle(news, this.width);
|
toArticle(news, this.width);
|
||||||
},
|
},
|
||||||
lookMore(str) {
|
lookMore(str) {
|
||||||
@@ -96,18 +100,19 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
getDateTime(date) {
|
|
||||||
let time = new Date(date);
|
|
||||||
let year = time.getFullYear();
|
|
||||||
let month = time.getMonth() + 1
|
|
||||||
let day = time.getDate();
|
|
||||||
return year + "-" + month + "-" + day;
|
|
||||||
},
|
|
||||||
|
|
||||||
getMonthTime(date) {
|
getMonthTime(date) {
|
||||||
|
if(typeof(date) == "string" && date.indexOf('-') != -1){
|
||||||
|
date = date.replace(/-/g,'/');
|
||||||
|
}
|
||||||
let time = new Date(date);
|
let time = new Date(date);
|
||||||
let month = time.getMonth() + 1
|
let month = time.getMonth() + 1
|
||||||
|
if (month < 10) {
|
||||||
|
month = "0" + month
|
||||||
|
}
|
||||||
let day = time.getDate();
|
let day = time.getDate();
|
||||||
|
if (day < 10) {
|
||||||
|
day = "0" + day
|
||||||
|
}
|
||||||
return month + "-" + day;
|
return month + "-" + day;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -117,9 +122,10 @@ export default {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
|
||||||
.undergraduate_content{
|
.undergraduate_content {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 960px) {
|
@media screen and (max-width: 960px) {
|
||||||
.undergraduate {
|
.undergraduate {
|
||||||
border-radius: 36px 36px 0 0 !important;
|
border-radius: 36px 36px 0 0 !important;
|
||||||
@@ -128,12 +134,13 @@ export default {
|
|||||||
border-radius: 36px 36px 0 0 !important;
|
border-radius: 36px 36px 0 0 !important;
|
||||||
}
|
}
|
||||||
.more {
|
.more {
|
||||||
justify-content: center!important;
|
justify-content: center !important;
|
||||||
}
|
}
|
||||||
.vline {
|
.vline {
|
||||||
border-right: none!important;
|
border-right: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.undergraduate {
|
.undergraduate {
|
||||||
border-radius: 36px 36px 0 0 !important;
|
border-radius: 36px 36px 0 0 !important;
|
||||||
@@ -142,11 +149,11 @@ export default {
|
|||||||
border-radius: 36px 36px 0 0 !important;
|
border-radius: 36px 36px 0 0 !important;
|
||||||
}
|
}
|
||||||
.more {
|
.more {
|
||||||
justify-content: center!important;
|
justify-content: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vline {
|
.vline {
|
||||||
border-right: none!important;
|
border-right: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -160,8 +167,8 @@ export default {
|
|||||||
&_bgc {
|
&_bgc {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
//height: 33.8rem;
|
//height: 33.8rem;
|
||||||
margin-top: 8.1rem;
|
margin-top: 3rem;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 3rem;
|
||||||
border-radius: 36px;
|
border-radius: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -192,10 +199,12 @@ export default {
|
|||||||
|
|
||||||
.undergraduate {
|
.undergraduate {
|
||||||
border-radius: 36px 0 0 0;
|
border-radius: 36px 0 0 0;
|
||||||
&_img{
|
|
||||||
|
&_img {
|
||||||
width: 3.1rem;
|
width: 3.1rem;
|
||||||
height: 3.3rem;
|
height: 3.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&_content {
|
&_content {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
@@ -258,7 +267,8 @@ export default {
|
|||||||
|
|
||||||
.graduate {
|
.graduate {
|
||||||
border-radius: 0 36px 0 0;
|
border-radius: 0 36px 0 0;
|
||||||
&_img{
|
|
||||||
|
&_img {
|
||||||
width: 4.3rem;
|
width: 4.3rem;
|
||||||
height: 3.3rem;
|
height: 3.3rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -233,7 +233,7 @@ export default {
|
|||||||
pageSize: 5
|
pageSize: 5
|
||||||
}
|
}
|
||||||
this.listDataType = 0
|
this.listDataType = 0
|
||||||
if (this.type === 4||menu.isSimple == 1) {
|
if (this.type === 4 || menu.isSimple == 1) {
|
||||||
data.pageSize = 20
|
data.pageSize = 20
|
||||||
this.listDataType = 1
|
this.listDataType = 1
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,21 +29,21 @@ module.exports = {
|
|||||||
productionSourceMap: true,
|
productionSourceMap: true,
|
||||||
// webpack-dev-server 相关配置
|
// webpack-dev-server 相关配置
|
||||||
devServer: {
|
devServer: {
|
||||||
// host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
// // port: port,
|
// port: port,
|
||||||
// port: 8080,
|
port: 8080,
|
||||||
// open: true,
|
open: true,
|
||||||
// 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://localhost:8085`,
|
target: `https://sist.swjtu.edu.cn/`,
|
||||||
// // target: `http://hchyunapi.tomey.live`,
|
// target: `http://hchyunapi.tomey.live`,
|
||||||
// changeOrigin: true,
|
changeOrigin: true,
|
||||||
// pathRewrite: {
|
pathRewrite: {
|
||||||
// ['^' + process.env.VUE_APP_BASE_API]: ''
|
['^' + process.env.VUE_APP_BASE_API]: '/dev-api'
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// },
|
},
|
||||||
disableHostCheck: true
|
disableHostCheck: true
|
||||||
},
|
},
|
||||||
// 强制内联CSS
|
// 强制内联CSS
|
||||||
|
|||||||
Reference in New Issue
Block a user