|
@@ -7,7 +7,7 @@
|
|
|
<div class="product" v-if="indexPage">
|
|
|
<div class="product-bg1">
|
|
|
<img :src="indexPage.a.bg" alt="">
|
|
|
-<!-- <img src="http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial2.png">-->
|
|
|
+<!-- <img src="http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial2.png">-->
|
|
|
<div class="content-s" style="padding-top: 210px;line-height: 30px">
|
|
|
<div style="color: #fff;font-size: 45px">{{indexPage.a.title}}</div>
|
|
|
<div style="color: #fff;font-size: 20px;margin-top: 40px;width: 600px;word-break: break-all">{{indexPage.a.desc}}</div>
|
|
@@ -61,7 +61,7 @@
|
|
|
|
|
|
<div class="shade" :class="index===sortIndex?'show':''">
|
|
|
<div class="sel">
|
|
|
- <img src="http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast22.png?12321">
|
|
|
+ <img src="http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast22.png?12321">
|
|
|
|
|
|
</div>
|
|
|
<div class="content" >
|
|
@@ -179,10 +179,10 @@ import 'swiper/css/pagination' // 轮播图底面的小圆点
|
|
|
import 'swiper/css/navigation' // 轮播图两边的左右箭头
|
|
|
import 'swiper/css/scrollbar' // 轮播图的滚动条
|
|
|
const swiperList = [
|
|
|
- { image: 'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast1.jpeg' },
|
|
|
- { image: 'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast2.jpeg' },
|
|
|
- { image: 'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast3.jpeg' },
|
|
|
- { image: 'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast4.jpeg' }
|
|
|
+ { image: 'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast1.jpeg' },
|
|
|
+ { image: 'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast2.jpeg' },
|
|
|
+ { image: 'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast3.jpeg' },
|
|
|
+ { image: 'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast4.jpeg' }
|
|
|
]
|
|
|
// 引入swiper核心和所需模块
|
|
|
import { Autoplay, Pagination, Navigation, Scrollbar } from 'swiper'
|
|
@@ -214,54 +214,54 @@ const navigation = {
|
|
|
const { t } = useI18n()
|
|
|
const repeatNav=['设备管理','门店管理','分类管理','对接系统']
|
|
|
const repeatList=ref([
|
|
|
- {name:'品牌',desc:'增强竞争力',desc1:'提升门店形象',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast20.png'},
|
|
|
- {name:'人工',desc:'机器代替人工 ',desc1:'多店一键同步更新',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast16.png'},
|
|
|
- {name:'管理',desc:'门店分级管理 ',desc1:'更换菜单更便捷',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast23.png'},
|
|
|
- {name:'高效',desc:'避免错漏单 ',desc1:'提升营业额',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast14.png'}
|
|
|
+ {name:'品牌',desc:'增强竞争力',desc1:'提升门店形象',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast20.png'},
|
|
|
+ {name:'人工',desc:'机器代替人工 ',desc1:'多店一键同步更新',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast16.png'},
|
|
|
+ {name:'管理',desc:'门店分级管理 ',desc1:'更换菜单更便捷',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast23.png'},
|
|
|
+ {name:'高效',desc:'避免错漏单 ',desc1:'提升营业额',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/repast/repast14.png'}
|
|
|
])
|
|
|
const contents=[
|
|
|
- {id:0,name:'立式、壁挂数字标牌广告机',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial16.jpg',},
|
|
|
- {id:0,name:'液晶拼接屏',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial22.jpg',},
|
|
|
- {id:0,name:'橱窗双面数码海报',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial9.jpg',},
|
|
|
- {id:0,name:'营业厅智能自助查询柜台',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
- {id:0,name:'柜台窗口评价屏',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial14.jpg',},
|
|
|
- {id:0,name:'银行互动体验大屏',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
- {id:0,name:'触控会议一体机',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial13.jpg',},
|
|
|
- {id:0,name:'柜台窗口长条屏',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial15.jpg',},
|
|
|
+ {id:0,name:'立式、壁挂数字标牌广告机',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial16.jpg',},
|
|
|
+ {id:0,name:'液晶拼接屏',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial22.jpg',},
|
|
|
+ {id:0,name:'橱窗双面数码海报',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial9.jpg',},
|
|
|
+ {id:0,name:'营业厅智能自助查询柜台',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
+ {id:0,name:'柜台窗口评价屏',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial14.jpg',},
|
|
|
+ {id:0,name:'银行互动体验大屏',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
+ {id:0,name:'触控会议一体机',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial13.jpg',},
|
|
|
+ {id:0,name:'柜台窗口长条屏',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial15.jpg',},
|
|
|
|
|
|
]
|
|
|
const content=[
|
|
|
- {id:0,name:'系统兼容多种设备,可对不同区域的不同设备',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial20.jpg',},
|
|
|
- {id:0,name:'可实现营销活动、广告等宣传内容,一键发布全国所有门店,降低品牌管理难度。',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
- {id:0,name:'总部可根据 不同区域,不同时段,对不同门店的推广内容,进行差异化投放。',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
- {id:0,name:'系统具备严格的用户权限管理机制,支持多级用户管理机制。。',img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial17.jpg',},
|
|
|
+ {id:0,name:'系统兼容多种设备,可对不同区域的不同设备',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial20.jpg',},
|
|
|
+ {id:0,name:'可实现营销活动、广告等宣传内容,一键发布全国所有门店,降低品牌管理难度。',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
+ {id:0,name:'总部可根据 不同区域,不同时段,对不同门店的推广内容,进行差异化投放。',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
+ {id:0,name:'系统具备严格的用户权限管理机制,支持多级用户管理机制。。',img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial17.jpg',},
|
|
|
]
|
|
|
const repastLists=[
|
|
|
- {id:0,name:'数字标牌系列',desc:'门口|移动电子水牌',list:['门前|大屏幕欢迎词'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial11.jpg',},
|
|
|
- {id:1,name:'立体电容触摸一体机',desc:'橱窗|双面广告宣传',list:['服务台|提供高效流畅服务'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
- {id:2,name:'液晶拼接屏',desc:'电子餐牌|高效点餐',list:['等候区|大屏幕视觉体验'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial13.jpg',},
|
|
|
- {id:3,name:'长条屏系列',desc:'长条屏|高效点餐',list:['业务区|电子屏信息获取'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial17.jpg',},
|
|
|
- {id:4,name:'双面屏系列',desc:'橱窗展示|品牌推广',list:['橱窗展示|品牌推广'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
- {id:5,name:'电容触摸系列',desc:'VIP区|娱乐互动体验',list:['VIP区|娱乐互动体验'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial20.jpg',},
|
|
|
- {id:6,name:'会议平板系列',desc:'办公区域|大屏信息串串',list:['办公区域|大屏信息串串'],img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial14.jpg',},
|
|
|
+ {id:0,name:'数字标牌系列',desc:'门口|移动电子水牌',list:['门前|大屏幕欢迎词'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial11.jpg',},
|
|
|
+ {id:1,name:'立体电容触摸一体机',desc:'橱窗|双面广告宣传',list:['服务台|提供高效流畅服务'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial12.jpg',},
|
|
|
+ {id:2,name:'液晶拼接屏',desc:'电子餐牌|高效点餐',list:['等候区|大屏幕视觉体验'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial13.jpg',},
|
|
|
+ {id:3,name:'长条屏系列',desc:'长条屏|高效点餐',list:['业务区|电子屏信息获取'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial17.jpg',},
|
|
|
+ {id:4,name:'双面屏系列',desc:'橱窗展示|品牌推广',list:['橱窗展示|品牌推广'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial19.jpg',},
|
|
|
+ {id:5,name:'电容触摸系列',desc:'VIP区|娱乐互动体验',list:['VIP区|娱乐互动体验'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial20.jpg',},
|
|
|
+ {id:6,name:'会议平板系列',desc:'办公区域|大屏信息串串',list:['办公区域|大屏信息串串'],img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/financial/financial14.jpg',},
|
|
|
|
|
|
]
|
|
|
const sortIndex = ref(null)
|
|
|
let repeatIndexs = ref(0)
|
|
|
const sortFlag = ref(false)
|
|
|
const logoList=ref([
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon8.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon9.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon10.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon11.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon12.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon1.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon7.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon6.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon5.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon4.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon3.png'},
|
|
|
- {img:'http://screen-test.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon2.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon8.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon9.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon10.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon11.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon12.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon1.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon7.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon6.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon5.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon4.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon3.png'},
|
|
|
+ {img:'http://screen.zhousi.hdlkeji.com/aksdbn/img/publicity/logo-icon2.png'},
|
|
|
])
|
|
|
const FormState = reactive({
|
|
|
name: '',
|