修改管审看板

src/business/platform/form/formrender/dynamic-form/mixins/StatisOrRecordTable.vue

@@ -26,7 +26,7 @@
 <script>
   import $dialog from '@/utils/dialog'
   import store from '@/store'
-  import templateStatis from '@/views/statistics/index.vue'
+  import templateStatis from '@/views/statistics/indexold.vue'
   import { mapState, mapGetters, mapActions } from 'vuex'
   export default {
     components:{

src/views/statistics/indexold.vue

@@ -0,0 +1,411 @@
+<template>
+  <!-- <dv-full-screen-container> -->
+    <el-scrollbar class="screen" ref="scrollDiv" >
+    <!-- :style="{height:height}" -->
+      <div class="statistics">
+        <div class="editDate">
+          <!-- <div class="stitle">实验室看板大屏</div> -->
+          <!-- <div class="block" style="display:none">
+            <span class="demonstration">开始:</span>
+            <el-date-picker v-model="BeginDate" type="year" size="mini" value-format="yyyy" format="yyyy年"  style="width: 96px;"
+              :clearable="false" @change="checkYear(BeginDate,'begin')" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+
+          <div class="block">
+            <span class="demonstration">查询年度:</span>
+            <el-date-picker v-model="endDate" type="year" size="mini" value-format="yyyy" format="yyyy年"  :clearable="false" style="width: 96px;"
+              @change="checkYear(endDate,'end')" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+
+          <div class="block">
+            <el-button type="primary" size="mini" plain @click="selectAll">
+              查询
+            </el-button>
+          </div>
+
+          <div class="goBackButton" @click.prevent="goBack()" >
+            返回
+          </div> -->
+
+        </div>
+        <!-- <div class="ttitle">质量目标统计</div> -->
+        <div class="componentsData" v-if="relOf">
+            <s1zhiLiangMuBiao :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[1]" :data = "getS1renwu()"/>
+            <s1jianCe :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[5]" :data = "getS2jianCe()" />
+            <s2manYiDu :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[7]"  :data = "getS2manYiDu()"/>
+            <s3tousu :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[6]" :data = "getS3tousu()"/>
+            <s13shengwuCol :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[17]"/>
+            <!-- <s1zhiLiang1 :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[2]"    />
+            <s1zhiLiang2 :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[3]"   />
+            <s1zhiLiang3 :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[4]"  /> -->
+
+            
+            <!-- <s4renYuanPeiXun :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[8]" :data = "getS4renYuanPeiXun()"/> -->
+
+            <!-- <none :width="static=='row' ? '20%': '100%'"
+            /> -->
+            <!-- <s6sheBeiWeiHu :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[10]" :data = "getS6sheBeiWeiHu()"/> -->
+            <!-- <s7sheBeiJiaoZhun :width="'50%'"
+            v-if="showAll || showComponents[12]" :data = "getJiaoYanObjNum()"/>
+            <s8sheBeiHeCha :width="'50%'"
+            v-if="showAll || showComponents[11]" :data = "gethechaObjNum()"/> -->
+            <!-- <s10waiBuNengLi :width="'50%'"
+            v-if="showAll || showComponents[14]" :data = "getnengtliObjNum()"/> -->
+            <!-- <s11biaoZhunWu :width="'50%'"
+            v-if="showAll || showComponents[15]" :data = "getbiaozhunObjNum()"/> -->
+            <!-- <s5renYuanJianDu :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[9]" :data = "getS5renYuanJianDu()"/> -->
+            <!-- <s9neiBuZhiLiang :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[13]" :data = "getS9neiBuZhiLiang()"/> -->
+            <!-- <s12fengXian :width="static=='row' ? '20%': '100%'"
+            v-if="showAll || showComponents[13]" :data = "getS12fengXian()"/> -->
+            <!-- <div class="clear"></div> -->
+        <!-- </div> -->
+        <!-- <div class="ttitle">人员培训与管理</div> -->
+        <!-- <div class="componentsData" v-if="relOf"> -->
+            <s4renYuanPeiXun :width="static=='row' ? '25%': '100%'"
+            v-if="showAll || showComponents[8]" :data = "getS4renYuanPeiXun()"/>
+            <s5renYuanJianDu :width="static=='row' ? '25%': '100%'"
+            v-if="showAll || showComponents[9]" :data = "getS5renYuanJianDu()"/>
+            <div class="clear"></div>
+
+        <!-- </div> -->
+        <!-- <div class="ttitle">设备维保</div> -->
+        <!-- <div class="componentsData" v-if="relOf"> -->
+            <s7sheBeiJiaoZhun :width="'33%'"
+            v-if="showAll || showComponents[12]" :data = "getJiaoYanObjNum()"/>
+            <s8sheBeiHeCha :width="'33%'"
+            v-if="showAll || showComponents[11]" :data = "gethechaObjNum()"/>
+            <s11biaoZhunWu :width="'33%'"
+            v-if="showAll || showComponents[15]" :data = "getbiaozhunObjNum()"/>
+            <!-- <div class="clear"></div>
+
+        </div>
+        <div class="ttitle">质量控制</div>
+        <div class="componentsData" v-if="relOf"> -->
+            <s9neiBuZhiLiang :width="static=='row' ? '25%': '100%'"
+            v-if="showAll || showComponents[13]" :data = "getS9neiBuZhiLiang()"/>
+            <s10waiBuNengLi :width="static=='row' ? '25%': '100%'"
+            v-if="showAll || showComponents[14]" :data = "getnengtliObjNum()"/>
+            <div class="clear"></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>
+       
+
+
+
+      </div>
+    </el-scrollbar>
+  <!-- </dv-full-screen-container> -->
+</template>
+
+<script>
+  //全屏展示
+  import screenfull from 'screenfull'
+  //大屏标题组件
+  // import headerDecoration from './headerDecoration'
+
+  import s1zhiLiangMuBiao from './item/s1zhiLiangMuBiao.vue'
+  import s1zhiLiang1 from './item/s1zhiLiang1.vue'
+  import s1zhiLiang2 from './item/s1zhiLiang2.vue'
+  import s1zhiLiang3 from './item/s1zhiLiang3.vue'
+  
+  import s1jianCe from './item/s1jianCe.vue'
+  import s2manYiDu from './item/s2manYiDu.vue'
+  import s3tousu from './item/s3tousu.vue'
+  import s4renYuanPeiXun from './item/s4renYuanPeiXun.vue'
+  import s5renYuanJianDu from './item/s5renYuanJianDu.vue'
+  import s6sheBeiWeiHu from './item/s6sheBeiWeiHu.vue'
+  import s7sheBeiJiaoZhun from './item/s7sheBeiJiaoZhun.vue'
+  import s8sheBeiHeCha from './item/s8sheBeiHeCha.vue'
+  import s9neiBuZhiLiang from './item/s9neiBuZhiLiang.vue'
+  import s10waiBuNengLi from './item/s10waiBuNengLi.vue'
+  import s11biaoZhunWu from './item/s11biaoZhunWu.vue'
+  import s12fengXian from './item/s12fengXian.vue'
+  import s13shengwuCol from './item/s13shengwuCol.vue'
+
+  import none from './item/none.vue'
+
+  import { DBData ,getConfig,getJiaoYanObj, gethechaObj, getnengliObj, getbiaozhunObj} from './js/selectDB.js'
+  import sendDatas from './sendDatas.js'
+  import repostCurd from '@/business/platform/form/utils/custom/joinCURD.js'
+  export default {
+    components:{
+      // headerDecoration,
+      none,
+      s1zhiLiang1,
+      s1zhiLiang2,
+      s1zhiLiang3,
+      s1zhiLiangMuBiao,
+      s1jianCe,
+      s2manYiDu,
+      s3tousu,
+      s4renYuanPeiXun,
+      s5renYuanJianDu,
+      s6sheBeiWeiHu,
+      s7sheBeiJiaoZhun,
+      s8sheBeiHeCha,
+      s9neiBuZhiLiang,
+      s10waiBuNengLi,
+      s11biaoZhunWu,
+      s12fengXian,
+      s13shengwuCol
+    },
+    props:{
+    shows:{ //传入的内容显示序号
+        type: Array,
+        default:() => []
+      },
+    static:{ //显示类型，默认为横向   ,作为表单统计图的外部引用为 line
+        type: String,
+        default:'row'
+      }
+   },
+    mixins: [sendDatas],
+    mounted() {
+      /*以shows是否有参数来判断， 是否需要仅显示部分子组件*/
+      if(this.shows.length>0){
+        this.showAll=false
+        this.isShowComponents()
+      }
+      /* 开始及结束时间的默认设置*/
+      if (!this.BeginDate && !this.endDate) {
+        this.BeginDate = this.getDate(1) + ''
+        this.endDate = this.getDate(0) + ''
+        this.dataScope.push(this.BeginDate)
+        this.dataScope.push(this.endDate)
+      }
+      this.getConfigData() //获取统计的配置
+    },
+    data() {
+      return {
+        height:(window.screen.height-200)+"px",
+        BeginDate: '',
+        endDate: '',
+        jiaoyanObj:[],
+        hechaObj:[],
+        nengliObj:[],
+        biaozhunObj:[],
+        relData: {},
+        relOf: false,
+        selectEnd: '',
+        selectBeg: '',
+        showAll:true,
+        timer: '',
+        showComponents:{},//显示全部统计子组件 , 若有新增，往后累计。 供动态表单进行查阅使用。
+        dataScope: []
+      }
+    },
+     beforeDestroy() {
+          clearInterval(this.timer);
+        },
+    methods: {
+      /* 判断是否统计子组件中传递过来的，是否需要隐藏。若需要则进行隐藏的遍历  */
+      isShowComponents(){
+        /* 将参数进行显示 */
+          for(let i=0;i<this.shows.length;i++){
+            this.showComponents[this.shows[i]] = true
+          }
+      },
+      /* 查询统计配置中的完成率*/
+      getConfigData() {
+        repostCurd('sql', getConfig()).then(response => {
+          this.config = response.variables.data //结果一定存在第0个，因为只有一条数据
+          this.getJiaoYanObjData(this.endDate)
+
+        })
+      },
+      getJiaoYanObjData(end) {
+        repostCurd('sql', getJiaoYanObj(end)).then(response => {
+          this.jiaoyanObj = response.variables.data //结果一定存在第0个，因为只有一条数据
+          // this.getData(this.BeginDate, this.endDate, true, this.dataScope)
+          this.gethechaObjData(this.endDate)
+        })
+      },
+      gethechaObjData(end) {
+        repostCurd('sql', gethechaObj(end)).then(response => {
+          this.hechaObj = response.variables.data //结果一定存在第0个，因为只有一条数据
+          // this.getData(this.BeginDate, this.endDate, true, this.dataScope)
+          this.getnengliObjData(this.endDate)
+        })
+      },
+      getnengliObjData(end) {
+        repostCurd('sql', getnengliObj(end)).then(response => {
+          this.nengliObj = response.variables.data //结果一定存在第0个，因为只有一条数据
+          // this.getData(this.BeginDate, this.endDate, true, this.dataScope)
+          this.getbiaozhunObjData(this.endDate)
+        })
+      },
+      getbiaozhunObjData(end) {
+        repostCurd('sql', getbiaozhunObj(end)).then(response => {
+          this.biaozhunObj = response.variables.data //结果一定存在第0个，因为只有一条数据
+          // this.getData(this.BeginDate, this.endDate, true, this.dataScope)
+          console.log(this.biaozhunObj,'8888')
+          this.getData(this.BeginDate, this.endDate, true, this.dataScope)
+        })
+      },
+      /* 通过拼接的sql进行查询全部数据*/
+      getData(beg, end, of, scope) {
+        repostCurd('sql', DBData(beg, end, scope)).then(response => {
+          this.relData = response.variables.data[0] //结果一定存在第0个，因为只有一条数据
+          this.relOf = of
+          console.log(beg, end, of, response,'getdata')
+        })
+      },
+      /* 查询全部*/
+      selectAll() {
+        /* 上次查询时间不等于当次查询时间，    开始时间不能等于结束时间， 则开始查询。*/
+        if (this.selectEnd != this.endDate) {
+        // 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.selectEnd = this.endDate
+          this.selectBeg = this.BeginDate
+          /* 延迟刷新*/
+          this.timer = setInterval(() => {
+            if (!this.relOf) {
+              this.relOf = true
+              clearInterval(this.timer)
+            }
+          }, 100);
+        } 
+        // else if (this.endDate == this.BeginDate) {
+        //   this.$message({
+        //     showClose: true,
+        //     message: '年份相等无法进行查询对比',
+        //     type: 'warning'
+        //   });
+        // } else if(this.endDate < this.BeginDate){
+        //   this.$message({
+        //     showClose: true,
+        //     message: '结束时间不得小于开始时间',
+        //     type: 'warning'
+        //   });
+        // }
+      },
+      /* 年份不得大于当前年份*/
+      checkYear(year, data) {
+        let that = this
+        that.dataScope.length = 0
+        if(that.BeginDate != '' && that.endDate != ''){
+          let poor = Number(that.endDate) - Number(that.BeginDate)
+          for (let i = 0; i <= poor; i++) {
+            let element = Number(that.BeginDate) + i;
+            that.dataScope.push(element+'')
+          }
+        }
+        if (Number(year) > Number(this.getDate(0))) {
+          data == 'end' ?
+            this.endDate = this.getDate(0) + '' :
+            this.BeginDate = this.getDate(0) + ''
+
+          this.$message({
+            showClose: true,
+            message: '年份不得大于当前年份',
+            type: 'warning'
+          });
+        }
+      },
+      /* 获取当前年份*/
+      getDate(year) {
+        year = year || 0
+        let nowDate = new Date();
+        return nowDate.getFullYear() - year;
+      },
+      allView(){
+        screenfull.request() //默认显示全屏
+      },
+      goBack(){
+        this.$router.back(-1)
+      }
+    },
+    created() {
+      //时间
+      this.currentTime()
+      if(screenfull.isEnabled && !screenfull.isFullscreen){
+      this.allView()
+        
+      }
+    },
+    beforeDestroy() {
+      if(screenfull.isFullscreen){
+        screenfull.toggle()
+        }
+    }
+  }
+</script>
+<style lang="scss">
+  .statistics {
+    .editDate{
+      overflow: hidden;
+      background-color:rgb(249, 255, 255);
+      position: relative;
+
+    }
+    .block{
+      float: left;
+      font-size: 14px;
+     }
+  }
+  #dv-full-screen-container {
+    // background-image: url('./img/stars.png');
+    // background-size: 100% 100%;
+    // box-shadow: 0 0 3px blue;bete
+    // display: flex;
+    // flex-direction: column;
+    background-color: #f9ffff;
+    display: flex;
+    flex-direction:column;
+    align-items: stretch;
+    
+  //  .headerContent{
+  //   flex: 1;
+    
+  //   // background-color: rgb(99, 12, 41);
+    
+
+  //  }
+  }
+  .goBackButton{
+    width: 2%;
+    position: absolute;
+    right: 0;
+  }
+  #dv-border-box-8{
+    border: none;
+  }
+  .stitle{
+    text-align: center;
+    font-size: 150%;
+    // font-family: PingFangSC-Semibold, sans-serif;
+    font-weight: 600;
+    margin: 0;
+  }
+  .ttitle{
+    font-size: 120%;
+    font-weight: 600;
+    margin: 1% 0;
+  }
+  .screen{
+    height: 90%;
+  }
+  .clear{ clear: both; }
+</style>