address-client 3.2.86 → 3.2.88

package/src/filiale/WEINAN/AddAreaMsg.vue

@@ -89,16 +89,16 @@
                    class="form-control" placeholder="单位地址">
           </div>
           <div
-               class="col-sm-6 form-group"
-               :class="[$v.f_linkname.required ? 'has-error' : 'has-success']">
+            class="col-sm-6 form-group"
+            :class="[$v.f_linkname.required ? 'has-error' : 'has-success']">
             <label class="font_normal_body">联&ensp;系&ensp;人</label>
             <input type="text" style="width:60%" class="input_search"  v-model="areamodel.f_linkname"
                    class="form-control" placeholder="联系人"
                    v-validate:f_linkname='{required: true }'>
           </div>
           <div
-               class="col-sm-6 form-group"
-               :class="[$v.f_linkphone.required ? 'has-error' : 'has-success']">
+            class="col-sm-6 form-group"
+            :class="[$v.f_linkphone.required ? 'has-error' : 'has-success']">
             <label class="font_normal_body">联系电话</label>
             <input type="text" style="width:60%" class="input_search"  v-model="areamodel.f_linkphone"
                    class="form-control" placeholder="联系电话"
@@ -191,9 +191,9 @@
             </div>
             <div class="col-sm-6 form-group" >
               <label class="font_normal_body">抄&ensp;表&ensp;册</label>
-           <!--   <input type="text" style="width:60%" class="input_search" v-show="false"
-                     v-validate:f_meter_book='{required: true }'
-                     v-model="areamodel.f_meter_book">-->
+              <!--   <input type="text" style="width:60%" class="input_search" v-show="false"
+                        v-validate:f_meter_book='{required: true }'
+                        v-model="areamodel.f_meter_book">-->
               <v-select
                 :value.sync="areamodel.f_meter_book" :value-single="true"
                 :options='meterbooks' placeholder='抄表册'
@@ -202,24 +202,24 @@
             </div>
             <div class="col-sm-6 form-group" >
               <label class="font_normal_body">抄&ensp;表&ensp;员</label>
-     <!--         <input type="text" style="width:60%" class="input_search"
-                     v-validate:f_inputtor='{required: true }'
-                     v-show="false" v-model="areamodel.f_inputtor">-->
+              <!--         <input type="text" style="width:60%" class="input_search"
+                              v-validate:f_inputtor='{required: true }'
+                              v-show="false" v-model="areamodel.f_inputtor">-->
               <v-select
                 :value.sync="areamodel.f_inputtor" :value-single="true"
                 :options='inputtores' placeholder='抄表员'
                 close-on-select >
               </v-select>
             </div>
-<!--            <div class="col-sm-6 form-group">
-              <label class="font_normal_body">调&ensp;压&ensp;箱</label>
-              <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_adjustable_id">
-              <v-select
-                :value.sync="areamodel.f_adjustable_id" :value-single="true"
-                :options='adjustables' placeholder='调压箱'
-                close-on-select >
-              </v-select>
-            </div>-->
+            <!--            <div class="col-sm-6 form-group">
+                          <label class="font_normal_body">调&ensp;压&ensp;箱</label>
+                          <input type="text" style="width:60%" class="input_search" v-show="false" v-model="areamodel.f_adjustable_id">
+                          <v-select
+                            :value.sync="areamodel.f_adjustable_id" :value-single="true"
+                            :options='adjustables' placeholder='调压箱'
+                            close-on-select >
+                          </v-select>
+                        </div>-->
             <div class="col-sm-6 form-group">
               <label class="font_normal_body">房屋类型</label>
               <v-select
@@ -228,6 +228,28 @@
                 close-on-select >
               </v-select>
             </div>
+            <div  class="col-sm-6 form-group">
+              <label for="f_user_usetype" class="font_normal_body ">用气类型</label>
+              <v-select :value.sync="areamodel.f_user_usetype" :search="false"
+                        @change="userUseTypeChange()"
+                        :value-single="true"
+                        :options='userusetypes' placeholder='用气类型' close-on-select>
+              </v-select>
+            </div>
+            <div class="col-sm-6 form-group">
+              <label for="f_use_institution" class="font_normal_body">用气机构</label>
+              <v-select :value.sync="areamodel.f_use_institution" :search="false"
+                        @change="userUseInstitutionChange()" :value-single="true"
+                        :options='useinstitutions' placeholder='用气机构' close-on-select>
+              </v-select>
+            </div>
+            <div class="col-sm-6 form-group">
+              <label for="f_user_usenature" class="font_normal_body ">使用性质</label>
+              <v-select :value.sync="areamodel.f_user_usenature" :search="false"
+                        :value-single="true"
+                        :options='userusenatures' placeholder='使用性质' close-on-select>
+              </v-select>
+            </div>
           </div>
           <div v-if="f_special" class="col-sm-6 form-group">
             <br/>
