system-clients 4.0.10 → 4.0.12

package/src/filiale/shimen/Main.vue

@@ -0,0 +1,1202 @@
+<template>
+  <div @click="hindsetting1()" :class="{'with-watermark':showwatermakeflag}">
+    <span class="newTip" transition="newTip"  @click="tipClick"  v-if="newTipShow">
+     <span>您有一条新提醒</span>
+    </span>
+    <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 class="col-sm-12 " v-if="flowDaiBan !==''">
+              <label class="col-sm-2">流程审核待办:</label>
+              <span style="font-weight:normal">{{ flowDaiBan }}</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>
+
+    <modal v-show="showRemind" :show.sync="showRemind" :backdrop="false">
+      <header slot="modal-header" class="text-center"><h3>卡表动态库到期</h3></header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="row">
+            <div class="col-sm-3 " v-for="item in dataRemind">
+              <label class="col-sm-3">{{ item.type }}:</label>
+              <span style="font-weight:normal">{{ item.brand }}</span>
+            </div>
+            <div class="col-sm-12 text-right">
+              <span style="font-weight:normal">卡表动态库到期,请联系售后尽快注册！</span>
+            </div>
+          </div>
+        </form>
+      </article>
+      <footer slot="modal-footer" style="height: 8vh" class="modal-footer">
+        <button class="button_search" @click="showRemind = 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>
+
+    <!-- 退出系统时选择移交人模态框 -->
+    <modal v-if="transferShow" :show.sync="transferShow" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">退出系统</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+          <div class="row">
+            <div class="col-sm-12">
+              <label class="col-sm-4 font_normal_body">是否移交票据：</label>
+              <div class="col-sm-8">
+                <label style="padding-top: 7px">
+                  <input type="radio" name="transferType" v-model="transferType" value="transfer"> 选择移交人后退出
+                </label>
+                <label style="margin-left: 20px;">
+                  <input type="radio" name="transferType" v-model="transferType" value="direct"> 直接退出系统
+                </label>
+              </div>
+            </div>
+            <div class="col-sm-12 form-group" v-if="transferType === 'transfer'" style="margin-top: 15px;">
+              <label class="col-sm-4 font_normal_body">选择移交人：</label>
+              <div class="col-sm-8">
+                <v-select :options="filterBillUsers" v-model="selectedTransferUser" :value.sync="selectedTransferUser" placeholder="请选择移交人"></v-select>
+                <span v-if="filterBillUsers.length === 0" style="color:#a94442;font-size:12px;margin-top:5px;display:block;">
+                  没有可用的移交人，所有人员已分配票据或不具备票据使用权限
+                </span>
+              </div>
+            </div>
+          </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="button_search button_spacing" @click="confirmTransfer">确定</button>
+        <button type="button" class="button_clear button_spacing" @click="transferShow = 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=\'水印内容\'"
+  };
+  // todo v4
+  let result = await self.$resetpost('api/af-revenue/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]);
+}
+
+export default {
+  title: '主界面',
+  props: ['functions', 'userid', 'config'],
+  data() {
+    return {
+      // 页面提示信息定时器
+      interval: null,
+      intervaltx: null,
+      newTipShow: false,
+      newTipContextShow: false,
+      AppDaiBan: '',
+      OrderDaiBan: '',
+      flowDaiBan: '',
+      // 左侧树下部三个小图标
+      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,
+      systemname: '客服系统',
+      date: this.$login.toStandardDateString(),
+      tabs: [],       //已初始化页签数组
+      selecttab: '',
+      setting: true,
+      srcsetting: '../../static/newStyle/setting.png',
+      showwatermakeflag: false,
+      gasbrandIdData: [],
+      showRemind: false,
+      dataRemind: [],
+      // 退出系统相关
+      transferShow: false,
+      transferType: 'direct',
+      selectedTransferUser: [],
+      filterBillUsers: [], // 过滤后的可选票据使用人
+      // 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()
+    const istelRemindTimes = this.$appdata.getSingleValue("是否开启工单提醒定时器")
+    if (istelRemindTimes == '是') {
+      this.getTimesgotoWorkOrderSite()
+    }
+    const isapplyRemind = this.$appdata.getSingleValue("是否开启提醒")
+    const times = this.$appdata.getSingleValue("提示间隔分钟")
+    if (isapplyRemind == '是') {
+      this.config.isTip = true
+      this.config.times = times
+    }
+    // 获取预约列表
+    this.functions.f_role_name && this.functions.f_role_name.includes(this.config.msgRole) && this.config.isTip && this.getOrderList()
+    if (this.config.approve) {
+      this.getFlowList()
+    }
+    // 获取卡表动态库到期时间
+    this.getExpireDate()
+  },
+  methods: {
+    getOrderList() {
+      let times = this.config.times * 60 * 1000
+      console.log("=定时提示间隔=", times)
+      try {
+        this.interval = setInterval(() => {
+          this.getDaiBan()
+        }, times)
+      } catch (error) {
+        console.log('捕获到异常', error)
+      }
+    },
+    getFlowList() {
+      console.log('======获取流程审核待办=====')
+      let times = this.config.approveTimes * 60 * 1000
+      console.log("=定时提示间隔=", times)
+      try {
+        this.interval = setInterval(() => {
+          this.getFlowDaiBan()
+        }, times)
+      } catch (error) {
+        console.log('捕获到异常', error)
+      }
+    },
+    async getFlowDaiBan() {
+      this.flowDaiBan = ''
+      let http = new HttpResetClass()
+      let data = {
+        condition: `f_handler = '${this.$login.f.name}'`
+      }
+      await http.load('POST', 'rs/sql/future_getMyWorkFlowList', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        if (res.data.length > 0) {
+          this.flowDaiBan = `您有${res.data.length}条需要处理的审核流程业务！`
+        }
+      }).catch((e) => {
+        console.log('报错了！！')
+        console.error(e)
+      })
+      if (this.flowDaiBan) {
+        this.newTipShow = true
+      }
+    },
+    getTimesgotoWorkOrderSite() {
+      let teltimes = 2 * 60 * 1000 // 两分钟
+      try {
+        this.intervaltx = setInterval(() => {
+          this.gotoWorkOrderSite()
+        }, teltimes)
+      } catch (e) {
+        console.log('捕获到异常', e)
+      }
+    },
+    async getDaiBan() {
+      this.OrderDaiBan = ''
+      this.AppDaiBan = ''
+      let http = new HttpResetClass()
+      await http.load('POST', '/api/af-system/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
+      }
+    },
+    // 获取动态库卡表到期日
+    async getExpireDate() {
+      // 获取分公司的表品牌id
+      let http = new HttpResetClass()
+      await http.load('POST', '/api/af-system/sql/singleTable', {
+        data: {
+          tablename: 't_gasbrand_orgid',
+          condition: `f_using_orgid ='${this.$login.f.orgid}'`
+        }
+      }, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        if (res.data.length > 0) {
+          res.data.forEach(item => {
+            this.gasbrandIdData.push(item.f_gasbrand_id)
+          })
+        }
+        if (this.gasbrandIdData.length > 0) {
+          // 获取卡表到期时间
+          http.load('POST', '/api/af-system/sql/singleTable', {
+            data: {
+              tablename: 't_gasbrand',
+              condition: `id in (${this.gasbrandIdData}) and f_meter_type like '%卡表%'`
+            }
+          }, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            if (res.data.length > 0) {
+              res.data.forEach(itre => {
+                let band = null
+                if ('f_dynamic_expire' in itre) {
+                  if (itre.f_dynamic_expire !== null && itre.f_dynamic_expire !== '') {
+                    let todayold = new Date(itre.f_dynamic_expire)
+                    todayold.setDate(todayold.getDate() - parseInt(this.$appdata.getSingleValue('动态库提醒天数设置')))
+                    let today = new Date()
+                    if (today > todayold) {
+                      band = {type: '卡表', brand: itre.f_meter_brand}
+                      this.dataRemind.push(band)
+                    }
+                  }
+                }
+              })
+
+            }
+            if (this.dataRemind.length > 0) {
+              this.showRemind = true
+              // this.$showMessage(band + '。' +
+              //   '卡表动态库到期,请联系售后尽快注册！')
+            }
+          })
+        }
+      })
+    },
+    // 获取当前已分配票据的票据使用人
+    async getBillUsers() {
+      try {
+        let http = new HttpResetClass()
+        const result = await http.load('POST', '/api/af-revenue/sql/getBillInfo', {data: {condition: `1=1 and f_bill_state != '停用'` }}, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        // 记录已经分配票据的用户名
+        const assignedUsers = []
+        if (result && result.data && result.data.length > 0) {
+          // 遍历查询结果，获取所有已经有票据使用权限的用户
+          result.data.forEach(item => {
+            if (item.f_bill_user) {
+              if (!assignedUsers.includes(item.f_bill_user)) {
+                assignedUsers.push(item.f_bill_user)
+              }
+            }
+          })
+        }
+        // 将当前用户添加到已分配用户列表中，确保不会将票据移交给自己
+        if (!assignedUsers.includes(this.$login.f.name)) {
+          assignedUsers.push(this.$login.f.name)
+        }
+        console.log('已分配票据使用权限的用户:', assignedUsers)
+        // 从可选的票据使用人中过滤掉已经有权限的用户
+        this.filterBillUsers = this.billUsers.filter(user => {
+          // 如果用户名不在已分配列表中，则可以选择移交
+          return !assignedUsers.includes(user.label)
+        })
+
+        console.log('可移交的票据使用人:', this.filterBillUsers)
+
+        // 如果没有可用的移交人，默认选择直接退出
+        if (this.filterBillUsers.length === 0) {
+          this.transferType = 'direct'
+        }
+      } catch (error) {
+        console.error('获取票据使用人失败', error)
+        // 发生错误时，默认选择直接退出
+        this.transferType = 'direct'
+      }
+    },
+    // 提醒框被点击
+    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  and processins.activities[ state='开始活动' and (defname in('站点接单'))].count(*) > 0 ",
+                "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://aote-office.8866.org: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
+    },
+    // 退出系统
+    async logOut() {
+      try {
+        // 先检查当前登录人是否在票据使用人列表中
+        const isBillUser = this.billUsers.some(user => user.label === this.$login.f.name)
+
+        if (!isBillUser) {
+          // 如果当前登录人不是票据使用人，显示确认提示框
+          this.$showMessage('您确定要退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              await this.doLogout()
+            }
+          })
+          return
+        }
+
+        let http = new HttpResetClass()
+
+        // 检查当前用户是否有票据
+        const myBillsResult = await http.load('POST', '/api/af-revenue/sql/getBillInfo', {
+          data: {
+            condition: `f_bill_user='${this.$login.f.name}' and f_bill_state != '停用'`
+          }
+        }, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+
+        // 如果当前用户没有票据，显示确认提示框
+        if (!myBillsResult || !myBillsResult.data || myBillsResult.data.length === 0) {
+          this.$showMessage('您确定要退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              await this.doLogout()
+            }
+          })
+          return
+        }
+
+        // 如果有票据，显示移交选择框
+        this.transferShow = true
+        this.getBillUsers()
+      } catch (error) {
+        console.error('检查票据失败', error)
+        // 发生错误时显示确认提示框
+        this.$showMessage('您确定要退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+          if (res === 'confirm') {
+            await this.doLogout()
+          }
+        })
+      }
+    },
+    // 确认退出系统
+    async confirmTransfer() {
+      console.log('this.selectedTransferUser', this.selectedTransferUser)
+      console.log('this.filterBillUsers', this.filterBillUsers)
+      // 如果选择移交且选择了移交人
+      if (this.transferType === 'transfer' && this.selectedTransferUser) {
+        try {
+          let http = new HttpResetClass()
+
+          // 获取当前用户的票据信息
+          const myBillsResult = await http.load('POST', '/api/af-revenue/sql/getBillInfo', {
+            data: {
+              condition: `f_bill_user='${this.$login.f.name}' and f_bill_state != '停用'`
+            }
+          }, {
+            resolveMsg: null,
+            rejectMsg: null
+          })
+          console.log('myBillsResult', myBillsResult)
+          console.log('myBillsResult', myBillsResult.data.length)
+          console.log('myBillsResult', myBillsResult.data)
+
+          if (myBillsResult && myBillsResult.data.length > 0) {
+            // 调用票据移交接口
+            await http.load('POST', '/api/af-revenue/logic/billTransfer', {
+              data: {
+                id: myBillsResult.data[0].id,
+                f_bill_user: this.selectedTransferUser[0],
+                f_operator: this.$login.f.name,
+                f_operatorid: this.$login.f.id,
+                f_depid: this.$login.f.depids,
+                f_depname: this.$login.f.deps,
+                f_orgid: this.$login.f.orgid,
+                f_orgname: this.$login.f.orgs
+              }
+            }, {
+              resolveMsg: null,
+              rejectMsg: null
+            })
+            // 移交完成后退出系统
+            this.$showMessage(`已成功将票据移交给${this.selectedTransferUser[0]}！您确定要直接退出系统吗？`, ['confirm', 'cancel']).then(async (res) => {
+              if (res === 'confirm') {
+                await this.doLogout()
+              }
+            })
+          } else {
+            this.$showMessage('您没有需要移交的票据！您确定要直接退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+              if (res === 'confirm') {
+                await this.doLogout()
+              }
+            })
+          }
+
+        } catch (error) {
+          console.error('移交票据失败', error)
+          this.$showMessage('移交票据失败，请重试')
+        }
+      } else {
+        // 确认是否直接退出
+        this.$showMessage('您确定要直接退出系统吗？', ['confirm', 'cancel']).then(async (res) => {
+          if (res === 'confirm') {
+            await this.doLogout()
+          }
+        })
+      }
+    },
+    // 执行退出操作
+    async doLogout() {
+      let data = {
+        userid: this.$login.f.id,
+        username: this.$login.f.name,
+        usertelephone: this.$login.f.f_user_telephone
+      }
+
+      try {
+        await this.$resetget('api/af-system/user/logout', {resolveMsg: '退出成功', rejectMsg: null})
+
+        if (window.parent && window.parent !== window) {
+          window.parent.postMessage('reload', '*')
+        } else {
+          window.location.reload()
+        }
+      } catch (e) {
+        console.error('退出系统失败', e)
+        if (window.parent && window.parent !== window) {
+          window.parent.postMessage('reload', '*')
+        } else {
+          window.location.reload()
+        }
+      }
+
+      this.transferShow = false
+    }
+  },
+  computed: {
+    orgpathnames() {
+      let names = this.$login.f.name
+      if (this.$login.f.deps) {
+        names = `${this.$login.f.deps}-${names}`
+      }
+      if (this.$login.f.orgs) {
+        names = `${this.$login.f.orgs}-${names}`
+      }
+      return names
+    },
+
+    nowDate() {
+      return this.$login.getNowDate()
+    },
+    billUsers () {
+      return this.$appdata.getParam('票据使用人')
+    }
+  }
+}
+</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%;
+}
+
+/* 退出系统移交人模态框样式 */
+.transfer-modal-header {
+  background-color: #4a7cae;
+  color: #fff;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding: 10px 15px;
+  border-bottom: 2px solid #3a618e;
+}
+
+.transfer-modal-body {
+  padding: 20px;
+  background-color: #f8f8f8;
+}
+
+.transfer-modal-content {
+  margin: 0;
+  padding: 10px;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.transfer-option {
+  margin-bottom: 15px;
+  padding: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.transfer-label {
+  font-weight: 600;
+  color: #333;
+  text-align: right;
+  line-height: 34px;
+}
+
+.transfer-radio-group {
+  padding-top: 5px;
+}
+
+.transfer-radio {
+  margin-right: 20px;
+  cursor: pointer;
+  display: inline-block;
+}
+
+.radio-text {
+  font-weight: normal;
+  margin-left: 5px;
+}
+
+.transfer-select {
+  padding: 10px;
+  animation: fadeIn 0.3s ease-in-out;
+}
+
+.transfer-user-select {
+  width: 100%;
+}
+
+.transfer-modal-footer {
+  background-color: #f8f8f8;
+  border-top: 1px solid #e5e5e5;
+  padding: 15px;
+  text-align: right;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 表单输入框组 */
+.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>