address-client 3.2.29 → 3.2.32

package/src/filiale/dongguan/AddStreetOrPcd.vue

@@ -0,0 +1,422 @@
+<template>
+  <div class="span">
+    <validator name='v'>
+      <p class="bg-info text-center" style="padding: 8px;" v-if="operation=='add'">添加{{areatype}}</p>
+      <p class="bg-info text-center" style="padding: 8px;" v-if="operation=='modify'&&areatype=='街道'">修改【{{streetmodel.f_street}}】街道</p>
+      <p class="bg-info text-center" style="padding: 8px;" v-if="operation=='modify'&&areatype=='省市区'">修改【{{pcdmodel.f_pcd}}】</p>
+      <div class="auto select-overspread form-horizontal">
+        <div style="text-align:right;margin-top:6px;" class="col-sm-12">
+          <!-- 省市区-->
+          <div v-if="areatype=='省市区'" class="row">
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_province.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">省&emsp;&emsp;份</label>
+              <input type="text" v-show="false"  v-model="pcdmodel.f_province"
+                     v-validate:f_province='{required: true }'>
+              <v-select :value.sync="pcdmodel.f_province" :value-single="true"
+                        :options='provinceOptions' placeholder='请选择'
+                        close-on-select search="true" @change="areaChange('province')">
+              </v-select>
+            </div>
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_city.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">城&emsp;&emsp;市</label>
+              <input type="text" v-show="false"  v-model="pcdmodel.f_city"
+                     v-validate:f_city='{required: true }'>
+              <v-select :value.sync="pcdmodel.f_city" :value-single="true"
+                        :options='cityOptions' placeholder='请选择'
+                        close-on-select search="true" @change="areaChange('city')">
+              </v-select>
+            </div>
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_district.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">区&ensp;&ensp;/&ensp;县</label>
+              <input type="text" v-show="false"  v-model="pcdmodel.f_district"
+                     v-validate:f_district='{required: true }'>
+              <v-select :value.sync="pcdmodel.f_district" :value-single="true"
+                        :options='districtOptions' placeholder='请选择'
+                        close-on-select search="true" @change="areaChange('district')">
+              </v-select>
+            </div>
+            <div class="col-sm-6 form-group " v-if="config.hasnumber"
+                 :class="[$v.f_pcd_number.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">区域编码</label>
+              <input type="number"  v-model="pcdmodel.f_pcd_number"
+                     class="input_search" style="width:60%" placeholder="区/县"
+                     @change="numberyanzheng"
+                     v-validate:f_pcd_number='{required: true }'>
+            </div>
+            <div class="col-sm-12 form-group">
+              <label  class="font_normal_body " style="">备&emsp;&emsp;注</label>
+              <textarea class="input_textarea" rows="3" style="margin-top:25px;width:80%;height: auto;" v-model="pcdmodel.f_comments"></textarea>
+            </div>
+          </div>
+          <!-- 街道-->
+          <div v-if="areatype=='街道'" class="row">
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">省&ensp;市&ensp;区</label>
+                <input type="text" v-show="false"  v-model="streetmodel.f_pcd_id"
+                       v-validate:f_pcd_id='{required: true }'>
+                <v-select
+                  :value.sync="streetmodel.f_pcd_id" :value-single="true"
+                  :options='pcdslist' placeholder='请选择'
+                  close-on-select search="true" @change="pcdChange">
+                </v-select>
+            </div>
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_street.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">街道/乡镇</label>
+                <input type="text"  v-model="streetmodel.f_street"
+                       class="input_search" style="width:60%" placeholder="街道/乡镇"
+                       v-validate:f_street='{required: true }'>
+            </div>
+            <div class="col-sm-6 form-group " v-if="config.hasnumber"
+                 :class="[$v.f_street_number.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">街道编号</label>
+              <input type="text"  v-model="streetmodel.f_street_number"
+                     @change="streetyanzheng"
+                     class="input_search" style="width:60%" placeholder="街道编号"
+                     v-validate:f_street_number='{required: true }'>
+            </div>
+            <div class="col-sm-6 form-group "
+                 :class="[$v.f_iscity.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">地区类型</label>
+              <input type="text" v-show="false"  v-model="streetmodel.f_iscity"
+                     v-validate:f_iscity='{required: true }'>
+              <v-select
+                :value.sync="streetmodel.f_iscity" :value-single="true"
+                :options='iscity' placeholder='请选择'
+                close-on-select>
+              </v-select>
+            </div>
+            <div class="col-sm-12 form-group">
+              <label  class="font_normal_body " style="">备&emsp;&emsp;注</label>
+              <textarea class="input_textarea" rows="3" style="margin-top:25px;width:80%;height: auto;" v-model="streetmodel.f_comments"></textarea>
+            </div>
+          </div>
+
+          <div class="row">
+          <div style="margin-top:40px;text-align:right;">
+            <button class="button_search button_spacing" @click="confirm()" :disabled='!$v.valid'>保存</button>
+            <button class="button_clear button_spacing" @click="cancel()">取消</button>
+          </div>
+            <div v-if="areatype=='省市区'" class="row" style="margin-top:40px;height: 580px;">
+            <city-list v-ref:addpcd @select-changed="selected" :f_filialeids.sync="f_filialeids"></city-list>
+            </div>
+          </div>
+        </div>
+    </validator>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+
+  let getAreaConfig = async function (self) {
+    // 获取气价里面的配置
+    await self.$getConfig(self, 'UserPcd')
+    console.log('原地址配置',self.config)
+    console.log('获取地址配置',self.config)
+    Object.assign(self.model, self.config)
+  }
+  export default {
+    title: '区域地址添加',
+    data () {
+      return {
+        //初始化省市区数据
+        config:{
+          hasnumber: false
+        },
+        pcdslist:[],
+        iscity:[{label:'市区',value:'市区'},{label:'乡镇',value:'乡镇'}],
+        //省市区
+        pcdmodel: {
+          f_province:'',
+          f_city:'',
+          f_district:'',
+          f_comments:'',
+          f_pcd_number: ''
+        },
+        //街道
+        streetmodel: {
+          f_pcd_id:'',
+          f_street_id:'',
+          slice_area: null,
+          f_slice_area: null,
+          f_adjustable_id: null,
+          f_street:'',
+          f_comments:'',
+          f_street_number:''
+        },
+        provinceOptions: []
+      }
+    },
+    props: ['f_filialeids', 'areatype','row','operation'],
+    computed: {
+      cityOptions(){
+        if (this.pcdmodel.f_province){
+          for (const province of this.provinceOptions){
+            if (province.value == this.pcdmodel.f_province){
+              return province.children
+            }
+          }
+        }
+        return []
+      },
+      districtOptions(){
+        if (this.pcdmodel.f_city){
+          for (const province of this.provinceOptions){
+            if (province.value == this.pcdmodel.f_province){
+              for (const city of this.cityOptions){
+                if (city.value == this.pcdmodel.f_city){
+                  return city.children
+                }
+              }
+            }
+          }
+        }
+        return []
+      }
+    },
+    ready(){
+      this.initdata()
+      getAreaConfig(this)
+    },
+    methods: {
+      areaChange(type){
+        if (type == 'province'){
+          this.pcdmodel.f_city = ''
+          this.pcdmodel.f_district = ''
+        } else if (type == 'city'){
+          this.pcdmodel.f_district = ''
+        }
+
+        this.$resetValidation()
+      },
+      /**
+       * 构造树型结构数据
+       * [label,value,children]
+       */
+      handleTree (data, id, parentId, children) {
+        const config = {
+          id: id || 'id',
+          parentId: parentId || 'parent_id',
+          childrenList: children || 'children'
+        }
+        const childrenListMap = {}
+        const nodeIds = {}
+        const tree = []
+        for (const d of data) {
+          const parentId = d[config.parentId]
+          if (childrenListMap[parentId] == null) {
+            childrenListMap[parentId] = []
+          }
+          nodeIds[d[config.id]] = d
+          childrenListMap[parentId].push(d)
+        }
+        for (const d of data) {
+          const parentId = d[config.parentId]
+          if (nodeIds[parentId] == null) {
+            tree.push(d)
+          }
+        }
+        for (const t of tree) {
+          adaptToChildrenList(t)
+        }
+        function adaptToChildrenList (o) {
+          o.label = o.name
+          o.value = o.name
+          if (childrenListMap[o[config.id]] !== null) {
+            o[config.childrenList] = childrenListMap[o[config.id]]
+          }
+          if (o[config.childrenList]) {
+            for (const c of o[config.childrenList]) {
+              adaptToChildrenList(c)
+            }
+          }
+        }
+        return tree
+      },
+      getChinaArea(){
+        this.$resetpost('rs/sql/address_singleTable?pageNo=1&pageSize=9999999', {
+          data: {
+            items: '*',
+            tablename: 'divisions_of_china',
+            condition: 'areaCode is null'
+          }
+        }).then(res => {
+          this.provinceOptions = this.handleTree(res.data, 'code', 'parentcode')
+        })
+      },
+      async streetyanzheng(){
+        console.log(this.streetmodel.f_street_number.length)
+        if (this.streetmodel.f_street_number.length != 2){
+          this.$showAlert('请输入正确的位数', 'warning', 2000)
+          this.streetmodel.f_street_number = ''
+        }else{
+          let res =await this.$resetpost('rs/sql/address_singleTableOrderBy', {
+            data: {
+              items: '*',
+              tablename: 't_street',
+              orderitem: 'id',
+              condition: `f_street_number = '${this.streetmodel.f_street_number}' and f_orgid = '${this.$login.f.orgid}'`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          if (res.data.length>0){
+            if (res.data[0].id != this.streetmodel.id) {
+              this.$showAlert('当前编号已存在', 'warning', 2000)
+              this.streetmodel.f_street_number = ''
+            }
+          }
+        }
+      },
+      async numberyanzheng(){
+        console.log(this.pcdmodel.f_pcd_number.length)
+        if (this.pcdmodel.f_pcd_number.length != 3){
+          this.$showAlert('请输入正确的位数', 'warning', 2000)
+          this.pcdmodel.f_pcd_number = ''
+        }else{
+          let res =await this.$resetpost('rs/sql/address_singleTableOrderBy', {
+            data: {
+              items: '*',
+              tablename: 't_pcd',
+              orderitem: 'id',
+              condition: `f_pcd_number = '${this.pcdmodel.f_pcd_number}' and f_orgid = '${this.$login.f.orgid}'`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          if (res.data.length>0){
+            if (res.data[0].id != this.pcdmodel.id) {
+              this.$showAlert('当前编号已存在', 'warning', 2000)
+              this.pcdmodel.f_pcd_number = ''
+            }
+          }
+        }
+      },
+      //初始化省市区,添加街道
+      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
+        })
+      },
+      //根据名字找数据
+      findbyid(list,name){
+        var result
+        list.forEach((row, n) => {
+          if(name==row.id){
+            result= row.data
+          }
+        })
+        return result
+      },
+      //初始化数据
+      initdata(){
+        if(this.areatype=='街道'){
+          this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
+        }
+        if(this.areatype=='小区'){
+          this.initpcds(` f_filialeid = '${this.f_filialeids}'`)
+          this.initstreets(` f_filialeid = '${this.f_filialeids}'`)
+        }
+        this.getChinaArea()
+      },
+      //省/市/区变化
+      pcdChange(val){
+        console.log("省/市/区变化",val)
+        this.$resetValidation()
+      },
+      //保存
+      async confirm(){
+        if(this.areatype=='省市区'){
+          await this.savepcd()
+        }
+        if(this.areatype=='街道'){
+          await this.savestreet()
+        }
+        this.cleardara()
+        this.$dispatch('confirm')
+      },
+      //保存省市区
+      async savepcd(){
+        this.pcdmodel.f_filialeid = this.f_filialeids
+        this.pcdmodel.f_operator = this.$login.f.name
+        this.pcdmodel.f_operatorid = this.$login.f.id
+        this.pcdmodel.f_orgid = this.$login.f.orgid
+        this.pcdmodel.f_orgname = this.$login.f.orgs
+        this.pcdmodel.f_depid = this.$login.f.depids
+        this.pcdmodel.f_depname = this.$login.f.deps
+        this.pcdmodel.f_pcd = this.pcdmodel.f_province+this.pcdmodel.f_city+this.pcdmodel.f_district
+        await this.$resetpost('rs/logic/address_updatepcd', this.pcdmodel)
+      },
+      //保存街道
+      async savestreet(){
+        this.streetmodel.f_filialeid = this.f_filialeids
+        this.streetmodel.f_operator= this.$login.f.name
+        this.streetmodel.f_operatorid = this.$login.f.id
+        this.streetmodel.f_orgid = this.$login.f.orgid
+        this.streetmodel.f_orgname = this.$login.f.orgs
+        this.streetmodel.f_depid = this.$login.f.depids
+        this.streetmodel.f_depname = this.$login.f.deps
+        this.streetmodel.f_pcd=this.findbyid(this.pcdslist,this.streetmodel.f_pcd_id).f_pcd
+        console.log('获取街道model', this.streetmodel)
+        await this.$resetpost('rs/logic/address_updatestreet', this.streetmodel)
+      },
+      cancel(){
+        this.cleardara()
+        this.$dispatch('cancel')
+      },
+      cleardara () {
+        this.pcdmodel = {
+          f_province: '',
+          f_city: '',
+          f_district: '',
+          f_comments:''
+        }
+        this.streetmodel = {
+          f_pcd_id: '',
+          f_slice_area: '',
+          f_adjustable_id: '',
+          f_street: '',
+          f_comments:''
+        }
+      }
+
+    },
+    watch: {
+      'areatype'(){
+        this.initdata()
+      },
+      'f_filialeids'(){
+        if (this.streetmodel.f_filialeid) {
+          if (this.streetmodel.f_filialeid != this.f_filialeids) {
+            this.$dispatch('cancel')
+          }
+        }
+        if (this.pcdmodel.f_filialeid) {
+          if (this.pcdmodel.f_filialeid != this.f_filialeids) {
+            this.$dispatch('cancel')
+          }
+        }
+        this.initdata()
+      }
+    }
+  }
+</script>

package/src/filiale/dongguan/sale.js

@@ -0,0 +1,7 @@
+// 分公司特殊组件页面注册
+
+let specialComp = {
+  // 街道区县添加
+  'add-street-pcd': (resolve) => { require(['./AddStreetOrPcd'], resolve) }
+}
+exports.specialComp = specialComp