@@ -238,7 +260,7 @@
           <button class="button_search button_spacing" @click="confirm()" :disabled='!$v.valid'>保存</button>
           <button class="button_clear button_spacing" @click="cancel()">取消</button>
         </div>
-<!--        <div class="inp_button" type="button" @click="fileUpload()" v-show="!isupload">上传图片</div>-->
+        <!--        <div class="inp_button" type="button" @click="fileUpload()" v-show="!isupload">上传图片</div>-->
       </div>
     </validator>
     <modal :show.sync="showUpload" v-ref:modal backdrop="false" width="80%">
@@ -258,439 +280,448 @@
 </template>
 
 <script>
-  import {HttpResetClass} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
 
 
-  let initGen = async function (self) {
-    await self.initdata()
-    try {
-      await self.$LoadParams.loadMeterBook(self.f_filialeids)
+let initGen = async function (self) {
+  await self.initdata()
+  try {
+    await self.$LoadParams.loadMeterBook(self.f_filialeids)
 
-    }catch (e) {
+  }catch (e) {
 
-    }
-    try {
+  }
+  try {
     await self.loadMeterBooks();
-    }catch (e) {
+  }catch (e) {
 
-    }
   }
+}
 
-  export default {
-    title: '小区添加',
-    data () {
-      return {
-        //初始化省市区数据
-        pcdslist:[],
-        showUpload:'',//上传标识位
-        //初始化街道数据
-        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_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:[],
+      showUpload:'',//上传标识位
+      //初始化街道数据
+      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_user_type:'',
+        f_gasproperties:'',
+        f_use_institution:'',
+        f_user_usetype:'',
+        f_user_usenature:'',
+        f_meter_brand:'',
+        f_price_name:'',
+        f_area_address:'',
+        f_price_type:'',
+        f_meter_style:'',
+        f_position:'',
+        f_comments:''
+      },
+      useinstitutions:[],
+      userusenatures:[],
+      meterbrands: [],
+      adjustables: [],
+      sliceArea: [],
+      safeCheckArea: [],
+      gasproperties: [],
+      meterbooks:[{label: '全部',value: ''}],
+      housetypeoptions:[{label: '楼房', value: '楼房'}, {label: '自建房', value: '自建房'}],
+    }
+  },
+  props: ['f_filialeids','f_special', 'areatype','row','operation','isupload'],
+  ready(){
+    initGen(this)
+  },
+  methods: {
+    userUseInstitutionChange () {
+      this.userusenatures = []
+      let str = this.areamodel.f_use_institution+ '使用性质'
+      this.userusenatures = this.$appdata.getParam(str)
+    },
+    userUseTypeChange () {
+      console.log('看看进来用户用气类型变化的方法了吗？？？')
+      this.useinstitutions = []
+      let str = this.areamodel.f_user_usetype + '机构'
+      this.useinstitutions = this.$appdata.getParam(str)
+    },
+    loadMeterBooks(){
+      this.meterbooks = [...this.meterbooks, ...this.$GetSaleParam.getMeterBooks()]
+    },
+    //初始化数据
+    async initdata(){
+      // 初始化参数
+      await this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
+      await this.initSlice(this.f_filialeids)
+      await this.initParams()
+      // 初始化片区
+      // await this.initstreets(` f_filialeid = '${this.f_filialeids}'`)
+    },
+    // 打开文件上传对话框
+    fileUpload() {
+      this.showUpload = true
+    },
+    // 关闭文件上传对话框
+    close() {
+      this.showUpload = false
+      // 将选的文件清空
+      // this.$refs.file.$el.querySelector('input').value = ''
+      // this.load(this)
+    },
+    initrow(val){
+      this.areamodel.f_meter_book = val.f_meter_book;
+      this.areamodel.f_adjustable_id = val.f_adjustable_id;
+    },
+    async initParams() {
+      try {
+        await this.$LoadParams.loadParam(this.f_filialeids)
+      }catch (e) {
 
-        meterbrands: [],
-        adjustables: [],
-        sliceArea: [],
-        safeCheckArea: [],
-        gasproperties: [],
-        meterbooks:[{label: '全部',value: ''}],
-        housetypeoptions:[{label: '楼房', value: '楼房'}, {label: '自建房', value: '自建房'}],
       }
+      this.initBrands()
+      await this.initSafeCheckArea()
+      // this.initAdjustables()
     },
-    props: ['f_filialeids','f_special', 'areatype','row','operation','isupload'],
-    ready(){
-
-      initGen(this)
 
+    initBrands () {
+      let ret = []
+      try {
+        ret = this.$GetSaleParam.getGasbrand()
+      } catch(e){}
+      // 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
     },
-    methods: {
-      loadMeterBooks(){
-        this.meterbooks = [...this.meterbooks, ...this.$GetSaleParam.getMeterBooks()]
-      },
-      //初始化数据
-      async initdata(){
-        // 初始化参数
-        await this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
-        await this.initSlice(this.f_filialeids)
-        await this.initParams()
-
-        // 初始化片区
-
-
-        // await this.initstreets(` f_filialeid = '${this.f_filialeids}'`)
-      },
-      // 打开文件上传对话框
-      fileUpload() {
-        this.showUpload = true
-      },
-      // 关闭文件上传对话框
-      close() {
-        this.showUpload = false
-        // 将选的文件清空
-        // this.$refs.file.$el.querySelector('input').value = ''
-        // this.load(this)
-      },
-      initrow(val){
-        this.areamodel.f_meter_book = val.f_meter_book;
-        this.areamodel.f_adjustable_id = val.f_adjustable_id;
-      },
-      async initParams() {
-        try {
-          await this.$LoadParams.loadParam(this.f_filialeids)
-        }catch (e) {
+    async initSafeCheckArea () {
+      this.safeCheckArea = []
+      let data = {
+        items: 'id,f_check_book_name',
+        tablename: 't_check_book',
+        orderitem: 'id',
+        condition: `f_orgid=${this.$login.f.orgid}`
+      }
+      let ret = await this.$resetpost('rs/sql/address_singleTableOrderBy',{data: data},{resolveMsg: null, rejectMsg: null,newly:true})
+      ret.data.forEach(item => {
+        this.safeCheckArea.push({label: item.f_check_book_name, value: item.id})
+      })
+    },
+    /*
+          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
+          },*/
 
-        }
-        this.initBrands()
-        await this.initSafeCheckArea()
-       // this.initAdjustables()
-      },
+    async initSlice (val) {
+      if (val) {
+        let getAllArea = await this.$resetpost('/rs/search', {
+          source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
+          userid: this.$login.f.id
+        }, {resolveMsg: null, rejectMsg: '获取片区出错！！！',newly:true})
 
-      initBrands () {
-        let ret = []
-        try {
-         ret = this.$GetSaleParam.getGasbrand()
-        } catch(e){}
-        // let ret = this.$GetSaleParam.getGasbrand()
-        let rs = new Array()
-        ret.forEach((item, index) =>{
-          rs.push({label: item.label, value: item.value.f_meter_brand})
+        let arr = getAllArea.data.filter((res) => {
+          return res.parentid == val
         })
-        this.meterbrands = rs
-      },
-      async initSafeCheckArea () {
-        this.safeCheckArea = []
-        let data = {
-          items: 'id,f_check_book_name',
-          tablename: 't_check_book',
-          orderitem: 'id',
-          condition: `f_orgid=${this.$login.f.orgid}`
-        }
-        let ret = await this.$resetpost('rs/sql/address_singleTableOrderBy',{data: data},{resolveMsg: null, rejectMsg: null,newly:true})
-        ret.data.forEach(item => {
-          this.safeCheckArea.push({label: item.f_check_book_name, value: item.id})
+        this.sliceArea = []
+        arr.forEach((res) => {
+          this.sliceArea.push({label: res.name, value: {name: res.name, code:res.number}})
         })
-      },
-/*
-      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 initSlice (val) {
-        if (val) {
-          let getAllArea = await this.$resetpost('/rs/search', {
-            source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
-            userid: this.$login.f.id
-          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！',newly:true})
+      }
+    },
 
-          let arr = getAllArea.data.filter((res) => {
-            return res.parentid == val
-          })
-          this.sliceArea = []
-          arr.forEach((res) => {
-            this.sliceArea.push({label: res.name, value: {name: res.name, code:res.number}})
-          })
+    //初始化省市区,添加街道
+    async initpcds(pconditon){
+      this.pcdslist = []
+      let HttpReset = new HttpResetClass()
+      let req = await HttpReset.load('POST', 'rs/sql/address_singleTable', {
+        data: {
+          items: '*',
+          tablename: 't_pcd',
+          condition: pconditon
         }
-      },
-
-      //初始化省市区,添加街道
-      async initpcds(pconditon){
-        this.pcdslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', 'rs/sql/address_singleTable', {
-          data: {
-            items: '*',
-            tablename: 't_pcd',
-            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', 'rs/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
+      }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+      let redata = []
+      req.data.forEach((row, n) => {
+        redata[n] = {
+          label: row.f_pcd,
+          value: row.id,
+          data:row,
+          id:row.id
         }
-
-        let res = await this.$resetpost('rs/logic/address_validateAreaID', param, {resolveMsg: null,rejectMsg: '小区编号验证失败！！'})
-        console.log('验证小区是否存在', res)
-        if (res.data) {
-          this.$showAlert('这个小区编号已存在！！！请核实', 'warning', 3000)
-          this.areamodel.f_area_id = ''
+      })
+      this.pcdslist=redata
+    },
+    //初始化街道 添加小区
+    async initstreets(pconditon){
+      this.streetslist = []
+      let HttpReset = new HttpResetClass()
+      let req = await HttpReset.load('POST', 'rs/sql/address_singleTableOrderBy', {
+        data: {
+          items: '*',
+          tablename: 't_street',
+          orderitem: 'id',
+          condition: pconditon
         }
-
-      },
-
-
-      //根据名字找数据
-      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)
+      }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+      let redata = []
+      req.data.forEach((row, n) => {
+        redata[n] = {
+          label: row.f_street,
+          value: row.id,
+          data:row,
+          id:row.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=''
-            }
-
-          }
+      })
+      this.streetslist=redata
+    },
+    async areaidChange () {
+      // 验证小区编号是否已存在
+      let param = {
+        id: this.areamodel.id,
+        f_area_id: this.areamodel.f_area_id,
+        f_filialeid: this.f_filialeids
+      }
+      let res = await this.$resetpost('rs/logic/address_validateAreaID', param, {resolveMsg: null,rejectMsg: '小区编号验证失败！！'})
+      console.log('验证小区是否存在', res)
+      if (res.data) {
+        this.$showAlert('这个小区编号已存在！！！请核实', 'warning', 3000)
+        this.areamodel.f_area_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){
+      })
+      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)) {
-            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.$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
+            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.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('rs/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')
-      },
+      }
+      this.$resetValidation()
     },
-    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.areamodel.f_area_address? 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
-          }
+    //街道变化
+    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
         }
         // }
-      },
-      '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.areamodel.f_area_address? 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.$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
         }
-        // }
-      },
-      'f_filialeids'(){
-        if (this.areamodel.f_filialeid) {
-          if (this.areamodel.f_filialeid != this.f_filialeids) {
-            this.$dispatch('cancel')
-          }
+      }
+      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('rs/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_use_institution:'',
+        f_user_usetype:'',
+        f_user_usenature:'',
+        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.areamodel.f_area_address? 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})
-              })
-            }
-          })
+    '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.areamodel.f_area_address? 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
         }
-        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
-          }
-          let ret = this.$GetSaleParam.getPrice(params)
-          ret.forEach((item, index) => {
-            rs.push({label: item.label, value: item.value.f_price_name})
-          })
+      }
+      // }
+    },
+    'f_filialeids'(){
+      if (this.areamodel.f_filialeid) {
+        if (this.areamodel.f_filialeid != this.f_filialeids) {
+          this.$dispatch('cancel')
         }
-        if (rs.length == 0) {
-          this.areamodel.f_price_name = ''
+      }
+      this.cleardara()
+      this.initdata()
+    }
+  },
+  computed: {
+    userusetypes () {
+      return this.$appdata.getParam('用气类型')
+    },
+    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})
+            })
+          }
+        })
+      }
+      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>