apply-clients 3.3.81 → 3.3.83

package/src/components/android/AreaSelect/AppResAreaSelect.vue

@@ -0,0 +1,108 @@
+<template>
+  <!--<v-select :options='options' placeholder='请选择'-->
+  <!--          :value.sync="selectres"-->
+  <!--          :multiple="isMul"-->
+  <!--          :search="issearch"-->
+  <!--          :close-on-select="!isMul"-->
+  <!--          @change="resChange"-->
+  <!--          :value-single="true"-->
+  <!--&gt;-->
+  <!--</v-select>-->
+  <area-select :options='options' placeholder='请选择'
+               :value.sync="selectres"
+               :multiple="!isMul"
+               :search="issearch"
+               :close-on-select="isMul"
+               @change="resChange"
+               :value-single="true"
+  >
+  </area-select>
+</template>
+<script>
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '资源管理',
+  props: {
+
+    //资源类型
+    restype:'',
+    //资源数据
+    resObj:{},
+    options:[],
+    isMul: {
+      type: Boolean,
+      default: true
+    },
+    issearch: {
+      type: Boolean,
+      default: true
+    },
+    //资源初始化数据 默认选中值
+    initresid: {
+      type: Array,
+      default() { return [] },
+    },
+    //父层id
+    parentresid: {
+      type: Array,
+      default() { return [] },
+    },
+  },
+  data () {
+    return {
+      //资源数据
+      resObj:{},
+      //资源数据列表
+      resoptions:[],
+      //选中资源数据
+      selectres: [],
+    }
+  },
+  ready () {
+    //获取资源列表
+    this.getResList()
+  },
+  methods:{
+    //资源改变
+    resChange(val){
+      let orgnames=[]
+      Object.keys(this.options).forEach((key) => {
+        if(this.selectres.includes(this.options[key].value))
+          orgnames.push(this.options[key].label)
+      })
+      // console.log("资源变化:",this.selectres, orgnames,this.options)
+      this.$dispatch('res-select', this.selectres, orgnames,this.options)
+    },
+    //获取资源数据
+    async getResList() {
+      this.dealdata()
+    },
+    dealdata(){
+      //赋值资源数据选中初始值
+      let arryselect=[]
+      this.options.forEach((item) => {
+        if(this.initresid.length>0){
+          this.initresid.forEach((init) => {
+            if(item.value==init){
+              arryselect.push(item.value)
+            }
+          })
+        }
+      })
+      //赋值资源选中初始值
+      this.selectres=arryselect
+    }
+  },
+  watch: {
+    //监听初始化资源id
+    'initresid.length'(){
+      this.dealdata()
+    },
+    //监听初始化资源id
+    'parentresid'(){
+      this.dealdata()
+    },
+  },
+}
+</script>

package/src/components/android/AreaSelect/AppResAreaSelectGroup.vue

@@ -0,0 +1,135 @@
+<template>
+  <div :class="style">
+    <label :class="labelstyle" :style="shijifontColors">市&emsp;&emsp;县</label>
+    <app-res-area-select
+                :options = options
+                @res-select="getXian"
+                :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+  <div :class="style">
+    <label :class="labelstyle" :style="xianfontColors">街道乡镇</label>
+    <app-res-area-select
+      :options = xian_options
+      @res-select="getjdao"
+      :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+  <div :class="style">
+    <label :class="labelstyle" :style="shequfontColors">社&emsp;&emsp;区</label>
+    <app-res-area-select
+      :options = jdao_options
+      @res-select="getshequ"
+      :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+</template>
+<script>
+
+import { HttpResetClass } from 'vue-client'
+import Vue from "vue";
+export default {
+  title: '区域选择分组',
+  props: {
+    style: {
+      type: String,
+      default: 'col-xs-12 form-group app-input'
+    },
+    labelstyle: {
+      type: String,
+      default: 'font_normal_title'
+    },
+    mul: {
+      type: Boolean,
+      default: true
+    },
+    //初始值 默认选中值
+    initres: {
+      type: Object,
+      default: null,
+    }
+  },
+  data () {
+    return {
+      options:[],
+      initres: [],
+      xianginitres: [],
+      jdaoinitres: [],
+      xian_options:[],
+      jdao_options:[],
+      shijifontColors:"color: #cd5c5c",//红色
+      xianfontColors:"color: #cd5c5c",//红色
+      shequfontColors:"color: #cd5c5c",//红色
+      pubColors:"color: #0c2e4d",// 黑色
+      pub2Colors:"color: #cd5c5c"// 红色
+    }
+  },
+  ready () {
+    this.getResList();
+  },
+  methods:{
+    //获取区域地址
+    async getResList() {
+      let http = new HttpResetClass()
+      let req = await http.load('POST', '/rs/logic/resAreaSelect', {
+          userid: Vue.user.id,
+          orgid: Vue.user.orgid
+        }, {resolveMsg: null, rejectMsg: '获取区域地址失败'})
+      this.options = []
+      this.options = req.data
+    },
+    async getXian(value,lable,obj) {
+      this.xian_options = []
+      this.jdao_options = []
+      let newFilArr = obj.filter( (item,i) =>{
+         if(item.value == value){
+            return item
+         }
+      } )
+      if (newFilArr.length>0){
+        this.xian_options = newFilArr[0].children
+      }
+      if (value !=null && value.length!=0){
+        this.shijifontColors = this.pubColors
+      }else {
+        this.shijifontColors = this.pub2Colors
+        this.xianfontColors = this.pub2Colors
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('shiji-select', value, lable)
+    },
+    async getjdao(value,lable,obj) {
+      this.jdao_options = []
+      let newFilArr = obj.filter( (item,i) =>{
+        if(item.value == value){
+          return item
+        }
+      } )
+      if (newFilArr.length>0){
+        this.jdao_options = newFilArr[0].children
+      }
+      if (value !=null && value.length!=0){
+        this.xianfontColors = this.pubColors
+      }else {
+        this.xianfontColors = this.pub2Colors
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('xian-select',value, lable)
+    },
+    async getshequ(value,lable,obj) {
+      if (value !=null && value.length!=0){
+        this.shequfontColors = this.pubColors
+      }else {
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('shequ-select',value, lable)
+    }
+  },
+  watch: {
+
+  }
+}
+</script>