1
This commit is contained in:
wangchengming
parent
98ef795163
commit
2e7f07b688
BIN
public/static/img/about/aboutBanner.jpg
Normal file
BIN
public/static/img/about/aboutBanner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
|
@ -98,14 +98,14 @@
|
|||
]
|
||||
},
|
||||
{ title: '联系我们', path: '/cnkhp.com/CU' },
|
||||
{
|
||||
title: '客户登录',
|
||||
jump: 'http://117.72.41.220:9097'
|
||||
},
|
||||
{
|
||||
title: '供应商登录',
|
||||
jump: 'http://117.72.41.220:9097'
|
||||
}
|
||||
// {
|
||||
// title: '客户登录',
|
||||
// jump: 'http://117.72.41.220:9097'
|
||||
// },
|
||||
// {
|
||||
// title: '供应商登录',
|
||||
// jump: 'http://117.72.41.220:9097'
|
||||
// }
|
||||
]
|
||||
};
|
||||
},
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 28rem 60rem;
|
||||
padding: 28rem 70rem;
|
||||
box-sizing: border-box;
|
||||
transition: background-color 0.3s;
|
||||
height: 158rem;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
id="screen1"
|
||||
>
|
||||
<img
|
||||
src="/static/img/about/aboutBanner.png"
|
||||
src="/static/img/about/aboutBanner.jpg"
|
||||
alt=""
|
||||
style="width: 100%;height: 100%;"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -231,11 +231,31 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="附件">
|
||||
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList2">
|
||||
<el-button size="small" type="primary">
|
||||
上传
|
||||
</el-button>
|
||||
<div class="upload-file">
|
||||
<el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload1" :file-list="fileList1" :limit="limit" :on-error="handleUploadError1" :on-exceed="handleExceed1" :on-success="handleUploadSuccess1" :show-file-list="false" class="upload-file-uploader" ref="fileUpload1">
|
||||
<!-- 上传按钮 -->
|
||||
<el-button size="small" type="primary">上传</el-button>
|
||||
<!-- 上传提示 -->
|
||||
<div class="el-upload__tip" slot="tip" v-if="isShowTip">
|
||||
请上传
|
||||
<template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
|
||||
<template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
|
||||
的文件
|
||||
</div>
|
||||
</el-upload>
|
||||
|
||||
<!-- 文件列表 -->
|
||||
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
|
||||
<li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList1">
|
||||
<el-link :href="`${file.url}`" :underline="false" target="_blank">
|
||||
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
|
||||
</el-link>
|
||||
<div class="ele-upload-list__item-content-action">
|
||||
<el-link :underline="false" @click="handleDelete1(index)" type="danger">删除</el-link>
|
||||
</div>
|
||||
</li>
|
||||
</transition-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-form-item style="text-align: center;border-top:1rem solid #B0B0B0;padding: 20rem 0rem">
|
||||
|
|
@ -455,8 +475,10 @@
|
|||
number: 0,
|
||||
uploadList: [],
|
||||
// 上传文件服务器地址
|
||||
uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + '/system/oss/upload',
|
||||
uploadFileUrl:
|
||||
process.env.VUE_APP_API_TARGET_URL + 'system/oss/addFilesUpload',
|
||||
fileList: [],
|
||||
fileList1: [],
|
||||
loadingModal: undefined
|
||||
};
|
||||
},
|
||||
|
|
@ -501,6 +523,9 @@
|
|||
this.$refs['Partnerform'].validate(valid => {
|
||||
if (valid) {
|
||||
this.form1.fieldType = this.form1.fieldType.toString();
|
||||
this.form1.imageurl = this.fileList
|
||||
.map(item => item.url)
|
||||
.toString();
|
||||
this.$request
|
||||
.post('/official/companymessage/add', this.form1)
|
||||
.then(res => {
|
||||
|
|
@ -512,10 +537,11 @@
|
|||
phoneNumber: '',
|
||||
email: '',
|
||||
fieldType: [],
|
||||
otherNotes: '',
|
||||
advantageConcept: '',
|
||||
cooperationIntention: ''
|
||||
cooperationIntention: '',
|
||||
imageurl: ''
|
||||
};
|
||||
this.fileList = [];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -532,6 +558,9 @@
|
|||
this.form.productCertification = this.form.productCertification.toString();
|
||||
this.form.qualitySystem = this.form.qualitySystem.toString();
|
||||
this.form.relevantQualifications = this.form.relevantQualifications.toString();
|
||||
this.form.imageurl = this.fileList1
|
||||
.map(item => item.url)
|
||||
.toString();
|
||||
this.$request
|
||||
.post('/official/companymessage/add', this.form)
|
||||
.then(res => {
|
||||
|
|
@ -554,8 +583,10 @@
|
|||
qualitySystem: [],
|
||||
relevantQualifications: [],
|
||||
advantageConcept: '',
|
||||
cooperationIntention: ''
|
||||
cooperationIntention: '',
|
||||
imageurl: ''
|
||||
};
|
||||
this.fileList1 = [];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -599,7 +630,7 @@
|
|||
},
|
||||
// 上传失败
|
||||
handleUploadError(err) {
|
||||
this.$message.error(`上传文件失败，请重试`);
|
||||
this.$message.error(`上传文件失败，请重试`, err);
|
||||
this.loadingModal.close();
|
||||
},
|
||||
// 上传成功回调
|
||||
|
|
@ -621,8 +652,8 @@
|
|||
},
|
||||
// 删除文件
|
||||
handleDelete(index) {
|
||||
let ossId = this.fileList[index].ossId;
|
||||
delOss(ossId);
|
||||
// let ossId = this.fileList[index].ossId;
|
||||
// delOss(ossId);
|
||||
this.fileList.splice(index, 1);
|
||||
},
|
||||
// 上传结束处理
|
||||
|
|
@ -642,6 +673,76 @@
|
|||
} else {
|
||||
return name;
|
||||
}
|
||||
},
|
||||
// 上传前校检格式和大小
|
||||
handleBeforeUpload1(file) {
|
||||
// 校检文件类型
|
||||
if (this.fileType) {
|
||||
const fileName = file.name.split('.');
|
||||
const fileExt = fileName[fileName.length - 1];
|
||||
const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
|
||||
if (!isTypeOk) {
|
||||
this.$message.error(
|
||||
`文件格式不正确, 请上传${this.fileType.join('/')}格式文件!`
|
||||
);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
// 校检文件大小
|
||||
if (this.fileSize) {
|
||||
const isLt = file.size / 1024 / 1024 < this.fileSize;
|
||||
if (!isLt) {
|
||||
this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
this.loadingModal = this.$loading({
|
||||
lock: true,
|
||||
text: '正在上传文件，请稍候...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
this.number++;
|
||||
return true;
|
||||
},
|
||||
// 文件个数超出
|
||||
handleExceed1() {
|
||||
this.$message.error(`上传文件数量不能超过 ${this.limit} 个!`);
|
||||
},
|
||||
// 上传失败
|
||||
handleUploadError1(err) {
|
||||
this.$message.error(`上传文件失败，请重试`, err);
|
||||
this.loadingModal.close();
|
||||
},
|
||||
// 上传成功回调
|
||||
handleUploadSuccess1(res, file) {
|
||||
if (res.code === 200) {
|
||||
this.uploadList1.push({
|
||||
name: res.data.fileName,
|
||||
url: res.data.url,
|
||||
ossId: res.data.ossId
|
||||
});
|
||||
this.uploadedSuccessfully1();
|
||||
} else {
|
||||
this.number--;
|
||||
this.loadingModal.close();
|
||||
this.$message.error(res.msg);
|
||||
this.$refs.fileUpload1.handleRemove(file);
|
||||
this.uploadedSuccessfully1();
|
||||
}
|
||||
},
|
||||
// 删除文件
|
||||
handleDelete1(index) {
|
||||
this.fileList1.splice(index, 1);
|
||||
},
|
||||
// 上传结束处理
|
||||
uploadedSuccessfully1() {
|
||||
if (this.number > 0 && this.uploadList1.length === this.number) {
|
||||
this.fileList1 = this.fileList1.concat(this.uploadList1);
|
||||
this.uploadList1 = [];
|
||||
this.number = 0;
|
||||
this.loadingModal.close();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -2,48 +2,23 @@
|
|||
<div class="page-company">
|
||||
<div style="height:104rem;"></div>
|
||||
<div class="screen1">
|
||||
<img
|
||||
:src="screen1.imageurl"
|
||||
alt=""
|
||||
style="width: 100%"
|
||||
/>
|
||||
<img :src="screen1.imageurl" alt="" style="width: 100%" />
|
||||
</div>
|
||||
<div class="screen2">
|
||||
<div class="wrapper1680">
|
||||
<el-tabs
|
||||
tab-position="left"
|
||||
v-model="activeName"
|
||||
@tab-click="handleChosePane"
|
||||
>
|
||||
<el-tab-pane
|
||||
label="投资者新闻"
|
||||
name="first"
|
||||
>
|
||||
<el-tabs tab-position="left" v-model="activeName" @tab-click="handleChosePane">
|
||||
<el-tab-pane label="投资者新闻" name="first">
|
||||
<div class="news-wrapper">
|
||||
<div class="news-item">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in investorNews.actionOne"
|
||||
:key="item.id"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<li v-for="item in investorNews.actionOne" :key="item.id" @click="() => $router.push('/investor/detail/' + item.id)">
|
||||
<el-row class="itemRow">
|
||||
<el-col
|
||||
:span="8"
|
||||
class="imgCol"
|
||||
>
|
||||
<el-col :span="8" class="imgCol">
|
||||
<div class="list-img">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
<img :src="item.cover" style="width:100%;height:100%;object-fit:cover;" alt="">
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col
|
||||
:span="16"
|
||||
class="listContent"
|
||||
>
|
||||
<el-col :span="16" class="listContent">
|
||||
<div class="list-title">
|
||||
{{ item.captionName }}<span class="deailTitle">[详细]</span>
|
||||
</div>
|
||||
|
|
@ -55,12 +30,7 @@
|
|||
<div class="news-item">
|
||||
<div class="contentTitle">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in investorNews.actionTwo"
|
||||
:key="item.id"
|
||||
class="itemDisc"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<li v-for="item in investorNews.actionTwo" :key="item.id" class="itemDisc" @click="() => $router.push('/investor/detail/' + item.id)">
|
||||
{{ item.captionName }}
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -69,19 +39,10 @@
|
|||
<div class="news-item">
|
||||
<div class="contentThree">
|
||||
<ul>
|
||||
<li
|
||||
v-for="(item, index) in investorNews.actionThree"
|
||||
:key="item.id"
|
||||
class="itemNomal"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<li v-for="(item, index) in investorNews.actionThree" :key="item.id" class="itemNomal" @click="() => $router.push('/investor/detail/' + item.id)">
|
||||
<template v-if="index == 0">
|
||||
<div class="imgList">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
<img :src="item.cover" style="width:100%;height:100%;object-fit:cover;" alt="">
|
||||
<div class="imgMask">
|
||||
{{ item.captionName }}
|
||||
</div>
|
||||
|
|
@ -96,53 +57,27 @@
|
|||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane
|
||||
label="公司治理"
|
||||
name="second"
|
||||
>
|
||||
<el-tab-pane label="公司治理" name="second">
|
||||
<div class="news-wrapper">
|
||||
<div class="news-item">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in corporateGovernance.actionOne"
|
||||
:key="item.id"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<el-row class="itemRow">
|
||||
<el-col
|
||||
:span="8"
|
||||
class="imgCol"
|
||||
>
|
||||
<div class="list-img">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col
|
||||
:span="16"
|
||||
class="listContent"
|
||||
>
|
||||
<div class="list-title">
|
||||
<li v-for="(item, index) in corporateGovernance.actionOne" :key="item.id">
|
||||
<div class="contentTitle" v-if="index == 0" @click="handleView(item.cover)">
|
||||
{{ item.captionName }}<span class="deailTitle">[详细]</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="contentTitle" v-else>
|
||||
<a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="contentTitle">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in corporateGovernance.actionTwo"
|
||||
:key="item.id"
|
||||
class="itemDisc"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
{{ item.captionName }}
|
||||
<li v-for="item in corporateGovernance.actionTwo" :key="item.id">
|
||||
<div class="contentTitle">
|
||||
<a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -150,117 +85,48 @@
|
|||
<div class="news-item">
|
||||
<div class="contentThree">
|
||||
<ul>
|
||||
<li
|
||||
v-for="(item, index) in corporateGovernance.actionThree"
|
||||
:key="item.id"
|
||||
class="itemNomal"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<template v-if="index == 0">
|
||||
<div class="imgList">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
<div class="imgMask">
|
||||
{{ item.captionName }}
|
||||
<li v-for="item in corporateGovernance.actionThree" :key="item.id">
|
||||
<div class="contentTitle">
|
||||
<a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ item.captionName }}
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane
|
||||
label="投资者关系"
|
||||
name="third"
|
||||
>
|
||||
<div class="news-wrapper">
|
||||
<div class="news-item">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in investorRelations.actionOne"
|
||||
:key="item.id"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<el-row class="itemRow">
|
||||
<el-col
|
||||
:span="8"
|
||||
class="imgCol"
|
||||
>
|
||||
<div class="list-img">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
<el-tab-pane label="投资者关系" name="third">
|
||||
<el-form ref="feekform" :model="form" :rules="formRules" label-width="110rem" style="margin-top: 40rem">
|
||||
<div class="formBarContent">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人" prop="userName">
|
||||
<el-input v-model="form.userName" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col
|
||||
:span="16"
|
||||
class="listContent"
|
||||
>
|
||||
<div class="list-title">
|
||||
{{ item.captionName }}<span class="deailTitle">[详细]</span>
|
||||
</div>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系方式" prop="phoneNumber">
|
||||
<el-input v-model="form.phoneNumber" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="contentTitle">
|
||||
<ul>
|
||||
<li
|
||||
v-for="item in investorRelations.actionTwo"
|
||||
:key="item.id"
|
||||
class="itemDisc"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
{{ item.captionName }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="contentThree">
|
||||
<ul>
|
||||
<li
|
||||
v-for="(item, index) in investorRelations.actionThree"
|
||||
:key="item.id"
|
||||
class="itemNomal"
|
||||
@click="() => $router.push('/investor/detail/' + item.id)"
|
||||
>
|
||||
<template v-if="index == 0">
|
||||
<div class="imgList">
|
||||
<img
|
||||
:src="item.cover"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
alt=""
|
||||
>
|
||||
<div class="imgMask">
|
||||
{{ item.captionName }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ item.captionName }}
|
||||
</template>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<el-form-item label="留言内容" prop="abstracts">
|
||||
<el-input v-model="form.abstracts" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-form-item style="text-align: center;">
|
||||
<el-button class="subBtn" @click="handleAdd">
|
||||
提交
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog :visible.sync="dialogVisible">
|
||||
<img width="100%" :src="dialogImageUrl" alt="">
|
||||
</el-dialog>
|
||||
<FootBar theme="dark"></FootBar>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -271,7 +137,7 @@ import FootBar from '@/components/FootBar.vue';
|
|||
|
||||
export default {
|
||||
components: {
|
||||
FootBar,
|
||||
FootBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -280,45 +146,72 @@ export default {
|
|||
introduction: {
|
||||
businessName: '',
|
||||
businessNameEnglish: '',
|
||||
titleChinese: '',
|
||||
},
|
||||
titleChinese: ''
|
||||
}
|
||||
},
|
||||
dialogVisible: false,
|
||||
dialogImageUrl: '',
|
||||
activeName: 'first',
|
||||
investorNews: {
|
||||
actionOne: [],
|
||||
actionTwo: [],
|
||||
actionThree: [],
|
||||
actionThree: []
|
||||
},
|
||||
corporateGovernance: {
|
||||
actionOne: [],
|
||||
actionTwo: [],
|
||||
actionThree: [],
|
||||
actionThree: []
|
||||
},
|
||||
investorRelations: {
|
||||
actionOne: [],
|
||||
actionTwo: [],
|
||||
actionThree: [],
|
||||
actionThree: []
|
||||
},
|
||||
tempImg: '/static/img/tempNews.png',
|
||||
form: {
|
||||
userName: '',
|
||||
phoneNumber: '',
|
||||
abstracts: ''
|
||||
},
|
||||
formRules: {
|
||||
userName: [
|
||||
{ required: true, message: '请输入联系人', trigger: 'blur' }
|
||||
],
|
||||
phoneNumber: [
|
||||
{ required: true, message: '请输入联系方式', trigger: 'blur' },
|
||||
{
|
||||
validator: function(rule, value, callback) {
|
||||
const reg = /^1[3456789]\d{9}$/;
|
||||
const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
|
||||
if (!(reg.test(value) || reg3.test(value))) {
|
||||
callback(new Error('请输入手机号、座机号或邮箱'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
abstracts: [{ required: true, message: '请输入内容', trigger: 'blur' }]
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
scrollTop: state => state.scroll.scrollTop,
|
||||
}),
|
||||
scrollTop: state => state.scroll.scrollTop
|
||||
})
|
||||
},
|
||||
created() {
|
||||
this.$event.$emit('nav-theme', 'light');
|
||||
this.getScreen1Banner();
|
||||
this.getInvestorNewsData();
|
||||
this.getCorporateGovernanceData();
|
||||
this.getInvestorRelationsData();
|
||||
},
|
||||
mounted() {
|
||||
if (this.$route.hash) {
|
||||
this.forceScroll({
|
||||
top: document.getElementById(this.$route.hash.slice(1)).offsetTop,
|
||||
behavior: 'smooth',
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
},
|
||||
|
|
@ -326,10 +219,13 @@ export default {
|
|||
...mapMutations(['forceScroll', 'setScrollTop']),
|
||||
async getScreen1Banner() {
|
||||
try {
|
||||
const res = await this.$request.get(
|
||||
'/official/index/list',
|
||||
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/投资者/banner' } },
|
||||
);
|
||||
const res = await this.$request.get('/official/index/list', {
|
||||
params: {
|
||||
pageNum: 1,
|
||||
pageSize: 1,
|
||||
captionName: '投资与合作/投资者/banner'
|
||||
}
|
||||
});
|
||||
this.screen1.imageurl = res.rows[0].imageurl;
|
||||
} catch (error) {}
|
||||
},
|
||||
|
|
@ -339,7 +235,9 @@ export default {
|
|||
// 获取投资者新闻
|
||||
async getInvestorNewsData() {
|
||||
try {
|
||||
const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '4' } });
|
||||
const res = await this.$request.get('/official/slideshow/list', {
|
||||
params: { pageNum: 1, pageSize: 22, type: '4' }
|
||||
});
|
||||
this.investorNews.actionOne = res.rows.slice(0, 4);
|
||||
this.investorNews.actionTwo = res.rows.slice(4, 18);
|
||||
this.investorNews.actionThree = res.rows.slice(18, 22);
|
||||
|
|
@ -348,22 +246,47 @@ export default {
|
|||
// 获取公司治理新闻
|
||||
async getCorporateGovernanceData() {
|
||||
try {
|
||||
const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '5' } });
|
||||
this.corporateGovernance.actionOne = res.rows.slice(0, 4);
|
||||
this.corporateGovernance.actionTwo = res.rows.slice(4, 18);
|
||||
this.corporateGovernance.actionThree = res.rows.slice(18, 22);
|
||||
const res = await this.$request.get('/official/slideshow/list', {
|
||||
params: { pageNum: 1, pageSize: 42, type: '5' }
|
||||
});
|
||||
var sortDate = res.rows.sort((a, b) => a.orderBy - b.orderBy);
|
||||
this.corporateGovernance.actionOne = sortDate.slice(0, 14);
|
||||
this.corporateGovernance.actionTwo = sortDate.slice(14, 28);
|
||||
this.corporateGovernance.actionThree = sortDate.slice(28, 42);
|
||||
} catch (error) {}
|
||||
},
|
||||
// 获取投资者关系新闻
|
||||
async getInvestorRelationsData () {
|
||||
handleView(imgUrl) {
|
||||
console.log('$$$$', imgUrl);
|
||||
this.dialogImageUrl = imgUrl;
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
// 获取文件名称
|
||||
getFileName(name) {
|
||||
// 如果是url那么取最后的名字 如果不是直接返回
|
||||
if (name.lastIndexOf('/') > -1) {
|
||||
return name.slice(name.lastIndexOf('/') + 1);
|
||||
} else {
|
||||
return name;
|
||||
}
|
||||
},
|
||||
handleAdd() {
|
||||
try {
|
||||
const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '6' } });
|
||||
this.investorRelations.actionOne = res.rows.slice(0, 4);
|
||||
this.investorRelations.actionTwo = res.rows.slice(4, 18);
|
||||
this.investorRelations.actionThree = res.rows.slice(18, 22);
|
||||
this.$refs['feekform'].validate(valid => {
|
||||
if (valid) {
|
||||
this.$request.post('/official/message/add', this.form).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.form = {
|
||||
userName: '',
|
||||
phoneNumber: '',
|
||||
abstracts: ''
|
||||
};
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} catch (error) {}
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
@ -374,7 +297,7 @@ export default {
|
|||
|
||||
.screen2 {
|
||||
padding: 90rem 120rem 60rem;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
}
|
||||
/deep/.el-tabs__item {
|
||||
padding: 0rem;
|
||||
|
|
@ -407,7 +330,7 @@ export default {
|
|||
text-align: justifyLeft;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
border-bottom: 2rem solid #F0D145;;
|
||||
border-bottom: 2rem solid #f0d145;
|
||||
}
|
||||
/deep/.el-tabs--left .el-tabs__item.is-left {
|
||||
text-align: left;
|
||||
|
|
@ -415,6 +338,67 @@ export default {
|
|||
/deep/.el-tabs--left .el-tabs__header.is-left {
|
||||
margin-right: 120rem;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 22rem !important;
|
||||
}
|
||||
/deep/.el-form-item__error {
|
||||
font-size: 12rem;
|
||||
padding-top: 4rem;
|
||||
}
|
||||
/deep/.el-form-item__label {
|
||||
font-size: 14rem;
|
||||
line-height: 40rem;
|
||||
padding: 0 12rem 0 0;
|
||||
}
|
||||
/deep/.el-form-item__content {
|
||||
line-height: 40rem;
|
||||
font-size: 14rem;
|
||||
}
|
||||
/deep/.el-input {
|
||||
font-size: 14rem;
|
||||
}
|
||||
/deep/.el-input__inner {
|
||||
border-radius: 4rem;
|
||||
border: 1rem solid #dcdfe6;
|
||||
height: 40rem;
|
||||
line-height: 40rem;
|
||||
padding: 0 15rem;
|
||||
}
|
||||
/deep/.el-checkbox {
|
||||
font-size: 14rem;
|
||||
margin-right: 30rem;
|
||||
}
|
||||
/deep/.el-checkbox__inner {
|
||||
border: 1rem solid #dcdfe6;
|
||||
border-radius: 2rem;
|
||||
width: 14rem;
|
||||
height: 14rem;
|
||||
}
|
||||
/deep/.el-checkbox__label {
|
||||
padding-left: 10rem;
|
||||
line-height: 19rem;
|
||||
font-size: 14rem;
|
||||
}
|
||||
/deep/.el-textarea {
|
||||
font-size: 14rem;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
padding: 5rem 15rem;
|
||||
border: 1rem solid #dcdfe6;
|
||||
border-radius: 4rem;
|
||||
height: 138rem !important;
|
||||
min-height: 138rem !important;
|
||||
}
|
||||
/deep/.el-upload-list__item {
|
||||
font-size: 14rem;
|
||||
margin-top: 5rem;
|
||||
border-radius: 4rem;
|
||||
}
|
||||
/deep/.el-button--small {
|
||||
padding: 9rem 15rem;
|
||||
font-size: 12rem;
|
||||
border-radius: 3rem;
|
||||
}
|
||||
.news-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -464,7 +448,7 @@ export default {
|
|||
.deailTitle {
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 16rem;
|
||||
color: #0045A2;
|
||||
color: #0045a2;
|
||||
line-height: 30rem;
|
||||
text-align: justifyLeft;
|
||||
font-style: normal;
|
||||
|
|
@ -479,7 +463,7 @@ export default {
|
|||
white-space: nowrap;
|
||||
}
|
||||
.itemDisc::marker {
|
||||
color: #F0D145;
|
||||
color: #f0d145;
|
||||
}
|
||||
.contentTitle {
|
||||
font-family: MicrosoftYaHei;
|
||||
|
|
@ -517,7 +501,7 @@ export default {
|
|||
opacity: 0.7;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-size: 20rem;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
line-height: 40rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
|
|
|||
|
|
@ -2,11 +2,7 @@
|
|||
<div class="page-news-detail">
|
||||
<div style="height:104rem;"></div>
|
||||
<div class="screen1">
|
||||
<img
|
||||
:src="screen1.bannerUrl"
|
||||
alt=""
|
||||
style="width:100%;"
|
||||
/>
|
||||
<img :src="screen1.bannerUrl" alt="" style="width:100%;" />
|
||||
</div>
|
||||
<div class="screen2">
|
||||
<div class="wrapper1400">
|
||||
|
|
@ -17,10 +13,7 @@
|
|||
<span>{{ newsDetail.releaseTime.slice(0, 10) }}</span>
|
||||
<span>{{ newsDetail.groupName }}</span>
|
||||
</div>
|
||||
<div
|
||||
class="news-content ql-editor"
|
||||
v-html="newsDetail.newsContent"
|
||||
>
|
||||
<div class="news-content ql-editor" v-html="newsDetail.newsContent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -66,14 +59,14 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
screen1: {
|
||||
bannerUrl: '',
|
||||
bannerUrl: ''
|
||||
},
|
||||
currentNewsId: '',
|
||||
prevNewsId: '',
|
||||
nextNewsId: '',
|
||||
newsDetail: {
|
||||
releaseTime: '',
|
||||
},
|
||||
releaseTime: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -82,11 +75,15 @@ export default {
|
|||
},
|
||||
recommendData() {
|
||||
return [].concat(
|
||||
this.newsDetail.slideshowMap?.previous ? [this.newsDetail.slideshowMap.previous] : [],
|
||||
this.newsDetail.slideshowMap?.previous
|
||||
? [this.newsDetail.slideshowMap.previous]
|
||||
: [],
|
||||
[this.newsDetail],
|
||||
this.newsDetail.slideshowMap?.nextArticle ? [this.newsDetail.slideshowMap.nextArticle] : [],
|
||||
this.newsDetail.slideshowMap?.nextArticle
|
||||
? [this.newsDetail.slideshowMap.nextArticle]
|
||||
: []
|
||||
);
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
currentId: {
|
||||
|
|
@ -94,8 +91,8 @@ export default {
|
|||
document.getElementById('app').scrollTop = 0;
|
||||
this.getNewsDetail(v);
|
||||
},
|
||||
immediate: true,
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$event.$emit('nav-theme', 'light');
|
||||
|
|
@ -104,22 +101,27 @@ export default {
|
|||
methods: {
|
||||
async getScreen1Banner() {
|
||||
try {
|
||||
const res = await this.$request.get(
|
||||
'/official/index/list',
|
||||
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/投资者/详情banner' } },
|
||||
);
|
||||
const res = await this.$request.get('/official/index/list', {
|
||||
params: {
|
||||
pageNum: 1,
|
||||
pageSize: 1,
|
||||
captionName: '投资与合作//详情banner'
|
||||
}
|
||||
});
|
||||
this.screen1.bannerUrl = res.rows[0].imageurl;
|
||||
} catch (error) {}
|
||||
},
|
||||
async getNewsDetail(currentNewsId) {
|
||||
try {
|
||||
const res = await this.$request.get('/official/slideshow/' + currentNewsId);
|
||||
const res = await this.$request.get(
|
||||
'/official/slideshow/' + currentNewsId
|
||||
);
|
||||
this.newsDetail = res.data;
|
||||
this.prevNewsId = res.data.slideshowMap.previous?.id || '';
|
||||
this.nextNewsId = res.data.slideshowMap.nextArticle?.id || '';
|
||||
} catch (error) {}
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
@ -190,7 +192,8 @@ export default {
|
|||
height: 505rem;
|
||||
border-radius: 10rem;
|
||||
background-color: #ffffff;
|
||||
box-shadow: rgba(28, 28, 30, 0.05) 0rem 0rem 2rem 0rem, rgba(28, 28, 30, 0.05) 0rem 8rem 16rem 0rem;
|
||||
box-shadow: rgba(28, 28, 30, 0.05) 0rem 0rem 2rem 0rem,
|
||||
rgba(28, 28, 30, 0.05) 0rem 8rem 16rem 0rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: 60rem;
|
||||
cursor: pointer;
|
||||
|
|
@ -201,7 +204,8 @@ export default {
|
|||
margin-right: calc((1400rem - 430rem * 3) / 2);
|
||||
}
|
||||
.screen3 .news-item:hover {
|
||||
box-shadow: rgba(28, 28, 30, 0.1) 0rem 0rem 2rem 0rem, rgba(28, 28, 30, 0.1) 0rem 8rem 16rem 0rem;
|
||||
box-shadow: rgba(28, 28, 30, 0.1) 0rem 0rem 2rem 0rem,
|
||||
rgba(28, 28, 30, 0.1) 0rem 8rem 16rem 0rem;
|
||||
z-index: 10;
|
||||
}
|
||||
.screen3 .news-cover {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user