Skip to content

C
company-portal-ui
Commit ce3764ca authored by 赵啸非's avatar 赵啸非
Browse files
Options

修改

parent 671bd28d
Show whitespace changes
Inline Side-by-side
Showing with 339 additions and 362 deletions
admin/package.json
View file @ ce3764ca
......@@ -11,6 +11,7 @@
},
"dependencies": {
"@ampproject/remapping": "^2.2.0",
"vue-awesome-swiper@3": "^2.5.4",
"@chenfengyuan/vue-qrcode": "^1.0.2",
"@jiaminghi/data-view": "^2.10.0",
"@riophae/vue-treeselect": "0.4.0",
......
admin/src/assets/css/common.min.css
View file @ ce3764ca
......@@ -76,8 +76,9 @@
box-shadow: 0 1px 3px #e9e9e9;
}
.nav{
max-width: 1240px;
margin: 0 auto;
max-width: 1640px;
margin-left: 100px;
/* margin: 0 auto;*/
}
.nav .am-nav li {
......@@ -93,7 +94,7 @@
}
.nav .am-nav li a:hover {
color: #6975a6;
color: #2f1ce5;
background: #fff
}
......@@ -114,7 +115,7 @@
text-align: center;
padding: 80px 0 92px;
font-weight: 300;
background: url(../images/pattern-dark.png) #383d61
background: url(../images/pattern-dark.jpg)
}
.page-header .page-header-title {
......@@ -187,7 +188,7 @@
/*================================ Footer ================================*/
.footer {
width: 100%;
background: url(../images/footer.jpg);
background: url(../images/footer.png);
background-size: cover;
position: relative
}
......
admin/src/assets/css/product.css
View file @ ce3764ca
......@@ -10,6 +10,31 @@
}
.about-background {
/*height: 304px;*/
/*width: 100%;*/
width: 100%;
height: 700px;
background-image: url(../images/about_back.png);
background-repeat: no-repeat;
background-position: top;
}
.about-background_bottom {
/*height: 304px;*/
/*width: 100%;*/
width: 100%;
height: 500px;
background-image: url(../images/develop.png);
background-repeat: no-repeat;
background-position: top;
background-size: 100% 500px;
}
.am-tabs-tab{
display: flex;
flex-wrap: wrap;
......
admin/src/assets/images/footer.jpg
View replaced file @ 671bd28d View file @ ce3764ca
admin/src/assets/images/footer.jpg

231 KB | W: | H:

admin/src/assets/images/footer.jpg

45 KB | W: | H:

admin/src/assets/images/footer.jpg
admin/src/assets/images/footer.jpg
admin/src/assets/images/footer.jpg
admin/src/assets/images/footer.jpg
  • 2-up
  • Swipe
  • Onion skin
admin/src/assets/images/logo_portal.png
View replaced file @ 671bd28d View file @ ce3764ca
admin/src/assets/images/logo_portal.png

21.1 KB | W: | H:

admin/src/assets/images/logo_portal.png

15.3 KB | W: | H:

admin/src/assets/images/logo_portal.png
admin/src/assets/images/logo_portal.png
admin/src/assets/images/logo_portal.png
admin/src/assets/images/logo_portal.png
  • 2-up
  • Swipe
  • Onion skin
admin/src/components/common/footer/Footer.vue
View file @ ce3764ca
<template>
<div class="footer">
<div style="background-color:#383d61" class="footer--bg"></div>
<div class="footer--bg"></div>
<div class="footer--inner">
<div class="am-g">
<div class="am-u-md-3 ">
<div class="footer_main--column">
<strong class="footer_main--column_title">产品中心</strong>
<ul class="footer_navigation">
<li class="footer_navigation--item" v-for="(type,index) in tabList"
:key="index" ><router-link to="/product" class="footer_navigation--link">{{ type.typeName }}</router-link></li>
</ul>
</div>
</div>
<div class="am-u-md-6 ">
<div class="footer_main--column">
<strong class="footer_main--column_title">关于我们</strong>
<div class="footer_about">
<p class="footer_about--text">
{{ companyInfo.introduction }}
</p>
</div>
</div>
</div>
<div class="am-u-md-3 ">
<div class="footer_main--column">
<strong class="footer_main--column_title">联系详情</strong>
<ul class="footer_contact_info">
<li class="footer_contact_info--item"><i class="am-icon-phone"></i><span>服务专线：{{ companyInfo.phone }}</span></li>
<li class="footer_contact_info--item"><i class="am-icon-map-marker"></i><span>{{ companyInfo.address }}</span></li>
<li class="footer_contact_info--item"><i class="am-icon-clock-o"></i><span>周一 ~ 周日, 8:00 - 23:00 </span></li>
</ul>
</div>
</div>
<div class="am-g" style="">
<el-row style="width: 100% ;height:300px;">
<el-col :span="5" style="margin: 50px 0 0 50px">
<el-row style="margin-top: 50px">
<img src="../../../assets/images/logo_white.png" style="width: 150px" alt="">
</el-row>
<el-row><span style="color: white">创造智能打印新时代</span></el-row>
</el-col>
<el-col :span="8" style="margin: 50px 0 0 50px">
<el-row>
<el-col :span="4">
<i class="el-icon-location" style="color: white;font-size: 20px"></i>
</el-col>
<el-col :span="20">
<el-row><span style="color: white">成都 CHENDU</span></el-row>
<el-row><span style="color: white">{{ companyInfo.address }}</span></el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="4" style="margin-top: 5px">
<i class="el-icon-phone-outline" style="color: white;font-size: 20px"></i>
</el-col>
<el-col :span="20">
<el-row><span style="color: white">服务热线</span></el-row>
<el-row><span style="color: white">热线: 18200542686</span></el-row>
<el-row><span style="color: white">热线: 18180928870</span></el-row>
</el-col>
</el-row>
<el-row style="margin-top: 5px">
<el-col :span="4">
<i class="el-icon-message" style="color: white;font-size: 20px"></i>
</el-col>
<el-col :span="20">
<el-row><span style="color: white">联系邮箱</span></el-row>
<el-row><span style="color: white">yuanzeyu@mjkjlot.top</span></el-row>
</el-col>
</el-row>
</el-col>
<el-col :span="7" style="margin: 50px 0 0 50px">
<el-row :span="24" :gutter="50" >
<el-col :span="10" >
<el-row><img src="../../../assets/images/wechat.png" style="width: 100px" alt=""> </el-row>
<el-row style="margin-top: 20px"><span style="color: white ;margin-top: 20px">公众号</span></el-row>
</el-col>
<el-col :span="10" >
<el-row><img src="../../../assets/images/xiaochengxu.png" style="width: 100px" alt=""></el-row>
<el-row align="center" style="margin-top: 20px"><span style="color: white;margin: 0 auto">体验小程序</span></el-row>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</div>
</div>
......
admin/src/components/common/header/Header.vue
View file @ ce3764ca
<template>
<div class="header-wrapper" >
<!--
<div class="header">
<div class="header-left">
<img src="../../../assets/images/logo_portal.png" alt="">
......@@ -26,18 +27,26 @@
</a>
</div>
</div>
-->
<div class="nav-wrapper header-default">
<div class="nav">
<div class="nav-wrapper header-default" >
<div class="nav" style="" >
<ul class="am-nav am-nav-pills am-nav-justify">
<li ><img src="../../../assets/images/logo_portal.png" style="width: 150px" alt=""></li>
<li><router-link class="router" to="/index">网站首页</router-link></li>
<li><router-link class="router" to="/product">产品中心</router-link></li>
<li><router-link class="router" to="/example">客户案例</router-link></li>
<li><router-link class="router" to="/news">公司动态</router-link></li>
<li><router-link class="router" to="/example">合作案例</router-link></li>
<li><router-link class="router" to="/news">招商加盟</router-link></li>
<li><router-link class="router" to="/about">关于我们</router-link></li>
<li ><img src="../../../assets/images/manage_login.png" style="width: 150px" @click="login_redirct()" alt=""></li>
<!-- <li ><el-button @click="login_redirct()">
&lt;!&ndash; <i class="el-icon-devops" />&ndash;&gt;
</el-button></li>-->
</ul>
</div>
</div>
</div>
</template>
......@@ -69,6 +78,15 @@ export default {
});
},
login_redirct() {
//todo 重新定位
console.log("redirect")
window.open("https://admin.jingzaowu.com", "_blank");
// window.location.href("https://admin.jingzaowu.com");
},
toggleStickyHeader() {
const scrolled = document.documentElement.scrollTop;
if (scrolled > 100) {
......@@ -93,6 +111,18 @@ export default {
</script>
<style scoped>
::v-deep .el-icon-devops {
background: url('../../../assets/images/manage_login.png') center no-repeat;
font-size: 50px;
background-size: cover;
}
::v-deep .el-icon-devops:before {
content: "fffff";
font-size: 50px;
visibility: hidden;
}
.router.router-link-active{
/*color: #fff;*/
/*background-color: #0e90d2;*/
......
admin/src/main.js
View file @ ce3764ca
......@@ -4,6 +4,7 @@ import "./assets/less/base.less";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import ElementUI from "element-ui";
import Prototype from "./assets/utils/prototype";
import Filter from "./assets/utils/filter.js";
import GlobalComponents from "./assets/utils/globalComponents.js";
......@@ -17,6 +18,7 @@ import './assets/css/style.css'
Vue.config.productionTip = false;
Vue.use(Prototype);
Vue.use(Filter);
Vue.use(ElementUI);
Vue.use(GlobalComponents); // 全局组件
Vue.use(VueClipboard);
// 引入iconfont
......
admin/src/views/portal/AboutView.vue
View file @ ce3764ca
<template>
<Layout>
<div class="layout-container" style="width: 100%">
<div class="page-header">
<div class="am-container">
<h1 class="page-header-title">关于我们</h1>
<div class="layout-container" style="width: 100%">
<img src="@/assets/images/about.jpg" style="width: 100% " >
</div>
</div>
<div class="breadcrumb-box">
<div class="am-container">
<ol class="am-breadcrumb">
<li>
<router-link to="/">首页</router-link>
</li>
<li class="am-active">关于我们</li>
</ol>
</div>
</div>
<div class="section" style="width: 100%;margin-top: -100px">
<div class="about-background" style="width: 100%">
<div style="width: 500px;margin-left: 100px" >
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h2 class="section--title"><strong>关于我们</strong></h2>
<p class="section--description" style="line-height:30px;font-size: 18px;letter-spacing:4px">{{ companyInfo.introduction }}</p>
</div>
<div class="section">
<div class="container" style="max-width: 1160px">
<div class="section--header">
<h2 class="section--title">{{ companyInfo.name }}</h2>
<p class="section--description">{{ companyInfo.introduction }}</p>
</div>
<div class="about-container">
<div class="am-g">
<div class="am-u-md-6">
<div class="our-company-text">
<h3>关于云适配你需要知道哪些？</h3>
<p>
云适配(AllMobilize Inc.)
是全球领先的HTML5企业移动化解决方案供应商，由前微软美国总部IE浏览器核心研发团队成员及移动互联网行业专家在美国西雅图创立，并获得了微软创投的扶持以及晨兴资本、IDG资本、天创资本等国际顶级风投机构的投资。
</p>
<p>
从2012年至今，云适配的开放技术平台已经吸引了超过40万开发者加入；云适配跨屏云也成功应用于超过30万家企业网站，包括微软、联想等世界500强企业，光明网、中国青年报等知名媒体，清华、北大、中科大等知名大学，以及中国政府网、中国共产党网等政府机构。2014年6月，比尔·盖茨先生访华时特地观看了云适配的技术演示，并给予高度的赞赏。
</p>
</div>
</div>
<div class="am-u-md-6">
<div class="our-company-quote">
<div class="am-g">
<div class="am-u-md-6">
<div class="our-company-img">
<img src="@/assets/images/about/ben.jpg" alt=""/>
</div>
</div>
<div class="section" style="width: 100% ;margin-top: 100px" >
<div class="about-background_bottom" style="width: 100%">
<div class="am-u-md-6">
<p class="our-company-brief">
国家“千人计划”特聘专家、中国企业级HTML5产业联盟主席、HTML5国际标准制定者之一、微软总部IE浏览器核心研发,成功发布了IE8、IE9、IE10,参与了下一代互联网标准HTML5国际标准制定以及IE中HTML5引擎的设计。
</p>
<div class="our-company-quote_author"><strong>吴总</strong><span>奥里斯电梯有限公司创始人</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--about-container end-->
</div>
<div class="section--header" style="margin-top: -120px">
<h5 class="section--title"> <strong style="font-size: 40px">发展历程</strong></h5>
<p class="section--description" style="margin-top: -10px">
DEVELOPMENT HISTORY</p>
</div>
<hr class="section_divider -narrow">
<div class="section">
<div class="container" style="max-width: 1160px">
<div class="section--header">
<h2 class="section--title">我们的宗旨</h2>
<p class="section--description">
让人们无论使用任何设备都能安全高效获取信息
<br>One Web，Any Device
</p>
</div>
<div class="about-container">
<div class="our-mission">
<div class="am-g">
<div class="am-u-md-3">
<div class="our_mission--item">
<div class="figure our_mission--item_media"><img src="@/assets/images/about/f02.jpg" alt=""></div>
<h3 class="our_mission--item_title">品质</h3>
<div class="our_mission--item_body">
<p>
全球领先的HTML5解决方案供应商，安全高效解决企业移动化
</p>
<ul>
<li>快捷的移动适配开发</li>
<li>统一的办公通讯门户</li>
<li>完善的安全管理平台</li>
</ul>
</div>
</div>
</div>
<!-- <div style=";width: 100%;"> <img src="@/assets/images/develop.png" style="width: 100%;margin-top: 10px;" alt="">
</div>-->
<div class="am-u-md-3">
<div class="our_mission--item">
<div class="figure our_mission--item_media"><img src="@/assets/images/about/f03.jpg" alt=""></div>
<h3 class="our_mission--item_title">责任</h3>
<div class="our_mission--item_body">
<p>
国产最流行的开源HTML5前端框架，组件丰富，为HTML5开发加速
</p>
<ul>
<li>持续改进</li>
<li>追求卓越品质</li>
<li>为顾客创造价值</li>
</ul>
</div>
</div>
</div>
<div class="am-u-md-3">
<div class="our_mission--item">
<div class="figure our_mission--item_media"><img src="@/assets/images/about/f04.jpg" alt=""></div>
<h3 class="our_mission--item_title">诚信</h3>
<div class="our_mission--item_body">
<p>
全球领先的HTML5解决方案供应商，安全高效解决企业移动化
</p>
<ul>
<li>平等包容</li>
<li>互利共赢</li>
<li>与事业伙伴同成长</li>
</ul>
</div>
</div>
</div>
<div class="am-u-md-3">
<div class="our_mission--item">
<div class="figure our_mission--item_media"><img src="@/assets/images/about/f01.jpg" alt=""></div>
<h3 class="our_mission--item_title">责任</h3>
<div class="our_mission--item_body">
<p>
全球领先的HTML5解决方案供应商，安全高效解决企业移动化
</p>
<ul>
<li>快捷的移动适配开发</li>
<li>统一的办公通讯门户</li>
<li>完善的安全管理平台</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="section_divider -narrow">
<div class="section">
<div class="container" style="max-width: 1160px">
<div class="section--header">
<h2 class="section--title">我们的团队</h2>
<p class="section--description">
成员既有超级学霸（来自Harvard、Google、香港科技大学、中国科技大学），
<br>也有来自行业的技术大拿。
</p>
</div>
<div class="about-container">
<div class="our-team">
<div class="am-g">
<div class="am-u-md-3 am-u-end" v-for="(designer,index) in designers" :key="index">
<div class="team-box">
<div class="our-team-img" style="height: 304px;overflow: hidden">
<img :src="designer.avatar" style="height: auto" alt=""/>
</div>
<div class="team_member--body">
<h3 class="team_member--name">{{ designer.name }}</h3>
<span class="team_member--position">{{ designer.content }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</Layout>
</template>
......@@ -206,7 +63,7 @@ export default {
},
mounted() {
this.getCompanyInfo()
this.getDesigners()
/*this.getDesigners()*/
},
methods: {
getCompanyInfo() {
......
admin/src/views/portal/ExampleView.vue
View file @ ce3764ca
<template>
<Layout>
<div class="layout-container" style="width: 100%">
<div class="page-header">
<div class="am-container">
<h1 class="page-header-title">客户案例</h1>
</div>
</div>
<div class="breadcrumb-box">
<div class="am-container">
<ol class="am-breadcrumb">
<li><router-link to="/">首页</router-link></li>
<li class="am-active">客户案例</li>
</ol>
</div>
<div class="layout-container" style="width: 100%">
<img src="@/assets/images/pattern-dark.jpg" style="height: 25%;width: 100% " >
</div>
</div>
<div class="section example">
<div class="container" style="max-width: 1160px; margin: 0 auto">
<div class="section--header">
<h2 class="section--title">全球首创 自主创新</h2>
<h2 class="section--title">场景应用</h2>
<p class="section--description">
Enterplorer Studio是一套面向企业级移动信息化建设的开发平台。集聚开发、测试、
<br>打包、发布于一体的移动化开发综合平台。
Enterplorer Studio
</p>
</div>
<div class="example-container">
<div class="am-tabs">
<ul class="am-tabs-nav am-nav am-nav-tabs am-g">
<li class="am-u-md-2"
<li style="width: 20%"
v-for="(tab,index) in tabList"
:key="index"
@click.prevent="changeTab(index)"
:class="tabIndex === index ? 'am-active':''">
<a href="#"><i :class="tab.icon"></i>{{tab.name}}</a>
@click.prevent="changeTab(tab.exampleType)"
:class="tabIndex === tab.exampleType ? 'am-active':''">
<a href="#">{{tab.name}}</a>
</li>
</ul>
<div class="tabs">
<div class="tab" v-for="(image,index) in list" :key="index">
<!--
<img :src="image" alt="">
-->
<el-image
:src="image"
:preview-src-list="srcList">
</el-image>
</div>
</div>
</div>
......@@ -59,24 +59,22 @@ export default {
return{
tabIndex: 0,
tabList:[
{id:1,name:'主要案例',icon:'am-icon-map-o'},
{id:1,name:'客户案例一',icon:'am-icon-scribd'},
{id:1,name:'客户案例二',icon:'am-icon-odnoklassniki'},
{id:1,name:'客户案例三',icon:'am-icon-building-o'},
{id:1,name:'客户案例四',icon:'am-icon-hand-scissors-o'},
{id:1,name:'客户案例五',icon:'am-icon-camera'},
],
list:[],
srcList: [
]
}
},
mounted() {
this.findExampleByExampleType(0)
this.findExampleByExampleType()
this.findExample()
},
methods:{
changeTab(index){
this.tabIndex = index
//console.log(index)
//console.log("tab",tab)
this.findExampleByExampleType(index)
this. this.findExample()
},
findExampleByExampleType(exampleType){
......@@ -87,19 +85,40 @@ export default {
console.log(res)
if(res.data.data.length>0){
const temp = res.data.data[0]
console.log("tablist",this.tabList)
console.log("temp",temp)
const list = [];
// this.srcList=[]
for (let i = 1; i < 17; i++) {
// 判断是否为空
if (temp['image'+ i] != null){
list.push(temp['image'+ i])
}
}
this.list = list
this.srcList=list
}
console.log("list",this.list)
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
findExample(){
//根据案例类型进行查询分类
this.$post("/example/interlist", {})
.then((res) => {
if (res.code == 1) {
console.log(res)
if(res.data.data.length>0){
this.tabList=res.data.data
}
}
})
.catch((error) => {
this.$message.error(error.message);
});
......
admin/src/views/portal/IndexView.vue
View file @ ce3764ca
......@@ -3,13 +3,13 @@
<div style="width: 100%">
<div class="index-page">
<div data-am-widget="tabs" class="am-tabs am-tabs-default">
<div class="am-tabs-bd">
<div class="am-tabs-bd" >
<div
class="am-tab-panel am-active"
v-if="slideshow.length > 0"
:style="{ backgroundImage: `url(${slideshow[tabIndex].imageUrl})`}">
<!-- <div class="index-banner">
<div class="index-mask">
<div class="index-banner">
<!-- <div class="index-mask">
<div class="container">
<div class="am-g">
<div class="am-u-md-10 am-u-sm-centered" style="text-align: center">
......@@ -20,10 +20,10 @@
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
<ul class="am-tabs-nav am-cf index-tab">
<li v-for="(tab,index) in slideshow" :key="index" :class="tabIndex === index ? 'am-active':''" >
......@@ -32,8 +32,8 @@
<i :class="tab.icon"></i>
</div>
<div class="school-item-right am-u-md-9 am-u-sm-9 am-text-left">
<strong class="promo_slider_nav--item_title">{{tab.name}}</strong>
<p class="promo_slider_nav--item_description">{{tab.introduction}}</p>
<strong class="promo_slider_nav--item_title" style="margin-top: 15px">{{tab.name}}</strong>
<!-- <p class="promo_slider_nav&#45;&#45;item_description">{{tab.introduction}}</p>-->
</div>
</a>
</li>
......@@ -45,49 +45,93 @@
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title">核心优势</h2>
<h2 class="section--title"> <strong>公司简介</strong></h2>
<p class="section--description">
全球领先HTML5企业移动化解决方案供应商，由前微软美国总部IE浏览器核心研发团队成员及移动互联网行业专家在美国西雅图创立,获得了微软创投的扶持以及晨兴资本、IDG资本、天创资本等国际顶级风投机构的投资。
</p>
COMPANY PROFILE</p>
</div>
<div class="index-container">
<div class="am-g">
<div class="am-u-md-3" v-for="(advantage,index) in advantageList" :key="index">
<div class="features_item">
<img :src="advantage.imagePath" style="width: 260px" alt="">
<h3 class="features_item--title">{{advantage.title}}</h3>
<p class="features_item--text">{{advantage.content}}</p>
<div class="index-container" style="background-color: white;height: 350px;margin-top: -10px">
<div style="background-color:white;height: 100px;width:100%" >
<div style="float: right"><img src="@/assets/images/phone.png" style="width: 200px;margin-right: 100px" alt=""> </div>
</div>
<div style="background-color: #2f1ce5;height: 200px;width: 100%;border-radius: 3px;" >
<div style="width: 70%" > <br/> <p style="color: white;margin-left: 50px;margin-top:-5px;line-height:30px;font-size: 18px;letter-spacing:4px">每佳科技成立于2021年，致力于物联网解决方案的研发、生产与销售，旗下共享自助打印品牌"每佳云印"已服务千万级用户;将人工智能与物联网相结合通过云计算的方式为用户提供更方便、更高效、更多元化的一体式打印服务!随着物联网的普及化，每佳实现了多场景运营、多维度分析，为更多用户带来全面的服务体验 。</p>
</div>
</div>
</div>
<div style="margin: 0 auto;width: 100%"> <img src="@/assets/images/device.png" style="width: 85%;margin-top: 50px;;margin-left: 60px" alt="">
</div>
</div>
</div>
<div class="section" style="border-bottom: 1px solid #e9e9e9; padding-top: 0">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title">我们的服务</h2>
<p class="section--description">
全球领先HTML5企业移动化解决方案供应商，由前微软美国总部IE浏览器核心研发团队成员及移动互联网行业专家在美国西雅图创立
<br>获得了微软创投的扶持以及晨兴资本、IDG资本、天创资本等国际顶级风投机构的投资。
<h2 class="section--title"><strong>我们的优势</strong></h2>
<p style="font-size: 28px" class="section--description">
OUR ADVANTAGES
</p>
</div>
<div class="index-container">
<div class="am-g">
<div class="am-u-md-3" v-for="(service,index) in serviceList" :key="index">
<div class="service_item">
<i class="service_item--icon" :class="service.icon"></i>
<h3 class="service_item--title">{{ service.title }}</h3>
<div class="service_item--text"><p>{{service.content}}</p></div>
<div class="am-u-md-4" v-for="(service,index) in serviceList" :key="index">
<div style=" margin-top: 10px;
border: 1px solid #e9e9e9;
border-radius: 3px;
padding: 22px 15px 18px;
position: relative" >
<el-row >
<el-col :span="4"> <i style="font-size: 40px" :class="service.icon"></i></el-col>
<el-col :span="16"><el-row><h3>{{ service.title }}</h3></el-row>
<el-row><p>{{service.content}}</p></el-row>
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"> <strong>合作伙伴</strong></h2>
<p class="section--description">
PARTNERS</p>
</div>
<div style="margin: 0 auto;width: 100%"> <img src="@/assets/images/pat.png" style="width: 85%;margin-left: 60px;" alt="">
</div>
</div>
</div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"> <strong>场景分析</strong></h2>
<p class="section--description">
SCENC DSTRIBUTIQM</p>
</div>
</div>
</div>
</Layout>
</template>
......
admin/src/views/portal/NewsView.vue
View file @ ce3764ca
<template>
<Layout>
<div class="layout-container" style="width: 100%">
<div class="page-header">
<div class="am-container">
<h1 class="page-header-title">公司动态</h1>
</div>
<div class="layout-container" style="width: 100%">
<img src="@/assets/images/join.jpg" style="width: 100% " >
</div>
<div class="breadcrumb-box">
<div class="am-container">
<ol class="am-breadcrumb">
<li><router-link to="/">首页</router-link></li>
<li class="am-active">公司动态</li>
</ol>
</div>
<div style="width: 70% ;;margin-left: 250px">
<img src="@/assets/images/top.jpg" style="width: 100% " >
</div>
</div>
<div class="section">
<div class="container" style="max-width: 1160px">
<div class="section--header">
<h2 class="section--title">最近新闻</h2>
<p class="section--description">
云适配与中建材信息技术股份有限公司（以下简称“中建信息”）联合举办的“战略
<br>合作签约仪式暨全国跨屏行动启动大会”在北京成功举办。
</p>
</div>
<div class="news-contaier">
<div class="blog">
<div class="am-g">
<div class="am-u-lg-4 am-u-md-6 am-u-end" v-for="(article,index) in articles.data" :key="index">
<div class="article">
<div class="article-img">
<img :src="article.cover" alt="" />
</div>
<div class="article-header">
<h2><router-link :to="{name:'newsDetails',params:{newsId:article.id}}" rel="">{{article.title}}</router-link></h2>
<ul class="article--meta">
<li class="article--meta_item -date">{{formatterDate(article.createTime)}}</li>
</ul>
</div>
<div class="article--content">
<p>{{article.introduction}}</p>
</div>
<div class="article--footer">
<router-link :to="{name:'news',params:{newsId:article.id}}" class="link">查看更多</router-link>
</div>
</div>
</div>
</div>
<ul class="am-pagination" style="text-align: center;">
<li :class="pageIndex === 1 ? 'am-disabled':''"
@click="changeIndex(pageIndex - 1)">
<a href="#">&laquo;</a>
</li>
<li v-for="(p,index) in articles.current_page"
:key="index"
@click="changeIndex(p)"
:class="pageIndex === p ? 'am-active':''">
<a href="#">{{p}}</a>
</li>
<el-row type="flex" justify="center" v-for="(article,index) in articles.data" :key="index">
<el-col :span="18" >
<li :class="pageIndex === articles.current_page ? 'am-disabled':''"
@click="changeIndex(pageIndex + 1)">
<a href="#">&raquo;</a>
</li>
</ul>
</div>
<h1 class="section--title" style="text-align: center;"> <strong>{{article.title}}</strong></h1>
<p class="section--description" style="text-align: center;">{{article.author}}</p>
<img :src="article.cover" style="width: 100%" alt="" />
</el-col>
</el-row>
</div>
</div>
</div>
</Layout>
</template>
......
admin/src/views/portal/ProductView.vue
View file @ ce3764ca
......@@ -3,13 +3,13 @@
<!--<div class="product-background"></div>-->
<div class="layout-container" style="width: 100%">
<div class="solution-page">
<div class="container" style="text-align: center">
<h2>自主创新跨平台企业级解决方案</h2>
<p>光明网曾考虑过通过原生App来实现移动化，但是由于无法复用原始业务流程和数据就放弃了，直到选用了云适配整体解决方案后，可以很方便的在Enterplorer上使用一个帐号登录我们的系统，通过VPN随时进入内网。</p>
</div>
</div>
<img src="@/assets/images/product/bg.jpg" style="height: 25%;width: 100% " >
</div>
<!--
<div class="layout-container" style="width: 100%">
<div class="breadcrumb-box">
<div class="am-container">
......@@ -19,35 +19,37 @@
</ol>
</div>
</div>
</div>
</div>-->
<div class="section">
<div class="container" style="max-width: 1160px">
<div class="section--header">
<h2 class="section--title">解决方案案例展示</h2>
<p class="section--description">
全球独创专利技术：一行代码部署，帮助企业快速安全地将现有PC版网页适配成HTML5跨屏网页，跨平台的企业统一办公 门户，快捷的移动适配开发能力，完备的数据安全保护
</p>
</div>
<div class="solution-container">
<div class="solution-container" style=" margin-top: -80px">
<div data-am-widget="tabs" class="am-tabs ">
<ul class="am-tabs-nav am-cf">
<li v-for="(tab,index) in tabList"
:key="index"
@click.prevent="changeTab(index,tab.typeId)"
@click.prevent="changeTab(index,tab.id)"
:class="tabIndex === index ? 'am-active':''">
<a href="#">{{tab.typeName}}</a>
</li>
</ul>
<!-- <div class="layout-container" style="width: 100%">
<img src="@/assets/images/product/bg.jpg" style="height: 25%;width: 100% " >
</div>-->
<div class="am-tabs-bd">
<div class=am-tabs-tab>
<div class="am-tab"
<div style="width: 800px;"
v-for="(goods,index) in goodsList"
:key="index"
@click="handleDetails(goods.id)">
<img :src="goods.imageUrl1" alt="">
<p>{{goods.title}}</p>
>
<img :src="goods.imageUrl1" style="width: 100%;height: 100%" alt="">
</div>
</div>
</div>
......@@ -74,7 +76,7 @@ export default {
},
mounted() {
this.getTabList()
this.getGoodsList(1)
this.getGoodsList(3)
},
methods:{
getTabList(){
......@@ -85,7 +87,7 @@ export default {
this.$post("/type/interlist", params)
.then((res) => {
if (res.code == 1) {
// console.log(res)
console.log(res)
this.tabList = res.data.data;
}
})
......@@ -95,7 +97,7 @@ export default {
},
changeTab(index,typeId){
this.tabIndex = index
console.log(typeId)
console.log("typeId"+typeId)
this.getGoodsList(typeId)
},
getGoodsList(typeId){
......
admin/vue.config.js
View file @ ce3764ca
......@@ -14,7 +14,23 @@ module.exports = {
target: 'http://192.168.0.250:18001',
changeOrigin: true,
secure: false
},
"/file/fileupload/": {
// target: "http://192.168.0.98:11019",
//target: 'http://127.0.0.1:18001',
target: 'http://192.168.0.250:1101',
changeOrigin: true,
secure: false
},
"/file/preview/": {
// target: "http://192.168.0.98:11019",
//target: 'http://127.0.0.1:18001',
target: 'http://192.168.0.250:1101',
changeOrigin: true,
secure: false
}
///file/preview/
},
},
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment