apply-clients 5.0.36 → 5.0.37-2

package/src/components/product/Process/ExplorationSelect.vue

@@ -1,636 +1,669 @@
-<template>
-  <div class="d1">
-    <div class="left col-sm-12">
-      <criteria-paged :model="model" v-ref:cp>
-        <criteria partial='criteria' @condition-changed='search' v-ref:cri style="padding: 20px;background-color:  #f6f6f6;">
-          <form novalidate class="" partial>
-            <div class="col-sm-12">
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label">联&nbsp;&nbsp;系&nbsp;人</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" placeholder='联系人' v-model="model.f_user_name"
-                         v-on:keyup.enter="search"
-                         condition="f_user_name like '{}%'">
-                </div>
-              </div>
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label">项目名称</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" placeholder='项目名称' v-model="model.f_entry_name"
-                         v-on:keyup.enter="search"
-                         condition="f_entry_name like '{}%'">
-                </div>
-              </div>
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label">报建编号</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" :options="$parent.$parent.fapplytype" placeholder='报建编号' v-model="model.f_apply_num"
-                         v-on:keyup.enter="search"
-                         condition="f_apply_num like '{}%'">
-                </div>
-              </div>
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label">用户地址</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" placeholder='用户地址' v-model="model.f_address"
-                         v-on:keyup.enter="search"
-                         condition="f_address like '{}%'">
-                </div>
-              </div>
-              <div class="col-sm-3 " style="width:30%">
-                <button class="btn btn-primary btn-sm width-80" type="button" @click="$parent.$parent.searchNow(),$parent.$parent.close()" style="margin-left:5%">
-                  <span class="glyphicon glyphicon-search"></span>{{$parent.$parent.button_name}}
-                </button>
-                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.clear()">清空</button>
-                <button class="btn btn-primary btn-sm" type="button" v-show="$parent.$parent.startFlowonce"
-                        @click="$parent.$parent.addactive('报装申请')">
-                  <span class="glyphicon glyphicon-plus" ></span>报装申请
-                </button>
-                <button class="btn btn-primary btn-sm" type="button" v-show="$parent.$parent.startFlowall"
-                        @click="$parent.$parent.addactive('集体报装申请')">
-                  <span class="glyphicon glyphicon-plus" ></span>集体报装申请
-                </button>
-              </div>
-
-
-            </div>
-            <div class="col-sm-12 " style="margin-top:5px">
-              <div class="col-sm-2 form-input-group ">
-                <label for="startDate" class="control-label" style="width:81px;">开始日期</label>
-                <datepicker @change="$dispatch('setQueryCondition',model)" id="startDate" placeholder="开始日期"
-                            width='100%'
-                            v-model="model.startDate"
-                            :value.sync="model.startDate"
-                            :format="'yyyy-MM-dd HH:mm:ss'"
-                            :show-reset-button="true"
-                            condition="f_apply_date >= '{}'">
-                </datepicker>
-              </div>
-
-              <div class="col-sm-2 ">
-                <label for="startDate" class="col-sm-4 control-label">终止日期</label>
-                <div class="col-sm-8">
-                  <datepicker @change="$dispatch('setQueryCondition',model)" id="endDate" placeholder="终止日期"
-                              style="display: block;"
-                              v-model="model.endDate"
-                              :value.sync="model.endDate"
-                              :format="'yyyy-MM-dd HH:mm:ss'"
-                              :show-reset-button="true"
-                              condition="f_apply_date <= '{}'">
-                  </datepicker>
-                </div>
-
-              </div>
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label">流程状态</label>
-                <div class="col-sm-8">
-                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.alloptions"
-                            condition="defname = '{}'" placeholder='流程状态'
-                            v-model="model.defname" :value.sync="model.defname" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-              <div class="col-sm-2" >
-                <label class="col-sm-4 control-label">报建类型</label>
-                <div class="col-sm-8">
-                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'报装申请',value:'报装申请'},{label:'集体报建',value:'集体报建'}]"
-                            condition="f_apply_type = '{}'" placeholder='报建类型' :search="true"
-                            v-model="model.f_apply_type" :value.sync="model.f_apply_type" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-              <div class="col-sm-2" >
-                <label class="col-sm-4 control-label">业务类型</label>
-                <div class="col-sm-8">
-                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'新报装',value:'新报装'},{label:'改管',value:'改管'}]"
-                            condition="f_work_type = '{}'" placeholder='业务类型'
-                            v-model="model.f_work_type" :value.sync="model.f_work_type" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-
-              <div class="col-sm-2" style="float: left">
-                <label class="col-sm-4 control-label">报装来源</label>
-                <div class="col-sm-8">
-                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'燃气系统',value:'燃气系统'},{label:'微信',value:'微信'}]"
-                            condition="f_apply_source = '{}'" placeholder='报装来源'
-                            v-model="model.f_apply_source" :value.sync="model.f_apply_source" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-
-
-
-            </div>
-            <div class="col-sm-12 " style="margin-top:5px">
-              <div class="col-sm-2">
-                <label class="col-sm-4 control-label ">用户类型</label>
-                <div class="col-sm-8">
-                  <v-select :options="$parent.$parent.usertype" placeholder='用户类型' condition="f_user_type  like '{}'"
-                            :width="100" style="width:100%"
-                            v-model="model.f_user_type" :value.sync="model.f_user_type" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-            </div>
-
-
-              <!--<div class="col-sm-1">-->
-                <!--<button class="btn btn-primary btn-sm" type="button" @click="$parent.$parent.modify()"><span-->
-                  <!--class="glyphicon glyphicon-plus"></span>改装登记-->
-                <!--</button>-->
-              <!--</div>-->
-            <!--</div>-->
-
-          </form>
-        </criteria>
-        <data-grid :model="model" partial='list' v-ref:grid class="data-grid" is-fixed='false' style="overflow-x:auto">
-          <template partial='head'>
-            <tr class="title">
-              <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 v-if="!this.$login.f.f_fengongsi.includes('中燃')">
-                <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'>
-            <tr >
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{$index+1}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{row.f_apply_source}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_sub_state!='完工' ? '未完工' :'完工'}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_apply_num}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_work_type}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_user_name}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_entry_name}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
-                <nobr><font>{{row.f_user_type}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{row.f_phone}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{row.f_address}}</font></nobr>
-              </td>
-              <td  :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
-                <nobr><font>{{row.defname}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{row.f_apply_type}}</font></nobr>
-              </td>
-              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
-                <nobr><font>{{row.f_apply_date}}</font></nobr>
-              </td>
-              <th  >
-                <nobr v-if="row.f_surpervise_type"><button class="btn btn-danger" @click="$parent.$parent.$parent.stopinfoshow($index)">查看督办信息</button></nobr>
-                <nobr v-if="!row.f_surpervise_type" >无督办</nobr>
-              </th>
-              <th >
-
-                <nobr v-if="row.f_check_state">用户已申请</nobr>
-                <nobr v-if="!row.f_check_state" >无申请</nobr>
-              </th>
-              <td style="text-align: center;">
-                <dropdown v-if="row.defname != '完工'">
-                  <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
-                    <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
-                  </button>
-                  <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
-                    <li>
-                      <a href="#" @click="$parent.$parent.$parent.check(row)">{{row.defname}}</a>
-                    </li>
-                  </ul>
-                </dropdown>
-              </td>
-            </tr>
-          </template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-    <modal :show.sync="showstopinfoflag" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closestopinfo"><span>&times;</span></button>
-        <h4 class="modal-title">督办信息</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <p >{{stopremarks}}</p>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import * as Util from '../../Util'
-  import Vue from 'vue'
-  import {
-    PagedList
-  } from 'vue-client'
-  import getNowDate from '../../getNowDate.js'
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '勘探详情',
-    data() {
-      return {
-        timer: null,
-        timer1:null,
-        remindTime:5,//超时提醒时间
-        isOverNum:0,//报建是否提醒过
-        model: new PagedList('rs/sql/checkuser', 20, {
-          data: {
-            id: this.$login.f.id,
-            fengongsi: this.$login.f.f_fengongsi
-          }
-        }),
-        fapplytype: this.$appdata.getParam('用户类型'),
-        applytype: this.$appdata.getParam('报建类型'),
-        department: this.$appdata.getParam('受理部门'),
-        derection: this.$appdata.getParam('方向'),
-        containt: this.$appdata.getParam('工作内容'),
-        condition: '',
-        select: '',
-        alloptions:[],
-        button_name:"查询",
-        showstopinfoflag:false,
-        stopremarks:"",
-        startFlowonce:true,
-        startFlowall:true,
-        usertype: this.$appdata.getParam('用户类型'),
-      }
-    },
-    compiled(){
-      console.log("开始判断")
-    },
-    async ready() {
-      this.$refs.cp.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
-      this.$refs.cp.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
-      await this.getConfig()
-      let str='报建语音提醒时间'
-      this.$refs.cp.$refs.cri.search()
-      str='超时提前提醒时间'
-      this.loadSingleValue(str)
-      let self = this
-      //判断用户是否有权限
-      this.checkUserOperator();
-
-    },
-    methods: {
-      //清空 查询条件项
-      clear(){
-        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
-          this.$refs.cp.$refs.cri.model[key] = []
-        })
-      },
-      checkUserOperator(){
-        if(this.$login.r.find(value => value == '报装申请')){
-          this.startFlowonce=true;
-        }
-        if(this.$login.r.find(value => value == '集体报装申请')){
-          this.startFlowall=true;
-        }
-      },
-      stopinfoshow(index){
-        this.showstopinfoflag = true;
-        let remakrs = this.model.rows[index].f_surpervise_info;
-        console.log(JSON.stringify(remakrs))
-        console.log(remakrs)
-
-        this.stopremarks= remakrs;
-      },
-      closestopinfo(){
-        this.showstopinfoflag = close;
-      },
-      getapplyName(str){
-        console.log("开始获取所有名")
-        console.log(JSON.stringify(str.activitys))
-        let param = [];
-        // let workflow = JSON.parse(str);
-        param.push({label:"全部",value:""})
-        str.activitys.forEach(function(item){
-          let title = item.title;
-          console.log(title)
-          param.push({label:title,value:title});
-        })
-        this.alloptions = param;
-
-      },
-      generateUUID() {
-        var d = new Date().getTime()
-        var uuid = 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-          var r = (d + Math.random() * 16) % 16 | 0
-          d = Math.floor(d / 16)
-          return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
-        })
-        return uuid
-      },
-      searchNow(){
-        if(this.button_name == "返回"){
-          this.button_name ="查询";
-        }
-        this.$refs.cp.$refs.cri.search()
-        this.eachFind()
-      },
-      async getConfig(){
-        let http = new HttpResetClass()
-        await  http.load('POST','rs/logic/ApplyGetConfigs', {data:this.$login.f}, {resolveMsg: null, rejectMsg: null}
-        ).then((res)=>{
-          if(res.data.code && res.data.code == 200){
-            Vue.workflow_vue = Vue.prototype.$workflow_vue = res.data.workflow_vue
-            console.log("$workflow_vue===>"+JSON.stringify(this.$workflow_vue))
-            this.getapplyName(this.$workflow_vue);
-          }else{
-            this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
-            return
-          }
-        })
-
-      },
-      async addactive(modify) {
-        this.button_name ="返回"
-        //await this.getConfig()
-        this.$workflow_vue.start_activity = modify
-        let http = new HttpResetClass()
-        let res = await http.load('POST','rs/logic/ApplyGetProcessID',{data:{filename:this.$workflow_vue.workflow_xmlfilename,start_activity:this.$workflow_vue.start_activity}}, {resolveMsg: null, rejectMsg: '获取流程ID失败，请联系开发人员'})
-        this.$refs.cp.pager = false
-        let val = {
-          defname: this.$workflow_vue.start_activity,
-          f_process_id: res.data.f_process_id,
-          f_apply_date: Util.toStandardTimeString(),
-          f_apply_num: this.generateUUID(),
-          f_apply_operator_telephone: this.$login.f.f_fgsdianhua
-        }
-        // // 如果是改装,将modify装入val
-        // if(modify){
-        //   modify.f_customer_type = '个人'
-        //   modify.f_apply_type = '改装登记'
-        //   modify.f_phone = modify.f_user_phone
-        //   let temp = modify.f_residential_area
-        //   modify.f_residential_area = modify.f_area
-        //   modify.f_area = temp
-        //   Object.assign(val,modify)
-        // }
-
-        console.log(112 + JSON.stringify(this.$login.f.f_apply_department))
-        this.$dispatch('check', val)
-        this.$dispatch('changeheight')
-        this.$dispatch('addactive')
-      },
-      // 改装申请
-      modify(){
-        // 调出改装申请界面
-        this.$parent.show = false
-      }
-      ,
-      check(val) {
-        this.button_name="返回"
-        // if(val.defname.includes("派单")){
-        //   if(val.f_unaccounts_money && parseInt(val.f_unaccounts_money)!=0){
-        //     this.$showAlert('当前用户金额未结余!!!', 'warning', 3000)
-        //     this.button_name ="查询";
-        //     return;
-        //   }
-        // }
-        this.$dispatch('check', val)
-        this.$dispatch('addactive')
-      }
-      ,
-      close() {
-        this.$dispatch('close')
-      }
-      ,
-      compare(val) {
-        val === '完工'
-        console.log('完工', val)
-        return false
-      },
-      // 获取数据
-      loadSingleValue(str) {
-        let http = new HttpResetClass()
-        let data = {
-          singlename: str,
-          //预先提醒时间
-
-        }
-        http.load('POST', 'rs/sql/findsingle', {data: data}, {resolveMsg: null, rejectMsg: '获取语音提醒时间失败'}).then((res) => {
-          console.log('-----------------进去之前-----------'+JSON.stringify(res))
-          let flag1=false
-          let flag2=false
-          if (res.data.length==0){
-            flag1=true
-            console.log('没有单值'+flag1)
-            flag2=false
-          }else if (res.data[0].value==0) {
-            flag2=true
-            console.log('为0')
-            flag1=false
-          }else{
-            if (str==='报建语音提醒时间'){
-              this.remindTime = res.data[0].value
-            }
-            console.log('为'+res.data[0].value)
-            flag1=false
-            flag2=false
-          }
-
-          if (this.isOverNum==0){
-            if (flag1){
-              console.log('不启动定时器')
-
-            }else if (flag2) {
-              console.log('启动定时器out')
-              this.setOut()
-            }else{
-              console.log('启动定时器timer和out')
-              this.setTimer()
-              this.setOut()
-            }
-            this.isOverNum++;
-          } else{
-            this.isOverNum=0;
-          }
-
-
-        },(res)=>{
-          //响应错误回调
-          console.log('响应错误')
-        })
-
-      },
-      setTimer() {
-        if(this.timer == null) {
-          this.timer = setInterval( () => {
-            console.log('开始定时...每过5秒执行一次')
-            this.$refs.cp.$refs.cri.search()
-            console.log('数据已刷新')
-            this.eachFind()
-            console.log('eachfind完毕');
-          }, 60*1000*this.remindTime)
-        }
-      },
-      setOut() {
-        if(this.timer1 == null) {
-          this.timer1 = setTimeout( () => {
-            console.log('开始setTimeout')
-            this.eachFind()
-            console.log('setTimeout完毕');
-          }, 1000)
-        }
-      },
-      //语音提醒
-      speckText(str) {
-        var url= "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=" + encodeURI(str);
-        new Audio(url).play();
-
-      },
-
-      eachFind() {
-        let arr = this.$refs.cp.$refs.grid.model.rows
-        let overNumString1=''
-        let flagNum1=1
-        let dbflag = 1
-        let dbinfo = []
-        let hourfals = 0
-        let hourstr = ''
-        for(let val of arr) {
-          if(val.f_surpervise_type){
-            dbflag = dbflag+1
-            dbinfo.push(val.f_user_name)
-          }
-          if(val.ishourover =='1'){
-             hourfals += 1
-            hourstr+=hourfals+'条'
-          }
-          console.log(val.isbeforeover)
-          if (val.isbeforeover==='预期提醒'){
-            console.log('flagNUm:'+flagNum1);
-            if (flagNum1==1){
-              overNumString1=flagNum1+'条'
-              flagNum1=flagNum1+1
-            }else{
-              overNumString1=overNumString1+'和第'+flagNum1+'条'
-              flagNum1=flagNum1+1
-            }
-          }
-        }
-        if(hourfals!=0){
-          this.speckText('请注意：第：'+overNumString1+'数据一小时后过期')
-        }
-        if (flagNum1!=1){
-          console.log(overNumString1);
-          this.speckText('请注意：第：'+overNumString1+'数据即将过期')
-        }
-        if(dbflag !=1){
-          this.speckText('请注意: 您有'+dbflag-1+'条数据被督办')
-          this.$showMessage("用户:"+dbinfo.join(",")+"需要紧急处理!!")
-        }
-        console.log('语音播放完毕');
-      }
-    },
-    created: function() {
-      clearInterval(this.timer)
-      clearInterval(this.timer1)
-      this.timer = null
-      this.timer1 = null
-    },
-    beforeDestroy() {
-      clearInterval(this.timer)
-      clearInterval(this.timer1)
-      this.timer = null
-      this.timer1 = null
-    },
-    computed: {
-      date() {
-        return getNowDate()
-      }
-      ,
-      selected() {
-        return this.$refs.cp.$refs.grid.selected
-      }
-    }
-  }
-</script>
-<style scoped>
-  label {
-    display: flex;
-    justify-content:center;
-    align-items:Center;
-    padding-top: 8px;
-  }
-  tr.title {
-    background-color: #6666ff;
-  }
-  td{
-    text-align: center;
-  }
- /* .active{
-    color: Crimson;
-  }
-  .p{
-    color: green;
-  }*/
-
-  .p1 {
-    color: #dc0b12;
-    font-weight:bold
-  }
-  .p {
-    color: #ffaf4f;
-  }
-</style>
+<template>
+  <div class="d1">
+    <div class="left col-sm-12">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='search' v-ref:cri style="padding: 20px;background-color:  #f6f6f6;">
+          <form novalidate class="" partial>
+            <div class="col-sm-12">
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">联&nbsp;&nbsp;系&nbsp;人</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='联系人' v-model="model.f_user_name"
+                         v-on:keyup.enter="search"
+                         condition="f_user_name like '{}%'">
+                </div>
+              </div>
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">项目名称</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='项目名称' v-model="model.f_entry_name"
+                         v-on:keyup.enter="search"
+                         condition="f_entry_name like '{}%'">
+                </div>
+              </div>
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">报建编号</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" :options="$parent.$parent.fapplytype" placeholder='报建编号' v-model="model.f_apply_num"
+                         v-on:keyup.enter="search"
+                         condition="f_apply_num like '{}%'">
+                </div>
+              </div>
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">用户地址</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='用户地址' v-model="model.f_address"
+                         v-on:keyup.enter="search"
+                         condition="f_address like '{}%'">
+                </div>
+              </div>
+              <div class="col-sm-3 " style="width:30%">
+                <button class="btn btn-primary btn-sm width-80" type="button" @click="$parent.$parent.searchNow(),$parent.$parent.close()" style="margin-left:5%">
+                  <span class="glyphicon glyphicon-search"></span>{{$parent.$parent.button_name}}
+                </button>
+                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.clear()">清空</button>
+                <button class="btn btn-primary btn-sm" type="button" v-show="$parent.$parent.startFlowonce"
+                        @click="$parent.$parent.addactive('报装申请')">
+                  <span class="glyphicon glyphicon-plus" ></span>报装申请
+                </button>
+                <button class="btn btn-primary btn-sm" type="button" v-show="$parent.$parent.startFlowall"
+                        @click="$parent.$parent.addactive('集体报装申请')">
+                  <span class="glyphicon glyphicon-plus" ></span>集体报装申请
+                </button>
+              </div>
+
+
+            </div>
+            <div class="col-sm-12 " style="margin-top:5px">
+              <div class="col-sm-2 form-input-group ">
+                <label for="startDate" class="control-label" style="width:81px;">开始日期</label>
+                <datepicker @change="$dispatch('setQueryCondition',model)" id="startDate" placeholder="开始日期"
+                            width='100%'
+                            v-model="model.startDate"
+                            :value.sync="model.startDate"
+                            :format="'yyyy-MM-dd HH:mm:ss'"
+                            :show-reset-button="true"
+                            condition="f_apply_date >= '{}'">
+                </datepicker>
+              </div>
+
+              <div class="col-sm-2 ">
+                <label for="startDate" class="col-sm-4 control-label">终止日期</label>
+                <div class="col-sm-8">
+                  <datepicker @change="$dispatch('setQueryCondition',model)" id="endDate" placeholder="终止日期"
+                              style="display: block;"
+                              v-model="model.endDate"
+                              :value.sync="model.endDate"
+                              :format="'yyyy-MM-dd HH:mm:ss'"
+                              :show-reset-button="true"
+                              condition="f_apply_date <= '{}'">
+                  </datepicker>
+                </div>
+
+              </div>
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">流程状态</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.alloptions"
+                            condition="defname = '{}'" placeholder='流程状态'
+                            v-model="model.defname" :value.sync="model.defname" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-2" >
+                <label class="col-sm-4 control-label">报建类型</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'报装申请',value:'报装申请'},{label:'集体报建',value:'集体报建'}]"
+                            condition="f_apply_type = '{}'" placeholder='报建类型' :search="true"
+                            v-model="model.f_apply_type" :value.sync="model.f_apply_type" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-2" >
+                <label class="col-sm-4 control-label">业务类型</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'新报装',value:'新报装'},{label:'改管',value:'改管'}]"
+                            condition="f_work_type = '{}'" placeholder='业务类型'
+                            v-model="model.f_work_type" :value.sync="model.f_work_type" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+
+              <!-- <div class="col-sm-2" style="float: left">
+                <label class="col-sm-4 control-label">报装来源</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.alloption"
+                            condition="f_apply_source = '{}'" placeholder='报装来源'
+                            v-model="model.f_apply_source" :value.sync="model.f_apply_source" close-on-select>
+                  </v-select>
+                </div>
+              </div> -->
+              <div class="col-sm-2" style="float: left">
+                <label class="col-sm-4 control-label">报装来源</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'住建局',value:'住建局'},{label:'燃气系统',value:'燃气系统'},{label:'电话预约',value:'电话预约'},{label:'微信预约',value:'微信预约'}]"
+                            condition="f_apply_source = '{}'" placeholder='报装来源'
+                            v-model="model.f_apply_source" :value.sync="model.f_apply_source" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+
+
+            </div>
+            <div class="col-sm-12 " style="margin-top:5px">
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label ">用户类型</label>
+                <div class="col-sm-8">
+                  <v-select :options="$parent.$parent.usertype" placeholder='用户类型' condition="f_user_type  like '{}'"
+                            :width="100" style="width:100%"
+                            v-model="model.f_user_type" :value.sync="model.f_user_type" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+            </div>
+
+
+              <!--<div class="col-sm-1">-->
+                <!--<button class="btn btn-primary btn-sm" type="button" @click="$parent.$parent.modify()"><span-->
+                  <!--class="glyphicon glyphicon-plus"></span>改装登记-->
+                <!--</button>-->
+              <!--</div>-->
+            <!--</div>-->
+
+          </form>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid class="data-grid" is-fixed='false' style="overflow-x:auto">
+          <template partial='head'>
+            <tr class="title">
+              <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 v-if="!this.$login.f.f_fengongsi.includes('中燃')">
+                <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'>
+            <tr >
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{$index+1}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{row.f_apply_source}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_sub_state!='完工' ? '未完工' :'完工'}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_project_number}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_apply_num}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_work_type}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_user_name}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_entry_name}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"   style="text-align: center;">
+                <nobr><font>{{row.f_user_type}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{row.f_phone}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{row.f_address}}</font></nobr>
+              </td>
+              <td  :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+                <nobr><font>{{row.defname}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{row.f_apply_type}}</font></nobr>
+              </td>
+              <td :class="[ row.isover ==='过期' ? 'p1' :  row.isbeforeover === '预期提醒'? 'p':''  ]"  style="text-align: center;">
+                <nobr><font>{{row.f_apply_date}}</font></nobr>
+              </td>
+              <th  >
+                <nobr v-if="row.f_surpervise_type"><button class="btn btn-danger" @click="$parent.$parent.$parent.stopinfoshow($index)">查看督办信息</button></nobr>
+                <nobr v-if="!row.f_surpervise_type" >无督办</nobr>
+              </th>
+              <th >
+
+                <nobr v-if="row.f_check_state">用户已申请</nobr>
+                <nobr v-if="!row.f_check_state" >无申请</nobr>
+              </th>
+              <td style="text-align: center;">
+                <dropdown v-if="row.defname != '完工'">
+                  <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                    <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+                  </button>
+                  <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+                    <li>
+                      <a href="#" @click="$parent.$parent.$parent.check(row)">{{row.defname}}</a>
+                    </li>
+                  </ul>
+                </dropdown>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+    <modal :show.sync="showstopinfoflag" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closestopinfo"><span>&times;</span></button>
+        <h4 class="modal-title">督办信息</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <p >{{stopremarks}}</p>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+  import * as Util from '../../Util'
+  import Vue from 'vue'
+  import {
+    PagedList
+  } from 'vue-client'
+  import getNowDate from '../../getNowDate.js'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '勘探详情',
+    data() {
+      return {
+        timer: null,
+        timer1:null,
+        remindTime:5,//超时提醒时间
+        isOverNum:0,//报建是否提醒过
+        model: new PagedList('rs/sql/checkuser', 20, {
+          data: {
+            id: this.$login.f.id,
+            fengongsi: this.$login.f.f_fengongsi,
+            f_product_id: 0
+          }
+        }),
+        fapplytype: this.$appdata.getParam('用户类型'),
+        applytype: this.$appdata.getParam('报建类型'),
+        department: this.$appdata.getParam('受理部门'),
+        derection: this.$appdata.getParam('方向'),
+        containt: this.$appdata.getParam('工作内容'),
+        condition: '',
+        select: '',
+        alloptions:[],
+        alloption:[],
+        button_name:"查询",
+        showstopinfoflag:false,
+        stopremarks:"",
+        startFlowonce:true,
+        startFlowall:true,
+        usertype: this.$appdata.getParam('用户类型'),
+      }
+    },
+    compiled(){
+      console.log("开始判断")
+    },
+    async ready() {
+      this.eachFind();
+      this.$refs.cp.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.cp.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
+      await this.getConfig()
+      let str='报建语音提醒时间'
+      this.$refs.cp.$refs.cri.search()
+      str='超时提前提醒时间'
+      this.loadSingleValue(str)
+      let self = this
+      //判断用户是否有权限
+      this.checkUserOperator();
+    },
+    methods: {
+      //清空 查询条件项
+      clear(){
+        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+          this.$refs.cp.$refs.cri.model[key] = []
+        })
+      },
+      checkUserOperator(){
+        if(this.$login.r.find(value => value == '报装申请')){
+          this.startFlowonce=true;
+        }
+        if(this.$login.r.find(value => value == '集体报装申请')){
+          this.startFlowall=true;
+        }
+      },
+      stopinfoshow(index){
+        this.showstopinfoflag = true;
+        let remakrs = this.model.rows[index].f_surpervise_info;
+        console.log(JSON.stringify(remakrs))
+        console.log(remakrs)
+
+        this.stopremarks= remakrs;
+      },
+      closestopinfo(){
+        this.showstopinfoflag = close;
+      },
+      getapplyName(str){
+        console.log("开始获取所有名")
+        console.log(JSON.stringify(str.activitys))
+        let param = [];
+        // let workflow = JSON.parse(str);
+        param.push({label:"全部",value:""})
+        str.activitys.forEach(function(item){
+          let title = item.title;
+          param.push({label:title,value:title});
+        })
+        this.alloptions = param;
+      },
+      generateUUID() {
+        var d = new Date().getTime()
+        var uuid = 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+          var r = (d + Math.random() * 16) % 16 | 0
+          d = Math.floor(d / 16)
+          return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
+        })
+        return uuid
+      },
+      searchNow(){
+        if(this.button_name == "返回"){
+          this.button_name ="查询";
+        }
+        this.$refs.cp.$refs.cri.search()
+        this.eachFind()
+      },
+      async getConfig(){
+        let http = new HttpResetClass()
+        await  http.load('POST','rs/logic/ApplyGetConfigs', {data:this.$login.f}, {resolveMsg: null, rejectMsg: null}
+        ).then((res)=>{
+          if(res.data.code && res.data.code == 200){
+            Vue.workflow_vue = Vue.prototype.$workflow_vue = res.data.workflow_vue
+            console.log("$workflow_vue===>"+JSON.stringify(this.$workflow_vue))
+            this.getapplyName(this.$workflow_vue);
+          }else{
+            this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
+            return
+          }
+        })
+
+      },
+      async addactive(modify) {
+        // 动态获取报装来源
+        // let ces = [];
+        // http.load('POST', 'rs/sql/findParameter').then((res) => {
+        //       console.log("这是报装来源:" + res.name)
+        // res.forEach(function(res){
+        //   ces.push({label:res.name,value:res.name});
+        //     })
+        //     this.alloption = ces;
+        // })
+        this.button_name ="返回"
+        var workflow_xmlfilename='鄂州报建流程'
+        if(this.$login.f.filialenames === '迪泰天然气' && modify==='集体报装申请'){
+         workflow_xmlfilename = '鄂州报建流程迪泰'
+        }else{
+          workflow_xmlfilename = '鄂州报建流程'
+        }
+        //await this.getConfig()
+        this.$workflow_vue.start_activity = modify
+        let http = new HttpResetClass()
+        let res = await http.load('POST','rs/logic/ApplyGetProcessID',{data:{filename:workflow_xmlfilename,start_activity:this.$workflow_vue.start_activity}}, {resolveMsg: null, rejectMsg: '获取流程ID失败，请联系开发人员'})
+        this.$refs.cp.pager = false
+        debugger
+        let val = {
+          defname: this.$workflow_vue.start_activity,
+          f_process_id: res.data.f_process_id,
+          f_apply_date: Util.toStandardTimeString(),
+          f_apply_num: this.generateUUID(),
+          f_apply_operator_telephone: this.$login.f.f_fgsdianhua,
+          f_product_id: res.data.f_product_id
+        }
+        // // 如果是改装,将modify装入val
+        // if(modify){
+        //   modify.f_customer_type = '个人'
+        //   modify.f_apply_type = '改装登记'
+        //   modify.f_phone = modify.f_user_phone
+        //   let temp = modify.f_residential_area
+        //   modify.f_residential_area = modify.f_area
+        //   modify.f_area = temp
+        //   Object.assign(val,modify)
+        // }
+
+        console.log(112 + JSON.stringify(this.$login.f.f_apply_department))
+        this.$dispatch('check', val)
+        this.$dispatch('changeheight')
+        this.$dispatch('addactive')
+      },
+      // 改装申请
+      modify(){
+        // 调出改装申请界面
+        this.$parent.show = false
+      }
+      ,
+      check(val) {
+        this.button_name="返回"
+        // if(val.defname.includes("派单")){
+        //   if(val.f_unaccounts_money && parseInt(val.f_unaccounts_money)!=0){
+        //     this.$showAlert('当前用户金额未结余!!!', 'warning', 3000)
+        //     this.button_name ="查询";
+        //     return;
+        //   }
+        // }
+        this.$dispatch('check', val)
+        this.$dispatch('addactive')
+      }
+      ,
+      close() {
+        this.$dispatch('close')
+      }
+      ,
+      compare(val) {
+        val === '完工'
+        console.log('完工', val)
+        return false
+      },
+      // 获取数据
+      loadSingleValue(str) {
+        let http = new HttpResetClass()
+        let data = {
+          singlename: str,
+          //预先提醒时间
+
+        }
+        http.load('POST', 'rs/sql/findsingle', {data: data}, {resolveMsg: null, rejectMsg: '获取语音提醒时间失败'}).then((res) => {
+          console.log('-----------------进去之前-----------'+JSON.stringify(res))
+          let flag1=false
+          let flag2=false
+          if (res.data.length==0){
+            flag1=true
+            console.log('没有单值'+flag1)
+            flag2=false
+          }else if (res.data[0].value==0) {
+            flag2=true
+            console.log('为0')
+            flag1=false
+          }else{
+            if (str==='报建语音提醒时间'){
+              this.remindTime = res.data[0].value
+            }
+            console.log('为'+res.data[0].value)
+            flag1=false
+            flag2=false
+          }
+
+          if (this.isOverNum==0){
+            if (flag1){
+              console.log('不启动定时器')
+
+            }else if (flag2) {
+              console.log('启动定时器out')
+              this.setOut()
+            }else{
+              console.log('启动定时器timer和out')
+              this.setTimer()
+              this.setOut()
+            }
+            this.isOverNum++;
+          } else{
+            this.isOverNum=0;
+          }
+
+
+        },(res)=>{
+          //响应错误回调
+          console.log('响应错误')
+        })
+
+      },
+      setTimer() {
+        if(this.timer == null) {
+          this.timer = setInterval( () => {
+            console.log('开始定时...每过5秒执行一次')
+            this.$refs.cp.$refs.cri.search()
+            console.log('数据已刷新')
+            this.eachFind()
+            console.log('eachfind完毕');
+          }, 60*1000*this.remindTime)
+        }
+      },
+      setOut() {
+        if(this.timer1 == null) {
+          this.timer1 = setTimeout( () => {
+            console.log('开始setTimeout')
+            this.eachFind()
+            console.log('setTimeout完毕');
+          }, 1000)
+        }
+      },
+      //语音提醒
+      speckText(str) {
+        var url= "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=" + encodeURI(str);
+        new Audio(url).play();
+
+      },
+
+      eachFind() {
+        let arr = this.$refs.cp.$refs.grid.model.rows
+        let overNumString1=''
+        let flagNum1=1
+        let dbflag = 1
+        let dbinfo = []
+        let hourfals = 0
+        let hourstr = ''
+        for(let val of arr) {
+          if(val.f_surpervise_type){
+            dbflag = dbflag+1
+            dbinfo.push(val.f_user_name)
+          }
+          if(val.ishourover =='1'){
+             hourfals += 1
+            hourstr+=hourfals+'条'
+          }
+          console.log(val.isbeforeover)
+          if (val.isbeforeover==='预期提醒'){
+            console.log('flagNUm:'+flagNum1);
+            if (flagNum1==1){
+              overNumString1=flagNum1+'条'
+              flagNum1=flagNum1+1
+            }else{
+              overNumString1=overNumString1+'和第'+flagNum1+'条'
+              flagNum1=flagNum1+1
+            }
+          }
+        }
+        if(hourfals!=0){
+          this.speckText('请注意：第：'+overNumString1+'数据一小时后过期')
+          this.$showMessage("请注意：第:" + overNumString1 + "数据一小时后过期")
+        }
+        if (flagNum1!=1){
+          console.log(overNumString1);
+          this.speckText('请注意：第：'+overNumString1+'数据即将过期')
+          this.$showMessage("请注意：第:" + overNumString1 + "数据即将过期")
+        }
+        if(dbflag !=1){
+          this.speckText('请注意: 您有'+dbflag-1+'条数据被督办')
+          this.$showMessage("用户:"+dbinfo.join(",")+"需要紧急处理!!")
+        }
+        console.log('语音播放完毕');
+      }
+    },
+    created: function() {
+      clearInterval(this.timer)
+      clearInterval(this.timer1)
+      this.timer = null
+      this.timer1 = null
+    },
+    beforeDestroy() {
+      clearInterval(this.timer)
+      clearInterval(this.timer1)
+      this.timer = null
+      this.timer1 = null
+    },
+    computed: {
+      date() {
+        return getNowDate()
+      }
+      ,
+      selected() {
+        return this.$refs.cp.$refs.grid.selected
+      }
+    }
+  }
+</script>
+<style scoped>
+  label {
+    display: flex;
+    justify-content:center;
+    align-items:Center;
+    padding-top: 8px;
+  }
+  tr.title {
+    background-color: #6666ff;
+  }
+  td{
+    text-align: center;
+  }
+ /* .active{
+    color: Crimson;
+  }
+  .p{
+    color: green;
+  }*/
+
+  .p1 {
+    color: #dc0b12;
+    font-weight:bold
+  }
+  .p {
+    color: #ffaf4f;
+  }
+</style>