|
|
@@ -76,123 +76,131 @@
|
|
|
</div>
|
|
|
<dv-border-box-7 backgroundColor="rgba(6, 30, 93, 0.5)" ><div class="ttitle">质量方针:公正、科学、准确、高效</div></dv-border-box-7>
|
|
|
<div class="congxiebox7" style="display: flex;justify-content: space-between;padding: 1.5% 0.2%;">
|
|
|
- <div class="gongshiAll" style="width:16.4%">
|
|
|
- <div class="touwidth">检测任务完成率=</div>
|
|
|
- <div style="margin: 0 0.2%;">
|
|
|
- <div class="gongshiXian">完成检测项目数量</div>
|
|
|
- <div style="text-align:center;font-size:12px;padding-top: 6%;">有效检测任务总数</div>
|
|
|
+ <div style="width:16.4%">
|
|
|
+ <div class="gongshiAll">
|
|
|
+ <div class="touwidth">检测任务完成率=</div>
|
|
|
+ <div style="margin: 0 0.2%;">
|
|
|
+ <div class="gongshiXian">完成检测项目数量</div>
|
|
|
+ <div style="text-align:center;font-size:12px;padding-top: 6%;">有效检测任务总数</div>
|
|
|
+ </div>
|
|
|
+ <div>×100%</div>
|
|
|
</div>
|
|
|
- <div>×100%</div>
|
|
|
+ <div class="mubiaozhi">当前目标值:{{quality[0].val}}</div>
|
|
|
</div>
|
|
|
- <div class="gongshiAll" style="width:21.4%">
|
|
|
- <div class="touwidth">检测报告差错率=</div>
|
|
|
- <div style="margin: 0 0.2%;">
|
|
|
- <div class="gongshiXian">统计期内检测数据的差错次数</div>
|
|
|
- <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内检测报告总数</div>
|
|
|
+ <div style="width:21.4%">
|
|
|
+ <div class="gongshiAll">
|
|
|
+ <div class="touwidth">检测报告差错率=</div>
|
|
|
+ <div style="margin: 0 0.2%;">
|
|
|
+ <div class="gongshiXian">统计期内检测数据的差错次数</div>
|
|
|
+ <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内检测报告总数</div>
|
|
|
+ </div>
|
|
|
+ <div>×100%</div>
|
|
|
</div>
|
|
|
- <div>×100%</div>
|
|
|
+ <div class="mubiaozhi">当前目标值:{{quality[1].val}}</div>
|
|
|
</div>
|
|
|
- <div class="gongshiAll" style="width:17.4%">
|
|
|
- <div class="touwidth">客户满意度=</div>
|
|
|
- <div style="margin: 0 0.2%;">
|
|
|
- <div class="gongshiXian">评分得分*有效问卷数量</div>
|
|
|
- <div style="text-align:center;font-size:12px;padding-top: 6%;">有效问卷总分</div>
|
|
|
+ <div style="width:17.4%">
|
|
|
+ <div class="gongshiAll">
|
|
|
+ <div class="touwidth">客户满意度=</div>
|
|
|
+ <div style="margin: 0 0.2%;">
|
|
|
+ <div class="gongshiXian">评分得分*有效问卷数量</div>
|
|
|
+ <div style="text-align:center;font-size:12px;padding-top: 6%;">有效问卷总分</div>
|
|
|
+ </div>
|
|
|
+ <div>×100%</div>
|
|
|
</div>
|
|
|
- <div>×100%</div>
|
|
|
+ <div class="mubiaozhi">当前目标值:{{quality[2].val}}</div>
|
|
|
</div>
|
|
|
- <div class="gongshiAll" style="width:17.4%">
|
|
|
- <div class="touwidth">投诉率=</div>
|
|
|
- <div style="margin: 0 0.2%;">
|
|
|
- <div class="gongshiXian">统计期内有效投诉项目数</div>
|
|
|
- <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内检测委托总数</div>
|
|
|
+ <div style="width:17.4%">
|
|
|
+ <div class="gongshiAll">
|
|
|
+ <div class="touwidth">投诉率=</div>
|
|
|
+ <div style="margin: 0 0.2%;">
|
|
|
+ <div class="gongshiXian">统计期内有效投诉项目数</div>
|
|
|
+ <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内检测委托总数</div>
|
|
|
+ </div>
|
|
|
+ <div>×100%</div>
|
|
|
</div>
|
|
|
- <div>×100%</div>
|
|
|
+ <div class="mubiaozhi">当前目标值:{{quality[3].val}}</div>
|
|
|
</div>
|
|
|
- <div class="gongshiAll" style="width:27.4%">
|
|
|
- <div class="touwidth">投诉回复及时率=</div>
|
|
|
- <div style="margin: 0 0.2%;">
|
|
|
- <div class="gongshiXian">统计期内投诉处理完成次数</div>
|
|
|
- <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内有效投诉总次数</div>
|
|
|
+ <div style="width:27.4%">
|
|
|
+ <div class="gongshiAll">
|
|
|
+ <div class="touwidth">投诉回复及时率=</div>
|
|
|
+ <div style="margin: 0 0.2%;">
|
|
|
+ <div class="gongshiXian">统计期内投诉处理完成次数</div>
|
|
|
+ <div style="text-align:center;font-size:12px;padding-top: 6%;">统计期内有效投诉总次数</div>
|
|
|
+ </div>
|
|
|
+ <div>×100%</div>
|
|
|
</div>
|
|
|
- <div>×100%</div>
|
|
|
+ <div class="mubiaozhi">当前目标值:{{quality[4].val}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="congxiebox7">
|
|
|
+ <div class="congxiebox7" v-if="pageOT">
|
|
|
<div class="ttitle" style="text-align: center;">质量目标统计</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
|
- <s1zhiLiangMuBiao :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s1zhiLiangMuBiao :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw" :mubiao = "quality[0].val"
|
|
|
v-if="showAll || showComponents[1]" :data = "getS1renwu()"/>
|
|
|
- <s1jianCe :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s1jianCe :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw" :mubiao = "quality[1].val"
|
|
|
v-if="showAll || showComponents[5]" :data = "getS2jianCe()" />
|
|
|
- <s2manYiDu :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s2manYiDu :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw" :mubiao = "quality[2].val"
|
|
|
v-if="showAll || showComponents[7]" :data = "getS2manYiDu()"/>
|
|
|
- <s3tousu :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s3tousu :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw" :mubiao = "quality[3].val"
|
|
|
v-if="showAll || showComponents[6]" :data = "getS3tousu()"/>
|
|
|
- <s13shengWu :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s13shengWu :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw" :mubiao = "quality[4].val"
|
|
|
v-if="showAll || showComponents[17]" :data = "getS3tousu()"/>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:49%">
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:49%" v-if="pageOT">
|
|
|
<div class="ttitle" style="margin:2% 0;text-align: center;">人员培训与管理</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
|
- <s4renYuanPeiXun :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
+ <s4renYuanPeiXun :height="'290%'" :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[8]" :data = "getS4renYuanPeiXun()"/>
|
|
|
- <s5renYuanJianDu :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
+ <s5renYuanJianDu :height="'290%'" :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[9]" :data = "getS5renYuanJianDu()"/>
|
|
|
<!-- <div class="clear"></div> -->
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="congxiebox7" style="display:inline-block;width:49%;float:right;">
|
|
|
+ <div class="congxiebox7" style="display:inline-block;width:49%;float:right;" v-if="pageOT">
|
|
|
<div class="ttitle" style="margin:2% 0;text-align: center;">设备维保</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
|
- <s7sheBeiJiaoZhun :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
+ <s7sheBeiJiaoZhun :height="'290%'" :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[12]" :data = "getJiaoYanObjNum()"/>
|
|
|
- <s8sheBeiHeCha :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
+ <s8sheBeiHeCha :height="'290%'" :width="static=='row' ? '50%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[11]" :data = "gethechaObjNum()"/>
|
|
|
<!-- <div class="clear"></div> -->
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="congxiebox7" >
|
|
|
+ <div class="congxiebox7" v-if="!pageOT">
|
|
|
|
|
|
<div class="ttitle" style="text-align: center;">标准物质</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
|
- <s11biaoZhunWu :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
+ <s11biaoZhunWu :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[15]" :data = "getbiaozhunObjNum()"/>
|
|
|
- <s16bzJunZhu :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
+ <s16bzJunZhu :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[20]" :data = "getbzJunZhujNum()"/>
|
|
|
- <s17bzXiBao :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
+ <s17bzXiBao :height="'290%'" :width="static=='row' ? '33%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[21]" :data = "getbzXiBaoObjNum()"/>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="congxiebox7" >
|
|
|
+ <div class="congxiebox7" v-if="!pageOT">
|
|
|
|
|
|
- <div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
+ <div class="ttitle" style="text-align: center;">质量管理</div>
|
|
|
<div class="componentsData" v-if="relOf">
|
|
|
- <s9neiBuZhiLiang :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s9neiBuZhiLiang :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[13]" :data = "getS9neiBuZhiLiang()"/>
|
|
|
- <s10waiBuNengLi :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s10waiBuNengLi :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[14]" :data = "getnengtliObjNum()"/>
|
|
|
- <s14bufuhexiang :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s14bufuhexiang :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[18]" :data = "getS14bufuhexiang()"/>
|
|
|
- <s15tousu :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s15tousu :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[19]" :data = "getS3tousu()"/>
|
|
|
- <s12fengXian :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
+ <s12fengXian :height="'290%'" :width="static=='row' ? '20%': '100%'" :colorw = "colorw"
|
|
|
v-if="showAll || showComponents[16]" :data = "getS12fengXian()"/>
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="ttitle">风险控制</div>
|
|
|
- <div class="componentsData" v-if="relOf">
|
|
|
- <s12fengXian :width="static=='row' ? '25%': '100%'"
|
|
|
- v-if="showAll || showComponents[16]" :data = "getS12fengXian()"/>
|
|
|
- <div class="clear"></div>
|
|
|
-
|
|
|
- </div> -->
|
|
|
|
|
|
|
|
|
|
|
|
@@ -237,6 +245,7 @@
|
|
|
import { DBData ,getConfig,getJiaoYanObj, gethechaObj, getnengliObj, getbiaozhunObj,getbiaozhunTObj,getbzJunZhuObj,getbzJunZhuTObj,getbzXiBaoObj,getbzXiBaoTObj} from './js/selectDB.js'
|
|
|
import sendDatas from './sendDatas.js'
|
|
|
import repostCurd from '@/business/platform/form/utils/custom/joinCURD.js'
|
|
|
+import * as forEach from 'lodash/forEach'
|
|
|
export default {
|
|
|
components:{
|
|
|
headerDecoration,
|
|
|
@@ -288,6 +297,12 @@
|
|
|
this.dataScope.push(this.endDate)
|
|
|
}
|
|
|
this.getConfigData() //获取统计的配置
|
|
|
+ this.getqualityData()
|
|
|
+
|
|
|
+ this.timer1 = setInterval(()=>{
|
|
|
+ this.pageOT = !this.pageOT
|
|
|
+ console.log(this.pageOT)
|
|
|
+ },300000)
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -309,14 +324,26 @@
|
|
|
selectBeg: '',
|
|
|
showAll:true,
|
|
|
timer: '',
|
|
|
+ timer1: '',
|
|
|
showComponents:{},//显示全部统计子组件 , 若有新增,往后累计。 供动态表单进行查阅使用。
|
|
|
dataScope: [],
|
|
|
- colorw: '#fff'
|
|
|
+ colorw: '#fff',
|
|
|
+ pageOT: true,
|
|
|
+ quality:[
|
|
|
+ {name: '任务及时完成率' ,val: ''},
|
|
|
+ {name: '检测报告差错率' ,val: ''},
|
|
|
+ {name: '客户满意度' ,val: ''},
|
|
|
+ {name: '投诉率' ,val: ''},
|
|
|
+ {name: '投诉处理及时率' ,val: ''}
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
- clearInterval(this.timer);
|
|
|
- },
|
|
|
+ if(screenfull.isFullscreen){
|
|
|
+ screenfull.toggle()
|
|
|
+ }
|
|
|
+ clearInterval(this.timer);
|
|
|
+ },
|
|
|
methods: {
|
|
|
/* 判断是否统计子组件中传递过来的,是否需要隐藏。若需要则进行隐藏的遍历 */
|
|
|
isShowComponents(){
|
|
|
@@ -325,6 +352,20 @@
|
|
|
this.showComponents[this.shows[i]] = true
|
|
|
}
|
|
|
},
|
|
|
+ getqualityData() {
|
|
|
+ let sql='select xiang_mu_ming_,mu_biao_zhi_ from t_zlmbz'
|
|
|
+ repostCurd('sql', sql).then(response => {
|
|
|
+ let a = response.variables.data //结果一定存在第0个,因为只有一条数据
|
|
|
+ this.quality.forEach((t,i)=>{
|
|
|
+ a.forEach(e => {
|
|
|
+ if (t.name === e.xiang_mu_ming_) {
|
|
|
+ t.val = e.mu_biao_zhi_
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ console.log(this.quality,'546546654gsdf')
|
|
|
+ })
|
|
|
+ },
|
|
|
/* 查询统计配置中的完成率*/
|
|
|
getConfigData() {
|
|
|
repostCurd('sql', getConfig()).then(response => {
|
|
|
@@ -419,6 +460,8 @@
|
|
|
// if ((this.selectEnd != this.endDate || this.selectBeg != this.BeginDate) && this.endDate != this.BeginDate && this.endDate > this.BeginDate) {
|
|
|
// this.getData(this.BeginDate, this.endDate, false, this.dataScope)
|
|
|
this.getConfigData()
|
|
|
+ this.getqualityData()
|
|
|
+
|
|
|
// this.$forceUpdate();
|
|
|
|
|
|
// this.selectEnd = this.endDate
|
|
|
@@ -494,6 +537,7 @@
|
|
|
},
|
|
|
goBack(){
|
|
|
this.$router.back(-1)
|
|
|
+ clearInterval(this.timer1);
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -503,11 +547,6 @@
|
|
|
this.allView()
|
|
|
|
|
|
}
|
|
|
- },
|
|
|
- beforeDestroy() {
|
|
|
- if(screenfull.isFullscreen){
|
|
|
- screenfull.toggle()
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -545,6 +584,9 @@
|
|
|
|
|
|
// }
|
|
|
}
|
|
|
+ .el-scrollbar__wrap{
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
.goBackButton{
|
|
|
width: 2%;
|
|
|
position: absolute;
|
|
|
@@ -594,6 +636,10 @@
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
}
|
|
|
+ .mubiaozhi{
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 3%;
|
|
|
+ }
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.el-year-table .today .cell {
|