address-client 3.2.111 → 4.0.1

package/src/filiale/WEINAN/AddressList.vue

@@ -1,588 +1,588 @@
-<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.showrightchange">
-              <label class="font_normal_body">用户编号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
-                      condition="f_userinfo_code = '{}'" placeholder="用户编号"/>
-            </div>
-            <div v-if="$parent.$parent.showrightchange" :class="$parent.$parent.style">
-              <label class="font_normal_body">小&emsp;&emsp;区</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"
-                      condition="a.f_residential_area like '%{}%'" placeholder="小区"
-                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>
-            </div>
-            <!--<div v-if="$parent.$parent.showrightchange" :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.useraddressShow">-->
-
-            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showrightchange">
-              <label class="font_normal_body">楼&emsp;&emsp;号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_building" style="width:60%"
-                      condition="a.f_building like '%{}%'" placeholder="楼号"
-                      :size="model.f_building ? model.f_building.length*2 : 6"/>
-            </div>
-            <div class="col-sm-4 form-group button-range" >
-              <button class="button_search button_spacing" @click="search()" >查询</button>
-              <button class="button_new button_spacing"  style="width: max-content" @click="$parent.$parent.add('民用')">添加民用</button>
-              <button class="button_new button_spacing" style="width: max-content" @click="$parent.$parent.add('非民用')">添加特殊地址</button>
-              <button class="button_new button_spacing" style="width: max-content" v-show="this.$login.r.includes('批量修改')" @click="$parent.$parent.modifyBatch()">批量修改</button>
-              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
-              <button class="button_export button_spacing"  @click="$parent.$parent.importAddress">导入地址</button>
-              <export-excel :data="$parent.$parent.getCondition"
-                            :field="$parent.$parent.getfield"
-                            sqlurl="api/af-revenue/logic/exportfile"
-                            sql-name="addressGetAddress"
-                            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-show="$parent.$parent.criteriaShow">
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.showrightchange">
-              <label class="font_normal_body">用户编号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
-                      condition="f_userinfo_code = '{}'" placeholder="用户编号"/>
-            </div>
-            <div v-if="!$parent.$parent.showrightchange" :class="$parent.$parent.style">
-              <label class="font_normal_body">小&emsp;&emsp;区</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"
-                      condition="a.f_residential_area like '%{}%'" placeholder="小区"
-                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showrightchange">
-              <label class="font_normal_body">楼&emsp;&emsp;号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_building" style="width:60%"
-                      condition="a.f_building like '%{}%'" placeholder="楼号"
-                      :size="model.f_building ? model.f_building.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style" >
-              <label class="font_normal_body">单&emsp;&emsp;元</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_unit" style="width:60%"
-                      condition="a.f_unit like '%{}%'" placeholder="单元"
-                      :size="model.f_unit ? model.f_unit.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">楼&emsp;&emsp;层</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_floor" style="width:60%"
-                      condition="a.f_floor like '%{}%'" placeholder="楼层"
-                      :size="model.f_floor ? model.f_floor.length*2 : 6"/>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">门&ensp;牌&ensp;号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_room" style="width:60%"
-                      condition="a.f_room like '%{}%'" placeholder="门牌号"
-                      :size="model.f_room ? model.f_room.length*2 : 6"/>
-            </div>
-<!--            <div :class="$parent.$parent.style">-->
-<!--              <label class="font_normal_body">小&emsp;&emsp;区</label>-->
-<!--              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"-->
-<!--                      condition="a.f_residential_area like '%{}%'" placeholder="小区"-->
-<!--                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>-->
-<!--            </div>-->
-
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">地址&emsp;ID</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.id" style="width:60%"
-                      condition="a.id = '{}'" placeholder="地址ID"
-              />
-            </div>
-            <div :class="$parent.$parent.style" >
-              <label class="font_normal_body">详细地址</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_address" style="width:60%"
-                      condition="a.f_address like '%{}%'" placeholder="详细地址"
-                      :size="model.f_address ? model.f_address.length*2 : 8"/>
-            </div>
-            <div :class="$parent.$parent.style" >
-              <label class="font_normal_body">地址状态</label>
-              <v-select :value.sync="model.f_address_state"
-                        class="select_list select"
-                        v-model="model.f_address_state"
-                        condition="a.f_address_state = '{}'"
-                        :options='$parent.$parent.getaddresstate' placeholder='地址状态'
-                        close-on-select>
-              </v-select>
-            </div>
-            <div :class="$parent.$parent.style" >
-              <label class="font_normal_body">片&emsp;&emsp;区</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_slice_area" style="width:60%"
-                      condition="a.f_slice_area like '%{}%'" placeholder="片区"
-                      :size="model.f_slice_area ? model.f_slice_area.length*2 : 8"/>
-            </div>
-          </div>
-        </div>
-      </criteria>
-      <data-grid  :model="model" partial='list' style="overflow: auto" class="list_area table_sy" :optional="true"  v-ref:grid>
-        <template partial='head'>
-            <th><nobr>序号</nobr></th>
-            <th><nobr>用户编号</nobr></th>
-            <th><nobr>区/县</nobr></th>
-            <th><nobr>片区</nobr></th>
-            <th><nobr>街道</nobr></th>
-            <th><nobr>小区(单位)</nobr></th>
-            <th><nobr>详细地址</nobr></th>
-            <th><nobr>地址状态</nobr></th>
-            <th><nobr>时间</nobr></th>
-            <th><nobr>操作</nobr></th>
-        </template>
-        <template partial='body'>
-            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_userinfo_code}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_pcd}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_slice_area}}</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_address}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_address_state}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_create_date}}</nobr></td>
-            <td style="text-align:center">
-             <!-- <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
-            </td>
-        </template>
-        <template partial='foot'></template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-  <modal :show.sync="showFile" v-ref:modal backdrop="true">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
-      <h4 class="modal-title">选择文件</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="form-group">
-        <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer"></footer>
-  </modal>
-
-  <modal :show.sync="showModify"  large backdrop="false" :width="900">
-    <header slot="modal-header" class="modal-header">
-    </header>
-    <article slot="modal-body" class="modal-body">
-
-      <validator name='v'>
-        <div class="auto select-overspread form-horizontal">
-          <div class="col-sm-6 form-group">
-            <label class="font_normal_body">省&ensp;市&ensp;区</label>
-            <input type="text" class="input_search" class="input_search" style="width:60%" v-show="false" v-model="areamodel.f_pcd_id">
-            <v-select
-              :value.sync="areamodel.f_pcd_id" :value-single="true"
-              :options='pcdslist' placeholder='请选择'
-              close-on-select search="true" @change="pcdChange">
-            </v-select>
-          </div>
-          <div class="col-sm-6 form-group"
-               :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
-            <label class="font_normal_body">街道名称</label>
-            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_street_id"
-                   v-validate:f_street_id='{required: true }'>
-            <v-select
-              :value.sync="areamodel.f_street_id" :value-single="true"
-              :options='streetslist' placeholder='请选择'
-              close-on-select search="true" @change="streetChange">
-            </v-select>
-          </div>
-          <div  class="col-sm-6 form-group " v-if="showModify"
-                :class="[$v.f_residential_area_id.required ? 'has-error' : 'has-success']">
-            <label class="font_normal_body">小区名称</label>
-            <input type="text" style="width:41%" v-show="false" v-model="areamodel.f_residential_area_id"
-                   v-validate:f_area_id='{required: true }'>
-            <v-select :value.sync="areamodel.f_residential_area_id" :value-single="true"
-                      :options='areaslist' placeholder='请选择'
-                      @change=""
-                      close-on-select search="true">
-            </v-select>
-          </div>
-        </div>
-      </validator>
-
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button v-show="showModify" type="button" class="button_search button_spacing" @click='confirmModify()' :disabled='!$v.valid'>确认</button>
-      <button v-show="showModify" type="button" class="button_clear button_spacing" @click='cancelModify()'>取消</button>
-    </footer>
-  </modal></template>
-
-<script>
-  import { PagedList } from 'vue-client'
-  import {HttpResetClass} from 'vue-client'
-
-  let readyGen = async function (self) {
-    self.getfield = self.config.excelHeaders
-  }
-
-  export default {
-    data () {
-      return {
-        criteriaShow: false,
-        model: new PagedList('api/af-revenue/sql/address_getAddress',20,{tablename: `'t_user_address'`,items: `'*'`,orderitem: `'id desc'`}),
-        config: {
-          // 导出列要和查询列相同
-          excelHeaders: {
-            'f_userinfo_code':'用户编号',
-            'f_pcd':'区/县',
-            'f_slice_area':'片区',
-            'f_street':'街道',
-            'f_residential_area':'小区',
-            'f_building':'楼号',
-            'f_unit':'单元',
-            'f_floor':'楼层',
-            'f_room':'门牌号',
-            'f_address':'详细地址',
-            'f_address_state':'地址状态',
-            'f_create_date':'时间'
-          },
-        },
-        addflag: false,
-        addtitle:'',
-        other: [],
-        footer: [],
-        getfield: {},
-
-        // 公司下拉
-        curorgid: [this.$login.f.orgid],
-        f_orgid: '',
-
-        //文件上传弹框
-        showFile: false,
-        showrightchange:true,
-        showrightchange:true,
-        showModify: false,
-        //小区
-        areamodel: {
-          f_area_id: '',
-          f_pcd_id:'',
-          f_street_id:'',
-          f_residential_area:'',
-          f_residential_area_id:''
-        },
-        //初始化省市区数据
-        pcdslist:[],
-        //初始化街道数据
-        streetslist:[],
-        //初始化街道数据
-        areaslist:[],
-        // 要修改的用户信息
-        userInfos:  []
-      }
-    },
-    title: '地址列表',
-    props:{
-      f_filialeids:{
-        type: String
-      },
-      style: {
-        type: String,
-        default: 'col-sm-2 '
-      }
-    },
-    ready(){
-      readyGen(this)
-      this.search()
-      this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
-      this.initareas(`f_filialeid = '${this.f_filialeids}'`)
-      this.$refs.paged.$refs.grid.selectInit()
-    },
-    methods: {
-      getotherfooter() {
-        // this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
-        // this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
-        this.other = [];
-        this.footer = [];
-        // let exportdata = this.getCondition;
-        let otherInData = [];
-        otherInData.push(`导出时间: ${this.$login.toStandardTimeString()}`);
-        let footerData = [], exportfield = this.getfield;
-        footerData.push("合计");
-        let self = this;
-        for (var field in self.sumsmodel) {
-          footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`);
-        }
-        this.footer.push(footerData);
-        this.other.push(otherInData);
-      },
-      hidden() {
-        this.criteriaShow = !this.criteriaShow
-      },
-      //添加方法
-      add(val){
-        if (this.f_filialeids) {
-          this.$refs.paged.$refs.grid.selectStore.selected = null
-          this.$dispatch('add',val)
-          this.showrightchange = false;
-        } else {
-          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
-        }
-      },
-      importAddress(){
-        this.showFile = true
-      },
-      // 关闭文件上传对话框
-      closeFile() {
-        this.showFile = false
-        // 将选的文件清空
-        this.$refs.file.$el.querySelector('input').value = ''
-      },
-      //修改
-      modify(val){
-        this.$refs.paged.$refs.grid.selectStore.selected = null
-        this.$dispatch('modify',val)
-      },
-      async delete(row){
-        if(row.id){
-          var id = row.id
-          let userfiles = await this.$resetpost('api/af-revenue/sql/address_singleTable', {data: {items: 'f_useraddress_id',tablename: 't_userfiles',condition: `f_useraddress_id='${id}' and f_table_state = '正常'`}},{resolveMsg: null, rejectMsg: null})
-          if(userfiles.data.length){
-            this.$showAlert('该地址下已有正常表具档案,无法删除！','warning',1000)
-          }else{
-            this.$resetdelete('api/af-revenue/entity/t_user_address', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
-              this.$dispatch('cancel')
-            })
-          }
-        }
-      },
-
-      search () {
-        this.$refs.paged.$refs.cri.search()
-      },
-
-      selfSearch (args) {
-
-        if (!this.f_orgid) {
-          this.getorg([this.$login.f.orgid])
-        }
-
-        args.condition =  `${args.condition} and a.f_filialeid = '${this.f_filialeids}'`
-        this.model.search(args.condition, args.model)
-      },
-
-      //清空
-      clear(){
-        this.$refs.paged.$refs.cri.model = {}
-        this.$refs.paged.$refs.grid.selectInit()
-      },
-      getorg (val) {
-        this.f_orgid = this.$login.convertToIn(val)
-        this.f_filialeids = val[0]
-      },
-      async modifyBatch () {
-        if (this.f_filialeids) {
-          if (this.$refs.paged.$refs.grid.getRowData().length != 0) {
-            this.areamodel.f_pcd_id = this.$refs.paged.$refs.grid.getRowData()[0].f_pcd_id
-            this.showModify = true
-          } else {
-            this.$showAlert('请至少选择一项！', 'warning', 2000)
-          }
-        }else {
-          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
-        }
-      },
-      confirmModify () {
-        this.userInfos = []
-        this.$refs.paged.$refs.grid.getRowData().forEach((row,n) => {
-          this.userInfos[n] = {
-            userid: row.id,
-            f_residential_area: row.f_residential_area,
-            f_street: row.f_street,
-            f_address: row.f_address,
-            f_address_rest: row.f_street + row.f_residential_area + (row.f_building?row.f_building+row.f_building_suffix:'') + (row.f_unit?row.f_unit+row.f_unit_suffix:'') + (row.f_floor?row.f_floor+row.f_floor_suffix:'') + (row.f_room?row.f_room+row.f_room_suffix:'')
-          }
-        })
-        let modifyBatchData = {
-          userInfos: this.userInfos,
-          f_pcd_id: this.areamodel.f_pcd_id,
-          f_residential_area_id: this.areamodel.f_residential_area_id,
-          f_street_id: this.areamodel.f_street_id,
-          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,
-          f_filialeid: this.f_filialeids
-        }
-        this.$resetpost('api/af-revenue/logic/modifyBatch',modifyBatchData)
-        this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
-        this.showModify = false
-        this.$refs.paged.$refs.grid.selectInit()
-        this.$refs.paged.$refs.cri.search()
-      },
-      cancelModify() {
-        this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
-        this.showModify = false
-        this.$refs.paged.$refs.grid.selectInit()
-      },
-
-      //初始化省市区,添加街道
-      async initpcds(pconditon){
-        this.pcdslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
-          data: {
-            items: '*',
-            tablename: 't_pcd',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_pcd,
-            value: row.id,
-            data:row,
-            id:row.id
-          }
-        })
-        this.pcdslist=redata
-      },
-
-      //初始化街道
-      async initstreets(pconditon){
-        this.streetslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
-          data: {
-            items: '*',
-            tablename: 't_street',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_street,
-            value: row.id,
-            data:row,
-            id:row.id
-          }
-        })
-        this.streetslist=redata
-      },
-      //初始化小区
-      async initareas(pconditon){
-        this.areaslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
-          data: {
-            items: '*',
-            tablename: 't_area',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {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
-      },
-
-
-      //省/市/区变化
-      async pcdChange(val){
-        if(val){
-          //那就把街道数据重新组织一下
-          await this.initstreets(` f_filialeid = '${this.f_filialeids}' and f_pcd_id ='${val}' `)
-          if(this.areamodel.f_street_id){
-            if (this.findbyid(this.streetslist,this.areamodel.f_street_id)) {
-              let pcd_id=this.findbyid(this.streetslist,this.areamodel.f_street_id).f_pcd_id
-              if(pcd_id!=val){
-                this.areamodel.f_street_id=''
-              }
-            } else {
-              this.areamodel.f_street_id=''
-            }
-          }
-        }
-        this.$resetValidation()
-      },
-      //街道变化
-      async streetChange(val){
-        if(val){
-          await this.initareas(` f_filialeid = '${this.f_filialeids}' and f_street_id ='${val}' `)
-          if(this.areamodel.f_area_id){
-            if (this.findbyid(this.areaslist,this.areamodel.f_area_id)) {
-              let street_id=this.findbyid(this.areaslist,this.areamodel.f_area_id).f_street_id
-              if(street_id!=val){
-                this.areamodel.f_area_id=''
-              }
-            } else {
-              this.areamodel.f_area_id=''
-            }
-          }
-        }
-        this.$resetValidation()
-      },
-      //根据名字找数据
-      findbyid(list,name){
-        var result
-        list.forEach((row, n) => {
-          if(name==row.id){
-            result= row.data
-          }
-        })
-        return result
-      },
-    },
-    events: {
-      onFileUpload: async function (file, res) {
-        console.log("上传完毕"+JSON.stringify(res))
-        let data = {
-          filepath: res.f_downloadpath,
-          user:this.$login.f
-        }
-        console.log("filepath="+JSON.stringify(data))
-        await this.$resetpost(`api/af-revenue/logic/address_useraddressimport`,data, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0).then((res)=>{
-          if(res.data.type=="success"){
-            this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
-          }else{
-            this.$showMessage(res.data.msg);
-          }
-
-          //关闭上传框
-          this.closeFile()
-          //重新查询
-          this.init()
-        })
-      },
-      'onFileError'(error) {
-        this.$showAlert(error, 'warning', 2000)
-      }
-    },
-    computed: {
-      //地址状态下拉框
-      getaddresstate() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('地址状态')]
-      },
-      getCondition() {
-        return {
-          condition: `${this.$refs.paged.$refs.cri.condition}` + `and a.f_filialeid = '${this.f_filialeids}'`}
-      }
-    }
-
-  }
-</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.showrightchange">
+              <label class="font_normal_body">用户编号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
+                      condition="f_userinfo_code = '{}'" placeholder="用户编号"/>
+            </div>
+            <div v-if="$parent.$parent.showrightchange" :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"
+                      condition="a.f_residential_area like '%{}%'" placeholder="小区"
+                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>
+            </div>
+            <!--<div v-if="$parent.$parent.showrightchange" :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.useraddressShow">-->
+
+            <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showrightchange">
+              <label class="font_normal_body">楼&emsp;&emsp;号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_building" style="width:60%"
+                      condition="a.f_building like '%{}%'" placeholder="楼号"
+                      :size="model.f_building ? model.f_building.length*2 : 6"/>
+            </div>
+            <div class="col-sm-4 form-group button-range" >
+              <button class="button_search button_spacing" @click="search()" >查询</button>
+              <button class="button_new button_spacing"  style="width: max-content" @click="$parent.$parent.add('民用')">添加民用</button>
+              <button class="button_new button_spacing" style="width: max-content" @click="$parent.$parent.add('非民用')">添加特殊地址</button>
+              <button class="button_new button_spacing" style="width: max-content" v-show="this.$login.r.includes('批量修改')" @click="$parent.$parent.modifyBatch()">批量修改</button>
+              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
+              <button class="button_export button_spacing"  @click="$parent.$parent.importAddress">导入地址</button>
+              <export-excel :data="$parent.$parent.getCondition"
+                            :field="$parent.$parent.getfield"
+                            sqlurl="api/af-revenue/logic/exportfile"
+                            sql-name="addressGetAddress"
+                            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-show="$parent.$parent.criteriaShow">
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.showrightchange">
+              <label class="font_normal_body">用户编号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
+                      condition="f_userinfo_code = '{}'" placeholder="用户编号"/>
+            </div>
+            <div v-if="!$parent.$parent.showrightchange" :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"
+                      condition="a.f_residential_area like '%{}%'" placeholder="小区"
+                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showrightchange">
+              <label class="font_normal_body">楼&emsp;&emsp;号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_building" style="width:60%"
+                      condition="a.f_building like '%{}%'" placeholder="楼号"
+                      :size="model.f_building ? model.f_building.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">单&emsp;&emsp;元</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_unit" style="width:60%"
+                      condition="a.f_unit like '%{}%'" placeholder="单元"
+                      :size="model.f_unit ? model.f_unit.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">楼&emsp;&emsp;层</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_floor" style="width:60%"
+                      condition="a.f_floor like '%{}%'" placeholder="楼层"
+                      :size="model.f_floor ? model.f_floor.length*2 : 6"/>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">门&ensp;牌&ensp;号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_room" style="width:60%"
+                      condition="a.f_room like '%{}%'" placeholder="门牌号"
+                      :size="model.f_room ? model.f_room.length*2 : 6"/>
+            </div>
+<!--            <div :class="$parent.$parent.style">-->
+<!--              <label class="font_normal_body">小&emsp;&emsp;区</label>-->
+<!--              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_arearea" style="width:60%"-->
+<!--                      condition="a.f_residential_area like '%{}%'" placeholder="小区"-->
+<!--                      :size="model.f_residential_arearea ? model.f_residential_arearea.length*2 : 8"/>-->
+<!--            </div>-->
+
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">地址&emsp;ID</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.id" style="width:60%"
+                      condition="a.id = '{}'" placeholder="地址ID"
+              />
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">详细地址</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_address" style="width:60%"
+                      condition="a.f_address like '%{}%'" placeholder="详细地址"
+                      :size="model.f_address ? model.f_address.length*2 : 8"/>
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">地址状态</label>
+              <v-select :value.sync="model.f_address_state"
+                        class="select_list select"
+                        v-model="model.f_address_state"
+                        condition="a.f_address_state = '{}'"
+                        :options='$parent.$parent.getaddresstate' placeholder='地址状态'
+                        close-on-select>
+              </v-select>
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">片&emsp;&emsp;区</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_slice_area" style="width:60%"
+                      condition="a.f_slice_area like '%{}%'" placeholder="片区"
+                      :size="model.f_slice_area ? model.f_slice_area.length*2 : 8"/>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid  :model="model" partial='list' style="overflow: auto" class="list_area table_sy" :optional="true"  v-ref:grid>
+        <template partial='head'>
+            <th><nobr>序号</nobr></th>
+            <th><nobr>用户编号</nobr></th>
+            <th><nobr>区/县</nobr></th>
+            <th><nobr>片区</nobr></th>
+            <th><nobr>街道</nobr></th>
+            <th><nobr>小区(单位)</nobr></th>
+            <th><nobr>详细地址</nobr></th>
+            <th><nobr>地址状态</nobr></th>
+            <th><nobr>时间</nobr></th>
+            <th><nobr>操作</nobr></th>
+        </template>
+        <template partial='body'>
+            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_userinfo_code}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_pcd}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_slice_area}}</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_address}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_address_state}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_create_date}}</nobr></td>
+            <td style="text-align:center">
+             <!-- <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
+            </td>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+  <modal :show.sync="showFile" v-ref:modal backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+      <h4 class="modal-title">选择文件</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group">
+        <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer"></footer>
+  </modal>
+
+  <modal :show.sync="showModify"  large backdrop="false" :width="900">
+    <header slot="modal-header" class="modal-header">
+    </header>
+    <article slot="modal-body" class="modal-body">
+
+      <validator name='v'>
+        <div class="auto select-overspread form-horizontal">
+          <div class="col-sm-6 form-group">
+            <label class="font_normal_body">省&ensp;市&ensp;区</label>
+            <input type="text" class="input_search" class="input_search" style="width:60%" v-show="false" v-model="areamodel.f_pcd_id">
+            <v-select
+              :value.sync="areamodel.f_pcd_id" :value-single="true"
+              :options='pcdslist' placeholder='请选择'
+              close-on-select search="true" @change="pcdChange">
+            </v-select>
+          </div>
+          <div class="col-sm-6 form-group"
+               :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
+            <label class="font_normal_body">街道名称</label>
+            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_street_id"
+                   v-validate:f_street_id='{required: true }'>
+            <v-select
+              :value.sync="areamodel.f_street_id" :value-single="true"
+              :options='streetslist' placeholder='请选择'
+              close-on-select search="true" @change="streetChange">
+            </v-select>
+          </div>
+          <div  class="col-sm-6 form-group " v-if="showModify"
+                :class="[$v.f_residential_area_id.required ? 'has-error' : 'has-success']">
+            <label class="font_normal_body">小区名称</label>
+            <input type="text" style="width:41%" v-show="false" v-model="areamodel.f_residential_area_id"
+                   v-validate:f_area_id='{required: true }'>
+            <v-select :value.sync="areamodel.f_residential_area_id" :value-single="true"
+                      :options='areaslist' placeholder='请选择'
+                      @change=""
+                      close-on-select search="true">
+            </v-select>
+          </div>
+        </div>
+      </validator>
+
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button v-show="showModify" type="button" class="button_search button_spacing" @click='confirmModify()' :disabled='!$v.valid'>确认</button>
+      <button v-show="showModify" type="button" class="button_clear button_spacing" @click='cancelModify()'>取消</button>
+    </footer>
+  </modal></template>
+
+<script>
+  import { PagedList } from 'vue-client'
+  import {HttpResetClass} from 'vue-client'
+
+  let readyGen = async function (self) {
+    self.getfield = self.config.excelHeaders
+  }
+
+  export default {
+    data () {
+      return {
+        criteriaShow: false,
+        model: new PagedList('api/af-revenue/sql/address_getAddress',20,{tablename: `'t_user_address'`,items: `'*'`,orderitem: `'id desc'`}),
+        config: {
+          // 导出列要和查询列相同
+          excelHeaders: {
+            'f_userinfo_code':'用户编号',
+            'f_pcd':'区/县',
+            'f_slice_area':'片区',
+            'f_street':'街道',
+            'f_residential_area':'小区',
+            'f_building':'楼号',
+            'f_unit':'单元',
+            'f_floor':'楼层',
+            'f_room':'门牌号',
+            'f_address':'详细地址',
+            'f_address_state':'地址状态',
+            'f_create_date':'时间'
+          },
+        },
+        addflag: false,
+        addtitle:'',
+        other: [],
+        footer: [],
+        getfield: {},
+
+        // 公司下拉
+        curorgid: [this.$login.f.orgid],
+        f_orgid: '',
+
+        //文件上传弹框
+        showFile: false,
+        showrightchange:true,
+        showrightchange:true,
+        showModify: false,
+        //小区
+        areamodel: {
+          f_area_id: '',
+          f_pcd_id:'',
+          f_street_id:'',
+          f_residential_area:'',
+          f_residential_area_id:''
+        },
+        //初始化省市区数据
+        pcdslist:[],
+        //初始化街道数据
+        streetslist:[],
+        //初始化街道数据
+        areaslist:[],
+        // 要修改的用户信息
+        userInfos:  []
+      }
+    },
+    title: '地址列表',
+    props:{
+      f_filialeids:{
+        type: String
+      },
+      style: {
+        type: String,
+        default: 'col-sm-2 '
+      }
+    },
+    ready(){
+      readyGen(this)
+      this.search()
+      this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
+      this.initareas(`f_filialeid = '${this.f_filialeids}'`)
+      this.$refs.paged.$refs.grid.selectInit()
+    },
+    methods: {
+      getotherfooter() {
+        // this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
+        // this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
+        this.other = [];
+        this.footer = [];
+        // let exportdata = this.getCondition;
+        let otherInData = [];
+        otherInData.push(`导出时间: ${this.$login.toStandardTimeString()}`);
+        let footerData = [], exportfield = this.getfield;
+        footerData.push("合计");
+        let self = this;
+        for (var field in self.sumsmodel) {
+          footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`);
+        }
+        this.footer.push(footerData);
+        this.other.push(otherInData);
+      },
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      //添加方法
+      add(val){
+        if (this.f_filialeids) {
+          this.$refs.paged.$refs.grid.selectStore.selected = null
+          this.$dispatch('add',val)
+          this.showrightchange = false;
+        } else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      importAddress(){
+        this.showFile = true
+      },
+      // 关闭文件上传对话框
+      closeFile() {
+        this.showFile = false
+        // 将选的文件清空
+        this.$refs.file.$el.querySelector('input').value = ''
+      },
+      //修改
+      modify(val){
+        this.$refs.paged.$refs.grid.selectStore.selected = null
+        this.$dispatch('modify',val)
+      },
+      async delete(row){
+        if(row.id){
+          var id = row.id
+          let userfiles = await this.$resetpost('api/af-revenue/sql/address_singleTable', {data: {items: 'f_useraddress_id',tablename: 't_userfiles',condition: `f_useraddress_id='${id}' and f_table_state = '正常'`}},{resolveMsg: null, rejectMsg: null})
+          if(userfiles.data.length){
+            this.$showAlert('该地址下已有正常表具档案,无法删除！','warning',1000)
+          }else{
+            this.$resetdelete('api/af-revenue/entity/t_user_address', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
+              this.$dispatch('cancel')
+            })
+          }
+        }
+      },
+
+      search () {
+        this.$refs.paged.$refs.cri.search()
+      },
+
+      selfSearch (args) {
+
+        if (!this.f_orgid) {
+          this.getorg([this.$login.f.orgid])
+        }
+
+        args.condition =  `${args.condition} and a.f_filialeid = '${this.f_filialeids}'`
+        this.model.search(args.condition, args.model)
+      },
+
+      //清空
+      clear(){
+        this.$refs.paged.$refs.cri.model = {}
+        this.$refs.paged.$refs.grid.selectInit()
+      },
+      getorg (val) {
+        this.f_orgid = this.$login.convertToIn(val)
+        this.f_filialeids = val[0]
+      },
+      async modifyBatch () {
+        if (this.f_filialeids) {
+          if (this.$refs.paged.$refs.grid.getRowData().length != 0) {
+            this.areamodel.f_pcd_id = this.$refs.paged.$refs.grid.getRowData()[0].f_pcd_id
+            this.showModify = true
+          } else {
+            this.$showAlert('请至少选择一项！', 'warning', 2000)
+          }
+        }else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      confirmModify () {
+        this.userInfos = []
+        this.$refs.paged.$refs.grid.getRowData().forEach((row,n) => {
+          this.userInfos[n] = {
+            userid: row.id,
+            f_residential_area: row.f_residential_area,
+            f_street: row.f_street,
+            f_address: row.f_address,
+            f_address_rest: row.f_street + row.f_residential_area + (row.f_building?row.f_building+row.f_building_suffix:'') + (row.f_unit?row.f_unit+row.f_unit_suffix:'') + (row.f_floor?row.f_floor+row.f_floor_suffix:'') + (row.f_room?row.f_room+row.f_room_suffix:'')
+          }
+        })
+        let modifyBatchData = {
+          userInfos: this.userInfos,
+          f_pcd_id: this.areamodel.f_pcd_id,
+          f_residential_area_id: this.areamodel.f_residential_area_id,
+          f_street_id: this.areamodel.f_street_id,
+          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,
+          f_filialeid: this.f_filialeids
+        }
+        this.$resetpost('api/af-revenue/logic/modifyBatch',modifyBatchData)
+        this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
+        this.showModify = false
+        this.$refs.paged.$refs.grid.selectInit()
+        this.$refs.paged.$refs.cri.search()
+      },
+      cancelModify() {
+        this.initpcds(`f_filialeid = '${this.f_filialeids}'`)
+        this.showModify = false
+        this.$refs.paged.$refs.grid.selectInit()
+      },
+
+      //初始化省市区,添加街道
+      async initpcds(pconditon){
+        this.pcdslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
+          data: {
+            items: '*',
+            tablename: 't_pcd',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_pcd,
+            value: row.id,
+            data:row,
+            id:row.id
+          }
+        })
+        this.pcdslist=redata
+      },
+
+      //初始化街道
+      async initstreets(pconditon){
+        this.streetslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
+          data: {
+            items: '*',
+            tablename: 't_street',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_street,
+            value: row.id,
+            data:row,
+            id:row.id
+          }
+        })
+        this.streetslist=redata
+      },
+      //初始化小区
+      async initareas(pconditon){
+        this.areaslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
+          data: {
+            items: '*',
+            tablename: 't_area',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {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
+      },
+
+
+      //省/市/区变化
+      async pcdChange(val){
+        if(val){
+          //那就把街道数据重新组织一下
+          await this.initstreets(` f_filialeid = '${this.f_filialeids}' and f_pcd_id ='${val}' `)
+          if(this.areamodel.f_street_id){
+            if (this.findbyid(this.streetslist,this.areamodel.f_street_id)) {
+              let pcd_id=this.findbyid(this.streetslist,this.areamodel.f_street_id).f_pcd_id
+              if(pcd_id!=val){
+                this.areamodel.f_street_id=''
+              }
+            } else {
+              this.areamodel.f_street_id=''
+            }
+          }
+        }
+        this.$resetValidation()
+      },
+      //街道变化
+      async streetChange(val){
+        if(val){
+          await this.initareas(` f_filialeid = '${this.f_filialeids}' and f_street_id ='${val}' `)
+          if(this.areamodel.f_area_id){
+            if (this.findbyid(this.areaslist,this.areamodel.f_area_id)) {
+              let street_id=this.findbyid(this.areaslist,this.areamodel.f_area_id).f_street_id
+              if(street_id!=val){
+                this.areamodel.f_area_id=''
+              }
+            } else {
+              this.areamodel.f_area_id=''
+            }
+          }
+        }
+        this.$resetValidation()
+      },
+      //根据名字找数据
+      findbyid(list,name){
+        var result
+        list.forEach((row, n) => {
+          if(name==row.id){
+            result= row.data
+          }
+        })
+        return result
+      },
+    },
+    events: {
+      onFileUpload: async function (file, res) {
+        console.log("上传完毕"+JSON.stringify(res))
+        let data = {
+          filepath: res.f_downloadpath,
+          user:this.$login.f
+        }
+        console.log("filepath="+JSON.stringify(data))
+        await this.$resetpost(`api/af-revenue/logic/address_useraddressimport`,data, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0).then((res)=>{
+          if(res.data.type=="success"){
+            this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
+          }else{
+            this.$showMessage(res.data.msg);
+          }
+
+          //关闭上传框
+          this.closeFile()
+          //重新查询
+          this.init()
+        })
+      },
+      'onFileError'(error) {
+        this.$showAlert(error, 'warning', 2000)
+      }
+    },
+    computed: {
+      //地址状态下拉框
+      getaddresstate() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('地址状态')]
+      },
+      getCondition() {
+        return {
+          condition: `${this.$refs.paged.$refs.cri.condition}` + `and a.f_filialeid = '${this.f_filialeids}'`}
+      }
+    }
+
+  }
+</script>