address-client 4.0.1 → 4.0.2

package/src/filiale/zhongsheng/AreaList.vue

@@ -1,500 +1,500 @@
-<template>
-  <div class="flex" @keyup.enter="search">
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
-        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-          <div class="row">
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">组织机构</label>
-              <res-select restype='organization'
-                          @res-select="$parent.$parent.getorg"
-                          is-mul="false"
-                          :initresid='$parent.$parent.curorgid'>
-              </res-select>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">小区编号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
-                      condition="f_area_id = '{}'" placeholder="小区编号"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="false">
-              <label class="font_normal_body">省&emsp;&emsp;份</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_province"
-                      condition="f_province like '%{}%'" placeholder="省份"/>
-            </div>
-            <!--<div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">-->
-            <div :class="$parent.$parent.style" v-if="false">
-              <label class="font_normal_body">城&emsp;&emsp;市</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
-                      condition="f_city like '%{}%'" placeholder="城市"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">区&emsp;&emsp;县</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
-                      condition="f_district like '%{}%'" placeholder="区县"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">街道/乡镇</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
-                      condition="f_street like '%{}%'" placeholder="街道/乡镇"/>
-            </div>
-            <div class="col-sm-4 form-group button-range">
-              <button class="button_search button_spacing" @click="search()" >查询</button>
-              <button class="button_search button_spacing" @click="$parent.$parent.batchDelete()">批量删除</button>
-              <button v-if="!$parent.$parent.f_special" class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('小区')">添加小区</button>
-              <button v-if="$parent.$parent.f_special"class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('单位')">添加单位</button>
-              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
-              <export-excel :data="$parent.$parent.getCondition"
-                            :field="$parent.$parent.getfield"
-                            sqlurl="api/af-revenue/logic/exportfile"
-                            sql-name="manage_getarealist"
-                            template-name='小区信息查询导出'
-                            :choose-col="true"></export-excel>
-              <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>
-          <div class="row" v-if="$parent.$parent.criteriaShow">
-            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">小区编号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
-                      condition="f_area_id = '{}'" placeholder="小区编号"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">城&emsp;&emsp;市</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
-                      condition="f_city like '%{}%'" placeholder="城市"
-                      :size="model.f_city ? model.f_city.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">区&emsp;&emsp;县</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
-                      condition="f_district like '%{}%'" placeholder="区县"
-                      :size="model.f_district ? model.f_district.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">街道/乡镇</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
-                      condition="f_street like '%{}%'" placeholder="街道/乡镇"
-                      :size="model.f_street ? model.f_street.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">片&emsp;&emsp;区</label>
-              <v-select :value.sync="model.f_slice_area" v-model="model.f_slice_area"
-                        :options='$parent.$parent.area' placeholder='片区/管理站'
-                        condition="f_slice_area in {}" @change="$parent.$parent.sliceareachange"
-                        close-on-select>
-              </v-select>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">小&emsp;&emsp;区</label>
-              <v-select :value.sync="model.f_residential_area" condition="f_residential_area in {}"
-                        v-model="model.f_residential_area" style="width: 60%"
-                        :options='$parent.$parent.residentialArea' placeholder='选择小区'
-                        close-on-select>
-              </v-select>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">房屋类型</label>
-              <v-select :options='$parent.$parent.housetype' :value.sync="model.f_house_type"
-                        close-on-select condition="f_house_type='{}'"
-                        placeholder='房屋类型' v-model="model.f_house_type"></v-select>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">安装位置</label>
-              <v-select :options='$parent.$parent.position' :value.sync="model.f_position"
-                        close-on-select condition="f_position='{}'"
-                        placeholder='安装位置' v-model="model.f_position"></v-select>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">&emsp;抄表员</label>
-              <v-select :options='$parent.$parent.inputtores' :value.sync="model.f_inputtor"
-                        close-on-select condition="f_inputtor='{}'"
-                        placeholder='抄表员' v-model="model.f_inputtor"></v-select>
-            </div>
-          </div>
-        </div>
-      </criteria>
-
-      <data-grid  :model="model" partial='list'  class="list_area table_sy" :optional="true" v-ref:grid>
-        <template partial='head'>
-            <th><nobr>序号</nobr></th>
-            <th v-if="false"><nobr>省份</nobr></th>
-            <th v-if="false"><nobr>城市</nobr></th>
-            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>区/县</nobr></th>
-            <th><nobr>街道/乡镇</nobr></th>
-            <!--民用小区信息开始-->
-            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区名称</nobr></th>
-            <th v-if="!$parent.$parent.$parent.f_special"><nobr>详细地址</nobr></th>
-            <th v-if="!$parent.$parent.$parent.f_special && !$parent.$parent.$parent.$parent.areaShow"><nobr>小区备注</nobr></th>
-            <!--民用小区信息结束-->
-            <!--非民用单位信息开始-->
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位名称</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位地址</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系人</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系电话</nobr></th>
-            <!--非民用单位信息结束-->
-            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>抄表员</nobr></th>
-            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>房屋类型</nobr></th>
-            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>安装位置</nobr></th>
-            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>片区/管理站 </nobr></th>
-            <th><nobr>操作人</nobr></th>
-            <th><nobr>操作日期</nobr></th>
-            <th title="该小区下现有的地址数"><nobr>地址数</nobr></th>
-            <th><nobr>操作</nobr></th>
-        </template>
-        <template partial='body'>
-            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
-            <td style="text-align:center" v-if="false"><nobr>{{row.f_province}}</nobr></td>
-            <td style="text-align:center" v-if="false"><nobr>{{row.f_city}}</nobr></td>
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_district}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_street}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_residential_area}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_area_address}}{{row.f_residential_area}}</nobr></td>
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_comments}}</nobr></td>
-            <!--非民用单位信息开始-->
-            <td  v-if="$parent.$parent.$parent.f_special" style="text-align:center"><nobr>{{row.f_linkname}}</nobr></td>
-            <td  v-if="$parent.$parent.$parent.f_special"  style="text-align:center"><nobr>{{row.f_linkphone}}</nobr></td>
-            <!--非民用单位信息结束-->
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_inputtor}}</nobr></td>
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_house_type}}</nobr></td>
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_position}}</nobr></td>
-            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_slice_area}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_operator}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_operate_date}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.addressnum}}</nobr></td>
-            <td><nobr>
-              <!--<button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
-              <button v-if="!row.f_residential_area_id" type="button" name="button" class="btn btn-danger"
-                      style="padding: 5px 12px"
-                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
-                </nobr>
-            </td>
-        </template>
-        <template partial='foot'></template>
-      </data-grid>
-    </criteria-paged>
-    <modal :show="showDelete"  large backdrop="false" :width="900">
-        <header slot="modal-header" class="modal-header">
-          <p class="bg-info text-center" style="padding: 8px;">请选择目标小区</p>
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <validator name='v'>
-            <div  class="col-sm-6 form-group ">
-              <label class="font_normal_body">小区名称</label>
-              <input type="text" style="width:41%" v-show="false" v-validate:f_residential_area_id='{required: true }' v-model="areamodel.f_residential_area_id">
-              <v-select :value.sync="areamodel.f_residential_area_id" :value-single="true"
-                        @change="areaChange"
-                        :options='areaslist' placeholder='请选择'
-                        close-on-select search="true">
-              </v-select>
-            </div>
-          </validator>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button v-show="showDelete" type="button" class="button_search button_spacing" @click='confirmDelete()' :disabled='!$v.valid'>确认</button>
-          <button v-show="showDelete" type="button" class="button_clear button_spacing" @click='cancelDelete()'>取消</button>
-        </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-  import { HttpResetClass, PagedList } from 'vue-client'
-  let readyGen = async function (self) {
-    self.getfield = self.config.excelHeaders
-    self.search()
-  }
-  export default {
-
-    data () {
-      return {
-        showDelete: false,
-        criteriaShow: false,
-        // 目标小区数据
-        areamodel: {
-          f_residential_area_id: '',
-          f_pcd: '',
-          f_pcd_id: '',
-          f_street: '',
-          f_street_id: '',
-          f_slice_area: '',
-          f_residential_area: ''
-        },
-        model: new PagedList('api/af-revenue/sql/address_getarealist',20),
-        addflag: false,
-        addtitle:'',
-        getfield: {},
-        // 公司下拉
-        curorgid: [this.$login.f.orgid],
-        f_orgid: '',
-        //初始化小区数据
-        areaslist:[],
-        config: {
-          // 导出列要和查询列相同
-          excelHeaders: {
-            'f_district':'区/县',
-            'f_street':'街道名称',
-            'f_residential_area':'小区名称',
-            'f_area_address':'小区地址',
-            'f_comments':'小区备注',
-            'f_inputtor':'抄表员',
-            'f_house_type':'房屋类型',
-            'f_position':'安装位置',
-            'f_slice_area':'片区/管理站',
-            'f_operator':'操作人',
-            'f_operate_date':'操作日期',
-            'addressnum':'地址数'
-          }
-        },
-        residentialArea: [],  //小区
-        area: [], //片区
-        areacondition: `1=1 and s.f_filialeid = '${this.$login.f.orgid}'`,
-        housetype:[{label:'全部',value:''},{label: '楼房', value: '楼房'}, {label: '自建房', value: '自建房'}],
-        position:this.$appdata.getParam('安装位置')?[{label:'全部',value:''},...this.$appdata.getParam('安装位置')]:[{label:'全部',value:''}]
-      }
-    },
-    title: '小区管理',
-    props:{
-      f_filialeids:{
-        type: String
-      },
-      style: {
-        type: String,
-        default: 'col-sm-2 form-group'
-      },
-      f_special:{
-        type: String
-      }
-    },
-    ready(){
-      readyGen(this);
-      this.getaddress();
-      this.initAreas(this.$login.f.orgid)
-    },
-    methods: {
-
-      async sliceareachange(){
-        console.log('片区变了:',this.$refs.paged.$refs.cri.model.f_slice_area[0])
-        this.$refs.paged.$refs.cri.model.f_residential_arearea = []
-        if(this.$refs.paged.$refs.cri.model.f_slice_area[0]){
-          this.areacondition = this.areacondition + ` and f_slice_area = '${this.$refs.paged.$refs.cri.model.f_slice_area[0]}'`
-          this.getaddress()
-          this.areacondition = `1=1 and s.f_filialeid = '${this.$login.f.orgid}'`
-        }else{
-          this.getaddress()
-        }
-      },
-      //获取小区下拉框
-      async  getaddress(){
-        console.log('开始获取小区')
-        let temp = {
-          condition:this.areacondition
-        }
-        let HttpReset = new HttpResetClass()
-        var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {data: temp},
-          {resolveMsg: null, rejectMsg: '获取小区失败!'})
-        console.log('小区',data)
-        this.residentialArea = []
-        let house = []
-        for (let row of data.data){
-          console.log('开始保存小区')
-          house.push({label: row.f_residential_area, value: row.f_residential_area})
-        }
-        this.residentialArea = house
-      },
-      // 初始化片区
-      async initAreas (val) {
-        console.log('initAreas:',val)
-        if (val) {
-          console.log('this.$login.f.id:',this.$login.f.id)
-          let http = new HttpResetClass()
-          let getAllArea = await http.load('POST', '/rs/search', {
-            source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
-            userid: this.$login.f.id
-          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
-          let arr = getAllArea.data.filter((res) => {
-            return res.parentid == val
-          })
-          console.log('过滤之后的片区', arr)
-          this.area = []
-          arr.forEach((res) => {
-            this.area.push({label: res.name, value: res.name})
-          })
-        }
-      },
-
-      hidden() {
-        this.criteriaShow = !this.criteriaShow
-      },
-      search() {
-        this.$refs.paged.$refs.cri.search()
-      },
-
-      async delete(row){
-        if(row.id >= 0){
-          var id = row.id
-          let useraredss = await this.$resetpost('api/af-revenue/sql/address_singleTable',
-            {data: {
-                items: 'f_residential_area_id',
-                tablename: 't_user_address',
-                condition: `f_residential_area_id='${id}'`}
-            },
-            {resolveMsg: null, rejectMsg: null})
-          if(useraredss.data.length>0){
-            this.$showAlert('该小区下已有地址信息,无法删除!','warning',1000)
-          }else{
-            this.$resetdelete('api/af-revenue/entity/t_area', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
-              this.$dispatch('cancel')
-            })
-          }
-        }
-      },
-      add(val){
-        if (this.f_filialeids) {
-          this.$refs.paged.$refs.grid.selectStore.selected = null
-          this.$dispatch('add')
-        } else {
-          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
-        }
-      },
-      modify(val){
-        this.$refs.paged.$refs.grid.selectStore.selected = null
-        this.$dispatch('modify',val)
-      },
-      selfSearch (args) {
-
-        if (!this.f_orgid) {
-          this.getorg([this.$login.f.orgid])
-        }
-        if(this.f_special){
-          args.condition =  `${args.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
-        }else{
-          args.condition =  `${args.condition} and s.f_filialeid = ${this.f_orgid}`
-        }
-        this.model.search(args.condition, args.model)
-      },
-      //清空
-      clear(){
-        this.$refs.paged.$refs.cri.model = {}
-      },
-      getorg (val) {
-        this.f_orgid = this.$login.convertToIn(val)
-        this.f_filialeids = val[0]
-      },
-      async batchDelete () {
-        if (this.f_filialeids) {
-          if (this.$refs.paged.$refs.grid.getRowData().length != 0) {
-            this.showDelete = true
-            let condition = `a.f_orgid = '${this.f_filialeids}'`
-            let req = await this.$resetpost('api/af-revenue/sql/address_getresidential', {
-              data: {
-                condition: condition
-              }
-            }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-            let redata = []
-            req.data.forEach((row) => {
-              redata.push({
-                label: row.f_residential_area,
-                value: row.id,
-                data: row,
-                id: row.id
-              })
-            })
-            this.areaslist = redata
-          } else {
-            this.$showAlert('请至少选择一项！', 'warning', 2000)
-          }
-        }else {
-          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
-        }
-      },
-      confirmDelete () {
-        let msg = {
-          resolveMsg: '批量删除成功',
-          rejectMsg: '批量删除失败！'
-        }
-        let oldAreaIds = []
-        // 获取要批量删除的小区数据
-        this.$refs.paged.$refs.grid.getRowData().forEach((row,n) => {
-          oldAreaIds[n] = row.id
-        })
-        this.$resetpost('api/af-revenue/logic/batchDelete',{
-          data:{
-                areamodel:this.areamodel,
-                oldAreaIds:oldAreaIds,
-                f_operator: this.$login.f.name,
-                f_operatorid: this.$login.f.id,
-                f_orgid: this.$login.f.orgid,
-                f_orgname: this.$login.f.orgs,
-                f_depid: this.$login.f.depids,
-                f_depname: this.$login.f.deps
-          }
-        },msg)
-        this.$refs.paged.$refs.grid.selectInit()
-        this.$refs.paged.$refs.cri.search()
-        this.areamodel.f_residential_area_id = ''
-        this.showDelete = false
-      },
-      cancelDelete () {
-        this.$refs.paged.$refs.grid.selectInit()
-        this.$refs.paged.$refs.cri.search()
-        this.areamodel.f_residential_area_id = ''
-        this.showDelete = false
-      },
-      areaChange(val){
-        console.log("小区变化",val)
-        let selectArea // 选中的小区数据
-        for (let row of this.areaslist) {
-          if (val == row.value) {
-            selectArea = row.data
-            break
-          }
-        }
-        if (selectArea) {
-          this.areamodel.f_residential_area_id = selectArea.id
-          this.areamodel.f_pcd = selectArea.f_pcd
-          this.areamodel.f_pcd_id = selectArea.f_pcd_id
-          this.areamodel.f_street = selectArea.f_street
-          this.areamodel.f_street_id = selectArea.f_street_id
-          this.areamodel.f_slice_area = selectArea.f_slice_area
-          this.areamodel.f_residential_area = selectArea.f_residential_area
-        }
-        this.$nextTick(() => {
-          this.$resetValidation()
-        })
-      },
-    },
-    watch:{
-
-    },
-    computed:{
-      getCondition() {
-        var condition=''
-        if(this.f_special){
-          condition =  `${this.$refs.paged.$refs.cri.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
-        }else{
-          condition =  `${this.$refs.paged.$refs.cri.condition} and s.f_filialeid = ${this.f_orgid}`
-        }
-        return {
-          condition: condition
-        }
-      },
-      inputtores () {
-        // 获取抄表员
-        let rs = new Array()
-        if (this.$login.f.f_gasman.length > 0) {
-          for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
-            let temp = {
-              label: this.$login.f.f_gasman[i].name,
-              value: this.$login.f.f_gasman[i].name
-            }
-            rs.push(temp)
-          }
-        }
-        return rs
-      }
-    }
-
-  }
-</script>
+<template>
+  <div class="flex" @keyup.enter="search">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">组织机构</label>
+              <res-select restype='organization'
+                          @res-select="$parent.$parent.getorg"
+                          is-mul="false"
+                          :initresid='$parent.$parent.curorgid'>
+              </res-select>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">小区编号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
+                      condition="f_area_id = '{}'" placeholder="小区编号"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="false">
+              <label class="font_normal_body">省&emsp;&emsp;份</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_province"
+                      condition="f_province like '%{}%'" placeholder="省份"/>
+            </div>
+            <!--<div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">-->
+            <div :class="$parent.$parent.style" v-if="false">
+              <label class="font_normal_body">城&emsp;&emsp;市</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
+                      condition="f_city like '%{}%'" placeholder="城市"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">区&emsp;&emsp;县</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
+                      condition="f_district like '%{}%'" placeholder="区县"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">街道/乡镇</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
+                      condition="f_street like '%{}%'" placeholder="街道/乡镇"/>
+            </div>
+            <div class="col-sm-4 form-group button-range">
+              <button class="button_search button_spacing" @click="search()" >查询</button>
+              <button class="button_search button_spacing" @click="$parent.$parent.batchDelete()">批量删除</button>
+              <button v-if="!$parent.$parent.f_special" class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('小区')">添加小区</button>
+              <button v-if="$parent.$parent.f_special"class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('单位')">添加单位</button>
+              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
+              <export-excel :data="$parent.$parent.getCondition"
+                            :field="$parent.$parent.getfield"
+                            sqlurl="api/af-revenue/logic/exportfile"
+                            sql-name="manage_getarealist"
+                            template-name='小区信息查询导出'
+                            :choose-col="true"></export-excel>
+              <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>
+          <div class="row" v-if="$parent.$parent.criteriaShow">
+            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">小区编号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
+                      condition="f_area_id = '{}'" placeholder="小区编号"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">城&emsp;&emsp;市</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
+                      condition="f_city like '%{}%'" placeholder="城市"
+                      :size="model.f_city ? model.f_city.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">区&emsp;&emsp;县</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
+                      condition="f_district like '%{}%'" placeholder="区县"
+                      :size="model.f_district ? model.f_district.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">街道/乡镇</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
+                      condition="f_street like '%{}%'" placeholder="街道/乡镇"
+                      :size="model.f_street ? model.f_street.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">片&emsp;&emsp;区</label>
+              <v-select :value.sync="model.f_slice_area" v-model="model.f_slice_area"
+                        :options='$parent.$parent.area' placeholder='片区/管理站'
+                        condition="f_slice_area in {}" @change="$parent.$parent.sliceareachange"
+                        close-on-select>
+              </v-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <v-select :value.sync="model.f_residential_area" condition="f_residential_area in {}"
+                        v-model="model.f_residential_area" style="width: 60%"
+                        :options='$parent.$parent.residentialArea' placeholder='选择小区'
+                        close-on-select>
+              </v-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">房屋类型</label>
+              <v-select :options='$parent.$parent.housetype' :value.sync="model.f_house_type"
+                        close-on-select condition="f_house_type='{}'"
+                        placeholder='房屋类型' v-model="model.f_house_type"></v-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">安装位置</label>
+              <v-select :options='$parent.$parent.position' :value.sync="model.f_position"
+                        close-on-select condition="f_position='{}'"
+                        placeholder='安装位置' v-model="model.f_position"></v-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">&emsp;抄表员</label>
+              <v-select :options='$parent.$parent.inputtores' :value.sync="model.f_inputtor"
+                        close-on-select condition="f_inputtor='{}'"
+                        placeholder='抄表员' v-model="model.f_inputtor"></v-select>
+            </div>
+          </div>
+        </div>
+      </criteria>
+
+      <data-grid  :model="model" partial='list'  class="list_area table_sy" :optional="true" v-ref:grid>
+        <template partial='head'>
+            <th><nobr>序号</nobr></th>
+            <th v-if="false"><nobr>省份</nobr></th>
+            <th v-if="false"><nobr>城市</nobr></th>
+            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>区/县</nobr></th>
+            <th><nobr>街道/乡镇</nobr></th>
+            <!--民用小区信息开始-->
+            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区名称</nobr></th>
+            <th v-if="!$parent.$parent.$parent.f_special"><nobr>详细地址</nobr></th>
+            <th v-if="!$parent.$parent.$parent.f_special && !$parent.$parent.$parent.$parent.areaShow"><nobr>小区备注</nobr></th>
+            <!--民用小区信息结束-->
+            <!--非民用单位信息开始-->
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位名称</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位地址</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系人</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系电话</nobr></th>
+            <!--非民用单位信息结束-->
+            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>抄表员</nobr></th>
+            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>房屋类型</nobr></th>
+            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>安装位置</nobr></th>
+            <th v-show="!$parent.$parent.$parent.$parent.areaShow"><nobr>片区/管理站 </nobr></th>
+            <th><nobr>操作人</nobr></th>
+            <th><nobr>操作日期</nobr></th>
+            <th title="该小区下现有的地址数"><nobr>地址数</nobr></th>
+            <th><nobr>操作</nobr></th>
+        </template>
+        <template partial='body'>
+            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
+            <td style="text-align:center" v-if="false"><nobr>{{row.f_province}}</nobr></td>
+            <td style="text-align:center" v-if="false"><nobr>{{row.f_city}}</nobr></td>
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_district}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_street}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_residential_area}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_area_address}}{{row.f_residential_area}}</nobr></td>
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_comments}}</nobr></td>
+            <!--非民用单位信息开始-->
+            <td  v-if="$parent.$parent.$parent.f_special" style="text-align:center"><nobr>{{row.f_linkname}}</nobr></td>
+            <td  v-if="$parent.$parent.$parent.f_special"  style="text-align:center"><nobr>{{row.f_linkphone}}</nobr></td>
+            <!--非民用单位信息结束-->
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_inputtor}}</nobr></td>
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_house_type}}</nobr></td>
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_position}}</nobr></td>
+            <td v-show="!$parent.$parent.$parent.$parent.areaShow" style="text-align:center"><nobr>{{row.f_slice_area}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_operator}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_operate_date}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.addressnum}}</nobr></td>
+            <td><nobr>
+              <!--<button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
+              <button v-if="!row.f_residential_area_id" type="button" name="button" class="btn btn-danger"
+                      style="padding: 5px 12px"
+                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
+                </nobr>
+            </td>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+    <modal :show="showDelete"  large backdrop="false" :width="900">
+        <header slot="modal-header" class="modal-header">
+          <p class="bg-info text-center" style="padding: 8px;">请选择目标小区</p>
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <validator name='v'>
+            <div  class="col-sm-6 form-group ">
+              <label class="font_normal_body">小区名称</label>
+              <input type="text" style="width:41%" v-show="false" v-validate:f_residential_area_id='{required: true }' v-model="areamodel.f_residential_area_id">
+              <v-select :value.sync="areamodel.f_residential_area_id" :value-single="true"
+                        @change="areaChange"
+                        :options='areaslist' placeholder='请选择'
+                        close-on-select search="true">
+              </v-select>
+            </div>
+          </validator>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button v-show="showDelete" type="button" class="button_search button_spacing" @click='confirmDelete()' :disabled='!$v.valid'>确认</button>
+          <button v-show="showDelete" type="button" class="button_clear button_spacing" @click='cancelDelete()'>取消</button>
+        </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import { HttpResetClass, PagedList } from 'vue-client'
+  let readyGen = async function (self) {
+    self.getfield = self.config.excelHeaders
+    self.search()
+  }
+  export default {
+
+    data () {
+      return {
+        showDelete: false,
+        criteriaShow: false,
+        // 目标小区数据
+        areamodel: {
+          f_residential_area_id: '',
+          f_pcd: '',
+          f_pcd_id: '',
+          f_street: '',
+          f_street_id: '',
+          f_slice_area: '',
+          f_residential_area: ''
+        },
+        model: new PagedList('api/af-revenue/sql/address_getarealist',20),
+        addflag: false,
+        addtitle:'',
+        getfield: {},
+        // 公司下拉
+        curorgid: [this.$login.f.orgid],
+        f_orgid: '',
+        //初始化小区数据
+        areaslist:[],
+        config: {
+          // 导出列要和查询列相同
+          excelHeaders: {
+            'f_district':'区/县',
+            'f_street':'街道名称',
+            'f_residential_area':'小区名称',
+            'f_area_address':'小区地址',
+            'f_comments':'小区备注',
+            'f_inputtor':'抄表员',
+            'f_house_type':'房屋类型',
+            'f_position':'安装位置',
+            'f_slice_area':'片区/管理站',
+            'f_operator':'操作人',
+            'f_operate_date':'操作日期',
+            'addressnum':'地址数'
+          }
+        },
+        residentialArea: [],  //小区
+        area: [], //片区
+        areacondition: `1=1 and s.f_filialeid = '${this.$login.f.orgid}'`,
+        housetype:[{label:'全部',value:''},{label: '楼房', value: '楼房'}, {label: '自建房', value: '自建房'}],
+        position:this.$appdata.getParam('安装位置')?[{label:'全部',value:''},...this.$appdata.getParam('安装位置')]:[{label:'全部',value:''}]
+      }
+    },
+    title: '小区管理',
+    props:{
+      f_filialeids:{
+        type: String
+      },
+      style: {
+        type: String,
+        default: 'col-sm-2 form-group'
+      },
+      f_special:{
+        type: String
+      }
+    },
+    ready(){
+      readyGen(this);
+      this.getaddress();
+      this.initAreas(this.$login.f.orgid)
+    },
+    methods: {
+
+      async sliceareachange(){
+        console.log('片区变了:',this.$refs.paged.$refs.cri.model.f_slice_area[0])
+        this.$refs.paged.$refs.cri.model.f_residential_arearea = []
+        if(this.$refs.paged.$refs.cri.model.f_slice_area[0]){
+          this.areacondition = this.areacondition + ` and f_slice_area = '${this.$refs.paged.$refs.cri.model.f_slice_area[0]}'`
+          this.getaddress()
+          this.areacondition = `1=1 and s.f_filialeid = '${this.$login.f.orgid}'`
+        }else{
+          this.getaddress()
+        }
+      },
+      //获取小区下拉框
+      async  getaddress(){
+        console.log('开始获取小区')
+        let temp = {
+          condition:this.areacondition
+        }
+        let HttpReset = new HttpResetClass()
+        var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {data: temp},
+          {resolveMsg: null, rejectMsg: '获取小区失败!'})
+        console.log('小区',data)
+        this.residentialArea = []
+        let house = []
+        for (let row of data.data){
+          console.log('开始保存小区')
+          house.push({label: row.f_residential_area, value: row.f_residential_area})
+        }
+        this.residentialArea = house
+      },
+      // 初始化片区
+      async initAreas (val) {
+        console.log('initAreas:',val)
+        if (val) {
+          console.log('this.$login.f.id:',this.$login.f.id)
+          let http = new HttpResetClass()
+          let getAllArea = await http.load('POST', '/rs/search', {
+            source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
+            userid: this.$login.f.id
+          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
+          let arr = getAllArea.data.filter((res) => {
+            return res.parentid == val
+          })
+          console.log('过滤之后的片区', arr)
+          this.area = []
+          arr.forEach((res) => {
+            this.area.push({label: res.name, value: res.name})
+          })
+        }
+      },
+
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      search() {
+        this.$refs.paged.$refs.cri.search()
+      },
+
+      async delete(row){
+        if(row.id >= 0){
+          var id = row.id
+          let useraredss = await this.$resetpost('api/af-revenue/sql/address_singleTable',
+            {data: {
+                items: 'f_residential_area_id',
+                tablename: 't_user_address',
+                condition: `f_residential_area_id='${id}'`}
+            },
+            {resolveMsg: null, rejectMsg: null})
+          if(useraredss.data.length>0){
+            this.$showAlert('该小区下已有地址信息,无法删除!','warning',1000)
+          }else{
+            this.$resetdelete('api/af-revenue/entity/t_area', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
+              this.$dispatch('cancel')
+            })
+          }
+        }
+      },
+      add(val){
+        if (this.f_filialeids) {
+          this.$refs.paged.$refs.grid.selectStore.selected = null
+          this.$dispatch('add')
+        } else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      modify(val){
+        this.$refs.paged.$refs.grid.selectStore.selected = null
+        this.$dispatch('modify',val)
+      },
+      selfSearch (args) {
+
+        if (!this.f_orgid) {
+          this.getorg([this.$login.f.orgid])
+        }
+        if(this.f_special){
+          args.condition =  `${args.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
+        }else{
+          args.condition =  `${args.condition} and s.f_filialeid = ${this.f_orgid}`
+        }
+        this.model.search(args.condition, args.model)
+      },
+      //清空
+      clear(){
+        this.$refs.paged.$refs.cri.model = {}
+      },
+      getorg (val) {
+        this.f_orgid = this.$login.convertToIn(val)
+        this.f_filialeids = val[0]
+      },
+      async batchDelete () {
+        if (this.f_filialeids) {
+          if (this.$refs.paged.$refs.grid.getRowData().length != 0) {
+            this.showDelete = true
+            let condition = `a.f_orgid = '${this.f_filialeids}'`
+            let req = await this.$resetpost('api/af-revenue/sql/address_getresidential', {
+              data: {
+                condition: condition
+              }
+            }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+            let redata = []
+            req.data.forEach((row) => {
+              redata.push({
+                label: row.f_residential_area,
+                value: row.id,
+                data: row,
+                id: row.id
+              })
+            })
+            this.areaslist = redata
+          } else {
+            this.$showAlert('请至少选择一项！', 'warning', 2000)
+          }
+        }else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      confirmDelete () {
+        let msg = {
+          resolveMsg: '批量删除成功',
+          rejectMsg: '批量删除失败！'
+        }
+        let oldAreaIds = []
+        // 获取要批量删除的小区数据
+        this.$refs.paged.$refs.grid.getRowData().forEach((row,n) => {
+          oldAreaIds[n] = row.id
+        })
+        this.$resetpost('api/af-revenue/logic/batchDelete',{
+          data:{
+                areamodel:this.areamodel,
+                oldAreaIds:oldAreaIds,
+                f_operator: this.$login.f.name,
+                f_operatorid: this.$login.f.id,
+                f_orgid: this.$login.f.orgid,
+                f_orgname: this.$login.f.orgs,
+                f_depid: this.$login.f.depids,
+                f_depname: this.$login.f.deps
+          }
+        },msg)
+        this.$refs.paged.$refs.grid.selectInit()
+        this.$refs.paged.$refs.cri.search()
+        this.areamodel.f_residential_area_id = ''
+        this.showDelete = false
+      },
+      cancelDelete () {
+        this.$refs.paged.$refs.grid.selectInit()
+        this.$refs.paged.$refs.cri.search()
+        this.areamodel.f_residential_area_id = ''
+        this.showDelete = false
+      },
+      areaChange(val){
+        console.log("小区变化",val)
+        let selectArea // 选中的小区数据
+        for (let row of this.areaslist) {
+          if (val == row.value) {
+            selectArea = row.data
+            break
+          }
+        }
+        if (selectArea) {
+          this.areamodel.f_residential_area_id = selectArea.id
+          this.areamodel.f_pcd = selectArea.f_pcd
+          this.areamodel.f_pcd_id = selectArea.f_pcd_id
+          this.areamodel.f_street = selectArea.f_street
+          this.areamodel.f_street_id = selectArea.f_street_id
+          this.areamodel.f_slice_area = selectArea.f_slice_area
+          this.areamodel.f_residential_area = selectArea.f_residential_area
+        }
+        this.$nextTick(() => {
+          this.$resetValidation()
+        })
+      },
+    },
+    watch:{
+
+    },
+    computed:{
+      getCondition() {
+        var condition=''
+        if(this.f_special){
+          condition =  `${this.$refs.paged.$refs.cri.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
+        }else{
+          condition =  `${this.$refs.paged.$refs.cri.condition} and s.f_filialeid = ${this.f_orgid}`
+        }
+        return {
+          condition: condition
+        }
+      },
+      inputtores () {
+        // 获取抄表员
+        let rs = new Array()
+        if (this.$login.f.f_gasman.length > 0) {
+          for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
+            let temp = {
+              label: this.$login.f.f_gasman[i].name,
+              value: this.$login.f.f_gasman[i].name
+            }
+            rs.push(temp)
+          }
+        }
+        return rs
+      }
+    }
+
+  }
+</script>