address-client 3.0.41-aodeToV4 → 3.0.43-aodeToV4

package/src/components/AreaList.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="flex" @keyup.enter="search">
+    <work-busy :is-busy="batchSubmitBusy"></work-busy>
     <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>
@@ -53,6 +54,8 @@
               <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  v-if="$parent.$parent.checkitem.length>=1" class="button_clear button_spacing" @click="$parent.$parent.deleteall()">批量删除</button>
+              <button class="button_clear button_spacing" @click="$parent.$parent.batchModify()">批量修改</button>
+
               <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
               <export-excel :data="$parent.$parent.getCondition" :defaultselect="$parent.$parent.getfield"
                             :field="$parent.$parent.getfield"
@@ -86,8 +89,115 @@
                       condition="f_residential_area like '%{}%'" placeholder="小区"
                       :size="model.f_residential_area ? model.f_residential_area.length*2 : 6"/>
             </div>
-
-          </div>
+           </div>
+           <div class="row" v-if="$parent.$parent.criteriaShow">
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">安检网格员</label>
+               <v-select
+                 :value.sync="model.f_check_gridman"
+                 v-model="model.f_check_gridman"
+                 :options='$parent.$parent.gridmans'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_check_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">上次安检网格员</label>
+               <v-select
+                 :value.sync="model.f_old_check_gridman"
+                 v-model="model.f_old_check_gridman"
+                 :options='$parent.$parent.gridmans'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_old_check_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">置换网格员</label>
+               <v-select
+                 :value.sync="model.f_replace_gridman"
+                 v-model="model.f_replace_gridman"
+                 :options='$parent.$parent.gridmans1'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_replace_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">上次置换网格员</label>
+               <v-select
+                 :value.sync="model.f_old_replace_gridman"
+                 v-model="model.f_old_replace_gridman"
+                 :options='$parent.$parent.gridmans1'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_old_replace_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+           </div>
+           <div class="row" v-if="$parent.$parent.criteriaShow">
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">维修网格员</label>
+               <v-select
+                 :value.sync="model.f_repair_gridman"
+                 v-model="model.f_repair_gridman"
+                 :options='$parent.$parent.gridmans2'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_repair_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">上次维修网格员</label>
+               <v-select
+                 :value.sync="model.f_old_repair_gridman"
+                 v-model="model.f_old_repair_gridman"
+                 :options='$parent.$parent.gridmans2'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_old_repair_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">工商业网格员</label>
+               <v-select
+                 :value.sync="model.f_industry_gridman"
+                 v-model="model.f_industry_gridman"
+                 :options='$parent.$parent.gridmans3'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_industry_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+             <div :class="$parent.$parent.style">
+               <label class="font_normal_body">上次工商业网格员</label>
+               <v-select
+                 :value.sync="model.f_old_industry_gridman"
+                 v-model="model.f_old_industry_gridman"
+                 :options='$parent.$parent.gridmans3'
+                 :value-single="true"
+                 placeholder='请选择'
+                 close-on-select
+                 condition="f_old_industry_gridman = '{}'"
+                 :search='true'>
+               </v-select>
+             </div>
+           </div>
       </div>
 
 
@@ -96,11 +206,24 @@
         <template partial='head'>
           <tr>
             <th>
-              <input
-                type="checkbox"
-                v-model="$parent.$parent.$parent.checkall"
-                @change="$parent.$parent.$parent.chooseAll"
-              />
+              <div style="display:flex;align-items:center;gap:5px;">
+                <span>删除</span>
+                <input
+                  type="checkbox"
+                  v-model="$parent.$parent.$parent.checkall"
+                  @change="$parent.$parent.$parent.chooseAll"
+                />
+              </div>
+            </th>
+            <th>
+              <div style="display:flex;align-items:center;gap:5px;">
+                <span>修改</span>
+                <input
+                  type="checkbox"
+                  v-model="$parent.$parent.$parent.batchCheckall"
+                  @change="$parent.$parent.$parent.batchChooseAll"
+                />
+              </div>
             </th>
             <th><nobr>序号</nobr></th>
             <th v-if="false"><nobr>省份</nobr></th>
