safecheck-client 3.1.1-gaomi-5 → 4.0.1

package/src/components/newuser/SearchGasWlw.vue

@@ -0,0 +1,291 @@
+<template>
+  <div style="flex:1;" class="flex">
+    <button class="btn btn-xs" v-show="!criteriaShow" @click="show()">
+      <span class="glyphicon glyphicon-chevron-down" style="color: #000;"></span>
+    </button>
+    <criteria-paged :model="model"  v-ref:paged>
+      <criteria partial='criteria' class="search_area" v-show="$parent.criteriaShow" @condition-changed='$parent.search' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">用户编号</label>
+              <input type="text" class="input_search" v-model="model.f_userinfo_code" id="f_userinfo_code" style="width:60%;"
+                     placeholder="用户编号" condition="f_userinfo_code like '%{}%'">
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">用户姓名</label>
+              <input type="text" class="input_search" v-model="model.f_user_name" id="f_user_name" style="width:60%;"
+                     placeholder="用户姓名" condition="f_user_name like '%{}%'">
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body"> &nbsp;&nbsp;&nbsp;地址&nbsp;&nbsp;&nbsp;</label>
+              <input type="text" class="input_search" v-model="model.f_address" id="f_address" style="width:60%;margin-left: 2px"
+                     placeholder="地址" condition="f_address like '%{}%'">
+            </div>
+            <div class="col-sm-8" style="width: 40%" v-if="$parent.$parent.criteriaShow">
+              <role-selector
+                role-name="安检员"
+                role-lable="安&nbsp;检&nbsp;员&nbsp;"
+                @re-res="$parent.$parent.getRes"
+                :value.sync="model.f_checker_name"
+                v-model="model.f_checker_name"
+                condition="f_checker_name = '{}'">
+              </role-selector>
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">用户类型</label>
+              <v-select id="f_usertype"
+                        placeholder='用户类型'
+                        class="select select_list"
+                        style="width: 60%"
+                        :value.sync="model.f_usertype"
+                        :value-single="true"
+                        :options='$parent.$parent.usertypes'
+                        v-model="model.f_usertype"
+                        condition="f_user_type = '{}'"
+                        close-on-select clear-button> </v-select>
+            </div>
+            <div class="col-sm-4" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body">开始时间</label>
+              <datepicker
+                class="select_list select"
+                :value.sync="model.f_check_start"
+                placeholder='开始时间' style="width: 60%"
+                :disabled-days-of-week="[]"
+                :format="'yyyy-MM-dd'"
+                :show-rest-button="reset"
+                v-model="model.f_check_start"
+                condition="f_upload_date > ='{} 00:00:00'">
+              </datepicker>
+            </div>
+            <div class="col-sm-4" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body">结束时间</label>
+              <datepicker
+                :value.sync="model.f_check_end"
+                placeholder='结束时间' style="width: 60%"
+                :disabled-days-of-week="[]"
+                :format="'yyyy-MM-dd'"
+                :show-rest-button="reset"
+                v-model="model.f_check_end"
+                condition="f_upload_date <=  '{} 23:59:59'">
+              </datepicker>
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">金额筛选</label>
+              <input type="text" class="input_search" v-model="model.f_gas_start" id="f_gas_start" style="width:60%;"
+                     placeholder="日均金额≥()" condition="avggas >= {}">
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">金额筛选</label>
+              <input type="text" class="input_search" v-model="model.f_gas_end" id="f_gas_end" style="width:60%;"
+                     placeholder="日均金额≤()" condition="avggas <= {}">
+            </div>
+            <div class="col-sm-4" style="width: 20%">
+              <label class="font_normal_body">调价居民</label>
+              <v-select id="f_gasuser"
+                        placeholder='调价居民'
+                        class="select select_list"
+                        style="width: 60%"
+                        :value.sync="model.f_gasuser"
+                        :value-single="true"
+                        :options='$parent.$parent.gasusertypes'
+                        v-model="model.f_gasuser"
+                        condition="{}=1"
+                        close-on-select clear-button> </v-select>
+            </div>
+          </div>
+          <div class="row">
+              <div class="col-sm-8"></div>
+              <div style="float: right;margin-right: 10px">
+                <export-excel   :data="$parent.$parent.searchData"
+                                :field="$parent.$parent.excelHeaders"
+                                sqlurl="api/af-safecheck/logic/exportfile" sql-name="safe_singleTable_OrderBy" :template-name='$parent.$parent.excelTitle'></export-excel>
+
+              </div>
+              <div class="span" style = "float:right;margin-right:10px">
+                <button type="button" class="button_search button_spacing" @click="search()">查询</button>
+              </div>
+            </div>
+          </div>
+
+      </criteria>
+      <data-grid :model="model" partial="list" class="list_area table_sy" v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th><nobr>用户编号</nobr></th>
+            <th><nobr>用户名称</nobr></th>
+            <th><nobr>用户地址</nobr></th>
+            <th><nobr>本次安检日期</nobr></th>
+            <th><nobr>上次安检日期</nobr></th>
+            <th><nobr>本次安检已用</nobr></th>
+            <th><nobr>上次安检已用</nobr></th>
+            <th><nobr>本次安检剩余</nobr></th>
+            <th><nobr>上次安检剩余</nobr></th>
+            <th><nobr>期间累购金额</nobr></th>
+            <th><nobr>间隔天数</nobr></th>
+            <th><nobr>期间用金额</nobr></th>
+            <th><nobr>日均用金额</nobr></th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center;">{{row.f_userinfo_code}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center;">{{row.f_user_name}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center;">{{row.f_address}}</td>
+          <td v-bind:class="{newcolor:row.code=='1'}" style="text-align: center">{{row.f_offsite_time}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.lasttime}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.used}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.lastused}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.remain}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.lastremain.toFixed(2)}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.amounttotalgas.toFixed(2)}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.amountday.toFixed(2)}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.amountusedgas.toFixed(2)}}</td>
+          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{row.avggas.toFixed(2)}}</td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+  import { HttpResetClass } from 'vue-client'
+  import co from 'co'
+  import echarts from 'echarts'
+  import * as Util from './../Util'
+  import Vue from 'vue'
+
+
+  let select = function* (self) {
+    let http = new HttpResetClass()
+    let getGasman = yield http.load('POST', '/rs/search', {
+      source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1))',
+      userid: self.$login.f.id
+    }, {resolveMsg: null, rejectMsg: null})
+    console.log('获取安检员', getGasman)
+    self.checkersid.push({label: '全部', value: ''})
+    getGasman.data.forEach((checker) => {
+      self.checkersid.push({label: checker.name, value: checker.id})
+    })
+  }
+
+  export default {
+    title: '用户安检情况',
+    data() {
+      let options = []
+      let year = (new Date()).getFullYear()
+      for (let i = year; i <= year + 3; i++)
+        options.push({label: i + '', value: i + ''})
+      let moptions = []
+      for (let i = 1; i <= 12; i++)
+        moptions.push({label: i + '', value: i + ''})
+
+      return {
+        criteriaShow:true,
+        usertypes:[{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')],
+        gasusertypes:[{label: '全部', value: ''},{label: '灶具', value: 'zaoju'},{label: '热水器', value: 'reshuiqi'},{label: '壁挂炉', value: 'bigulu'} ],
+
+        //excelTitle:'用户安检情况导出'+Util.toStandardTimeString().substring(11,19).replace(new RegExp( ':' , "g" ),""),
+        excelTitle:'非物联网表用户日均用金额导出',
+        searchData: {
+          condition1:'1=1',
+          items: '*',
+          tablename: "(select uf.f_filialeid,uf.f_user_type,CONVERT ( NUMERIC ( 19, 2 ), gc.amountusedgas+ gc.changetablegas- gc.beforetablegas ) AS amountusedgas2,CONVERT ( FLOAT, gc.amounttotalgas+ gc.changetablegas- gc.beforetablegas ) AS amounttotalgas2,CASE  when gc.amountday=0 THEN 0 else CONVERT (NUMERIC ( 19, 2 ),( CONVERT ( FLOAT, gc.amountusedgas+ gc.changetablegas- gc.beforetablegas ) ) / gc.amountday )  end AS avggas2,gc.*,d.* from (t_gasCountw gc with(nolock) LEFT JOIN (select * from t_userfiles with(nolock) where f_table_state='正常') uf ON gc.f_userinfoid= uf.f_userinfo_id left join (SELECT f_userfiles_id,MAX ( CASE WHEN f_devices_type = '壁挂炉' THEN 1 ELSE 0 END ) bigulu,MAX ( CASE WHEN f_devices_type = '热水器' THEN 1 ELSE 0 END ) reshuiqi,MAX ( CASE WHEN f_devices_type = '灶具' THEN 1 ELSE 0 END ) zaoju FROM t_devices with(nolock) GROUP BY f_userfiles_id) d on uf.f_userfiles_id = d.f_userfiles_id)) gg",
+          orderitem:"f_upload_date desc"
+        },
+        excelHeaders: {
+          //用户编号	用户名称	用户电话	安检次数	用户类型	小区名称	地址	安检日期	安检状态	安检结果
+
+          'f_userinfo_code': '用户编号',
+          'f_user_name': '用户名称',
+          'f_address': '用户地址',
+          'f_offsite_time': '本次安检日期',
+          'lasttime': '上次安检日期',
+          'used':'本次安检已用',
+          'lastused':'上次安检已用',
+          'remain':'本次安检剩余',
+          'lastremain':'上次安检剩余',
+          'amounttotalgas':'期间累购金额',
+          'amountday':'间隔天数',
+          'amountusedgas':'期间用金额',
+          'avggas':'日均用金额'
+        },
+        f_filialeids1:`(${this.$login.f.orgid})`,
+        model: new PagedList('api/af-safecheck/sql/safe_singleTable_OrderBy', 20, {
+          items: "'*'",
+          tablename: `"(select uf.f_filialeid,uf.f_user_type,CONVERT ( NUMERIC ( 19, 2 ), gc.amountusedgas+ gc.changetablegas- gc.beforetablegas ) AS amountusedgas2,CONVERT ( FLOAT, gc.amounttotalgas+ gc.changetablegas- gc.beforetablegas ) AS amounttotalgas2,CASE  when gc.amountday=0 THEN 0 else CONVERT (NUMERIC ( 10, 2 ),( CONVERT ( FLOAT, gc.amountusedgas+ gc.changetablegas- gc.beforetablegas ) ) / gc.amountday )  end AS avggas2,gc.*,d.* from (t_gasCountw gc with(nolock) LEFT JOIN (select * from t_userfiles with(nolock) where f_table_state='正常') uf ON gc.f_userinfoid= uf.f_userinfo_id left join (SELECT f_userfiles_id,MAX ( CASE WHEN f_devices_type = '壁挂炉' THEN 1 ELSE 0 END ) bigulu,MAX ( CASE WHEN f_devices_type = '热水器' THEN 1 ELSE 0 END ) reshuiqi,MAX ( CASE WHEN f_devices_type = '灶具' THEN 1 ELSE 0 END ) zaoju FROM t_devices with(nolock) GROUP BY f_userfiles_id) d on uf.f_userfiles_id = d.f_userfiles_id)) gg"`,
+          orderitem:"'f_upload_date desc'"
+        }),
+        checkersid:[],
+        f_checker:''
+      }
+    },
+    props: {
+      checkplan: { // 传入一条安检计划信息
+        type: Object
+      },
+      additemshow:{
+        type:Boolean,
+        default:false
+      }
+    },
+    ready() {
+      this.model.f_checker=''
+      this.model.f_filialeids = this.$login.f.f_orgids
+      let gen = select(this)
+      co(gen)
+    },
+    methods: {
+      search(args) {
+        args.condition += " and f_filialeid in  " + (this.model.f_filialeid ? this.model.f_filialeid : `(${this.$login.f.orgid})`)
+        this.searchData.condition=args.condition
+        return this.model.search( args.condition, args.model)
+      },
+      checkstatus() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('安检状态')]
+      },
+      // usertypes() {
+      //   return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      // },
+      userstates() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
+      },
+      show() {
+        this.criteriaShow = true
+      },
+      hidden() {
+        this.criteriaShow = false
+      },
+      cancel() {
+        this.showModal = false
+      },
+
+      getRes(obj){
+        this.model.f_filialeid = this.$login.convertToIn(obj.resids);
+        console.log("f_filialeid值发生改变："+this.model.f_filialeid)
+      },
+      getRes1(obj){
+        this.f_filialeids1 = this.$login.convertToIn(obj.resids);
+        console.log("打嗝日志----："+'-----'+this.f_filialeids1)
+      }
+    },
+
+    watch: {
+      'model.f_checker_id'(val){
+        console.log("77777777777777")
+        console.log(val)
+      }
+    },
+    computed: {
+    }
+  }
+</script>
+<style scoped>
+  .newcolor{
+    color:red;
+  }
+  .table th{
+    background-color: #f2f6fa;
+    color: black;
+  }
+</style>

