<template>
  <div class="Common-box">
      <div class="Common-some" onclick="eip.openTab('/matter/startProcess?defId=1363664321229492224');">
        <img src="../../../../assets/images/工时登记.png" alt="">
        <div>工时登记</div>
      </div>
      <div class="Common-some"  onclick="eip.openTab('/templateForm/khgl/add?startFlow=false');">
        <img src="../../../../assets/images/客户组.png" alt="">
        <div>新建客户</div>
      </div>
      <div class="Common-some"  onclick="eip.openTab('/templateForm/htgl/add?startFlow=false');">
        <img src="../../../../assets/images/合同.png" alt="">
        <div>新建合同</div>
      </div>
      <div class="Common-some" onclick="eip.openTab('/templateForm/wgldxm/add?startFlow=false');">
        <img src="../../../../assets/images/项目.png" alt="">
        <div>新建项目</div>
      </div>
      <div class="Common-some">
        <img src="../../../../assets/images/售前.png" alt="">
        <div>售前支持</div>
      </div>
      <div class="Common-some" >
        <img src="../../../../assets/images/售后管理.png" alt="">
        <div>售后支持</div>
      </div>
      <div class="Common-some" onclick="window.open('http://help.hotent.com/','','');">
        <img src="../../../../assets/images/平台.png" alt="">
        <div>综合平台</div>
      </div>
      <div class="Common-some" onclick="window.open('/mvue/','','');">
        <img src="../../../../assets/images/后台.png" alt="">
        <div>后台</div>
      </div>
      <div class="Common-some" onclick="eip.openTab('/matter/new');">
        <img src="../../../../assets/images/更多.png" alt="">
        <div>更多</div>
      </div>
  </div>
</template>

<script>
export default {
    name:'CommonFunctions',
    data() {
        return {
            
        }
    },
}
</script>

<style lang="scss" scoped>
.Common-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .Common-some{
      width: 20%;
      font-size: 15px;
         display: table-cell; //主要是这个属性
        vertical-align: middle;
          text-align: center;
        padding: 18px 23px;
        img{
            width: 50px;
            height: 50px;
            margin-bottom:8px ;
        }
    }
    .Common-some:hover{
        background-color: rgba(238, 235, 235, 0.533);
        color: rgb(20, 145, 235);
    }
}
</style>