cfd-adi-web/src/views/index/workbench/components/guanyuwe.vue

/*Workench*/
/*上传报告*/
<template>

  <el-dialog
   ref="userForm"
      class="user-form"
      label-width="120px"
      hide-required-asterisk
    title="关于我们"
  :visible.sync="gyisShow"
    width="1200px"
  >
       <div class="gy_top">
      <div class="bakga">
        <el-image :src="bakga"></el-image>
      </div>
      <div class="container guanyu">
        <div class="content" ref="obtain">
          <div class="guanyutext main_con" id="anchor">
            <h1>西安前沿动力</h1>
            <h5 class="h5">公司理念</h5>
            <p class="zctext">
              为实现以顾客满意为目标，确保顾客的需求和期望得到满足，特制定本公司的质量方针为：
              “诚信经营、不断创新、优质服务、持续发展。”
            </p>
            <h5 class="h5">公司理念的内涵:</h5>
            <p class="zctext">
              &nbsp;&nbsp;诚信经营：在公司的发展历程中，诚信一直与我们相伴。前沿动力不仅对客户讲诚信，而且员工之间、上下级之间都在讲诚信。我们要求每个员工都做诚实的人，在企业是好员工，在家庭是好成员，在社会上是守法、有道德的好公民。
              <br />&nbsp;&nbsp;不断创新：不断创新使我们发展的根本。公司拥有经验丰富的开发队伍，产品技术与国际先进水平保持同步，技术创新是我们的追求及骄傲。
              <br />&nbsp;&nbsp;优质服务：让客户满意是我们的企业的宗旨，在提供高质量软件产品的同时，我们要求所有员工为每个客户提供最好的售前、售中及售后服务，不断提高客户满意度。
              <br />&nbsp;&nbsp;持续发展：持续改善是增强满足要求的能力的循环活动。为了改善企业的整体业绩，应不断改善软件产品和服务的质量，提高质量管理体系及过程的有效性和效率，以满足顾客和相关方日益增长和不断变化的需求和期望，实现公司的可持续发展
            </p>
          </div>
        </div>
      </div>
    </div>
   
    <span slot="footer" class="dialog-footer">
   
      <el-button size="small" type="primary" @click="cancel">取消</el-button>
    </span>
  </el-dialog>
</template>


<script>
import { getImage } from '@/utils/request'
import bakga from "@/assets/match//beijin1.png"
export default {
  name: 'Workench',
  data(){
    return{
      gyisShow:true,
      bakga,

    }

  },
  props: {
    
  },
  methods: {
    // 点击关闭
    close() {
      this.$emit('putWorkbench', false)
    },
  
  },
}
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
@import '@/styles/mixin.scss';
  /deep/ .el-dialog__body{
   background: #2f2f2f;
}
.gy_top {
  width: 100%;
  background: #2f2f2f;
  position: relative;
  /* z-index: -2; */
}
.bakga {
  position: absolute;
  z-index: 0;
    top: -24px;
    right: -20px;
}
.guanyu h1 {
  height: 100px;
  font-size: 50px;
  font-weight: bold;
  color: #ffffff;
  line-height: 100px;
}
.guanyutext {
  padding: 50px 0;
}
.guanyu .zctext {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 2;
}
.main_con .icon7 {
  float: left;
  margin-top: 42px;
}
.guanyupadding {
  padding: 10px 0;
}
.zuzhi {
  margin-bottom: 20px;
}
.typefacexz p {
  color: #f45858;
}
.positionfixed {
  position: fixed;
  width: 58%;
  z-index: 1000;
  top: 0;
  left: 21%;
}
.guanyu {
  position: relative;
}
.main_con .gytitle {
  height: 100px;
  padding-left: 29px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-top: -4px;
  line-height: 100px;
}
.h5 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
}
@media (max-width: 768px) {
 
  .guanyu h1 {
    font-size: 40px;
  }
}

</style>