system-phone 1.3.0 → 1.3.1-zk

package/src/components/RightTree.vue

@@ -0,0 +1,214 @@
+<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>

package/src/components/SystemSetUp.vue

@@ -1,113 +1,298 @@
-<template>
-  <div class="row auto" style="background-color: #FFFFFF">
-    <div class="col-xs-4 text-center plan" @click = "gotopage('modify-pass-word')">
-      <img src="../assets/修改密码.png" class="imgs" alt="">
-      <p class="text-center name" style="margin: 10px 0;">修改密码</p>
-    </div>
-    <div class="col-xs-4 text-center user" @click = "cleandata()">
-      <img src="../assets/清空数据.png" class="imgs" alt="">
-      <p class="text-center name" style="margin: 10px 0;">清空数据</p>
-    </div>
-    <div class="col-xs-4 text-center user" @click = "outdata()">
-      <img src="../assets/导出数据.png" class="imgs" alt="">
-      <p class="text-center name" style="margin: 10px 0;">导出数据</p>
-    </div>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-
-  export default {
-    title: '系统设置',
-    data() {
-      return {
-        model: {}
-      }
-    },
-    methods: {
-      gotopage(param) {
-        this.$goto(param)
-      },
-      //头部事件回掉
-      back () {
-        this.$back()
-      },
-      // 清空数据
-      cleandata(){
-        this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
-            console.log((result.result))
-            if(result.result == '成功'){
-              this.$showMessage('清除数据完成!')
-            }else{
-              this.$showMessage('清除数据失败!')
-            }
-          }
-        })
-      },
-      // 导出数据
-      outdata(){
-        HostApp.backupDatabase()
-        this.$showMessage('数据导出成功!')
-      }
-    }
-  }
-
-</script>
-<style scoped>
-  .flex-between {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .flex-between span {
-    padding-right: 10px;
-  }
-  .flex-full {
-    flex: 1;
-  }
-  .name{
-    font: 15px PingFang-SC-Medium;
-    color: #666666;
-  }
-  .imgs{
-    width: 60px;
-    margin-top: 15px;
-  }
-  .plan {
-    border-bottom: 0.5px solid #EAEAEA;
-    border-right: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-  .user{
-    border-bottom: 0.5px solid #EAEAEA;
-    border-right: 0.5px solid #EAEAEA;
-    border-left: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-  .safecheck{
-    border-bottom: 0.5px solid #EAEAEA;
-    border-left: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-  .appointment{
-    border-top: 0.5px solid #EAEAEA;
-    border-right: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-  .search{
-    border-top: 0.5px solid #EAEAEA;
-    border-right: 0.5px solid #EAEAEA;
-    border-left: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-  .upload{
-    border-top: 0.5px solid #EAEAEA;
-    border-left: 0.5px solid #EAEAEA;
-    height: 120px;
-  }
-
-
-</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)">
+          <img class="imgs" :src="imgback(tab.name)">
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+          <p></p>
+        </div>
+      </div>
+    </div>
+    <modal :show.sync="show" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header text-center">
+        <h4 class="modal-title">清除项选择</h4>
+        <input type="checkbox" class="" id="f_operator" v-model="all">
+        <label for="f_operator" class="font-size">全选</label>
+      </header>
+      <article slot="modal-body" v-if="show">
+        <div class="auto col-sm-11 col-xs-11 col-xs-offset-1 col-md-offset-1"  style="margin-top: 10px;">
+          <div class="col-sm-4 col-xs-4" v-for="f in fields">
+            <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
+            <label :for="'export-col-'+$index" class="font-size">{{f}}</label>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <center>
+          <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
+          <button v-show="show" type="button" class="btn btn-success" @click='clear()'>确定</button>
+        </center>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+
+export default {
+  title: '系统设置',
+  data() {
+    return {
+      titleName:'系统设置',
+      all: false,
+      flag:true,
+      show:false,
+      fields: {},
+      dataclear:[],
+      tabs: this.getTabs(),
+      //tabs:[{name:"清空数据"}],
+      modelval: [],
+      text: '导航组件this',
+      beforeName:'系统设置',
+    }
+  },
+  ready(){
+    // if(Vue.config.safecheck.clearPhone){
+    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
+    //   for (let i = 0; i < cleartable.length; i++) {
+    //     this.fields[cleartable[i].module]=cleartable[i].module
+    //   }
+    // }
+  },
+  methods: {
+    // clear(){
+    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
+    //   console.log(this.modelval)
+    //   for (let i = 0; i < cleartable.length; i++) {
+    //     for (let j = 0; j < this.modelval.length; j++) {
+    //       if (cleartable[i].module==this.modelval[i]){
+    //         this.dataclear=Object.assign([],this.dataclear,cleartable[i].tables)
+    //       }
+    //     }
+    //   }
+    //   console.log(this.dataclear)
+    //   this.cleandata()
+    // },
+    close(){
+      this.show=false
+      this.all=false
+      this.flag=true
+      this.modelval=[]
+    },
+    sortModelval () {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      console.log('看看选择的顺序。。。', sortModel)
+      console.log('看看选择的顺序。。。', this.modelval)
+      if (sortModel.length==this.modelval.length-1){
+        this.flag=false
+        console.log("66666666666666")
+        this.all=false
+      }
+      console.log(Object.keys(this.fields).length)
+      if (sortModel.length==Object.keys(this.fields).length){
+        this.all=true
+      }
+      this.modelval = sortModel
+    },
+    imgback(val){
+      return require('../assets/'+val+'.png')
+    },
+    getTabs(){
+      for(let funs in Vue.user.functions){
+        if(Vue.user.functions[funs].link == 'system-setup'){
+          return Vue.user.functions[funs].children
+        }
+      }
+    },
+    gotopage(link,name) {
+      if(name == '清空数据'){
+        this.cleanalldata()
+      }
+      // else if (name == '清除数据'){
+      //   this.openclear()
+      // }
+      else if (name == '声音开关'){
+        this.voiceSwitch()
+      } else if(name == '导出数据'){
+        this.outdata()
+      }else if(name == '退出系统'){
+        HostApp.back_home()
+      }else if(name == '退出登录'){
+        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.$androidUtil.setPreference('f_repairman_id', 'x')
+            this.$androidUtil.setPreference('f_repairman_name', 'x')
+            this.$dispatch('gologin')
+          }
+        })
+      }else{
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:name,
+          safe:true
+        }
+        this.$dispatch('gotoson',prpdata)
+        this.$goto(link)
+      }
+    },
+    cleanalldata(){
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+        }
+      })
+    },
+    // 清空数据
+    cleandata(){
+      console.log("88888888888")
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneDataNew', {tables: this.dataclear})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+          this.close()
+        }
+      })
+    },
+    // 导出数据
+    openclear(){
+      this.show=true
+    },
+    voiceSwitch(){
+      console.log("进入声音开关")
+      let voicedata=this.$androidUtil.getPreference('f_voiceSwitch')
+      console.log(voicedata)
+      let voicechange ='开启'
+      if (voicedata=="true"){
+        console.log("进入判断")
+        voicechange = '关闭'
+      }
+      this.$showMessage('此操作为'+voicechange+'提示音,请再次确认！', ['confirm', 'cancel']).then((res) => {
+        if (res=='confirm'){
+          if (voicechange=='关闭'){
+            this.$androidUtil.setPreference('f_voiceSwitch', "false")
+            this.$showMessage('提示音关闭成功!')
+          }else{
+            this.$androidUtil.setPreference('f_voiceSwitch', "true")
+            this.$showMessage('提示音开启成功!')
+          }
+        }
+      })
+    },
+    outdata(){
+      HostApp.backupDatabase()
+      this.$showMessage('数据导出成功!')
+    },
+    //取消自动登录
+    cancelAutoLogin(){
+      let auto=this.$androidUtil.getPreference('autoLogin')
+      if(auto){
+        this.$androidUtil.setPreference('autoLogin', false)
+        this.$showMessage('已取消自动登录!')
+      }else{
+        this.$showMessage('当前已处于非自动登录!')
+      }
+    }
+  },
+  watch: {
+    'all' (val) {
+      if (val) {
+        this.modelval = Object.keys(this.fields)
+      } else {
+        console.log(this.flag)
+        if (this.flag){
+          this.modelval = []
+        }
+      }
+      this.flag=true
+    },
+    'modelval.length' () {
+      this.sortModelval()
+    }
+  }
+}
+
+</script>
+<style scoped>
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.flex-between span {
+  padding-right: 10px;
+}
+.flex-full {
+  flex: 1;
+}
+.name{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.imgs{
+  width: 35px;
+  margin-top: 15px;
+}
+.plan {
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.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;
+}
+.user{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.safecheck{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.appointment{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.search{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.upload{
+  border-top: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+
+
+</style>