yos_web/src/HDrpManagement/dataanalysis/modules/assignmentData.vue

<template>
  <div>
    <el-row :gutter="20">
      <el-col style="margin-bottom: 20px" :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
        <borderTemp>
          <template #content>
            <el-row>
              <el-col :span="10" :offset="6">
                 <el-divider>
                   <span class="title-font">本周</span>
                 </el-divider>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span class="titleHover" @click="onClick('新增线索')">新增线索</span>
              </el-col>
              <el-col :span="4">
                <span>跟进线索</span>
              </el-col>
              <el-col :span="4">
                <span >新增客户</span>
              </el-col>
              <el-col :span="4">
                <span>客户跟进</span>
              </el-col>
              <el-col :span="4">
                <span>新增项目</span>
              </el-col>
              <el-col :span="4">
                <span>项目跟进</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.bzxsxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.bzxsgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.bzkhxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.bzkhgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #F09E00">{{list.bzxmxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #FF7602">{{list.bzxmgj}}</span>
              </el-col>
            </el-row>
          </template>
        </borderTemp>
      </el-col>
      <el-col style="margin-bottom: 20px" :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
        <borderTemp>
          <template #content>
            <el-row>
              <el-col :span="10" :offset="6">
                <el-divider>
                  <span class="title-font">本月</span>
                </el-divider>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span >新增线索</span>
              </el-col>
              <el-col :span="4">
                <span>跟进线索</span>
              </el-col>
              <el-col :span="4">
                <span >新增客户</span>
              </el-col>
              <el-col :span="4">
                <span>客户跟进</span>
              </el-col>
              <el-col :span="4">
                <span>新增项目</span>
              </el-col>
              <el-col :span="4">
                <span>项目跟进</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.byxsxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.byxsgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.bykhxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.bykhgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #F09E00">{{list.byxmxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #FF7602">{{list.byxmgj}}</span>
              </el-col>
            </el-row>
          </template>
        </borderTemp>
      </el-col>
      <el-col style="margin-bottom: 20px" :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
        <borderTemp>
          <template #content>
            <el-row>
              <el-col :span="10" :offset="6">
                <el-divider>
                  <span class="title-font">本年</span>
                </el-divider>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span >新增线索</span>
              </el-col>
              <el-col :span="4">
                <span>跟进线索</span>
              </el-col>
              <el-col :span="4">
                <span >新增客户</span>
              </el-col>
              <el-col :span="4">
                <span>客户跟进</span>
              </el-col>
              <el-col :span="4">
                <span>新增项目</span>
              </el-col>
              <el-col :span="4">
                <span>项目跟进</span>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="content-title">
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.bnxsxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.bnxsgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #3874F6">{{list.bnkhxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #16BDFF">{{list.bnkhgj}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #F09E00">{{list.bnxmxz}}</span>
              </el-col>
              <el-col :span="4">
                <span class="title-font" style="color: #FF7602">{{list.bnxmgj}}</span>
              </el-col>
            </el-row>
          </template>
        </borderTemp>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import borderTemp from '../components/border'
export default {
  name: "assignmentData",
  props:['param','isDep','dataid','isPerson'],
  data() {
    return {
      list:'',
    }
  },
  components:{
    borderTemp
  },
  methods:{
    async queryList(){
     /* this.isDep ? this.param.content.type = 1: this.isPerson ? this.param.content.type = 0 : this.param.content.type = ''*/
      this.param.content.dataType = 1
      /*this.param.content.dataid = this.dataid*/
      const res = await this.$api.requested(this.param)
      this.list = res.data
    },
    onClick(type){
      this.$emit('clickFull',type)
    }
  },
   mounted() {
  }
}
</script>

<style scoped>
  .titleHover:hover{
    color: #3874F6;
  }
</style>