safecheck-client 3.0.30-gongyi → 3.0.33-gongyi

package/src/components/pc/CheckBookManage.vue

@@ -1,903 +1,903 @@
-<template>
-  <div class="flex-row">
-    <div class="basic-main">
-      <criteria-paged :model="model" v-ref:paged>
-        <criteria partial='criteria' class="search_area" @condition-changed='$parent.selfSearch' v-ref:criteria>
-          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-            <div class="row">
-              <div class="form-group col-sm-2">
-                <label class="font_normal_body">客户编号</label>
-                <input type="text" class="input_search" v-model="model.f_userinfo_code"
-                       style="width: 60%" placeholder="客户编号" condition="tui.f_userinfo_code='{}'">
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="font_normal_body">客户名称</label>
-                <input type="text" class="input_search" v-model="model.f_user_name"
-                       style="width: 60%" placeholder="客户名称" condition="tui.f_user_name like '{}%'">
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="font_normal_body">客户电话</label>
-                <input type="text" class="input_search" v-model="model.f_user_phone"
-                       style="width: 60%" placeholder="客户电话" condition="tui.f_user_phone like '{}%'">
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="font_normal_body">客户地址</label>
-                <input type="text" class="input_search" v-model="model.f_address"
-                       style="width: 60%" placeholder="客户地址" condition="tua.f_address like '%{}%'">
-              </div>
-
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
-
-                <export-excel-safe :data="$parent.$parent.searchData"
-                                   :field="$parent.$parent.excelHeaders"
-                                   progress="safeGetExportProgress"
-                                   sqlurl="rs/logic/SafeExportExcel" sql-name="defectDetails"
-                                   template-name='安检隐患明细'></export-excel-safe>
-
-
-                <button class="button_spacing button_search" @click="search()">查询</button>
-<!--                <div style="float: right" class="button_spacing"-->
-<!--                     :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"-->
-<!--                     @click="$parent.$parent.hidden()"></div>-->
-              </div>
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
-
-
-                <button class="button_spacing button_search" @click="$parent.$parent.beforeCreateBook">创建安检册</button>
-
-              </div>
-            </div>
-            <div class="row">
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-                <label class="font_normal_body">公&emsp;&emsp;司</label>
-                <right-tree-safe  @re-res="$parent.$parent.getResm" v-model="model.f_orgid" condition="tua.f_orgid in {}"></right-tree-safe>
-              </div>
-              <div class="form-group col-sm-2" style="margin-top: 0px">
-                <label class="font_normal_body">小&emsp;&emsp;区</label>
-                <input type="text" class="input_search" v-model="model.f_residential_area"
-                       style="width: 60%" placeholder="小区" condition="tua.f_residential_area like '%{}%'">
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="用户类型">用户类型</label>
-                <v-select :value.sync="model.f_user_type" v-model='model.f_user_type'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.usertypes' placeholder='用户类型'
-                          close-on-select
-                          condition="tuf.f_user_type ='{}'"></v-select>
-
-              </div>
-              <!-- <div class="col-sm-2 form-group" style="margin: 0">
-
-                <label class="font_normal_body" title="安检用户状态">用户状态</label>
-                <v-select :value.sync="model.f_user_state" v-model='model.f_user_state'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.userstates' placeholder='用户状态'
-                          close-on-select
-                          condition="tui.f_user_state ='{}'"></v-select>
-
-              </div> -->
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="用气性质">用气性质</label>
-                <v-select :value.sync="model.f_gasproperties" v-model='model.f_gasproperties'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.gasproperties' placeholder='用气性质'
-                          close-on-select
-                          condition="tuf.f_gasproperties ='{}'"></v-select>
-
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="气表类型">气表类型</label>
-                <v-select
-                  class="select select_list"
-                  :value.sync="model.f_meter_classify"
-                  v-model="model.f_meter_classify"
-                  :options='$parent.$parent.meter_classifys'
-                  placeholder='请选择'
-                  condition="tuf.f_meter_classify='{}'"
-                  :search="false"
-                  style="width: 60%"
-                  close-on-select
-                  value-single
-                ></v-select>
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body">气表品牌</label>
-                <v-select :value.sync="model.gasbrand" v-model='model.gasbrand'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.getgasbrand' placeholder='气表品牌'
-                          close-on-select
-                          ></v-select>
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body">气表型号</label>
-                <v-select :value.sync="model.gasmodel" v-model='model.gasmodel'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.getgasmodel' placeholder='气表型号'
-                          close-on-select
-                          condition="tuf.f_gasmodel_id = {}"></v-select>
-
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="房屋类型">房屋类型</label>
-                <v-select :value.sync="model.f_house_type" v-model='model.f_house_type'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.housetypes' placeholder='房屋类型'
-                          close-on-select
-                          condition="tui.f_house_type = {}"></v-select>
-
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="安装位置">安装位置</label>
-                <v-select :value.sync="model.f_position" v-model='model.f_position'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.positions' placeholder='安装位置'
-                          close-on-select
-                          condition="tuf.f_position = {}"></v-select>
-
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body" title="使用类型">使用类型</label>
-                <v-select :value.sync="model.f_usetype" v-model='model.f_usetype'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.usetypes' placeholder='使用类型'
-                          close-on-select
-                          condition="tuf.f_usetype = {}"></v-select>
-
-              </div>
-              <div class="form-group col-sm-2" style="margin-top: 0px">
-                <label class="font_normal_body">开户起始</label>
-                <datepicker
-                  placeholder='开户起始'
-                  style="width:60%"
-                  :disabled-days-of-week="[]"
-                  :format="'yyyy-MM-dd'"
-                  :show-rest-button="reset"
-                  :value.sync="model.f_startfile_time"
-                  v-model="model.f_startfile_time"
-                  condition="tui.f_createfile_date >= '{} 00:00:00'">
-                </datepicker>
-              </div>
-              <div class="form-group col-sm-2"style="margin-top: 0px" >
-                <label class="font_normal_body">开户截止</label>
-                <datepicker
-                  placeholder='开户截止'
-                  :disabled-days-of-week="[]"
-                  style="width:60%"
-                  :format="'yyyy-MM-dd'"
-                  :show-rest-button="reset"
-                  :value.sync="model.f_endfile_time"
-                  v-model="model.f_endfile_time"
-                  condition="tui.f_createfile_date <= '{} 00:00:00'">
-                </datepicker>
-              </div>
-              <div class="form-group col-sm-2" style="margin-top: 0px">
-                <label class="font_normal_body">片&ensp;&ensp;&ensp;&ensp;区</label>
-                <v-select
-                  class="select select_list"
-                  style="width:60%"
-                  :value.sync="model.f_book_slice_area"
-                  v-model="model.f_book_slice_area"
-                  :options='$parent.$parent.sliceArea'
-                  placeholder='片区'
-                  condition="tua.f_slice_area  ='{}'"
-                  close-on-select
-                  value-single
-                >
-                </v-select>
-              </div>
-              <div class="form-group col-sm-2" style="margin-top: 0px">
-                <label class="font_normal_body" title="安检状态">安检状态</label>
-                <v-select
-                  class="select select_list"
-                  style="width:60%"
-                  :value.sync="model.f_last_check_state"
-                  v-model="model.f_last_check_state"
-                  :options='$parent.$parent.check_states'
-                  placeholder='安检状态'
-                  condition="tua.f_last_check_state  ='{}'"
-                  close-on-select
-                  value-single
-                >
-                </v-select>
-              </div>
-              <div class="col-sm-2 form-group" style="margin-top: 0px">
-
-                <label class="font_normal_body">安&ensp;检&ensp;册</label>
-                <v-select :value.sync="model.f_check_book_id" v-model='model.f_check_book_id'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          :options='$parent.$parent.checkBooks' placeholder='安&ensp;检&ensp;册'
-                          close-on-select
-                          condition="f_check_book_id ='{}'"></v-select>
-
-              </div>
-              <div class="col-sm-2 form-group"  style="margin-top: 0px">
-
-                <label class="font_normal_body">是否划分</label>
-                <v-select :value.sync="model.f_is_checkbook" v-model='model.f_is_checkbook'
-                          :value-single="true" style="width: 60%"
-                          class="select_list select"
-                          @change="$parent.$parent.changeState"
-                          :options='$parent.$parent.isCheckBook' placeholder='有无所属安检册'
-                          close-on-select
-                          condition="{}"></v-select>
-
-              </div>
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
-
-
-                <button class="button_spacing button_search" @click="$parent.$parent.addUser">添加用户</button>
-
-              </div>
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
-
-
-                <button class="button_spacing button_search" @click="$parent.$parent.upUser">调整用户</button>
-
-              </div>
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
-
-
-                <button class="button_spacing button_search" @click="$parent.$parent.delUser">移除用户</button>
-
-              </div>
-            </div>
-          </div>
-        </criteria>
-        <data-grid class="list_area table_sy" style="overflow: hidden" :model="model" partial='list' v-ref:grid>
-          <template partial='head'>
-            <tr @dblclick.stop="">
-              <th>
-                <nobr><input type="checkbox" v-model="$parent.$parent.$parent.bookAll"></input>全选</nobr>
-              </th>
-              <th>
-                <nobr>客户姓名</nobr>
-              </th>
-              <th>
-                <nobr>客户编号</nobr>
-              </th>
-              <th>
-                <nobr>客户类型</nobr>
-              </th>
-              <th>
-                <nobr>客户电话</nobr>
-              </th>
-              <th>
-                <nobr>客户地址</nobr>
-              </th>
-              <th>
-                <nobr>所属安检册</nobr>
-              </th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <td style="text-align: center">
-              <nobr><input type="checkbox" :checked="$parent.$parent.$parent.checkModel(row)"
-                           @change="$parent.$parent.$parent.checkChange(row, $event)"></input>
-              </nobr>
-            </td>
-            <td style="text-align: center">{{ row.f_user_name }}</td>
-            <td style="text-align: center">{{ row.f_userinfo_code }}</td>
-            <td style="text-align: center">{{ row.f_user_type }}</td>
-            <td style="text-align: center">{{ row.f_user_phone }}</td>
-            <td style="text-align: center">{{ row.f_address }}</td>
-            <td style="text-align: center">{{ row.f_check_book_name }}</td>
-          </template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-    <modal :show.sync="showModal" :backdrop="false">
-      <div slot="modal-header" class="modal-header">
-        <h4 class="modal-title">
-          创建安检册
-        </h4>
-      </div>
-      <div slot="modal-body" class="modal-body">
-        <div v-if="true">
-          <div class="row" style="margin-top: 10px">
-<!--            <label class="control-label font text-left" style="float:left;margin-left:10%;margin-top:5px">安检册名称</label>-->
-<!--            <div class="col-xs-8 col-md-8">-->
-<!--              <input type="text" class="input_search" style="width: 70%;" v-model="checkBook.f_check_book_name"/>-->
-<!--            </div>-->
-            <div class="col-sm-6 form-group"  style="margin-top: 20px" v-if="permission === 'c1' && showModal ">
-              <label class="font_normal_body">安检科室</label>
-              <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" :textContent="选择科室" :selectData="" v-ref:f_reciever>
-              </right-tree>
-            </div>
-            <div class="col-sm-6 form-group"  style="margin-top: 20px" v-if="permission === 'c2' ">
-              <label class="font_normal_body">安&ensp;检&ensp;员</label>
-              <v-select :value.sync="checkBook.f_checker_name" v-model='checkBook.f_checker_name'
-                        :value-single="true" style="width: 60%"
-                        class="select_list select"
-                        :options='checkers' placeholder='安检员'
-                        close-on-select></v-select>
-            </div>
-            <div class="form-group col-sm-6"  style="margin-top: 20px">
-              <label class="font_normal_body">安检册名</label>
-              <input type="text" class="input_search" v-model="checkBook.f_check_book_name"
-                     style="width: 60%"  >
-            </div>
-            <div class="form-group col-sm-6"  style="margin-top: 20px">
-              <label class="font_normal_body">执行日期</label>
-              <datepicker
-                :value.sync="checkBook.f_run_date"
-                 style="width: 60%"
-                :format="'yyyy-MM-dd'"
-                v-model="checkBook.f_run_date"
-                >
-              </datepicker>
-            </div>
-            <div class="form-group col-sm-6"  style="margin-top: 20px">
-              <label class="font_normal_body">执行周期</label>
-              <input type="number" class="input_search" v-model="checkBook.f_around_time"
-                     style="width: 60%"  >
-            </div>
-            <div class="form-group col-sm-6"  style="margin-top: 20px">
-              <label class="font_normal_body">周期单位</label>
-              <v-select :value.sync="checkBook.f_around_unit" v-model='checkBook.f_around_unit'
-                        :value-single="true" style="width: 60%"
-                        class="select_list select"
-                        :options='aroundUnit' placeholder=''
-                        close-on-select></v-select>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div slot="modal-footer" class="modal-footer" style="text-align: center">
-        <button class="button_search" style="margin-right: 20px" @click="ok">确认</button>
-        <button class="button_search" @click="cancel">取消</button>
-      </div>
-    </modal>
-    <modal :show.sync="showModal2" :backdrop="false">
-      <div slot="modal-header" class="modal-header">
-        <h4 class="modal-title">
-          添加用户
-        </h4>
-      </div>
-      <div slot="modal-body" class="modal-body">
-        <div v-if="true">
-          <div class="row" style="margin-top: 10px">
-            <div class="form-group col-sm-12"  style="margin-top: 20px">
-              <label class="font_normal_body">安&ensp;检&ensp;册</label>
-              <v-select :value.sync="selectBook" v-model='selectBook'
-                        :value-single="true" style="width: 80%"
-                        class="select_list select"
-                        :options='checkBooks' placeholder=''
-                        close-on-select></v-select>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div slot="modal-footer" class="modal-footer" style="text-align: center">
-        <button class="button_search" style="margin-right: 20px" @click="ok2">确认</button>
-        <button class="button_search" @click="cancel2">取消</button>
-      </div>
-    </modal>
-    <modal :show.sync="showModal3" :backdrop="false">
-      <div slot="modal-header" class="modal-header">
-        <h4 class="modal-title">
-          调整用户
-        </h4>
-      </div>
-      <div slot="modal-body" class="modal-body">
-        <div v-if="true">
-          <div class="row" style="margin-top: 10px;text-align: center">
-            <div class="form-group col-sm-12"  style="margin-top: 20px">
-              <label class="font_normal_body">安&ensp;检&ensp;册</label>
-              <v-select :value.sync="selectBook" v-model='selectBook'
-                        :value-single="true" style="width: 80%"
-                        class="select_list select"
-                        :options='checkBooks' placeholder=''
-                        close-on-select></v-select>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div slot="modal-footer" class="modal-footer" style="text-align: center">
-        <button class="button_search" style="margin-right: 20px" @click="ok3">确认</button>
-        <button class="button_search" @click="cancel3">取消</button>
-      </div>
-    </modal>
-
-  </div>
-</template>
-
-<script>
-import {PagedList, HttpResetClass} from 'vue-client'
-import * as Util from '../../components/Util'
-
-export default {
-  title: '安检册管理',
-  data () {
-    let model = new PagedList('rs/sql/getUserByCheckBook', 20)
-    return {
-      model: model,
-      criteriaShow: false,
-      excelHeaders: {},
-      checkBooks: [],
-      f_orgid: '',
-      bookAll: false,
-      bookList: [],
-      selectBook:'',
-      // init:false,
-      aroundUnit: [{label: '年', value: '年'}, {label: '月', value: '月'}, {label: '日', value: '月'}],
-      isCheckBook: [{label: '全部', value: ''}, {label: '是', value: 'f_check_book_name is not null'}, {label: '否', value: 'f_check_book_name is null'}],
-      isSearch: false,
-      checkers:[],
-      source:
-        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
-        'tool.getFullTree(dep.where(row.hasSpecialRole($安检册二次分配$)))',
-      userid: this.$login.f.id,
-      checkBook: {
-        f_check_book_name: '',
-        f_run_date: '',
-        f_around_time: '',
-        f_around_unit: '',
-        f_create_date: Util.toStandardDateString(),
-        f_create_person: this.$login.f.name,
-        f_orgid: this.$login.f.orgid,
-        f_depid:'',
-        f_checker_name: '',
-        f_checker_id:''
-      },
-      showModal: false,
-      showModal2: false,
-      showModal3: false,
-      userstates:this.$appdata.getParam('安检用户状态')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安检用户状态')]:[{label: '全部', value: ''}],
-      usertypes:this.$appdata.getParam('用户类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]:[{label: '全部', value: ''}],
-      gasproperties:this.$appdata.getParam('用气性质')?[{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]:[{label: '全部', value: ''}],
-      meter_classifys:this.$appdata.getParam('气表类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]:[{label: '全部', value: ''}],
-      housetypes:this.$appdata.getParam('房屋类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('房屋类型')]:[{label: '全部', value: ''}],
-      positions:this.$appdata.getParam('安装位置')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安装位置')]:[{label: '全部', value: ''}],
-      usetypes:this.$appdata.getParam('使用类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]:[{label: '全部', value: ''}],
-      check_states:this.$appdata.getParam('安检状态')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安检状态')]:[{label: '全部', value: ''}],
-      meterbrands:[],
-      sliceArea:[]
-
-    }
-  },
-  props:['permission'],
-  computed: {
-    getgasbrand(){
-      let ops=[{label:'全部',value:''}]
-      this.meterbrands.forEach(b =>{
-        ops.push({label:b.f_meter_brand,value:b})
-      })
-      return ops
-    },
-    getgasmodel(){
-      let ops=[{label:'全部',value:''}]
-      this.$refs.paged.$refs.criteria.model.gasmodel=''
-      if(this.$refs.paged.$refs.criteria.model && this.$refs.paged.$refs.criteria.model.gasbrand){
-        this.$refs.paged.$refs.criteria.model.gasbrand.gasmodel.forEach(b =>{
-          ops.push({label:b.f_meter_style,value:b.id})
-        })
-      }
-      return ops
-    },
-    searchData () {
-      return {condition: this.model.condition}
-    },
-    bookCondition () {
-      return this.model.condition
-    },
-    isCreateBook () {
-      return this.$refs.paged.$refs.criteria.model.f_is_checkbook === 'f_check_book_name is null'
-    },
-    isChangeBook () {
-      return this.$refs.paged.$refs.criteria.model.f_is_checkbook === 'f_check_book_name is not null'
-    }
-  },
-  methods: {
-    //片区获取
-    async getSliceArea()  {
-      let http = new HttpResetClass()
-      let getAllArea = await http.load('POST', '/rs/search', {
-        source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
-        userid: this.userlogin.id
-      }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
-      this.sliceArea = [{label: '全部', value: ''}]
-      getAllArea.data.forEach((res) => {
-        if(res.parentid==this.userlogin.orgid){
-          this.sliceArea.push({label:res.name,value:res.name})
-        }
-      })
-      console.log('片区' + this.sliceArea)
-    },
-    //片区改变-对应抄表册下拉重新赋值
-    slice_areaChange(value) {
-      console.log("下拉改变--"+value)
-      if(!value){
-        this.cbc=[]
-        this.meterbooks.forEach((res) => {
-          this.cbc.push({label: res.f_book_name, value: res.id})
-        })
-      }else{
-        this.cbc=[]
-        this.meterbooks.forEach((res) => {
-          if(res.f_book_slice_area==value){
-            this.cbc.push({label: res.f_book_name, value: res.id})
-          }
-        })
-      }
-    },
-    // 获取气表品牌
-    setConList(){
-      new HttpResetClass().load("POST", `/rs/logic/getSaleInitData`, {data:{f_orgid:`${this.$login.f.orgid}`}}, {resolveMsg: null, rejectMsg: null}).then((res)=>{
-        this.meterbrands=res.data.gasbrands
-      })
-    },
-    reres(val){
-      if (!val.resids){
-        return
-      }
-      console.log('val',val)
-      this.checkBook.f_depid = val.resids[0]
-    },
-    clearBook(){
-      this.checkBook ={
-          f_check_book_name: '',
-          f_run_date: '',
-          f_around_time: '',
-          f_around_unit: '',
-          f_create_date: Util.toStandardDateString(),
-          f_create_person: this.$login.f.name,
-          f_orgid: this.$login.f.orgid,
-          f_depid:'',
-          f_checker_name: '',
-          f_checker_id:''
-      }
-    },
-   async ok2() {
-     if (!this.selectBook) {
-       this.$showMessage('请选择安检册')
-       return
-     }
-     if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-       let userCondition = ''
-       if (this.bookList.length < 1) {
-         console.log('bookCondition', this.bookCondition)
-         userCondition = this.bookCondition
-       } else {
-         console.log('this.bookList', JSON.stringify(this.bookList))
-
-         userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
-         userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
-         console.log('condition', userCondition)
-       }
-       let addUser = `update t_user_address set f_check_book_id ='${this.selectBook}'
-        FROM
-            t_userinfo tui
-                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
-                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
-                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
-        WHERE
-                tui.f_user_state = '正常'
-          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
-          AND ${userCondition}`
-       await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: addUser}},
-         {resolveMsg: null, rejectMsg: '添加用户失败'})
-       this.$showMessage('添加用户成功')
-       this.selectBook = ''
-       this.clearBook()
-       this.bookAll = false
-       this.bookList = []
-       this.showModal2 = false
-       this.$refs.paged.$refs.criteria.search()
-     }
-   },
-    async ok3() {
-      if (!this.selectBook) {
-        this.$showMessage('请选择安检册')
-        return
-      }
-      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-        let userCondition = ''
-        if (this.bookList.length < 1) {
-          console.log('bookCondition', this.bookCondition)
-          userCondition = this.bookCondition
-        } else {
-          console.log('this.bookList', JSON.stringify(this.bookList))
-
-          userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
-          userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
-          console.log('condition', userCondition)
-        }
-        let upUser = `update t_user_address set f_check_book_id ='${this.selectBook}'
-        FROM
-            t_userinfo tui
-                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
-                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
-                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
-        WHERE
-                tui.f_user_state = '正常'
-          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
-          AND ${userCondition}`
-        await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: upUser}},
-          {resolveMsg: null, rejectMsg: '调整用户失败'})
-        this.$showMessage('调整用户成功')
-        this.selectBook = ''
-        this.clearBook()
-        this.bookAll = false
-        this.bookList = []
-        this.showModal3 = false
-        this.$refs.paged.$refs.criteria.search()
-      }
-    },
-    cancel2(){
-      this.selectBook = ''
-      this.clearBook()
-      this.bookAll = false
-      this.bookList = []
-      this.showModal2 = false
-      this.$refs.paged.$refs.criteria.search()
-    },
-    cancel3(){
-      this.selectBook = ''
-      this.clearBook()
-      this.bookAll = false
-      this.bookList = []
-      this.showModal3 = false
-      this.$refs.paged.$refs.criteria.search()
-    },
-    addUser () {
-      if (!this.isCreateBook) {
-        this.$showMessage('请选择查询未划分安检册的用户')
-        return
-      }
-      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-        this.showModal2 = true
-        this.freshCheckBook()
-        return
-      }
-      this.$showMessage('请选择用户')
-    },
-    upUser () {
-      if (!this.isChangeBook) {
-        this.$showMessage('请选择查询已划分安检册的用户')
-        return
-      }
-      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-        this.showModal3 = true
-        this.freshCheckBook()
-        return
-      }
-      this.$showMessage('请选择用户')
-    },
-    async delUser () {
-      if (!this.isChangeBook) {
-        this.$showMessage('请选择查询已划分安检册的用户')
-        return
-      }
-      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-        let userCondition= ''
-        if (this.bookList.length < 1) {
-          console.log('bookCondition', this.bookCondition)
-          userCondition = this.bookCondition
-        } else {
-          console.log('this.bookList', JSON.stringify(this.bookList))
-
-          userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
-          userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
-          console.log('condition', userCondition)
-        }
-        let delUser= `update t_user_address set f_check_book_id =null
-        FROM
-            t_userinfo tui
-                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
-                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
-                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
-        WHERE
-                tui.f_user_state = '正常'
-          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
-          AND ${userCondition}`
-        await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: delUser}},
-          {resolveMsg: null, rejectMsg: '删除安检册失败'})
-        this.$showMessage('从安检册删除所选用户成功')
-        this.selectBook = ''
-        this.bookAll = false
-        this.clearBook()
-        this.bookList = []
-        this.showModal3 = false
-        this.$refs.paged.$refs.criteria.search()
-        return
-      }
-      this.$showMessage('请选择用户')
-    },
-    beforeCreateBook () {
-      if (!this.isCreateBook) {
-        this.$showMessage('请选择查询未划分安检册的用户')
-        return
-      }
-      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
-        this.showModal = true
-        return
-      }
-      this.$showMessage('请选择用户')
-    },
-    ok () {
-      console.log('checkbook', JSON.stringify(this.checkBook))
-      let condition = ''
-      if (!this.checkBook.f_check_book_name) {
-         this.$showMessage('请填写册名')
-        return
-      }
-      if (!this.checkBook.f_checker_name && this.permission === 'c2') {
-         this.$showMessage('请选择安检员')
-        return
-      }
-      if (!this.checkBook.f_around_time || !this.checkBook.f_around_unit) {
-         this.$showMessage('请选填写周期信息')
-        return
-      }
-      if (!this.checkBook.f_run_date) {
-         this.$showMessage('执行日期')
-        return
-      }
-      if(this.checkBook.f_run_date < Util.toStandardDateString()){
-        this.$showMessage('执行日期应大于当前日期')
-        return
-      }
-      if (this.bookList.length < 1) {
-        console.log('bookCondition', this.bookCondition)
-        condition = this.bookCondition
-      } else {
-        console.log('this.bookList', JSON.stringify(this.bookList))
-
-        condition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
-        condition = 'tui.f_userinfo_id in (' + condition + ')'
-        console.log('condition', condition)
-      }
-      let data = {
-        checkBook: this.checkBook,
-        sqlStr: condition
-      }
-      new HttpResetClass().load('post', 'rs/logic/AddCheckBook', {data}).then(res => {
-        console.log('res=>', JSON.stringify(res))
-        if (res.data.id) {
-          this.$showMessage('创建成功')
-          this.showModal = false
-          this.isSearch = false
-          this.clearBook()
-          this.bookList = []
-          this.bookAll = false
-          this.freshCheckBook()
-          this.$refs.paged.$refs.criteria.search()
-        }
-      })
-    },
-    changeState (val) {
-      console.log('66666666666', val)
-      console.log(this.model.rows)
-      this.bookAll = false
-      this.bookList = []
-      if (this.$refs.paged.$refs.criteria.model.f_orgid){
-        this.$refs.paged.$refs.criteria.search()
-      }
-    },
-    cancel () {
-      this.bookAll = false
-      this.bookList = []
-      this.clearBook()
-      this.showModal = false
-      this.$refs.paged.$refs.criteria.search()
-    },
-    checkModel (row) {
-      if (this.bookAll) {
-        console.log('row', this.bookAll, JSON.stringify(row))
-        return true
-      } else {
-        if (this.bookList.findIndex(res => res === row.f_userinfo_id) !== -1) {
-          console.log('row1111', JSON.stringify(row))
-          return true
-        } else {
-          return false
-        }
-      }
-    },
-    checkChange (row, e) {
-      console.log('e', e.target.checked)
-      if (e.target.checked) {
-        this.bookList.push(row.f_userinfo_id)
-      } else {
-        this.bookList.splice(this.bookList.findIndex(res => res === row.f_userinfo_id), 1)
-      }
-      // console.log('aaaaa', JSON.stringify(this.bookList))
-    },
-    getRes (obj) {
-      this.checkBook.f_orgid = obj.resids[0]
-    },
-    getResm (obj) {
-      this.$refs.paged.$refs.criteria.model.f_orgid = this.$login.convertToIn(obj.resids)
-    },
-    hidden () {
-      this.criteriaShow = !this.criteriaShow
-    },
-    selfSearch (args) {
-      this.isSearch = true
-      this.bookAll = false
-      this.bookList = []
-      // if (this.$refs.paged.$refs.criteria.model.f_orgid){
-      //   args.condition += `f_orgid in ${this.$refs.paged.$refs.criteria.model.f_orgid}`
-      // }
-      if (this.permission === 'c2'){
-        args.condition +=` and tcb.f_depid = '${this.$login.f.depids}'`
-      }
-      if(args.model.gasbrand){
-        args.condition +=` and tuf.f_gasbrand_id=${args.model.gasbrand.id}`
-      }
-      this.model.search(args.condition, args.model)
-    },
-    getChecker(){
-      let http = new HttpResetClass()
-      http.load('POST', '/rs/search', {data: {source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1))', userid: this.$login.f.id}}, {resolveMsg: null, rejectMsg: null})
-        .then(res => {
-          console.log('res666-->' + JSON.stringify(res))
-        this.checkers = res.data.map(res=>{
-          return {label:res.name,value:res.name}
-        })
-        })
-    },
-    freshCheckBook () {
-      this.checkBooks = []
-      new HttpResetClass().load('POST', `/rs/sql/safe_singleTable_OrderBy`, {
-        data: {
-          items: 'id,f_check_book_name',
-          tablename: 't_check_book',
-          condition: (this.$refs.paged.$refs.criteria.model.f_orgid?`f_orgid in ${this.$refs.paged.$refs.criteria.model.f_orgid}`:'1=1')+(this.permission === 'c2' ? ` and f_depid='${this.$login.f.depids}'`:'') ,
-          orderitem: 'id desc'
-        }
-      }, {resolveMsg: null, rejectMsg: null}).then(res => {
-        this.checkBooks.push({label: '全部', value: ''})
-        res.data.forEach(ress => {
-          this.checkBooks.push({
-            label: ress.f_check_book_name,
-            value: ress.id
-          })
-        })
-      })
-    }
-  },
-
-  ready () {
-    // 获取片区
-    this.getSliceArea()
-    // 获取营收气表参数
-    this.setConList()
-    if (this.permission === 'c1'){
-      this.$refs.paged.$refs.criteria.model.f_is_checkbook = 'f_check_book_name is null'
-    }else if(this.permission === 'c2'){
-      this.$refs.paged.$refs.criteria.model.f_is_checkbook = 'f_check_book_name is not null'
-    }
-
-    console.log('checkbook', this.$login.f)
-    this.checkBook.f_orgid = this.$login.f.orgid
-    console.log('permission2',this.permission)
-    // this.init=true
-    this.freshCheckBook()
-    this.getChecker()
-  }
-}
-</script>
-<style  scoped>
-/*.btn-group > .btn:first-child {*/
-/*  margin-left: 0;*/
-/*  width: 100%;*/
-/*}*/
-</style>
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <criteria-paged :model="model" v-ref:paged>
+        <criteria partial='criteria' class="search_area" @condition-changed='$parent.selfSearch' v-ref:criteria>
+          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">客户编号</label>
+                <input type="text" class="input_search" v-model="model.f_userinfo_code"
+                       style="width: 60%" placeholder="客户编号" condition="tui.f_userinfo_code='{}'">
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">客户名称</label>
+                <input type="text" class="input_search" v-model="model.f_user_name"
+                       style="width: 60%" placeholder="客户名称" condition="tui.f_user_name like '{}%'">
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">客户电话</label>
+                <input type="text" class="input_search" v-model="model.f_user_phone"
+                       style="width: 60%" placeholder="客户电话" condition="tui.f_user_phone like '{}%'">
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">客户地址</label>
+                <input type="text" class="input_search" v-model="model.f_address"
+                       style="width: 60%" placeholder="客户地址" condition="tua.f_address like '%{}%'">
+              </div>
+
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
+
+                <export-excel-safe :data="$parent.$parent.searchData"
+                                   :field="$parent.$parent.excelHeaders"
+                                   progress="safeGetExportProgress"
+                                   sqlurl="rs/logic/SafeExportExcel" sql-name="defectDetails"
+                                   template-name='安检隐患明细'></export-excel-safe>
+
+
+                <button class="button_spacing button_search" @click="search()">查询</button>
+<!--                <div style="float: right" class="button_spacing"-->
+<!--                     :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"-->
+<!--                     @click="$parent.$parent.hidden()"></div>-->
+              </div>
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
+
+
+                <button class="button_spacing button_search" @click="$parent.$parent.beforeCreateBook">创建安检册</button>
+
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+                <label class="font_normal_body">公&emsp;&emsp;司</label>
+                <right-tree-safe  @re-res="$parent.$parent.getResm" v-model="model.f_orgid" condition="tua.f_orgid in {}"></right-tree-safe>
+              </div>
+              <div class="form-group col-sm-2" style="margin-top: 0px">
+                <label class="font_normal_body">小&emsp;&emsp;区</label>
+                <input type="text" class="input_search" v-model="model.f_residential_area"
+                       style="width: 60%" placeholder="小区" condition="tua.f_residential_area like '%{}%'">
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="用户类型">用户类型</label>
+                <v-select :value.sync="model.f_user_type" v-model='model.f_user_type'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.usertypes' placeholder='用户类型'
+                          close-on-select
+                          condition="tuf.f_user_type ='{}'"></v-select>
+
+              </div>
+              <!-- <div class="col-sm-2 form-group" style="margin: 0">
+
+                <label class="font_normal_body" title="安检用户状态">用户状态</label>
+                <v-select :value.sync="model.f_user_state" v-model='model.f_user_state'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.userstates' placeholder='用户状态'
+                          close-on-select
+                          condition="tui.f_user_state ='{}'"></v-select>
+
+              </div> -->
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="用气性质">用气性质</label>
+                <v-select :value.sync="model.f_gasproperties" v-model='model.f_gasproperties'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.gasproperties' placeholder='用气性质'
+                          close-on-select
+                          condition="tuf.f_gasproperties ='{}'"></v-select>
+
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="气表类型">气表类型</label>
+                <v-select
+                  class="select select_list"
+                  :value.sync="model.f_meter_classify"
+                  v-model="model.f_meter_classify"
+                  :options='$parent.$parent.meter_classifys'
+                  placeholder='请选择'
+                  condition="tuf.f_meter_classify='{}'"
+                  :search="false"
+                  style="width: 60%"
+                  close-on-select
+                  value-single
+                ></v-select>
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body">气表品牌</label>
+                <v-select :value.sync="model.gasbrand" v-model='model.gasbrand'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.getgasbrand' placeholder='气表品牌'
+                          close-on-select
+                          ></v-select>
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body">气表型号</label>
+                <v-select :value.sync="model.gasmodel" v-model='model.gasmodel'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.getgasmodel' placeholder='气表型号'
+                          close-on-select
+                          condition="tuf.f_gasmodel_id = {}"></v-select>
+
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="房屋类型">房屋类型</label>
+                <v-select :value.sync="model.f_house_type" v-model='model.f_house_type'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.housetypes' placeholder='房屋类型'
+                          close-on-select
+                          condition="tui.f_house_type = {}"></v-select>
+
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="安装位置">安装位置</label>
+                <v-select :value.sync="model.f_position" v-model='model.f_position'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.positions' placeholder='安装位置'
+                          close-on-select
+                          condition="tuf.f_position = {}"></v-select>
+
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body" title="使用类型">使用类型</label>
+                <v-select :value.sync="model.f_usetype" v-model='model.f_usetype'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.usetypes' placeholder='使用类型'
+                          close-on-select
+                          condition="tuf.f_usetype = {}"></v-select>
+
+              </div>
+              <div class="form-group col-sm-2" style="margin-top: 0px">
+                <label class="font_normal_body">开户起始</label>
+                <datepicker
+                  placeholder='开户起始'
+                  style="width:60%"
+                  :disabled-days-of-week="[]"
+                  :format="'yyyy-MM-dd'"
+                  :show-rest-button="reset"
+                  :value.sync="model.f_startfile_time"
+                  v-model="model.f_startfile_time"
+                  condition="tui.f_createfile_date >= '{} 00:00:00'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-2"style="margin-top: 0px" >
+                <label class="font_normal_body">开户截止</label>
+                <datepicker
+                  placeholder='开户截止'
+                  :disabled-days-of-week="[]"
+                  style="width:60%"
+                  :format="'yyyy-MM-dd'"
+                  :show-rest-button="reset"
+                  :value.sync="model.f_endfile_time"
+                  v-model="model.f_endfile_time"
+                  condition="tui.f_createfile_date <= '{} 00:00:00'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-2" style="margin-top: 0px">
+                <label class="font_normal_body">片&ensp;&ensp;&ensp;&ensp;区</label>
+                <v-select
+                  class="select select_list"
+                  style="width:60%"
+                  :value.sync="model.f_book_slice_area"
+                  v-model="model.f_book_slice_area"
+                  :options='$parent.$parent.sliceArea'
+                  placeholder='片区'
+                  condition="tua.f_slice_area  ='{}'"
+                  close-on-select
+                  value-single
+                >
+                </v-select>
+              </div>
+              <div class="form-group col-sm-2" style="margin-top: 0px">
+                <label class="font_normal_body" title="安检状态">安检状态</label>
+                <v-select
+                  class="select select_list"
+                  style="width:60%"
+                  :value.sync="model.f_last_check_state"
+                  v-model="model.f_last_check_state"
+                  :options='$parent.$parent.check_states'
+                  placeholder='安检状态'
+                  condition="tua.f_last_check_state  ='{}'"
+                  close-on-select
+                  value-single
+                >
+                </v-select>
+              </div>
+              <div class="col-sm-2 form-group" style="margin-top: 0px">
+
+                <label class="font_normal_body">安&ensp;检&ensp;册</label>
+                <v-select :value.sync="model.f_check_book_id" v-model='model.f_check_book_id'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          :options='$parent.$parent.checkBooks' placeholder='安&ensp;检&ensp;册'
+                          close-on-select
+                          condition="f_check_book_id ='{}'"></v-select>
+
+              </div>
+              <div class="col-sm-2 form-group"  style="margin-top: 0px">
+
+                <label class="font_normal_body">是否划分</label>
+                <v-select :value.sync="model.f_is_checkbook" v-model='model.f_is_checkbook'
+                          :value-single="true" style="width: 60%"
+                          class="select_list select"
+                          @change="$parent.$parent.changeState"
+                          :options='$parent.$parent.isCheckBook' placeholder='有无所属安检册'
+                          close-on-select
+                          condition="{}"></v-select>
+
+              </div>
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
+
+
+                <button class="button_spacing button_search" @click="$parent.$parent.addUser">添加用户</button>
+
+              </div>
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
+
+
+                <button class="button_spacing button_search" @click="$parent.$parent.upUser">调整用户</button>
+
+              </div>
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right" v-if="$parent.$parent.permission === 'c1'">
+
+
+                <button class="button_spacing button_search" @click="$parent.$parent.delUser">移除用户</button>
+
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid class="list_area table_sy" style="overflow: hidden" :model="model" partial='list' v-ref:grid>
+          <template partial='head'>
+            <tr @dblclick.stop="">
+              <th>
+                <nobr><input type="checkbox" v-model="$parent.$parent.$parent.bookAll"></input>全选</nobr>
+              </th>
+              <th>
+                <nobr>客户姓名</nobr>
+              </th>
+              <th>
+                <nobr>客户编号</nobr>
+              </th>
+              <th>
+                <nobr>客户类型</nobr>
+              </th>
+              <th>
+                <nobr>客户电话</nobr>
+              </th>
+              <th>
+                <nobr>客户地址</nobr>
+              </th>
+              <th>
+                <nobr>所属安检册</nobr>
+              </th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <td style="text-align: center">
+              <nobr><input type="checkbox" :checked="$parent.$parent.$parent.checkModel(row)"
+                           @change="$parent.$parent.$parent.checkChange(row, $event)"></input>
+              </nobr>
+            </td>
+            <td style="text-align: center">{{ row.f_user_name }}</td>
+            <td style="text-align: center">{{ row.f_userinfo_code }}</td>
+            <td style="text-align: center">{{ row.f_user_type }}</td>
+            <td style="text-align: center">{{ row.f_user_phone }}</td>
+            <td style="text-align: center">{{ row.f_address }}</td>
+            <td style="text-align: center">{{ row.f_check_book_name }}</td>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+    <modal :show.sync="showModal" :backdrop="false">
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          创建安检册
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div v-if="true">
+          <div class="row" style="margin-top: 10px">
+<!--            <label class="control-label font text-left" style="float:left;margin-left:10%;margin-top:5px">安检册名称</label>-->
+<!--            <div class="col-xs-8 col-md-8">-->
+<!--              <input type="text" class="input_search" style="width: 70%;" v-model="checkBook.f_check_book_name"/>-->
+<!--            </div>-->
+            <div class="col-sm-6 form-group"  style="margin-top: 20px" v-if="permission === 'c1' && showModal ">
+              <label class="font_normal_body">安检科室</label>
+              <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" :textContent="选择科室" :selectData="" v-ref:f_reciever>
+              </right-tree>
+            </div>
+            <div class="col-sm-6 form-group"  style="margin-top: 20px" v-if="permission === 'c2' ">
+              <label class="font_normal_body">安&ensp;检&ensp;员</label>
+              <v-select :value.sync="checkBook.f_checker_name" v-model='checkBook.f_checker_name'
+                        :value-single="true" style="width: 60%"
+                        class="select_list select"
+                        :options='checkers' placeholder='安检员'
+                        close-on-select></v-select>
+            </div>
+            <div class="form-group col-sm-6"  style="margin-top: 20px">
+              <label class="font_normal_body">安检册名</label>
+              <input type="text" class="input_search" v-model="checkBook.f_check_book_name"
+                     style="width: 60%"  >
+            </div>
+            <div class="form-group col-sm-6"  style="margin-top: 20px">
+              <label class="font_normal_body">执行日期</label>
+              <datepicker
+                :value.sync="checkBook.f_run_date"
+                 style="width: 60%"
+                :format="'yyyy-MM-dd'"
+                v-model="checkBook.f_run_date"
+                >
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-6"  style="margin-top: 20px">
+              <label class="font_normal_body">执行周期</label>
+              <input type="number" class="input_search" v-model="checkBook.f_around_time"
+                     style="width: 60%"  >
+            </div>
+            <div class="form-group col-sm-6"  style="margin-top: 20px">
+              <label class="font_normal_body">周期单位</label>
+              <v-select :value.sync="checkBook.f_around_unit" v-model='checkBook.f_around_unit'
+                        :value-single="true" style="width: 60%"
+                        class="select_list select"
+                        :options='aroundUnit' placeholder=''
+                        close-on-select></v-select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div slot="modal-footer" class="modal-footer" style="text-align: center">
+        <button class="button_search" style="margin-right: 20px" @click="ok">确认</button>
+        <button class="button_search" @click="cancel">取消</button>
+      </div>
+    </modal>
+    <modal :show.sync="showModal2" :backdrop="false">
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          添加用户
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div v-if="true">
+          <div class="row" style="margin-top: 10px">
+            <div class="form-group col-sm-12"  style="margin-top: 20px">
+              <label class="font_normal_body">安&ensp;检&ensp;册</label>
+              <v-select :value.sync="selectBook" v-model='selectBook'
+                        :value-single="true" style="width: 80%"
+                        class="select_list select"
+                        :options='checkBooks' placeholder=''
+                        close-on-select></v-select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div slot="modal-footer" class="modal-footer" style="text-align: center">
+        <button class="button_search" style="margin-right: 20px" @click="ok2">确认</button>
+        <button class="button_search" @click="cancel2">取消</button>
+      </div>
+    </modal>
+    <modal :show.sync="showModal3" :backdrop="false">
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          调整用户
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div v-if="true">
+          <div class="row" style="margin-top: 10px;text-align: center">
+            <div class="form-group col-sm-12"  style="margin-top: 20px">
+              <label class="font_normal_body">安&ensp;检&ensp;册</label>
+              <v-select :value.sync="selectBook" v-model='selectBook'
+                        :value-single="true" style="width: 80%"
+                        class="select_list select"
+                        :options='checkBooks' placeholder=''
+                        close-on-select></v-select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div slot="modal-footer" class="modal-footer" style="text-align: center">
+        <button class="button_search" style="margin-right: 20px" @click="ok3">确认</button>
+        <button class="button_search" @click="cancel3">取消</button>
+      </div>
+    </modal>
+
+  </div>
+</template>
+
+<script>
+import {PagedList, HttpResetClass} from 'vue-client'
+import * as Util from '../../components/Util'
+
+export default {
+  title: '安检册管理',
+  data () {
+    let model = new PagedList('rs/sql/getUserByCheckBook', 20)
+    return {
+      model: model,
+      criteriaShow: false,
+      excelHeaders: {},
+      checkBooks: [],
+      f_orgid: '',
+      bookAll: false,
+      bookList: [],
+      selectBook:'',
+      // init:false,
+      aroundUnit: [{label: '年', value: '年'}, {label: '月', value: '月'}, {label: '日', value: '月'}],
+      isCheckBook: [{label: '全部', value: ''}, {label: '是', value: 'f_check_book_name is not null'}, {label: '否', value: 'f_check_book_name is null'}],
+      isSearch: false,
+      checkers:[],
+      source:
+        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+        'tool.getFullTree(dep.where(row.hasSpecialRole($安检册二次分配$)))',
+      userid: this.$login.f.id,
+      checkBook: {
+        f_check_book_name: '',
+        f_run_date: '',
+        f_around_time: '',
+        f_around_unit: '',
+        f_create_date: Util.toStandardDateString(),
+        f_create_person: this.$login.f.name,
+        f_orgid: this.$login.f.orgid,
+        f_depid:'',
+        f_checker_name: '',
+        f_checker_id:''
+      },
+      showModal: false,
+      showModal2: false,
+      showModal3: false,
+      userstates:this.$appdata.getParam('安检用户状态')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安检用户状态')]:[{label: '全部', value: ''}],
+      usertypes:this.$appdata.getParam('用户类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]:[{label: '全部', value: ''}],
+      gasproperties:this.$appdata.getParam('用气性质')?[{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]:[{label: '全部', value: ''}],
+      meter_classifys:this.$appdata.getParam('气表类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]:[{label: '全部', value: ''}],
+      housetypes:this.$appdata.getParam('房屋类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('房屋类型')]:[{label: '全部', value: ''}],
+      positions:this.$appdata.getParam('安装位置')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安装位置')]:[{label: '全部', value: ''}],
+      usetypes:this.$appdata.getParam('使用类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]:[{label: '全部', value: ''}],
+      check_states:this.$appdata.getParam('安检状态')?[{label: '全部', value: ''}, ...this.$appdata.getParam('安检状态')]:[{label: '全部', value: ''}],
+      meterbrands:[],
+      sliceArea:[]
+
+    }
+  },
+  props:['permission'],
+  computed: {
+    getgasbrand(){
+      let ops=[{label:'全部',value:''}]
+      this.meterbrands.forEach(b =>{
+        ops.push({label:b.f_meter_brand,value:b})
+      })
+      return ops
+    },
+    getgasmodel(){
+      let ops=[{label:'全部',value:''}]
+      this.$refs.paged.$refs.criteria.model.gasmodel=''
+      if(this.$refs.paged.$refs.criteria.model && this.$refs.paged.$refs.criteria.model.gasbrand){
+        this.$refs.paged.$refs.criteria.model.gasbrand.gasmodel.forEach(b =>{
+          ops.push({label:b.f_meter_style,value:b.id})
+        })
+      }
+      return ops
+    },
+    searchData () {
+      return {condition: this.model.condition}
+    },
+    bookCondition () {
+      return this.model.condition
+    },
+    isCreateBook () {
+      return this.$refs.paged.$refs.criteria.model.f_is_checkbook === 'f_check_book_name is null'
+    },
+    isChangeBook () {
+      return this.$refs.paged.$refs.criteria.model.f_is_checkbook === 'f_check_book_name is not null'
+    }
+  },
+  methods: {
+    //片区获取
+    async getSliceArea()  {
+      let http = new HttpResetClass()
+      let getAllArea = await http.load('POST', '/rs/search', {
+        source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
+        userid: this.userlogin.id
+      }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
+      this.sliceArea = [{label: '全部', value: ''}]
+      getAllArea.data.forEach((res) => {
+        if(res.parentid==this.userlogin.orgid){
+          this.sliceArea.push({label:res.name,value:res.name})
+        }
+      })
+      console.log('片区' + this.sliceArea)
+    },
+    //片区改变-对应抄表册下拉重新赋值
+    slice_areaChange(value) {
+      console.log("下拉改变--"+value)
+      if(!value){
+        this.cbc=[]
+        this.meterbooks.forEach((res) => {
+          this.cbc.push({label: res.f_book_name, value: res.id})
+        })
+      }else{
+        this.cbc=[]
+        this.meterbooks.forEach((res) => {
+          if(res.f_book_slice_area==value){
+            this.cbc.push({label: res.f_book_name, value: res.id})
+          }
+        })
+      }
+    },
+    // 获取气表品牌
+    setConList(){
+      new HttpResetClass().load("POST", `/rs/logic/getSaleInitData`, {data:{f_orgid:`${this.$login.f.orgid}`}}, {resolveMsg: null, rejectMsg: null}).then((res)=>{
+        this.meterbrands=res.data.gasbrands
+      })
+    },
+    reres(val){
+      if (!val.resids){
+        return
+      }
+      console.log('val',val)
+      this.checkBook.f_depid = val.resids[0]
+    },
+    clearBook(){
+      this.checkBook ={
+          f_check_book_name: '',
+          f_run_date: '',
+          f_around_time: '',
+          f_around_unit: '',
+          f_create_date: Util.toStandardDateString(),
+          f_create_person: this.$login.f.name,
+          f_orgid: this.$login.f.orgid,
+          f_depid:'',
+          f_checker_name: '',
+          f_checker_id:''
+      }
+    },
+   async ok2() {
+     if (!this.selectBook) {
+       this.$showMessage('请选择安检册')
+       return
+     }
+     if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+       let userCondition = ''
+       if (this.bookList.length < 1) {
+         console.log('bookCondition', this.bookCondition)
+         userCondition = this.bookCondition
+       } else {
+         console.log('this.bookList', JSON.stringify(this.bookList))
+
+         userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
+         userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
+         console.log('condition', userCondition)
+       }
+       let addUser = `update t_user_address set f_check_book_id ='${this.selectBook}'
+        FROM
+            t_userinfo tui
+                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
+                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
+                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
+        WHERE
+                tui.f_user_state = '正常'
+          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
+          AND ${userCondition}`
+       await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: addUser}},
+         {resolveMsg: null, rejectMsg: '添加用户失败'})
+       this.$showMessage('添加用户成功')
+       this.selectBook = ''
+       this.clearBook()
+       this.bookAll = false
+       this.bookList = []
+       this.showModal2 = false
+       this.$refs.paged.$refs.criteria.search()
+     }
+   },
+    async ok3() {
+      if (!this.selectBook) {
+        this.$showMessage('请选择安检册')
+        return
+      }
+      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+        let userCondition = ''
+        if (this.bookList.length < 1) {
+          console.log('bookCondition', this.bookCondition)
+          userCondition = this.bookCondition
+        } else {
+          console.log('this.bookList', JSON.stringify(this.bookList))
+
+          userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
+          userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
+          console.log('condition', userCondition)
+        }
+        let upUser = `update t_user_address set f_check_book_id ='${this.selectBook}'
+        FROM
+            t_userinfo tui
+                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
+                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
+                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
+        WHERE
+                tui.f_user_state = '正常'
+          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
+          AND ${userCondition}`
+        await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: upUser}},
+          {resolveMsg: null, rejectMsg: '调整用户失败'})
+        this.$showMessage('调整用户成功')
+        this.selectBook = ''
+        this.clearBook()
+        this.bookAll = false
+        this.bookList = []
+        this.showModal3 = false
+        this.$refs.paged.$refs.criteria.search()
+      }
+    },
+    cancel2(){
+      this.selectBook = ''
+      this.clearBook()
+      this.bookAll = false
+      this.bookList = []
+      this.showModal2 = false
+      this.$refs.paged.$refs.criteria.search()
+    },
+    cancel3(){
+      this.selectBook = ''
+      this.clearBook()
+      this.bookAll = false
+      this.bookList = []
+      this.showModal3 = false
+      this.$refs.paged.$refs.criteria.search()
+    },
+    addUser () {
+      if (!this.isCreateBook) {
+        this.$showMessage('请选择查询未划分安检册的用户')
+        return
+      }
+      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+        this.showModal2 = true
+        this.freshCheckBook()
+        return
+      }
+      this.$showMessage('请选择用户')
+    },
+    upUser () {
+      if (!this.isChangeBook) {
+        this.$showMessage('请选择查询已划分安检册的用户')
+        return
+      }
+      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+        this.showModal3 = true
+        this.freshCheckBook()
+        return
+      }
+      this.$showMessage('请选择用户')
+    },
+    async delUser () {
+      if (!this.isChangeBook) {
+        this.$showMessage('请选择查询已划分安检册的用户')
+        return
+      }
+      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+        let userCondition= ''
+        if (this.bookList.length < 1) {
+          console.log('bookCondition', this.bookCondition)
+          userCondition = this.bookCondition
+        } else {
+          console.log('this.bookList', JSON.stringify(this.bookList))
+
+          userCondition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
+          userCondition = 'tui.f_userinfo_id in (' + userCondition + ')'
+          console.log('condition', userCondition)
+        }
+        let delUser= `update t_user_address set f_check_book_id =null
+        FROM
+            t_userinfo tui
+                LEFT JOIN t_userfiles tuf ON tui.f_userinfo_id= tuf.f_userinfo_id
+                LEFT JOIN t_user_address tua ON tuf.f_userinfo_id = tua.f_userinfo_id
+                LEFT JOIN t_check_book tcb ON tua.f_check_book_id= tcb.id
+        WHERE
+                tui.f_user_state = '正常'
+          AND ( tuf.f_table_state= '正常' OR tuf.f_table_state= '停用' )
+          AND ${userCondition}`
+        await new HttpResetClass().load('POST', 'rs/logic/runSQL', {data: {sql: delUser}},
+          {resolveMsg: null, rejectMsg: '删除安检册失败'})
+        this.$showMessage('从安检册删除所选用户成功')
+        this.selectBook = ''
+        this.bookAll = false
+        this.clearBook()
+        this.bookList = []
+        this.showModal3 = false
+        this.$refs.paged.$refs.criteria.search()
+        return
+      }
+      this.$showMessage('请选择用户')
+    },
+    beforeCreateBook () {
+      if (!this.isCreateBook) {
+        this.$showMessage('请选择查询未划分安检册的用户')
+        return
+      }
+      if (this.isSearch && (this.bookAll || this.bookList.length > 0) && this.model.rows.length > 0) {
+        this.showModal = true
+        return
+      }
+      this.$showMessage('请选择用户')
+    },
+    ok () {
+      console.log('checkbook', JSON.stringify(this.checkBook))
+      let condition = ''
+      if (!this.checkBook.f_check_book_name) {
+         this.$showMessage('请填写册名')
+        return
+      }
+      if (!this.checkBook.f_checker_name && this.permission === 'c2') {
+         this.$showMessage('请选择安检员')
+        return
+      }
+      if (!this.checkBook.f_around_time || !this.checkBook.f_around_unit) {
+         this.$showMessage('请选填写周期信息')
+        return
+      }
+      if (!this.checkBook.f_run_date) {
+         this.$showMessage('执行日期')
+        return
+      }
+      if(this.checkBook.f_run_date < Util.toStandardDateString()){
+        this.$showMessage('执行日期应大于当前日期')
+        return
+      }
+      if (this.bookList.length < 1) {
+        console.log('bookCondition', this.bookCondition)
+        condition = this.bookCondition
+      } else {
+        console.log('this.bookList', JSON.stringify(this.bookList))
+
+        condition = JSON.stringify(this.bookList).substring(JSON.stringify(this.bookList).indexOf('[') + 1, JSON.stringify(this.bookList).indexOf(']'))
+        condition = 'tui.f_userinfo_id in (' + condition + ')'
+        console.log('condition', condition)
+      }
+      let data = {
+        checkBook: this.checkBook,
+        sqlStr: condition
+      }
+      new HttpResetClass().load('post', 'rs/logic/AddCheckBook', {data}).then(res => {
+        console.log('res=>', JSON.stringify(res))
+        if (res.data.id) {
+          this.$showMessage('创建成功')
+          this.showModal = false
+          this.isSearch = false
+          this.clearBook()
+          this.bookList = []
+          this.bookAll = false
+          this.freshCheckBook()
+          this.$refs.paged.$refs.criteria.search()
+        }
+      })
+    },
+    changeState (val) {
+      console.log('66666666666', val)
+      console.log(this.model.rows)
+      this.bookAll = false
+      this.bookList = []
+      if (this.$refs.paged.$refs.criteria.model.f_orgid){
+        this.$refs.paged.$refs.criteria.search()
+      }
+    },
+    cancel () {
+      this.bookAll = false
+      this.bookList = []
+      this.clearBook()
+      this.showModal = false
+      this.$refs.paged.$refs.criteria.search()
+    },
+    checkModel (row) {
+      if (this.bookAll) {
+        console.log('row', this.bookAll, JSON.stringify(row))
+        return true
+      } else {
+        if (this.bookList.findIndex(res => res === row.f_userinfo_id) !== -1) {
+          console.log('row1111', JSON.stringify(row))
+          return true
+        } else {
+          return false
+        }
+      }
+    },
+    checkChange (row, e) {
+      console.log('e', e.target.checked)
+      if (e.target.checked) {
+        this.bookList.push(row.f_userinfo_id)
+      } else {
+        this.bookList.splice(this.bookList.findIndex(res => res === row.f_userinfo_id), 1)
+      }
+      // console.log('aaaaa', JSON.stringify(this.bookList))
+    },
+    getRes (obj) {
+      this.checkBook.f_orgid = obj.resids[0]
+    },
+    getResm (obj) {
+      this.$refs.paged.$refs.criteria.model.f_orgid = this.$login.convertToIn(obj.resids)
+    },
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    selfSearch (args) {
+      this.isSearch = true
+      this.bookAll = false
+      this.bookList = []
+      // if (this.$refs.paged.$refs.criteria.model.f_orgid){
+      //   args.condition += `f_orgid in ${this.$refs.paged.$refs.criteria.model.f_orgid}`
+      // }
+      if (this.permission === 'c2'){
+        args.condition +=` and tcb.f_depid = '${this.$login.f.depids}'`
+      }
+      if(args.model.gasbrand){
+        args.condition +=` and tuf.f_gasbrand_id=${args.model.gasbrand.id}`
+      }
+      this.model.search(args.condition, args.model)
+    },
+    getChecker(){
+      let http = new HttpResetClass()
+      http.load('POST', '/rs/search', {data: {source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1))', userid: this.$login.f.id}}, {resolveMsg: null, rejectMsg: null})
+        .then(res => {
+          console.log('res666-->' + JSON.stringify(res))
+        this.checkers = res.data.map(res=>{
+          return {label:res.name,value:res.name}
+        })
+        })
+    },
+    freshCheckBook () {
+      this.checkBooks = []
+      new HttpResetClass().load('POST', `/rs/sql/safe_singleTable_OrderBy`, {
+        data: {
+          items: 'id,f_check_book_name',
+          tablename: 't_check_book',
+          condition: (this.$refs.paged.$refs.criteria.model.f_orgid?`f_orgid in ${this.$refs.paged.$refs.criteria.model.f_orgid}`:'1=1')+(this.permission === 'c2' ? ` and f_depid='${this.$login.f.depids}'`:'') ,
+          orderitem: 'id desc'
+        }
+      }, {resolveMsg: null, rejectMsg: null}).then(res => {
+        this.checkBooks.push({label: '全部', value: ''})
+        res.data.forEach(ress => {
+          this.checkBooks.push({
+            label: ress.f_check_book_name,
+            value: ress.id
+          })
+        })
+      })
+    }
+  },
+
+  ready () {
+    // 获取片区
+    this.getSliceArea()
+    // 获取营收气表参数
+    this.setConList()
+    if (this.permission === 'c1'){
+      this.$refs.paged.$refs.criteria.model.f_is_checkbook = 'f_check_book_name is null'
+    }else if(this.permission === 'c2'){
+      this.$refs.paged.$refs.criteria.model.f_is_checkbook = 'f_check_book_name is not null'
+    }
+
+    console.log('checkbook', this.$login.f)
+    this.checkBook.f_orgid = this.$login.f.orgid
+    console.log('permission2',this.permission)
+    // this.init=true
+    this.freshCheckBook()
+    this.getChecker()
+  }
+}
+</script>
+<style  scoped>
+/*.btn-group > .btn:first-child {*/
+/*  margin-left: 0;*/
+/*  width: 100%;*/
+/*}*/
+</style>