address-client 3.0.41-aodeToV4 → 3.0.42-aodeToV4

package/src/components/AddAreaMsg.vue

@@ -57,14 +57,57 @@
                    v-validate:f_residential_area='{required: true }'>
           </div>
           <div v-if="!f_special" class="col-sm-6 form-group">
-            <label class="font_normal_body">网&nbsp;格&nbsp;员</label>
-            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_gridman">
+            <label class="font_normal_body">安检网格员</label>
+            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_check_gridman">
             <v-select
-              :value.sync="areamodel.f_gridman" :value-single="true"
-              :options='gridmans' placeholder='请选择网格员'
-              close-on-select >
+              :value.sync="areamodel.f_check_gridman" :value-single="true"
+              :options='gridmans' placeholder='请选择'
+              close-on-select @change="onCheckGridmanChange">
             </v-select>
           </div>
+          <div v-if="!f_special" class="col-sm-6 form-group" v-show="false">
+            <label class="font_normal_body">安检网格员电话</label>
+            <input type="text" style="width:60%" class="input_search" v-model="areamodel.f_check_phone" placeholder="安检网格员电话">
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group">
+            <label class="font_normal_body">置换网格员</label>
+            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_replace_gridman">
+            <v-select
+              :value.sync="areamodel.f_replace_gridman" :value-single="true"
+              :options='gridmans1' placeholder='请选择'
+              close-on-select @change="onReplaceGridmanChange">
+            </v-select>
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group" v-show="false">
+            <label class="font_normal_body">置换网格员电话</label>
+            <input type="text" style="width:60%" class="input_search" v-model="areamodel.f_replace_phone" placeholder="置换网格员电话">
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group">
+            <label class="font_normal_body">维修网格员</label>
+            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_repair_gridman">
+            <v-select
+              :value.sync="areamodel.f_repair_gridman" :value-single="true"
+              :options='gridmans2' placeholder='请选择'
+              close-on-select @change="onRepairGridmanChange">
+            </v-select>
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group" v-show="false">
+            <label class="font_normal_body">维修网格员电话</label>
+            <input type="text" style="width:60%" class="input_search" v-model="areamodel.f_repair_phone" placeholder="维修网格员电话">
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group">
+            <label class="font_normal_body">工商业网格员</label>
+            <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_industry_gridman">
+            <v-select
+              :value.sync="areamodel.f_industry_gridman" :value-single="true"
+              :options='gridmans3' placeholder='请选择'
+              close-on-select @change="onIndustryGridmanChange">
+            </v-select>
+          </div>
+          <div v-if="!f_special" class="col-sm-6 form-group" v-show="false">
+            <label class="font_normal_body">工商业网格员电话</label>
+            <input type="text" style="width:60%" class="input_search" v-model="areamodel.f_industry_phone" placeholder="工商业网格员电话">
+          </div>
           <div v-if="!f_special"
                class="col-sm-12 form-group">
             <label class="font_normal_body">小区地址</label>
@@ -221,415 +264,579 @@
 </template>
 
 <script>
-  import {HttpResetClass} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
 
 
-  let initGen = async function (self) {
-    await self.initdata()
-  }
+let initGen = async function (self) {
+  await self.initdata()
+}
 
