<div class="enterprisecontrast">
    <div class="header_lhd">
        <img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" @click="fanhui" alt="">
        <span class="left_l">{{name2}}</span>
        <img class="vs" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_9771597459599608202015104639608编组9.png" alt="">
        <span class="right_h">{{name1}}</span>
    </div>
    <div class="con_left">
        <div class="con_left_title">
            <span></span>
            <span>专利总量</span>
            <span>专利质量得分</span>
            <span>专利成长率</span>
            <span>总评分</span>
        </div>
        <div class="cl_list" v-for="(item,key) in arr1" :key="key">
            <div class="cl_list_title">
                {{item.keyword}}
                <div class="mark">{{item.iconscore}}</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentnum}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + Math.ceil((item.patentnum/item.totalnum)*100) + \'%;\' + colorArr[0]"></div>{{Math.ceil((item.patentnum/item.totalnum)*100)}}%</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentquality}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentrate}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.totalscore}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
            </div>
        </div>
    </div>
    <div class="con_right">
        <div class="con_right_title">
            <span></span>
            <span>专利总量</span>
            <span>专利质量得分</span>
            <span>专利成长率</span>
            <span>总评分</span>
        </div>
        <div class="cr_list" v-for="(item,key) in arr2" :key="key">
            <div class="cr_list_title">
                {{item.keyword}}
                <div class="mark">{{item.iconscore}}</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentnum}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + Math.ceil((item.patentnum/item.totalnum)*100) + \'%;\' + colorArr[0]"></div>{{Math.ceil((item.patentnum/item.totalnum)*100)}}%</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentquality}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.patentrate}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
            </div>
            <div class="cl_list_item">
                <div class="cl_text">{{item.totalscore}}</div>
                <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
            </div>
        </div>
    </div>
    <div class="bar_lhd"></div>
</div>