package/src/components/newuser/SearchLargeAreaCompletion.vue

@@ -0,0 +1,338 @@
+<template>
+  <div class="flex-row">
+    <work-busy :is-busy="seaching" v-show="seaching"></work-busy>
+    <div class="basic-main">
+        <div  class="form-horizontal select-overspread container-fluid auto" >
+          <div class="row">
+            <div class="col-sm-3" style="width: 20%">
+              <label class="font_normal_body">&nbsp;大&nbsp;&nbsp;&nbsp;&nbsp;区&nbsp;</label>
+              <right-tree :userid.sync='userid' style="width: 60%;"
+                          :source.sync='source' @re-res="getRes" ></right-tree>
+            </div>
+            <div class="col-sm-3" style="width: 20%">
+              <label class="font_normal_body">统计年份</label>
+              <datepicker  placeholder="结束日期" style="width:60%"
+                           v-model="yearDate"
+                           :value.sync="yearDate"
+                           :format="'yyyy'"
+                           :show-reset-button="true"
+                           :select-year="true">
+              </datepicker>
+            </div>
+            <div class="col-sm-3" style="width: 20%">
+              <label class="font_normal_body">安检类型</label>
+              <v-select id="f_approved"
+                        class="select_list select"
+                        placeholder='安检类型' style="width: 60%"
+                        v-model='f_safecheck_type'
+                        :value.sync="f_safecheck_type"
+                        :options='f_safecheck_types'
+                        :value-single="true"
+                        close-on-select clear-button></v-select>
+            </div>
+
+
+            <div class="col-sm-3" style="width: 20%">
+              <label class="font_normal_body" style="line-height: 20px;">用户类型</label>
+              <v-select id="f_check_type"
+                        class="select_list select"
+                        placeholder='用户类型' style="width: 60%"
+                        v-model='f_check_type'
+                        :value.sync="f_check_type"
+                        :options='f_check_types'
+                        :value-single="true"
+                        close-on-select clear-button></v-select>
+            </div>
+
+
+            <div class="col-sm-3" style="width: 20%">
+              <div class="span" style="text-align: center;">
+                <button class="button_search" @click="search()">查询</button>
+                <export-excel   :data="searchData"
+                                :field="excelHeaders"
+                                sqlurl="api/af-safecheck/logic/exportfile" sql-name="SearchLargeAreaCheckSummaryTab"
+                                :template-name='excelTitle'></export-excel>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="table-responsive" style="width:100%; height:92%; overflow:scroll;">
+          <table class="table table-bordered diy-table" style="width:2000px; height:100%; text-align:center">
+            <thead>
+                <tr >
+                  <th colspan="32" class="tableinfo">{{thisf_orgname}}{{thisYear}}年度各公司年度{{thissafecheck_type}}完成情况统计表</th>
+                </tr>
+              <tr>
+                <th>序号</th>
+                <th>公司名称</th>
+                <th>全年应完成总数</th>
+                <template v-for="index of 12">
+                  <th>{{index+1}}月完成数</th>
+                  <th>{{index+1}}月完成率</th>
+                </template>
+                <th>累计完成数</th>
+                <th>累计完成率</th>
+                <th>累计到访不遇数</th>
+                <th>累计到访不遇率</th>
+              </tr>
+            </thead>
+
+            <tbody>
+                <tr v-for="(index,item) in resData">
+                    <td>{{$index+1}}</td>
+                    <td>{{item[0].orgname}}</td>
+                    <td>{{item[0].useinfosum}}</td>
+                  <template v-for="idx of 12">
+                    <template v-for="it of item">
+                      <td v-if="(idx+1)===it.mon" >
+                        {{it.checkcount}}
+                      </td>
+                      <td v-if="(idx+1)===it.mon ">
+                        {{it.checkcompletion}}
+                      </td>
+                    </template>
+                  </template>
+                    <td>{{item[0].checksumcount}}</td>
+                    <td>{{item[0].checksumcompletion}}</td>
+                    <td>{{item[0].novisitsum}}</td>
+                    <td>{{item[0].novisitsumcompletion}}</td>
+                </tr>
+            <tr>
+              <td>合计</td>
+              <td>{{thisf_orgname}}</td>
+              <td>{{numberOfSecurityChecksInTheYear}}</td>
+              <template v-for="idx of 12">
+                <td>{{numberOfSecurityChecksPerMonth(idx+1,false)}}</td>
+                <td>{{numberOfSecurityChecksPerMonth(idx+1,true)}}</td>
+              </template>
+              <td>{{cumulativeCompletion(false)}}</td>
+              <td>{{cumulativeCompletion(true)}}</td>
+              <td>{{unexpectedVisits(false)}}</td>
+              <td>{{unexpectedVisits(true)}}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from "vue-client";
+import Datepicker from 'vue-client/src/vue-strap/src/Datepicker'
+import * as Util from '../Util'
+import Vue from "vue";
+
+
+export default {
+  title:'安检率报表（大区）',
+  data() {
+    return {
+      seaching: false,
+      userid: this.$login.f.id,
+      // source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))`,
+      source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))`,
+      f_filialeid_id:`('${this.$login.f.orgid}')`, //分公司id
+      yearDate: (new Date()).getFullYear().toString(), //统计年份
+      f_safecheck_types: [{label:'年度普检',value:'年度普检'},{label:'专项计划',value:'专项计划'}],//安检类型
+      f_safecheck_type: '年度普检',//安检类型
+      f_check_types: [{label:'所有用户类型',value:''},{label:'民用',value:'民用'},{label:'非民用',value:'非民用'}],
+      f_check_type: '民用',
+      resData: [],
+      thisYear: 'XXX',//当前展示数据的年份
+      f_orgname: '', //选择的分公司名称
+      thisf_orgname: 'XXX大区',//当前展示数据的分公司名称
+      thissafecheck_type: 'XXX',//当前展示数据的计划类型
+      sumuserinfo: '', //截止到去年为止总用户数
+      excelHeaders:{
+        'mon': '月份',
+        'orgname': '公司名称',
+        'useinfosum': '全年应完成总数',
+        'checkcount': '完成数',
+        'checkcompletion': '完成率',
+        'checksumcount': '累计完成数',
+        'checksumcompletion': '累计完成率',
+        'novisitsum': '累计到访不遇数',
+        'novisitsumcompletion': '累计到访不遇率',
+      },
+      searchData: {
+        f_filialeid_id: this.f_filialeid_id,
+        f_safecheck_type: this.f_safecheck_type,
+        yearDate: this.yearDate,
+        f_check_type: this.f_check_type
+      }
+    }
+  },
+  components:{
+    Datepicker
+  },
+  methods : {
+    getRes(obj) {
+      console.log(obj)
+      this.f_filialeid_id = this.$login.convertToIn(obj.resids);
+      this.f_orgname = obj.res[0]
+      // this.model.f_filialeid_id = this.$login.convertToIn(obj.resids);
+    },
+    // 执行查询
+    search() {
+      this.seaching = true;
+      let  http = new HttpResetClass()
+      if (this.f_safecheck_type === '年度普检' && this.f_check_type !== '民用') {
+        this.$showMessage("年度普检只能选择民用用户类型，已为您自动切换为民用类型")
+        this.f_check_type = '民用'
+      }
+      let newdate = {
+        f_filialeid_id: this.f_filialeid_id,
+        f_safecheck_type: this.f_safecheck_type,
+        yearDate: this.yearDate,
+        f_check_type: this.f_check_type
+      }
+      this.searchData = newdate;//导出
+
+      http.load('POST',`/api/af-safecheck/sql/SearchLargeAreaCheckSummaryTab?pageNo=1&pageSize=999999`, {"data": newdate},
+        {resolveMsg: '查询汇总成功！', rejectMsg: '查询汇总失败!'}).then((ress) => {
+        this.seaching = false;
+        if (ress.data) {
+          this.thisYear = this.yearDate
+          this.thisf_orgname = this.f_orgname
+          this.thissafecheck_type = this.f_safecheck_type
+          this.sumuserinfo = ress.data[0].sumuserinfo
+          // this.resData = ress.data
+          this.organizeData(ress.data)
+        }
+      })
+    },
+    organizeData(data) {
+      console.log(data)
+      let itemdata = data
+      let enddata = []
+      let i = 0;
+      while (i < itemdata.length) {
+         let thisFgsId  = itemdata[i].f_filialeid
+         let thisFgsName  = itemdata[i].orgname
+         let returendata = []
+          let j = 0;
+          while ( j < itemdata.length) {
+            let itmdat = itemdata[j]
+            let resdata = {}
+            if (thisFgsId===itmdat.f_filialeid && thisFgsName===itmdat.orgname ){
+              resdata=itemdata[j]
+              itemdata.splice(j,1)
+              j = 0
+            }else {
+              j++
+            }
+            returendata.push(resdata)
+          }
+          i=0
+        enddata.push(returendata)
+      }
+     this.resData = enddata
+    },
+    //isRate为true 则是安检率
+    numberOfSecurityChecksPerMonth(mon,isRate) {
+      let monSunCount = 0
+      for (let item of this.resData) {
+        for (let itemElement of item) {
+          if (itemElement.mon == mon) {
+            monSunCount+= itemElement.checkcount
+          }
+        }
+      }
+      if (isRate) {
+        let checkCpmple = ( monSunCount / this.numberOfSecurityChecksInTheYear) * 100
+        return (checkCpmple?checkCpmple:0).toFixed(3) + '%'
+      }else {
+        return  monSunCount
+      }
+    },
+    cumulativeCompletion(isRate){
+      let sumdata = 0;
+      for (let item of this.resData) {
+        sumdata += item[0].checksumcount
+      }
+      if (isRate) {
+        let checkCpmple = ( sumdata / this.numberOfSecurityChecksInTheYear) * 100
+        return (checkCpmple?checkCpmple:0).toFixed(3) + '%'
+      }else {
+        return sumdata
+      }
+    },
+    unexpectedVisits(isRate) {
+      let sumdata = 0;
+      for (let item of this.resData) {
+        sumdata += item[0].novisitsum
+      }
+      if (isRate) {
+        let checkCpmple = ( sumdata / this.numberOfSecurityChecksInTheYear) * 100
+        return (checkCpmple?checkCpmple:0).toFixed(3) + '%'
+      }else {
+        return sumdata
+      }
+    }
+
+
+  },
+  computed: {
+    numberOfSecurityChecksInTheYear() {
+      let sumdata = 0;
+      for (let item of this.resData) {
+        sumdata += item[0].useinfosum
+      }
+      return sumdata
+    },
+    excelTitle() {
+      return `${this.thisf_orgname + this.thisYear+'年度各公司年度'+this.thissafecheck_type}完成情况统计表`
+    },
+  },
+  ready() {
+    this.searchData = {
+      f_filialeid_id: this.f_filialeid_id,
+      f_safecheck_type: this.f_safecheck_type,
+      yearDate: this.yearDate,
+      f_check_type: this.f_check_type
+    }
+  },
+  watch: {
+    'f_filialeid_id': function (val) {
+      this.searchData.f_filialeid_id = val
+    },
+    'f_safecheck_type': function (val) {
+      this.searchData.f_safecheck_type = val
+      if (this.f_safecheck_type === '年度普检' && this.f_check_type !== '民用') {
+        this.$showMessage("年度普检只能选择民用用户类型，已为您自动切换为民用类型")
+        this.f_check_type = '民用'
+      }
+    },
+    'yearDate': function (val) {
+      this.searchData.yearDate = val
+    },
+    'f_check_type' : function (val) {
+      if (this.f_safecheck_type === '年度普检' && this.f_check_type !== '民用') {
+        this.$showMessage("年度普检只能选择民用用户类型，已为您自动切换为民用类型")
+        this.f_check_type = '民用'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.tableinfo {
+  text-align: center;
+  background-color: #00A3F0;
+  color: #0c2e4d;
+}
+.diy-table {
+  tr{
+    min-width: 240px;
+    max-height: 50px;
+    td{
+      max-height: 50px;
+      min-width: 100px;
+      text-align: center;
+    }
+  }
+}
+</style>