safecheck-client 3.0.33-11 → 3.0.33-110

package/src/filiale/bayan/pc/CheckSearchUser.vue

@@ -0,0 +1,1065 @@
+<template>
+  <div class="flex">
+    <criteria-paged v-ref:paged :model="model">
+      <criteria v-ref:criteria partial='criteria' @condition-changed='$parent.search'>
+        <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
+          <div v-show="!$parent.$parent.$parent.showItem" class="row">
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">用户编号</label>
+              <input id="f_userinfo_code" v-model="model.f_userinfo_code" class="input_search"
+                     condition="f_userinfo_code like '%{}%'" placeholder="用户编号" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">用户姓名</label>
+              <input id="f_user_name" v-model="model.f_user_name" class="input_search"
+                     condition="f_user_name like '%{}%'" placeholder="用户姓名" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input id="f_residential_area" v-model="model.f_residential_area" class="input_search"
+                     condition="f_residential_area like '%{}%'" placeholder="小区" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">地&emsp;&emsp;址</label>
+              <input id="f_address" v-model="model.f_address" class="input_search" condition="f_address like '%{}%'"
+                     placeholder="地址" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style" style="width: auto;margin-top:8px;float: right">
+              <export-excel-safe :choose-col="true" :data="$parent.$parent.searchData"
+                                 :field="$parent.$parent.excelHeaders" sql-name="根据安检员查询用户档案" sqlurl="rs/logic/SafeExportExcel"
+                                 template-name='用户安检情况'></export-excel-safe>
+              <button class="button_search button_spacing" type="button" @click="search()">查询</button>
+              <div
+                :class="{ 'button_shrink_left': $parent.$parent.$parent.showItem, 'button_shrink_right': !$parent.$parent.$parent.showItem }"
+                class="button_spacing" style="float: right" @click="$parent.$parent.hiddenr()"></div>
+              <div
+                :class="{ 'button_shrink_top': $parent.$parent.criteriaShow, 'button_shrink_bottom': !$parent.$parent.criteriaShow }"
+                class="button_spacing" style="float: right" @click="$parent.$parent.hidden()">
+
+              </div>
+            </div>
+
+
+          </div>
+          <div v-show="!$parent.$parent.$parent.showItem" class="row">
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">用户类型</label>
+              <v-select id="f_usertype" v-model="model.f_usertype" :options='$parent.$parent.usertypes'
+                        :value-single="true" :value.sync="model.f_usertype" class="select select_list" clear-button
+                        close-on-select condition="f_user_type = '{}'" placeholder='用户类型'></v-select>
+            </div>
+            <!--            <div class="form-group col-sm-2" v-show="$parent.$parent.criteriaShow && !$parent.$parent.$parent.showItem"></div>-->
+
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body" style="color: red;">安检筛选</label>
+              <v-select v-model="$parent.$parent.SafeCheckXZ" :options='$parent.$parent.SafeCheckXZs'
+                        :value-single="true" :value.sync="$parent.$parent.SafeCheckXZ" class="select select_list" clear-button
+                        close-on-select placeholder='安检筛选'></v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检起始</label>
+              <datepicker v-model="model.f_check_start" :format="'yyyy-MM-dd 00:00:00'" :show-rest-button="reset"
+                          :value.sync="model.f_check_start" placeholder='最后安检时间起始' style="width: 60%">
+              </datepicker>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检结束</label>
+              <datepicker v-model="model.f_check_end" :format="'yyyy-MM-dd 23:59:59'" :show-rest-button="reset"
+                          :value.sync="model.f_check_end" placeholder='最后安检时间结束' style="width: 60%">
+              </datepicker>
+            </div>
+
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检状态</label>
+              <v-select id="f_entry" :multiple="true" :options='$parent.$parent.checkstatus'
+                        :value.sync="$parent.$parent.checkStates" class="select select_list" placeholder='安检状态'></v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">隐患情况</label>
+              <v-select v-model='model.f_check_result' :options='$parent.$parent.f_check_results' :value-single="true"
+                        :value.sync="model.f_check_result" class="select select_list" clear-button close-on-select
+                        condition="f_defect_content  like '%{}%'" placeholder='隐患情况'></v-select>
+            </div>
+            <!--            <div class="form-group col-sm-2" v-show="$parent.$parent.criteriaShow && !$parent.$parent.$parent.showItem"></div>-->
+          </div>
+          <div v-show="!$parent.$parent.$parent.showItem" class="row">
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">区&emsp;&emsp;域</label>
+              <v-select v-model="model.f_quyu" :options='$parent.$parent.quyus' :value-single="true"
+                        :value.sync="model.f_quyu" class="select_list select" close-on-select placeholder='区域'
+                        style="width: 60%" @change="$parent.$parent.quyuChange">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">营&ensp;业&ensp;厅</label>
+              <v-select v-model="model.f_bumen" :options='$parent.$parent.bumens' :value-single="true"
+                        :value.sync="model.f_bumen" class="select_list select" close-on-select placeholder='营业厅'
+                        style="width: 60%" @change="$parent.$parent.bumenChange">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;组</label>
+              <v-select v-model="model.f_team" :options='$parent.$parent.teams' :value-single="true"
+                        :value.sync="model.f_team" class="select_list select" close-on-select placeholder='小组'
+                        style="width: 60%" @change="$parent.$parent.teamChange">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安&ensp;检&ensp;员</label>
+              <v-select v-model="model.f_checker_id" :multiple="true" :options='$parent.$parent.checkers'
+                        :value.sync="model.f_checker_id" class="select_list select" close-on-select
+                        condition="f_checker_name in {}" placeholder='安检员' style="width: 60%">
+              </v-select>
+            </div>
+            <!--            <div class="col-sm-4 form-group" v-show="$parent.$parent.criteriaShow" style="margin: 0">-->
+            <!--              <role-selector-safe-->
+            <!--                role-name="安检员"-->
+            <!--                role-lable="安&nbsp;检&nbsp;员&nbsp;"-->
+            <!--                @re-res="$parent.$parent.getRes"-->
+            <!--                :value.sync="model.f_checker_id"-->
+            <!--                v-model="model.f_checker_id"-->
+            <!--                :value-multiple="true"-->
+            <!--                condition=" f_checker_name in {}">-->
+            <!--              </role-selector-safe>-->
+            <!--            </div>-->
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">片&emsp;&emsp;区</label>
+              <v-select v-model="model.f_slice_area" :options='$parent.$parent.sliceArea' :value-single="true"
+                        :value.sync="model.f_slice_area" class="select_list select" clear-button close-on-select
+                        condition="f_slice_area='{}'" filer-key="name" placeholder='片区/管理站' style="width: 60%"
+                        @change="$parent.$parent.getmeterbook(model.f_slice_area)">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">抄&ensp;表&ensp;册</label>
+              <v-select v-model="model.f_meter_book_num" :options='$parent.$parent.cbc' :value-single="true"
+                        :value.sync="model.f_meter_book_num" class="select_list select" clear-button close-on-select
+                        condition="f_meter_book_num={}" filer-key="name" placeholder='抄表册' style="width: 60%">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">省&ensp;市&ensp;区</label>
+              <v-select v-model="model.f_pcd" :options='$parent.$parent.pcds' :value-single="true"
+                        :value.sync="model.f_pcd" class="select_list select" clear-button close-on-select condition="f_pcd='{}'"
+                        filer-key="name" placeholder='请选择' style="width: 60%">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">用户状态</label>
+              <v-select v-model="model.f_user_state" :options='$parent.$parent.userstates' :value-single="true"
+                        :value.sync="model.f_user_state" class="select_list select" clear-button close-on-select
+                        condition="f_user_state = '{}'" placeholder='用户状态' style="width: 60%">
+              </v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">距上次安检天数</label>
+              <input v-model="model.f_check_date" class="input_search" placeholder="距上次安检天数" style="width: 60%"
+                     type="number">
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">到访不遇次数</label>
+              <input v-model="model.f_check_version" class="input_search" placeholder="到访不遇次数" style="width: 60%"
+                     type="number">
+            </div>
+          </div>
+
+          <div v-show="$parent.$parent.$parent.showItem" class="row">
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">用户编号</label>
+              <input v-model="model.f_userinfo_code" class="input_search" condition="f_userinfo_code like '%{}%'"
+                     placeholder="用户编号" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">用户姓名</label>
+              <input v-model="model.f_user_name" class="input_search" condition="f_user_name like '%{}%'"
+                     placeholder="用户姓名" style="width: 60%" type="text">
+            </div>
+            <div :class="$parent.$parent.style" style="width: auto;margin-top:8px;float: right">
+              <export-excel-safe :data="$parent.$parent.searchData" :field="$parent.$parent.excelHeaders"
+                                 sql-name="根据安检员查询用户档案" sqlurl="rs/logic/SafeExportExcel" template-name='用户安检情况'></export-excel-safe>
+              <button class="button_search button_spacing" type="button" @click="search()">查询</button>
+              <div
+                :class="{ 'button_shrink_left': $parent.$parent.$parent.showItem, 'button_shrink_right': !$parent.$parent.$parent.showItem }"
+                class="button_spacing" style="float: right" @click="$parent.$parent.hiddenr()"></div>
+              <div
+                :class="{ 'button_shrink_top': $parent.$parent.criteriaShow, 'button_shrink_bottom': !$parent.$parent.criteriaShow }"
+                class="button_spacing" style="float: right" @click="$parent.$parent.hidden()">
+
+              </div>
+            </div>
+
+          </div>
+          <div v-show="$parent.$parent.$parent.showItem" class="row">
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input v-model="model.f_residential_area" class="input_search" condition="f_residential_area like '%{}%'"
+                     placeholder="小区" style="width: 60%" type="text">
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">地&emsp;&emsp;址</label>
+              <input v-model="model.f_address" class="input_search" condition="f_address like '%{}%'" placeholder="地址"
+                     style="width: 60%" type="text">
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">用户类型</label>
+              <v-select v-model="model.f_usertype" :options='$parent.$parent.usertypes' :value-single="true"
+                        :value.sync="model.f_usertype" class="select select_list" clear-button close-on-select
+                        condition="f_user_type = '{}'" placeholder='用户类型'></v-select>
+            </div>
+            <!--            <div class="form-group col-sm-2" v-show="$parent.$parent.criteriaShow && !$parent.$parent.$parent.showItem"></div>-->
+
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body" style="color: red;">安检筛选</label>
+              <v-select v-model="$parent.$parent.SafeCheckXZ" :options='$parent.$parent.SafeCheckXZs'
+                        :value-single="true" :value.sync="$parent.$parent.SafeCheckXZ" class="select select_list" clear-button
+                        close-on-select placeholder='安检筛选'></v-select>
+            </div>
+
+          </div>
+          <div v-show="$parent.$parent.$parent.showItem" class="row">
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检起始</label>
+              <datepicker v-model="model.f_check_start" :disabled-days-of-week="[]" :format="'yyyy-MM-dd'"
+                          :show-rest-button="reset" :value.sync="model.f_check_start" placeholder='最后安检时间起始' style="width: 60%">
+              </datepicker>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检结束</label>
+              <datepicker v-model="model.f_check_end" :disabled-days-of-week="[]" :format="'yyyy-MM-dd'"
+                          :show-rest-button="reset" :value.sync="model.f_check_end" placeholder='最后安检时间结束' style="width: 60%">
+              </datepicker>
+            </div>
+
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">安检状态</label>
+              <v-select :multiple="true" :options='$parent.$parent.checkstatus'
+                        :value.sync="$parent.$parent.checkStates" class="select select_list" clear-button close-on-select
+                        placeholder='安检状态'></v-select>
+            </div>
+            <div v-show="$parent.$parent.criteriaShow" :class="$parent.$parent.style">
+              <label class="font_normal_body">隐患情况</label>
+              <v-select v-model='model.f_check_result' :options='$parent.$parent.f_check_results' :value-single="true"
+                        :value.sync="model.f_check_result" class="select select_list" clear-button close-on-select
+                        condition="f_defect_content  like '%{}%'" placeholder='隐患情况'></v-select>
+            </div>
+          </div>
+          <!--<div class="row" v-show="$parent.$parent.$parent.showItem">
+            <div :class="$parent.$parent.style" v-show="$parent.$parent.criteriaShow">
+              <label class="font_normal_body">公&emsp;&emsp;司</label>
+              <right-tree @re-res="$parent.$parent.getRes" :initresid="$parent.$parent.$login.f.orgid">
+              </right-tree>
+            </div>
+
+          </div>-->
+        </div>
+      </criteria>
+      <data-grid v-ref:grid :model="model" class="list_area table_sy" partial="list">
+        <template partial='head'>
+          <tr>
+            <th>
+              <nobr>用户编号</nobr>
+            </th>
+            <th>
+              <nobr>用户名称</nobr>
+            </th>
+            <th>
+              <nobr>已安检天数</nobr>
+            </th>
+            <th>
+              <nobr>用户电话</nobr>
+            </th>
+            <th>
+              <nobr>用户表号</nobr>
+            </th>
+            <!--            <th>-->
+            <!--              <nobr>气表品牌</nobr>-->
+            <!--            </th>-->
+            <th>
+              <nobr>用户类型</nobr>
+            </th>
+            <!--            <th>-->
+            <!--              <nobr>壁挂炉</nobr>-->
+            <!--            </th>-->
+            <!--            <th>-->
+            <!--              <nobr>灶具</nobr>-->
+            <!--            </th>-->
+            <th>
+              <nobr>小区名称</nobr>
+            </th>
+            <th style="padding: 0 40px">
+              <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-show="$parent.$parent.$parent.showcode">
+              <nobr>二维码</nobr>
+            </th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td style="text-align: center;" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_userinfo_code }}</td>
+          <td style="text-align: center;" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_user_name }}</td>
+          <td style="text-align: center;" v-bind:class="{ newcolor: row.code == 1 }">
+            {{ $parent.$parent.$parent.dateDiff(row.f_last_check_date) }}
+          </td>
+          <td style="text-align: center;" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_user_phone }}</td>
+          <td style="text-align: center;" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_meternumber }}</td>
+          <!--          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center;">{{row.f_meter_brand}}</td>-->
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_user_type }}</td>
+          <!--          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{ row.f_safe_hasfurnace }}</td>-->
+          <!--          <td v-bind:class="{newcolor:row.code==1}" style="text-align: center">{{ row.f_safe_haskitchen }}</td>-->
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_residential_area }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_address }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_checker_name }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_last_check_date }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_last_check_state }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">
+            {{
+              row.f_last_check_state != '入户' ? '' : (row.f_last_check_result == '无隐患' ? '无问题' : row.f_last_check_result)
+            }}
+          </td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_createfile_date }}</td>
+          <td style="text-align: center" v-bind:class="{ newcolor: row.code == 1 }">{{ row.f_gas_date }}</td>
+          <td v-show="$parent.$parent.$parent.showcode" style="text-align: center"
+              v-bind:class="{ newcolor: row.code == 1 }">
+            <button class="button_spacing button_search-1"
+                    @click.stop='$parent.$parent.$parent.searchInfo(row.f_userinfo_code)'>点击
+            </button>
+          </td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+    <modal v-if="dialogVisible" v-ref:modal :show.sync="dialogVisible" destroyOnClose={true} style="text-align: center">
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          二维码
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div id="dd"></div>
+      </div>
+      <div slot="modal-footer" class="modal-footer">
+        <print-element id="dd" v-ref:printelement class="btn btn-success width-80" height='100%' left='60'
+                       styleid='style1' top='40' width='100%'>打印
+        </print-element>
+        <button class="btn btn-success width-80" type="button" @click="dialogVisible = false">确认</button>
+        <button class="btn btn-success width-80" type="button" @click="dialogVisible = false">取消</button>
+      </div>
+    </modal>
+  </div>
+
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+import { HttpResetClass } from 'vue-client'
+import co from 'co'
+import * as Util from './../../Util'
+import Vue from 'vue'
+
+// let select = function * (self,userid) {
+//   let http = new HttpResetClass()
+//   let getGasman = yield http.load('POST','/rs/search', {
+//     source: 'this.getChildByName($安检员$).getUsers()',
+//     userid: userid
+//   }, {resolveMsg: null, rejectMsg: null})
+//   //tag
+//   getGasman.data.forEach((checker)=>{
+//     self.checkersid.push({label:checker.name,value:checker.id})
+//   })
+//   self.checkersid.push({label:'全部',value:''})
+// }
+
+
+export default {
+  title: '用户安检情况',
+  data() {
+    let options = []
+    let year = (new Date()).getFullYear()
+    for (let i = year; i <= year + 3; i++)
+      options.push({ label: i + '', value: i + '' })
+    let moptions = []
+    for (let i = 1; i <= 12; i++)
+      moptions.push({ label: i + '', value: i + '' })
+
+    return {
+      allCheckers: [{ label: '请选择', value: '' }],
+      quyus: [{ label: '请选择', value: '' }, ...this.$appdata.getParam('区域')],
+      bumens: [{ label: '请选择', value: '' }],
+      teams: [{ label: '请选择', value: '' }],
+      dialogVisible: false,
+      searchData: {
+        condition: '1=1',
+        orderitem: "f_last_check_date",
+        timetype: "dd",
+        f_defect_content: "CASE WHEN CHARINDEX( '\"result\":\"正常\"', tp.f_defect_content ) > 0 THEN '正常' ELSE replace(replace(replace( replace( RIGHT ( tp.f_defect_content, len( tp.f_defect_content ) - 26 ), substring('{}',2,1), '' ), substring('{}',1,1), '' ),']',''),'\"','') END"
+      },
+      excelHeaders: {
+        //用户编号	用户名称	用户电话	安检次数	用户类型	小区名称	地址	安检日期	安检状态	安检结果
+
+        'f_userinfo_code': '用户编号',
+        'f_user_name': '用户名称',
+        'f_user_phone': '用户电话',
+        'f_meternumber': '用户表号',
+        'f_user_type': '用户类型',
+        'f_checker_name': '安检员',
+        'f_residential_area': '小区名称',
+        'f_address': '地址',
+        'f_last_check_date': '安检日期',
+        'f_last_check_state': '安检状态',
+        'f_last_check_result': '安检结果',
+        'f_createfile_date': '建档日期',
+        'f_gas_date': '通气日期'
+      },
+      model: new PagedList('rs/sql/根据安检员查询用户档案', 20, {
+        orderitem: "'f_last_check_date'",
+        timetype: "'dd'",
+        f_defect_content: 'this.f_defect_content'
+      }),
+      f_defect_content: "CASE WHEN CHARINDEX( '\"result\":\"正常\"', tp.f_defect_content ) > 0 THEN '无隐患' ELSE replace(replace(replace( replace( RIGHT ( tp.f_defect_content, len( tp.f_defect_content ) - 26 ), substring('{}',2,1), '' ), substring('{}',1,1), '' ),']',''),'\"','') END",
+      orgstrs: [{ label: '全部', value: '' }],
+      checkersid: [],
+      checkStates: [],
+      SafeCheckXZ: '',
+      civil: '',   //民用安检周期
+      civilian: '',      //非民用安检周期
+      SafeCheckXZs: [{ label: '全部', value: '' }, { label: '未安检', value: '未安检' }, {
+        label: '已安检',
+        value: '已安检'
+      }], // 安检筛选选项
+      SafeCheckSXs: [{ label: '是', value: '是' }, { label: '否', value: '否' }, { label: '全部', value: '' }],
+      // user_states:[{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')],
+      IsShares: [{ label: '是', value: '是' }, { label: '否', value: '否' }],
+      IsShare: '否',
+      checker: {},
+      NoBuys: [{ label: '是', value: '是' }, { label: '否', value: '否' }],
+      criteriaShow: false,
+      checkers: [],
+      showcode: false,
+      chosenOrg: { id: 0 },
+      showModal: false,
+      checkedAll: false,
+      checkrows: [],
+      adjustables: [],
+      f_plan_year: year + '',
+      f_plan_month: moptions[new Date().getMonth()].value,
+      f_effective_start_time: '',  //计划有效起始时间
+      f_effective_end_time: '',    //计划有效结束时间
+      checkboxModel: {},
+      c_year_list: options,
+      c_month_list: moptions,
+      // areas: this.areas(),
+      checkstatus: this.checkstatus(),
+      usertypes: this.usertypes(),
+      userstates: this.userstates(),
+      sqlname: '',
+      f_check_results: [{ label: '全部', value: '' }, { label: '正常', value: '正常' }, { label: '有隐患', value: '有隐患' }],
+      creatPlanWay: '',
+      sliceArea: [],
+      cbcs: [],
+      cbc: [],
+      pcds: []
+    }
+  },
+  props: {
+    style: {
+      type: String,
+      default: 'col-sm-2 form-group'
+    },
+    style2: {
+      type: String,
+      default: 'col-sm-4 form-group'
+    },
+    checkplan: { // 传入一条安检计划信息
+      type: Object
+    },
+    additemshow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  ready() {
+    // 获取分公司信息
+    this.model.f_defect_content = this.f_defect_content
+    this.showcode = this.$appdata.getSingleValue('用户安检情况二维码')
+    //this.getfengongsi()
+    this.model.chosenOrg = { id: 0 }
+    this.model.f_filialeids = this.$login.f.f_orgids
+    this.model.f_filiale = this.$login.f.f_fengongsi
+    this.model.f_OrgStr = this.$login.f.orgpathstr
+    this.Mreadibook(`('${this.$login.f.orgid}')`)
+    this.getAllMeterBook(`('${this.$login.f.orgid}')`)
+    this.getAllChecker()
+  },
+  methods: {
+    getAllChecker() {
+      new HttpResetClass().load('POST', `/rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: 'name',
+          tablename: 't_user',
+          condition: `state = '在职' and rolestr like '%安检员%'`,
+          orderitem: 'id'
+        }
+      }, { resolveMsg: null, rejectMsg: null }).then((res) => {
+        res.data.forEach(ress => {
+          this.allCheckers.push({
+            label: ress.name,
+            value: ress.name
+          })
+        })
+        this.checkers = this.allCheckers
+      })
+    },
+    bumenChange(val) {
+      if (val) {
+        this.teams = this.$appdata.getParam(`工单-` + val) ? [{
+          label: '请选择',
+          value: ''
+        }, ...this.$appdata.getParam(`工单-` + val)] : [{ label: '请选择', value: '' }]
+      } else {
+        this.checkers = this.allCheckers
+      }
+    },
+    teamChange(val) {
+      if (val) {
+        this.checkers = this.$appdata.getParam(val) ? [...this.$appdata.getParam(val)] : [{ label: '请选择', value: '' }]
+      } else {
+        this.checkers = this.allCheckers
+      }
+    },
+    quyuChange(val) {
+      if (val) {
+        this.bumens = this.$appdata.getParam(val) ? [{
+          label: '请选择',
+          value: ''
+        }, ...this.$appdata.getParam(val)] : [{ label: '请选择', value: '' }]
+      } else {
+        this.checkers = this.allCheckers
+      }
+    },
+
+    dateDiff(date1Str) {
+      // 确保传入的date1Str是有效的字符串格式
+      if (typeof date1Str !== 'string' || !/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(date1Str)) {
+        throw new Error('Invalid date format. Expected format: yyyy-mm-dd hh:mm:ss');
+      }
+      // 将date1Str格式化为Date对象，并提取日期部分
+      const date1 = new Date(date1Str);
+      const year = date1.getFullYear();
+      const month = String(date1.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要加1
+      const day = String(date1.getDate()).padStart(2, '0');
+      const formattedDate1 = `${year}-${month}-${day}`;
+      // 获取当前日期，并同样格式化为yyyy-mm-dd
+      const date2 = new Date();
+      const currentYear = date2.getFullYear();
+      const currentMonth = String(date2.getMonth() + 1).padStart(2, '0');
+      const currentDay = String(date2.getDate()).padStart(2, '0');
+      const formattedDate2 = `${currentYear}-${currentMonth}-${currentDay}`;
+      // 将格式化后的日期字符串转换为Date对象，以便比较
+      const formattedDate1Obj = new Date(`${formattedDate1}T00:00:00`); // 添加时间部分以确保比较准确
+      const formattedDate2Obj = new Date(`${formattedDate2}T00:00:00`);
+      // 计算两个日期之间的差值（以毫秒为单位），然后转换为天数
+      const diffInMilliseconds = Math.abs(formattedDate2Obj - formattedDate1Obj);
+      const diffInDays = Math.ceil(diffInMilliseconds / (1000 * 60 * 60 * 24));
+      // 返回天数差
+      return diffInDays;
+    },
+    //查询二维码
+    searchInfo(val) {
+      this.dialogVisible = true
+      //tag
+      new HttpResetClass().load('POST', 'rs/logic/QrcodeUtil', {
+        data: {
+          id: val
+        }
+      }, { resolveMsg: null, rejectMsg: null }).then(res => {
+        //tag
+        //tag
+        let imageer = new Image()
+        imageer.src = "data:image/jpg;base64," + res.data.result
+        document.getElementById("dd").appendChild(imageer);
+        //tag
+      })
+
+    },
+    //获取省市区列表
+    getPcd(val) {
+      this.pcds = [{ label: '全部', value: '' }]
+      new HttpResetClass().load("POST", `/rs/sql/safe_singleTable_OrderBy`,
+        { data: { items: "*", tablename: "t_pcd", orderitem: "id", condition: `f_orgid in ${val}` } },
+        { resolveMsg: null, rejectMsg: null }).then((pcdlist) => {
+        pcdlist.data.forEach((result) => {
+          this.pcds.push({ label: result.f_pcd, value: result.f_pcd })
+        })
+      })
+    },
+    getmeterbook(val) {
+
+      //tag
+      this.cbc = []
+      this.cbc.push({
+        label: '全部',
+        value: ''
+      })
+      if (val == '') {
+
+        this.cbcs.forEach(res => {
+          this.cbc.push({
+            label: res.f_book_name,
+            value: res.id
+          })
+        })
+      } else {
+        this.cbcs.forEach(res => {
+          if (res.f_book_slice_area == val) {
+            this.cbc.push({
+              label: res.f_book_name,
+              value: res.id
+            })
+          }
+        })
+      }
+    },
+    Mreadibook(val) {
+      ////tag
+      ////tag
+      if (val) {
+        new HttpResetClass().load('POST', `/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: 'name',
+            tablename: 't_zone',
+            condition: `parentid  in ${val}`,
+            orderitem: 'id'
+          }
+        }, { resolveMsg: null, rejectMsg: null }).then((res) => {
+          this.sliceArea = []
+          this.sliceArea.push({
+            label: '全部',
+            value: ''
+          })
+          res.data.forEach(ress => {
+            this.sliceArea.push({
+              label: ress.name,
+              value: ress.name
+            })
+          })
+
+        })
+      }
+    },
+    // 获取县域分公司内容
+    getfengongsi() {
+      let val = {
+        source: 'this.getParentByType($organization$).getSpecialResByType($organization$)',
+        userid: `${this.$login.f.id}`
+      }
+      let http = new HttpResetClass()
+      http.load('POST', '/rs/search', { data: val }, { resolveMsg: null, rejectMsg: null }).then((res) => {
+        res.data.forEach((item) => {
+          this.orgstrs.push({ label: item.name, value: item.id })
+        })
+        //tag
+      })
+    },
+    // 县域分公司发生改变
+    // orgstrchange(val){
+    //   if(val == undefined || val == ''){
+    //     return
+    //   }else {
+    //     this.checkersid = []
+    //     let gen = select(this,val)
+    //     return co(gen)
+    //   }
+    // },
+    getDefect(val) {
+      if (val) {
+        try {
+          var defect = JSON.parse(val)
+          return defect.result
+        } catch (e) {
+          //tag
+          return '正常'
+        }
+      }
+      return '正常'
+    },
+    checkerchange(val) {
+      this.checkboxModel.f_checker = val.name
+      this.checkboxModel.f_checker_id = val.id
+    },
+    search(args) {
+      if (this.SafeCheckXZ && (args.model.f_check_start == '' || args.model.f_check_end == '')) {
+        this.$showMessage('如果选择 已安检/未安检 选项，需要选择 安检起始时间！')
+        return
+      }
+      if ((args.model.f_check_start || args.model.f_check_end) && !this.SafeCheckXZ) {
+        this.$showMessage('如果录入 安检起始时间，需要选择 安检筛选条件！')
+        return
+      }
+      /*if (this.SafeCheckXZ == '未安检') {
+        args.condition += " and ( f_last_check_date >= '" + args.model.f_check_start + "' or  f_last_check_date <= '" + args.model.f_check_end + "' or f_last_check_date is null)"
+      } else {
+        if (args.model.f_check_start) {
+          args.condition += " and f_last_check_date >= '" + args.model.f_check_start + "'"
+        }
+        if (args.model.f_check_end) {
+          args.condition += " and f_last_check_date <= '" + args.model.f_check_end + "'"
+        }
+      }*/
+      args.condition += " and f_filialeid in  " + (this.model.f_filialeids ? this.model.f_filialeids : `(${this.$login.f.orgid})`)
+      let con = ' f_filialeid in  ' + (this.model.f_filialeids ? this.model.f_filialeids : `(${this.$login.f.orgid})`)
+      con += args.model.f_userinfo_code ? ` and f_userinfo_code like '%${args.model.f_userinfo_code}%'` : ''
+      /*con += args.model.f_user_name ? ` and f_user_name like '%${args.model.f_user_name}%'` : ''
+      con += args.model.f_residential_area ? ` and f_residential_area like '%${args.model.f_residential_area}%'` : ''
+      con += args.model.f_address ? ` and f_address like '%${args.model.f_address}%'` : ''
+      con += args.model.f_usertype ? ` and f_check_type = '${args.model.f_usertype}'` : ''*/
+      if (this.SafeCheckXZ) {
+        con += ` and f_offsite_time >= '${args.model.f_check_start}' and f_offsite_time <= '${args.model.f_check_end}' `
+        if (this.SafeCheckXZ == '未安检') {
+          args.condition += ' and ruhuid is null'
+        } else {
+          args.condition += ' and ruhuid is not null'
+        }
+      }
+      let states = ` (`
+      if (this.checkStates.length > 0) {
+        for (let i = 0; i < this.checkStates.length; i++) {
+          if (this.checkStates[i]) {
+            states += `'${this.checkStates[i]}',`
+          } else {
+            states = ''
+            break
+          }
+        }
+        if (states) {
+          states = states.substring(0, states.length - 1)
+          states += `) `
+          args.condition += ` and f_last_check_state in ${states}`
+        }
+      } else {
+        states = ''
+      }
+      if (args.model.f_check_date) {
+        const daysBefore = Number(args.model.f_check_date);
+        if (daysBefore > 0) {
+          // 获取当前日期
+          const now = new Date();
+          // 计算三天前的日期
+          const threeDaysBefore = new Date(now.getTime() - (daysBefore * 24 * 60 * 60 * 1000));
+          // 如果需要格式化日期，可以使用Date对象的方法
+          var formattedDate = threeDaysBefore.toISOString().split('T')[0];
+          args.condition += `  and f_last_check_date<='${formattedDate} 23:59:59'`;
+        } else {
+          console.error('f_check_date不是一个有效的正整数');
+        }
+      }
+      if (args.model.f_check_version) {
+        con += ` and f_check_version  = '${args.model.f_check_version}'`
+      }
+      con += args.model.f_checker_id ? ` and f_checker_name in (${args.model.f_checker_id.map(item=>{return `'${item}'`}).join()})` : ' and 1=1'
+      let condition = {
+        condition1: args.condition,
+        condition2: con
+      }
+      this.searchData.condition = condition
+      return this.model.search(condition, args.model)
+    },
+    checkstatus() {
+      return this.$appdata.getParam('安检状态') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('安检状态')] : [{ label: '全部', value: '' }]
+    },
+    usertypes() {
+      return this.$appdata.getParam('用户类型') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('用户类型')] : [{ label: '全部', value: '' }]
+    },
+    userstates() {
+      return this.$appdata.getParam('用户状态') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('用户状态')] : [{ label: '全部', value: '' }]
+    },
+    hiddenr() {
+      this.$parent.showItem = !this.$parent.showItem
+    },
+    hidden() {
+      this.criteriaShow = !this.criteriaShow
+    },
+    confirm() {
+      if (!this.checkboxModel.f_plan_name) {
+        this.$showMessage('请填写安检计划名称!')
+        return
+      }
+      // if(this.f_effective_start_time == ''){
+      //   this.$showMessage('请选择有效起始日期！')
+      //   return
+      // }
+      // if(this.f_effective_end_time == ''){
+      //   this.$showMessage('请选择有效结束日期！')
+      //   return
+      // }
+      if (this.IsShare == '否') {
+        if (!this.checkboxModel.f_checker_id) {
+          this.$showMessage('请选择安检员！')
+          return
+        }
+      }
+      let gen = saveGen(this)
+      return co(gen)
+    },
+    changeStates() {
+      if (this.checkedAll) {//实现反选/
+        this.checkrows = [];
+        for (let i = 0; i < this.$refs.paged.model.rows.length; i++) {
+          this.$set('$refs.paged.model.rows[' + i + '].checked', false)
+        }
+      } else {//实现全选
+        for (let i = 0; i < this.$refs.paged.model.rows.length; i++) {
+          this.$set('$refs.paged.model.rows[' + i + '].checked', true)
+        }
+        let _this = this
+        let condition = this.$refs.paged.$refs.criteria.condition
+        let url = this.model.url
+        this.$resetpost(`${url}?pageSize=9999999`, {
+          data: {
+            condition: condition,
+            groupitem: '',
+            orderitem: 'f_residential_area',
+            f_usertype: this.model.f_usertype,
+            f_filialeids: this.model.f_filialeids,
+            month: this.model.month,
+            safeCycle: this.model.safeCycle,
+            f_checktime_start: this.model.f_checktime_start,
+            f_checktime_end: this.model.f_checktime_end,
+            SafeCheckSX: this.model.SafeCheckSX,
+            f_last_check_state: this.model.f_last_check_state
+          },
+        }, { resolveMsg: null, rejectMsg: null }, -1).then(
+          (respanse) => {
+            if (respanse.data.length >= 5000) {
+              this.$showMessage("数据量太大，请重新选择")
+            } else {
+              _this.checkrows = []
+              for (let j = 0; j < respanse.data.length; j++) {
+                _this.checkrows.push(respanse.data[j])
+              }
+              //tag;
+            }
+          })
+      }
+    },
+    addChecked(item) {
+      //tag;
+      if (!item.checked) {
+        this.checkrows.push(item);
+        //tag;
+      } else {
+        for (let i = 0; i < this.checkrows.length; i++) {
+          if (item.f_userinfo_id == this.checkrows[i].f_userinfo_id) {
+            this.checkrows.splice(i, 1)
+          }
+        }
+      }
+    },
+    ToshowModal() {
+      this.creatPlanWay = 'single'
+      if (this.checkrows.length > 0) {
+        this.showModal = true
+      } else {
+        this.$showMessage("请选择需要安检的用户!")
+      }
+    },
+    FiltrationPlan() {
+      if (this.model.rows.length == 0) {
+        this.$showMessage("暂无可生成的计划！")
+        return
+      }
+      this.creatPlanWay = 'filtration'
+      this.showModal = true
+    },
+    AllPlan() {
+      if (this.model.rows.length == 0) {
+        this.$showMessage("暂无可生成的计划！")
+        return
+      }
+      this.creatPlanWay = 'all'
+      this.showModal = true
+    },
+    cancel() {
+      this.showModal = false
+    },
+    /*areas() {
+      let rs = []
+      for (let i = 0; i < this.$login.f.f_allArea.length; i++) {
+        let temp = {
+          label: this.$login.f.f_allArea[i].label,
+          value: this.$login.f.f_allArea[i].label
+        }
+        rs.push(temp)
+      }
+      return [{label: '全部', value: ''}, ...rs]
+    },*/
+    initAdjustables() {
+      //tag
+      let arr = []
+      let filter = this.$login.f.f_orgids
+      this.$GetSaleParam.getAdjustable(filter).forEach((item) => {
+        let temp = {}
+        temp.label = `[${item.value.f_adjustable_id}]-${item.label}`
+        temp.value = `${item.value.id}`
+        arr.push(temp)
+      })
+      this.adjustables = [{ label: '全部', value: '' }, ...arr]
+    },
+    getAllMeterBook(val) {
+      ////tag
+      ////tag
+      this.cbcs = []
+      if (val) {
+        new HttpResetClass().load('POST', `/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: 'f_book_name,f_book_slice_area,id',
+            tablename: 't_meter_book',
+            condition: `f_filiale_id  in ${val}`,
+            orderitem: 'id'
+          }
+        }, { resolveMsg: null, rejectMsg: null }).then((res) => {
+          res.data.forEach(ress => {
+            this.cbcs.push({
+              id: ress.id,
+              f_book_name: ress.f_book_name,
+              f_book_slice_area: ress.f_book_slice_area
+            })
+          })
+          this.cbc = []
+          this.cbc.push({
+            label: '全部',
+            value: ''
+          })
+          this.cbcs.forEach(res => {
+            this.cbc.push({
+              label: res.f_book_name,
+              value: res.id
+            })
+          })
+        })
+      }
+    },
+    getRes(obj) {
+      this.model.f_filialeids = this.$login.convertToIn(obj.resids);
+      this.Mreadibook(this.model.f_filialeids)
+      this.getAllMeterBook(this.model.f_filialeids)
+      this.getPcd(this.model.f_filialeids)
+    }
+  },
+
+  watch: {
+    'model.f_usertype'(val) {
+      if (val == '民用') {
+        this.model.safeCycle = this.civil
+      } else if (val == '非民用') {
+        this.model.safeCycle = this.civilian
+      }
+    },
+    'model.SafeCheckXZ'(val) {
+      this.model.SafeCheckSC = ''
+      if (val == '已安检') {
+        this.model.SafeCheckCQ = ''
+        this.model.SafeCheckSX = {
+          f_check_end: '', // 安检时间  查询起始条件
+          f_check_start: ''// 安检时间  查询终止条件
+        }
+      } else {
+        // 当使用筛选条件时，清空不需要的条件选项
+        this.model.f_issue_start = ''
+        this.model.f_issue_end = ''
+        this.$refs.paged.$refs.criteria.model.f_check_start = ''
+        this.$refs.paged.$refs.criteria.model.f_check_end = ''
+        this.$refs.paged.$refs.criteria.model.f_last_check_state = ''
+        this.model.month = ''
+        if (val == '应安检') {
+          this.model.SafeCheckSC = '否'
+
+          this.model.f_issue_start = Util.toStartDateString()
+          this.model.f_issue_end = Util.toStandardDateString()
+        }
+        // this.model.f_checktime_start = ''
+        // this.model.f_checktime_end = ''
+      }
+    },
+    'model.SafeCheckSC'(val) {
+      if (val == '') {
+        this.model.f_issue_start = ''
+        this.model.f_issue_end = ''
+      }
+    },
+    // 'checker'(val){
+    //   //tag
+    //   if(val){
+    //     this.checkboxModel.f_checker = this.checker[0].name
+    //     this.checkboxModel.f_checker_id = this.checker[0].id
+    //   }
+    // },
+    'model.rows'() {
+      // if (!this.checkedAll) {//实现反选/
+      // this.checkrows = [];
+      for (let i = 0; i < this.$refs.paged.model.rows.length; i++) {
+        var k = false
+        for (let j = 0; j < this.checkrows.length; j++) {
+          if (this.$refs.paged.model.rows[i].f_userinfo_id == this.checkrows[j].f_userinfo_id) {
+            this.$set('$refs.paged.model.rows[' + i + '].checked', true)
+            k = true
+
+          }
+        }
+        if (!k) {
+          this.$set('$refs.paged.model.rows[' + i + '].checked', false)
+        }
+      }
+      // } else {//实现全选
+      //   // this.checkboxModel = {};
+      //   for (let i = 0; i < this.$refs.paged.model.rows.length; i++) {
+      //     this.$set('$refs.paged.model.rows[' + i + '].checked', true)
+      //   }
+      // }
+    }
+  },
+  computed: {
+    selected() {
+      return this.$refs.paged.$refs.grid.selected
+    }
+  }
+}
+</script>
+<style scoped>
+.newcolor {
+  color: red;
+}
+
+.table th {
+  background-color: #f2f6fa;
+  color: black;
+}
+</style>