apply-clients 4.0.65 → 4.1.0-weinan

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

@@ -1,462 +1,376 @@
 <template>
-  <div class="d1">
-    <div class="left col-sm-12" v-if="showselect">
-      <criteria-paged :model="model" v-ref:cp>
-        <criteria partial='criteria' @condition-changed='search' v-ref:cri>
-          <form novalidate class="" partial>
-            <div class="col-sm-12">
-              <div class="col-sm-1">
-                <div class="col-sm-12">
-                  <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>
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-4">
+                <label class="font_normal_body">项目名称:</label>
+                <input type="text" class="input_search" v-model="model.f_entry_name"
+                       v-on:keyup.enter="$parent.$parent.search()" condition=" f_entry_name like '%{}%'  " placeholder='请输入'>
               </div>
-              <div class="col-sm-1">
-                <input type="text" class="form-control" placeholder='电话号码' v-model="model.f_phone"
-                       v-on:keyup.enter="search"
-                       condition="f_phone like '%{}%'">
+              <div class="form-group col-sm-3">
+                <label  class="font_normal_body">报建编号：</label>
+                <input type="text" class="input_search" placeholder='报建编号' v-model="model.f_apply_num"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="f_apply_num like '%{}%'">
               </div>
-              <div class="col-sm-1">
-                <div class="col-sm-12">
-                  <input type="text" class="form-control" placeholder='报建编号' v-model="model.f_apply_num"
-                         v-on:keyup.enter="search"
-                         condition="f_apply_num like '%{}%'">
+              <div class="form-group col-sm-5 button-range">
+                <button class="button_new button_spacing" style="width: max-content"
+                        v-if="$parent.$parent.projectStart"
+                        @click="$parent.$parent.showModal = !$parent.$parent.showModal">工程发起</button>
+                <button  class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+                <div
+                  :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                  @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                  class="button_spacing"
+                  style="float: right">
                 </div>
               </div>
-              <div class="col-sm-1">
-                <div class="col-sm-12">
-                  <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="row" v-show="$parent.$parent.criteriaShow">
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">合同编号：</label>
+                <input type="text" class="input_search" placeholder='合同编号' v-model="model.f_contract_number"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="f_contract_number like '%{}%'">
               </div>
-              <div class="col-sm-2 form-group form-input-group">
-                <label class="control-label">办理环节</label>
-                <v-select @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.defnames"
-                          condition="defname = '{}'" placeholder='流程环节'
-                          v-model="model.defname" :value.sync="model.defname" close-on-select>
-                </v-select>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">报建类型：</label>
+                <v-select
+                  v-model="model.f_apply_type"
+                  placeholder='报建类型'
+                  condition="f_apply_type like '%{}%'"
+                  :value.sync="model.f_apply_type"
+                  :options='$parent.$parent.applytype'
+                  class="select select_list"
+                  :value-single="true"
+                  @change="$parent.$parent.applyTypeChange()"
+                  close-on-select ></v-select>
               </div>
-              <div class="col-sm-1 form-group">
-                <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.f_is_gas" placeholder='现场勘察' condition="f_is_gas = '{}'"
-                          v-model="model.f_is_gas" :value.sync="model.f_is_gas" close-on-select>
-                </v-select>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">办理环节：</label>
+                <v-select
+                  v-model="model.defname"
+                  placeholder='办理环节'
+                  condition="defname = '{}'"
+                  :value.sync="model.defname"
+                  :options='$parent.$parent.defnames'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
               </div>