-  export default {
-    title: '小区添加',
-    data () {
-      return {
-        //初始化省市区数据
-        pcdslist:[],
-        //初始化街道数据
-        streetslist:[],
-        //小区
-        areamodel: {
-          f_area_id: '',
-          f_pcd_id:'',
-          f_linkname:'',
-          f_linkphone:'',
-          f_street_id:'',
-          f_slice_area:'',
-          f_adjustable_id:'',
-          f_residential_area:'',
-          f_gridman:'',
-          f_user_type:'',
-          f_gasproperties:'',
-          f_meter_brand:'',
-          f_price_name:'',
-          f_area_address:'',
-          f_price_type:'',
-          f_meter_style:'',
-          f_position:'',
-          f_comments:''
-        },
+export default {
+  title: '小区添加',
+  data () {
+    return {
+      //初始化省市区数据
+      pcdslist:[],
+      //初始化街道数据
+      streetslist:[],
+      //小区
+      areamodel: {
+        f_area_id: '',
+        f_pcd_id:'',
+        f_linkname:'',
+        f_linkphone:'',
+        f_street_id:'',
+        f_slice_area:'',
+        f_adjustable_id:'',
+        f_residential_area:'',
+        f_check_gridman:'',
+        f_replace_gridman:'',
+        f_repair_gridman:'',
+        f_industry_gridman:'',
+        f_check_phone:'',
+        f_replace_phone:'',
+        f_repair_phone:'',
+        f_industry_phone:'',
+        f_user_type:'',
+        f_gasproperties:'',
+        f_meter_brand:'',
+        f_price_name:'',
+        f_area_address:'',
+        f_price_type:'',
+        f_meter_style:'',
+        f_position:'',
+        f_comments:''
+      },
 
-        meterbrands: [],
-        adjustables: [],
-        sliceArea: [],
-        gridmans: [],
-        gasproperties: []
-      }
-    },
-    props: ['f_filialeids','f_special', 'areatype','row','operation'],
-    ready(){
-      initGen(this)
-    },
-    methods: {
+      meterbrands: [],
+      adjustables: [],
+      sliceArea: [],
+      gridmans: [],
+      gridmans1: [],
+      gridmans2: [],
+      gridmans3: [],
+      // 网格员 name → phone 映射
+      gridmanPhoneMap: {},
+      gridmanPhoneMap1: {},
+      gridmanPhoneMap2: {},
+      gridmanPhoneMap3: {},
+      gasproperties: []
+    }
+  },
+  props: ['f_filialeids','f_special', 'areatype','row','operation'],
+  ready(){
+    initGen(this)
+  },
+  methods: {
 
-      //初始化数据
-      async initdata(){
-        // 初始化参数
-        await this.initParams()
-        // 初始化片区
-        await this.initSlice(this.f_filialeids)
-        await this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
-        // await this.initstreets(` f_filialeid = '${this.f_filialeids}'`)
-        await this.initGridmans()
-      },
+    //初始化数据
+    async initdata () {
+      // 初始化参数
+      await this.initParams()
+      // 初始化片区
+      await this.initSlice(this.f_filialeids)
+      await this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
+      // await this.initstreets(` f_filialeid = '${this.f_filialeids}'`)
+      await this.initGridmans()
+    },
 
-      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}'`
+    pickRowPhone (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()
+    },
+    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 []
+    },
+    async initGridmans () {
+      console.log('132456', this.f_filialeids)
+      console.log('999999', this.$login.f.orgid)
+      this.gridmanPhoneMap = {}
+      this.gridmanPhoneMap1 = {}
+      this.gridmanPhoneMap2 = {}
+      this.gridmanPhoneMap3 = {}
+      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 = []
+        const list0 = this.rowsFromRes(res)
+        const list1 = this.rowsFromRes(res1)
+        const list2 = this.rowsFromRes(res2)
+        const list3 = this.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 = this.pickRowPhone(row)
+            if (ph) this.gridmanPhoneMap[nm] = ph
           }
-          let res = await http.load('POST', 'api/af-revenue/sql/saleSingleTable', {
-            data: param
-          }, {
-            resolveMsg: null,
-            rejectMsg: '获取网格员失败!'
-          })
-          let arr = []
-          if (res && res.data && res.data.length > 0) {
-            res.data.forEach(row => {
-              arr.push({label: row.name, value: row.name})
-            })
+        })
+        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 = this.pickRowPhone(row)
+            if (ph) this.gridmanPhoneMap1[nm] = ph
           }
-          this.gridmans = arr
-        } catch (e) {
-          this.gridmans = []
-        }
-      },
-
-      async initParams() {
-        await this.$LoadParams.loadParam(this.f_filialeids)
-        this.initBrands()
-        this.initAdjustables()
-      },
-
-      initBrands () {
-        let ret = this.$GetSaleParam.getGasbrand()
-        let rs = new Array()
-        ret.forEach((item, index) =>{
-          rs.push({label: item.label, value: item.value.f_meter_brand})
         })
-        this.meterbrands = rs
-      },
-
-      initAdjustables () {
-        let filter = this.$login.f.orgid
-        let ret = this.$GetSaleParam.getAdjustable(filter)
-        let arr = new Array()
-        ret.forEach((item, index) => {
-          arr.push({label: `[${item.value.f_adjustable_id}]-${item.label}`, value: item.value.id})
+        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 = this.pickRowPhone(row)
+            if (ph) this.gridmanPhoneMap2[nm] = ph
+          }
         })
-        this.adjustables = arr
-      },
+        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 = this.pickRowPhone(row)
+            if (ph) this.gridmanPhoneMap3[nm] = ph
+          }
+        })
+        this.gridmans = arr
+        this.gridmans1 = arr1
+        this.gridmans2 = arr2
+        this.gridmans3 = arr3
+        this.syncGridmanPhonesFromModel()
+      } catch (e) {
+        this.gridmans = []
+        this.gridmans1 = []
+        this.gridmans2 = []
+        this.gridmans3 = []
+        this.gridmanPhoneMap = {}
+        this.gridmanPhoneMap1 = {}
+        this.gridmanPhoneMap2 = {}
+        this.gridmanPhoneMap3 = {}
+      }
+    },
+    // 选中网格员后自动填入对应电话（Vue1 模板不能用箭头函数 @change，需用下面具名方法）
+    normalizeGridmanName (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()
+    },
+    onGridmanChange (type, val) {
+      const map = { check: 'gridmanPhoneMap', replace: 'gridmanPhoneMap1', repair: 'gridmanPhoneMap2', industry: 'gridmanPhoneMap3' }
+      const phoneKey = { check: 'f_check_phone', replace: 'f_replace_phone', repair: 'f_repair_phone', industry: 'f_industry_phone' }
+      const mapKey = map[type]
+      const phoneField = phoneKey[type]
+      const name = this.normalizeGridmanName(val)
+      if (mapKey && this[mapKey] && name) {
+        this.areamodel[phoneField] = this[mapKey][name] || ''
+      } else {
+        this.areamodel[phoneField] = ''
+      }
+    },
+    onCheckGridmanChange (val) {
+      this.onGridmanChange('check', val)
+    },
+    onReplaceGridmanChange (val) {
+      this.onGridmanChange('replace', val)
+    },
+    onRepairGridmanChange (val) {
+      this.onGridmanChange('repair', val)
+    },
+    onIndustryGridmanChange (val) {
+      this.onGridmanChange('industry', val)
+    },
+    syncGridmanPhonesFromModel () {
+      this.onGridmanChange('check', this.areamodel.f_check_gridman)
+      this.onGridmanChange('replace', this.areamodel.f_replace_gridman)
+      this.onGridmanChange('repair', this.areamodel.f_repair_gridman)
+      this.onGridmanChange('industry', this.areamodel.f_industry_gridman)
+    },
 
