|
|
@@ -15,6 +15,8 @@
|
|
|
<link rel="stylesheet" href="assets/summernote/plugin/jquery-blinds-player/css/shutter.css">
|
|
|
<!--====== Mean Menu ======-->
|
|
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css" />
|
|
|
+ <!--====== element css ====== -->
|
|
|
+ <link rel="stylesheet" href="../assets/css/element.css">
|
|
|
<!--====== Default css ======-->
|
|
|
<link rel="stylesheet" href="assets/css/default.css" />
|
|
|
<!--====== Style css ======-->
|
|
|
@@ -60,8 +62,9 @@
|
|
|
</header>
|
|
|
<!--====== HEADER END ======-->
|
|
|
|
|
|
- <div class="video-section" >
|
|
|
- <video autoplay loop muted style="width:100%;height:100%;object-fit:fill;" poster="assets/img/banner/111.png">
|
|
|
+ <div class="video-section">
|
|
|
+ <video autoplay loop muted style="width:100%;height:100%;object-fit:fill;"
|
|
|
+ poster="assets/img/banner/111.png">
|
|
|
<source src="assets/video/home-video4.mp4" type="video/mp4">
|
|
|
</video>
|
|
|
<div class="video-des">
|
|
|
@@ -71,7 +74,7 @@
|
|
|
<div class="des2 desCom" style="top:43%; left:0;width:100%;text-align:center">
|
|
|
<p>核心价值观</p>
|
|
|
<span>一起梦想，一起成长，一起分享</span>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div class="des3 desCom" style="top:65%; left:20%;">
|
|
|
<p>企业使命</p>
|
|
|
@@ -89,7 +92,7 @@
|
|
|
<section v-for="(list,ind) in homeList">
|
|
|
|
|
|
|
|
|
-
|
|
|
+
|
|
|
<!-- 首页轮播 -->
|
|
|
<!--====== BANNER SECTION START ======-->
|
|
|
<!-- <div class="banner-section">
|
|
|
@@ -149,7 +152,8 @@
|
|
|
{{one.content}}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row align-items-center justify-content-center about-background" v-for="con in list.content">
|
|
|
+ <div class="row align-items-center justify-content-center about-background"
|
|
|
+ v-for="con in list.content">
|
|
|
<div class="imgCenter col-md-6 about-img-box" v-if="con.picture != null && con.picture != ''">
|
|
|
<img :src="con.picture" alt=" ">
|
|
|
</div>
|
|
|
@@ -252,31 +256,81 @@
|
|
|
|
|
|
|
|
|
<div class="feedBackBox">
|
|
|
- <div>
|
|
|
+ <div class="contactOne">
|
|
|
<img src="assets/img/home/f_phone.png" alt="">
|
|
|
<ul class="contactInner">
|
|
|
<li>
|
|
|
<span>服务热线：</span>
|
|
|
<span>400-633-8668</span>
|
|
|
</li>
|
|
|
- <li>
|
|
|
+ <li>
|
|
|
<span> 电话：</span>
|
|
|
- <span>021-65376655 <br> 021-62985186</span>
|
|
|
+ <span>021-65376655 <br> 021-62985186</span>
|
|
|
<li>
|
|
|
<span> 传真：</span>
|
|
|
<span>021-65376655-8588</span>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div @click="centerDialogVisible=true">
|
|
|
<img src="assets/img/home/f_feed.png" alt="">
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div @click="scrollToTop">
|
|
|
<img src="assets/img/home/f_top.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <el-dialog title="咨询反馈" :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
|
|
|
+ <el-form-item label="类型选择" prop="radio1">
|
|
|
+ <el-radio-group v-model="ruleForm.radio1">
|
|
|
+ <el-radio-button label="智慧安防"></el-radio-button>
|
|
|
+ <el-radio-button label="智慧消防"></el-radio-button>
|
|
|
+ <el-radio-button label="智慧楼宇"></el-radio-button>
|
|
|
+ <el-radio-button label="智慧商区"></el-radio-button>
|
|
|
+ <el-radio-button label="智慧园区"></el-radio-button>
|
|
|
+ <el-radio-button label="其他"></el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="姓名" prop="name">
|
|
|
+ <el-input v-model="ruleForm.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="联系电话" prop="phone">
|
|
|
+ <el-input v-model="ruleForm.phone"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="邮箱" prop="email">
|
|
|
+ <el-input v-model="ruleForm.email"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公司名称" prop="company">
|
|
|
+ <el-input v-model="ruleForm.company"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item label="需求描述" prop="desc">
|
|
|
+ <el-input type="textarea" v-model="ruleForm.desc"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <!-- <span>需要注意的是内容是默认不居中的</span> -->
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="resetForm('ruleForm')">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -301,16 +355,19 @@
|
|
|
|
|
|
<script src="assets/summernote/plugin/jquery-blinds-player/js/velocity.js"></script>
|
|
|
<script src="assets/summernote/plugin/jquery-blinds-player/js/shutter.js"></script>
|
|
|
+ <script src="../assets/js/element/index.js"></script>
|
|
|
|
|
|
<script>
|
|
|
- $(function() {
|
|
|
- $('#headerNav').load("./headerNav.html");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- var $wh=$(window).height();
|
|
|
- $('.go_down').click(function(e) {
|
|
|
- $('html,body').animate({scrollTop:$wh},700);
|
|
|
+ $(function () {
|
|
|
+ $('#headerNav').load("./headerNav.html");
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ var $wh = $(window).height();
|
|
|
+ $('.go_down').click(function (e) {
|
|
|
+ $('html,body').animate({
|
|
|
+ scrollTop: $wh
|
|
|
+ }, 700);
|
|
|
});
|
|
|
|
|
|
// setTimeout(() => {
|
|
|
@@ -323,7 +380,7 @@
|
|
|
// fullPage: false // 是否全屏展示
|
|
|
// })
|
|
|
// }, 1000)
|
|
|
- $('#footer').load("./footer.html");
|
|
|
+ $('#footer').load("./footer.html");
|
|
|
})
|
|
|
|
|
|
var app = new Vue({
|
|
|
@@ -331,12 +388,67 @@
|
|
|
data: {
|
|
|
screenWidth: 0,
|
|
|
homeList: [],
|
|
|
- status: false
|
|
|
+ status: false,
|
|
|
+ centerDialogVisible: false,
|
|
|
+
|
|
|
+
|
|
|
+ ruleForm: {
|
|
|
+ name: '',
|
|
|
+ region: '',
|
|
|
+ date1: '',
|
|
|
+ date2: '',
|
|
|
+ delivery: false,
|
|
|
+ type: [],
|
|
|
+ resource: '',
|
|
|
+ desc: '',
|
|
|
+ radio1: '智慧安防',
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ radio1: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择类型',
|
|
|
+ trigger: 'change'
|
|
|
+ },
|
|
|
+
|
|
|
+ ],
|
|
|
+ name: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入姓名',
|
|
|
+ trigger: 'blur'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // min: 2,
|
|
|
+ // max: 10,
|
|
|
+ // message: '长度在 2 到 10 个字符',
|
|
|
+ // trigger: 'blur'
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+ phone: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入正确的电话号码',
|
|
|
+ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ email: [{
|
|
|
+ required: false,
|
|
|
+ type: "email",
|
|
|
+ message: "请输入正确的邮箱地址",
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ company: [
|
|
|
+ // { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
+ ],
|
|
|
+
|
|
|
+ desc: [
|
|
|
+ // { required: true, message: '请填写需求描述', trigger: 'blur' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
computed: {
|
|
|
|
|
|
},
|
|
|
- mounted: function() {
|
|
|
+ mounted: function () {
|
|
|
|
|
|
this.screenWidth = document.body.clientWidth
|
|
|
window.onresize = () => {
|
|
|
@@ -350,14 +462,34 @@
|
|
|
type: 'POST',
|
|
|
dataType: 'json',
|
|
|
url: window.FQDN + 'Index/index',
|
|
|
- }).done(function(res) {
|
|
|
+ }).done(function (res) {
|
|
|
_this.homeList = res
|
|
|
_this.status = true
|
|
|
|
|
|
|
|
|
- }).fail(function(err) {});
|
|
|
+ }).fail(function (err) {});
|
|
|
},
|
|
|
methods: {
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ alert('submit!');
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetForm(formName) {
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
+ this.centerDialogVisible = false
|
|
|
+ },
|
|
|
+ scrollToTop() {
|
|
|
+ window.scrollTo({
|
|
|
+ top: 0,
|
|
|
+ behavior: "smooth"
|
|
|
+ });
|
|
|
+}
|
|
|
|
|
|
},
|
|
|
// watch: {
|
ming