-              <!--<div class="col-sm-2 form-group form-input-group">-->
-                <!--<label class="control-label">办理人</label>-->
-                <!--<v-select @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.persons"-->
-                          <!--condition="applysite like '%{}%'" placeholder='办理人'-->
-                          <!--v-model="model.applysite" :value.sync="model.applysite" close-on-select>-->
-                <!--</v-select>-->
-              <!--</div>-->
-              <!--<div class="col-sm-1">-->
-              <!--<v-select :options="$parent.$parent.usertype" placeholder='用户类型' condition="f_user_type  like '{}%'"-->
-              <!--v-model="model.f_user_type" :value.sync="model.f_user_type" close-on-select>-->
-              <!--</v-select>-->
-              <!--</div>-->
-              <!--<div class="col-sm-1">-->
-              <!--<v-select :options="$parent.$parent.defnameType" placeholder='流程状态' condition="act.defname  like '%{}%'"-->
-              <!--v-model="model.defname" :value.sync="model.defname" close-on-select>-->
-              <!--</v-select>-->
-              <!--</div>-->
-              <!--<div class="col-sm-1">-->
-              <!--<v-select :options="$parent.$parent.applytype" placeholder='报建类型' condition="f_apply_type  like '{}%'"-->
-              <!--v-model="model.f_apply_type" :value.sync="model.f_apply_type" close-on-select>-->
-              <!--</v-select>-->
-              <!--</div>-->
-              <div class="col-sm-1">
-                <button class="btn btn-primary btn-sm width-80" type="button"
-                        @click="$parent.$parent.searchNow(),$parent.$parent.close()">
-                  <span class="glyphicon glyphicon-search"></span>{{$parent.$parent.buttonmsg=='查询'?'查询':'返回'}}
-                </button>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">流程状态：</label>
+                <v-select
+                  v-model="model.f_sub_state"
+                  placeholder='流程状态'
+                  condition="f_sub_state = '{}'"
+                  :value.sync="model.f_sub_state"
+                  :options='$parent.$parent.f_sub_state'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
               </div>
-              <div class="col-sm-1" v-for="(index,start_activity) in $workflow_vue.start_activitys">
-                <button class="btn btn-primary btn-sm" type="button"
-                        @click="$parent.$parent.$parent.addactive(start_activity)">
-                  <span class="glyphicon glyphicon-plus"></span>{{start_activity}}
-                </button>
+<!--              <div class="form-group col-sm-3">-->
+<!--                <label class="font_normal_body">联系电话：</label>-->
+<!--                <input type="text" class="input_search" placeholder='联系电话' v-model="model.f_phone"-->
+<!--                       v-on:keyup.enter="$parent.$parent.search()"-->
+<!--                       condition="f_phone like '%{}%'">-->
+<!--              </div>-->
+<!--              <div class="form-group col-sm-3">-->
+<!--                <label class="font_normal_body">用户地址：</label>-->
+<!--                <input type="text" class="input_search" placeholder='用户地址' v-model="model.f_address"-->
+<!--                       v-on:keyup.enter="$parent.$parent.search()"-->
+<!--                       condition="f_address like '%{}%'">-->
+<!--              </div>-->
+              <div class="form-group col-sm-3">
+                <label  for="startDate" class="font_normal_body">开始时间：</label>
+                <datepicker id="startDate" placeholder="开始日期"
+                            style="width: 60%!important;"
+                            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="form-group col-sm-3">
+                <label for="endDate" class="font_normal_body">结束时间：</label>
+                <datepicker id="endDate" placeholder="结束日期"
+                            style="width: 60%!important;"
+                            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>
-          </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>
-                <nobr>报建日期</nobr>
-              </th>
+          </div>
+      </criteria>
+      <data-grid v-if="$parent.showData" :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+        <template partial='head'>
+          <tr>
+            <th style="white-space: nowrap;">序号</th>
+            <th style="white-space: nowrap;">报建编号</th>
+            <th style="white-space: nowrap;">项目名称</th>
+            <th style="white-space: nowrap;">合同编号</th>
+<!--            <th style="white-space: nowrap;">电话</th>-->
+<!--            <th style="white-space: nowrap;">地址</th>-->
+            <th style="white-space: nowrap;">报建类型</th>
+            <th style="white-space: nowrap;">办理环节</th>
+            <th style="white-space: nowrap;">流程状态</th>
+            <th style="white-space: nowrap;">报建日期</th>
+            <th style="white-space: nowrap;">操作</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_num}}</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_contract_number}}</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.f_apply_type}}</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_sub_state}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_date}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <dropdown>
+                <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.click(row)">{{row.defname}}</a>
+                  </li>
+                </ul>
+              </dropdown>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
 
-              <th>
-                <nobr>操作</nobr>
-              </th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <tr>
-              <td style="text-align: center;">
-                <nobr><font>{{$index+1}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.defname}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_apply_num}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_user_name}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_gas_type}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_phone}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_address}}</font></nobr>
-              </td>
-              <!--<td   style="text-align: center;">-->
-              <!--<nobr><font>{{row.f_apply_type}}</font></nobr>-->
-              <!--</td>-->
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_apply_date}}</font></nobr>
-              </td>
-              <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
+      v-if="showModal"
+      :show.sync="showModal"
+      backdrop="false"
+      title="工程类型"
+      cancel-text="取消"
+      ok-text="确认"
+      :callback="apply"
+    >
+      <div class="form-horizontal" slot="modal-body">
+        <div class="form-group" style="margin: 10px auto">
+          <label class="col-sm-3 control-label">报建类型：</label>
+          <div class="col-sm-9">
+            <v-select
+              v-model="f_apply_type"
+              placeholder='请选择需要发起的工程类型'
+              :value.sync="f_apply_type"
+              :options='$appdata.getParam("报建类型")'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </div>
+    </modal>
   </div>
 </template>
 <script>