-      async initSlice (val) {
-        if (val) {
-          this.sliceArea = [];
-          let getAllArea = await this.$resetpost('/api/af-revenue/sql/address_singleTableOrderBy', {
-            data:{
-              items: '*',
-              tablename: 't_zone',
-              orderitem: 'id',
-              condition: ` parentid = ${val}`
-            }
-          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
+    async initParams () {
+      await this.$LoadParams.loadParam(this.f_filialeids)
+      this.initBrands()
+      this.initAdjustables()
+    },
 
-          if(getAllArea.data){
-            getAllArea.data.forEach((res) => {
-              this.sliceArea.push({label: res.name, value: {name: res.name, code:res.number}})
-            })
-          }
+    initBrands () {
+      let ret = this.$GetSaleParam.getGasbrand()
+      let rs = new Array()
+      ret.forEach((item, index) => {
+        rs.push({label: item.label, value: item.value.f_meter_brand})
+      })
+      this.meterbrands = rs
+    },
 
-        }
-      },
+    initAdjustables () {
+      let filter = this.$login.f.orgid
+      let ret = this.$GetSaleParam.getAdjustable(filter)
+      let arr = new Array()
+      ret.forEach((item, index) => {
+        arr.push({label: `[${item.value.f_adjustable_id}]-${item.label}`, value: item.value.id})
+      })
+      this.adjustables = arr
+    },
 
-      //初始化省市区,添加街道
-      async initpcds(pconditon){
-        this.pcdslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', 'api/af-revenue/sql/address_singleTableOrderBy', {
+    async initSlice (val) {
+      if (val) {
+        this.sliceArea = [];
+        let getAllArea = await this.$resetpost('/api/af-revenue/sql/address_singleTableOrderBy', {
           data: {
             items: '*',
-            tablename: 't_pcd',
+            tablename: 't_zone',
             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
+            condition: ` parentid = ${val}`
           }
-        })
-        this.pcdslist=redata
+        }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
 
-      },
-      //初始化街道 添加小区
-      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
-      },
+        if (getAllArea.data) {
+          getAllArea.data.forEach((res) => {
+            this.sliceArea.push({label: res.name, value: {name: res.name, code: res.number}})
+          })
+        }
 
-      async areaidChange () {
-        // 验证小区编号是否已存在
+      }
+    },
 
-        let param = {
-          id: this.areamodel.id,
-          f_area_id: this.areamodel.f_area_id,
-          f_filialeid: this.f_filialeids
+    //初始化省市区,添加街道
+    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
 
-        let res = await this.$resetpost('api/af-revenue/logic/address_validateAreaID', param, {resolveMsg: null,rejectMsg: '小区编号验证失败！！'})
-        console.log('验证小区是否存在', res)
-        if (res.data) {
-          this.$showAlert('这个小区编号已存在！！！请核实', 'warning', 3000)
-          this.areamodel.f_area_id = ''
+    },
+    //初始化街道 添加小区
+    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 areaidChange () {
+      // 验证小区编号是否已存在
 
+      let param = {
+        id: this.areamodel.id,
+        f_area_id: this.areamodel.f_area_id,
+        f_filialeid: this.f_filialeids
+      }
 
-      //根据名字找数据
-      findbyid(list,name){
-        var result
-        list.forEach((row, n) => {
-          if(name==row.id){
-            result= row.data
-          }
-        })
-        return result
-      },
-      userTypeChange () {
-        this.gasproperties = []
-        if (this.areamodel.f_user_type) {
-          this.gasproperties = this.$appdata.getParam(this.areamodel.f_user_type)
-        }
-      },
+      let res = await this.$resetpost('api/af-revenue/logic/address_validateAreaID', param, {
+        resolveMsg: null,
+        rejectMsg: '小区编号验证失败！！'
+      })
+      console.log('验证小区是否存在', res)
+      if (res.data) {
+        this.$showAlert('这个小区编号已存在！！！请核实', 'warning', 3000)
+        this.areamodel.f_area_id = ''
+      }
 
-      //省/市/区变化
-      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=''
-            }
+    },
 
-          }
+    //根据名字找数据
+    findbyid (list, name) {
+      var result
+      list.forEach((row, n) => {
+        if (name == row.id) {
+          result = row.data
         }
-        this.$resetValidation()
-      },
-      //街道变化
-      streetChange(val){
-        if(val&&this.operation=='add'){
-         // if(this.areamodel.f_pcd_id.length==0){
-            if (this.findbyid(this.streetslist,this.areamodel.f_street_id)) {
-              console.log("aa",this.findbyid(this.streetslist,this.areamodel.f_street_id))
-              console.log("bbb",this.findbyid(this.streetslist,this.areamodel.f_street_id).f_pcd_id)
-              this.areamodel.f_pcd_id=this.findbyid(this.streetslist,this.areamodel.f_street_id).f_pcd_id
+      })
+      return result
+    },
+    userTypeChange () {
+      this.gasproperties = []
+      if (this.areamodel.f_user_type) {
+        this.gasproperties = this.$appdata.getParam(this.areamodel.f_user_type)
+      }
+    },
+
+    //省/市/区变化
+    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 confirm(){
-        await this.savearea()
-        this.cleardara()
-        this.$dispatch('confirm')
-      },
-      //保存小区
-      async savearea(){
-        if(this.f_special){
-          this.areamodel.f_special='1'
+      }
+      this.$resetValidation()
+    },
+    //街道变化
+    streetChange (val) {
+      if (val && this.operation == 'add') {
+        // if(this.areamodel.f_pcd_id.length==0){
+        if (this.findbyid(this.streetslist, this.areamodel.f_street_id)) {
+          console.log("aa", this.findbyid(this.streetslist, this.areamodel.f_street_id))
+          console.log("bbb", this.findbyid(this.streetslist, this.areamodel.f_street_id).f_pcd_id)
+          this.areamodel.f_pcd_id = this.findbyid(this.streetslist, this.areamodel.f_street_id).f_pcd_id
         }
-        this.areamodel.f_filialeid = this.f_filialeids
-        this.areamodel.f_operator = this.$login.f.name
-        this.areamodel.f_operatorid = this.$login.f.id
-        this.areamodel.f_orgid = this.$login.f.orgid
-        this.areamodel.f_orgname = this.$login.f.orgs
-        this.areamodel.f_depid = this.$login.f.depids
-        this.areamodel.f_depname = this.$login.f.deps
-        if (this.areamodel.slice_area) {
-          if (this.areamodel.slice_area.length > 0) {
-            this.areamodel.f_slice_area = this.areamodel.slice_area[0].name
-            this.areamodel.f_area_code = this.areamodel.slice_area[0].code
-          }
+        // }
+      }
+      this.$resetValidation()
+    },
+    //保存
+    async confirm () {
+      await this.savearea()
+      this.cleardara()
+      this.$dispatch('confirm')
+    },
+    //保存小区
+    async savearea () {
+      if (this.f_special) {
+        this.areamodel.f_special = '1'
+      }
+      this.areamodel.f_filialeid = this.f_filialeids
+      this.areamodel.f_operator = this.$login.f.name
+      this.areamodel.f_operatorid = this.$login.f.id
+      this.areamodel.f_orgid = this.$login.f.orgid
+      this.areamodel.f_orgname = this.$login.f.orgs
+      this.areamodel.f_depid = this.$login.f.depids
+      this.areamodel.f_depname = this.$login.f.deps
+      if (this.areamodel.slice_area) {
+        if (this.areamodel.slice_area.length > 0) {
+          this.areamodel.f_slice_area = this.areamodel.slice_area[0].name
+          this.areamodel.f_area_code = this.areamodel.slice_area[0].code
         }
-        this.areamodel.f_pcd=this.findbyid(this.pcdslist,this.areamodel.f_pcd_id).f_pcd
-        this.areamodel.f_street=this.findbyid(this.streetslist,this.areamodel.f_street_id).f_street
+      }
+      this.areamodel.f_pcd = this.findbyid(this.pcdslist, this.areamodel.f_pcd_id).f_pcd
+      this.areamodel.f_street = this.findbyid(this.streetslist, this.areamodel.f_street_id).f_street
 
-        await this.$resetpost('api/af-revenue/logic/address_updatearea', this.areamodel)
-      },
-      cleardara(){
-        this.areamodel= {
-          f_area_id: '',
-          f_pcd_id:'',
-          f_street_id:'',
-          f_slice_area:'',
-          f_linkname:'',
-          f_linkphone:'',
-          f_adjustable_id:'',
-          f_residential_area:'',
-          f_user_type:'',
-          f_gasproperties:'',
-          f_area_address:'',
-          f_meter_brand:'',
-          f_price_name:'',
-          f_price_type:'',
-          f_meter_style:'',
-          f_position:'',
-          f_comments:''
+      await this.$resetpost('api/af-revenue/logic/address_updatearea', this.areamodel)
+    },
+    cleardara () {
+      this.areamodel = {
+        f_area_id: '',
+        f_pcd_id: '',
+        f_street_id: '',
+        f_slice_area: '',
+        f_linkname: '',
+        f_linkphone: '',
+        f_adjustable_id: '',
+        f_residential_area: '',
+        f_user_type: '',
+        f_gasproperties: '',
+        f_area_address: '',
+        f_meter_brand: '',
+        f_price_name: '',
+        f_price_type: '',
+        f_meter_style: '',
+        f_position: '',
+        f_comments: ''
+      }
+    },
+    cancel () {
+      this.cleardara()
+      this.$dispatch('cancel')
+    },
+  },
+  watch: {
+    'areatype' () {
+      this.initdata()
+    },
+    'areamodel.f_pcd_id' () {
+      // if (!this.areamodel.f_area_address) {
+      if (this.areamodel.f_pcd_id && this.areamodel.f_street_id) {
+        if (this.findbyid(this.pcdslist, this.areamodel.f_pcd_id) && this.findbyid(this.streetslist, this.areamodel.f_street_id)) {
+          this.areamodel.f_area_address = this.findbyid(this.pcdslist, this.areamodel.f_pcd_id).f_pcd + this.findbyid(this.streetslist, this.areamodel.f_street_id).f_street
         }
-      },
-      cancel(){
-        this.cleardara()
-        this.$dispatch('cancel')
-      },
+      }
+      // }
     },
-    watch: {
-      'areatype'(){
-        this.initdata()
-      },
-      'areamodel.f_pcd_id'(){
-        // if (!this.areamodel.f_area_address) {
-          if(this.areamodel.f_pcd_id&&this.areamodel.f_street_id){
-            if (this.findbyid(this.pcdslist,this.areamodel.f_pcd_id) && this.findbyid(this.streetslist,this.areamodel.f_street_id)) {
-              this.areamodel.f_area_address = this.findbyid(this.pcdslist,this.areamodel.f_pcd_id).f_pcd + this.findbyid(this.streetslist,this.areamodel.f_street_id).f_street
-            }
-          }
-        // }
-      },
-      'areamodel.f_street_id'(){
-        // if (!this.areamodel.f_area_address) {
-          if (this.areamodel.f_pcd_id && this.areamodel.f_street_id) {
-            if (this.findbyid(this.pcdslist, this.areamodel.f_pcd_id) && this.findbyid(this.streetslist, this.areamodel.f_street_id)) {
-              this.areamodel.f_area_address = this.findbyid(this.pcdslist, this.areamodel.f_pcd_id).f_pcd + this.findbyid(this.streetslist, this.areamodel.f_street_id).f_street
-            }
-          }
-        // }
-      },
-      'f_filialeids'(){
-        if (this.areamodel.f_filialeid) {
-          if (this.areamodel.f_filialeid != this.f_filialeids) {
-            this.$dispatch('cancel')
-          }
+    'areamodel.f_street_id' () {
+      // if (!this.areamodel.f_area_address) {
+      if (this.areamodel.f_pcd_id && this.areamodel.f_street_id) {
+        if (this.findbyid(this.pcdslist, this.areamodel.f_pcd_id) && this.findbyid(this.streetslist, this.areamodel.f_street_id)) {
+          this.areamodel.f_area_address = this.findbyid(this.pcdslist, this.areamodel.f_pcd_id).f_pcd + this.findbyid(this.streetslist, this.areamodel.f_street_id).f_street
         }
-        this.cleardara()
-        this.initdata()
       }
+      // }
     },
-    computed: {
-      usertypes () {
-        return this.$appdata.getParam('用户类型')
-      },
-      f_price_types () {
-        return this.$appdata.getParam('气价类型')
-      },
-      meterstyle () {
-        let ret = this.$GetSaleParam.getGasbrand()
-        let rs = new Array()
-        if(this.areamodel.f_meter_brand) {
-          ret.forEach((item, index) => {
-            if(this.areamodel.f_meter_brand == item.value.f_meter_brand) {
-              item.value.gasmodel.forEach((item1, index) =>{
-                rs.push({label: item1.label, value:item1.label})
-              })
-            }
-          })
+    'f_filialeids' () {
+      if (this.areamodel.f_filialeid) {
+        if (this.areamodel.f_filialeid != this.f_filialeids) {
+          this.$dispatch('cancel')
         }
-        return rs
-      },
-      pricenames () {
-        let rs = new Array()
-        if (this.areamodel.f_user_type && this.areamodel.f_gasproperties && this.areamodel.f_price_type) {
-          let params = {
-            f_user_type: this.areamodel.f_user_type,
-            f_gasproperties: this.areamodel.f_gasproperties,
-            f_price_type: this.areamodel.f_price_type,
-            filter: this.f_filialeids
+      }
+      this.cleardara()
+      this.initdata()
+    },
+    'areamodel.f_check_gridman' (v) {
+      this.onGridmanChange('check', v)
+    },
+    'areamodel.f_replace_gridman' (v) {
+      this.onGridmanChange('replace', v)
+    },
+    'areamodel.f_repair_gridman' (v) {
+      this.onGridmanChange('repair', v)
+    },
+    'areamodel.f_industry_gridman' (v) {
+      this.onGridmanChange('industry', v)
+    }
+  },
+  computed: {
+    usertypes () {
+      return this.$appdata.getParam('用户类型')
+    },
+    f_price_types () {
+      return this.$appdata.getParam('气价类型')
+    },
+    meterstyle () {
+      let ret = this.$GetSaleParam.getGasbrand()
+      let rs = new Array()
+      if (this.areamodel.f_meter_brand) {
+        ret.forEach((item, index) => {
+          if (this.areamodel.f_meter_brand == item.value.f_meter_brand) {
+            item.value.gasmodel.forEach((item1, index) => {
+              rs.push({label: item1.label, value: item1.label})
+            })
           }
-          let ret = this.$GetSaleParam.getPrice(params)
-          ret.forEach((item, index) => {
-            rs.push({label: item.label, value: item.value.f_price_name})
-          })
-        }
-        if (rs.length == 0) {
-          this.areamodel.f_price_name = ''
+        })
+      }
+      return rs
+    },
+    pricenames () {
+      let rs = new Array()
+      if (this.areamodel.f_user_type && this.areamodel.f_gasproperties && this.areamodel.f_price_type) {
+        let params = {
+          f_user_type: this.areamodel.f_user_type,
+          f_gasproperties: this.areamodel.f_gasproperties,
+          f_price_type: this.areamodel.f_price_type,
+          filter: this.f_filialeids
         }
-        return rs
-      },
-      positions () {
-        return this.$appdata.getParam('安装位置')
-      },
-      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)
+        let ret = this.$GetSaleParam.getPrice(params)
+        ret.forEach((item, index) => {
+          rs.push({label: item.label, value: item.value.f_price_name})
+        })
+      }
+      if (rs.length == 0) {
+        this.areamodel.f_price_name = ''
+      }
+      return rs
+    },
+    positions () {
+      return this.$appdata.getParam('安装位置')
+    },
+    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
-      },
+      }
+      return rs
     },
-  }
+  },
+}
 </script>
 <style>
-  .box {
-    width: 727px;
-    height: 175px;
-    border-radius: 2px;
-    background-color: #fafafa;
-    border: 1px solid #999999;
-    margin-top: 13px;
-  }
-  .datapanel {
-    color: #333;
-    background-color: white;
-    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
-    padding: 10px 30px 10px 30px;
-    border-radius:15px;
-  }
+.box {
+  width: 727px;
+  height: 175px;
+  border-radius: 2px;
+  background-color: #fafafa;
+  border: 1px solid #999999;
+  margin-top: 13px;
+}
+
+.datapanel {
+  color: #333;
+  background-color: white;
+  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+  padding: 10px 30px 10px 30px;
+  border-radius: 15px;
+}
 </style>