@@ -125,6 +248,18 @@
             <th><nobr>关联地址 </nobr></th>
             <th><nobr>操作人</nobr></th>
             <th><nobr>操作日期</nobr></th>
+            <th><nobr>安检网格员</nobr></th>
+            <th><nobr>上次安检网格员</nobr></th>
+            <th><nobr>安检网格员电话</nobr></th>
+            <th><nobr>置换网格员</nobr></th>
+            <th><nobr>上次置换网格员</nobr></th>
+            <th><nobr>置换网格员电话</nobr></th>
+            <th><nobr>维修网格员</nobr></th>
+            <th><nobr>上次维修网格员</nobr></th>
+            <th><nobr>维修网格员电话</nobr></th>
+            <th><nobr>工商业网格员</nobr></th>
+            <th><nobr>上次工商业网格员</nobr></th>
+            <th><nobr>工商业网格员电话</nobr></th>
             <th><nobr>操作</nobr></th>
 
           </tr>
@@ -140,6 +275,13 @@
                 :checked="$parent.$parent.$parent.ischecked(row.id)"
               />
             </td>
+            <td style="text-align: center">
+              <input
+                type="checkbox"
+                @change="$parent.$parent.$parent.batchChooseOne($event, row, model.rows)"
+                :checked="$parent.$parent.$parent.isBatchChecked(row.id)"
+              />
+            </td>
             <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>
@@ -159,6 +301,18 @@
             <td style="text-align:center"><nobr>{{row.addresscount}}</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.f_check_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_old_check_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_check_phone}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_replace_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_old_replace_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_replace_phone}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_repair_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_old_repair_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_repair_phone}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_industry_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_old_industry_gridman}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_industry_phone}}</nobr></td>
             <td><nobr>
               <!--<button type="button" name="button" class="btn btn-link"
                       @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
@@ -170,11 +324,78 @@
         <template partial='foot'></template>
       </data-grid>
     </criteria-paged>
+    <!-- 批量修改：仅网格员下拉；未选择的项不提交、后端不更新 -->
+    <modal :show.sync="batchModifyShow" width="520px" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title" style="text-align: center;">
+          批量修改网格员
+          <span v-if="batchDisplayCount > 0" class="batch-select-tip">（已选 {{ batchDisplayCount }} 个小区）</span>
+        </h4>
+      </header>
+      <article slot="modal-body" class="modal-body area-batch-gridman-body">
+        <p class="area-batch-hint">只填写需要修改的项，未选择的列保持原数据不变。选错后可点第一项「不修改」恢复为不提交该列。</p>
+        <table class="area-batch-gridman-table">
+          <colgroup>
+            <col class="area-batch-col-label-l">
+            <col class="area-batch-col-select">
+          </colgroup>
+          <tr>
+            <th class="area-batch-th">安检网格员</th>
+            <td class="area-batch-td-ctrl area-batch-td-select">
+              <span v-if="batchGridmanLoading" class="area-batch-loading">加载中…</span>
+              <v-select v-else
+                :value.sync="batchData.f_check_gridman" :value-single="true"
+                :options='batchGridmanOptions' placeholder='不修改请留空'
+                close-on-select @change="onBatchCheckChange">
+              </v-select>
+            </td>
+          </tr>
+          <tr>
+            <th class="area-batch-th">置换网格员</th>
+            <td class="area-batch-td-ctrl area-batch-td-select">
+              <span v-if="batchGridmanLoading" class="area-batch-loading">加载中…</span>
+              <v-select v-else
+                :value.sync="batchData.f_replace_gridman" :value-single="true"
+                :options='batchGridmanOptions1' placeholder='不修改请留空'
+                close-on-select @change="onBatchReplaceChange">
+              </v-select>
+            </td>
+          </tr>
+          <tr>
+            <th class="area-batch-th">维修网格员</th>
+            <td class="area-batch-td-ctrl area-batch-td-select">
+              <span v-if="batchGridmanLoading" class="area-batch-loading">加载中…</span>
+              <v-select v-else
+                :value.sync="batchData.f_repair_gridman" :value-single="true"
+                :options='batchGridmanOptions2' placeholder='不修改请留空'
+                close-on-select @change="onBatchRepairChange">
+              </v-select>
+            </td>
+          </tr>
+          <tr>
+            <th class="area-batch-th">工商业网格员</th>
+            <td class="area-batch-td-ctrl area-batch-td-select">
+              <span v-if="batchGridmanLoading" class="area-batch-loading">加载中…</span>
+              <v-select v-else
+                :value.sync="batchData.f_industry_gridman" :value-single="true"
+                :options='batchGridmanOptions3' placeholder='不修改请留空'
+                close-on-select @change="onBatchIndustryChange">
+              </v-select>
+            </td>
+          </tr>
+        </table>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button class="button_search" @click="confirmBatchModify()">保存</button>
+        <button class="button_clear" @click="batchModifyShow = false">取消</button>
+      </footer>
+    </modal>
   </div>
 </template>
 
 <script>
   import { PagedList } from 'vue-client'