-  import * as Util from '../../Util'
-  import {
-    PagedList
-  } from 'vue-client'
-  import getNowDate from '../../getNowDate.js'
+  import {PagedList} from 'vue-client'
   import {HttpResetClass} from 'vue-client'
-
+  import {isEmpty} from '../../Util'
   export default {
-    title: '勘探详情',
-    data() {
+    title: '工程列表',
+    props: ['showData'],
+    data () {
       return {
-        f_is_gas: [{label:"全部",value:''}, {label:"符合规范要求",value:'符合规范要求'}, {label:"不符合规范要求",value:'不符合规范要求'}],
-        defnames: [],
-        persons: [],
-        timer: null,
-        timer1: null,
-        showselect: true,
-        buttonmsg: '查询',
-        remindTime: 5,//超时提醒时间
-        isOverNum: 0,//报建是否提醒过
+        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
+        // applytype: [{label: '散户集体报建', value: '散户集体报建'}, {label: '散户报建', value: '散户报建'}, {label: '开发商集体报建', value: '开发商集体报建'},{label: '工业户报建', value: '工业户报建'}],
+        defnames: [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')], // 流程节点
+        f_sub_state:[{label: '全部', value: ''}, {label: '完工', value: '完工'}, {label: '正在进行', value: '正在进行'}],
         model: new PagedList('rs/sql/checkuser', 20, {
           data: {
             id: this.$login.f.id,
-            fengongsi: this.$login.f.f_fengongsi
+            orgid: this.$login.f.orgid
           }
         }),
-        condition: '',
-        select: ''
+        f_apply_type: '',  // 报建类型
+        // startname: null, // 启动节点
+        criteriaShow: false, // 控制查询条件显示
+        showModal: false // 控制发起类型选择
+
       }
     },
-    ready() {
-      let http = new HttpResetClass()
-      http.load('POST', 'rs/sql/getDefnamesForActivityins', {data: {}}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then((res) => {
-        //  先获取所有流程环节
-        this.defnames = [{label: '全部', value: ''}]
-        for (let i = 0; i < res.data.length; i++) {
-          this.defnames.push({label: res.data[i].defname, value: res.data[i].defname})
-        }
-      })
-      let http2 = new HttpResetClass()
-      http2.load('POST', 'rs/sql/getPersonsForActivityins', {data: {}}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then((res) => {
-        //  先获取所有流程环节
-        this.persons = [{label: '全部', value: ''}]
-        for (let i = 0; i < res.data.length; i++) {
-          this.persons.push({label: res.data[i].person, value: res.data[i].person})
-        }
-      })
-
-      //debugger
-      let str = '报建语音提醒时间'
-      this.$refs.cp.$refs.cri.search()
-      str = '超时提前提醒时间'
-      //this.loadSingleValue(str)
-      let self = this
-      this.buttonmsg = '查询'
-      console.log('燃气品牌信息', this.$ApplyGetSaleParam.gasbrands)
-      console.log('登录信息', this.$login)
+    ready () {
+      // 调用查询
+      this.search()
     },
-
     methods: {
-      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)
+      clear () {
+        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+          this.$refs.cp.$refs.cri.model[key] = []
         })
-        return uuid
       },
-      searchNow() {
-        this.$refs.cp.$refs.cri.search()
+      // 查询
+      search () {
+        this.$dispatch('search')
+      },
+      // 根据保健类型获取对应的流程节点
+      applyTypeChange () {
+        if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+          let http = new HttpResetClass()
+          http.load('POST', 'rs/logic/getDefnameByType', {
+            f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type
+          }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+            this.defnames = [{label: '全部', value: ''}, ...res.data]
+          })
+        } else {
+          this.defnames = [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')]
+        }
       },
-      async addactive(modify) {
-        this.$workflow_vue.start_activity = modify
+      // 获取流程id
+      async getProcessId(processname) {
         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 data = {
+          workname: processname
+        }
+        let res = await http.load('POST', 'rs/logic/getProcessId', {data: data}, {resolveMsg: null, rejectMsg: null})
+
+        return res.data
+      },
+      // 报装申请
+      async apply () {
+        if (this.f_apply_type === '' || this.f_apply_type === null) {
+          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
+          return
+        }
         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_apply_type: this.f_apply_type
+        }
+        if (this.f_apply_type === '散户报建') {
+          val.defname = '报建登记'
+          val.f_user_type='民用'
+          val.processname = '散户报建流程'
+        } else if (this.f_apply_type === '工商户报建') {
+          val.defname = '报建登记'
+          val.f_user_type='非民用'
+          val.processname = '工商户报建流程'
+        } else if (this.f_apply_type === '散户集体报建') {
+          val.defname = '报建登记'
+          val.f_user_type='民用'
+          val.processname = '散户集体报建流程'
+        } else if (this.f_apply_type === '开发商集体报建') {
+          val.f_user_type='民用'
+          val.defname = '报建登记'
+          val.processname = '开发商集体报建流程'
+        } else if (this.f_apply_type === '居民报建') {
+          val.f_user_type='民用'
+          val.defname = '报建登记'
+          val.processname = '居民报建流程'
+        } else if (this.f_apply_type === '煤改气报建') {
+          val.defname = '报建登记'
+          val.processname = '散户集体报建流程'
+        } else if (this.f_apply_type === '拆改装报建') {
+          val.defname = '业务申请'
+          val.processname = '拆改装流程'
+        } else {
+          this.$showMessage('暂无此类报装')
+          return
         }
-        // // 如果是改装,将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)
+        // if (this.f_apply_type === '综合报建') {
+        //   val.defname = '报建登记'
+        //   val.processname = '报建流程'
+        // } else {
+        //   this.$showMessage('暂无此类报装')
+        //   return
         // }
 
-        console.log(112 + JSON.stringify(this.$login.f.f_apply_department))
-        this.$dispatch('check', val)
-        this.$dispatch('changeheight')
-        this.$dispatch('addactive')
+        val.f_sub_state = "新增"
+        val.f_process_id = await this.getProcessId(val.processname)
+        // 调用ExplorationUser事件
+        this.$dispatch('apply', val)
+        this.f_apply_type = null
+        this.showModal = false
       },
-      // 改装申请
-      modify() {
-        // 调出改装申请界面
-        this.$parent.show = false
+      // 点击操作
+      click (val) {
+        this.$dispatch('apply', val)
       }
-      ,
-      check(val) {
-        this.$dispatch('check', val)
-        this.$dispatch('addactive')
-      }
-      ,
-      close() {
-        this.$dispatch('close')
-      }
-      ,
-      compare(val) {
-        val === '完工'
-        console.log('完工', val)
-        return false
-      },
-
-      /*      // 获取数据
-            loadSingleValue(str) {
-              debugger
-              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() {
-              debugger
-              let arr = this.$refs.cp.$refs.grid.model.rows
-              let overNumString1=''
-              let flagNum1=1
-              for(let val of arr) {
-                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 (flagNum1!=1){
-                console.log(overNumString1);
-                this.speckText('请注意：第：'+overNumString1+'数据即将过期')
-              }
-              console.log('语音播放完毕');
-            }*/
-    },
-    events: {
-    },
-    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()
+      projectStart () {
+        return this.$login.r.includes('报建发起')
       }
-      ,
-      selected() {
-        return this.$refs.cp.$refs.grid.selected
+    },
+    watch: {
+      'model.rows': {
+        handler: function () {
+          let isover = []           // 过期(超时)数据
+          let isbeforeover = []     // 未过期 提前提醒
+          for (let i = 0; i < this.model.rows.length; i++) {
+            let item = this.model.rows[i]
+            if (item.isover === '过期') {
+              isover.push(i + 1)
+            }
+            if (item.isbeforeover === '预期提醒') {
+              isbeforeover.push(i + 1)
+            }
+          }
+          let msg = null
+          if (isover.length > 0) {
+            msg = `第${isover.toString()}条数据已过期`
+            this.$showAlert(msg, 'warning', 3000)
+          }
+
+          if (isbeforeover.length > 0) {
+            msg = `第${isbeforeover.toString()}条数据即将过期`
+            if (isover.length > 0) {
+              setTimeout(() => {
+                this.$showAlert(msg, 'warning', 3000)
+              }, 4000)
+            } else {
+              this.$showAlert(msg, 'warning', 3000)
+            }
+          }
+        }
       }
     }
   }
 </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
+    font-weight:bold
   }
-
   .p {
     color: #ffaf4f;
   }