system-clients 3.2.26 → 3.2.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-clients",
-  "version": "3.2.26",
+  "version": "3.2.28",
   "description": "系统基础框架",
   "main": "src/index.js",
   "directories": {

package/src/filiale/qianneng/Main.vue

@@ -439,10 +439,10 @@ export default {
   },
   watch: {
     'jobProgressList.rows.length'(){
-      total = 0
-      if(jobProgressList.rows.length>0){
-        for (let i = 0; i < jobProgressList.rows.length; i++) {
-          if (jobProgressList.rows[i].f_job_state != '已完成'){
+      let total = 0
+      if(this.jobProgressList.rows.length>0){
+        for (let i = 0; i < this.jobProgressList.rows.length; i++) {
+          if (this.jobProgressList.rows[i].f_job_state != '已完成'){
             total+= 1
           }
         }

package/src/filiale/wenxi/Login.vue

@@ -0,0 +1,535 @@
+<template>
+  <div class="syslogin">
+    <div class="login-title" >
+      <div class="row auto">
+        <marquee style="width:80%;margin-top:25px"><span  style="font-size: 1.8rem;color: white;">{{notice}}</span></marquee>
+        <div class="login-title-chi" style="white-space: nowrap;margin-right:-5%">
+          <span>构建时间：{{ vTime }}</span>
+          <div v-if="titleShow">
+            <img src="../../../static/newStyle/login-info.png"/>
+            <span @click="showus=true">关于我们</span>
+          </div>
+          <!--          <img src="../../../static/newStyle/login-con.png"/>-->
+          <!--          <span>联系我们</span>-->
+        </div>
+      </div>
+    </div>
+
+    <modal :show.sync="showus"  backdrop="true" width="50%" style="width:auto;">
+      <article slot="modal-body" class="modal-body" >
+        <img style="height:100%;width:100%" src="../../../static/newStyle/about-us.png"/>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+
+
+    <div class="logoew" v-if="logoandroid" >
+      <div v-if="logoandroid" class="imglogo"></div>
+      <p class="logocontent">燃气客服系统Android版</p>
+      <p  class="logofooter">(仅浏览器扫描)</p>
+    </div>
+    <!--输入框-->
+    <div class="loginmain">
+      <!-- <img src="../../../static/login_title1.png" alt="图片加载未完成" class="img-responsive" style="margin: 0 auto; padding-top: 150px;" /> -->
+      <div class="loginmain-left">
+        <img  class="loginmain-left-img" src="../../../static/newStyle/login-left.png">
+      </div>
+      <div class="loginmain-right">
+
+        <p @click="theme()" style="white-space: nowrap">{{config.title}}</p>
+
+        <form v-show="!login">
+          <!--                    <input type="text" placeholder="用户名" v-model="model.ename" class="usericon">-->
+          <div class="login-input">
+            <img src="../../../static/newStyle/login-user.png"/>
+            <input type="text" style="display: inline;background-color: white!important;" placeholder="用户名" v-model="model.ename"/>
+          </div>
+          <div class="login-input">
+            <img src="../../../static/newStyle/login-pwd.png"/>
+            <input type="password" placeholder="密码" style="display: inline;background-color: darkgray;" v-model="model.password"
+                   @keyup.enter="confirm('key')"/>
+          </div>
+          <div class="login-input-1" v-if="$login.Verification">
+            <img src="../../../static/newStyle/login-check.png"/>
+            <input v-if="$login.Verification" class="login-check"  type="text" placeholder="请输入验证码"
+                   v-model="picLyanzhengma" @keyup.enter="confirm('key')"/>
+          </div>
+          <div class="login-input-2" >
+            <input v-if="$login.Verification" class="login-check-1" style="display: inline;background-color:#eeeeee !important;"
+                   type="button" @click="createCode" v-model="checkCode"/>
+          </div>
+          <div class="login-bt">
+            <button type="button" id="login-button" class="login-button" @click.prevent="confirm('click')">登录</button>
+          </div>
+          <!--                    <input type="password" placeholder="密码" v-model="model.password" class="psicon"-->
+          <!--                           @keyup.enter="confirm('key')">-->
+          <!--                    <input v-if="$login.Verification" styljiaoyane="width: 40%; display: inline" type="text" placeholder="请输入验证码"-->
+          <!--                           v-model="picLyanzhengma" @keyup.enter="confirm('key')">-->
+          <!--                    <input v-if="$login.Verification" style="width: 30%; display: inline;background-color: darkgray;"-->
+          <!--                           type="button" @click="createCode" v-model="checkCode"/><br>-->
+
+          <!-- <button type="button" id="login-button" @click.prevent="confirm()"><strong>注册</strong></button> -->
+          <!-- <span @click="register()">还没有注册，现在注册>>></span> -->
+        </form>
+        <div v-show="login" class="login_load">
+          <img src="../../../static/newStyle/login-do.gif">
+        </div>
+      </div>
+    </div>
+    <div class="login-foot" v-show="false">
+      技术支持：西安奥枫软件有限公司
+    </div>
+    <div class="login-foot" v-show="$login.BAinformation">
+      {{{ $login.BAinformation }}}
+    </div>
+
+    <modal v-if="depPromptShow" :show.sync="depPromptShow" :backdrop="false" v-ref:modal >
+      <header slot="modal-header" style="height: 8vh" class="modal-header">
+        <!--<h4 class="modal-title">登录信息</h4>-->
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="row">
+            <div class="col-sm-12 form-group">
+              <label class="col-sm-5 ">当前登录人:</label>
+              <label style="font-weight:normal">{{$login.f.name}}</label>
+            </div>
+            <!--<div class="col-sm-12 form-group" v-if="$login.f.number">-->
+            <!--<label class="col-sm-5 ">组&nbsp;织&nbsp;编&nbsp;码:</label>-->
+            <!--<label style="font-weight:normal">{{$login.f.number}}</label>-->
+            <!-- <div class="col-sm-7">
+              <span >{{$login.f.number}}</span>
+            </div> -->
+            <!--</div>-->
+            <div class="col-sm-12 form-group">
+              <label class="col-sm-5">所在销售点:</label>
+              <label style="font-weight:normal">{{$login.f.deps}}</label>
+              <!-- <div class="col-sm-7">
+                <span >{{$login.f.deps}}</span>
+              </div> -->
+            </div>
+            <div class="col-sm-12 " v-if="AppDaiBan !==''">
+              <label class="col-sm-2">报装待办:</label>
+              <span style="font-weight:normal">{{AppDaiBan}}</span>
+            </div>
+            <div class="col-sm-12 " v-if="OrderDaiBan !==''">
+              <label class="col-sm-2">预约待办:</label>
+              <span style="font-weight:normal">{{OrderDaiBan}}</span>
+            </div>
+            <div class="col-sm-12 "  v-for="daibanitem in safecheckDaiBan">
+              <label class="col-sm-2">{{daibanitem.oldData.title}}:</label>
+              <span style="font-weight:normal">{{daibanitem.text}}</span>
+            </div>
+          </div>
+        </form>
+      </article>
+      <footer  slot="modal-footer" style="height: 8vh" class="modal-footer">
+        <button class="button_search" @click="depPromptConfirm">确认</button>
+        <button class="button_clear" @click="depPromptCancel">取消</button>
+      </footer>
+    </modal>
+
+    <!-- 修改密码组件 -->
+    <modify-pw :show.sync="modifyPwShow" v-if="modifyPwShow"></modify-pw>
+  </div>
+
+</template>
+
+<script>
+import co from 'co'
+import $ from 'jquery'
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+
+let daibanJson = require('../../util/Daiban.json')
+
+
+let saveGen = function *(self) {
+  try {
+    if(self.$login){
+      // 账号ename，密码password，是否显示异地登陆
+      yield self.$login.login(self.model.ename, self.model.password, false)
+    }
+    if(self.$appdata){
+      yield self.$appdata.load()
+
+    }
+    if (Vue.$heatCompatibility) {
+      try {
+        if(self.$loginHeat){
+          yield self.$loginHeat.login(self.model.ename, self.model.password)
+        }
+        if(self.$appdataHeat){
+          yield self.$appdataHeat.load()
+        }
+      } catch (e) {
+        console.log('热力系统登陆失败!')
+      }
+    }
+    yield self.$getConfig(self, 'Login')
+    console.log('登录配置', self.config)
+    if (self.config.isMac) {
+      // 获取该登录人分公司下的mac配置
+      let getMacs = yield self.$resetpost('rs/sql/equipmentQuery', {data: {condition: `f_filialeids like '%${self.$login.f.f_orgids}%'`}}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).catch(() => {
+        throw new Error('获取mac配置失败')
+      })
+      console.log('MAC地址信息', getMacs)
+      // 获取本地mac地址
+      let getLocalMac = yield self.$resetget('http://127.0.0.1:8003/loadmac', {
+        resolveMsg: null,
+        rejectMsg: null
+      }).catch(() => {
+        throw new Error('获取本地mac配置失败')
+      })
+      console.log('本地MAC地址信息', getLocalMac)
+      // 对Mac地址进行匹配
+      let macValidate = false
+      for (let i = 0; i < getLocalMac.data.mac.length; i++) {
+        for (let j = 0; j < getMacs.data.length; j++) {
+          if (getMacs.data[j].f_mac_number.toLocaleUpperCase() === getLocalMac.data.mac[i]) {
+            macValidate = true
+          }
+        }
+      }
+      if (!macValidate) {
+        throw new Error('Mac地址验证失败, 请联系管理员！！')
+      }
+    }
+    console.log(self.$login.depPrompt)
+    // 弱口令验证
+    //跳转过来的不进行验证
+    if ((!self.otherLogin) && self.config.weakPassword && !(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/.test(self.model.password))) {
+      self.$showMessage('登录系统: 此账户的密码过于简单，请修改密码后重新登陆！！！', ['confirm']).then((res) => {
+        self.modifyPwShow = true
+      })
+    } else if ((!self.otherLogin) && self.$login.depPrompt) {
+      self.depPromptShow = true
+      if (self.$login.showDaiBan && self.$login.r.includes('展示预约信息')){
+        // 获取待办
+        self.getDaiBan()
+
+      }
+      if (self.$login.showDaiBan && self.$login.r.includes('登录预约信息')){
+        // 获取待办  在util下有个Daiban.jsond 文件 ，在里面进行配置，在功能权限界面增加登录预约信息
+        self.getDaiBanA()
+      }
+    } else {
+      self.$goto('home-page', {functions: self.$login.f,config: self.config})
+      // if (self.otherLogin){
+      //   window.history.pushState(null,null,'')
+      // }
+      if (self.$login) {
+        console.log('登录信息', self.$login.f)
+        global.login=self.$login.f
+        console.log('登录信息', global.login)
+      }
+    }
+
+  } catch (ret) {
+    console.error('登录失败', ret)
+    let msg
+    if (ret instanceof Error) {
+      msg = ret
+    }
+    if (ret.status === 0) {
+      msg = '服务连接错误，请确认服务状态'
+    } else if (ret.status === 401) {
+      msg = ret.data
+    } else if (ret.status === 710) {
+      msg = ret.data
+    }
+    self.createCode()
+    self.picLyanzhengma = ''
+    yield self.$showMessage(msg)
+    self.model.ename = ''
+    self.model.password = ''
+    self.login = false
+    $('form').fadeIn(500)
+  }
+}
+export default {
+  title: '登录',
+  async ready () {
+    this.titleShow = this.$appdata.getSingleValue('关于我们')
+    window.versionTime = window.versionTime ? window.versionTime : new Date().getTime()
+    this.vTime = this.format(new Date(window.versionTime));
+    try{
+      let http = new HttpResetClass()
+      let res = await http.load('POST', 'rs/sql/singleTable',
+        {data:{
+            tablename: 't_changedeclare',
+            condition: ` f_type ='变更通知' `
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+      if(res.data.length>0){
+        console.log("---------------获取通知",res.data[0].f_change_message)
+        this.notice=res.data[0].f_change_message
+      }
+    }catch(e){}
+
+    this.loginother();
+    $('#login-button').click(function (event) {
+      event.preventDefault()
+      $('form').fadeOut(500)
+    })
+    if (window.location.search && window.location.search.indexOf('af_key') !== -1&& window.location.search.indexOf('af_n') !== -1) {
+      const subUrl = window.location.search.replace('?af_key=','').split('&af_n=')
+      console.log(subUrl)
+      this.model.ename = window.atob(subUrl[0])
+      this.model.password = window.atob(subUrl[1])
+      console.log('this.model.ename',this.model.ename)
+      this.otherLogin = true
+      this.confirm()
+    }else{
+      //跳转不需要验证码
+      this.createCode()
+    }
+    console.log(this.$login)
+  },
+  data () {
+    return {
+      vTime: '',
+      image:{
+        img1: '/images/newStyle/login-info.png',
+        img2: '/images/newStyle/login-con.png',
+        img3: '/images/newStyle/login-left.png',
+        img4: '/images/newStyle/login-user.png',
+        img5: '/images/newStyle/login-pwd.png',
+        img6: '/images/newStyle/login-check.png',
+        img7: '/images/newStyle/login-do.png',
+      },
+      config: {
+        isMac: false,
+        depPrompt: false,
+        weakPassword: false,
+        title: '燃气客服系统',
+        distanceLogin: false,
+        // 那些角色可以定时获取预约提示
+        isTip : false,
+        // 那些角色可以定时获取预约提示
+        msgRole : '预约处理人员',
+        // 定时获取提示间隔 单位：分钟
+        times: 25,
+      },
+      titleShow: true, //标题显示
+      otherLogin:false,
+      login: false,
+      depPromptShow: false,
+      model: {},
+      show: false,
+      checkCode: '',
+      login_do:true,
+      picLyanzhengma: '',
+      // 修改密码弹框展示
+      modifyPwShow: false,
+      logoandroid:false,
+      showus:false,
+      notice:'',
+      loginotherflag :true,
+      // 报建待办
+      AppDaiBan: '',
+      //安检待办
+      safecheckDaiBan:[],
+      // 预约待处理
+      OrderDaiBan: ''
+    }
+  },
+  methods: {
+    //格式化时间
+    format(dat){
+      //获取年月日，时间
+      const year = dat.getFullYear();
+      const mon = (dat.getMonth()+1) < 10 ? "0"+(dat.getMonth()+1) : dat.getMonth()+1;
+      const data = dat.getDate()  < 10 ? "0"+(dat.getDate()) : dat.getDate();
+      const hour = dat.getHours()  < 10 ? "0"+(dat.getHours()) : dat.getHours();
+      const min =  dat.getMinutes()  < 10 ? "0"+(dat.getMinutes()) : dat.getMinutes();
+      const seon = dat.getSeconds() < 10 ? "0"+(dat.getSeconds()) : dat.getSeconds();
+
+      return year + "-" + mon + "-" + data + " " + hour + ":" + min + ":" + seon;
+    },
+    async getDaiBan(){
+      let http = new HttpResetClass()
+      let condition = ''
+      if(this.$login.f.deps!=='柠条塔'){
+        condition = `  (f_orderstate != '预约成功' and f_orderstate != '预约失败' ) or f_orderstate is null `
+      } else {
+        condition =` f_orderstate is null and (f_address in( select f_address from t_user_address where f_slice_area='柠条塔') or f_address like '%柠条塔%') `
+      }
+      await http.load('POST', '/rs/sql/singleTable', {data: {
+          tablename:'t_order_center',
+          condition:condition
+        }}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        let OrderDaiBan = {}
+        res.data.forEach(item=>{
+          OrderDaiBan[item.f_ordertype] = OrderDaiBan[item.f_ordertype] || []
+          OrderDaiBan[item.f_ordertype].push(item)
+        })
+        this.OrderDaiBan = `您有${res.data.length}条需要处理的微信预约业务！`
+        if (res.data.length> 0){
+          this.OrderDaiBan += `其中 ${Object.keys(OrderDaiBan).map(key=>`${key}：${OrderDaiBan[key].length}条`).join(', ')}`
+        }
+      })
+      let data = {
+        condition: '1 = 1',
+        data: {
+          orgid: this.$login.f.orgid,
+          id: this.$login.f.id
+        }
+      }
+      await http.load('POST', '/rs/sql/checkuser', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        let AppDaiBan = {}
+        res.data.forEach(item=>{
+          AppDaiBan[item.defname] = AppDaiBan[item.defname] || []
+          AppDaiBan[item.defname].push(item)
+        })
+        this.AppDaiBan = `您有${res.data.length}条需要处理的报建待办业务！`
+        if (res.data.length> 0){
+          this.AppDaiBan += `其中 ${Object.keys(AppDaiBan).map(key=>`${key}：${AppDaiBan[key].length}条`).join(', ')}`
+        }
+      })
+
+    },
+    async getDaiBanA(){
+      // 是否全局开启待办通知
+      if (daibanJson.enable) {
+        console.log("当前获取到待办配置为" + JSON.stringify(daibanJson))
+        let http = new HttpResetClass()
+        let daibanArray = []
+        for (let daibanItem of daibanJson.daiban) {
+          console.log("开始处理待办任务：" + daibanItem.title + "当前任务状态：" + daibanItem.enable?"开启":"关闭" )
+          if (daibanItem.enable) { // 控制每一项通知是否开启
+            let postResult = ''; //提示信息为
+            await http.load("POST",daibanItem.url,{data:daibanItem.data},{ resolveMsg: null, rejectMsg: null})
+              .then((res)=>{
+                let responseData = res.data
+                for (let item of responseData) {
+                  postResult += eval(daibanItem.text) + "\n"
+                }
+                postResult += '\t'
+                daibanArray.push({text:postResult,oldData:daibanItem})
+              })
+          }
+        }
+        console.log("安检数据为："+JSON.stringify(daibanArray))
+        this.safecheckDaiBan = daibanArray
+      }else {
+        console.log("待办提醒全局关闭。")
+      }
+
+
+
+
+    },
+
+    async loginother(){
+      if (this.config.distanceLogin) {
+        if (this.$login && this.$login.getUrlParames('name') ) {
+          let ename = this.$login.getUrlParames('name');
+          let logininfo = await this.$resetpost('rs/logic/getLoginData',{data:{ename:ename}},{resolveMsg: null, rejectMsg: null});
+          if(logininfo.data){
+            if(logininfo.data.ename && logininfo.data.password){
+              this.model.ename = logininfo.data.ename
+              this.model.password =logininfo.data.password
+              let gen = saveGen(this)
+              return co(gen)
+            }
+          }
+        }
+      }
+    },
+    theme(){
+      // var  elementList = document.querySelectorAll('body');
+      //   console.log(elementList)
+      //   document.querySelectorAll('body')[0].className='themeTwo'
+      //   var  elementList = document.querySelectorAll('body');
+      //   console.log(elementList)
+    },
+    onReady () {
+      this.$emit('ready')
+    },
+    confirm (key) {
+      this.login_do=!this.login_do
+      // return
+      if (key == 'key') {
+        $('form').fadeOut(500)
+      }
+      this.login = true
+      // let gen = saveGen(this)
+      // return co(gen)
+      if((!this.otherLogin) && this.$login && this.$login.Verification){
+        console.log('跳转过来的不走验证')
+        if(this.picLyanzhengma == '') {
+          this.$showMessage("请输入验证码！").then(()=>{
+            this.login = false
+            $('form').fadeIn(500)
+            this.createCode()
+          })
+        }else if(this.picLyanzhengma.toUpperCase() != this.checkCode ) {
+          //若输入的验证码与产生的验证码不一致时
+          this.$showMessage("验证码不正确").then(()=>{
+            this.login = false
+            $('form').fadeIn(500)
+            this.createCode();//刷新验证码
+            this.picLyanzhengma = '';
+          })
+        }else {
+          this.login = true
+          let gen = saveGen(this)
+          return co(gen)
+        }
+      }else {
+        this.login = true
+        let gen = saveGen(this)
+        return co(gen)
+      }
+    },
+    createCode(){
+      let code = "";
+      let codeLength = 4;//验证码的长度
+      let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
+        'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
+      for (let i = 0; i < codeLength; i++) {
+        //循环操作
+        let index = Math.floor(Math.random() * 36);//取得随机数的索引（0~35）
+        code += random[index];//根据索引取得随机数加到code上
+      }
+      this.checkCode = code;//把code值赋给验证码
+    },
+
+    async depPromptConfirm () {
+      this.depPromptShow = false
+      return this.$goto('home-page', {functions: this.$login.f,config: this.config})
+    },
+
+    depPromptCancel () {
+      this.depPromptShow = false
+      this.createCode()
+      this.picLyanzhengma = ''
+      this.model.ename = ''
+      this.model.password = ''
+      this.login = false
+      $('form').fadeIn(500)
+    }
+  },
+  watch: {
+    'modifyPwShow' (val){
+      if (!val) {
+        window.location.reload()
+      }
+    }
+  }
+}
+</script>
+
+<style>
+</style>

package/src/filiale/wenxi/Main.vue

@@ -0,0 +1,785 @@
+<template>
+  <div @click="hindsetting1()" :class="{'with-watermark':showwatermakeflag}">
+    <span class="newTip" transition="newTip"  @click="tipClick"  v-if="newTipShow">
+     <span>您有一条新提醒</span>
+    </span>
+    <!--    <div class="system-main" id="box" v-el:box v-if="!isManger">-->
+    <!--      <div class="system-logo" style="height: auto">-->
+    <!--        <img :src="imgs.logoimg" alt=""/>-->
+    <!--        <label>{{systemname}}</label>-->
+    <!--        <div class="system-logo-chi" >-->
+    <!--          <div  v-if="userpane"  class="auto system-logo-prompt" style="float: right">-->
+    <!--            <span>{{orgpathnames}}</span>-->
+    <!--          </div>-->
+    <!--          &lt;!&ndash;<div class="system-logo-chi-img1" style="float: right" @mouseenter="mouseenteruser()"  @mouseleave="mouseleaveuser()"></div>&ndash;&gt;-->
+    <!--          <span  style="float: right; padding-top: 2px"  @mouseenter="mouseenteruser()"  @mouseleave="mouseleaveuser()"  class="system-logo-chi-span-1">{{$login.f.name}}</span>-->
+    <!--          <span style="border-left: 1px solid;float: right;padding-top: 2px" class="system-logo-chi-span-1"> <img src="../../static/newStyle/login-f.png" height="20" width="20"> </span>-->
+    <!--          <a href="index.html" onclick="return confirm('您确定要退出系统吗？');" style="float: right;padding-top: 2px">-->
+    <!--            <img src="../../static/newStyle/system-off.png" alt="" >-->
+    <!--            <span class="system-logo-chi-span-1">退出系统</span>-->
+    <!--          </a>-->
+    <!--          <div style="float: right"  :class="{'dropstyle':setting,'dropstyle-1':!setting}">-->
+    <!--            <dropdown class="auto" >-->
+    <!--                      <span data-toggle="dropdown" @click="hindsetting()"  >-->
+    <!--                        <img :src="srcsetting" alt=""><span>系统设置</span>-->
+    <!--                      </span>-->
+    <!--              <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-up dropstyle-chi" >-->
+    <!--                &lt;!&ndash;                <li>系统信息及设置</li>&ndash;&gt;-->
+    <!--                <li style="color: #ffffff;white-space: nowrap"  @click="show=true">修改密码</li>-->
+    <!--                <li style="color: #ffffff;white-space: nowrap"  @click="AddChangeMsgShow=true">系统版本</li>-->
+    <!--              </ul>-->
+    <!--            </dropdown>-->
+    <!--          </div>-->
+
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--      <div class="system-left tree-flex" :class="{'system-left-1': !treeOrIcon}" id="top" v-el:top >-->
+    <!--        <div class="system-left-chi" :class="{'system-left-icon': !treeOrIcon}"  >-->
+    <!--          <div class="span system-left-tree" >-->
+    <!--            <left-tree :functions='functions.functions' :userid='userid' @isnodo="isnodo" :treeOrIcon="treeOrIcon"  :tabs="tabs" v-ref:tree></left-tree>-->
+    <!--            &lt;!&ndash;            <icon-tree :functions='functions.functions' :userid='userid' v-show="!treeOrIcon"></icon-tree>&ndash;&gt;-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--        <div class="system-foot-stretch" >-->
+    <!--          <a @click="changeShow()"><img src="../../static/images/lefticon/菜单伸缩.png" alt=""></a>-->
+    <!--        </div>-->
+    <!--      </div>-->
+
+
+    <!--      <div class="system-right" :class="{'system-right-1': !treeOrIcon}" id="bottom" v-el:bottom>-->
+    <!--        <div class="span">-->
+    <!--          <echarts-box v-if="$refs.mic.tabs.length === 0"></echarts-box>-->
+    <!--          <dynamic :comps='[]' :showup="true" :showhide="false" name='main' :selecttab.sync="selecttab" @tab-changed="tabChange" @tabscg="tabcg" v-ref:mic v-show="!($refs.mic.tabs.length === 0)"></dynamic>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--            <div class="system-foot"  v-el:bottom>-->
+
+    <!--              <div class="system-foot-box">-->
+
+    <!--              </div>-->
+    <!--            </div>-->
+    <!--    </div>-->
+    <div class='flex-row  system-main' id="box" v-el:box v-if="!isManger">
+      <div class="auto login-operator1" v-if="$refs.mic.tabs.length === 0">
+            <span>
+               <img
+                 src="../assets/people.png" height="15" width="15">
+              登录人：</span>
+        <label>{{ orgpathnames }}</label>
+      </div>
+      <div class="system-left tree-flex" :class="{'tree-flex-icon': !treeOrIcon}" id="top" v-el:top>
+        <div class="system-left-chi" :class="{'system-left-icon': !treeOrIcon}">
+          <div class="span system-left-tree " style="height:85%">
+            <h3>{{ systemname }}</h3>
+            <!--            <div class="span" style="margin-bottom:10px;padding-bottom:5px;padding-top:5px;flex: 1;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;">-->
+            <left-tree :functions='functions.functions' :userid='userid' @isnodo="isnodo" v-show="treeOrIcon"
+                       :tabs="tabs" v-ref:tree></left-tree>
+            <!--&lt;!&ndash;              <icon-tree :functions='functions.functions' :userid='userid' v-show="!treeOrIcon"></icon-tree>&ndash;&gt;-->
+          </div>
+
+          <div class="tree-flex-footer">
+            <!--            <a @click="changeShow()"><img :src="imgs.open" alt=""><span v-if="treeOrIcon">菜单伸缩</span></a>-->
+            <!-- <a><img src="../../../static/treeset.png" alt="">系统设置</a> -->
+            <dropdown class="auto">
+              <button type="button" data-toggle="dropdown">
+                <img :src="imgs.set" alt=""><span v-if="treeOrIcon">系统设置</span>
+              </button>
+              <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-up">
+                <li>系统信息及设置</li>
+                <!-- <li>{{name}}</li> -->
+                <li>{{ date }}</li>
+                <li @click="openUrl()">售后服务</li>
+                <li @click="qrCode=true">APP二维码</li>
+                <li @click="show=true">修改密码</li>
+                <li @click="AddChangeMsgShow=true">系统版本:V3.0</li>
+              </ul>
+
+            </dropdown>
+            <a href="index.html" @click.prevent="logOut">
+              <img :src="imgs.out" alt=""><span v-if="treeOrIcon">退出系统</span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <!-- <div class="line" id="line" v-show="treeOrIcon" v-el:line></div> -->
+
+      <div class="flex right-bg  system-right" id="bottom" v-el:bottom>
+        <!-- <operator-badge></operator-badge> -->
+        <div class="span">
+          <echarts-box v-if="$refs.mic.tabs.length === 0"></echarts-box>
+          <dynamic :comps='[]' name='main' :selecttab.sync="selecttab" :orgpathnames="orgpathnames"
+                   @tab-changed="tabChange" @tabscg="tabcg" v-ref:mic v-show="!($refs.mic.tabs.length === 0)"></dynamic>
+        </div>
+      </div>
+    </div>
+    <div v-show="isManger">
+      <route v-ref:route></route>
+    </div>
+    <modal v-if="newTipContextShow" :show.sync="newTipContextShow" :backdrop="false">
+      <header slot="modal-header" style="display:none"> </header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="row">
+            <div class="col-sm-12 " v-if="AppDaiBan !==''">
+              <label class="col-sm-2">报装待办:</label>
+              <span style="font-weight:normal">{{AppDaiBan}}</span>
+            </div>
+            <div class="col-sm-12 " v-if="OrderDaiBan !==''">
+              <label class="col-sm-2">预约待办:</label>
+              <span style="font-weight:normal">{{OrderDaiBan}}</span>
+            </div>
+          </div>
+        </form>
+      </article>
+      <footer  slot="modal-footer" style="height: 8vh" class="modal-footer">
+        <button class="button_search" @click="newTipContextShow = false">确认</button>
+      </footer>
+    </modal>
+
+    <!-- 变更录入 模态框 -->
+    <add-changemsg :show="AddChangeMsgShow" v-on:toggle="AddChangeMsgShow = false"></add-changemsg>
+    <!-- 修改密码组件 -->
+    <modify-pw :show.sync="show" v-if="show"></modify-pw>
+    <!-- 手机扫描二维码 -->
+    <modal :show.sync="qrCode" v-if="qrCode" v-ref:qrmodal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        请打开手机扫一扫功能进行扫描下载App
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <img style="width: 300px;height: 300px;display: block;margin: auto" src="/images/DownLoadQRCode.png"/>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-success" @click='qrCode=false'>关闭</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import vue from 'vue'
+import co from 'co'
+import {HttpResetClass} from "vue-client";
+
+let getwartermakr = async function (self) {
+  let param = {
+    tablename: 't_singlevalue',
+    condition: " 1=1 and name=\'水印内容\'"
+  };
+  let result = await self.$resetpost('rs/sql/saleSingleTable', {data: param}, {resolveMsg: null, rejectMsg: null});
+  if (result && result.data.length > 0) {
+    self.showwatermakeflag = true;
+    createWaterMark(`${result.data[0].value}${self.$login.f.ename}`);
+  } else {
+    self.showwatermakeflag = false;
+  }
+}
+
+let createWaterMark = function (userName) {
+  let style;
+  if (style) style.remove();
+  let width = window.parseInt(document.body.clientWidth);
+  let canvasWidth = width / window.parseInt(width / 320);
+  let fontFamily = window.getComputedStyle(document.body)["font-family"];
+  let canvas = document.createElement("canvas");
+  canvas.width = canvasWidth;
+  canvas.height = 200;
+  let ctx = canvas.getContext("2d");
+  ctx.rotate((-20 * Math.PI) / 180);
+  ctx.font = `20px ${fontFamily}`;
+  ctx.fillStyle = "rgba(8,8,8,.1)";
+  ctx.fillText(userName, 50, 200);
+  let imgSrc = canvas.toDataURL("image/png");
+  style = document.createElement("style");
+  style.innerHTML = `.with-watermark:before{
+        pointer-events: none;
+        content: "";
+        width: 100%;
+        height: 100%;
+        display: block;
+        position: absolute;
+        background-image: url("${imgSrc}");
+    }`;
+  (document.head.append || document.head.appendChild).apply(document.head, [style]);
+}
+
+window.onunload = () => {
+  vue.http({url: `rs/user/update/${this.$login.f.ename}`, method: 'GET'})
+}
+window.onbeforeunload = () => {
+  vue.http({url: `rs/user/update/${this.$login.f.ename}`, method: 'GET'})
+}
+export default {
+  title: '主界面',
+  props: ['functions', 'userid', 'config'],
+  data() {
+    return {
+      // 页面提示信息定时器
+      interval: null,
+      newTipShow: false,
+      newTipContextShow: false,
+      AppDaiBan: '',
+      OrderDaiBan: '',
+      // 左侧树下部三个小图标
+      imgs: {
+        open: '/images/lefticon/菜单伸缩.png',
+        set: '/images/lefticon/系统设置.png',
+        out: '/images/lefticon/退出系统.png',
+        img1: '/images/newStyle/login-user.png',
+        logoimg: '/static/newStyle/fife.png'
+        // img2: '/images/lefticon/退出系统.png',
+      },
+      treeOrIcon: false,
+      qrCode:false,
+      isManger: false,
+      show: false,
+      orgpathnames: `${this.$login.f.orgs}-${this.$login.f.deps}-${this.$login.f.name}`,
+      systemname: '客服系统',
+      date: this.$login.toStandardDateString(),
+      tabs: [],       //已初始化页签数组
+      selecttab: '',
+      setting: true,
+      srcsetting: '../../static/newStyle/setting.png',
+      showwatermakeflag: false,
+      // headerHint: true, // 右侧顶部提示信息
+      // value: 25645.26,
+      // AddChangeMsgShow: false,
+      // showsum: false
+    }
+  },
+  ready() {
+    getwartermakr(this);
+    let component = this.$login.getUrlCompileParames('component')
+    if (component) {
+      this.isManger = true
+      this.$refs.route.init(component, {data: this.functions.functions})
+    }
+    if (this.$login.f.password == '1') {
+      this.$showMessage('本地登录系统为此账户的初始密码，请确认修改密码！！！', ['confirm', 'cancel']).then((res) => {
+        if (res == 'confirm')
+          this.show = true
+      })
+    }
+    console.log("系统名称", this.$appdata.getSingleValue("系统名称"))
+    this.systemname = this.$appdata.getSingleValue("系统名称") ? this.$appdata.getSingleValue("系统名称") : '客服系统'
+    //   let oBox = this.getElement("box")
+    // 	let	oTop = this.getElement("top")
+    // 	let	oBottom = this.getElement("bottom")
+    // 	let oLine = this.getElement("line")
+    //   let that = this
+    // 			oLine.onmousedown = function(e) {
+    // 				let disX = (e || event).clientX
+    // 				oLine.left = oLine.offsetLeft
+    // 				document.onmousemove = function(e) {
+    // 					let iT = oLine.left + ((e || event).clientX - disX)
+    //           var e = e || window.event
+    // 					let tarnameb = e.target || e.srcElement
+    // 					let maxT = oBox.clientWight - oLine.offsetWidth
+    // 					oLine.style.margin = 0
+    // 					iT < 0 && (iT = 0)
+    // 					iT > maxT && (iT = maxT)
+    // 					oLine.style.left = oTop.style.width = iT + "px"
+    // 					oBottom.style.width = oBox.clientWidth - iT + "px"
+    //           that.$set('treeWidth', iT)
+    // 					return false
+    // 				}
+    // 				document.onmouseup = function() {
+    // 					document.onmousemove = null
+    // 					document.onmouseup = null
+    // 					oLine.releaseCapture && oLine.releaseCapture()
+    // 				}
+    // 				oLine.setCapture && oLine.setCapture()
+    // 				return false
+    // 			}
+    this.changeShow()
+    this.gotoWorkOrderSite()
+    // 获取预约列表
+    this.functions.f_role_name && this.functions.f_role_name.includes(this.config.msgRole) && this.config.isTip && this.getOrderList()
+  },
+  methods: {
+    getOrderList(){
+      let times = this.config.times * 60 * 1000
+      console.log("=定时提示间隔=", times)
+      try {
+        this.interval = setInterval(() => {
+          this.getDaiBan()
+        }, times)
+      } catch (error) {
+        console.log('捕获到异常', error)
+      }
+    },
+    async getDaiBan(){
+      this.OrderDaiBan  = ''
+      this.AppDaiBan  = ''
+      let http = new HttpResetClass()
+      await http.load('POST', '/rs/sql/singleTable', {data: {
+          tablename:'t_order_center',
+          condition:` (f_orderstate != '预约成功' and f_orgstr ='${this.$login.f.orgid}' and f_orderstate != '预约失败' ) or f_orderstate is null`
+        }}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        let OrderDaiBan = {}
+        res.data.forEach(item=>{
+          OrderDaiBan[item.f_ordertype] = OrderDaiBan[item.f_ordertype] || []
+          OrderDaiBan[item.f_ordertype].push(item)
+        })
+        if (res.data.length> 0){
+          this.OrderDaiBan = `您有${res.data.length}条需要处理的微信预约业务！`
+          this.OrderDaiBan += `其中 ${Object.keys(OrderDaiBan).map(key=>`${key}：${OrderDaiBan[key].length}条`).join(', ')}`
+        }
+      })
+      let data = {
+        condition: '1 = 1',
+        data: {
+          orgid: this.$login.f.orgid,
+          id: this.$login.f.id
+        }
+      }
+      await http.load('POST', '/rs/sql/checkuser', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        let AppDaiBan = {}
+        res.data.forEach(item=>{
+          AppDaiBan[item.defname] = AppDaiBan[item.defname] || []
+          AppDaiBan[item.defname].push(item)
+        })
+        if (res.data.length> 0){
+          this.AppDaiBan = `您有${res.data.length}条需要处理的报建待办业务！`
+          this.AppDaiBan += `其中 ${Object.keys(AppDaiBan).map(key=>`${key}：${AppDaiBan[key].length}条`).join(', ')}`
+        }
+      }).catch((e)=>{
+        console.error(e)
+      })
+      if(this.AppDaiBan || this.OrderDaiBan){
+        this.newTipShow = true
+      }
+    },
+    // 提醒框被点击
+    tipClick(){
+      this.newTipShow = false
+      this.newTipContextShow = true
+    },
+    gotoWorkOrderSite(){
+      const isRemind =this.$appdata.getSingleValue("站点工单提醒")
+      console.log('站点工单是否提醒',isRemind)
+      if(isRemind && isRemind !== '是'){
+        return
+      }
+      if(this.functions && this.functions.f_role_name && this.functions.f_role_name.indexOf('派单员') !== -1){
+        const data = {
+          "condition":
+            {
+              "condition":" 1=1 ",
+              "sign":"1=1"
+            },
+          "userid":this.functions.name
+        }
+        new HttpResetClass().load('POST','rs/path/operatorService/n', {data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+          if(res.data && res.data.n !== 0){
+            this.$showMessage('你有'+res.data.n+'个工单待处理，请尽快前往站点工单页面进行处理')
+          }
+        })
+      }
+    },
+    openUrl() {
+      var url = `http://123.60.214.109:8406/submitTicket?contact=${this.$login.f.name}&orgName=${this.$login.f.orgs}&phone=${this.$login.f.f_user_telephone}`
+      window.open(url, '_blank')
+    },
+    hindsetting() {
+      this.setting = !this.setting
+      if (this.setting) {
+        this.srcsetting = '../../static/newStyle/setting.png'
+      } else {
+        this.srcsetting = '../../static/newStyle/setting1.png'
+      }
+
+    },
+    hindsetting1() {
+
+      if (!this.setting) {
+        this.srcsetting = '../../static/newStyle/setting.png'
+        this.setting = true
+      }
+
+    },
+    isnodo(val) {
+      console.log(val, 'ss')
+      this.selecttab = val
+    },
+    unfurl() {
+      if (this.showsum) {
+        this.showsum = false
+      } else {
+        this.showsum = true
+      }
+    },
+    // getElement(id) {
+    //   return document.getElementById(id)
+    // },
+    changeShow() {
+      //   this.treeOrIcon = !this.treeOrIcon
+      //   let oBox = this.getElement("box")
+      // 	let	oTop = this.getElement("top")
+      // 	let	oBottom = this.getElement("bottom")
+      // 	let oLine = this.getElement("line")
+      //   if (this.treeOrIcon) {
+      //     // oLine.style.left = oTop.style.width = 300 + "px"
+      //     oTop.style.width = 150 + "px"
+      //     oBottom.style.width = oBox.clientWidth - 150 + "px"
+      //   }else {
+      //     oLine.style.left = oTop.style.width = 50 + "px"
+      //     oBottom.style.width = oBox.clientWidth - 50 + "px"
+      //   }
+      // }
+      this.treeOrIcon = !this.treeOrIcon
+      // if (this.treeOrIcon) {
+      //   this.$els.top.style.width = 14 + "%"
+      //   this.$els.bottom.style.width = this.$els.box.clientWidth - 14 + "%"
+      // }else {
+      //   this.$els.top.style.width = 8 + "%"
+      //   this.$els.bottom.style.width = this.$els.box.clientWidth - 8 + "%"
+      // }
+    },
+    changeMain(userid) {
+      this.$goto('res-main', {userid: this.userid}, 'self')
+    },
+    tabChange(name) {
+      console.log(name, 'tabchanage')
+      this.selecttab = name
+      this.$refs.tree.changeSelect(name)
+    },
+    tabcg(val) {
+      console.log(val)
+      this.tabs = val
+    },
+    logOut() {
+      console.log(this.$login.f)
+      this.$showMessage('您确定要退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+        if (res == 'confirm') {
+          let data = {
+            userid: this.$login.f.id,
+            username: this.$login.f.name,
+            usertelephone: this.$login.f.f_user_telephone
+          }
+          await this.$resetpost('rs/logic/logOut', data, {resolveMsg: '退出成功', rejectMsg: null})
+          window.location.reload()
+        }
+      })
+    }
+  },
+  computed: {
+    nowDate() {
+      return this.$login.getNowDate()
+    }
+  }
+}
+</script>
+<style lang="less">
+.newTip-transition {
+  transition: all .4s ease;
+}
+.newTip-enter, .newTip-leave {
+  height: 0;
+  padding: 0 10px;
+  opacity: 0;
+}
+.newTip a {
+  color: #333;
+}
+.newTip {
+  cursor: pointer;
+  text-align: center;
+  position: absolute;
+  top: 3em;
+  margin: 0 auto;
+  width: 200px;
+  left: 48%;
+  line-height: 2;
+  z-index: 10010;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.38);
+  pointer-events: all;
+  border-radius: 4px;
+  background-color: whitesmoke;
+}
+/* 组件内通用样式 */
+.select-error {
+  button {
+    border-bottom: 1px solid #a94442 !important;
+  }
+}
+
+// input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
+//       -webkit-appearance:textfield;
+// }
+/* 表单输入框组 */
+.form-input-group {
+  display: flex;
+
+  label {
+    width: 100px;
+    text-align: right;
+
+    + * {
+      flex: 1;
+    }
+  }
+}
+
+// 日期组件在表单中沾满
+.form-horizontal .datepicker {
+  width: 100%;
+}
+
+// 下拉选择框占据剩余全部空间
+.select-overspread {
+  .form-group {
+    // margin: 0px 5px 10px 0px;
+    .form-control {
+      margin-right: 0px;
+    }
+  }
+
+  .btn-group, .btn-group-vertical {
+    width: 100%;
+    // padding-right: 5px;
+    button {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+
+  .dropdown-menu {
+    width: 100%
+  }
+}
+
+// 需要特定宽度的的样式
+.width-60 {
+  width: 60px;
+}
+
+.userpanel {
+  font-weight: 300;
+  color: #333;
+  position: fixed;
+  right: 30px;
+  top: 45px;
+  background-color: white;
+  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+  padding: 4px 10px 4px 10px;
+  border-radius: 2px;
+}
+
+.width-80 {
+  width: 80px;
+}
+
+.width-100 {
+  width: 100px;
+}
+
+
+/*右侧区域的背景*/
+.right-bg {
+  width: 100%;
+  flex: 1;
+  color: #304A66;
+}
+
+.tree-flex {
+  height: 100%;
+  // width: 150px;
+  /*width: 60px;*/
+  background: #4a7cae;
+  color: #fff;
+
+}
+
+.tree-flex-icon {
+  width: 50px;
+  /*transition: 0.5s;*/
+
+  > .span {
+    overflow-x: visible;
+  }
+}
+
+.tree-flex h3 {
+  text-align: center;
+  margin: 1em 0;
+}
+
+.tree-flex-footer {
+  height: 50px;
+  display: flex;
+  flex-direction: column;
+  color: #fff;
+}
+
+.tree-flex-footer a, .tree-flex-footer button {
+  flex: 1;
+  padding: 8px 5px;
+  font-size: 1.2em;
+  // border-top: 1px solid #697D93;
+  border-top: 1px solid #4a7cae;
+  text-decoration: none;
+  color: #fff;
+  cursor: pointer;
+}
+
+.tree-flex-footer button {
+  height: auto;
+  width: 100%;
+  border-radius: 0px;
+  background-color: rgba(255, 255, 255, 0);
+  border: none;
+  border-top: 1px solid #4a7cae;
+  // border-top: 1px solid #697D93;
+  text-align: left;
+}
+
+.tree-flex-footer button:hover {
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.tree-flex-footer button:focus {
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.tree-flex-footer a:hover {
+  color: #FFF;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.tree-flex .btn-group {
+  height: 50px !important;
+}
+
+.tree-flex .dropdown-menu {
+  /* 控制显示列表的样式 */
+  background: #4a7cae;
+  border-radius: 0px;
+  color: #fff;
+  width: auto;
+  margin: 0px;
+  padding: 0px;
+}
+
+.tree-flex .dropdown-menu-up {
+  /* bottom，top控制上下，left和right控制左右*/
+  left: 100% !important;
+  top: auto !important;
+  bottom: 0;
+}
+
+.tree-flex .dropdown-menu-down {
+  /* bottom，top控制上下，left和right控制左右*/
+  left: 100% !important;
+  top: 0 !important;
+}
+
+.tree-flex .dropdown-menu li {
+  text-align: center;
+  line-height: 50px;
+  border-bottom: 1px solid #697D93;
+  font-size: 1.2em;
+  width: auto;
+  white-space: nowrap;
+  cursor: default;
+
+}
+
+.tree-flex .dropdown-menu li + li {
+  text-align: left;
+  border: 0;
+  line-height: 40px;
+  padding-left: 15px;
+  padding-right: 15px;
+  font-size: 1em;
+  cursor: pointer;
+}
+
+.tree-flex .dropdown-menu li + li:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.tree-flex .dropdown-menu li a {
+  border: none;
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  font-size: 1em;
+  padding: 0px;
+}
+
+.tree-flex .dropdown-menu li a:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0);
+}
+
+.tree-flex img {
+  height: 1.2em;
+  width: 1.2em;
+  margin-right: 15px;
+  margin-left: 5px;
+}
+
+.line {
+  height: 100%;
+  width: 5px;
+  background: #4C637B;
+  cursor: e-resize;
+}
+
+/*为树（tree）组件写的样式*/
+.tree-img {
+  font-size: 1.2em;
+}
+
+/*将较长信息截断显示，鼠标悬停显示全部信息*/
+.cutout50 {
+  max-width: 50px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 滚动条样式 */
+/*---滚动条默认显示样式--*/
+::-webkit-scrollbar-thumb {
+  //  display: none;
+  background-color: rgba(0, 0, 0, 0.4);
+  /*background-color:red;*/
+  height: 50px;
+  outline-offset: -2px;
+  /*outline:2px solid #fff;*/
+  -webkit-border-radius: 4px;
+  /*border: 2px solid #fff;*/
+}
+
+/*---鼠标点击滚动条显示样式--*/
+::-webkit-scrollbar-thumb:hover {
+  //  display: inherit;
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 50px;
+  -webkit-border-radius: 4px;
+}
+
+/*---滚动条大小--*/
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/*---滚动框背景样式--*/
+::-webkit-scrollbar-track-piece {
+  /* 全透明，不显示 */
+  background-color: rgba(255, 255, 255, 0);
+  -webkit-border-radius: 0;
+}
+</style>

package/src/filiale/wenxi/system.js

@@ -0,0 +1,10 @@
+// 分公司特殊组件页面注册
+
+exports.specialComp =  {
+  'login': (resolve) => {
+    require(['./Login'], resolve)
+  },
+  'home-page': (resolve) => {
+    require(['./Main'], resolve)
+  }
+}