system-phone 3.0.7 → 3.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-phone",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "description": "手机模块 前端组件",
   "author": "何宁社 <524395609@qq.com>",
   "license": "ISC",

package/src/components/OnlineManage.vue

@@ -1,268 +1,268 @@
-<template>
-  <div class="nav-bgcolor">
-    <div class="auto">
-      <div class="row nav-bgcolor" >
-        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name,tab.navigate)">
-          <div class="badge" v-show="tab.name == '维修派发'">
-            <div class="badge-content">{{ pointNum?pointNum:0 }}</div>
-          </div>
-          <img class="imgs" :src="imgback(tab.name)" alt="">
-          <p></p>
-          <p class="pagesfoot">{{tab.name}}</p>
-          <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
-          <p></p>
-        </div>
-      </div>
-      <!--<div class="row" style="overflow:auto;">-->
-      <!--<repair-first v-show="componentName == 'repair-first'" worktype="报修单"  :sourcet="sourcet" tabname="维修待办" v-on:changesum="changesum"></repair-first>-->
-      <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
-      <!--</div>-->
-    </div>
-  </div>
-</template>
-
-<script scoped>
-  import Vue from 'vue'
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    title: '在线业务导航',
-    data () {
-      return {
-        titleName:'在线业务',
-        isMenu:true,
-        tabs: this.getTabs(),
-        text: '导航组件this',
-        beforeName: '在线业务',
-        sourcet: '竖屏',
-        pointNum: null
-
-      }
-    },
-    ready () {
-      // this.getModelSum()
-    },
-
-    methods: {
-      //看去哪个页面
-      getModelSum(){
-        for(var i = 0;i<this.tabs.length;i++){
-          if(this.tabs[i].link == 'readmeter-home' ){
-            this.getZhihuan()
-          }
-          if(this.tabs[i].link == 'weiup-load' ){
-            this.getRepair()
-          }
-          if(this.tabs[i].link == 'upload-page' ){
-            this.getSafeCheck()
-          }
-        }
-
-      },
-      getRepair(){
-        var _this = this;
-        this.timeoutRepair = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':'notUpload','data': {f_workorder_type: '报修单'}})
-          if (result.code === 200) {
-            console.log('查询得到的代办2' + JSON.stringify(result))
-            var crv = {
-              title: '维修上传',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      getSafeCheck(){
-        var _this = this;
-        this.timeoutRepair = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':'safecheckNotUpload','data': {}})
-          if (result.code === 200) {
-            console.log('查询得到的安检上传' + JSON.stringify(result))
-            var crv = {
-              title: '安检上传',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      getZhihuan(){
-        var _this = this;
-        this.timeoutZhihuan = window.setInterval(function() {
-          let result = {code:200}
-          if (result.code === 200) {
-            console.log('查询得到的代办2' + JSON.stringify(result))
-            var crv = {
-              title: '置换上传',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      changesum(titdata){
-        for(var i = 0;i<this.tabs.length;i++){
-          if(this.tabs[i].name == titdata.title){
-            this.tabs[i].icon = titdata.sum + '单'
-            console.log(JSON.stringify(this.tabs[i].icon))
-            return
-          }
-        }
-      },
-      getTabs(){
-        this.getRepairNum()
-        for(let funs in Vue.functions){
-          if(Vue.functions[funs].link == 'online-manage'){
-            return Vue.functions[funs].children
-          }
-        }
-      },
-      getRepairNum() {
-        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
-          return
-        }
-        window.setInterval(function () {
-          let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
-          let val = {
-            condition: {
-              condition: condition,
-              sign: '1 = 1'
-            },
-            userid: Vue.user.name
-          }
-          let http = new HttpResetClass()
-          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            this.pointNum = res.data.length
-          })
-        },10000)
-        this.timeOutGetRepairNum()
-      },
-      timeOutGetRepairNum(){
-        let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
-        let val = {
-          condition: {
-            condition: condition,
-            sign: '1 = 1'
-          },
-          userid: Vue.user.name
-        }
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          this.pointNum = res.data.length
-        })
-      },
-      imgback(val){
-        return require('../assets/'+val+'.png')
-      },
-      // 返回主界面
-      back(){
-        this.titleName = '主界面'
-        this.isMenu = true
-
-      },
-      gotopage(param,title,navigate) {
-        console.log('进入子组件')
-        var prpdata = {
-          _this:this,
-          title:title,
-          safe:false
-        }
-        this.$dispatch('gotoson',prpdata)
-        if(navigate){
-          this.$goto('embbed-page', {domainName: navigate, title: title, compName: param, login: Vue.user})
-        }else{
-          this.$goto(param,{sourcet:'竖屏',tabname:title})
-        }
-      },
-      mute () {
-        HostApp.mute()
-      }
-    },
-  }
-</script>
-<style lang="less">
-  .badge-content {
-    color: #fff;
-    box-sizing: border-box;
-    min-width: 8px;
-    font-size: 9px;
-    line-height: 12px;
-    white-space: nowrap;
-    font-weight: 400;
-    text-align: center;
-  }
-
-  .badge {
-    top: 6px;
-    position: absolute;
-    max-height: 13px;
-    min-height: 8px;
-    right: 0;
-    display: inline-flex;
-    vertical-align: middle;
-    box-sizing: content-box;
-    border-radius: 100px;
-    background-color: red;
-  }
-
-  .tab-befor-img {
-    content: '';
-    background-size: 30px;
-    display: inline-block;
-    margin-right: 8px;
-    height: 30px;
-    width: 30px;
-    vertical-align: -35%;
-  }
-  .pageskuang{
-    vertical-align:middle;
-    display:table-cell;
-    width: 32%;
-    top:-50%;
-    margin-top: 1%;
-    margin-left: 1%;
-    border:1px solid #e3e3e3;
-    text-align: center;
-    background-color: #ffffff;
-  }
-  .pgesfoot{
-    font-size: 14px;
-    color: #666666;
-    /*    font-family: "Pingfhs";*/
-  }
-  .imgs{
-    width: 35px;
-    margin-top: 15px;
-  }
-  .pages-bgcolor{
-    text-align: center;
-    background-color: #f0f0ef;
-  }
-  img[src=""],img:not([src]){
-    opacity: 0;
-    border:none;
-    visibility: hidden;
-    max-width: none;
-  }
-
-  .manbiankuang {
-    width: 44%;
-    margin-top: 15px;
-    margin-left: 4%;
-    border: 1px solid #e3e3e3;
-    border-radius: 10px 10px 10px 10px;
-    text-align: center;
-    background-color: #ffffff;
-  }
-
-  .nav-bgcolor {
-    background-color: #ffffff;
-  }
-</style>
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="row nav-bgcolor" >
+        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name,tab.navigate)">
+          <div class="badge" v-show="tab.name == '维修派发'">
+            <div class="badge-content">{{ pointNum?pointNum:0 }}</div>
+          </div>
+          <img class="imgs" :src="imgback(tab.name)" alt="">
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+          <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
+          <p></p>
+        </div>
+      </div>
+      <!--<div class="row" style="overflow:auto;">-->
+      <!--<repair-first v-show="componentName == 'repair-first'" worktype="报修单"  :sourcet="sourcet" tabname="维修待办" v-on:changesum="changesum"></repair-first>-->
+      <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
+      <!--</div>-->
+    </div>
+  </div>
+</template>
+
+<script scoped>
+  import Vue from 'vue'
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '在线业务导航',
+    data () {
+      return {
+        titleName:'在线业务',
+        isMenu:true,
+        tabs: this.getTabs(),
+        text: '导航组件this',
+        beforeName: '在线业务',
+        sourcet: '竖屏',
+        pointNum: null
+
+      }
+    },
+    ready () {
+      // this.getModelSum()
+    },
+
+    methods: {
+      //看去哪个页面
+      getModelSum(){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].link == 'readmeter-home' ){
+            this.getZhihuan()
+          }
+          if(this.tabs[i].link == 'weiup-load' ){
+            this.getRepair()
+          }
+          if(this.tabs[i].link == 'upload-page' ){
+            this.getSafeCheck()
+          }
+        }
+
+      },
+      getRepair(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':'notUpload','data': {f_workorder_type: '报修单'}})
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '维修上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getSafeCheck(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':'safecheckNotUpload','data': {}})
+          if (result.code === 200) {
+            console.log('查询得到的安检上传' + JSON.stringify(result))
+            var crv = {
+              title: '安检上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getZhihuan(){
+        var _this = this;
+        this.timeoutZhihuan = window.setInterval(function() {
+          let result = {code:200}
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '置换上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      changesum(titdata){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].name == titdata.title){
+            this.tabs[i].icon = titdata.sum + '单'
+            console.log(JSON.stringify(this.tabs[i].icon))
+            return
+          }
+        }
+      },
+      getTabs(){
+        this.getRepairNum()
+        for(let funs in Vue.functions){
+          if(Vue.functions[funs].link == 'online-manage'){
+            return Vue.functions[funs].children
+          }
+        }
+      },
+      getRepairNum() {
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
+        window.setInterval(function () {
+          let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+          let val = {
+            condition: {
+              condition: condition,
+              sign: '1 = 1'
+            },
+            userid: Vue.user.name
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            this.pointNum = res.data.length
+          })
+        },10000)
+        this.timeOutGetRepairNum()
+      },
+      timeOutGetRepairNum(){
+        let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+        let val = {
+          condition: {
+            condition: condition,
+            sign: '1 = 1'
+          },
+          userid: Vue.user.name
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.pointNum = res.data.length
+        })
+      },
+      imgback(val){
+        return require('../assets/'+val+'.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+
+      },
+      gotopage(param,title,navigate) {
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:title,
+          safe:false
+        }
+        this.$dispatch('gotoson',prpdata)
+        if(navigate){
+          this.$goto('embbed-page', {domainName: navigate, title: title, compName: param, login: Vue.user})
+        }else{
+          this.$goto(param,{sourcet:'竖屏',tabname:title})
+        }
+      },
+      mute () {
+        HostApp.mute()
+      }
+    },
+  }
+</script>
+<style lang="less">
+  .badge-content {
+    color: #fff;
+    box-sizing: border-box;
+    min-width: 8px;
+    font-size: 9px;
+    line-height: 12px;
+    white-space: nowrap;
+    font-weight: 400;
+    text-align: center;
+  }
+
+  .badge {
+    top: 6px;
+    position: absolute;
+    max-height: 13px;
+    min-height: 8px;
+    right: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    box-sizing: content-box;
+    border-radius: 100px;
+    background-color: red;
+  }
+
+  .tab-befor-img {
+    content: '';
+    background-size: 30px;
+    display: inline-block;
+    margin-right: 8px;
+    height: 30px;
+    width: 30px;
+    vertical-align: -35%;
+  }
+  .pageskuang{
+    vertical-align:middle;
+    display:table-cell;
+    width: 32%;
+    top:-50%;
+    margin-top: 1%;
+    margin-left: 1%;
+    border:1px solid #e3e3e3;
+    text-align: center;
+    background-color: #ffffff;
+  }
+  .pgesfoot{
+    font-size: 14px;
+    color: #666666;
+    /*    font-family: "Pingfhs";*/
+  }
+  .imgs{
+    width: 35px;
+    margin-top: 15px;
+  }
+  .pages-bgcolor{
+    text-align: center;
+    background-color: #f0f0ef;
+  }
+  img[src=""],img:not([src]){
+    opacity: 0;
+    border:none;
+    visibility: hidden;
+    max-width: none;
+  }
+
+  .manbiankuang {
+    width: 44%;
+    margin-top: 15px;
+    margin-left: 4%;
+    border: 1px solid #e3e3e3;
+    border-radius: 10px 10px 10px 10px;
+    text-align: center;
+    background-color: #ffffff;
+  }
+
+  .nav-bgcolor {
+    background-color: #ffffff;
+  }
+</style>

