|
@@ -120,28 +120,15 @@
|
|
|
margin: -2.5% 17.1% 0 0;" >
|
|
margin: -2.5% 17.1% 0 0;" >
|
|
|
<dv-border-box-8 class="shiyankanbanfanhui">返回</dv-border-box-8>
|
|
<dv-border-box-8 class="shiyankanbanfanhui">返回</dv-border-box-8>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
|
|
+ <div style="width: 15%;
|
|
|
|
|
+ font-size: 100%;
|
|
|
|
|
+ text-align:left;
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ font-size: 0.5%;
|
|
|
|
|
+ margin: -2% 0% 0 0;" :class="{ 'fade-in': fadeinout, 'fade-out': !fadeinout }">鼠标全部移出则滚动,鼠标在页面内则暂停滚动</div>
|
|
|
</div>
|
|
</div>
|
|
|
<dv-border-box-1 style="width: 100%; height: 89%;box-sizing: border-box; overflow: hidden">
|
|
<dv-border-box-1 style="width: 100%; height: 89%;box-sizing: border-box; overflow: hidden">
|
|
|
- <div style="height:43%;margin-top:1%" v-for="(item,i) in zhiliangmuNeirong" :key="i" v-show="pageOT==Math.ceil(i/2)">
|
|
|
|
|
- <div class="congxiebox7" style="display:inline-block;margin:1% 1%; height:100%;width:98%;" >
|
|
|
|
|
- <div class="ttitle" style="text-align: center;height:3%">{{item.name}}质量目标与质量指标</div>
|
|
|
|
|
- <div class="componentsData" style="height:90%" v-if="relOf">
|
|
|
|
|
- <!--
|
|
|
|
|
- <s1jianCe :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[1].val"
|
|
|
|
|
- v-if="showAll || showComponents[5]" :data = "getS2jianCe()" />
|
|
|
|
|
- <s3tousu :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[3].val"
|
|
|
|
|
- v-if="showAll || showComponents[6]" :data = "getS3tousu()"/>
|
|
|
|
|
- <s13shengWu :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[4].val"
|
|
|
|
|
- v-if="showAll || showComponents[17]" :data = "getS3tousu()"/> -->
|
|
|
|
|
- <div :id="`card${i}`" style="width:100%;height:100%" ></div>
|
|
|
|
|
- <!-- <div class="nullDate" v-if="zhiliangmuNeirong[i].data.length<=0">暂无数据</div> -->
|
|
|
|
|
- <div class="clear"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <dv-decoration-10 style="height:0.5%" v-if="i % 2 != 0 && i != zhiliangmuNeirong.length" />
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+
|
|
|
<!-- <div class="congxiebox7" style="display:inline-block;height:43%;width:98%;margin:1% 1%;text-align: center;overflow:hiddien" v-if="pageOT==Math.floor((zhiliangmuNeirong)/2)">
|
|
<!-- <div class="congxiebox7" style="display:inline-block;height:43%;width:98%;margin:1% 1%;text-align: center;overflow:hiddien" v-if="pageOT==Math.floor((zhiliangmuNeirong)/2)">
|
|
|
<div class="ttitle" style="margin:2% 0;text-align: center;">质量目标与质量指标公式</div>
|
|
<div class="ttitle" style="margin:2% 0;text-align: center;">质量目标与质量指标公式</div>
|
|
|
<div class="componentsData" style="height:82%" v-if="relOf">
|
|
<div class="componentsData" style="height:82%" v-if="relOf">
|
|
@@ -154,17 +141,8 @@
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div> -->
|
|
</div> -->
|
|
|
- <!-- <div class="congxiebox7" style="display:inline-block;width:79%;height:85%" v-if="pageOT==1&&bumen==''">
|
|
|
|
|
- <div class="ttitle" style="text-align: center;">各部门质量目标与质量指标</div>
|
|
|
|
|
- <div class="componentsData" v-if="relOf">
|
|
|
|
|
- <s11biaoZhunWu style="height:100%" :width="static=='row' ? '100%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if=" buhegelvObj.length>0 && (showAll || showComponents[15])" :data = "getyangPinCaiJiObjNum()"/>
|
|
|
|
|
- <div class="nullDate" v-if="buhegelvObj.length<=0&&( showAll || showComponents[15])">暂无数据</div>
|
|
|
|
|
- <div class="clear"></div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:19%;float:right;height:85%;overflow:hiddien" v-if="pageOT==1&&bumen==''">
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <!-- <div class="congxiebox7" style="display:inline-block;width:19%;float:right;height:85%;overflow:hiddien" v-if="pageOT==1&&bumen==''">
|
|
|
<div class="ttitle" style="margin:8% 0;text-align: center;">质量目标与质量指标总计</div>
|
|
<div class="ttitle" style="margin:8% 0;text-align: center;">质量目标与质量指标总计</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
<div class="componentsData" v-if="relOf">
|
|
|
<dv-scroll-board style="height:100%;"
|
|
<dv-scroll-board style="height:100%;"
|
|
@@ -177,17 +155,19 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div> -->
|
|
</div> -->
|
|
|
|
|
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:43%;" v-if="pageOT==Math.ceil(pageAll/2)">
|
|
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==1">
|
|
|
<div class="ttitle" style="text-align: center;">人员培训与管理</div>
|
|
<div class="ttitle" style="text-align: center;">人员培训与管理</div>
|
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
- <s4renYuanPeiXun style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[1]" :data = "getS4renYuanPeiXun()"/>
|
|
|
|
|
- <s4renYuanPeiXunCol style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[2]" :data = "getS4renYuanPeiXunFB()"/>
|
|
|
|
|
- <s5renYuanJianDu style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s4renYuanPeiXun style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="zaigangrenyuan.length>0&&(showAll || showComponents[1])" :data = "getS4renYuanPeiXun()"/>
|
|
|
|
|
+ <s4renYuanPeiXunCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="zaigangrenyuanfb.length>0&&(showAll || showComponents[2])" :data = "getS4renYuanPeiXunFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="zaigangrenyuanfb.length<=0&&(showAll || showComponents[2])">暂无数据</div>
|
|
|
|
|
+ <s5renYuanJianDu style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[3]" :data = "getS5renYuanJianDu()"/>
|
|
v-if="showAll || showComponents[3]" :data = "getS5renYuanJianDu()"/>
|
|
|
- <s5renYuanJianDuCol style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[4]" :data = "getS5renYuanJianDuFB()"/>
|
|
|
|
|
|
|
+ <s5renYuanJianDuCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="gangqianpeixunfb.length>0&&(showAll || showComponents[4])" :data = "getS5renYuanJianDuFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="gangqianpeixunfb.length<=0&&(showAll || showComponents[4])">暂无数据</div>
|
|
|
<!-- <s16bzJunZhu :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
<!-- <s16bzJunZhu :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[20]" :data = "getbzJunZhujNum()"/>
|
|
v-if="showAll || showComponents[20]" :data = "getbzJunZhujNum()"/>
|
|
|
<s17bzXiBao :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
<s17bzXiBao :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
@@ -195,68 +175,118 @@
|
|
|
<div class="clear"></div>
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <dv-decoration-10 style="height:0.5%;width:98%;margin-top:1%;margin-right:1%;margin-left:1%;" v-if="pageOT==Math.ceil(pageAll/2)"/>
|
|
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:1%;margin-right:1%;margin-left:1%;height:43%;" v-if="pageOT==Math.ceil(pageAll/2)">
|
|
|
|
|
|
|
+ <!-- <dv-decoration-10 style="height:0.5%;width:98%;margin-top:1%;margin-right:1%;margin-left:1%;" v-if="pageOT==1"/> -->
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==2">
|
|
|
<div class="ttitle" style="text-align: center;">设备维保</div>
|
|
<div class="ttitle" style="text-align: center;">设备维保</div>
|
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
- <s7sheBeiJiaoZhun style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s7sheBeiJiaoZhun style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[5]" :data = "getJiaoYanObjNum()"/>
|
|
v-if="showAll || showComponents[5]" :data = "getJiaoYanObjNum()"/>
|
|
|
- <s7sheBeiJiaoZhunCol style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[6]" :data = "getJiaoYanObjNumFB()"/>
|
|
|
|
|
- <s8sheBeiHeCha style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s7sheBeiJiaoZhunCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="jiaoyanMGObj.length>0&&(showAll || showComponents[6])" :data = "getJiaoYanObjNumFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="jiaoyanMGObj.length<=0&&(showAll || showComponents[6])">暂无数据</div>
|
|
|
|
|
+ <s8sheBeiHeCha style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[7]" :data = "gethechaObjNum()"/>
|
|
v-if="showAll || showComponents[7]" :data = "gethechaObjNum()"/>
|
|
|
- <s8sheBeiHeChaCol style="height:100%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[8]" :data = "gethechaObjNumFB()"/>
|
|
|
|
|
|
|
+ <s8sheBeiHeChaCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="hechaMGObj.length>0&&(showAll || showComponents[8])" :data = "gethechaObjNumFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="hechaMGObj.length<=0&&(showAll || showComponents[8])">暂无数据</div>
|
|
|
<div class="clear"></div>
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==Math.ceil(pageAll/2)+1">
|
|
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==3">
|
|
|
|
|
|
|
|
<div class="ttitle" style="text-align: center;">质量管理</div>
|
|
<div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
<s9neiBuZhiLiang style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
<s9neiBuZhiLiang style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[9]" :data = "getS9neiBuZhiLiang()"/>
|
|
v-if="showAll || showComponents[9]" :data = "getS9neiBuZhiLiang()"/>
|
|
|
- <s9neiBuZhiLiangCol style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[10]" :data = "getS9neiBuZhiLiangFB()"/>
|
|
|
|
|
|
|
+ <s9neiBuZhiLiangCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="neibuObjfb.length>0&&(showAll || showComponents[10])" :data = "getS9neiBuZhiLiangFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="neibuObjfb.length<=0&&(showAll || showComponents[10])">暂无数据</div>
|
|
|
<s10waiBuNengLi style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
<s10waiBuNengLi style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[11]" :data = "getnengtliObjNum()"/>
|
|
v-if="showAll || showComponents[11]" :data = "getnengtliObjNum()"/>
|
|
|
- <s10waiBuNengLiCol style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[12]" :data = "getnengtliObjNumFB()"/>
|
|
|
|
|
|
|
+ <s10waiBuNengLiCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="waibuObjfb.length>0&&(showAll || showComponents[12])" :data = "getnengtliObjNumFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="waibuObjfb.length<=0&&(showAll || showComponents[12])">暂无数据</div>
|
|
|
|
|
|
|
|
|
|
+ <div class="clear"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==4">
|
|
|
|
|
+
|
|
|
|
|
+ <div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
|
|
+ <div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
<s15tousu style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
<s15tousu style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[13]" :data = "getS3tousu()"/>
|
|
v-if="showAll || showComponents[13]" :data = "getS3tousu()"/>
|
|
|
- <s15tousuCol style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[14]" :data = "getS3tousuFB()"/>
|
|
|
|
|
|
|
+ <s15tousuCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="yingjifbObj.length>0&&(showAll || showComponents[14])" :data = "getS3tousuFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="yingjifbObj.length<=0&&(showAll || showComponents[14])">暂无数据</div>
|
|
|
<s12fengXian style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
<s12fengXian style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[15]" :data = "getS12fengXian()"/>
|
|
v-if="showAll || showComponents[15]" :data = "getS12fengXian()"/>
|
|
|
- <s12fengXianCol style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[16]" :data = "getS12fengXianFB()"/>
|
|
|
|
|
|
|
+ <s12fengXianCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="fengxianfbObj.length>0&&(showAll || showComponents[16])" :data = "getS12fengXianFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="fengxianfbObj.length<=0&&(showAll || showComponents[16])">暂无数据</div>
|
|
|
|
|
|
|
|
<div class="clear"></div>
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==Math.ceil(pageAll/2)+2">
|
|
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==5">
|
|
|
|
|
|
|
|
<div class="ttitle" style="text-align: center;">质量管理</div>
|
|
<div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
<div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
- <s2manYiDu style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s2manYiDu style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[17]" :data = "getS2manYiDu()"/>
|
|
v-if="showAll || showComponents[17]" :data = "getS2manYiDu()"/>
|
|
|
- <s2manYiDuCol style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[18]" :data = "getS2manYiDuFB()"/>
|
|
|
|
|
- <s14bufuhexiang style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s2manYiDuCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="neishenfbObj.length>0&&(showAll || showComponents[18])" :data = "getS2manYiDuFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="neishenfbObj.length<=0&&(showAll || showComponents[18])">暂无数据</div>
|
|
|
|
|
+ <s14bufuhexiang style="height:50%" :width="static=='row' ? '100%': '100%'" :colorw = "colorw"
|
|
|
v-if="bufuheObj.length>0&&(showAll || showComponents[19])" :data = "getS14bufuhexiang()"/>
|
|
v-if="bufuheObj.length>0&&(showAll || showComponents[19])" :data = "getS14bufuhexiang()"/>
|
|
|
- <div class="nullDate1" v-if="bufuheObj.length<=0&&(showAll || showComponents[19])">暂无数据</div>
|
|
|
|
|
-
|
|
|
|
|
- <s1zhiLiangMuBiao style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:100%;" v-if="bufuheObj.length<=0&&(showAll || showComponents[19])">暂无数据</div>
|
|
|
|
|
+ <div class="clear"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==6">
|
|
|
|
|
+
|
|
|
|
|
+ <div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
|
|
+ <div class="componentsData" style="height:87%" v-if="relOf">
|
|
|
|
|
+ <s1zhiLiangMuBiao style="height:50%" :width="static=='row' ? '25%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[21]" :data = "getS1renwu()"/>
|
|
v-if="showAll || showComponents[21]" :data = "getS1renwu()"/>
|
|
|
- <s1zhiLiangMuBiaoCol style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
- v-if="showAll || showComponents[22]" :data = "getS1renwuFB()"/>
|
|
|
|
|
- <s16bzJunZhu style="height:50%" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
|
|
|
|
+ <s1zhiLiangMuBiaoCol style="height:50%" :width="static=='row' ? '75%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if="guanshenfbObj.length>0&&(showAll || showComponents[22])" :data = "getS1renwuFB()"/>
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:75%;" v-if="guanshenfbObj.length<=0&&(showAll || showComponents[22])">暂无数据</div>
|
|
|
|
|
+ <s16bzJunZhu style="height:50%" :width="static=='row' ? '100%': '100%'" :colorw = "colorw"
|
|
|
v-if="gaijinxiangObj.length>0&&(showAll || showComponents[23])" :data = "getbzJunZhujNum()"/>
|
|
v-if="gaijinxiangObj.length>0&&(showAll || showComponents[23])" :data = "getbzJunZhujNum()"/>
|
|
|
- <div class="nullDate1" v-if="gaijinxiangObj.length<=0&&(showAll || showComponents[23])">暂无数据</div>
|
|
|
|
|
|
|
+ <div class="nullDate1" style="height:50%;width:100%;" v-if="gaijinxiangObj.length<=0&&(showAll || showComponents[23])">暂无数据</div>
|
|
|
<div class="clear"></div>
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:98%;margin-top:2%;margin-right:1%;margin-left:1%;height:90%;" v-if="pageOT==7">
|
|
|
|
|
+ <div class="ttitle" style="text-align: center;">各部门质量目标</div>
|
|
|
|
|
+ <div class="componentsData" style="height:95%" v-if="relOf">
|
|
|
|
|
+ <s11biaoZhunWu style="height:100%" :width="static=='row' ? '100%': '100%'" :colorw = "colorw"
|
|
|
|
|
+ v-if=" buhegelvObj.length>0 && (showAll || showComponents[24])" :data = "getyangPinCaiJiObjNum()"/>
|
|
|
|
|
+ <div class="nullDate" v-if="buhegelvObj.length<=0&&( showAll || showComponents[24])">暂无数据</div>
|
|
|
|
|
+ <div class="clear"></div>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="height:43%;margin-top:1%" v-for="(item,i) in zhiliangmuNeirong" :key="i" v-show="pageOT==Math.ceil((i/2)+7.5)">
|
|
|
|
|
+ <div class="congxiebox7" style="display:inline-block;margin:1% 1%; height:100%;width:98%;" >
|
|
|
|
|
+ <div class="ttitle" style="text-align: center;height:3%">{{item.name}}质量指标</div>
|
|
|
|
|
+ <div class="componentsData" style="height:90%" v-if="relOf">
|
|
|
|
|
+ <!--
|
|
|
|
|
+ <s1jianCe :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[1].val"
|
|
|
|
|
+ v-if="showAll || showComponents[5]" :data = "getS2jianCe()" />
|
|
|
|
|
+ <s3tousu :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[3].val"
|
|
|
|
|
+ v-if="showAll || showComponents[6]" :data = "getS3tousu()"/>
|
|
|
|
|
+ <s13shengWu :height="'290%'" :width="static=='row' ? '19.5%': '100%'" :colorw = "colorw" :mubiao = "quality[4].val"
|
|
|
|
|
+ v-if="showAll || showComponents[17]" :data = "getS3tousu()"/> -->
|
|
|
|
|
+ <div :id="`card${i}`" style="width:100%;height:100%" ></div>
|
|
|
|
|
+ <!-- <div class="nullDate" v-if="zhiliangmuNeirong[i].data.length<=0">暂无数据</div> -->
|
|
|
|
|
+ <div class="clear"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <dv-decoration-10 style="height:0.5%" v-if="i % 2 != 0 && i != zhiliangmuNeirong.length" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
<!-- <div class="congxiebox7" style="display:inline-block;width:49%;" v-if="pageOT==2">
|
|
<!-- <div class="congxiebox7" style="display:inline-block;width:49%;" v-if="pageOT==2">
|
|
|
<div class="ttitle" style="text-align: center;">内审计划</div>
|
|
<div class="ttitle" style="text-align: center;">内审计划</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
<div class="componentsData" v-if="relOf">
|
|
@@ -322,7 +352,7 @@
|
|
|
|
|
|
|
|
import none from './item/none.vue'
|
|
import none from './item/none.vue'
|
|
|
import echarts from 'echarts'
|
|
import echarts from 'echarts'
|
|
|
- import { DBData ,getConfig,getJiaoYanObj, gethechaObj,getgangqianpeixunFBObj,getguanshenObjFB, getneishenObjFB,getfengxianObjFB,getyingjiObjFB,getwaibuObjFB,getneibuObjFB,getJiaoYanObjFB,gethechaObjFB,getnengliObj,getkangningyangpinObj,getzaigangrenyuanFBObj,getgaijinxiangObj,getbufuheObj,getguanshenObj,getneishenObj,getfengxianObj,getyingjiObj,getneibuObj,getwaibuObj,gethechaMGObj,getJiaoYanMGObj,getgangqianpeixunObj,getzaigangrenyuanObj,getfenzuZLZBObj,getzongZLMBObj,getzhiliangzhibiaotitleObj, getyangPinCaiJiObj,getbiaozhunTObj,getbzJunZhuObj,getbzJunZhuTObj,getbzXiBaoObj,getbzXiBaoTObj} from './js/selectDB.js'
|
|
|
|
|
|
|
+ import { DBData ,getConfig,getJiaoYanObj, gethechaObj,getgangqianpeixunFBObj,getguanshenObjFB, getzhiliangmubiaotitleObj,getneishenObjFB,getfengxianObjFB,getyingjiObjFB,getwaibuObjFB,getneibuObjFB,getJiaoYanObjFB,gethechaObjFB,getnengliObj,getkangningyangpinObj,getzaigangrenyuanFBObj,getgaijinxiangObj,getbufuheObj,getguanshenObj,getneishenObj,getfengxianObj,getyingjiObj,getneibuObj,getwaibuObj,gethechaMGObj,getJiaoYanMGObj,getgangqianpeixunObj,getzaigangrenyuanObj,getfenzuZLZBObj,getzongZLMBObj,getzhiliangzhibiaotitleObj, getyangPinCaiJiObj,getbiaozhunTObj,getbzJunZhuObj,getbzJunZhuTObj,getbzXiBaoObj,getbzXiBaoTObj} from './js/selectDB.js'
|
|
|
import sendDatas from './sendDatas.js'
|
|
import sendDatas from './sendDatas.js'
|
|
|
import repostCurd from '@/business/platform/form/utils/custom/joinCURD.js'
|
|
import repostCurd from '@/business/platform/form/utils/custom/joinCURD.js'
|
|
|
import * as forEach from 'lodash/forEach'
|
|
import * as forEach from 'lodash/forEach'
|
|
@@ -427,7 +457,8 @@
|
|
|
zhiliangmuNeirong: {
|
|
zhiliangmuNeirong: {
|
|
|
handler () {
|
|
handler () {
|
|
|
// this.drawLine()
|
|
// this.drawLine()
|
|
|
- this.pageAll = this.zhiliangmuNeirong.length + 1
|
|
|
|
|
|
|
+ this.pageAll = this.zhiliangmuNeirong.length
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
deep: true
|
|
deep: true
|
|
|
}
|
|
}
|
|
@@ -490,6 +521,8 @@
|
|
|
zhiliangxianzhi:[],
|
|
zhiliangxianzhi:[],
|
|
|
tableNum:[],
|
|
tableNum:[],
|
|
|
pageAll:0,
|
|
pageAll:0,
|
|
|
|
|
+ fadeinout:true,
|
|
|
|
|
+ allBuMen:[],
|
|
|
tableData:{
|
|
tableData:{
|
|
|
header: ['<span style="font-size:16px;height:53px">质量指标</span>', '<span style="font-size:16px;height:53px">百分比/数量</span>'],
|
|
header: ['<span style="font-size:16px;height:53px">质量指标</span>', '<span style="font-size:16px;height:53px">百分比/数量</span>'],
|
|
|
rowNum: 10,
|
|
rowNum: 10,
|
|
@@ -548,7 +581,12 @@
|
|
|
this.bumen = this.quality1.map(function(obj,index){
|
|
this.bumen = this.quality1.map(function(obj,index){
|
|
|
return obj.id_;
|
|
return obj.id_;
|
|
|
}).join(",");
|
|
}).join(",");
|
|
|
- console.log(this.quality,this.quality1,this.idsStr,this.bumen,'2434465565665656rterterte')
|
|
|
|
|
|
|
+ // console.log(this.quality1,'bumnebumen')
|
|
|
|
|
+ for (let i = 0; i < this.quality1.length; i++) {
|
|
|
|
|
+ let mid = {'NAME_':this.quality1[i].name_,'numA':0,'num':0,'chu':0}
|
|
|
|
|
+ this.allBuMen.push(mid)
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log(this.allBuMen,'2434465565665656rterterte')
|
|
|
// if(this.bumen != ''){
|
|
// if(this.bumen != ''){
|
|
|
// this.getConfigData(this.endDate,this.bumen)
|
|
// this.getConfigData(this.endDate,this.bumen)
|
|
|
// }else{
|
|
// }else{
|
|
@@ -585,8 +623,9 @@
|
|
|
repostCurd('sql', getzaigangrenyuanFBObj(end,info)),repostCurd('sql', getgangqianpeixunFBObj(end,info)),
|
|
repostCurd('sql', getzaigangrenyuanFBObj(end,info)),repostCurd('sql', getgangqianpeixunFBObj(end,info)),
|
|
|
repostCurd('sql', getneibuObjFB(end,info)),repostCurd('sql', getwaibuObjFB(end,info)),
|
|
repostCurd('sql', getneibuObjFB(end,info)),repostCurd('sql', getwaibuObjFB(end,info)),
|
|
|
repostCurd('sql', getyingjiObjFB(end,info)),repostCurd('sql', getfengxianObjFB(end,info)),
|
|
repostCurd('sql', getyingjiObjFB(end,info)),repostCurd('sql', getfengxianObjFB(end,info)),
|
|
|
- repostCurd('sql', getneishenObjFB(end,info)),repostCurd('sql', getguanshenObjFB(end,info))]).then(([response,response1, response2,response3,response4,response5,response6,response7,response8,response9,response10,response11,response12,response13,response14,response15,response16,response17,response18,
|
|
|
|
|
- fb,fb1,fb2,fb3,fb4,fb5,fb6,fb7]) => {
|
|
|
|
|
|
|
+ repostCurd('sql', getneishenObjFB(end,info)),repostCurd('sql', getguanshenObjFB(end,info)),
|
|
|
|
|
+ repostCurd('sql', getzhiliangmubiaotitleObj(end,info1))]).then(([response,response1, response2,response3,response4,response5,response6,response7,response8,response9,response10,response11,response12,response13,response14,response15,response16,response17,response18,
|
|
|
|
|
+ fb,fb1,fb2,fb3,fb4,fb5,fb6,fb7,fb8]) => {
|
|
|
|
|
|
|
|
that.config = response.variables.data
|
|
that.config = response.variables.data
|
|
|
that.buhegelvObj = response1.variables.data
|
|
that.buhegelvObj = response1.variables.data
|
|
@@ -627,6 +666,7 @@
|
|
|
that.fengxianfbObj = fb5.variables.data
|
|
that.fengxianfbObj = fb5.variables.data
|
|
|
that.neishenfbObj = fb6.variables.data
|
|
that.neishenfbObj = fb6.variables.data
|
|
|
that.guanshenfbObj = fb7.variables.data
|
|
that.guanshenfbObj = fb7.variables.data
|
|
|
|
|
+ that.zhiliangmubiaotitle = fb8.variables.data
|
|
|
that.relOf = true
|
|
that.relOf = true
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
@@ -789,13 +829,16 @@
|
|
|
}
|
|
}
|
|
|
this.zhiliangmuTitle = title
|
|
this.zhiliangmuTitle = title
|
|
|
this.zhiliangmuNeirong = zongfz
|
|
this.zhiliangmuNeirong = zongfz
|
|
|
|
|
+ // console.log(this.zhiliangmuNeirong.length,this.zhiliangmuNeirong,'fgdfgdafffffffffffff5426666')
|
|
|
this.zhiliangxianzhi = zbval
|
|
this.zhiliangxianzhi = zbval
|
|
|
this.pageAll = this.zhiliangmuNeirong.length
|
|
this.pageAll = this.zhiliangmuNeirong.length
|
|
|
this.drawLine()
|
|
this.drawLine()
|
|
|
clearInterval(this.timer1);
|
|
clearInterval(this.timer1);
|
|
|
if(this.rollup == true){
|
|
if(this.rollup == true){
|
|
|
|
|
+ this.fadeinout = false
|
|
|
this.timer1 = setInterval(()=>{
|
|
this.timer1 = setInterval(()=>{
|
|
|
- if(this.pageOT>=Math.ceil(this.pageAll/2)+2){
|
|
|
|
|
|
|
+ // console.log(Math.ceil(this.pageAll/2)+6,this.pageAll)
|
|
|
|
|
+ if(this.pageOT>=Math.ceil(this.pageAll/2)+7){
|
|
|
this.pageOT=1
|
|
this.pageOT=1
|
|
|
}else{
|
|
}else{
|
|
|
this.pageOT = this.pageOT + 1
|
|
this.pageOT = this.pageOT + 1
|
|
@@ -809,7 +852,10 @@
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
this.zhiliangmuNeirong.forEach((item, index) => {
|
|
this.zhiliangmuNeirong.forEach((item, index) => {
|
|
|
let xunhuanzzzb = echarts.init(document.getElementById(`card${index}`))
|
|
let xunhuanzzzb = echarts.init(document.getElementById(`card${index}`))
|
|
|
- let barColor = ['#66FFCC','#FFCCCC','#33FF00','#FF66CC','#EC5800','#AAFF00','#F8DE7E','#B87333','#FF4433',' #9F2B68','#C9A9A6','#C3B1E1','#880808','#097969','#89CFF0','#5D3FD3',' #FBCEB1','#E49B0F','#ECFFDC','#A52A2A','#D27D2D','#FFBF00','#A0522D','#FF00FF','#FFB6C1','#F89880','#D8BFD8','#5D3FD3','#770737','#DA70D6']
|
|
|
|
|
|
|
+ let barColor = ['#FF4433','#C9A9A6','#097969','#FF66CC','#EC5800','#AAFF00','#F8DE7E','#B87333',
|
|
|
|
|
+ '#66FFCC','#A52A2A','#FFCCCC','#33FF00',,'#880808','#89CFF0','#5D3FD3','#9F2B68',
|
|
|
|
|
+ '#FBCEB1','#E49B0F','#D27D2D','#FFBF00','#A0522D','#FF00FF','#D8BFD8',
|
|
|
|
|
+ '#FFB6C1','#5D3FD3','#C3B1E1','#770737','#ECFFDC','#DA70D6','#F89880']
|
|
|
let barNum = []
|
|
let barNum = []
|
|
|
for (let i = 0; i < this.zhiliangxianzhi.length-1; i++) {
|
|
for (let i = 0; i < this.zhiliangxianzhi.length-1; i++) {
|
|
|
barNum.push({
|
|
barNum.push({
|
|
@@ -850,14 +896,31 @@
|
|
|
let option = {
|
|
let option = {
|
|
|
//v3
|
|
//v3
|
|
|
title: {
|
|
title: {
|
|
|
- textStyle:{ fontSize:14,color: this.colorw }
|
|
|
|
|
|
|
+ textStyle:{ fontSize:12,color: this.colorw }
|
|
|
},
|
|
},
|
|
|
legend: {
|
|
legend: {
|
|
|
textStyle: {
|
|
textStyle: {
|
|
|
- color: '#B0CEFC' // 图例文字颜色
|
|
|
|
|
|
|
+ fontSize: 8,
|
|
|
|
|
+ color: '#B0CEFC' // 图例文字颜色
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
|
|
+ tooltip: {
|
|
|
|
|
+ // 当trigger : axis 鼠标移入标线不会有悬浮框出现 params的值为一个数组,只会悬浮series
|
|
|
|
|
+ // 当trigger : item 鼠标移入标线有悬浮框出现 params的值为一个对象,会区别鼠标移入的是series还是markLine
|
|
|
|
|
+ // 使用axis 注释掉formatter 自己写也行 ;使用item放开formatter
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ trigger: "item",//axis item
|
|
|
|
|
+ axisPointer: {
|
|
|
|
|
+ type: "cross",
|
|
|
|
|
+ label: {
|
|
|
|
|
+ backgroundColor: "#6a7985",
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ formatter: (params) => {
|
|
|
|
|
+ return this.zhiliangzhibiaotitle[params.seriesIndex].allt
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
grid: {
|
|
grid: {
|
|
|
top: '20%',
|
|
top: '20%',
|
|
|
left: '3%',
|
|
left: '3%',
|
|
@@ -922,11 +985,13 @@
|
|
|
},
|
|
},
|
|
|
goBack(){
|
|
goBack(){
|
|
|
this.$router.back(-1)
|
|
this.$router.back(-1)
|
|
|
|
|
+ this.fadeinout = true
|
|
|
clearInterval(this.timer1);
|
|
clearInterval(this.timer1);
|
|
|
},
|
|
},
|
|
|
rollcontinue(){
|
|
rollcontinue(){
|
|
|
|
|
+ this.fadeinout = false
|
|
|
this.timer1 = setInterval(()=>{
|
|
this.timer1 = setInterval(()=>{
|
|
|
- if(this.pageOT>=Math.ceil(this.pageAll/2)+2){
|
|
|
|
|
|
|
+ if(this.pageOT>=Math.ceil(this.pageAll/2)+7){
|
|
|
this.pageOT=1
|
|
this.pageOT=1
|
|
|
}else{
|
|
}else{
|
|
|
this.pageOT = this.pageOT + 1
|
|
this.pageOT = this.pageOT + 1
|
|
@@ -935,6 +1000,7 @@
|
|
|
this.rollup=true
|
|
this.rollup=true
|
|
|
},
|
|
},
|
|
|
rollstop(){
|
|
rollstop(){
|
|
|
|
|
+ this.fadeinout = true
|
|
|
clearInterval(this.timer1);
|
|
clearInterval(this.timer1);
|
|
|
console.log('dfhjsdifjsojfjiofjoijdiffffjidffffff')
|
|
console.log('dfhjsdifjsojfjiofjoijdiffffjidffffff')
|
|
|
this.rollup=false
|
|
this.rollup=false
|
|
@@ -1075,4 +1141,26 @@
|
|
|
background-color: rgba(0,0,0,0);
|
|
background-color: rgba(0,0,0,0);
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
}
|
|
}
|
|
|
|
|
+.fade-in {
|
|
|
|
|
+ animation: fadeIn 1s linear forwards;
|
|
|
|
|
+}
|
|
|
|
|
+@keyframes fadeIn {
|
|
|
|
|
+ from {
|
|
|
|
|
+ opacity: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ to {
|
|
|
|
|
+ opacity: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.fade-out {
|
|
|
|
|
+ animation: fadeOut 1s linear forwards;
|
|
|
|
|
+}
|
|
|
|
|
+@keyframes fadeOut {
|
|
|
|
|
+ from {
|
|
|
|
|
+ opacity: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+ to {
|
|
|
|
|
+ opacity: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|