Commit 7b6f774e by mamingqun

cb

parent d4aaeee7
......@@ -10,6 +10,7 @@
"dependencies": {
"animate.css": "^3.7.2",
"axios": "^0.19.0",
"clipboard": "^2.0.4",
"core-js": "^2.6.5",
"jquery": "^3.4.1",
"turn.js": "^1.0.5",
......
......@@ -17,6 +17,8 @@ export default {
</script>
<style lang="less">
@r: 75rem;
ul {
padding: 0;
margin: 0;
......@@ -50,4 +52,9 @@ body {
* {
box-sizing: border-box;
}
p {
margin: 0;
}
</style>

195 KB | W: | H:

193 KB | W: | H:

src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
src/assets/images/01/bg01.jpg
  • 2-up
  • Swipe
  • Onion skin

99.7 KB | W: | H:

141 KB | W: | H:

src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
src/assets/images/01/chuizi.png
  • 2-up
  • Swipe
  • Onion skin

52.4 KB | W: | H:

54.4 KB | W: | H:

src/assets/images/01/text01.png
src/assets/images/01/text01.png
src/assets/images/01/text01.png
src/assets/images/01/text01.png
  • 2-up
  • Swipe
  • Onion skin

98.1 KB | W: | H:

102 KB | W: | H:

src/assets/images/01/title01.png
src/assets/images/01/title01.png
src/assets/images/01/title01.png
src/assets/images/01/title01.png
  • 2-up
  • Swipe
  • Onion skin

8.3 KB | W: | H:

16.1 KB | W: | H:

src/assets/images/02/bg.png
src/assets/images/02/bg.png
src/assets/images/02/bg.png
src/assets/images/02/bg.png
  • 2-up
  • Swipe
  • Onion skin

29.8 KB | W: | H:

27.2 KB | W: | H:

src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
src/assets/images/xiangqing/laozhao.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -48,16 +48,12 @@
<!-- <erjiye/> -->
<!-- <xiangqing /> -->
<div class="book-page-box book-page-1 preserve-3d">
<div class="book-page page-front">
<transition :name="transitionName" mode="in-out">
<keep-alive>
<router-view />
</keep-alive>
</transition>
</div>
</div>
</div>
</template>
<script>
......@@ -86,8 +82,6 @@ export default {
this.GoOrBack()
this.watchPage()
// this.$store.dispatch('getDetail','你好啊树先生')
},
methods: {
handleShouye() {
......@@ -147,18 +141,7 @@ export default {
})
}
},
// beforeRouteLeave(to, from, next) {
// console.log(this);
// this.$navigation.on('forward', (to, from) => {
// console.log('前进')
// this.transitionName = 'fanye1'
// })
// this.$navigation.once('back', (to, from) => {
// console.log('后退');
// this.transitionName = 'fanye2'
// })
// },
components: {
shouye,
xu,
......@@ -294,7 +277,6 @@ body {
background-color: #fff;
}
.flip-animation-1 {
animation: flipBook1 17s;
}
......@@ -305,7 +287,6 @@ body {
background-color: #fff;
}
.flip-animation-2 {
animation: flipBook2 13s 2s;
}
......@@ -316,7 +297,6 @@ body {
background-color: #fff;
}
.flip-animation-3 {
animation: flipBook3 10s 3s;
}
......
......@@ -7,11 +7,18 @@
<div id="content-box" class="content-box" ref="content">
<ul :id="index + 1" v-for="(item, index) in $store.state.list" :key="index">
<li class="main-title">{{item.catname}}</li>
<li class="sub-title" v-for="(ele, num) in item.child" :key="num" @click="handleDetail(ele.news_id)" >{{ele.title}}</li>
<li
class="sub-title"
v-for="(ele, num) in item.child"
:key="num"
@click="handleDetail(ele.news_id,ele.title)"
>{{ele.title}}</li>
</ul>
</div>
</div>
<div class="bottom11"></div>
<div class="bottom11">
<div class="laozhaos"></div>
</div>
</div>
</div>
</div>
......@@ -34,10 +41,10 @@ export default {
handleJump() {
// $eventbus.$emit('jumpPage', 'xiangqing')
},
handleDetail(id) {
handleDetail(id, title) {
$eventbus.$emit('jumpPage', 'xiangqing')
setTimeout(() => {
// $eventbus.$emit('')
$eventbus.$emit('detailData', { id, title })
});
}
},
......@@ -48,7 +55,7 @@ export default {
@r: 75rem;
.zindex {
z-index: 97;
z-index: 997;
}
.erjiye {
......@@ -100,7 +107,7 @@ export default {
background-size: contain;
color: #004db6;
margin-bottom: 20 / @r;
padding-left: 80 / @r;
padding-left: 45 / @r;
white-space: nowrap;
}
}
......@@ -114,6 +121,18 @@ export default {
background: url("../assets/images/erjiye/bottom.png") no-repeat bottom
center;
background-size: 100% auto;
.laozhaos {
width: 500 / @r;
height: 300 / @r;
background: url("../assets/images/erjiye/laozhaos.png") no-repeat top
center;
background-size: contain;
position: absolute;
left: 50%;
bottom: 30 / @r;
transform: translate(-50%, 0);
}
}
}
......
......@@ -10,11 +10,14 @@
<div class="cheng animated bounceInRight"></div>
<div class="button01 animated tada"></div>
<div class="num-box animated bounceInUp">
<div class="top-info">仅供内部使用</div>
<div>
<span>阅读人数</span>:1898256
</div>
</div>
</div>
</div>
</div>
</template>
<script>
......@@ -56,7 +59,7 @@ export default {
@r: 75rem;
.zindex {
z-index: 100;
z-index: 1000;
}
#flipbook {
......@@ -144,11 +147,15 @@ export default {
color: white;
position: absolute;
left: 50%;
bottom: 4%;
bottom: 6%;
white-space: nowrap;
font-size: 12 / @r;
text-align: center;
.top-info{
margin-bottom: 20 / @r;
}
span {
font-weight: bolder;
}
......
<template>
<div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
<div class="book-page page-front">
<div class="xiangqing">
<div>
<div class="laozhao" @click="showMulu"></div>
<div class="mulu" v-show="mulu">
<!-- 目录 -->
<div class="mulu-wrap" v-show="mulu">
<div class="mulu">
<div class="title">万达招采</div>
<div class="content">
<ul v-shotclick="handleClick">
<div v-shotclick="handleClick">
<li class="main-title">封面</li>
<li class="main-title"></li>
<li class="main-title">一、集团招采管理制度要点</li>
<li>第一节:总则</li>
<li>第二节:供方管理</li>
<li>第三节:招标过程管理</li>
<li>第四节:集中采购</li>
<li>第五节:直接委托</li>
<li>第六节:合同管理</li>
<li class="main-title">二、招采常见问题百问百答</li>
<li>供方表示不参与招标</li>
<li>供方不满足实际需求</li>
<li>评标办法不合理,如何处理</li>
<li>紧急业务如何招标</li>
<li>什么情况下可废标</li>
<li>什么情况下可清标</li>
<li>标函分析主要分析哪些内容</li>
<li>多标段中标人为同一家,如何处理</li>
<li>有品牌库的项目,可否单项库招标</li>
<li>直接委托操作要求和定价原则</li>
<li>什么情况下需要签订合同</li>
<li>可采用直委方式的项目有哪些</li>
<li>定标详评会的标准流程</li>
<li class="main-title">三、线上线下招采服务指南</li>
<ul v-for="(item, index) in $store.state.list" :key="index">
<li class="main-title">{{item.catname}}</li>
<li
v-for="(ele, num) in item.child"
:key="num"
@click="handleDetail(ele.news_id,ele.title)"
>{{ele.title}}</li>
</ul>
</div>
</div>
<div>
<div class="close" @click="closeMulu"></div>
</div>
</div>
<div class="box" v-if="htmlData" v-html="htmlData">
<div class="book-page-box book-page-1 preserve-3d zindex" @click="handleJump">
<div class="book-page page-front">
<div class="xiangqing">
<!-- 内容区 -->
<!-- <button class="btn" data-clipboard-copy="copy123" data-clipboard-target="button">Copy123</button> -->
<!-- <div class="mainTitle">{{mianTitle}}</div> -->
<div class="box" v-if="htmlData" v-html="htmlData"></div>
</div>
</div>
</div>
......@@ -46,19 +37,33 @@
</template>
<script>
import Clipboard from 'clipboard';
export default {
data() {
return {
mulu: false,
htmlData: null
htmlData: null,
mianTitle: null
}
},
activated() {
this.htmlData = null
this.mianTitle = null
this.mulu = false
},
mounted() {
this.$store.dispatch('getDetail', 3).then((res) => {
console.log('res');
console.log(res);
this.htmlData = res.data.data.content
})
this.watchDetail()
var clipboard = new Clipboard('.btn');
clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
},
methods: {
showMulu() {
......@@ -69,47 +74,52 @@ export default {
},
handleJump() {
console.log(123123)
},
watchDetail() {
$eventbus.$on('detailData', (params) => {
this.getDetail(params.id)
this.mianTitle = params.title
})
},
getDetail(id) {
this.$store.dispatch('getDetail', id).then((res) => {
console.log('详情的res');
console.log(res);
this.htmlData = res.data.data.content
})
},
handleDetail(id, title) {
console.log('id,title详情1目录的点击')
console.log(id, title)
},
closeMulu() {
this.mulu = false;
}
}
}
</script>
<style lang="less" scoped>
<style lang="less">
@r: 75rem;
.zindex {
z-index: 96;
}
.box{
overflow: auto;
}
.xiangqing {
height: 100%;
background: url("../assets/images/xiangqing/bg.png") no-repeat top center;
background-size: 100% auto;
padding-top: 500 / @r;
.laozhao {
width: 142 / @r;
height: 210 / @r;
background: url("../assets/images/xiangqing/laozhao.png") no-repeat center
center;
background-size: contain;
position: absolute;
.mulu-wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
top: 27%;
}
bottom: 0;
z-index: 502;
.mulu {
width: 600 / @r;
height: 900 / @r;
position: absolute;
height: 1100 / @r;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(74, 124, 185, 0.8);
// background: rgba(74, 124, 185, 0.8);
background: url("../assets/images/xiangqing/mulu.png") no-repeat top center;
background-size: 100% auto;
border-radius: 5 / @r;
color: white;
font-size: 40 / @r;
......@@ -117,10 +127,11 @@ export default {
flex-direction: column;
padding-bottom: 20 / @r;
user-select: none;
z-index: 501;
.title {
text-align: center;
margin-top: 20 / @r;
margin-top: 210 / @r;
margin-bottom: 40 / @r;
}
......@@ -141,6 +152,65 @@ export default {
}
}
.xiangqing-wrap {
height: 100%;
overflow: auto;
}
.zindex {
z-index: 96;
}
.box {
overflow: auto;
padding-left: 40 / @r;
padding-right: 40 / @r;
margin-top: 30 / @r;
img {
width: 100%;
margin-bottom: 40 / @r;
margin-top: 40 / @r;
}
p {
font-size: 35 / @r;
}
}
.close {
width: 60 / @r;
height: 60 / @r;
position: absolute;
right: 10 / @r;
top: 120 / @r;
}
.mainTitle {
padding-left: 40 / @r;
padding-right: 40 / @r;
margin-top: 60 / @r;
}
.xiangqing {
height: 100%;
background: url("../assets/images/xiangqing/bg.png") no-repeat top center;
background-size: 100% auto;
padding-top: 500 / @r;
}
.laozhao {
width: 242 / @r;
height: 180 / @r;
background: url("../assets/images/xiangqing/laozhao.png") no-repeat center
center;
background-size: contain;
position: fixed;
right: 0;
top: 27%;
z-index: 500;
}
// 分割线
// vue 动画样式
......
......@@ -6,10 +6,10 @@
<div class="title"></div>
<div class="content">
<ul class="content-box">
<li>
<!-- <li>
<div class="content-title">
实现对招采业务的全面管理方式创新
<br />——万达招采平台
<br/>——万达招采平台
</div>
<p>万达招采平台,是依托最新的互联网、大数据、移动等技术,以管控、服务为核心,以打通集团招采业务链为目标,倾力打造的互联网招采平台。对内可实现全集团招采业务的全程信息化管控,对外可实现供方一站式服务,完成了招采平台建设目标:实现对集团招采业务全组织架构覆盖、全产业链覆盖、全生命周期贯通,实现对招采业务的全面管理创新。</p>
</li>
......@@ -38,10 +38,12 @@
<div class="content-title">对外部:</div>
<p>提升供应链管理能力,依托集团品牌影响力,凭借多年积累的供方资源、价格数据、采购信誉,联合知名电商、同行企业,利用互联网先进技术,引入供应链金融,整合产业链上下游资源,以平台投资企业自身采购需求为强驱动支点,必将打造全球领先的工程领域供应链服务平台。让买方放心,卖方安心、以采促产、服务实业,促进产业链共享、共赢,协同发展。</p>
<p>招采平台将逐步实现以上工作目标,将为集团更好的提供招采服务,同时造福整个行业,成为国内行业领先的企业招采平台。</p>
</li>
</li>-->
<div class="text-box"></div>
</ul>
</div>
</div>
<div class="bottom-ele"></div>
</div>
</div>
</div>
......@@ -54,7 +56,7 @@ export default {
}
},
mounted(){
mounted() {
},
methods: {
......@@ -68,8 +70,17 @@ export default {
<style lang="less" scoped>
@r: 75rem;
.zindex{
z-index: 99;
.bottom-ele {
background: url("../assets/images/02/bottom.png") no-repeat bottom center;
background-size: contain;
width: 100%;
height: 300 / @r;
position: absolute;
bottom: 0;
}
.zindex {
z-index: 999;
}
.w80 {
......@@ -107,11 +118,11 @@ export default {
background-size: 100% auto;
.main-box {
width: 90%;
width: 670 / @r;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
bottom: 65 / @r;
transform: translate(-50%, 0);
.title {
background: url("../assets/images/02/title.png") no-repeat center center;
......@@ -121,17 +132,23 @@ export default {
}
.content {
background: url("../assets/images/02/bg.png") no-repeat center center;
background-size: 100% auto;
height: 850 / @r;
padding-left: 30 / @r;
padding-right: 30 / @r;
padding-top: 70 / @r;
background: url("../assets/images/02/bg.png") no-repeat top center;
background-size: 108% auto;
height: 950 / @r;
// padding-left: 30 / @r;
// padding-right: 30 / @r;
padding-top: 105 / @r;
.content-box {
height: 710 / @r;
height: 100%;
overflow: auto;
.text-box {
background: url("../assets/images/02/text02.png") no-repeat top center;
background-size: 90% auto;
height: 2350 / @r;
}
.content-title {
font-size: 38 / @r;
text-align: center;
......@@ -276,7 +293,6 @@ body {
background-color: #fff;
}
.flip-animation-1 {
animation: flipBook1 17s;
}
......@@ -287,7 +303,6 @@ body {
background-color: #fff;
}
.flip-animation-2 {
animation: flipBook2 13s 2s;
}
......@@ -298,7 +313,6 @@ body {
background-color: #fff;
}
.flip-animation-3 {
animation: flipBook3 10s 3s;
}
......
......@@ -8,19 +8,32 @@
<div class="stars"></div>
</div>
<ul class="list animated zoomInLeft" v-if="$store.state.list">
<li v-for="(item, index) in $store.state.list" :key="index" @click="handleJump(index + 1)">
{{item.catname}}
</li>
<li
v-for="(item, index) in $store.state.list"
:key="index"
@click="handleJump1(index + 1)"
>{{item.catname}}</li>
</ul>
<div class="button01 animated tada">
<div class="num-box animated bounceInUp">
<span>阅读人数</span>:1898256
</div>
</div>
<div class="yijian animated bounceInRight"></div>
<!-- <div class="tanceng">
<div class="kuang"></div>
</div>-->
<!-- <div class="yijian animated bounceInRight"></div> -->
<div class="tanceng" v-show="tanceng">
<div class="kuang kuang1" v-if="tancengIndex === 1">
<div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
<div class="kuang kuang2" v-if="tancengIndex === 2">
<div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
<div class="kuang kuang3" v-if="tancengIndex === 3">
<div class="close" @click="handleCloseTanCeng"></div>
<div class="buttons" @click="handleJump"></div>
</div>
</div>
</div>
</div>
</div>
......@@ -31,9 +44,13 @@
export default {
data() {
return {
tanceng: false,
tancengIndex: null
}
},
activated(){
this.tanceng = false
},
created() {
this.$store.dispatch('getList')
},
......@@ -41,15 +58,19 @@ export default {
},
methods: {
handleJump(index) {
console.log('一级页的index');
console.log(index);
handleJump1(index) {
this.tanceng = true
this.tancengIndex = index
},
handleJump() {
$eventbus.$emit('jumpPage', 'erjiye')
setTimeout(() => {
$eventbus.$emit('maodian', index)
$eventbus.$emit('maodian', this.tancengIndex)
});
},
handleCloseTanCeng() {
this.tanceng = !this.tanceng
}
},
components: {
......@@ -62,7 +83,8 @@ export default {
@r: 75rem;
.zindex {
z-index: 98;
z-index: 998;
overflow: hidden;
}
.yjml {
......@@ -202,6 +224,24 @@ export default {
bottom: 0;
background: rgba(0, 0, 0, 0.8);
.close {
width: 50 / @r;
height: 50 / @r;
position: absolute;
right: 55 / @r;
top: 0;
}
.buttons {
width: 300 / @r;
height: 80 / @r;
// background: green;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
.kuang {
width: 600 / @r;
height: 700 / @r;
......@@ -209,8 +249,23 @@ export default {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: greenyellow;
background: url("../assets/images/02/tanceng.png") no-repeat center center;
// background: greenyellow;
// background: url("../assets/images/02/tanceng.png") no-repeat center center;
// background-size: contain;
}
.kuang1 {
background: url("../assets/images/02/01tc.png") no-repeat center center;
background-size: contain;
}
.kuang2 {
background: url("../assets/images/02/02tc.png") no-repeat center center;
background-size: contain;
}
.kuang3 {
background: url("../assets/images/02/03tc.png") no-repeat center center;
background-size: contain;
}
}
......
......@@ -2041,6 +2041,15 @@ cli-width@^2.0.0:
resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
clipboard@^2.0.4:
version "2.0.4"
resolved "https://registry.npm.taobao.org/clipboard/download/clipboard-2.0.4.tgz#836dafd66cf0fea5d71ce5d5b0bf6e958009112d"
integrity sha1-g22v1mzw/qXXHOXVsL9ulYAJES0=
dependencies:
good-listener "^1.2.2"
select "^1.1.2"
tiny-emitter "^2.0.0"
clipboardy@^2.0.0:
version "2.1.0"
resolved "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclipboardy%2Fdownload%2Fclipboardy-2.1.0.tgz#0123a0c8fac92f256dc56335e0bb8be97a4909a5"
......@@ -2717,6 +2726,11 @@ delayed-stream@~1.0.0:
resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
delegate@^3.1.2:
version "3.2.0"
resolved "https://registry.npm.taobao.org/delegate/download/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
integrity sha1-tmtxwxWFIuirV0T3INjKDCr1kWY=
delegates@^1.0.0:
version "1.0.0"
resolved "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdelegates%2Fdownload%2Fdelegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
......@@ -3806,6 +3820,13 @@ globby@^9.2.0:
pify "^4.0.1"
slash "^2.0.0"
good-listener@^1.2.2:
version "1.2.2"
resolved "https://registry.npm.taobao.org/good-listener/download/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
dependencies:
delegate "^3.1.2"
graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
version "4.2.0"
resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.0.tgz#8d8fdc73977cb04104721cb53666c1ca64cd328b"
......@@ -6849,6 +6870,11 @@ select-hose@^2.0.0:
resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
select@^1.1.2:
version "1.1.2"
resolved "https://registry.npm.taobao.org/select/download/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
selfsigned@^1.10.4:
version "1.10.4"
resolved "https://registry.npm.taobao.org/selfsigned/download/selfsigned-1.10.4.tgz#cdd7eccfca4ed7635d47a08bf2d5d3074092e2cd"
......@@ -7532,6 +7558,11 @@ timsort@^0.3.0:
resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
tiny-emitter@^2.0.0:
version "2.1.0"
resolved "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
integrity sha1-HRpW7fxRxD6GPLtTgqcjMONVVCM=
tmp@^0.0.33:
version "0.0.33"
resolved "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
......
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 sign in to comment