package/src/components/RightTree.vue

@@ -1,214 +1,217 @@
-<template>
-  <dropdown :model='model' class="auto" id="res-tree" v-if="!islist" v-el:dropdown :style="{width:width}">
-    <button type="button" class="btn btn-default dropdown-toggle select-style" data-toggle="dropdown">
-      <span class='btn-content' :style="{textOverflow:'ellipsis',overflow: 'hidden'}">{{ resname }}</span>
-      <span class="caret"></span>
-    </button>
-    <tree :model='model' :is-click="false" slot="dropdown-menu" class="dropdown-menu auto" role="menu">
-        <span  partial>
-          <span class="glyphicon glyphicon-chevron-down" v-show="row.open&&row.data.children.length>0" style="color:balck;"></span>
-          <span class="glyphicon glyphicon-chevron-right" v-show="!row.open&&row.data.children.length>0" style="color:balck;"></span>
-          <span class="RightTreeCanSelect" v-if="row.data.hasright" @click.stop="$parent.$parent.$parent.selectclick(row.data)">{{row.data.name}}</span>
-          <span class="RightTreeCanNotSelect" v-else>{{row.data.name}}</span>
-          <span class="glyphicon glyphicon-ok " v-if="$parent.$parent.$parent.isSelect(row.data.id)" style="color:balck;"></span>
-        </span>
-    </tree>
-  </dropdown>
-  <v-select v-if="islist"
-            placeholder='请选择'
-            :options='childrenOptions'
-            @change="selectclick"
-            :value-single="true"
-            close-on-select></v-select>
-</template>
-<script>
-  import * as ldapHelper from './../util/LdapHelper'
-  import Vue from 'vue'
-  export default {
-    title: '资源树',
-    props: {
-      source: {
-        type: String,
-        require: true,
-        default:`tool.getFullTree(this.getRights().where(row.getType() == $organization$))`
-      },
-      resid: {
-      },
-      islist: {
-        type: Boolean,
-        default: false
-      },
-      //是否有查看上级的权限
-      Url:{
-        type: String,
-        default:''
-      }
-    },
-    data () {
-      return {
-        width:'100%',
-        resobj:{res:Vue.user.orgs, resids:Vue.user.orgid},
-        userid: Vue.user.id,
-        resname:[Vue.user.orgs],
-        orgnames : [Vue.user.orgs],
-        orgids : [Vue.user.orgid],
-        orgobj:[],
-        model: [
-
-        ],
-        childrenOptions: []
-      }
-    },
-    methods: {
-      selectRes () {
-        let newobj={
-          "res": [this.resname],
-          "resids": [this.orgids],
-        }
-        this.$emit('re-res', newobj)
-      },
-      //点击资源的方法
-      selectclick (row) {
-        if(this.orgids.includes(row.id)){
-          this.orgnames=[]
-          this.orgids=[]
-          this.removeResChild(row)
-          this.orgnames.push(row.name)
-          this.orgids.push(row.id)
-          this.orgobj.push(row)
-        }else{
-          this.orgnames=[]
-          this.orgids=[]
-          this.orgobj=[]
-          this.addResChild(row)
-        }
-        console.log(this.orgnames.join(','))
-        this.resname = this.orgnames.length > 0 ? this.orgnames.join(','):'请选择'
-        let newobj={
-          "res": this.orgnames,
-          "resids": this.orgids,
-          "orgobj": this.orgobj,
-        }
-        this.$emit('re-res', newobj)
-      },
-      addResChild(val){
-        // if(this.orgids.includes(val.id)){
-        //   this.orgnames.splice(this.orgnames.indexOf(val.name),1)
-        //   this.orgids.splice(this.orgids.indexOf(val.id),1)
-        // }
-        this.orgnames.push(val.name)
-        this.orgids.push(val.id)
-        this.orgobj.push(val)
-        if(val.children && val.children.length>0){
-          Object.keys(val.children).forEach((key) => {
-            this.addResChild(val.children[key])
-          })
-        }
-      },
-      removeResChild(val){
-        this.orgnames.splice(this.orgnames.indexOf(val.name),1)
-        this.orgids.splice(this.orgids.indexOf(val.id),1)
-        this.orgobj.splice(this.orgids.indexOf(val),1)
-        if(val.children && val.children.length>0){
-          Object.keys(val.children).forEach((key) => {
-            this.removeResChild(val.children[key])
-          })
-        }
-      },
-      //检查是否显示对勾
-      isSelect(val) {
-        if(this.orgids.includes(val)){
-          return true
-        }else{
-          return false
-        }
-      },
-      //树形结构变成list
-      treetoList(val) {
-        for (let value of val) {
-          this.ergodicList(value)
-        }
-      },
-      //找到跟节点
-      ergodicList (val) {
-        val.children.length > 0 ? this.treetoList(val.children) : this.childrenOptions.push({label: val.name, value: val})
-      },
-      //处理显示默认值
-      dealResObj (val) {
-        try{
-          var arr=val.res.split(".")
-          //截取最后一个分公司名字
-          this.resname=arr[arr.length-1].toString()
-          this.resid = val.resids
-        }catch (e){
-          this.resname='请选择组织'
-        }
-      },
-      judgBoundary(){
-        //判断是否超出边界，超出移动
-        if(document.documentElement.offsetWidth< this.$els.dropdown.getBoundingClientRect().right){
-          this.left = document.documentElement.offsetWidth - this.$els.dropdown.getBoundingClientRect().right - 25
-        }
-      }
-    },
-    events: {
-
-    },
-    ready () {
-      console.log('righttree   ready')
-      if(this.$els.dropdown){
-        console.log('righttree1')
-        this.width = this.$els.dropdown.clientWidth * 0.7 +'px'
-      }
-      console.log('righttree2')
-      this.dealResObj (this.resobj)
-      console.log('righttree3')
-      var data = {
-        source: this.source,
-        userid: this.userid
-      }
-      console.log('向资源服务发送请求')
-      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, data).then((ret) => {
-        console.log('向资源服务请求结束')
-        // 去掉前面的两层节点
-        ret.data[0].children[0].children.forEach((item) => {
-          this.model.push(item)
-        })
-        // 给资源添加父关系
-        ldapHelper.procParent(this.model)
-        if (this.islist) {
-          this.treetoList(this.model)
-        }
-        this.selectRes()
-      })
-    },
-    watch: {
-    }
-  }
-</script>
-<style lang="less">
-  #res-tree {
-    .list-group-item {
-      background-color: #FFF;
-      color: #000;
-      padding: 5px 10px;
-      border:0px;
-      white-space: nowrap;
-    }
-  }
-  #res-tree .list-group {
-    width: auto;
-    min-width: 100%;
-  }
-  .hide-text-overflow{
-    overflow: hidden;
-    text-overflow: ellipsis
-  }
-  .select-style {
-    border: 0px;
-    /*border-bottom: 2px solid #C9CCCF;*/
-    border: 1px solid #93B2D3;
-    border-radius: 0px;
-    color: #555;
-  }
-</style>
+<template>
+  <dropdown :model='model' class="auto" id="res-tree" v-if="!islist" v-el:dropdown :style="{width:width}">
+    <button type="button" class="btn btn-default dropdown-toggle select-style" data-toggle="dropdown">
+      <span class='btn-content' :style="{textOverflow:'ellipsis',overflow: 'hidden'}">{{ resname }}</span>
+      <span class="caret"></span>
+    </button>
+    <tree :model='model' :is-click="false" slot="dropdown-menu" class="dropdown-menu auto" role="menu">
+        <span  partial>
+          <span class="glyphicon glyphicon-chevron-down" v-show="row.open&&row.data.children.length>0" style="color:balck;"></span>
+          <span class="glyphicon glyphicon-chevron-right" v-show="!row.open&&row.data.children.length>0" style="color:balck;"></span>
+          <span class="RightTreeCanSelect" v-if="row.data.hasright" @click.stop="$parent.$parent.$parent.selectclick(row.data)">{{row.data.name}}</span>
+          <span class="RightTreeCanNotSelect" v-else>{{row.data.name}}</span>
+          <span class="glyphicon glyphicon-ok " v-if="$parent.$parent.$parent.isSelect(row.data.id)" style="color:balck;"></span>
+        </span>
+    </tree>
+  </dropdown>
+  <v-select v-if="islist"
+            placeholder='请选择'
+            :options='childrenOptions'
+            @change="selectclick"
+            :value-single="true"
+            close-on-select></v-select>
+</template>
+<script>
+  import * as ldapHelper from './../util/LdapHelper'
+  import Vue from 'vue'
+  export default {
+    title: '资源树',
+    props: {
+      source: {
+        type: String,
+        require: true,
+        default:`tool.getFullTree(this.getRights().where(row.getType() == $organization$))`
+      },
+      resid: {
+      },
+      islist: {
+        type: Boolean,
+        default: false
+      },
+      //是否有查看上级的权限
+      Url:{
+        type: String,
+        default:''
+      }
+    },
+    data () {
+      return {
+        width:'100%',
+        resobj:{res:Vue.user.orgs, resids:Vue.user.orgid},
+        userid: Vue.user.id,
+        resname:[Vue.user.orgs],
+        orgnames : [Vue.user.orgs],
+        orgids : [Vue.user.orgid],
+        orgobj:[],
+        model: [
+
+        ],
+        childrenOptions: []
+      }
+    },
+    methods: {
+      selectRes () {
+        let newobj={
+          "res": [this.resname],
+          "resids": [this.orgids],
+        }
+        this.$emit('re-res', newobj)
+      },
+      //点击资源的方法
+      selectclick (row) {
+        if(this.orgids.includes(row.id)){
+          this.orgnames=[]
+          this.orgids=[]
+          this.removeResChild(row)
+          this.orgnames.push(row.name)
+          this.orgids.push(row.id)
+          this.orgobj.push(row)
+        }else{
+          this.orgnames=[]
+          this.orgids=[]
+          this.orgobj=[]
+          this.addResChild(row)
+        }
+        console.log(this.orgnames.join(','))
+        this.resname = this.orgnames.length > 0 ? this.orgnames.join(','):'请选择'
+        let newobj={
+          "res": this.orgnames,
+          "resids": this.orgids,
+          "orgobj": this.orgobj,
+        }
+        this.$emit('re-res', newobj)
+      },
+      addResChild(val){
+        // if(this.orgids.includes(val.id)){
+        //   this.orgnames.splice(this.orgnames.indexOf(val.name),1)
+        //   this.orgids.splice(this.orgids.indexOf(val.id),1)
+        // }
+        this.orgnames.push(val.name)
+        this.orgids.push(val.id)
+        this.orgobj.push(val)
+        if(val.children && val.children.length>0){
+          Object.keys(val.children).forEach((key) => {
+            this.addResChild(val.children[key])
+          })
+        }
+      },
+      removeResChild(val){
+        this.orgnames.splice(this.orgnames.indexOf(val.name),1)
+        this.orgids.splice(this.orgids.indexOf(val.id),1)
+        this.orgobj.splice(this.orgids.indexOf(val),1)
+        if(val.children && val.children.length>0){
+          Object.keys(val.children).forEach((key) => {
+            this.removeResChild(val.children[key])
+          })
+        }
+      },
+      //检查是否显示对勾
+      isSelect(val) {
+        if(this.orgids.includes(val)){
+          return true
+        }else{
+          return false
+        }
+      },
+      //树形结构变成list
+      treetoList(val) {
+        for (let value of val) {
+          this.ergodicList(value)
+        }
+      },
+      //找到跟节点
+      ergodicList (val) {
+        val.children.length > 0 ? this.treetoList(val.children) : this.childrenOptions.push({label: val.name, value: val})
+      },
+      //处理显示默认值
+      dealResObj (val) {
+        try{
+          var arr=val.res.split(".")
+          //截取最后一个分公司名字
+          this.resname=arr[arr.length-1].toString()
+          this.resid = val.resids
+        }catch (e){
+          this.resname='请选择组织'
+        }
+      },
+      judgBoundary(){
+        //判断是否超出边界，超出移动
+        if(document.documentElement.offsetWidth< this.$els.dropdown.getBoundingClientRect().right){
+          this.left = document.documentElement.offsetWidth - this.$els.dropdown.getBoundingClientRect().right - 25
+        }
+      }
+    },
+    events: {
+
+    },
+    ready () {
+      console.log('righttree   ready')
+      if(this.$els.dropdown){
+        console.log('righttree1')
+        this.width = this.$els.dropdown.clientWidth * 0.7 +'px'
+      }
+      console.log('righttree2')
+      this.dealResObj (this.resobj)
+      console.log('righttree3')
+      var data = {
+        source: this.source,
+        userid: this.userid
+      }
+      console.log('向资源服务发送请求')
+      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, data,{
+        resolveMsg : null ,
+        rejectMsg : null,
+      }).then((ret) => {
+        console.log('向资源服务请求结束')
+        // 去掉前面的两层节点
+        ret.data[0].children[0].children.forEach((item) => {
+          this.model.push(item)
+        })
+        // 给资源添加父关系
+        ldapHelper.procParent(this.model)
+        if (this.islist) {
+          this.treetoList(this.model)
+        }
+        this.selectRes()
+      })
+    },
+    watch: {
+    }
+  }
+</script>
+<style lang="less">
+  #res-tree {
+    .list-group-item {
+      background-color: #FFF;
+      color: #000;
+      padding: 5px 10px;
+      border:0px;
+      white-space: nowrap;
+    }
+  }
+  #res-tree .list-group {
+    width: auto;
+    min-width: 100%;
+  }
+  .hide-text-overflow{
+    overflow: hidden;
+    text-overflow: ellipsis
+  }
+  .select-style {
+    border: 0px;
+    /*border-bottom: 2px solid #C9CCCF;*/
+    border: 1px solid #93B2D3;
+    border-radius: 0px;
+    color: #555;
+  }
+</style>

