<template>
  <div class="it-container">
    <div class="it-temp1">
      <img v-lazy="imgUrl.bg" />
    </div>
    <div class="container-centent">
      <div class="it-temp2">
        <div class="title-sub">
          <span></span>
          自有产品列表
          <span></span>
        </div>
        <div class="sub-item" @click="goLink('/pro1')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img1" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">ITSM 管理工具</div>
                <div class="sub-title">
                  解决企业IT运营管理中的各种复杂流程，节约企业运营成本
                </div>
              </div>
            </van-col>
          </van-row>
        </div>
        <div class="sub-item" @click="goLink('/pro4')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img2" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">睿安网络安全策略管理平台</div>
                <div class="sub-title">
                  全网安全策略可视化，包括态势可视化，策略可视化，搜索可视化
                </div>
              </div>
            </van-col>
          </van-row>
        </div>
        <div class="sub-item" @click="goLink('/pro2')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img3" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">OA 协同办公工具</div>
                <div class="sub-title">
                  涵盖客户管理模块、项目管理模块、人力管理模块、流程管理模块，经营报表模块等功能为一体的高效办公应用平台
                </div>
              </div>
            </van-col>
          </van-row>
        </div>
        <div class="sub-item" @click="goLink('/anonymousLetter')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.banner" style="width: 100%; border-radius: 0.34rem;" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">飞书平台定制化开发</div>
                <div class="sub-title">
                  专注于飞书平台的深度定制开发，涵盖飞书二次功能拓展、飞书小程序应用创新及系统集成开发等全方位的企业级飞书定制服务。
                </div>
              </div>
            </van-col>
          </van-row>
        </div>
        <!-- <div class="sub-item" @click="goLink('/pro5')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img4" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">软件成分分析及同源漏洞检测工具</div>
                <div class="sub-title">
                  将第三方及开源框架中的问题一网打尽
                </div>
              </div>
            </van-col>
          </van-row>
        </div> -->
        <!-- <div class="sub-item" @click="goLink('/guard')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img5" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">护航科技代码安全卫士</div>
                <div class="sub-title">
                  高效全能、精准定位、逐个击破，为您的代码保驾护航
                </div>
              </div>
            </van-col>
          </van-row>
        </div> -->
        <!-- <div class="sub-item" @click="goLink('/pro3')">
          <van-row :gutter="10" class="content-list">
            <van-col :span="10">
              <img v-lazy="imgUrl.img6" style="width: 100%" />
            </van-col>

            <van-col :span="14">
              <div class="content-item">
                <div class="title">数字化应用底座</div>
                <div class="sub-title">
                  构建软件研发新范式，突破研发效能瓶颈
                </div>
              </div>
            </van-col>
          </van-row>
        </div> -->

        
      </div>
      <div class="it-temp3">
        <img class="bg-img" v-lazy="imgUrl.img10" alt="" />
        <div class="title-sub">
          <span></span>
          相关解决方案
          <span></span>
        </div>
        <van-row :gutter="10" class="content-list">
          <van-col :span="12">
            <div class="" @click="goLink('/solu1')">
              <div class="mall-img"><img v-lazy="imgUrl.img7" /></div>
              <div class="content-item">
                <div class="title">终端运维管理解决方案</div>
                <!-- <img v-lazy="imgUrl.img11" alt="" /> -->
              </div>
            </div>
          </van-col>
          <van-col :span="12">
            <div class="" @click="goLink('/solu3')">
             <div class="mall-img"> <img v-lazy="imgUrl.img8" /></div>
              <div class="content-item">
                <div class="title">呼叫中心解决方案</div>
                <!-- <img v-lazy="imgUrl.img11" alt="" /> -->
              </div>
            </div>
          </van-col>
          <van-col :span="12">
            <div class="" @click="goLink('/solu2')">
             <div class="mall-img"> <img v-lazy="imgUrl.img9" /></div>
              <div class="content-item">
                <div class="title">IT 服务管理解决方案</div>
                <!-- <img v-lazy="imgUrl.img11" alt="" /> -->
              </div>
            </div>
          </van-col>
          <van-col :span="12">
            <div class="" @click="goLink('/solu4')">
             <div class="mall-img"> <img v-lazy="imgUrl.img12" style="height:100%; width: auto" /></div>
              <div class="content-item">
                <div class="title">数据中心运维咨询及服务解决方案</div>
                <!-- <img v-lazy="imgUrl.img11" alt="" /> -->
              </div>
            </div>
          </van-col>
        </van-row>
        <!-- <div class="mora">查看更多<img src="./images/icon.png" /></div> -->
      </div>
    </div>
    <Form />
  </div>
</template>
<script>
import Form from "@/components/Form.vue";
import bg from "./images/bg.png";
import img1 from "./images/img1.png";
import img2 from "./images/img2.png";
import img3 from "./images/img3.png";
import img4 from "./images/img4.png";
import img5 from "./images/img5.png";
import img6 from "./images/img6.png";
import img7 from "./images/img7.png";
import img8 from "./images/img8.png";
import img9 from "./images/img9.png";
import img10 from "./images/img10.png";
import img11 from "./images/img11.png";
import img12 from "./images/img12.png";
import banner from "./images/banner.jpg";
export default {
  components: { Form },
  data() {
    return {
      imgUrl: {
        bg: bg,
        img1: img1,
        img2: img2,
        img3: img3,
        img4: img4,
        img5: img5,
        img6: img6,
        img7: img7,
        img8: img8,
        img9: img9,
        img10: img10,
        img11: img11,
        img12: img12,
        banner: banner,
      },
      homeData: JSON.parse(JSON.parse(window.localStorage.homeData)),
    };
  },
  methods: {
    goLink(path) {
      this.$router.push(path);
    },
  },
};
</script>
<style lang="less" scoped>
@import "./product.less";
</style>