address-client 3.0.17 → 3.0.19-wsd

package/src/components/AddStreetOrPcd.vue

@@ -1,217 +1,217 @@
-<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=='省市区'">
-            <div class="col-sm-6 "
-                 :class="[$v.f_province.required ? 'has-error' : 'has-success']">
-              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;省份&nbsp;&nbsp;&nbsp;</label>
-                <input type="text"  v-model="pcdmodel.f_province"
-                       class="input_search" style="width:60%" placeholder="省份"
-                       v-validate:f_province='{required: true }'>
-            </div>
-            <div class="col-sm-6 "
-                 :class="[$v.f_city.required ? 'has-error' : 'has-success']">
-              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;城市&nbsp;&nbsp;&nbsp;</label>
-                <input type="text"  v-model="pcdmodel.f_city"
-                       class="input_search" style="width:60%" placeholder="城市"
-                       v-validate:f_city='{required: true }'>
-            </div>
-            <div class="col-sm-6 "
-                 :class="[$v.f_district.required ? 'has-error' : 'has-success']">
-              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;区/县&nbsp;&nbsp;</label>
-                <input type="text"  v-model="pcdmodel.f_district"
-                       class="input_search" style="width:60%" placeholder="区/县"
-                       v-validate:f_district='{required: true }'>
-            </div>
-          </div>
-          <!-- 街道-->
-          <div v-if="areatype=='街道'">
-            <div class="col-sm-6 "
-                 :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
-              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;省市区</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 "
-                 :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>
-          <div class="row" style="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>
-      </div>
-    </validator>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '区域地址添加',
-    data () {
-      return {
-        //初始化省市区数据
-        pcdslist:[],
-        //省市区
-        pcdmodel: {
-          f_province:'',
-          f_city:'',
-          f_district:'',
-        },
-        //街道
-        streetmodel: {
-          f_pcd_id:'',
-          f_street_id:'',
-          slice_area: null,
-          f_slice_area: null,
-          f_adjustable_id: null,
-          f_street:'',
-        }
-      }
-    },
-    props: ['f_filialeids', 'areatype','row','operation'],
-    ready(){
-      this.initdata()
-    },
-    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
-        })
-      },
-      //根据名字找数据
-      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}'`)
-        }
-      },
-      //省/市/区变化
-      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: ''
-        }
-        this.streetmodel = {
-          f_pcd_id: '',
-          f_slice_area: '',
-          f_adjustable_id: '',
-          f_street: ''
-        }
-      }
-
-    },
-    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>
+<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=='省市区'">
+            <div class="col-sm-6 "
+                 :class="[$v.f_province.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;省份&nbsp;&nbsp;&nbsp;</label>
+                <input type="text"  v-model="pcdmodel.f_province"
+                       class="input_search" style="width:60%" placeholder="省份"
+                       v-validate:f_province='{required: true }'>
+            </div>
+            <div class="col-sm-6 "
+                 :class="[$v.f_city.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;城市&nbsp;&nbsp;&nbsp;</label>
+                <input type="text"  v-model="pcdmodel.f_city"
+                       class="input_search" style="width:60%" placeholder="城市"
+                       v-validate:f_city='{required: true }'>
+            </div>
+            <div class="col-sm-6 "
+                 :class="[$v.f_district.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;区/县&nbsp;&nbsp;</label>
+                <input type="text"  v-model="pcdmodel.f_district"
+                       class="input_search" style="width:60%" placeholder="区/县"
+                       v-validate:f_district='{required: true }'>
+            </div>
+          </div>
+          <!-- 街道-->
+          <div v-if="areatype=='街道'">
+            <div class="col-sm-6 "
+                 :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;省市区</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 "
+                 :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>
+          <div class="row" style="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>
+      </div>
+    </validator>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '区域地址添加',
+    data () {
+      return {
+        //初始化省市区数据
+        pcdslist:[],
+        //省市区
+        pcdmodel: {
+          f_province:'',
+          f_city:'',
+          f_district:'',
+        },
+        //街道
+        streetmodel: {
+          f_pcd_id:'',
+          f_street_id:'',
+          slice_area: null,
+          f_slice_area: null,
+          f_adjustable_id: null,
+          f_street:'',
+        }
+      }
+    },
+    props: ['f_filialeids', 'areatype','row','operation'],
+    ready(){
+      this.initdata()
+    },
+    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
+        })
+      },
+      //根据名字找数据
+      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}'`)
+        }
+      },
+      //省/市/区变化
+      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: ''
+        }
+        this.streetmodel = {
+          f_pcd_id: '',
+          f_slice_area: '',
+          f_adjustable_id: '',
+          f_street: ''
+        }
+      }
+
+    },
+    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>