package/src/components/ToolsPage.vue

@@ -1,165 +1,173 @@
-<template>
-  <div class="page-header app-header auto">
-    <span style="margin-left:33px">{{title}}</span>
-    <div class="app-header-back" @click='back()' v-show="needBack">
-      <img src="../assets/返回.png" style="height: 20px;margin-right:-10px"/>
-    </div>
-    <div class="app-header-back" style="height: auto" v-show="!needBack">
-      <img src="../assets/denglu.png" style="height: 20px;margin-right:-10px;margin-top:-10px"/>
-      <span style="margin-left:5px;color: #ffffff;font-size: 1.0em;">{{loginname}}</span>
-    </div>
-    <div class="app-header-list" v-if="showList">
-    <dropdown>
-      <a  href="#" data-toggle="dropdown" class="dropdown-toggle" style="color: white;font-size:19px">
-        <div class="app-header-newaddserver" style="line-height: 1px;margin-top: -5px">
-          <img src="../assets/newadd3.png" style="height: 20px;margin-right:-10px"/>
-        </div>
-      </a>
-      <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
-        <li >
-        <a href="#" @click="gotopage('sell-info',{user:user})">
-        <img src="../assets/待办工单竖屏3.png"> 报修工单
-        </a>
-        <hr>
-        <a href="#" @click="gotopage('repair-message',{user:user})">
-        <img src="../assets/安检导航竖屏3.png"/> 安检计划
-        </a>
-        <hr>
-        <a href="#" @click="gotopage('changemeter-info',{user:user})">
-        <img src="../assets/手机抄表竖屏3.png"/> 抄表计划
-        </a>
-        <hr>
-        <hr>
-        </li>
-      </ul>
-    </dropdown>
-  </div>
-    <div class="app-header-guanbishengyin" style="line-height: 25px" @click='mute()'>
-      <img src="../assets/jingyin3.png" style="height: 20px;"/>
-    </div>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-export default {
-  title: '通用头部组件',
-  data () {
-    return {
-      loginname: Vue.user.name
-    }
-  },
-  props: {
-    user:{
-      type:Object
-    },
-    userinfo:{
-      type:Object
-    },
-    // 是否显示列表控件
-    showList: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '燃气应用'
-    },
-    needBack: {
-      type: Boolean,
-      default: true
-    }
-  },
-  methods: {
-    // 新增工单
-    newadd(){
-      // 事件
-    },
-    // 跳转页面
-    gotopage(param,props) {
-      this.$goto(param,props)
-    },
-    back () {
-      // console.log('发送返回事件')
-      this.$emit('back')
-    },
-    // 关闭新消息响铃（静音）
-      mute () {
-        if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
-            window.prompt("mute","")
-        }else{
-          HostApp.mute()
-        }
-    },
-  }
-}
-</script>
-<style scoped>
-  .app-header {
-    position: fixed;
-    top:0px;
-    width: 100%;
-    margin: 0px;
-    background: #499edf;
-    color: #FFF;
-    padding: 10px;
-    text-align: center;
-    font-size: 15px;
-    height: 7%;
-
-    /*margin-bottom: 20px;*/
-  }
-  .app-header-back {
-    position: absolute;
-    top: 12px;
-    color: #D8DCE5;
-  }
-  .app-header-list {
-    height: 40px;
-    float: right;
-    color: #D8DCE5;
-  }
-  .app-header-guanbishengyin {
-    margin-right: 10px;
-    float: right;
-    color: #D8DCE5;
-  }
-  .app-header-newaddserver {
-    margin-right: 10px;
-    float: right;
-    color: #D8DCE5;
-  }
-  .app-header-volume {
-    position: absolute;
-    top: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    right: 20px;
-    color: #D8DCE5;
-    font-size: 1.5em;
-  }
-  .dropdown-menu {
-    background-color: #212a35;
-  }
-  .dropdown-menu a{
-    color: white;
-  }
-  .dropdown-menu a:hover{
-    color: white;
-    background-color: #6b85a3;
-  }
-  .dropdown-menu img{
-    width: 22%;
-    margin-top: -5px;
-  }
-  .dropdown-menu hr{
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right:0px;
-    width: 80%;
-  }
-  .glyphicon-menu-left{
-    color:#fff;
-  }
-</style>
+<template>
+  <div class="page-header app-header auto">
+    <span style="margin-left:33px">{{title}}</span>
+    <div class="app-header-back" @click='back()' v-show="needBack">
+      <img src="../assets/返回.png" style="height: 20px;margin-right:-10px"/>
+    </div>
+    <div class="app-header-back" style="height: auto" v-show="!needBack">
+      <img src="../assets/denglu.png" style="height: 20px;margin-right:-10px;margin-top:-10px"/>
+      <span style="margin-left:5px;color: #ffffff;font-size: 1.0em;">{{loginname}}</span>
+    </div>
+    <div class="app-header-list" v-if="showList">
+      <dropdown>
+        <a  href="#" data-toggle="dropdown" class="dropdown-toggle" style="color: white;font-size:19px">
+          <div class="app-header-newaddserver" style="line-height: 1px;margin-top: -5px">
+            <img src="../assets/newadd3.png" style="height: 20px;margin-right:-10px"/>
+          </div>
+        </a>
+        <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+          <li >
+            <a href="#" @click="gotopage('sell-info',{user:user})">
+              <img src="../assets/待办工单竖屏3.png"> 报修工单
+            </a>
+            <hr>
+            <a href="#" @click="gotopage('repair-message',{user:user})">
+              <img src="../assets/安检导航竖屏3.png"/> 安检计划
+            </a>
+            <hr>
+            <a href="#" @click="gotopage('changemeter-info',{user:user})">
+              <img src="../assets/手机抄表竖屏3.png"/> 抄表计划
+            </a>
+            <hr>
+            <hr>
+          </li>
+        </ul>
+      </dropdown>
+    </div>
+    <div class="app-header-guanbishengyin" style="line-height: 25px" @click='mute()'>
+      <img v-if="f_voiceSwitch" src="../assets/jingyin3.png" style="height: 20px; "/>
+      <img v-if="!f_voiceSwitch" src="../assets/R-C.png" style="height: 20px; "/>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+  export default {
+    title: '通用头部组件',
+    data () {
+      return {
+        loginname: Vue.user.name,
+        f_voiceSwitch:HostApp.getPreference('f_voiceSwitch').data
+      }
+    },
+    props: {
+      user:{
+        type:Object
+      },
+      userinfo:{
+        type:Object
+      },
+      // 是否显示列表控件
+      showList: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
+        default: '燃气应用'
+      },
+      needBack: {
+        type: Boolean,
+        default: true
+      }
+    },
+    methods: {
+      // 新增工单
+      newadd(){
+        // 事件
+      },
+      // 跳转页面
+      gotopage(param,props) {
+        this.$goto(param,props)
+      },
+      back () {
+        // console.log('发送返回事件')
+        this.$emit('back')
+      },
+      // 关闭新消息响铃（静音）
+      mute () {
+        if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
+          window.prompt("mute","")
+        }else{
+          switch (HostApp.getPreference('f_voiceSwitch').data){
+            case 'true' : HostApp.setPreference('f_voiceSwitch','false')
+              break
+            case 'false' : HostApp.setPreference('f_voiceSwitch','true')
+              break
+            default : HostApp.setPreference('f_voiceSwitch','true')
+          }
+        }
+      },
+    }
+  }
+</script>
+<style scoped>
+  .app-header {
+    position: fixed;
+    top:0px;
+    width: 100%;
+    margin: 0px;
+    background: #499edf;
+    color: #FFF;
+    padding: 10px;
+    text-align: center;
+    font-size: 15px;
+    height: 7%;
+
+    /*margin-bottom: 20px;*/
+  }
+  .app-header-back {
+    position: absolute;
+    top: 12px;
+    color: #D8DCE5;
+  }
+  .app-header-list {
+    height: 40px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-guanbishengyin {
+    margin-right: 10px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-newaddserver {
+    margin-right: 10px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-volume {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    right: 20px;
+    color: #D8DCE5;
+    font-size: 1.5em;
+  }
+  .dropdown-menu {
+    background-color: #212a35;
+  }
+  .dropdown-menu a{
+    color: white;
+  }
+  .dropdown-menu a:hover{
+    color: white;
+    background-color: #6b85a3;
+  }
+  .dropdown-menu img{
+    width: 22%;
+    margin-top: -5px;
+  }
+  .dropdown-menu hr{
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-right:0px;
+    width: 80%;
+  }
+  .glyphicon-menu-left{
+    color:#fff;
+  }
+</style>