+  import { HttpResetClass } from 'vue-client'
 
   export default {
 
@@ -182,6 +403,10 @@
       return {
         checkall:false,
         checkitem:[],
+        batchCheckall:false,
+        batchCheckitem:[],
+        batchSelectAll: false,
+        batchTotalCount: 0,
         criteriaShow: false,
         model: new PagedList('api/af-revenue/sql/address_getarealist',50),
         addflag: false,
@@ -189,11 +414,64 @@
         condition:'',
         // 公司下拉
         curorgid: [this.$login.f.orgid],
-        f_orgid: ''
+        f_orgid: '',
+        // 批量修改
+        batchModifyShow: false,
+        batchData: {
+          f_check_gridman: '',
+          f_replace_gridman: '',
+          f_repair_gridman: '',
+          f_industry_gridman: '',
+          f_check_phone: '',
+          f_replace_phone: '',
+          f_repair_phone: '',
+          f_industry_phone: ''
+        },
+        gridmans: [],
+        gridmans1: [],
+        gridmans2: [],
+        gridmans3: [],
+        // 批量修改弹窗的 name → phone 映射
+        batchGridmanPhoneMap: {},
+        batchGridmanPhoneMap1: {},
+        batchGridmanPhoneMap2: {},
+        batchGridmanPhoneMap3: {},
+        batchSubmitBusy: false,
+        batchGridmanLoading: false
       }
     },
     title: '小区管理',
     computed:{
+      /** 全选时用查询总条数；单选时用已勾选的条数（避免只显示当前页 50 条） */
+      batchDisplayCount () {
+        if (this.batchSelectAll) {
+          const n = this.batchTotalCount || (this.model && this.model.count) || 0
+          return n
+        }
+        return this.batchCheckitem.length
+      },
+      /** 批量弹窗专用：首项 value 为空，选后等同「本列不参与修改」，不影响表格行内编辑的 gridmans */
+      // 批量弹窗：去掉 gridmans 里的「全部」首项，只保留「不修改」选项
+      batchGridmanOptions () {
+        const none = { label: '— 不修改（保持原数据）—', value: '' }
+        const src = this.gridmans[0] && this.gridmans[0].value === '' ? this.gridmans.slice(1) : this.gridmans
+        return [none, ...src]
+      },
+      batchGridmanOptions1 () {
+        const none = { label: '— 不修改（保持原数据）—', value: '' }
+        const src = this.gridmans1[0] && this.gridmans1[0].value === '' ? this.gridmans1.slice(1) : this.gridmans1
+        return [none, ...src]
+      },
+      batchGridmanOptions2 () {
+        const none = { label: '— 不修改（保持原数据）—', value: '' }
+        const src = this.gridmans2[0] && this.gridmans2[0].value === '' ? this.gridmans2.slice(1) : this.gridmans2
+        return [none, ...src]
+      },
+      batchGridmanOptions3 () {
+        const none = { label: '— 不修改（保持原数据）—', value: '' }
+        const src = this.gridmans3[0] && this.gridmans3[0].value === '' ? this.gridmans3.slice(1) : this.gridmans3
+        return [none, ...src]
+      },
       getCondition() {
         return {condition: this.condition}
       },
@@ -239,6 +517,7 @@
     },
     ready(){
       this.search()
+      this.initGridmans()
     },
     methods: {
       chooseAll(){
@@ -267,6 +546,33 @@
       ischecked(row){
         return this.checkitem.indexOf(row)>-1
       },
+      batchChooseAll(){
+        if(this.batchCheckall){
+          this.batchSelectAll = true
+          // 立刻把当前页所有 id 勾上，不发请求
+          if (this.model && this.model.rows && this.model.rows.length > 0) {
+            this.batchCheckitem = this.model.rows.map(r => r.id).filter(id => id != null && id !== '')
+          }
+          this.batchTotalCount = this.model ? this.model.count : 0
+        } else {
+          this.batchSelectAll = false
+          this.batchTotalCount = 0
+          this.batchCheckitem = []
+        }
+      },
+      batchChooseOne(e, row, rows) {
+        this.batchCheckall = false
+        this.batchSelectAll = false
+        let checked = e.target.checked;
+        if(checked===false){
+          this.batchCheckitem.splice(this.batchCheckitem.indexOf(row.id), 1)
+        } else {
+          this.batchCheckitem.push(row.id)
+        }
+      },
+      isBatchChecked(row){
+        return this.batchCheckitem.indexOf(row)>-1
+      },
       operate (f_residential_area_id,f_residential_area) {
         this.$parent.areaShow = false;
         this.$parent.usershow=true
@@ -311,6 +617,365 @@
         })
 
 
+      },
+      // 批量修改网格员
+      async batchModify() {
+        if (this.batchCheckitem.length < 1) {
+          this.$showAlert('请先选择要修改的小区', 'warning', 2000)
+          return
+        }
+        if (this.batchSelectAll && this.model && this.model.count) {
+          this.batchTotalCount = this.model.count
+        }
+        this.batchData = {
+          f_check_gridman: '',
+          f_replace_gridman: '',
+          f_repair_gridman: '',
+          f_industry_gridman: '',
+          f_check_phone: '',
+          f_replace_phone: '',
+          f_repair_phone: '',
+          f_industry_phone: ''
+        }
+        this.batchModifyShow = true
+        this.batchGridmanLoading = true
+        await this.initGridmans()
+        this.batchGridmanLoading = false
+      },
+      // 获取网格员列表
+      async initGridmans() {
+        try {
+          let http = new HttpResetClass()
+          let param = {
+            tablename: 'AFV4_System.dbo.system_users',
+            condition: `roles like '%安检网格员%' and org_id = '${this.$login.f.orgid}'`
+          }
+          let param1 = {
+            tablename: 'AFV4_System.dbo.system_users',
+            condition: `roles like '%置换网格员%' and org_id = '${this.$login.f.orgid}'`
+          }
+          let param2 = {
+            tablename: 'AFV4_System.dbo.system_users',
+            condition: `roles like '%维修网格员%' and org_id = '${this.$login.f.orgid}'`
+          }
+          let param3 = {
+            tablename: 'AFV4_System.dbo.system_users',
+            condition: `roles like '%工商业网格员%' and org_id = '${this.$login.f.orgid}'`
+          }
+          let res = await http.load('POST', 'api/af-revenue/sql/saleSingleTable', {
+            data: param
+          }, {
+            resolveMsg: null,
+            rejectMsg: '获取安检网格员失败!'
+          })
+          let res1 = await http.load('POST', 'api/af-revenue/sql/saleSingleTable', {
+            data: param1
+          }, {
+            resolveMsg: null,
+            rejectMsg: '获取置换网格员失败!'
+          })
+          let res2 = await http.load('POST', 'api/af-revenue/sql/saleSingleTable', {
+            data: param2
+          }, {
+            resolveMsg: null,
+            rejectMsg: '获取维修网格员失败!'
+          })
+          let res3 = await http.load('POST', 'api/af-revenue/sql/saleSingleTable', {
+            data: param3
+          }, {
+            resolveMsg: null,
+            rejectMsg: '获取工商业网格员失败!'
+          })
+          let arr = []
+          let arr1 = []
+          let arr2 = []
+          let arr3 = []
+          this.batchGridmanPhoneMap = {}
+          this.batchGridmanPhoneMap1 = {}
+          this.batchGridmanPhoneMap2 = {}
+          this.batchGridmanPhoneMap3 = {}
+          const pickPhone = (row) => {
+            if (!row) return ''
+            const p = row.phone != null && row.phone !== '' ? row.phone
+              : (row.f_phone != null && row.f_phone !== '' ? row.f_phone
+                : (row.mobile != null && row.mobile !== '' ? row.mobile : (row.tel || '')))
+            return String(p).trim()
+          }
+          const rowsFromRes = (res) => {
+            if (!res || !res.data) return []
+            const d = res.data
+            if (Array.isArray(d)) return d
+            if (d.rows && Array.isArray(d.rows)) return d.rows
+            return []
+          }
+          const list0 = rowsFromRes(res)
+          const list1 = rowsFromRes(res1)
+          const list2 = rowsFromRes(res2)
+          const list3 = rowsFromRes(res3)
+          list0.forEach(row => {
+            if (row && row.name != null && String(row.name).trim() !== '') {
+              const nm = String(row.name).trim()
+              arr.push({label: nm, value: nm})
+              const ph = pickPhone(row)
+              if (ph) this.batchGridmanPhoneMap[nm] = ph
+            }
+          })
+          list1.forEach(row => {
+            if (row && row.name != null && String(row.name).trim() !== '') {
+              const nm = String(row.name).trim()
+              arr1.push({label: nm, value: nm})
+              const ph = pickPhone(row)
+              if (ph) this.batchGridmanPhoneMap1[nm] = ph
+            }
+          })
+          list2.forEach(row => {
+            if (row && row.name != null && String(row.name).trim() !== '') {
+              const nm = String(row.name).trim()
+              arr2.push({label: nm, value: nm})
+              const ph = pickPhone(row)
+              if (ph) this.batchGridmanPhoneMap2[nm] = ph
+            }
+          })
+          list3.forEach(row => {
+            if (row && row.name != null && String(row.name).trim() !== '') {
+              const nm = String(row.name).trim()
+              arr3.push({label: nm, value: nm})
+              const ph = pickPhone(row)
+              if (ph) this.batchGridmanPhoneMap3[nm] = ph
+            }
+          })
+          this.gridmans = [{ label: '全部', value: '' }, ...arr]
+          this.gridmans1 = [{ label: '全部', value: '' }, ...arr1]
+          this.gridmans2 = [{ label: '全部', value: '' }, ...arr2]
+          this.gridmans3 = [{ label: '全部', value: '' }, ...arr3]
+        } catch (e) {
+          this.gridmans = [{ label: '全部', value: '' }]
+          this.gridmans1 = [{ label: '全部', value: '' }]
+          this.gridmans2 = [{ label: '全部', value: '' }]
+          this.gridmans3 = [{ label: '全部', value: '' }]
+          this.batchGridmanPhoneMap = {}
+          this.batchGridmanPhoneMap1 = {}
+          this.batchGridmanPhoneMap2 = {}
+          this.batchGridmanPhoneMap3 = {}
+        }
+      },
+      // 规范化网格员名称（change 可能返回字符串/对象/数组）
+      normalizeBatchGridmanName (val) {
+        if (val == null || val === '') return ''
+        if (typeof val === 'object') {
+          const v = val.value != null ? val.value : (val.label != null ? val.label : val.name)
+          return v != null ? String(v).trim() : ''
+        }
+        return String(val).trim()
+      },
+      // 批量弹窗选中网格员后自动填入电话
+      onBatchGridmanChange (type, val) {
+        const map = { check: 'batchGridmanPhoneMap', replace: 'batchGridmanPhoneMap1', repair: 'batchGridmanPhoneMap2', industry: 'batchGridmanPhoneMap3' }
+        const phoneField = { check: 'f_check_phone', replace: 'f_replace_phone', repair: 'f_repair_phone', industry: 'f_industry_phone' }
+        const mapKey = map[type]
+        const phoneKey = phoneField[type]
+        const name = this.normalizeBatchGridmanName(val)
+        if (mapKey && this[mapKey] && name) {
+          this.batchData[phoneKey] = this[mapKey][name] || ''
+        } else {
+          this.batchData[phoneKey] = ''
+        }
+      },
+      onBatchCheckChange (val) { this.onBatchGridmanChange('check', val) },
+      onBatchReplaceChange (val) { this.onBatchGridmanChange('replace', val) },
+      onBatchRepairChange (val) { this.onBatchGridmanChange('repair', val) },
+      onBatchIndustryChange (val) { this.onBatchGridmanChange('industry', val) },
+      // 判断 rowId 是否在 ids 里（统一字符串比较，防止 11434 vs "11434" 不匹配）
+      idInList (ids, rowId) {
+        return ids.some(id => String(id) === String(rowId))
+      },
+      // 按 ids 顺序从行列表中取出对应行（id 可能为数字或字符串）
+      pickRowsByIds (rows, ids) {
+        if (!rows || !ids || ids.length === 0) return []
+        const m = {}
+        rows.forEach(r => {
+          if (r && r.id != null) m[String(r.id)] = r
+        })
+        return ids.map(id => m[String(id)]).filter(Boolean)
+      },
+      // 批量修改前：拉取选中行的原始行（含 f_check_gridman 等）。列表接口分页，不能只用 pageSize=ids.length（会拿到前 N 条而非选中 id）
+      async collectOldGridmanRows (ids) {
+        if (!ids || ids.length === 0) return []
+        let got = this.model && this.model.rows ? this.pickRowsByIds(this.model.rows, ids) : []
+        if (got.length === ids.length) return got
+        try {
+          let http = new HttpResetClass()
+          const opt = { resolveMsg: null, rejectMsg: null, aoteEncrypt: this.model.aoteEncrypt, encryKey: this.model.encryKey }
+          const n = Math.max((this.model && this.model.count) || 0, ids.length, 50)
+          const url = `${this.model.url}?pageNo=1&pageSize=${n}`
+          const res = await http.load('POST', url, { data: this.model.params }, opt)
+          let list = res && res.data
+          if (list && !Array.isArray(list) && list.rows) list = list.rows
+          if (!Array.isArray(list)) return got
+          const full = this.pickRowsByIds(list, ids)
+          return full.length >= got.length ? full : got
+        } catch (e) {
+          return got
+        }
+      },
+      // 把「改前网格员」写入 setClause（只写 changedTypes 里的列）
+      appendBatchOldGridmanParts (setClause, rows, changedTypes) {
+        if (!changedTypes || changedTypes.length === 0) return
+        const typeToPair = {
+          check:   ['f_old_check_gridman',     'f_check_gridman'],
+          replace: ['f_old_replace_gridman',   'f_replace_gridman'],
+          repair:  ['f_old_repair_gridman',    'f_repair_gridman'],
+          industry:['f_old_industry_gridman',  'f_industry_gridman']
+        }
+        const valOf = (row, src) => (row[src] != null && row[src] !== '' ? String(row[src]) : '')
+        if (!rows || rows.length === 0) return
+        changedTypes.forEach(type => {
+          const pair = typeToPair[type]
+          if (!pair) return
+          const [oldCol, srcCol] = pair
+          if (rows.length === 1) {
+            setClause.push(oldCol + " = '" + this.escapeSql(valOf(rows[0], srcCol)) + "'")
+          } else {
+            const first = valOf(rows[0], srcCol)
+            if (rows.every(r => valOf(r, srcCol) === first)) {
+              setClause.push(oldCol + " = '" + this.escapeSql(first) + "'")
+            }
+          }
+        })
+      },
+      // 从 v-select 取值（可能为字符串、数组、对象）
+      normBatchGridmanVal (v) {
+        if (v === null || v === undefined) return null
+        if (Array.isArray(v)) {
+          if (v.length === 0) return null
+          const x = v[0]
+          if (x == null) return null
+          if (typeof x === 'object') {
+            const s = x.value != null ? x.value : x.label
+            if (s == null || String(s).trim() === '') return null
+            return String(s).trim()
+          }
+          const t = String(x).trim()
+          return t === '' ? null : t
+        }
+        if (typeof v === 'string') {
+          const t = v.trim()
+          return t === '' ? null : t
+        }
+        const t = String(v).trim()
+        return t === '' ? null : t
+      },
+      // 确认批量修改：只提交已选择的网格员字段及对应电话（前端拼接 setClause）
+      async confirmBatchModify() {
+        const c = this.normBatchGridmanVal(this.batchData.f_check_gridman)
+        const r = this.normBatchGridmanVal(this.batchData.f_replace_gridman)
+        const rp = this.normBatchGridmanVal(this.batchData.f_repair_gridman)
+        const ind = this.normBatchGridmanVal(this.batchData.f_industry_gridman)
+        const parts = []
+        const labels = []
+        // changedTypes 标记实际修改了哪几列，只对这些列写入 f_old_*
+        const changedTypes = []
+        if (c != null) {
+          parts.push("f_check_gridman = '" + this.escapeSql(c) + "'")
+          parts.push("f_check_phone = '" + this.escapeSql(this.batchData.f_check_phone || '') + "'")
+          labels.push('安检网格员')
+          changedTypes.push('check')
+        }
+        if (r != null) {
+          parts.push("f_replace_gridman = '" + this.escapeSql(r) + "'")
+          parts.push("f_replace_phone = '" + this.escapeSql(this.batchData.f_replace_phone || '') + "'")
+          labels.push('置换网格员')
+          changedTypes.push('replace')
+        }
+        if (rp != null) {
+          parts.push("f_repair_gridman = '" + this.escapeSql(rp) + "'")
+          parts.push("f_repair_phone = '" + this.escapeSql(this.batchData.f_repair_phone || '') + "'")
+          labels.push('维修网格员')
+          changedTypes.push('repair')
+        }
+        if (ind != null) {
+          parts.push("f_industry_gridman = '" + this.escapeSql(ind) + "'")
+          parts.push("f_industry_phone = '" + this.escapeSql(this.batchData.f_industry_phone || '') + "'")
+          labels.push('工商业网格员')
+          changedTypes.push('industry')
+        }
+        if (parts.length === 0) {
+          this.$showAlert('请至少选择一项要修改的网格员', 'warning', 2000)
+          return
+        }
+        const setClause = parts
+
+        // 全选模式：先请求全量 id，再弹确认
+        if (this.batchSelectAll) {
+          if (!this.model || this.model.state !== '正确' || !this.model.count) {
+            this.$showAlert('查询数据已失效，请重新查询后再试', 'warning', 2000)
+            return
+          }
+          this._doBatchSubmit(setClause, labels, this.model.count, true, changedTypes)
+        } else {
+          if (this.batchCheckitem.length === 0) {
+            this.$showAlert('请先选择要修改的小区', 'warning', 2000)
+            return
+          }
+          this._doBatchSubmit(setClause, labels, this.batchCheckitem.length, false, changedTypes)
+        }
+      },
+      // SQL 字符串转义，防止注入
+      escapeSql(val) {
+        if (val == null) return ''
+        return String(val).replace(/'/g, "''")
+      },
+      // 统一提交逻辑
+      // setClause: string[]  待更新的字段 parts，函数内部追加 f_old_* 字段后再 join
+      // fromAllSelect: bool  是否全选模式（需要自行拉 id + 旧数据）
+      // changedTypes: string[]  实际修改了哪些列（如 ['check']），只对这些列写入 f_old_*
+      async _doBatchSubmit(setClause, labels, count, fromAllSelect, changedTypes) {
+        const payload = { ids: null, setClause: '' }
+        const msg = `共计修改${count}个小区，将更新：${labels.join('、')}，请确认`
+        const confirmed = await this.$showMessage(msg, ['confirm', 'cancel'])
+        if (confirmed !== 'confirm') return
+        this.batchSubmitBusy = true
+        try {
+          if (fromAllSelect) {
+            if (!this.model || this.model.state !== '正确' || !this.model.count) {
+              this.$showAlert('查询数据已失效，请重新查询后再试', 'warning', 2000)
+              return
+            }
+            try {
+              let http = new HttpResetClass()
+              const opt = { resolveMsg: null, rejectMsg: null, aoteEncrypt: this.model.aoteEncrypt, encryKey: this.model.encryKey }
+              const url = `${this.model.url}?pageNo=1&pageSize=${this.model.count}`
+              const res2 = await http.load('POST', url, { data: this.model.params }, opt)
+              let list = res2 && res2.data
+              if (list && !Array.isArray(list) && list.rows) list = list.rows
+              if (Array.isArray(list) && list.length > 0) {
+                payload.ids = list.map(r => r.id).filter(id => id != null && id !== '')
+                const targetRows = list.filter(r => this.idInList(payload.ids, r.id))
+                this.appendBatchOldGridmanParts(setClause, targetRows, changedTypes)
+              }
+            } catch (e) { /* ignore */ }
+            if (!payload.ids || payload.ids.length === 0) {
+              this.$showAlert('全选数据获取失败，无法提交', 'warning', 2000)
+              return
+            }
+          } else {
+            payload.ids = this.batchCheckitem
+            const targetRows = await this.collectOldGridmanRows(this.batchCheckitem)
+            this.appendBatchOldGridmanParts(setClause, targetRows, changedTypes)
+          }
+          payload.setClause = setClause.join(',')
+          await this.$resetpost('api/af-revenue/logic/batchUpdateGridman', payload, {
+            resolveMsg: '批量修改成功',
+            rejectMsg: '批量修改失败'
+          })
+          this.batchModifyShow = false
+          this.batchCheckitem = []
+          this.batchCheckall = false
+          this.batchSelectAll = false
+          this.search()
+        } finally {
+          this.batchSubmitBusy = false
+        }
       },
       add(val){
         if (this.f_filialeids) {
@@ -326,6 +991,10 @@
       },
       selfSearch (args) {
         this.checkall = false;
+        this.batchCheckall = false;
+        this.batchCheckitem = [];
+        this.batchSelectAll = false;
+        this.batchTotalCount = 0;
         this.$parent.usershow = false;
         this.$parent.areaShow = false;
         if (!this.f_orgid) {
@@ -355,3 +1024,58 @@
 
   }
 </script>
+
+<style>
+  .area-batch-gridman-body {
+    padding: 12px 20px 18px;
+    box-sizing: border-box;
+  }
+  .area-batch-hint {
+    margin: 0 0 12px;
+    color: #666;
+    font-size: 13px;
+  }
+  .batch-select-tip {
+    font-size: 13px;
+    font-weight: normal;
+    color: #e6a23c;
+    margin-left: 8px;
+  }
+  .area-batch-gridman-table {
+    width: 100%;
+    margin: 0;
+    table-layout: fixed;
+    border-collapse: separate;
+    border-spacing: 0 12px;
+  }
+  .area-batch-gridman-table .area-batch-col-label-l {
+    width: 9em;
+  }
+  .area-batch-gridman-table .area-batch-col-select {
+    width: auto;
+  }
+  .area-batch-loading {
+    color: #999;
+    font-size: 13px;
+    padding: 6px 0;
+    display: inline-block;
+  }
+  .area-batch-gridman-table .area-batch-th {
+    font-weight: normal;
+    text-align: right;
+    vertical-align: middle;
+    white-space: nowrap;
+    padding: 0 12px 0 0;
+    border: none;
+    overflow: visible;
+  }
+  .area-batch-gridman-table .area-batch-td-ctrl {
+    vertical-align: middle;
+    padding: 0;
+    border: none;
+    overflow: visible;
+  }
+  .area-batch-gridman-table .area-batch-td-select {
+    padding-right: 0;
+  }
+</style>