address-client 1.3.55 → 1.3.57-2

package/src/components/AddAreaMsg.vue

@@ -1,544 +1,564 @@
-<template>
-  <div class="span">
-    <validator name='v'>
-      <div class="auto select-overspread form-horizontal">
-        <div class="row auto">
-          <div class="col-sm-12 bg-info text-center"  style="padding: 8px;font-size: 18px;font-weight: bold">
-            <span v-if="operation=='add'&&!f_specia">添加{{areatype}}</span>
-            <span v-if="operation=='modify'&&!f_special">修改【{{areamodel.f_residential_area}}】小区</span>
-            <span v-if="operation=='add'&&f_specia">添加{{areatype}}</span>
-            <span v-if="operation=='modify'&&f_special">修改【{{areamodel.f_residential_area}}】单位</span>
-          </div>
-        <!--基本小区(单位)信息-->
-        <div class="col-sm-6 form-group form-input-group"
-             :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
-          <label class="control-label">省市区</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_pcd_id"
-                   v-validate:f_pcd_id='{required: true }'>
-            <v-select
-              :value.sync="areamodel.f_pcd_id" :value-single="true"
-              :options='pcdslist' placeholder='请选择'
-              close-on-select search="true" @change="pcdChange">
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-             :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
-          <label class="control-label">街道名称</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_street_id"
-                   v-validate:f_street_id='{required: true }'>
-            <v-select
-              :value.sync="areamodel.f_street_id" :value-single="true"
-              :options='streetslist' placeholder='请选择'
-              close-on-select search="true" @change="streetChange">
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group">
-          <label class="control-label">片区</label>
-          <div class="col-sm-4">
-            <v-select :value.sync="areamodel.f_slice_area" :value-single="true"
-                      :options='sliceArea' placeholder='片区/管理站'
-                      close-on-select>
-            </v-select>
-          </div>
-        </div>
-          <!--小区(特殊)信息-->
-          <div v-if="!f_special"
-          class="col-sm-6 form-group form-input-group"
-                    :class="[$v.f_residential_area.required ? 'has-error' : 'has-success']">
-          <label class="control-label">小区名称</label>
-          <div class="col-sm-4">
-            <input type="text"  v-model="areamodel.f_residential_area"
-                   class="form-control" placeholder="小区名称"
-                   v-validate:f_residential_area='{required: true }'>
-          </div>
-        </div>
-        <div v-if="!f_special"
-          class="col-sm-12 form-group form-input-group">
-          <label class="control-label">小区地址</label>
-          <div class="col-sm-8">
-            <input type="text"  v-model="areamodel.f_area_address"
-                   class="form-control" placeholder="小区地址">
-          </div>
-        </div>
-          <!--单位(特殊)信息-->
-        <div v-if="f_special"
-          class="col-sm-6 form-group form-input-group"
-             :class="[$v.f_residential_area.required ? 'has-error' : 'has-success']">
-          <label class="control-label">单位名称</label>
-          <div class="col-sm-4">
-            <input type="text"  v-model="areamodel.f_residential_area"
-                   class="form-control" placeholder="单位名称"
-                   v-validate:f_residential_area='{required: true }'>
-          </div>
-        </div>
-        <div v-if="f_special"
-             class="col-sm-12 form-group form-input-group">
-          <label class="control-label">单位地址</label>
-          <div class="col-sm-8">
-            <input type="text"  v-model="areamodel.f_area_address"
-                   class="form-control" placeholder="单位地址">
-          </div>
-        </div>
-        <div v-if="f_special"
-             class="col-sm-6 form-group form-input-group"
-             :class="[$v.f_linkname.required ? 'has-error' : 'has-success']">
-          <label class="control-label">联系人</label>
-          <div class="col-sm-4">
-            <input type="text"  v-model="areamodel.f_linkname"
-                   class="form-control" placeholder="联系人"
-                   v-validate:f_linkname='{required: true }'>
-          </div>
-        </div>
-        <div v-if="f_special"
-             class="col-sm-6 form-group form-input-group"
-             :class="[$v.f_linkphone.required ? 'has-error' : 'has-success']">
-          <label class="control-label">联系电话</label>
-          <div class="col-sm-4">
-            <input type="text"  v-model="areamodel.f_linkphone"
-                   class="form-control" placeholder="联系电话"
-                   v-validate:f_linkphone='{required: true }'>
-          </div>
-        </div>
-        <div class="col-sm-12">
-          <br/>
-        </div>
-          <!--表具信息-->
-        <div v-if="!f_special" class="col-sm-12 bg-info text-center"  style="padding: 8px;font-size: 18px;font-weight: bold">
-          <span >默认表具信息</span>
-        </div>
-          <div v-if="!f_special">
-        <div class="col-sm-6 form-group form-input-group">
-          <label class="control-label">用户类型</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_user_type"
-            >
-            <v-select
-              :value.sync="areamodel.f_user_type" :value-single="true"
-              :options='usertypes' placeholder='用户类型'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-        >
-          <label class="control-label">用气性质</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_gasproperties"
-            >
-            <v-select
-              :value.sync="areamodel.f_gasproperties" :value-single="true"
-              :options='gasproperties' placeholder='用气性质'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-        >
-          <label class="control-label">气表品牌</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_meter_brand"
-            >
-            <v-select
-              :value.sync="areamodel.f_meter_brand" :value-single="true"
-              :options='meterbrands' placeholder='气表品牌'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-        >
-          <label class="control-label">气表型号</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_meter_style"
-            >
-            <v-select
-              :value.sync="areamodel.f_meter_style" :value-single="true"
-              :options='meterstyle' placeholder='气表型号'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-        >
-          <label class="control-label">气价类型</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_price_type"
-            >
-            <v-select
-              :value.sync="areamodel.f_price_type" :value-single="true"
-              :options='f_price_types' placeholder='气价类型'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group"
-        >
-          <label class="control-label">气价名称</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_price_name"
-            >
-            <v-select
-              :value.sync="areamodel.f_price_name" :value-single="true"
-              :options='pricenames' placeholder='气价名称'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group">
-          <label class="control-label">安装位置</label>
-          <div class="col-sm-4">
-            <input type="text" v-show="false" v-model="areamodel.f_position">
-            <v-select
-              :value.sync="areamodel.f_position" :value-single="true"
-              :options='positions' placeholder='安装位置'
-              close-on-select >
-            </v-select>
-          </div>
-        </div>
-        <div class="col-sm-6 form-group form-input-group">
-          <label class="control-label">抄表员</label>
-          <div class="col-sm-4">
-            <input type="text" 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>
-        <div class="col-sm-6 form-group form-input-group">
-          <label class="control-label">调压箱</label>
-          <div class="col-sm-4">
-            <input type="text" 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>
-        </div>
-          <div v-if="f_special" class="col-sm-6">
-            <br/>
-          </div>
-        <div class="col-sm-6" style="text-align:right;">
-          <button class="btn btn-default fr" @click="cancel()">取消</button>
-          <button class="btn btn-success fr" @click="confirm()" :disabled='!$v.valid'>保存</button>
-        </div>
-      </div>
-      </div>
-    </validator>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-
-  export default {
-    title: '小区添加',
-    data () {
-      return {
-        //初始化省市区数据
-        pcdslist:[],
-        //初始化街道数据
-        streetslist:[],
-        //小区
-        areamodel: {
-          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:'',
-        },
-      }
-    },
-    props: ['f_filialeids','f_special', 'areatype','row','operation'],
-    ready(){
-      this.initdata()
-    },
-    init(){
-      this.$LoadParams.loadParam()
-    },
-    methods: {
-      //初始化省市区,添加街道
-      initpcds(pconditon){
-        console.log("省市区准备")
-        let HttpReset = new HttpResetClass()
-        HttpReset.load('POST', 'rs/sql/address_singleTableOrderBy', {
-          data: {
-            items: '*',
-            tablename: 't_pcd',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'}).then((req) => {
-          let redata = []
-          req.data.forEach((row, n) => {
-            redata[n] = {
-              label: row.f_pcd,
-              value: row.id,
-              data:row,
-              id:row.id
-            }
-          })
-          this.pcdslist=redata
-          //this.$emit('ready')
-        })
-      },
-      //初始化街道 添加小区
-      initstreets(pconditon){
-        console.log("街道数据准备")
-        let HttpReset = new HttpResetClass()
-        HttpReset.load('POST', 'rs/sql/address_singleTableOrderBy', {
-          data: {
-            items: '*',
-            tablename: 't_street',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'}).then((req) => {
-          let redata = []
-          req.data.forEach((row, n) => {
-            redata[n] = {
-              label: row.f_street,
-              value: row.id,
-              data:row,
-              id:row.id
-            }
-          })
-          this.streetslist=redata
-          //this.$emit('ready')
-        })
-      },
-      //根据名字找数据
-      findbyid(list,name){
-        var result
-        list.forEach((row, n) => {
-          if(name==row.id){
-            result= row.data
-          }
-        })
-        return result
-      },
-      //初始化数据
-      initdata(){
-        console.log('areatype是....',this.areatype)
-        this.initpcds(` f_filialeids = '${this.f_filialeids}'`)
-        this.initstreets(` f_filialeids = '${this.f_filialeids}'`)
-      },
-      //省/市/区变化
-      pcdChange(val){
-        console.log("省/市/区变化",val)
-        if(val&&this.operation=='add'){
-          //那就把街道数据重新组织一下
-          this.initstreets(` f_filialeids = '${this.f_filialeids}' and f_pcd_id ='${val}' `)
-          if(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=''
-            }
-          }
-        }
-        this.$resetValidation()
-      },
-      //街道变化
-      streetChange(val){
-        console.log("街道变化",val)
-        if(val&&this.operation=='add'){
-          if(this.areamodel.f_pcd_id.length==0){
-            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_operator= this.$login.f.name
-        this.areamodel.f_filiale = this.$login.f.f_fengongsi
-        this.areamodel.f_outlets = this.$login.f.f_parentname
-        this.areamodel.f_orgstr = this.$login.f.orgpathstr
-        this.areamodel.f_filialeids =this.$login.f.f_orgids
-        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_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:'',
-        }
-      },
-      cancel(){
-        this.cleardara()
-        this.$dispatch('cancel')
-      },
-    },
-    watch: {
-      'areatype'(){
-        this.initdata()
-      },
-      'areamodel.f_pcd_id'(){
-        if(this.areamodel.f_pcd_id&&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_pcd_id&&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'(){
-        this.initdata()
-      }
-    },
-    computed: {
-      usertypes () {
-        return this.$appdata.getParam('用户类型')
-      },
-      gasproperties () {
-        let rs = []
-        if (this.areamodel.f_user_type) {
-          rs = this.$appdata.getParam(this.areamodel.f_user_type)
-        }
-        return rs
-      },
-      meterbrands () {
-        let ret = this.$GetSaleParam.getGasbrand()
-        let rs = new Array()
-        ret.forEach((item, index) =>{
-          rs.push({label: item.label, value: item.value.f_meter_brand})
-        })
-        console.log("气表品牌: ", rs)
-        return rs
-      },
-      meterstyle() {
-        let ret = this.$GetSaleParam.getGasbrand()
-        console.log("气表型号ret: ", ret)
-        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})
-              })
-            }
-          })
-        }
-        console.log("气表型号rs: ", rs)
-        return rs
-      },
-      f_price_types () {
-        return this.$appdata.getParam('气价类型')
-      },
-      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.$login.f.f_fengongsi
-          }
-          console.log('气价参数。，。。', params)
-          let ret = this.$GetSaleParam.getPrice(params)
-          ret.forEach((item, index) => {
-            rs.push({label: item.label, value: item.value.f_price_name})
-            // rs[index].value = item.value.f_price_name
-          })
-        }
-        return rs
-      },
-      positions () {
-        return this.$appdata.getParam('安装位置')
-      },
-      adjustables () {
-        let filter = this.$login.f.f_orgids
-        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})
-        })
-        return [{label: '全部', value: ''}, ...arr]
-      },
-      sliceArea () {
-        let rs = new Array()
-        for (let i = 0; i < this.$login.f.f_allArea.length; i++) {
-          let temp = {
-            label: this.$login.f.f_allArea[i].label,
-            value: this.$login.f.f_allArea[i].label
-          }
-          rs.push(temp)
-        }
-        return rs
-      },
-      inputtores () {
-        // 获取抄表员
-        let rs = new Array()
-        if (this.$login.f.f_gasman.length > 0) {
-          for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
-            let temp = {
-              label: this.$login.f.f_gasman[i].name,
-              value: this.$login.f.f_gasman[i].name
-            }
-            rs.push(temp)
-          }
-        }
-        return rs
-      },
-    },
-  }
-</script>
-<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;
-  }
-</style>
+<template>
+  <div class="span">
+    <validator name='v'>
+      <div class="auto select-overspread form-horizontal">
+        <div class="row auto">
+          <div class="col-sm-12 bg-info text-center"  style="padding: 8px;font-size: 18px;font-weight: bold">
+            <span v-if="operation=='add'&&!f_specia">添加{{areatype}}</span>
+            <span v-if="operation=='modify'&&!f_special">修改【{{areamodel.f_residential_area}}】小区</span>
+            <span v-if="operation=='add'&&f_specia">添加{{areatype}}</span>
+            <span v-if="operation=='modify'&&f_special">修改【{{areamodel.f_residential_area}}】单位</span>
+          </div>
+        <!--基本小区(单位)信息-->
+        <div class="col-sm-6 form-group form-input-group"
+             :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
+          <label class="control-label">省市区</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_pcd_id"
+                   v-validate:f_pcd_id='{required: true }'>
+            <v-select
+              :value.sync="areamodel.f_pcd_id" :value-single="true"
+              :options='pcdslist' placeholder='请选择'
+              close-on-select search="true" @change="pcdChange">
+            </v-select>
+          </div>
+        </div>
+        <div class="col-sm-6 form-group form-input-group"
+             :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
+          <label class="control-label">街道名称</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_street_id"
+                   v-validate:f_street_id='{required: true }'>
+            <v-select
+              :value.sync="areamodel.f_street_id" :value-single="true"
+              :options='streetslist' placeholder='请选择'
+              close-on-select search="true" @change="streetChange">
+            </v-select>
+          </div>
+        </div>
+
+          <!--小区(特殊)信息-->
+          <div v-if="!f_special"
+          class="col-sm-6 form-group form-input-group"
+                    :class="[$v.f_residential_area.required ? 'has-error' : 'has-success']">
+          <label class="control-label">小区名称</label>
+          <div class="col-sm-4">
+            <input type="text"  v-model="areamodel.f_residential_area"
+                   class="form-control" placeholder="小区名称"
+                   v-validate:f_residential_area='{required: true }'>
+          </div>
+        </div>
+        <div class="col-sm-6 form-group form-input-group">
+          <label class="control-label">片区</label>
+          <div class="col-sm-4">
+            <v-select :value.sync="areamodel.f_slice_area" :value-single="true"
+                      :options='sliceArea' placeholder='片区/管理站'
+                      close-on-select>
+            </v-select>
+          </div>
+        </div>
+        <div v-if="!f_special"
+          class="col-sm-12 form-group form-input-group">
+          <label class="control-label">小区地址</label>
+          <div class="col-sm-8">
+            <input type="text"  v-model="areamodel.f_area_address"
+                   class="form-control" placeholder="小区地址">
+          </div>
+        </div>
+          <!--单位(特殊)信息-->
+        <div v-if="f_special"
+          class="col-sm-6 form-group form-input-group"
+             :class="[$v.f_residential_area.required ? 'has-error' : 'has-success']">
+          <label class="control-label">单位名称</label>
+          <div class="col-sm-4">
+            <input type="text"  v-model="areamodel.f_residential_area"
+                   class="form-control" placeholder="单位名称"
+                   v-validate:f_residential_area='{required: true }'>
+          </div>
+        </div>
+        <div v-if="f_special"
+             class="col-sm-12 form-group form-input-group">
+          <label class="control-label">单位地址</label>
+          <div class="col-sm-8">
+            <input type="text"  v-model="areamodel.f_area_address"
+                   class="form-control" placeholder="单位地址">
+          </div>
+        </div>
+        <div v-if="f_special"
+             class="col-sm-6 form-group form-input-group"
+             :class="[$v.f_linkname.required ? 'has-error' : 'has-success']">
+          <label class="control-label">联系人</label>
+          <div class="col-sm-4">
+            <input type="text"  v-model="areamodel.f_linkname"
+                   class="form-control" placeholder="联系人"
+                   v-validate:f_linkname='{required: true }'>
+          </div>
+        </div>
+        <div v-if="f_special"
+             class="col-sm-6 form-group form-input-group"
+             :class="[$v.f_linkphone.required ? 'has-error' : 'has-success']">
+          <label class="control-label">联系电话</label>
+          <div class="col-sm-4">
+            <input type="text"  v-model="areamodel.f_linkphone"
+                   class="form-control" placeholder="联系电话"
+                   v-validate:f_linkphone='{required: true }'>
+          </div>
+        </div>
+        <div class="col-sm-12">
+          <br/>
+        </div>
+          <!--表具信息-->
+        <div v-if="!f_special" class="col-sm-12 bg-info text-center"  style="padding: 8px;font-size: 18px;font-weight: bold">
+          <span >默认表具信息</span>
+        </div>
+          <div v-if="!f_special">
+        <div class="col-sm-6 form-group form-input-group">
+          <label class="control-label">用户类型</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_user_type"
+            >
+            <v-select
+              :value.sync="areamodel.f_user_type" :value-single="true"
+              :options='usertypes' placeholder='用户类型'
+              close-on-select >
+            </v-select>
+          </div>
+        </div>
+        <div class="col-sm-6 form-group form-input-group"
+        >
+          <label class="control-label">用气性质</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_gasproperties"
+            >
+            <v-select
+              :value.sync="areamodel.f_gasproperties" :value-single="true"
+              :options='gasproperties' placeholder='用气性质'
+              close-on-select >
+            </v-select>
+          </div>
+        </div>
+
+        <div class="col-sm-6 form-group form-input-group"
+        >
+          <label class="control-label">气价类型</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_price_type"
+            >
+            <v-select
+              :value.sync="areamodel.f_price_type" :value-single="true"
+              :options='f_price_types' placeholder='气价类型'
+              close-on-select >
+            </v-select>
+          </div>
+        </div>
+        <div class="col-sm-6 form-group form-input-group"
+        >
+          <label class="control-label">气价名称</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_price_name"
+            >
+            <v-select
+              :value.sync="areamodel.f_price_name" :value-single="true"
+              :options='pricenames' placeholder='气价名称'
+              close-on-select >
+            </v-select>
+          </div>
+        </div>
+            <div class="col-sm-6 form-group form-input-group"
+            >
+              <label class="control-label">气表品牌</label>
+              <div class="col-sm-4">
+                <input type="text" v-show="false" v-model="areamodel.f_meter_brand"
+                >
+                <v-select
+                  :value.sync="areamodel.f_meter_brand" :value-single="true"
+                  :options='meterbrands' placeholder='气表品牌'
+                  close-on-select >
+                </v-select>
+              </div>
+            </div>
+            <div class="col-sm-6 form-group form-input-group"
+            >
+              <label class="control-label">气表型号</label>
+              <div class="col-sm-4">
+                <input type="text" v-show="false" v-model="areamodel.f_meter_style"
+                >
+                <v-select
+                  :value.sync="areamodel.f_meter_style" :value-single="true"
+                  :options='meterstyle' placeholder='气表型号'
+                  close-on-select >
+                </v-select>
+              </div>
+            </div>
+        <div class="col-sm-6 form-group form-input-group">
+          <label class="control-label">安装位置</label>
+          <div class="col-sm-4">
+            <input type="text" v-show="false" v-model="areamodel.f_position">
+            <v-select
+              :value.sync="areamodel.f_position" :value-single="true"
+              :options='positions' placeholder='安装位置'
+              close-on-select >
+            </v-select>
+          </div>
+        </div>
+        <div class="col-sm-6 form-group form-input-group">
+          <label class="control-label">抄表员</label>
+          <div class="col-sm-4">
+            <input type="text" 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>
+        <div class="col-sm-6 form-group form-input-group">
+          <label class="control-label">调压箱</label>
+          <div class="col-sm-4">
+            <input type="text" 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>
+        </div>
+          <div v-if="f_special" class="col-sm-6">
+            <br/>
+          </div>
+        <div class="col-sm-6" style="text-align:right;">
+          <button class="btn btn-default fr" @click="cancel()">取消</button>
+          <button class="btn btn-success fr" @click="confirm()" :disabled='!$v.valid'>保存</button>
+        </div>
+      </div>
+      </div>
+    </validator>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+
+  export default {
+    title: '小区添加',
+    data () {
+      return {
+        //初始化省市区数据
+        pcdslist:[],
+        //初始化街道数据
+        streetslist:[],
+        //小区
+        areamodel: {
+          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:'',
+        },
+      }
+    },
+    props: ['f_filialeids','f_special', 'areatype','row','operation'],
+    ready(){
+      this.initdata().then(()=>{
+        this.$emit('ready')
+      }).catch((error) => {
+        this.$emit('error', error)
+      })
+    },
+    init(){
+      this.$LoadParams.loadParam()
+    },
+    methods: {
+      //初始化省市区,添加街道
+       async initpcds(pconditon){
+        console.log("省市区准备")
+         this.pcdslist = []
+         let HttpReset = new HttpResetClass()
+         let req = await HttpReset.load('POST', 'rs/sql/address_singleTableOrderBy', {
+           data: {
+             items: '*',
+             tablename: 't_pcd',
+             orderitem: 'id',
+             condition: pconditon
+           }
+         }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+         let redata = []
+         req.data.forEach((row, n) => {
+           redata[n] = {
+             label: row.f_pcd,
+             value: row.id,
+             data:row,
+             id:row.id
+           }
+         })
+         this.pcdslist=redata
+      },
+      //初始化街道 添加小区
+      async initstreets(pconditon){
+        console.log("街道数据准备")
+        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
+      },
+      //根据名字找数据
+      findbyid(list,name){
+        var result
+        list.forEach((row, n) => {
+          if(name==row.id){
+            result= row.data
+          }
+        })
+        return result
+      },
+      //初始化数据
+      async initdata(){
+        console.log('areatype是....',this.areatype)
+        await this.initpcds(` f_filialeids = '${this.f_filialeids}'`)
+        await this.initstreets(` f_filialeids = '${this.f_filialeids}'`)
+      },
+      //省/市/区变化
+      async pcdChange(val){
+        console.log("省/市/区变化",val)
+        if(val){
+          //那就把街道数据重新组织一下
+          console.log("准备去查询",val)
+          await this.initstreets(` f_filialeids = '${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()
+      },
+
+      //街道变化
+      streetChange(val){
+        console.log("街道变化",val)
+        if(val&&this.operation=='add'){
+          if(this.areamodel.f_pcd_id.length==0){
+            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_operator= this.areamodel.f_operator?this.areamodel.f_operator:this.$login.f.name
+        this.areamodel.f_filiale = this.$login.f.f_fengongsi
+        this.areamodel.f_outlets = this.$login.f.f_parentname
+        this.areamodel.f_orgstr = this.$login.f.orgpathstr
+        this.areamodel.f_filialeids =this.f_filialeids
+        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_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:'',
+        }
+      },
+      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'(){
+        this.initdata()
+      }
+    },
+    computed: {
+      usertypes () {
+        return this.$appdata.getParam('用户类型')
+      },
+      gasproperties () {
+        let rs = []
+        if (this.areamodel.f_user_type) {
+          rs = this.$appdata.getParam(this.areamodel.f_user_type)
+        }
+        return rs
+      },
+      meterbrands () {
+        let ret = this.$GetSaleParam.getGasbrand()
+        let rs = new Array()
+        ret.forEach((item, index) =>{
+          rs.push({label: item.label, value: item.value.f_meter_brand})
+        })
+        console.log("气表品牌: ", rs)
+        return rs
+      },
+      meterstyle() {
+        let ret = this.$GetSaleParam.getGasbrand()
+        console.log("气表型号ret: ", ret)
+        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})
+              })
+            }
+          })
+        }
+        console.log("气表型号rs: ", rs)
+        return rs
+      },
+      f_price_types () {
+        return this.$appdata.getParam('气价类型')
+      },
+      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.$login.f.f_fengongsi
+          }
+          console.log('气价参数。，。。', params)
+          let ret = this.$GetSaleParam.getPrice(params)
+          ret.forEach((item, index) => {
+            rs.push({label: item.label, value: item.value.f_price_name})
+            // rs[index].value = item.value.f_price_name
+          })
+        }
+        return rs
+      },
+      positions () {
+        return this.$appdata.getParam('安装位置')
+      },
+      adjustables () {
+        let filter = this.$login.f.f_orgids
+        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})
+        })
+        return [{label: '全部', value: ''}, ...arr]
+      },
+      sliceArea () {
+        let rs = new Array()
+        for (let i = 0; i < this.$login.f.f_allArea.length; i++) {
+          let temp = {
+            label: this.$login.f.f_allArea[i].label,
+            value: this.$login.f.f_allArea[i].label
+          }
+          rs.push(temp)
+        }
+        return rs
+      },
+      inputtores () {
+        // 获取抄表员
+        let rs = new Array()
+        if (this.$login.f.f_gasman.length > 0) {
+          for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
+            let temp = {
+              label: this.$login.f.f_gasman[i].name,
+              value: this.$login.f.f_gasman[i].name
+            }
+            rs.push(temp)
+          }
+        }
+        return rs
+      },
+    },
+  }
+</script>
+<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;
+  }
+</style>