address-client 3.0.24-9 → 3.0.24-aode

package/src/components/AreaList.vue

@@ -1,236 +1,247 @@
-<template>
-  <div class="flex" @keyup.enter="search">
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
-        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-          <div class="row">
-            <div :class="$parent.$parent.style">
-                <label class="font_normal_body">组织机构</label>
-                  <res-select restype='organization'
-                              @res-select="$parent.$parent.getorg"
-                              is-mul="false"
-                              :initresid='$parent.$parent.curorgid'>
-                  </res-select>
-            </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">小区编号</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
-                      condition="f_area_id = '{}'" placeholder="小区编号"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="false">
-              <label class="font_normal_body">省&emsp;&emsp;份</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_province"
-                      condition="f_province like '%{}%'" placeholder="省份"/>
-            </div>
-            <!--<div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">-->
-            <div :class="$parent.$parent.style" v-if="false">
-              <label class="font_normal_body">城&emsp;&emsp;市</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
-                      condition="f_city like '%{}%'" placeholder="城市"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">区&emsp;&emsp;县</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
-                      condition="f_district like '%{}%'" placeholder="区县"/>
-            </div>
-            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
-              <label class="font_normal_body">街&emsp;&emsp;道</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
-                      condition="f_street like '%{}%'" placeholder="街道"/>
-            </div>
-            <div class="col-sm-4 form-group button-range">
-              <button class="button_search button_spacing" @click="search()" >查询</button>
-              <button v-if="!$parent.$parent.f_special" class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('小区')">添加小区</button>
-              <button v-if="$parent.$parent.f_special"class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('单位')">添加单位</button>
-              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
-              <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
-            </div>
-           </div>
-           <div class="row" v-if="$parent.$parent.criteriaShow">
-             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-               <label class="font_normal_body">城&emsp;&emsp;市</label>
-               <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
-                       condition="f_city like '%{}%'" placeholder="城市"
-                       :size="model.f_city ? model.f_city.length*2 : 6"/>
-             </div>
-             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-               <label class="font_normal_body">区&emsp;&emsp;县</label>
-               <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
-                       condition="f_district like '%{}%'" placeholder="区县"
-                       :size="model.f_district ? model.f_district.length*2 : 6"/>
-             </div>
-             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
-               <label class="font_normal_body">街&emsp;&emsp;道</label>
-               <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
-                       condition="f_street like '%{}%'" placeholder="街道"
-                       :size="model.f_street ? model.f_street.length*2 : 6"/>
-             </div>
-            <div :class="$parent.$parent.style">
-              <label class="font_normal_body">小&emsp;&emsp;区</label>
-              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_area"
-                      condition="f_residential_area like '%{}%'" placeholder="小区"
-                      :size="model.f_residential_area ? model.f_residential_area.length*2 : 6"/>
-            </div>
-
-          </div>
-      </div>
-
-
-      </criteria>
-      <data-grid  :model="model" partial='list'  class="list_area table_sy" v-ref:grid>
-        <template partial='head'>
-          <tr>
-            <th><nobr>序号</nobr></th>
-            <th v-if="false"><nobr>省份</nobr></th>
-            <th v-if="false"><nobr>城市</nobr></th>
-            <th><nobr>区/县</nobr></th>
-            <th><nobr>街道名称</nobr></th>
-            <!--民用小区信息开始-->
-            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区名称</nobr></th>
-            <th v-if="!$parent.$parent.$parent.f_special"><nobr>详细地址</nobr></th>
-            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区备注</nobr></th>
-            <!--民用小区信息结束-->
-            <!--非民用单位信息开始-->
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位名称</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位地址</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系人</nobr></th>
-            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系电话</nobr></th>
-            <!--非民用单位信息结束-->
-            <th><nobr>片区/管理站 </nobr></th>
-            <th><nobr>操作人</nobr></th>
-            <th><nobr>操作日期</nobr></th>
-            <th><nobr>操作</nobr></th>
-
-          </tr>
-        </template>
-        <template partial='body'>
-          <tr>
-            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
-            <td style="text-align:center" v-if="false"><nobr>{{row.f_province}}</nobr></td>
-            <td style="text-align:center" v-if="false"><nobr>{{row.f_city}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_district}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_street}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_residential_area}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_area_address}}{{row.f_residential_area}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_comments}}</nobr></td>
-            <!--非民用单位信息开始-->
-            <td  v-if="$parent.$parent.$parent.f_special" style="text-align:center"><nobr>{{row.f_linkname}}</nobr></td>
-            <td  v-if="$parent.$parent.$parent.f_special"  style="text-align:center"><nobr>{{row.f_linkphone}}</nobr></td>
-            <!--非民用单位信息结束-->
-            <td style="text-align:center"><nobr>{{row.f_slice_area}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_operator}}</nobr></td>
-            <td style="text-align:center"><nobr>{{row.f_operate_date}}</nobr></td>
-            <td><nobr>
-              <!--<button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
-            </nobr></td>
-          </tr>
-        </template>
-        <template partial='foot'></template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-
-<script>
-  import { PagedList } from 'vue-client'
-
-  export default {
-
-    data () {
-      return {
-        criteriaShow: false,
-        model: new PagedList('rs/sql/address_getarealist',20),
-        addflag: false,
-        addtitle:'',
-
-        // 公司下拉
-        curorgid: [this.$login.f.orgid],
-        f_orgid: ''
-      }
-    },
-    title: '小区管理',
-    props:{
-      f_filialeids:{
-        type: String
-      },
-      style: {
-        type: String,
-        default: 'col-sm-2 form-group'
-      },
-      f_special:{
-        type: String
-      }
-    },
-    ready(){
-      this.search()
-    },
-    methods: {
-      hidden() {
-        this.criteriaShow = !this.criteriaShow
-      },
-      search() {
-        this.$refs.paged.$refs.cri.search()
-      },
-
-      async delete(row){
-        if(row.id){
-          var id = row.id
-          let useraredss = await this.$resetpost('rs/sql/address_singleTable',
-            {data: {
-              items: 'f_residential_area_id',
-                tablename: 't_user_address',
-                condition: `f_residential_area_id='${id}'`}
-                },
-            {resolveMsg: null, rejectMsg: null})
-          if(useraredss.data.length>0){
-            this.$showAlert('该小区下已有地址信息,无法删除!','warning',1000)
-          }else{
-            this.$resetdelete('rs/entity/t_area', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
-              this.$dispatch('cancel')
-            })
-          }
-        }
-      },
-      add(val){
-        if (this.f_filialeids) {
-          this.$refs.paged.$refs.grid.selectStore.selected = null
-          this.$dispatch('add')
-        } else {
-          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
-        }
-      },
-      modify(val){
-        this.$refs.paged.$refs.grid.selectStore.selected = null
-        this.$dispatch('modify',val)
-      },
-      selfSearch (args) {
-
-        if (!this.f_orgid) {
-          this.getorg([this.$login.f.orgid])
-        }
-        console.log('查询。。。', this.f_orgid)
-        if(this.f_special){
-          args.condition =  `${args.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
-        }else{
-          args.condition =  `${args.condition} and s.f_filialeid = ${this.f_orgid}`
-        }
-        this.model.search(args.condition, args.model)
-      },
-      //清空
-      clear(){
-        this.$refs.paged.$refs.cri.model = {}
-      },
-      getorg (val) {
-        this.f_orgid = this.$login.convertToIn(val)
-        this.f_filialeids = val[0]
-      }
-    },
-    watch:{
-
-    }
-
-  }
-</script>
+<template>
+  <div class="flex" @keyup.enter="search">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div :class="$parent.$parent.style">
+                <label class="font_normal_body">组织机构</label>
+                  <res-select restype='organization'
+                              @res-select="$parent.$parent.getorg"
+                              is-mul="false"
+                              :initresid='$parent.$parent.curorgid'>
+                  </res-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">小区编号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_area_id"
+                      condition="f_area_id = '{}'" placeholder="小区编号"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="false">
+              <label class="font_normal_body">省&emsp;&emsp;份</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_province"
+                      condition="f_province like '%{}%'" placeholder="省份"/>
+            </div>
+            <!--<div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">-->
+            <div :class="$parent.$parent.style" v-if="false">
+              <label class="font_normal_body">城&emsp;&emsp;市</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
+                      condition="f_city like '%{}%'" placeholder="城市"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">区&emsp;&emsp;县</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
+                      condition="f_district like '%{}%'" placeholder="区县"/>
+            </div>
+            <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.areaShow">
+              <label class="font_normal_body">街&emsp;&emsp;道</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
+                      condition="f_street like '%{}%'" placeholder="街道"/>
+            </div>
+            <div class="col-sm-4 form-group button-range">
+              <button class="button_search button_spacing" @click="search()" >查询</button>
+              <button v-if="!$parent.$parent.f_special" class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('小区')">添加小区</button>
+              <button v-if="$parent.$parent.f_special"class="button_new button_spacing" style="width: max-content;" @click="$parent.$parent.add('单位')">添加单位</button>
+              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
+              <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+            </div>
+           </div>
+           <div class="row" v-if="$parent.$parent.criteriaShow">
+             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+               <label class="font_normal_body">城&emsp;&emsp;市</label>
+               <input  type="text" class="input_search" style="width:60%" v-model="model.f_city"
+                       condition="f_city like '%{}%'" placeholder="城市"
+                       :size="model.f_city ? model.f_city.length*2 : 6"/>
+             </div>
+             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+               <label class="font_normal_body">区&emsp;&emsp;县</label>
+               <input  type="text" class="input_search" style="width:60%" v-model="model.f_district"
+                       condition="f_district like '%{}%'" placeholder="区县"
+                       :size="model.f_district ? model.f_district.length*2 : 6"/>
+             </div>
+             <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.areaShow">
+               <label class="font_normal_body">街&emsp;&emsp;道</label>
+               <input  type="text" class="input_search" style="width:60%" v-model="model.f_street"
+                       condition="f_street like '%{}%'" placeholder="街道"
+                       :size="model.f_street ? model.f_street.length*2 : 6"/>
+             </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_residential_area"
+                      condition="f_residential_area like '%{}%'" placeholder="小区"
+                      :size="model.f_residential_area ? model.f_residential_area.length*2 : 6"/>
+            </div>
+
+          </div>
+      </div>
+
+
+      </criteria>
+      <data-grid  :model="model" partial='list'  class="list_area table_sy" v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th><nobr>序号</nobr></th>
+            <th v-if="false"><nobr>省份</nobr></th>
+            <th v-if="false"><nobr>城市</nobr></th>
+            <th><nobr>区/县</nobr></th>
+            <th><nobr>街道名称</nobr></th>
+            <!--民用小区信息开始-->
+            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区名称</nobr></th>
+            <th v-if="!$parent.$parent.$parent.f_special"><nobr>详细地址</nobr></th>
+            <th v-if="!$parent.$parent.$parent.f_special"><nobr>小区备注</nobr></th>
+            <!--民用小区信息结束-->
+            <!--非民用单位信息开始-->
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位名称</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>单位地址</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系人</nobr></th>
+            <th v-if="$parent.$parent.$parent.f_special"><nobr>联系电话</nobr></th>
+            <!--非民用单位信息结束-->
+            <th><nobr>片区/管理站 </nobr></th>
+            <th><nobr>使用人数 </nobr></th>
+            <th><nobr>关联地址 </nobr></th>
+            <th><nobr>操作人</nobr></th>
+            <th><nobr>操作日期</nobr></th>
+            <th><nobr>操作</nobr></th>
+
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
+            <td style="text-align:center" v-if="false"><nobr>{{row.f_province}}</nobr></td>
+            <td style="text-align:center" v-if="false"><nobr>{{row.f_city}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_district}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_street}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_residential_area}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_area_address}}{{row.f_residential_area}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_comments}}</nobr></td>
+            <!--非民用单位信息开始-->
+            <td  v-if="$parent.$parent.$parent.f_special" style="text-align:center"><nobr>{{row.f_linkname}}</nobr></td>
+            <td  v-if="$parent.$parent.$parent.f_special"  style="text-align:center"><nobr>{{row.f_linkphone}}</nobr></td>
+            <!--非民用单位信息结束-->
+            <td style="text-align:center"><nobr>{{row.f_slice_area}}</nobr></td>
+            <td style="text-align:center"><button @click.stop="$parent.$parent.$parent.operate(row.id,row.f_residential_area)" class="btn btn-link">{{row.areacount}}</button></td>
+            <td style="text-align:center"><nobr>{{row.addresscount}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_operator}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_operate_date}}</nobr></td>
+            <td><nobr>
+              <!--<button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>-->
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.delete(row)">删除</button>
+            </nobr></td>
+          </tr>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+
+  export default {
+
+    data () {
+      return {
+        criteriaShow: false,
+        model: new PagedList('rs/sql/address_getarealist',20),
+        addflag: false,
+        addtitle:'',
+
+        // 公司下拉
+        curorgid: [this.$login.f.orgid],
+        f_orgid: ''
+      }
+    },
+    title: '小区管理',
+    props:{
+      f_filialeids:{
+        type: String
+      },
+      style: {
+        type: String,
+        default: 'col-sm-2 form-group'
+      },
+      f_special:{
+        type: String
+      }
+    },
+    ready(){
+      this.search()
+    },
+    methods: {
+      operate (f_residential_area_id,f_residential_area) {
+        this.$parent.areaShow = false;
+        this.$parent.usershow=true
+        this.$parent.f_residential_area_id=f_residential_area_id
+        this.$parent.f_residential_area=f_residential_area
+      },
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      search() {
+        this.$refs.paged.$refs.cri.search()
+      },
+
+      async delete(row){
+        if(row.id){
+          var id = row.id
+          let useraredss = await this.$resetpost('rs/sql/address_singleTable',
+            {data: {
+              items: 'f_residential_area_id',
+                tablename: 't_user_address',
+                condition: `f_residential_area_id='${id}'`}
+                },
+            {resolveMsg: null, rejectMsg: null})
+          if(useraredss.data.length>0){
+            this.$showAlert('该小区下已有地址信息,无法删除!','warning',1000)
+          }else{
+            this.$resetdelete('rs/entity/t_area', {id: id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
+              this.$dispatch('cancel')
+            })
+          }
+        }
+      },
+      add(val){
+        if (this.f_filialeids) {
+          this.$refs.paged.$refs.grid.selectStore.selected = null
+          this.$dispatch('add')
+        } else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      modify(val){
+        this.$refs.paged.$refs.grid.selectStore.selected = null
+        this.$dispatch('modify',val)
+      },
+      selfSearch (args) {
+        this.$parent.usershow = false;
+        this.$parent.areaShow = false;
+        if (!this.f_orgid) {
+          this.getorg([this.$login.f.orgid])
+        }
+        console.log('查询。。。', this.f_orgid)
+        if(this.f_special){
+          args.condition =  `${args.condition} and s.f_special='1' and s.f_filialeid = '${this.f_filialeids}'`
+        }else{
+          args.condition =  `${args.condition} and s.f_filialeid = ${this.f_orgid}`
+        }
+        this.model.search(args.condition, args.model)
+      },
+      //清空
+      clear(){
+        this.$refs.paged.$refs.cri.model = {}
+      },
+      getorg (val) {
+        this.f_orgid = this.$login.convertToIn(val)
+        this.f_filialeids = val[0]
+      }
+    },
+    watch:{
+
+    }
+
+  }
+</script>

package/src/components/AreaManage.vue

@@ -1,8 +1,13 @@
 <template>
   <div id="unit" class="flex-row" :class="{'binary':areaShow}">
-    <div :class="{'basic-main':!areaShow,'binary-left':areaShow}">
+    <div :class="{'basic-main':!areaShow && !usershow,'binary-left':areaShow|| usershow}">
       <area-list @select-changed="selected" v-ref:arealist   :style="style" :f_filialeids.sync="f_filialeids"></area-list>
     </div>
+    <div class="binary-right" v-if="usershow" style="width: 60%">
+      <div class="flex">
+        <area-user :f_residential_area_id="f_residential_area_id" :f_filialeid="f_filialeids" :f_residential_area="f_residential_area"></area-user>
+      </div>
+    </div>
     <div v-show="areaShow" style="width: 60%" class="binary-right">
       <div class="flex">
         <add-area-msg v-ref:addareamsg :areatype="areatype" :operation="operation"
@@ -21,10 +26,14 @@
       return {
         //分公司id串
         width:'100%',
-        f_filialeids: this.$login.f.f_orgids,
+        f_filialeids: this.$login.f.orgid,
         areaShow:false,
         areatype:'小区',
+        f_filialeid:this.$login.f.orgid,
         arearow:{},
+        usershow:false,
+        f_residential_area_id:'',
+        f_residential_area:'',
         style:'col-sm-2 form-group'
       }
     },
@@ -37,6 +46,7 @@
     methods:{
       selected(obj){
         this.style='col-sm-3 form-group'
+        this.usershow =false
         if(obj.val&&obj.val.id){
           console.log('对比分公司', obj.val.f_filialeid, this.f_filialeids)
           if (obj.val.f_filialeid != this.f_filialeids) {
@@ -58,6 +68,7 @@
         }
       },
       refresh() {
+        this.usershow =false
         this.areaShow = false
         this.$refs.arealist.$refs.paged.$refs.cri.search()
       }
@@ -66,6 +77,7 @@
       'add'(){
         this.style='col-sm-3 form-group'
         this.areaShow=true
+        this.usershow =false
         this.$refs.addareamsg.cleardara()
         this.$refs.addareamsg.operation='add'
         this.$refs.addareamsg.areatype='小区'
@@ -74,12 +86,14 @@
       'confirm' () {
         this.style='col-sm-2 form-group'
         this.areaShow = false
+        this.usershow =false
         this.$refs.arealist.$refs.paged.$refs.cri.search()
       },
       'cancel' () {
         this.style='col-sm-2 form-group'
         this.$refs.arealist.$refs.paged.$refs.cri.search()
         this.areaShow = false
+        this.usershow =false
       }
     }
   }