<style scoped>
.app-row {
  background-color: white;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
}

.search_input {
  border: 0;
  outline: none;
}

.font {
  font: 15px PingFang-SC-Medium;
  color: #666666;
}

.input-font {
  font: 15px PingFang-SC-Medium;
  color: #333333;
}

.btn-font {
  font: 600 16px PingFang-SC-Bold;
  color: #499EDF;
}

.btn-color {
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #499EDF;
}

.app-text {
  font-size: 12px;
}

.panel-self {
  border-radius: 10px;
  border: 1px solid #499EDF;
  background-color: #F8F8F8;
}

.button_shrink_top {
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-image: url("../../../../static/newStyle/stretch_top.png")
}

.button_shrink_bottom {
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-image: url("../../../../static/newStyle/stretch_bottom.png")
}
</style>
<template>
  <div style="height: auto;width: 100%">
    <criteria-paged :model="model" v-ref:paged>
      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
        <div partial>
          <form>
            <div class="row app-row">
              <div class="col-xs-4">
                <img src="../../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label for="f_userinfo_code" class="font text-left">用户编号：</label>
              </div>
              <div class="col-xs-8">
                <input id="f_userinfo_code" class="search_input input-font"
                       v-model=model.f_userinfo_code condition="f_userinfo_code like '%{}%'" />
              </div>
            </div>
            <div class="row app-row">
              <div class="col-xs-4">
                <img src="../../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">用户姓名：</label>
              </div>
              <div class="col-xs-8">
                <input class="search_input input-font" v-model=model.f_user_name
                       condition="f_user_name like '%{}%'" />
              </div>
            </div>

            <div class="row app-row">
              <div class="col-xs-4">
                <img src="../../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">用户证号：</label>
              </div>
              <div class="col-xs-8">
                <input class="search_input input-font" v-model=model.f_enter_number
                       condition="f_enter_number like '%{}%'" />
              </div>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/是否已检.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label for="f_state" class="font text-left">是否已检：</label>
              </div>
              <v-select id="f_state" :value.sync="model.f_state" class="input-font"
                        :options='$parent.$parent.check_states' placeholder='是否已检' :width="'60%'"
                        v-model="model.f_state" condition="f_state='{}'" close-on-select clear-button>
              </v-select>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">表&emsp;&emsp;号：</label>
              </div>
              <div class="col-xs-5">
                <input class="search_input input-font" v-model=model.f_meter_no
                       condition="f_meter_no like '%{}%'" />
              </div>
              <div class="col-xs-3">
                <button type="button" class="btn btn-lg btn-font btn-color"
                        @click="$parent.$parent.scan()">扫码</button>
              </div>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">客户电话：</label>
              </div>
              <div class="col-xs-8">
                <input class="search_input input-font" v-model=model.f_user_phone
                       condition="f_user_phone like '%{}%'" />
              </div>
            </div>

            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">用户地址：</label>
              </div>
              <div class="col-xs-8">
                <input class="search_input input-font" v-model=model.f_keyword
                       condition="f_address like '%{}%'" />
              </div>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/用户类型.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label for="f_user_type" class="font text-left">用户类型：</label>
              </div>
              <v-select id="f_user_type" :value.sync="model.f_user_type" class="input-font" :width="'60%'"
                        :options='$parent.$parent.user_types' placeholder='请选择用户类型' v-model="model.f_user_type"
                        condition="f_user_type='{}'" close-on-select clear-button></v-select>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-6">
                <img src="../../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label class="font text-left">到访不遇：</label>
              </div>
              <div class="col-xs-8">
                <input class="search_input input-font" type="number" v-model=model.f_check_version
                       condition="f_check_version <= '{}'" />
              </div>
            </div>
            <div class="row app-row" v-if="$parent.$parent.criteriaShow">
              <div class="col-xs-4">
                <img src="../../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
                <label for="f_plan_name" class="font text-left">表具时间：</label>
              </div>
              <datepicker id="f_start_date" style="width: 30%;" :value.sync="model.f_scrap_start"
                          :disabled-days-of-Week="[]" v-model="model.f_scrap_start" class="input-font"
                          :format="'yyyy-MM-dd 00:00:00'" condition="f_scrap_date >= '{}'">
              </datepicker>-
              <datepicker id="f_end_date" style="width: 30%;" :value.sync="model.f_scrap_end"
                          :disabled-days-of-Week="[]" v-model="model.f_scrap_end" class="input-font"
                          :format="'yyyy-MM-dd 23:59:00'" condition="f_scrap_date <= '{}'">
              </datepicker>
            </div>
            <div class="row text-center" style="margin-top: 20px;">
              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
                      @click="$parent.$parent.selfSearch">查询</button>
              <div style="float: right;margin-right: 3% " class="button_spacing"
                   :class="{ 'button_shrink_top': $parent.$parent.criteriaShow, 'button_shrink_bottom': !$parent.$parent.criteriaShow }"
                   @click="$parent.$parent.hidden()"></div>
              <img v-if="!$parent.$parent.planName" style="float: right;margin-right: 3% "
                   @click="$parent.$parent.getNewOrder" src="../../../assets/shuaxindaiban1.png"
                   style="width: 40px;padding: 5px; float:right">
            </div>
            <div class="col-sm-12">

            </div>
            <div style="height:30px;"></div>
          </form>
        </div>
      </criteria>
      <list :model="model" partial='list'>
        <div partial>
          <div class="auto app-text" style="margin-top: 5px;">
            <div class="panel" style="padding: 10px 10px 5px 10px;">
              <div class="panel-body panel-self">
                <div class="col-xs-12">
                  <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left">
                    <b>用户编号:</b></p>
                  <p class="panel-title col-xs-5 text-left input-font" style="width: 74%">{{
                      row.f_userinfo_code }}</p>
                  <p class="panel-title col-xs-2 text-left input-font" style="width: 5%;float:right">
                    <input type="checkbox"
                           @click="$parent.$parent.$parent.setPlanParam(row.id, $event)" />
                  </p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left">
                    <b>用户名称:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{
                      row.f_user_name }}</p>
                </div>
                <div class="col-xs-6">
                  <p class="panel-title col-xs-5 text-left font"><b>用户类型:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_user_type }}
                  </p>
                </div>
                <div class="col-xs-6">
                  <p class="panel-title col-xs-5 text-left font"><b>计划名称:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_plan_name }}</p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title text-left font" style="width: 23%;float: left"><b>用户电话:</b>
                  </p>
                  <p class="panel-title text-left input-font" style="width: 77%">{{ row.f_user_phone
                    }}
                    <img src="../../../assets/phone.png" style="width: 6%"
                         v-on:click.stop.prevent='$parent.$parent.$parent.makeAPhoneCall(row.f_user_phone)' />
                  </p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title text-left font" style="width: 23%;float: left"><b>备用电话:</b>
                  </p>
                  <p class="panel-title text-left input-font" style="width: 77%">{{ row.f_rent_phone }}
                    <img v-if="row.f_rent_phone" src="../../../assets/phone.png" style="width: 6%"
                         v-on:click.stop.prevent='$parent.$parent.$parent.makeAPhoneCall(row.f_rent_phone)' />
                  </p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title text-left font" style="width: 23%;float: left"><b>租户电话:</b>
                  </p>
                  <p class="panel-title text-left input-font" style="width: 77%">{{ row.f_zuhu_phone
                    }}
                    <img v-if="row.f_zuhu_phone" src="../../../assets/phone.png" style="width: 6%"
                         v-on:click.stop.prevent='$parent.$parent.$parent.makeAPhoneCall(row.f_zuhu_phone)' />
                  </p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title text-left font" style="width: 21%;float: left"><b>用户地址:</b>
                  </p>
                  <p class="panel-title text-left input-font" style="width: 79%">{{ row.f_address }}
                  </p>
                </div>
                <div class="col-xs-6">
                  <p class="panel-title col-xs-5 text-left font"><b>安检状态:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_state ==
                  '已检'?'临时保存':row.f_state }}</p>
                </div>
                <div class="col-xs-6">
                  <p class="panel-title col-xs-5 text-left font"><b>上传状态:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_upload_state }}</p>
                </div>
                <div class="col-xs-12" v-if="row.f_prearranged_date != null">
                  <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left">
                    <b>预约时间:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{
                      row.f_prearranged_date }}</p>
                </div>
                <div class="col-xs-6">
                  <p class="panel-title col-xs-5 text-left font"><b>安检类型:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_safecheck_type }}</p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title col-xs-5 text-left font"><b>到访不遇次数:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_check_version }}</p>
                </div>
                <div class="col-xs-12">
                  <p class="panel-title col-xs-5 text-left font"><b>表具到期时间:</b></p>
                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_scrap_date }}</p>
                </div>
                <div class="col-xs-12">
                  <button type="button" name="button" class="btn btn-primary"
                          style="background-color:#499edf;float: right"
                          @click="$parent.$parent.$parent.inspectRepair (row)">处理</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </list>
    </criteria-paged>
  </div>
</template>

<script>
import LocalPagedList from '../../../plugins/LocalPagedList'
import Vue from 'vue'
import { PagedList, HttpResetClass } from 'vue-client'
import * as Util from '../../../components/Util'
import co from 'co'
let select = function* (self) {
  let http = new HttpResetClass()
  http.load('POST', `${self.$androidUtil.getProxyUrl()}/rs/search`, {
    source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1))',
    userid: Vue.user.id
  }, { resolveMsg: null, rejectMsg: null }).then((res) => {
    self.checkers.push({ label: '全部', value: '' })
    res.data.forEach((checker) => {
      self.checkers.push({ label: checker.name, value: checker.id })
    })
  })
}
export default {
  title: 'userinfo-select',
  props: ['row'],
  data() {
    return {
      f_filialeids: '(' + Vue.user.orgid + ')',
      planparam: [],
      check: '',
      plan: '',
      planid: '',
      model: Vue.android ? new LocalPagedList('androidGetuserinfo', 20, { condition: 'this.condition' }) : new PagedList('AndroidRest/rs/sql/androidGetuserinfo', 20, { condition: 'this.condition' }),
      showModal: false,
      showModal2: false,
      showModal3: false,
      needid: '',
      criteriaShow: false,
      planoption: [],
      condition: '',
      checkers: [],
      param: null,
      f_preset_dt: Util.to3339TimeString(),
      flow_direction: [
        { label: '请选择挂表方式', value: '' },
        { label: '左表', value: '左表' },
        { label: '右表', value: '右表' }
      ],
      check_states: [
        { label: '请选择安检状态', value: '' },
        { label: '未检', value: '未检' },
        { label: '临时保存', value: '已检' },
      ],
      last_check_states: [
        { label: '请选择上次安检状态', value: '' },
        { label: '入户', value: '入户' },
        { label: '拒检', value: '拒检' },
        { label: '到访不遇', value: '到访不遇' },
        { label: '未使用天然气', value: '未使用天然气' }
      ],
      upload_states: [
        { label: '请选择上传状态', value: '' },
        { label: '未传', value: '未传' },
        { label: '已传', value: '已传' }
      ],
      user_types: [
        { label: '请选择用户类型', value: '' },
        { label: '民用', value: '民用' },
        { label: '非民用', value: '非民用' },
      ],
      verify_state: [
        { label: '请选择审核状态', value: '' },
        { label: '未审核', value: '未审核' },
        { label: '打回', value: '打回' }
      ],
      residentialAreaOptions: [],
      buildOptions: [],
      unitOptions: [],
      planNameOptions: [],
      upcomingCount: 0,
      doneCount: 0,
      tempSaveCount: 0,
      allPlanCount: 0
    }
  },
  ready() {
    this.selfSearch()
    let gen = select(this)
    co(gen)
  },
  mounted() {
    if (window.history && window.history.pushState) {
      history.pushState(null, null, document.URL);
      window.addEventListener('popstate', this.fun, false)
    }
  },
  destroyed() {
    window.removeEventListener('popstate', this.fun, false)
  },
  methods: {
    inspectRepair(row){
      var _this = this
      let http = new HttpResetClass()
      http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/AndroidDealWith`, {data: {condition:  `tcp.f_userinfo_code = '${row.f_userinfo_code}'`,f_filialeids:Vue.user.orgid}},
        {resolveMsg: null, rejectMsg: null}).then(resp=>{
        if (resp.data.length>0){
          this.$showMessage('该用户有隐患未处理，是否先处理隐患？', ['cancel', 'confirm']).then(
            (response) => {
              if (response === 'confirm') {
                var pardate = {
                  _this:_this,
                  title:'隐患处理',
                  safe:true
                }
                _this.$dispatch('gotoson',pardate)
                _this.$goto('android-defect-deal-before-safe', {row: row}, 'self', function () {
                  _this.inspect(row)
                })
              }else {
                this.inspect(row)
              }
            }
          )
        }else {
          this.inspect(row)
        }
      }).catch(()=>{
        this.inspect(row)
      })
    },
    scan() {
      HostApp.__this__ = this,
        HostApp.scanCode({ callback: "javascript:HostApp.__this__.getCode();" })
    },
    getCode() {
      const datapa = HostApp.getCode().data;
      this.$refs.paged.$refs.cri.model.f_meter_no = datapa

    },
    fun() {

    },
    iscancel() {
      this.showModal2 = false
      this.showModal3 = false
      this.planoption = []
    },
    timeSet(val) {
      return val
    },
    async isok() {
      if (this.planoption.length == 0) {
        this.$showMessage("请选择计划")
        return false
      }
      for (let i = 0; i < this.planoption.length; i++) {
        if (this.planoption[i]["selected"] == true) {
          this.planid = this.planoption[i].value
          break
        }
      }
      if (this.planid == '') {
        this.$showMessage("请选择计划")
        return false
      }
      await this.okput()
    },
    async manyisok() {
      if (this.planoption.length == 0) {
        this.$showMessage("请选择计划")
        return false
      }
      for (let i = 0; i < this.planoption.length; i++) {
        if (this.planoption[i]["selected"] == true) {
          this.planid = this.planoption[i].value
          break
        }
      }
      if (this.planid == '') {
        this.$showMessage("请选择计划")
        return false
      }
      await this.manyokput()
    },
    changenull() {
      this.showModal2 = false
      this.showModal3 = false
      this.planoption = []
      this.plan = ''
      this.check = ''
    },
    async okput() {
      let res = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/UpCheckPlanItem`, {
        data: {
          condition: `i.id='` + this.needid + `'`,
          f_plan_id: this.planid,
          switchCheckAll: false,
          checkAll: false,
          f_operator: Vue.user.name
        }
      })
      this.$showMessage("上传成功,请等待审核")
      await this.changenull()
      await this.getNewOrder()
    },
    async manyokput() {
      let res = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/UpCheckPlanItem`, {
        data: {
          columnName: "i.id",
          condition: "1=1",
          f_plan_id: this.planid,
          switchCheckAll: true,
          param: this.planparam,
          checkAll: false,
          f_operator: Vue.user.name
        }
      })
      await this.changenull()
      await this.getNewOrder()
    },
    async plansearch() {
      this.planoption = []
      let condition = ` f_plan_year=${new Date().getFullYear()}`
      if (this.check) {
        condition += ` and f_checker_id= '${this.check}'`
      }
      if (this.plan) {
        condition += ` and f_plan_name like '%${this.plan}%'`
      }
      let res = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/预约计划下发`, {
        data: {
          condition: condition,
          f_filialeids: this.f_filialeids,
          groupitem: '',
          orderitem: 'id'
        }
      })
      let resoult = res.data
      for (let i = 0; i < resoult.length; i++) {
        this.planoption.push({ label: resoult[i].f_plan_name, selected: false, value: resoult[i].id })
      }
    },

    select(row, idx) {
      this.$set('planoption[' + idx + '].selected', true)
      for (let i = 0; i < this.planoption.length; i++) {
        if (i != idx) {
          this.planoption[i]["selected"] = false
        }
      }
    },
    planclose() {
      this.showModal2 = false
      this.showModal3 = false
    },
    queryplan(val) {
      this.needid = val
      this.showModal2 = true
    },
    queryplanmany() {

      this.showModal3 = true
    },
    reload() {
      this.selfSearch()
    },
    cancelReserve(idx, id) {
      if (Vue.android) {
        let res = this.$androidUtil.bzLogic('BookingCheck', { dt: '', id: id })
        this.$set('model.rows[' + idx + '].f_prearranged_date', null)
        if (res.code == 200) {
          this.$showMessage("取消预约成功")
        }
      } else {
        this.$androidUtil.bzLogic('PCbookingCheck', { dt: '', id: id }).then((repanse) => {
          this.$set('model.rows[' + idx + '].f_prearranged_date', null)
          if (repanse.data.code == 200) {
            alert("取消预约成功!")
          }
        })
      }
    },
    genuineReserve() {
      if (Vue.android) {
        if (!this.f_preset_dt) {
          this.$showMessage('请选择一个日期')
          return
        }
        let pdt = this.f_preset_dt.replace('T', ' ')
        let respanse = this.$androidUtil.bzLogic('BookingCheck', { id: this.model.rows[this.param].id, dt: pdt })
        this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
        if (respanse.code == 200) {
          this.$showMessage("预约成功!")
        }
        this.showModal = false
      } else {
        if (!this.f_preset_dt) {
          alert('请选择一个日期')
          return
        }
        let pdt = this.f_preset_dt.replace('T', ' ')
        this.$androidUtil.bzLogic('PCbookingCheck', { id: this.model.rows[this.param].id, dt: pdt }).then((res) => {
          this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
          if (res.data.code == 200) {
            alert("预约成功!")
          }
          this.showModal = false
        })
      }
    },
    inspect(row) {
      var _this = this
      let http = new HttpResetClass()
      http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
        data: {
          items: 'id',
          tablename: 't_check_plan_item',
          condition: `id  = '${row.id}'`,
          orderitem: ' id '
        }
      }, { resolveMsg: null, rejectMsg: null }).then((getcheckplan) => {
        console.log('getcheckplan=', JSON.stringify(getcheckplan))
        this.getcheckplandata = getcheckplan.data[0]
        if (this.getcheckplandata) {
          if (row.f_upload_state == '未传' || (row.f_upload_state == '已传' && row.f_state == '未检' && row.f_no_checkplan != '无计划安检')) {
            _this.$resetpost(`${_this.$androidUtil.getProxyUrl()}/rs/sql/查询计划项表信息`, { data: { f_userid: row.f_userinfoid } }, { resolveMsg: null, rejectMsg: null }).then((response) => {
              row['f_plan_meters'] = response.data
              var pardate = {
                _this: _this,
                title: '安全检查',
                safe: true
              }
              _this.$dispatch('gotoson', pardate)
              _this.$goto('safecheck-order-v', { f_plan_id: row.f_plan_id, item: row, role: 'inspect', parentPage: 'CurrentCreate' }, 'self', _this.reload)
            }).catch((msg) => {
              this.$showMessage("网络异常,请检查网络后再试！")
            })
          } else {
            this.$showMessage("该安检单已被上传！")
          }
        } else {
          this.$showMessage("该用户安检单已被移除，请联系管理员确认！")
        }
      })
    },
    makeAPhoneCall(phoneNumber) {
      this.$androidUtil.makeAPhoneCall(phoneNumber)
    },
    reserve(idx) {
      this.param = idx
      this.showModal = true
    },
    search(args) {
      this.model.rows = []
      this.model.search(args.condition, args.model)
    },
    selfSearch() {
      let condition = ""
      if (Array.isArray(this.$refs.paged.$refs.cri.model.f_residential_area) && this.$refs.paged.$refs.cri.model.f_residential_area.length > 0) {
        condition += " and ti.f_residential_area = '" + this.$refs.paged.$refs.cri.model.f_residential_area[0] + "'"
      } else if (this.$refs.paged.$refs.cri.model.f_residential_area instanceof String && this.$refs.paged.$refs.cri.model.f_residential_area) {
        condition += " and ti.f_residential_area = '" + this.$refs.paged.$refs.cri.model.f_residential_area + "'"
      }
      if (this.$refs.paged.$refs.cri.model.f_building)
        condition += ` and ti.f_building = '${this.$refs.paged.$refs.cri.model.f_building}'`
      if (this.$refs.paged.$refs.cri.model.f_unit)
        condition += ` and ti.f_unit = '${this.$refs.paged.$refs.cri.model.f_unit}'`
      if (this.planName) {
        condition += " and f_plan_name like '%" + this.planName + "%'"
      } else {
        if (this.$refs.paged.$refs.cri.model.f_plan_name)
          condition += " and f_plan_name like '%" + this.$refs.paged.$refs.cri.model.f_plan_name + "%'"
      }
      if (this.$refs.paged.$refs.cri.model.f_userinfo_code){
        condition += " and ti.f_userinfo_code like '%" + this.$refs.paged.$refs.cri.model.f_userinfo_code + "%'"
      }
      if (this.$refs.paged.$refs.cri.model.f_keyword)
        condition += " and ti.f_address like '%" + this.$refs.paged.$refs.cri.model.f_keyword + "%'"
      if (this.$refs.paged.$refs.cri.model.f_user_name)
        condition += " and ti.f_user_name like '%" + this.$refs.paged.$refs.cri.model.f_user_name + "%'"
      if (this.$refs.paged.$refs.cri.model.f_state[0])
        condition += " and ti.f_state='" + this.$refs.paged.$refs.cri.model.f_state[0] + "'"
      if (this.$refs.paged.$refs.cri.model.f_user_type[0])
        condition += " and ti.f_user_type='" + this.$refs.paged.$refs.cri.model.f_user_type[0] + "'"
      if (this.$refs.paged.$refs.cri.model.f_meter_no)
        condition += " and tm.f_meter_no like '%" + this.$refs.paged.$refs.cri.model.f_meter_no + "%'"
      if (this.$refs.paged.$refs.cri.model.f_user_phone) {
        condition += `and ti.f_user_phone like '%${this.$refs.paged.$refs.cri.model.f_user_phone}%'`
      }
      if (this.$refs.paged.$refs.cri.model.f_enter_number)
        condition += " and ti.f_enter_number like '%" + this.$refs.paged.$refs.cri.model.f_enter_number + "%'"
      if (this.$refs.paged.$refs.cri.model.f_check_version)
        condition += " and ti.f_check_version <= " + this.$refs.paged.$refs.cri.model.f_check_version
      if (this.row.f_plan_id){
        condition += ` and ti.f_plan_id = '${this.row.f_plan_id}'`
      }
      if(this.row.f_residential_area){
        condition += ` and ti.f_residential_area = '${this.row.f_residential_area}'`
      }else {
        condition += ` and (ti.f_residential_area is null or ti.f_residential_area = '')`
      }
      if (this.row.f_building){
        condition += ` and ti.f_building = '${this.row.f_building}'`
      }else {
        condition += ` and (ti.f_building is null or ti.f_building = '')`
      }
      if(this.$refs.paged.$refs.cri.model.f_scrap_start){
        condition += " and ti.f_scrap_date >= '" + this.$refs.paged.$refs.cri.model.f_scrap_start+ "'"
      }
      if(this.$refs.paged.$refs.cri.model.f_scrap_end){
        condition += " and ti.f_scrap_date <= '" + this.$refs.paged.$refs.cri.model.f_scrap_end + "'"
      }
      this.model.search("((f_complete = '' or f_complete = null or f_complete = '未完成') or (f_state = '未检')) and ti.f_no_checkplan = '有计划安检'" + condition)
    },
    getNewOrder() {
      HostApp.__this__ = this
      HostApp.logicWithHint({
        'logic': 'SafeCheckServiceTimeOut',
        'callback': 'javascript:HostApp.__this__.getNewOrderCallBack()',
        'data': { params: '' },
        'backresult': 1
      })
      HostApp.logicWithHint({
        'logic': 'FreshPlanItem',
        'callback': 'javascript:HostApp.__this__.getNewOrderCallBack()',
        'data': { params: '' },
        'backresult': 1
      })
    },
    getNewOrderCallBack() {
      this.selfSearch()
    },
    hidden() {
      this.criteriaShow = !this.criteriaShow
    },
    setPlanParam(detailsType, event) {
      if (event.srcElement.checked) {
        this.planparam.push(detailsType)
      } else {
        if (this.planparam.length > 0) {
          let planid = this.planparam.findIndex((value) => {
            return value === detailsType
          })
          this.planparam.splice(planid, 1)

        }

      }
    }
  }
}
</script>
