item-management-web/src/views/complex/index.vue

<template>
  <div class="home">
  <div class="msg" v-if="orderOverStock>2">
    <el-alert
      :title="'指派接单异常：部门内轮单订单且未正式报价已积压:'+orderOverStock+'单，已超过预警数2单。请及时督促处理否则无法接受指派单。'"
      type="error"
      effect="light"
      center
      show-icon>
    </el-alert>
  </div>
    <div class="board">
      <div class="left">
        <el-card class="search-card">
          <div style="display: flex;">
            <div style="width: 14.5%;  margin-top: -5px;">
              <el-select v-model="businessType" @change="search()">
                <el-option label="全部" value="ALL"></el-option>
                <el-option label="大中型业务" value="大中型"></el-option>
                <el-option label="个贷业务" value="个贷"></el-option>
                <el-option label="土规业务" value="土规"></el-option>
                <el-option label="资产业务" value="资产"></el-option>
                <el-option label="财务管理" value="财务"></el-option>
              </el-select>
            </div>
            <div class="group">
              <input v-model="keyword" type="text" class="input" placeholder="请输入关键字..." @focus="inputFocus()"
                @blur="closeResult()">
              <i v-show="showSearchResult" class="el-icon-circle-close cleanInputIcon" @click="cleanInput()"></i>
              <!-- <span class="bar"></span> -->
              <div class="search-result" v-show="showSearchResult && searchResults.length > 0">
                <div class="reslut-item" v-for="(r, index) in searchResults" @click="searchToPage(r)">
                  <el-tag :type="businessTag(r.businessEnum)">{{ r.businessEnum }}</el-tag><span
                    style="font-size: 10px; font-style: italic; margin-left: 3px;">{{ r.menuName }}</span>
                  <span v-html="r.highlighter" class="result-item"></span>
                </div>
              </div>
              <span class="highlight"></span>
            </div>
            <div>
              <svg t="1713509052682" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5472" width="20" height="20">
                <path
                  d="M930.318 793.285c17.189 17.189 27.823 40.92 27.823 67.147 0 52.476-42.516 95.003-95.026 95.003-26.227 0-49.97-10.623-67.158-27.822L639.158 770.79c-56.58 33.4-122.298 52.893-192.761 52.893-209.86 0-380.014-170.098-380.014-379.97 0-209.893 170.154-379.99 380.014-379.99 209.87 0 380.025 170.097 380.025 379.99 0 70.419-19.55 136.149-52.938 192.717l156.834 156.854zM446.397 158.704c-157.384 0-284.988 127.593-284.988 285.01 0 157.372 127.604 284.987 284.988 284.987 157.395 0 284.999-127.615 284.999-284.987 0-157.417-127.603-285.01-285-285.01z"
                  fill="#1296db" p-id="5473"></path>
              </svg>
            </div>
          </div>
        </el-card>
        <el-card class="left-top-card" shadow="always">
          <div class="icon-bar">
            <div class="icon-area" v-if="meunNames.includes('大中型业务')" @click="jumpDir('/major')">
              <svg t="1713838139679" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5142" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#17abe3" p-id="5143" data-spm-anchor-id="a313x.collections_detail.0.i7.621d3a81XVd3KS" class="">
                </path>
                <path
                  d="M899.555556 623.644444c2.133333 9.244444 3.555556 19.2 3.555555 29.866667 0 70.4-56.888889 128-128 128-41.244444 0-78.222222-19.911111-101.688889-50.488889v19.911111c0 9.244444-8.533333 9.244444-9.955555 9.955556H130.844444c-9.955556 0-9.955556-9.244444-9.955555-9.244445V572.444444l147.911111-103.822222L305.777778 567.466667l147.911111-95.288889 36.266667 95.288889 146.488888-96.711111 13.511112 34.844444c11.377778-60.444444 63.288889-106.666667 125.155555-106.666667 70.4 0 128 59.022222 128 132.266667 0 10.666667-1.422222 21.333333-3.555555 30.577778 2.133333 9.955556 3.555556 19.911111 3.555555 30.577778 0 11.377778-1.422222 21.333333-3.555555 31.288888z m-631.466667-7.111111c0-5.688889-4.266667-10.666667-9.955556-10.666666H186.311111c-5.688889 0-9.955556 4.977778-9.955555 10.666666v76.088889c0 5.688889 4.266667 9.955556 9.955555 9.955556h72.533333c5.688889 0 9.955556-4.266667 9.955556-9.955556V616.533333h-0.711111z m184.888889 0c0-5.688889-4.266667-10.666667-9.955556-10.666666H370.488889c-5.688889 0-9.955556 4.977778-9.955556 10.666666v76.088889c0 5.688889 4.266667 9.955556 9.955556 9.955556h72.533333c5.688889 0 9.955556-4.266667 9.955556-9.955556V616.533333z m184.177778 0c0-5.688889-4.266667-10.666667-9.955556-10.666666H554.666667c-5.688889 0-9.955556 4.977778-9.955556 10.666666v76.088889c0 5.688889 4.266667 10.666667 9.955556 10.666667h72.533333c5.688889 0 9.955556-4.266667 9.955556-10.666667V616.533333zM775.111111 753.777778c46.933333 0 86.044444-32 97.422222-75.377778-23.466667 28.444444-58.311111 46.222222-97.422222 46.222222s-73.955556-17.777778-97.422222-46.222222c11.377778 43.377778 51.2 75.377778 97.422222 75.377778z m0-56.888889c47.644444 0 87.466667-34.133333 98.133333-80.355556-23.466667 29.155556-58.311111 46.933333-98.133333 46.933334-39.111111 0-74.666667-18.488889-98.133333-47.644445C687.644444 662.755556 727.466667 696.888889 775.111111 696.888889z m0-269.511111c-55.466667 0-100.266667 46.933333-100.266667 103.822222 0 57.6 44.8 104.533333 100.266667 104.533333s100.977778-46.933333 100.977778-104.533333-45.511111-103.822222-100.977778-103.822222z m5.688889 167.822222v15.644444h-9.244444v-15.644444c-7.822222-0.711111-13.511111-2.844444-18.488889-4.977778-4.977778-2.844444-8.533333-6.4-12.088889-12.088889-3.555556-5.688889-4.977778-12.088889-5.688889-20.622222l14.933333-2.844444c1.422222 8.533333 3.555556 14.222222 6.4 18.488889 4.266667 5.688889 9.244444 8.533333 15.644445 9.244444v-49.777778c-6.4-1.422222-12.8-3.555556-19.2-7.822222-4.977778-2.844444-8.533333-6.4-11.377778-11.377778-2.844444-4.977778-3.555556-10.666667-3.555556-17.066666 0-11.377778 3.555556-19.911111 11.377778-27.022223 4.977778-4.977778 12.8-7.822222 22.755556-8.533333v-7.111111h9.244444v7.111111c8.533333 0.711111 15.644444 3.555556 20.622222 7.822222 6.4 5.688889 10.666667 13.511111 12.088889 23.466667l-15.644444 2.133333c-0.711111-6.4-2.844444-10.666667-5.688889-14.222222s-7.111111-5.688889-11.377778-6.4v44.8c7.822222 2.133333 12.8 3.555556 14.933333 4.266667a35.555556 35.555556 0 0 1 11.377778 7.822222c2.844444 2.844444 4.977778 6.4 7.111111 10.666667 1.422222 4.266667 2.133333 8.533333 2.133334 13.511111 0 10.666667-3.555556 19.911111-9.955556 27.022222-7.111111 9.244444-15.644444 13.511111-26.311111 13.511111z m-8.533333-120.177778c-5.688889 0.711111-10.666667 3.555556-13.511111 7.111111-3.555556 3.555556-4.977778 8.533333-4.977778 14.222223 0 4.977778 1.422222 9.955556 4.266666 13.511111 2.844444 3.555556 7.822222 6.4 14.222223 8.533333v-43.377778z m24.888889 68.977778c-2.844444-3.555556-7.822222-6.4-16.355556-9.244444v47.644444c5.688889-0.711111 10.666667-3.555556 14.222222-7.822222 3.555556-4.266667 5.688889-9.955556 5.688889-17.066667 0.711111-5.688889-0.711111-9.955556-3.555555-13.511111z m-243.2-58.311111l-35.555556 26.311111c-5.688889 0-9.955556-4.266667-9.955556-10.666667l0.711112-150.755555c0-5.688889 4.266667-9.955556 9.955555-9.955556h34.133333c5.688889 0 9.955556 4.266667 9.955556 9.955556l0.711111 125.155555c0 3.555556-4.266667 6.4-9.955555 9.955556zM334.222222 509.155556c-5.688889 0-9.955556-4.266667-9.955555-9.955556l-1.422223-246.044444c0-5.688889 4.266667-9.955556 9.955556-9.955556h35.555556c5.688889 0 9.955556 4.266667 9.955555 9.955556V483.555556c0 0.711111-2.844444 5.688889-9.955555 10.666666L334.222222 509.155556z m0 0"
                  fill="#FFFFFF" p-id="5144"></path>
              </svg>
              <div class="icon-word">大中型业务</div>

            </div>
            <div class="icon-area" v-if="meunNames.includes('个贷业务')" @click="jumpDir('/personal')">
              <svg t="1713838252300" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5893" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#409EFF" p-id="5894" data-spm-anchor-id="a313x.collections_detail.0.i19.621d3a81XVd3KS" class="">
                </path>
                <path
                  d="M847.644444 317.866667h-14.933333c-4.266667 0-8.533333-2.844444-9.955555-7.111111l-2.844445-8.533334c-1.422222-4.266667 0-8.533333 2.844445-12.088889l9.955555-9.955555c4.266667-4.266667 4.266667-12.088889 0-16.355556L817.777778 248.888889c-4.266667-4.266667-12.088889-4.266667-16.355556 0l-9.955555 9.955555c-2.844444 2.844444-7.111111 4.266667-12.088889 2.844445l-8.533334-2.844445c-2.844444-1.422222-7.111111-5.688889-7.111111-9.955555v-14.933333c0-5.688889-4.266667-12.088889-9.955555-12.088889h-24.177778c-5.688889 0-9.955556 5.688889-9.955556 12.088889V248.888889c0 4.266667-2.844444 8.533333-7.111111 9.955555l-8.533333 2.844445c-4.266667 1.422222-8.533333 0-12.088889-2.844445l-9.955555-8.533333c-4.266667-4.266667-12.088889-4.266667-16.355556 0l-14.933333 14.933333c-4.266667 4.266667-4.266667 12.088889 0 16.355556l9.955555 9.955556c2.844444 2.844444 4.266667 7.111111 2.844445 12.088888l-2.844445 5.688889c-0.711111 2.844444-2.844444 5.688889-4.977778 7.111111-0.711111 0.711111-1.422222 0.711111-2.133333 1.422223h-0.711111c-0.711111 0-1.422222 0.711111-2.133333 0.711111h-17.066667c-1.422222 0-2.844444 0.711111-4.266667 1.422222-2.133333 1.422222-3.555556 2.844444-4.266666 4.266667-0.711111 1.422222-0.711111 2.844444-0.711111 4.266666v22.044445c0 1.422222 0 2.844444 0.711111 4.266666 1.422222 4.266667 5.688889 7.111111 10.666666 7.111112h14.933334c3.555556 0 6.4 1.422222 8.533333 4.266666 0.711111 0.711111 1.422222 2.133333 1.422222 2.844445l2.844445 8.533333c1.422222 4.266667 0 8.533333-2.844445 12.088889l-9.955555 9.955555c-1.422222 1.422222-2.133333 2.133333-2.133334 3.555556-1.422222 2.844444-1.422222 5.688889 0 8.533333 0.711111 1.422222 1.422222 2.844444 2.133334 3.555556l9.955555 9.955555 4.977778 4.977778c2.133333 2.133333 4.977778 3.555556 7.822222 3.555556 1.422222 0 2.844444 0 4.266667-0.711111 1.422222-0.711111 2.844444-1.422222 3.555555-2.133334l9.955556-9.955555c0.711111-0.711111 1.422222-1.422222 2.133333-1.422222 0 0 0.711111 0 0.711111-0.711112 0.711111 0 1.422222-0.711111 2.133334-0.711111h3.555555c1.422222 0 2.133333 0 3.555556 0.711111l8.533333 2.844445c4.266667 1.422222 7.111111 5.688889 7.111111 9.955555v14.933334c0 5.688889 4.266667 12.088889 12.088889 12.088889H753.066667c5.688889 0 12.088889-4.266667 12.088889-12.088889v-14.933334c0-2.133333 0.711111-4.266667 2.133333-6.4 1.422222-2.133333 2.844444-3.555556 5.688889-4.266666l8.533333-2.844445c1.422222-0.711111 2.133333-0.711111 3.555556-0.711111h3.555555c2.133333 0.711111 3.555556 1.422222 5.688889 2.844445l9.955556 9.955555 2.133333 2.133334h0.711111c4.266667 2.133333 9.955556 1.422222 12.8-2.133334l14.933333-14.933333c4.266667-4.266667 4.266667-12.088889 0-16.355556l-9.955555-9.955555c-2.844444-2.844444-4.266667-7.111111-2.844445-12.088889l2.844445-8.533333c1.422222-4.266667 5.688889-7.111111 9.955555-7.111112h14.933334c5.688889 0 12.088889-4.266667 12.088889-12.088888V327.111111c-2.133333-4.977778-7.822222-9.244444-14.222223-9.244444z m-105.955555-22.044445c24.888889 0 44.088889 19.2 44.088889 44.088889s-19.2 44.088889-44.088889 44.088889c-2.844444 0-4.977778 0-7.111111-0.711111h-0.711111c-2.133333-0.711111-4.266667-0.711111-6.4-1.422222-0.711111 0-0.711111 0-1.422223-0.711111-2.133333-0.711111-4.266667-1.422222-5.688888-2.844445 0 0-0.711111 0-0.711112-0.711111-2.133333-1.422222-3.555556-2.133333-5.688888-3.555556-1.422222-1.422222-3.555556-2.844444-4.977778-4.977777l-0.711111-0.711111c-1.422222-1.422222-2.844444-3.555556-3.555556-4.977778L704 362.666667c-1.422222-2.133333-2.133333-3.555556-2.844444-5.688889v-0.711111c-0.711111-2.133333-1.422222-4.266667-2.133334-7.111111-0.711111-2.844444-0.711111-5.688889-0.711111-9.244445-0.711111-24.888889 18.488889-44.088889 43.377778-44.088889z"
                  fill="#FFFFFF" p-id="5895"></path>
                <path
                  d="M741.688889 477.866667h-9.955556c-17.777778 0-31.288889-13.511111-31.288889-31.288889V440.888889l-4.266666 4.266667c-5.688889 5.688889-13.511111 9.244444-22.044445 9.244444-8.533333 0-16.355556-3.555556-22.044444-9.244444l-14.933333-14.933334c-12.088889-12.088889-12.088889-32 0-44.088889l4.266666-4.266666h-4.977778c-17.777778 0-31.288889-13.511111-31.288888-31.288889v-22.044445c0-15.644444 12.088889-28.444444 28.444444-29.866666l-113.777778-86.755556h-5.688889L221.155556 437.333333h59.733333v337.066667H753.777778V477.866667h-12.088889z m-299.377778 259.555555H352V647.111111h90.311111v90.311111z m0-121.6H352V525.511111h90.311111v90.311111z m0-122.311111H352V403.2h90.311111v90.311111z m115.2 243.911111H467.2V647.111111h90.311111v90.311111z m0-121.6H467.2V525.511111h90.311111v90.311111z m115.2 121.6H582.4V647.111111h90.311111v90.311111z"
                  fill="#FFFFFF" p-id="5896"></path>
              </svg>
              <div class="icon-word">个贷业务</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('资产业务')" @click="jumpDir('/assets')">
              <svg t="1713838525654" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="6320" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#F56C6C" p-id="6321" data-spm-anchor-id="a313x.collections_detail.0.i30.621d3a81XVd3KS"
                  class="selected"></path>
                <path
                  d="M828.444444 747.377778c7.822222 0 14.222222-6.4 14.222223-14.222222s-6.4-14.222222-14.222223-14.222223h-43.377777v-6.4l52.622222-54.755555c5.688889-5.688889 4.977778-14.933333 0-19.911111-5.688889-5.688889-14.222222-4.977778-19.911111 0.711111l-44.8 47.644444-47.644445-47.644444c-5.688889-5.688889-14.222222-5.688889-19.911111 0-5.688889 5.688889-5.688889 14.222222 0 19.911111l52.622222 52.622222v8.533333h-41.955555c-7.822222 0-14.222222 6.4-14.222222 14.222223s6.4 14.222222 14.222222 14.222222h41.955555v28.444444h-41.955555c-7.822222 0-14.222222 6.4-14.222222 14.222223s6.4 14.222222 14.222222 14.222222h41.955555v41.955555c0 7.822222 6.4 14.222222 14.222223 14.222223s14.222222-6.4 14.222222-14.222223V803.555556h43.377778c7.822222 0 14.222222-6.4 14.222222-14.222223s-6.4-14.222222-14.222222-14.222222h-43.377778v-28.444444h41.955555v0.711111z m0 0"
                  fill="#FFFFFF" p-id="6322"></path>
                <path
                  d="M714.666667 632.888889c-3.555556 0-7.111111 1.422222-9.955556 4.266667-5.688889 5.688889-5.688889 14.222222 0 19.911111l0.711111 0.711111c4.977778-7.822222 8.533333-16.355556 12.8-24.888889h-3.555555z"
                  fill="#FFFFFF" p-id="6323"></path>
                <path
                  d="M689.066667 672c-13.511111-13.511111-13.511111-36.266667 0-50.488889 6.4-6.4 15.644444-10.666667 24.888889-10.666667 3.555556 0 7.111111 0.711111 10.666666 1.422223 7.822222-23.466667 12.088889-48.355556 12.088889-74.666667 0-130.133333-105.244444-235.377778-235.377778-235.377778S265.955556 407.466667 265.955556 537.6s105.244444 235.377778 235.377777 235.377778c78.933333 0 148.622222-39.111111 191.288889-98.133334l-3.555555-2.844444zM595.911111 551.822222H474.311111V357.688889h49.777778v145.066667h72.533333v49.066666z"
                  fill="#FFFFFF" p-id="6324"></path>
                <path
                  d="M714.666667 775.111111c-7.822222 0-14.222222 6.4-14.222223 14.222222v0.711111c5.688889-4.977778 12.088889-9.955556 17.066667-14.933333h-2.844444zM757.333333 718.933333h-41.955555c-7.822222 0-14.222222 6.4-14.222222 14.222223s6.4 14.222222 14.222222 14.222222h30.577778c22.755556-27.022222 41.244444-57.6 54.044444-90.311111l-27.022222 28.444444-27.733334-27.733333c-4.266667 9.244444-9.244444 17.777778-14.222222 26.311111l27.022222 27.022222v7.822222z"
                  fill="#FFFFFF" p-id="6325"></path>
                <path
                  d="M679.111111 789.333333c0-11.377778 5.688889-22.044444 14.222222-28.444444-6.4-4.977778-11.377778-12.088889-13.511111-19.911111-47.644444 41.955556-109.511111 67.555556-178.488889 67.555555-148.622222 0-269.511111-120.888889-269.511111-269.511111s120.888889-269.511111 269.511111-269.511111 269.511111 120.888889 269.511111 269.511111c0 34.133333-6.4 66.844444-17.777777 96.711111l18.488889 18.488889 29.866666-31.288889c2.844444-2.844444 6.4-5.688889 9.955556-7.111111 5.688889-24.177778 9.244444-49.066667 9.244444-75.377778 0-161.422222-119.466667-294.4-274.488889-316.444444v-35.555556H618.666667V163.555556H401.777778v24.177777h72.533333v33.422223C310.044444 234.666667 181.333333 371.911111 181.333333 539.733333c0 177.066667 142.933333 320 320 320 67.555556 0 129.422222-20.622222 181.333334-56.177777-2.133333-4.266667-3.555556-8.533333-3.555556-14.222223z"
                  fill="#FFFFFF" p-id="6326"></path>
              </svg>
              <div class="icon-word">资产业务</div>

            </div>
            <div class="icon-area" v-if="meunNames.includes('土地规划项目')" @click="jumpDir('/item')">
              <svg t="1713838355629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="6105" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#2d9ac2" p-id="6106" data-spm-anchor-id="a313x.collections_detail.0.i25.621d3a81XVd3KS"
                  class="selected"></path>
                <path
                  d="M555.377778 657.066667l22.755555 22.755555 18.488889-18.488889-41.244444-41.244444-97.422222 98.844444 18.488888 18.488889 78.933334-80.355555zM676.266667 643.555556l77.511111 78.933333 118.755555-120.177778v27.733333c0 7.111111 5.688889 12.8 12.8 12.8s12.8-5.688889 12.8-12.8v-59.022222c0-3.555556-1.422222-7.111111-3.555555-9.244444-2.133333-2.133333-5.688889-3.555556-9.244445-3.555556h-58.311111c-7.111111 0-12.8 5.688889-12.8 12.8s5.688889 12.8 12.8 12.8h27.022222L753.777778 685.511111 676.266667 606.577778l-217.6 221.155555L476.444444 846.222222l199.822223-202.666666z"
                  fill="#FFFFFF" p-id="6107"></path>
                <path
                  d="M885.333333 782.222222c7.111111 0 12.8-5.688889 12.8-12.8v-59.022222c0-3.555556-1.422222-7.111111-3.555555-9.244444-2.133333-2.133333-5.688889-3.555556-9.244445-3.555556h-58.311111c-7.111111 0-12.8 5.688889-12.8 12.8s5.688889 12.8 12.8 12.8h26.311111l-98.133333 99.555556-114.488889-116.622223-18.488889 18.488889 133.688889 135.111111 116.622222-118.044444v27.733333c-0.711111 7.111111 4.977778 12.8 12.8 12.8zM612.977778 288c0 68.266667-56.888889 198.4-126.577778 198.4-70.4 0-126.577778-130.133333-126.577778-198.4 0-68.266667 56.888889-123.733333 126.577778-123.733333s126.577778 55.466667 126.577778 123.733333z m0 0"
                  fill="#FFFFFF" p-id="6108"></path>
                <path
                  d="M753.777778 742.4l-9.955556-9.955556-67.555555-68.266666-28.444445 29.155555 2.844445 2.844445 46.933333 47.644444h111.644444s-4.977778-17.066667-15.644444-41.244444l-29.155556 29.866666-10.666666 9.955556zM596.622222 661.333333l-41.244444-41.244444-97.422222 98.844444 18.488888 18.488889 78.933334-80.355555 22.755555 22.755555z"
                  fill="#FFFFFF" p-id="6109"></path>
                <path
                  d="M568.177778 689.777778l-12.8-12.8-65.422222 66.844444h31.288888l49.777778-50.488889zM753.777778 722.488889l33.422222-33.422222c-3.555556-7.822222-7.822222-15.644444-12.8-24.177778l-19.911111 20.622222-78.222222-78.933333-135.111111 136.533333h36.266666l98.133334-99.555555 78.222222 78.933333z"
                  fill="#FFFFFF" p-id="6110"></path>
                <path
                  d="M448 728.888889l-9.955556-9.955556 9.955556-9.955555 97.422222-98.844445 9.955556-9.955555 9.955555 9.955555 40.533334 41.244445 2.844444 2.844444 56.888889-57.6 9.955556-9.955555 9.955555 9.955555 67.555556 68.266667 12.088889-12.8C733.866667 604.444444 682.666667 554.666667 607.288889 554.666667c-27.022222 36.977778-118.044444 46.222222-118.044445 46.222222s-93.155556-9.244444-120.177777-45.511111c-131.555556 0-199.822222 188.444444-199.822223 188.444444h294.4l-15.644444-14.933333zM640.711111 706.133333l-18.488889 18.488889 18.488889 19.2h36.977778zM612.266667 734.577778l-2.844445-2.844445-12.088889 12.088889h23.466667z"
                  fill="#FFFFFF" p-id="6111"></path>
              </svg>
              <div class="icon-word">土规项目</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('土地规划市场')" @click="jumpDir('/market')">
              <svg t="1713920171367" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="1903" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#d81e06" p-id="1904" data-spm-anchor-id="a313x.collections_detail.0.i1.621d3a811Zqpwj"
                  class="selected"></path>
                <path
                  d="M263.111111 814.222222h83.2v-156.444444H263.111111v156.444444z m138.666667 0h83.2V584.533333H401.777778v229.688889z m155.733333 0h83.2V525.511111H557.511111v288.711111z m150.044445 0h83.2V442.311111H707.555556v371.911111z m73.955555-440.177778l32.711111-164.266666-187.022222 36.977778 57.6 47.644444-162.133333 148.622222-80.355556-63.288889-232.533333 209.777778 34.133333 29.155556 200.533333-181.333334 80.355556 64 194.133333-177.777777 62.577778 50.488888z m0 0"
                  fill="#FFFFFF" p-id="1905"></path>
              </svg>
              <div class="icon-word">土规市场</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('土地规划项目提成')" @click="jumpDir('/brokerage')">
              <svg t="1720061859068" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="1715" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#87c38f" p-id="1716" data-spm-anchor-id="a313x.collections_detail.0.i0.621d3a81DdsIv0"
                  class="selected"></path>
                <path
                  d="M666.311111 247.466667c-8.533333 147.911111-60.444444 225.422222-102.4 288.711111-17.066667 25.6-32.711111 49.066667-43.377778 73.955555h-16.355555c-10.666667-24.888889-26.311111-48.355556-43.377778-73.955555-41.955556-63.288889-93.866667-140.088889-102.4-288.711111h307.911111z m46.222222-45.511111H311.466667c0 284.444444 140.088889 356.977778 160 452.266666h81.066666c19.911111-94.577778 160-167.822222 160-452.266666zM620.8 285.155556c-7.111111 98.844444-51.2 189.866667-106.666667 253.155555 45.511111-88.177778 57.6-179.2 57.6-253.155555h49.066667z m14.933333 496.355555v39.822222H388.266667v-39.822222c64 0 81.066667-54.044444 83.911111-89.6h79.644444c2.844444 36.266667 17.777778 89.6 83.911111 89.6zM751.644444 640c-39.822222-17.777778-73.244444-5.688889-94.577777 8.533333 20.622222-13.511111 44.8-41.244444 44.8-84.622222-73.244444 29.155556-64.711111 70.4-77.511111 93.866667-9.244444 16.355556-28.444444 7.822222-28.444445 7.822222L590.222222 675.555556c28.444444 14.933333 114.488889 15.644444 161.422222-35.555556z m68.977778-113.066667c-39.111111 2.844444-59.733333 29.866667-70.4 49.777778 10.666667-19.911111 17.066667-54.755556-1.422222-88.888889-45.511111 54.044444-21.333333 83.2-21.333333 108.088889 0 12.088889-13.511111 12.088889-13.511111 12.088889v11.377778c8.533333-2.133333 88.888889-21.333333 106.666666-92.444445z m29.155556-108.8c-32.711111 12.088889-44.088889 41.244444-48.355556 61.155556 4.266667-19.911111 1.422222-52.622222-23.466666-77.511111-25.6 58.311111 2.133333 77.511111 7.822222 98.844444 2.844444 10.666667-9.244444 17.066667-9.244445 17.066667l7.822223 4.977778c2.133333-1.422222 67.555556-37.688889 65.422222-104.533334z m-5.688889-107.377777c-25.6 18.488889-28.444444 47.644444-27.733333 65.422222-1.422222-18.488889-11.377778-46.222222-38.4-61.155556-7.111111 56.888889 21.333333 66.133333 32 83.2 4.977778 8.533333 0.711111 18.488889 0.711111 18.488889l7.822222-0.711111s0.711111-3.555556 4.977778-12.088889c8.533333-17.777778 35.555556-37.688889 20.622222-93.155555z m-53.333333-76.8s-7.822222 27.733333-1.422223 49.066666c7.111111 22.755556 24.888889 38.4 24.888889 38.4s9.244444-24.888889 2.844445-49.066666c-6.4-22.044444-26.311111-38.4-26.311111-38.4zM433.777778 675.555556l-5.688889-9.955556s-19.2 8.533333-28.444445-7.822222c-13.511111-24.177778-4.977778-64.711111-77.511111-93.866667 0 43.377778 24.177778 71.111111 44.8 84.622222-20.622222-13.511111-54.755556-26.311111-94.577777-8.533333 46.933333 51.2 132.977778 50.488889 161.422222 35.555556z m-123.733334-56.888889v-11.377778s-13.511111 0-13.511111-12.088889c0-24.888889 24.177778-53.333333-21.333333-108.088889-18.488889 34.133333-12.088889 68.977778-1.422222 88.888889-10.666667-19.911111-31.288889-46.933333-70.4-49.777778 17.777778 71.822222 98.133333 91.022222 106.666666 92.444445z m-71.111111-96l7.822223-4.977778s-12.088889-6.4-9.244445-17.066667c5.688889-21.333333 34.133333-40.533333 7.822222-98.844444-24.888889 24.888889-27.733333 57.6-23.466666 77.511111-4.266667-19.911111-15.644444-49.066667-48.355556-61.155556-1.422222 66.844444 64 103.111111 65.422222 104.533334z m-38.4-118.755556c4.266667 8.533333 4.977778 12.088889 4.977778 12.088889l7.822222 0.711111s-4.266667-9.955556 0.711111-18.488889c10.666667-17.066667 39.822222-26.311111 32-83.2-27.733333 14.933333-37.688889 43.377778-38.4 61.155556 1.422222-18.488889-2.133333-46.933333-27.733333-65.422222-14.933333 55.466667 12.088889 75.377778 20.622222 93.155555z m7.111111-130.844444c-7.111111 24.177778 2.844444 49.066667 2.844445 49.066666S227.555556 305.777778 234.666667 283.022222c6.4-21.333333-1.422222-49.066667-1.422223-49.066666s-19.911111 16.355556-25.6 39.111111z m0 0"
                  fill="#FFFFFF" p-id="1717"></path>
              </svg>
              <div class="icon-word">土规提成</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('财务管理')" @click="jumpDir('/finance')">
              <svg t="1713838743857" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="7164" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#f13d26" p-id="7165" data-spm-anchor-id="a313x.collections_detail.0.i42.621d3a81XVd3KS"
                  class="selected"></path>
                <path
                  d="M539.733333 377.6v-28.444444h94.577778v28.444444H539.733333zM312.177778 605.155556h113.777778v28.444444h-113.777778v-28.444444zM492.088889 434.488889v28.444444H416.711111v85.333334h-28.444444v-85.333334H312.177778v-28.444444h76.088889v-56.888889H312.177778v-28.444444h35.555555l-35.555555-34.844445 21.333333-21.333333 56.888889 56.177778h23.466667l56.888889-56.888889 21.333333 21.333333-35.555556 35.555556h35.555556v28.444444H416.711111v56.888889h75.377778z"
                  fill="#FFFFFF" p-id="7166"></path>
                <path
                  d="M691.2 263.822222c0-10.666667-8.533333-19.2-19.2-19.2h-398.222222c-10.666667 0-19.2 8.533333-19.2 19.2v435.911111c0 10.666667 8.533333 19.2 19.2 19.2h184.888889c9.244444 14.222222 21.333333 27.022222 34.133333 37.688889H260.266667c-23.466667 0-42.666667-19.2-42.666667-42.666666V250.311111c0-23.466667 19.2-42.666667 42.666667-42.666667h426.666666c23.466667 0 42.666667 19.2 42.666667 42.666667v199.111111c-12.088889-7.822222-24.177778-14.222222-37.688889-19.911111V263.822222h-0.711111z"
                  fill="#FFFFFF" p-id="7167"></path>
                <path
                  d="M620.8 459.377778c83.2 0 150.755556 67.555556 150.755556 150.755555S703.288889 760.888889 620.8 760.888889 469.333333 693.333333 469.333333 610.133333s68.266667-150.755556 151.466667-150.755555m0-28.444445c-99.555556 0-179.911111 80.355556-179.911111 179.2S521.244444 789.333333 620.8 789.333333c98.844444 0 179.2-80.355556 179.2-179.2s-80.355556-179.2-179.2-179.2z"
                  fill="#FFFFFF" p-id="7168"></path>
              </svg>
              <div class="icon-word">财务模块</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('行政审批')" @click="jumpDir('/administration')">
              <svg t="1716175649139" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2070" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#0e932e" p-id="2071"></path>
                <path
                  d="M240.355556 204.8L156.444444 403.2l41.955556 23.466667 96-196.266667-54.044444-25.6z m0 0M511.288889 334.933333l-83.2 56.888889s-117.333333 15.644444-57.6-88.177778l108.8-70.4s-17.777778-47.644444-125.866667 25.6l-45.511111-15.644444L241.777778 426.666667l52.622222 56.177777s48.355556-43.377778 85.333333 7.111112c0 0 49.777778-51.911111 90.311111 25.6 0 0 73.955556-28.444444 48.355556 72.533333 0 0 29.155556 18.488889 36.266667 51.911111 0 0 34.133333-2.844444 51.911111-41.955556 0 0 33.422222-4.977778 51.2-39.822222 0 0 36.977778-7.822222 41.244444-36.266666L531.911111 334.933333s-12.8-7.111111-20.622222 0z m0 0"
                  fill="#FFFFFF" p-id="2072"></path>
                <path
                  d="M326.4 480.711111l-32 36.977778s-7.111111 41.244444 32 32l36.977778-41.244445s0.711111-34.844444-36.977778-27.733333z m0 0M398.222222 492.088889l-43.377778 54.755555c-12.088889 46.222222 40.533333 41.244444 40.533334 41.244445l49.777778-68.266667c-17.066667-49.066667-46.933333-27.733333-46.933334-27.733333z m0 0M459.377778 534.044444l-45.511111 61.155556c-7.111111 42.666667 39.111111 39.822222 39.111111 39.822222l51.911111-61.866666c-2.133333-49.777778-45.511111-39.111111-45.511111-39.111112z m0 0M497.777778 612.266667l-23.466667 29.155555c-7.111111 42.666667 30.577778 35.555556 30.577778 35.555556l27.022222-29.866667c12.088889-43.377778-34.133333-34.844444-34.133333-34.844444z m0 0M609.422222 242.488889s-29.155556-20.622222-71.822222-14.222222L377.6 335.644444s-24.888889 51.2 28.444444 42.666667l110.933334-68.977778s13.511111-2.844444 15.644444 2.133334l128 139.377777 51.911111 57.6s46.933333-7.111111 66.844445-76.088888l-87.466667-163.555556c0-0.711111-66.844444 14.222222-82.488889-26.311111z m0 0M766.577778 204.8l-50.488889 47.644444 97.422222 179.911112 53.333333-34.844445-100.266666-192.711111z m0 0"
                  fill="#FFFFFF" p-id="2073"></path>
                <path
                  d="M583.111111 835.555556H223.288889c-19.911111 0-35.555556-16.355556-35.555556-35.555556 0-19.911111 16.355556-35.555556 35.555556-35.555556H583.111111c19.911111 0 35.555556 16.355556 35.555556 35.555556 0 19.911111-16.355556 35.555556-35.555556 35.555556z"
                  fill="#FFFFFF" p-id="2074"></path>
              </svg>
              <div class="icon-word">行政审批</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('我的收入')" @click="jumpDir('/my/income')">
              <svg t="1713920244235" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2114" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#F75444" p-id="2115"></path>
                <path
                  d="M572.444444 192c-76.088889 0-137.955556 61.866667-137.955555 137.955556s61.866667 137.955556 137.955555 137.955555S711.111111 406.044444 711.111111 329.955556 649.244444 192 572.444444 192z m64 135.111111v27.022222h-46.933333v11.377778h46.933333v27.733333h-46.933333v32.711112h-36.977778v-32.711112h-46.933333v-27.022222h46.933333v-11.377778h-46.933333V327.111111h41.244444l-62.577777-71.822222H526.222222l46.933334 50.488889 41.244444-51.2h41.244444L595.2 327.111111h41.244444z m0 0"
                  fill="#FFFFFF" p-id="2116"></path>
                <path
                  d="M791.466667 527.644444s0 61.155556-37.688889 51.2c0 0-5.688889-83.2-96.711111-123.733333l-32.711111 22.044445s40.533333 20.622222 17.066666 37.688888c-9.244444 6.4-59.733333-12.088889-59.733333-12.088888s-48.355556-15.644444-102.4-7.822223c-24.177778 3.555556-28.444444-12.8-27.733333-21.333333 0 0 10.666667-17.777778 29.866666-19.911111l-29.155555-29.866667-35.555556 11.377778s-10.666667 7.822222-16.355555-7.822222c-5.688889-15.644444-41.955556-14.933333-64.711112-13.511111l2.844445 56.888889c-3.555556 2.844444-60.444444 50.488889-68.266667 93.866666 0 0-48.355556-2.844444-48.355555 31.288889v42.666667s2.844444 28.444444 48.355555 29.866666c0 0 26.311111 73.244444 68.266667 89.6v34.133334s-5.688889 20.622222 27.733333 25.6c33.422222 5.688889 58.311111 4.266667 58.311111 4.266666s21.333333 1.422222 21.333334-12.8c0 0 111.644444 19.911111 145.777777-5.688888v15.644444s-6.4 12.8 22.044445 11.377778c28.444444-1.422222 61.866667 0 61.866667 0s17.066667 2.844444 20.622222-18.488889v-57.6s67.555556-54.044444 64.711111-140.088889c-1.422222 2.133333 66.844444-4.977778 30.577778-86.755556zM382.577778 547.555556c-7.822222 13.511111-19.2 21.333333-25.6 17.777777-6.4-3.555556-5.688889-17.777778 1.422222-31.288889 7.822222-13.511111 19.2-21.333333 25.6-17.777777 7.111111 4.266667 5.688889 18.488889-1.422222 31.288889z m0 0"
                  fill="#FFFFFF" p-id="2117"></path>
              </svg>
              <div class="icon-word">我的收入</div>
            </div>
            <div class="icon-area" @click="jumpToProductivityPlatform()">
              <svg t="1729559237544" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="4820" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#F75444" p-id="2115"></path>
                <path
                  d="M633.088 581.290667a29.866667 29.866667 0 1 1 42.24 42.24l-37.888 37.930666h141.226667a29.866667 29.866667 0 1 1 0 59.733334h-141.226667l37.888 37.888a29.866667 29.866667 0 1 1-42.24 42.24l-88.362667-88.405334a29.781333 29.781333 0 0 1-0.512-42.709333l88.874667-88.917333z"
                  fill="#FFFFFF" p-id="4821"></path>
                <path
                  d="M500.906667 187.392a27.733333 27.733333 0 0 1 22.186666 0l266.666667 116.650667a27.733333 27.733333 0 0 1 16.64 25.429333v136.618667a27.733333 27.733333 0 1 1-55.466667 0V347.605333L512 243.072l-238.933333 104.533333v418.133334h115.456V496.64h-20.096a27.733333 27.733333 0 1 1 0-55.466667h244.48a27.733333 27.733333 0 1 1 0 55.466667h-168.917334v269.141333h26.666667a27.733333 27.733333 0 1 1 0 55.466667H245.333333a27.733333 27.733333 0 0 1-27.733333-27.733333V329.472a27.733333 27.733333 0 0 1 16.64-25.429333l266.666667-116.650667z"
                  fill="#FFFFFF" p-id="4822"></path>
              </svg>
              <div class="icon-word">生产力平台</div>
            </div>
          </div>
        </el-card>

      </div>
      <div class="right">
        <el-card class="middle-top-card" shadow="always">
          <div slot="header" class="clearfix">
            <span style="font-weight:500;">快速发起</span>
          </div>
          <div class="icon-bar">
            <div class="icon-area" v-if="meunNames.includes('大中型业务')"
              @click="openOrder('/major/order?couldEdit=true&couldBack=true&back=/complex/index')">
              <svg t="1716189375497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2709" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="2710" data-spm-anchor-id="a313x.collections_detail.0.i17.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M526.933333 360.533333c39.111111 0 71.111111-32.711111 71.111111-73.244444 0-21.333333-10.666667-43.377778-25.6-56.177778 2.133333 4.266667 2.133333 8.533333 2.133334 14.933333 0 28.444444-21.333333 49.777778-47.644445 49.777778-25.6 0-47.644444-21.333333-47.644444-49.777778 0-4.266667 0-8.533333 2.133333-10.666666-12.8 12.8-23.466667 32.711111-23.466666 54.044444-2.133333 39.111111 30.577778 71.111111 68.977777 71.111111z m-2.133333-93.155555c25.6 0 47.644444-21.333333 47.644444-47.644445 0-25.6-21.333333-47.644444-47.644444-47.644444-25.6 0-47.644444 21.333333-47.644444 47.644444s22.044444 47.644444 47.644444 47.644445zM192 702.577778l114.488889 45.511111c-8.533333-19.2-45.511111-305.066667-45.511111-305.066667L192 702.577778z m462.933333 148.622222l6.4-112.355556-255.288889 25.6 248.888889 86.755556z m75.377778-613.688889l-123.022222 19.2c6.4 12.8 10.666667 30.577778 10.666667 45.511111 0 51.911111-41.244444 95.288889-93.155556 95.288889s-93.155556-43.377778-93.155556-95.288889c0-6.4 0-12.8 2.133334-19.2l-149.333334 23.466667c6.4 147.2 71.111111 440.888889 71.111112 440.888889l476.444444-81.777778c-34.844444-36.977778-101.688889-428.088889-101.688889-428.088889zM373.333333 470.755556L574.577778 440.888889l6.4 21.333333-201.244445 30.577778-6.4-22.044444z m43.377778 170.666666l-6.4-25.6 248.888889-36.977778 6.4 25.6-248.888889 36.977778z m-14.933333-73.244444l-8.533334-25.6 320-43.377778 10.666667 25.6-322.133333 43.377778z m0 0"
                  fill="#FFFFFF" p-id="2711"></path>
              </svg>
              <div class="icon-word">大中型下单</div>
            </div>

            <div class="icon-area" v-if="meunNames.includes('个贷业务')"
              @click="openOrder('/personal/order?&couldEdit=true&showBtn=true&couldBack=true&back=/complex/index')">
              <svg t="1716189375497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2709" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="2710" data-spm-anchor-id="a313x.collections_detail.0.i17.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M526.933333 360.533333c39.111111 0 71.111111-32.711111 71.111111-73.244444 0-21.333333-10.666667-43.377778-25.6-56.177778 2.133333 4.266667 2.133333 8.533333 2.133334 14.933333 0 28.444444-21.333333 49.777778-47.644445 49.777778-25.6 0-47.644444-21.333333-47.644444-49.777778 0-4.266667 0-8.533333 2.133333-10.666666-12.8 12.8-23.466667 32.711111-23.466666 54.044444-2.133333 39.111111 30.577778 71.111111 68.977777 71.111111z m-2.133333-93.155555c25.6 0 47.644444-21.333333 47.644444-47.644445 0-25.6-21.333333-47.644444-47.644444-47.644444-25.6 0-47.644444 21.333333-47.644444 47.644444s22.044444 47.644444 47.644444 47.644445zM192 702.577778l114.488889 45.511111c-8.533333-19.2-45.511111-305.066667-45.511111-305.066667L192 702.577778z m462.933333 148.622222l6.4-112.355556-255.288889 25.6 248.888889 86.755556z m75.377778-613.688889l-123.022222 19.2c6.4 12.8 10.666667 30.577778 10.666667 45.511111 0 51.911111-41.244444 95.288889-93.155556 95.288889s-93.155556-43.377778-93.155556-95.288889c0-6.4 0-12.8 2.133334-19.2l-149.333334 23.466667c6.4 147.2 71.111111 440.888889 71.111112 440.888889l476.444444-81.777778c-34.844444-36.977778-101.688889-428.088889-101.688889-428.088889zM373.333333 470.755556L574.577778 440.888889l6.4 21.333333-201.244445 30.577778-6.4-22.044444z m43.377778 170.666666l-6.4-25.6 248.888889-36.977778 6.4 25.6-248.888889 36.977778z m-14.933333-73.244444l-8.533334-25.6 320-43.377778 10.666667 25.6-322.133333 43.377778z m0 0"
                  fill="#FFFFFF" p-id="2711"></path>
              </svg>
              <div class="icon-word">个贷下单</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('土地规划市场')"
              @click="openOrder('/item/add?back=/complex/index')">
              <svg t="1716189375497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2709" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="2710" data-spm-anchor-id="a313x.collections_detail.0.i17.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M526.933333 360.533333c39.111111 0 71.111111-32.711111 71.111111-73.244444 0-21.333333-10.666667-43.377778-25.6-56.177778 2.133333 4.266667 2.133333 8.533333 2.133334 14.933333 0 28.444444-21.333333 49.777778-47.644445 49.777778-25.6 0-47.644444-21.333333-47.644444-49.777778 0-4.266667 0-8.533333 2.133333-10.666666-12.8 12.8-23.466667 32.711111-23.466666 54.044444-2.133333 39.111111 30.577778 71.111111 68.977777 71.111111z m-2.133333-93.155555c25.6 0 47.644444-21.333333 47.644444-47.644445 0-25.6-21.333333-47.644444-47.644444-47.644444-25.6 0-47.644444 21.333333-47.644444 47.644444s22.044444 47.644444 47.644444 47.644445zM192 702.577778l114.488889 45.511111c-8.533333-19.2-45.511111-305.066667-45.511111-305.066667L192 702.577778z m462.933333 148.622222l6.4-112.355556-255.288889 25.6 248.888889 86.755556z m75.377778-613.688889l-123.022222 19.2c6.4 12.8 10.666667 30.577778 10.666667 45.511111 0 51.911111-41.244444 95.288889-93.155556 95.288889s-93.155556-43.377778-93.155556-95.288889c0-6.4 0-12.8 2.133334-19.2l-149.333334 23.466667c6.4 147.2 71.111111 440.888889 71.111112 440.888889l476.444444-81.777778c-34.844444-36.977778-101.688889-428.088889-101.688889-428.088889zM373.333333 470.755556L574.577778 440.888889l6.4 21.333333-201.244445 30.577778-6.4-22.044444z m43.377778 170.666666l-6.4-25.6 248.888889-36.977778 6.4 25.6-248.888889 36.977778z m-14.933333-73.244444l-8.533334-25.6 320-43.377778 10.666667 25.6-322.133333 43.377778z m0 0"
                  fill="#FFFFFF" p-id="2711"></path>
              </svg>
              <div class="icon-word">土规下单</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('资产业务')"
              @click="openOrder('/assets/addOrder?couldEdit=true&saveOrderBt=保存订单&showBtn=true&couldBack=true&editdepartmentId=true&back=/complex/index')">
              <svg t="1716189375497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2709" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="2710" data-spm-anchor-id="a313x.collections_detail.0.i17.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M526.933333 360.533333c39.111111 0 71.111111-32.711111 71.111111-73.244444 0-21.333333-10.666667-43.377778-25.6-56.177778 2.133333 4.266667 2.133333 8.533333 2.133334 14.933333 0 28.444444-21.333333 49.777778-47.644445 49.777778-25.6 0-47.644444-21.333333-47.644444-49.777778 0-4.266667 0-8.533333 2.133333-10.666666-12.8 12.8-23.466667 32.711111-23.466666 54.044444-2.133333 39.111111 30.577778 71.111111 68.977777 71.111111z m-2.133333-93.155555c25.6 0 47.644444-21.333333 47.644444-47.644445 0-25.6-21.333333-47.644444-47.644444-47.644444-25.6 0-47.644444 21.333333-47.644444 47.644444s22.044444 47.644444 47.644444 47.644445zM192 702.577778l114.488889 45.511111c-8.533333-19.2-45.511111-305.066667-45.511111-305.066667L192 702.577778z m462.933333 148.622222l6.4-112.355556-255.288889 25.6 248.888889 86.755556z m75.377778-613.688889l-123.022222 19.2c6.4 12.8 10.666667 30.577778 10.666667 45.511111 0 51.911111-41.244444 95.288889-93.155556 95.288889s-93.155556-43.377778-93.155556-95.288889c0-6.4 0-12.8 2.133334-19.2l-149.333334 23.466667c6.4 147.2 71.111111 440.888889 71.111112 440.888889l476.444444-81.777778c-34.844444-36.977778-101.688889-428.088889-101.688889-428.088889zM373.333333 470.755556L574.577778 440.888889l6.4 21.333333-201.244445 30.577778-6.4-22.044444z m43.377778 170.666666l-6.4-25.6 248.888889-36.977778 6.4 25.6-248.888889 36.977778z m-14.933333-73.244444l-8.533334-25.6 320-43.377778 10.666667 25.6-322.133333 43.377778z m0 0"
                  fill="#FFFFFF" p-id="2711"></path>
              </svg>
              <div class="icon-word">资产下单</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('大中型绩效申报')" @click="openMajorDeclare()">
              <svg t="1716189431754" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="3118" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="3119" data-spm-anchor-id="a313x.collections_detail.0.i21.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M760.974222 597.781333L632.362667 536.391111l-54.442667-25.976889c23.751111-14.997333 43.050667-38.051556 55.694222-65.827555a178.752 178.752 0 0 0 15.971556-73.891556c0-15.004444-2.360889-29.304889-5.696-43.057778-16.248889-66.666667-68.195556-115.697778-130.695111-115.697777-61.248 0-112.497778 47.36-129.720889 112.085333-4.032 14.862222-6.670222 30.279111-6.670222 46.670222 0 28.472889 6.670222 54.862222 17.92 77.916445 13.056 26.666667 32.355556 48.746667 55.829333 62.919111l-52.081778 24.305777-132.778667 61.802667c-11.52 5.418667-19.164444 18.474667-19.164444 32.917333v145.969778c0 19.584 13.610667 35.413333 30.414222 35.413334H474.168889V700.145778a6.186667 6.186667 0 0 1 0.967111-3.2h-0.142222l32.369778-55.964445h0.142222c1.102222-1.948444 3.185778-3.335111 5.688889-3.335111s4.444444 1.386667 5.688889 3.335111l0.284444 0.554667c0 0.142222 0.142222 0.142222 0.142222 0.277333l31.943111 55.274667a6.606222 6.606222 0 0 1 0.967111 3.2v111.800889h197.226667c16.803556 0 30.414222-15.829333 30.414222-35.413333V630.684444c0-14.435556-7.36-27.356444-18.887111-32.917333zM551.111111 560.412444l-32.220444 55.964445h-0.142223c-1.109333 1.948444-3.192889 3.342222-5.688888 3.342222s-4.451556-1.393778-5.696-3.342222l-0.284445-0.547556-0.135111-0.142222-31.943111-55.274667a6.606222 6.606222 0 0 1-0.974222-3.2c0-3.605333 2.915556-6.663111 6.670222-6.663111h64.583111c3.605333 0 6.663111 2.915556 6.663111 6.663111 0.284444 1.116444-0.142222 2.225778-0.832 3.2zM690.488889 294.4h161.422222v26.311111H690.488889z"
                  fill="#FFFFFF" p-id="3120"></path>
                <path d="M758.471111 387.911111v-161.422222h26.311111v161.422222z" fill="#FFFFFF" p-id="3121"></path>
              </svg>
              <div class="icon-word">提成申报</div>
              <div class="icon-word">(大中型)</div>
            </div>
            <div class="icon-area" v-if="meunNames.includes('资产绩效申报')" @click="openAssetsDeclare()">
              <svg t="1716189431754" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="3118" width="48" height="48">
                <path
                  d="M810.666667 1024H213.333333c-117.333333 0-213.333333-96-213.333333-213.333333V213.333333C0 96 96 0 213.333333 0h597.333334c117.333333 0 213.333333 96 213.333333 213.333333v597.333334c0 117.333333-96 213.333333-213.333333 213.333333z"
                  fill="#67C23A" p-id="3119" data-spm-anchor-id="a313x.collections_detail.0.i21.621d3a811DVWhk"
                  class="selected"></path>
                <path
                  d="M760.974222 597.781333L632.362667 536.391111l-54.442667-25.976889c23.751111-14.997333 43.050667-38.051556 55.694222-65.827555a178.752 178.752 0 0 0 15.971556-73.891556c0-15.004444-2.360889-29.304889-5.696-43.057778-16.248889-66.666667-68.195556-115.697778-130.695111-115.697777-61.248 0-112.497778 47.36-129.720889 112.085333-4.032 14.862222-6.670222 30.279111-6.670222 46.670222 0 28.472889 6.670222 54.862222 17.92 77.916445 13.056 26.666667 32.355556 48.746667 55.829333 62.919111l-52.081778 24.305777-132.778667 61.802667c-11.52 5.418667-19.164444 18.474667-19.164444 32.917333v145.969778c0 19.584 13.610667 35.413333 30.414222 35.413334H474.168889V700.145778a6.186667 6.186667 0 0 1 0.967111-3.2h-0.142222l32.369778-55.964445h0.142222c1.102222-1.948444 3.185778-3.335111 5.688889-3.335111s4.444444 1.386667 5.688889 3.335111l0.284444 0.554667c0 0.142222 0.142222 0.142222 0.142222 0.277333l31.943111 55.274667a6.606222 6.606222 0 0 1 0.967111 3.2v111.800889h197.226667c16.803556 0 30.414222-15.829333 30.414222-35.413333V630.684444c0-14.435556-7.36-27.356444-18.887111-32.917333zM551.111111 560.412444l-32.220444 55.964445h-0.142223c-1.109333 1.948444-3.192889 3.342222-5.688888 3.342222s-4.451556-1.393778-5.696-3.342222l-0.284445-0.547556-0.135111-0.142222-31.943111-55.274667a6.606222 6.606222 0 0 1-0.974222-3.2c0-3.605333 2.915556-6.663111 6.670222-6.663111h64.583111c3.605333 0 6.663111 2.915556 6.663111 6.663111 0.284444 1.116444-0.142222 2.225778-0.832 3.2zM690.488889 294.4h161.422222v26.311111H690.488889z"
                  fill="#FFFFFF" p-id="3120"></path>
                <path d="M758.471111 387.911111v-161.422222h26.311111v161.422222z" fill="#FFFFFF" p-id="3121"></path>
              </svg>
              <div class="icon-word">提成申报</div>
              <div class="icon-word">(资产)</div>
            </div>
            <div class="icon-area" v-if="personalFacePost"  @click="openPersonalFacePrice()">
              <svg t="1745552775772" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" 
              p-id="102832" width="48" height="48"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464zM439.570732 556.956098H274.731707c-19.980488 0-34.965854 14.985366-34.965853 34.965853v164.839025c0 19.980488 14.985366 34.965854 34.965853 34.965853h164.839025c19.980488 0 34.965854-14.985366 34.965853-34.965853v-164.839025c0-17.482927-14.985366-34.965854-34.965853-34.965853z m292.214634 0h-164.839025c-19.980488 0-34.965854 14.985366-34.965853 34.965853v164.839025c0 19.980488 14.985366 34.965854 34.965853 34.965853h164.839025c19.980488 0 34.965854-14.985366 34.965854-34.965853v-164.839025c2.497561-17.482927-14.985366-34.965854-34.965854-34.965853zM399.609756 611.902439l19.980488 19.980488-39.960976 42.458536 39.960976 42.458537-19.980488 19.980488-42.458536-39.960976-39.960976 39.960976-19.980488-19.980488 39.960976-42.458537-39.960976-39.960975 19.980488-19.980488 39.960976 42.458537 42.458536-44.956098z m309.697561 77.42439v29.970732h-117.385366v-29.970732h117.385366z m0-57.443902v29.970732h-117.385366v-29.970732h117.385366zM439.570732 264.741463H274.731707c-19.980488 0-34.965854 14.985366-34.965853 34.965854v164.839024c0 19.980488 14.985366 34.965854 34.965853 34.965854h164.839025c19.980488 0 34.965854-14.985366 34.965853-34.965854V299.707317c0-19.980488-14.985366-34.965854-34.965853-34.965854z m292.214634 0h-164.839025c-19.980488 0-34.965854 14.985366-34.965853 34.965854v164.839024c0 19.980488 14.985366 34.965854 34.965853 34.965854h164.839025c19.980488 0 34.965854-14.985366 34.965854-34.965854V299.707317c2.497561-19.980488-14.985366-34.965854-34.965854-34.965854z m-359.648781 44.956098v57.443902h59.941464v29.970732h-59.941464v59.941464h-29.970731v-59.941464h-57.443903v-29.970732h57.443903v-57.443902h29.970731zM724.292683 367.141463v29.970732h-147.356098v-29.970732H724.292683z" 
                fill="#67C23A" p-id="102833"></path></svg>
              <div class="icon-word">个贷口估</div>
            </div>
          </div>
        </el-card>
      </div>
    </div>
    <div class="buttom">
      <el-card class="left-buttom-card" shadow="always">
        <el-button style="z-index: 10;position: absolute; right: 3%;" type="text" @click="todoReflush()">刷新一下<i
            class="el-icon-refresh-right el-icon--right"></i></el-button>
        <el-tabs v-model="maxTagKey" @tab-click="handleClick">
          <el-tab-pane name="major" v-if="meunNames.includes('大中型业务')">
            <span slot="label">大中型待办({{ majorTodoTotal }})</span>
            <div v-if="majorTodoList.length > 0">
              <div style="margin-top: 1%; margin-bottom: 2%;">
                <svg t="1713513294985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11577" id="mx_n_1713513294986" width="15" height="15">
                  <path
                    d="M648.190908 887.655513C648.054393 962.841221 587.57819 1023.761099 511.84642 1023.761099 436.660712 1023.761099 375.672577 963.080123 375.536062 887.655513 375.536062 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513ZM602.970271 88.564191C602.970271 39.760032 562.220504 0 511.948807 0 461.745367 0 420.893214 39.657646 420.893214 88.564191 420.893214 93.546994 421.336888 98.42741 422.12185 103.17131 296.425543 145.79816 205.062792 254.839621 205.062792 409.681909 205.062792 409.681909 205.062792 580.325823 205.062792 580.325823 205.062792 580.325823 193.288362 728.888415 148.920944 730.42421 122.505266 730.42421 102.232769 750.253033 102.232769 774.689241 102.232769 799.330223 122.607652 818.954273 147.760565 818.954273 147.760565 818.954273 511.948807 818.954273 511.948807 818.954273 511.948807 818.954273 830.609252 818.954273 830.609252 818.954273 830.609252 818.954273 876.137048 818.954273 876.137048 818.954273 901.392348 818.954273 921.630716 799.159579 921.630716 774.689241 921.630716 750.082389 901.255833 730.42421 876.137048 730.42421 830.609252 730.42421 819.380883 580.325823 819.380883 580.325823 819.380883 580.325823 819.380883 409.681909 819.380883 409.681909 819.380883 254.668977 734.161312 145.559259 601.775763 103.068924 602.560725 98.359152 602.970271 93.478736 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191Z"
                    fill="#e16531" p-id="11578"></path>
                </svg>
                <span style="color: #e16531;margin-left: 3px;">您有{{ majorTodoTotal }}条待处理任务</span>
                <el-button type="text" style="position: absolute; right:0.5%; top: 0;"
                  @click="goToTodoPage('/major/todo')">查看更多<i class="el-icon-arrow-right el-icon--right"></i></el-button>
              </div>
              <div class="left-content">
                <parentTable v-loading="listLoading" :data="majorTodoList" stripe border :isBoard=450 style="width: 100%">
                  <el-table-column label="项目名称" align="center" width="200" show-overflow-tooltip>
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="majorToDo(row)">{{ row.productionName == null ? row.orderName :
                        row.productionName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="订单号" align="center" width="150">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="majorToDo(row)" @contextmenu.prevent="$doCopy(row.orderId)">{{
                        row.orderId }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="价值意见书号" align="center" width="280" prop="statementNo">
                    <template slot-scope="{row}">
                      <span @contextmenu.prevent="$doCopy(row.statementNo)">{{ row.statementNo == null ? '--' :
                        row.statementNo }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="报告号/复评函号" align="center" width="280" prop="reportNo">
                    <template slot-scope="{row}">
                      <span @contextmenu.prevent="$doCopy(row.reportNo)">{{ row.reportNo == null ? '--' : row.reportNo
                      }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="评估对象类型" align="center" width="120">
                    <template slot-scope="{row}">
                      <span>{{ row.businessObjectType }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点" align="center" width="140">
                    <template slot-scope="{row}">
                      <span>{{ row.nodeName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="客户经理" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.clientManager }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="负责人" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.principal }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="下单日期" align="center" width="160">
                    <template slot-scope="{row}">
                      <span>{{ row.created }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center">
                    <template slot-scope="{row}">
                      <el-button type="text" @click="majorToDo(row)">办理</el-button>
                    </template>
                  </el-table-column>
                </parentTable>
              </div>
            </div>
            <div v-else>
              <el-empty :image="require('../../assets/images/null.png')" :image-size=300
                description="太棒了！暂无任务需要处理。"></el-empty>
            </div>
          </el-tab-pane>
          <el-tab-pane name="personal" v-if="meunNames.includes('个贷业务')">
            <span slot="label">个贷待办({{ personalTodoTotal }})</span>
            <div v-if="personalTodoList.length > 0">
              <div style="margin-top: 1%; margin-bottom: 2%;">
                <svg t="1713513294985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11577" id="mx_n_1713513294986" width="15" height="15">
                  <path
                    d="M648.190908 887.655513C648.054393 962.841221 587.57819 1023.761099 511.84642 1023.761099 436.660712 1023.761099 375.672577 963.080123 375.536062 887.655513 375.536062 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513ZM602.970271 88.564191C602.970271 39.760032 562.220504 0 511.948807 0 461.745367 0 420.893214 39.657646 420.893214 88.564191 420.893214 93.546994 421.336888 98.42741 422.12185 103.17131 296.425543 145.79816 205.062792 254.839621 205.062792 409.681909 205.062792 409.681909 205.062792 580.325823 205.062792 580.325823 205.062792 580.325823 193.288362 728.888415 148.920944 730.42421 122.505266 730.42421 102.232769 750.253033 102.232769 774.689241 102.232769 799.330223 122.607652 818.954273 147.760565 818.954273 147.760565 818.954273 511.948807 818.954273 511.948807 818.954273 511.948807 818.954273 830.609252 818.954273 830.609252 818.954273 830.609252 818.954273 876.137048 818.954273 876.137048 818.954273 901.392348 818.954273 921.630716 799.159579 921.630716 774.689241 921.630716 750.082389 901.255833 730.42421 876.137048 730.42421 830.609252 730.42421 819.380883 580.325823 819.380883 580.325823 819.380883 580.325823 819.380883 409.681909 819.380883 409.681909 819.380883 254.668977 734.161312 145.559259 601.775763 103.068924 602.560725 98.359152 602.970271 93.478736 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191Z"
                    fill="#e16531" p-id="11578"></path>
                </svg>
                <span style="color: #e16531;margin-left: 3px;">您有{{ personalTodoTotal }}条待处理任务</span>
                <el-button type="text" style="position: absolute; right:0.5%; top: 0;"
                  @click="goToTodoPage('/personal/todo/list')">查看更多<i
                    class="el-icon-arrow-right el-icon--right"></i></el-button>
              </div>
              <div class="left-content">
                <parentTable v-loading="listLoading" :data="personalTodoList" stripe border :isBoard=450
                  style="width: 100%">
                  <el-table-column label="项目编号" align="center" width="140">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="personalToDo(row)" @contextmenu.prevent="$doCopy(row.orderId)">{{
                        row.orderId }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="坐落" align="center" width="200" show-overflow-tooltip>
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="personalToDo(row)">{{ row.location }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.nodeName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="处理人" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.handlerName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="最新备注" align="center" width="130" show-overflow-tooltip>
                    <template slot-scope="{row}">
                      <span>{{ row.comments ? row.comments : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="客户名称" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.clientName ? row.clientName : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="业务来源" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.clientSubName ? row.clientSubName : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="联系人" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.contactName ? row.contactName : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="联系人电话" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.contactTel ? row.contactTel : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="委托人" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.bailorA ? row.bailorA : (row.bailorB ? row.bailorB : '-') }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="委托人电话" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.bailorATel ? row.bailorATel : (row.bailorBTel ? row.bailorBTel : '-') }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="面积" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.acreage ? row.acreage : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="单价" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.price ? row.price : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="总价" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.amount ? row.amount : '-' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="中介" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.agent == null ? '-' : row.agent }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="客户经理" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.clientManager }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="实勘人" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.outwardStaffName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="内业人员" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.inwardStaffName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="定价人员" align="center" width="130">
                    <template slot-scope="{row}">
                      <span>{{ row.pricingStaffName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="下单时间" align="center" width="100">
                    <template slot-scope="{row}">
                      {{ row.created }}
                    </template>
                  </el-table-column>
                  <el-table-column label="节点生成时间" align="center" width="120">
                    <template slot-scope="{row}">
                      {{ row.nodeCreated }}
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center" width="80" fixed="right">
                    <template slot-scope="{row}">
                      <el-button type="text" @click="personalToDo(row)">办理</el-button>
                    </template>
                  </el-table-column>
                </parentTable>
              </div>
            </div>
            <div v-else>
              <el-empty :image="require('../../assets/images/null.png')" :image-size=300
                description="太棒了！暂无任务需要处理。"></el-empty>
            </div>
          </el-tab-pane>
          <el-tab-pane name="assets" v-if="meunNames.includes('资产业务')">
            <span slot="label">资产待办({{ assetsTodoTotal }})</span>
            <div v-if="assetsTodoList.length > 0">
              <div style="margin-top: 1%; margin-bottom: 2%;">
                <svg t="1713513294985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11577" id="mx_n_1713513294986" width="15" height="15">
                  <path
                    d="M648.190908 887.655513C648.054393 962.841221 587.57819 1023.761099 511.84642 1023.761099 436.660712 1023.761099 375.672577 963.080123 375.536062 887.655513 375.536062 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513ZM602.970271 88.564191C602.970271 39.760032 562.220504 0 511.948807 0 461.745367 0 420.893214 39.657646 420.893214 88.564191 420.893214 93.546994 421.336888 98.42741 422.12185 103.17131 296.425543 145.79816 205.062792 254.839621 205.062792 409.681909 205.062792 409.681909 205.062792 580.325823 205.062792 580.325823 205.062792 580.325823 193.288362 728.888415 148.920944 730.42421 122.505266 730.42421 102.232769 750.253033 102.232769 774.689241 102.232769 799.330223 122.607652 818.954273 147.760565 818.954273 147.760565 818.954273 511.948807 818.954273 511.948807 818.954273 511.948807 818.954273 830.609252 818.954273 830.609252 818.954273 830.609252 818.954273 876.137048 818.954273 876.137048 818.954273 901.392348 818.954273 921.630716 799.159579 921.630716 774.689241 921.630716 750.082389 901.255833 730.42421 876.137048 730.42421 830.609252 730.42421 819.380883 580.325823 819.380883 580.325823 819.380883 580.325823 819.380883 409.681909 819.380883 409.681909 819.380883 254.668977 734.161312 145.559259 601.775763 103.068924 602.560725 98.359152 602.970271 93.478736 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191Z"
                    fill="#e16531" p-id="11578"></path>
                </svg>
                <span style="color: #e16531;margin-left: 3px;">您有{{ assetsTodoTotal }}条待处理任务</span>
                <el-button type="text" style="position: absolute; right:0.5%; top: 0;"
                  @click="goToTodoPage('/assets/todoList')">查看更多<i
                    class="el-icon-arrow-right el-icon--right"></i></el-button>
              </div>
              <div class="left-content">
                <parentTable ref="table" v-loading="listLoading" :data="assetsTodoList" slot="table" stripe border
                  :isBoard=450 style="width: 100%;">
                  <el-table-column label="项目编号" align="center" width="150">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="assetsToDo(row)" @contextmenu.prevent="$doCopy(row.orderId)">{{
                        row.orderId }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="分单类型" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.allotType }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="意见书号" align="center" width="250">
                    <template slot-scope="{row}">
                      <span @contextmenu.prevent="$doCopy(row.statementNo)">{{ row.statementNo }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="报告号" align="center" width="250">
                    <template slot-scope="{row}">
                      <span @contextmenu.prevent="$doCopy(row.reportNo)">{{ row.reportNo }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="项目名称" align="center" width="250">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="assetsToDo(row)">{{ row.reportName || row.statementName ||
                        row.name }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="业务类型" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.assetsBusinessGener }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="客户名称" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.customerName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="业务来源" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.customerSubName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="委托人" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.bailor }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="委托人联系电话" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.bailorContactTel }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.currentNodeName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点负责人" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.handlerName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="项目负责人" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.principalName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="客户经理" align="center" width="150">
                    <template slot-scope="{row}">
                      <span>{{ row.clientManagerName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center" width="120" fixed="right">
                    <template slot-scope="{row}">
                      <el-button type="text" @click="assetsToDo(row)">办理</el-button>
                    </template>
                  </el-table-column>
                </parentTable>
              </div>
            </div>
            <div v-else>
              <el-empty :image="require('../../assets/images/null.png')" :image-size=300
                description="太棒了！暂无任务需要处理。"></el-empty>
            </div>
          </el-tab-pane>
          <el-tab-pane name="majorCheck" v-if="meunNames.includes('行政审批') && ifMajorDeclareCheck">
            <span slot="label">大中型提成审批({{ majorDeclareCheckNum }})</span>
            <div v-if="majorDeclareCheckList.length > 0">
              <div style="margin-top: 1%; margin-bottom: 2%;">
                <svg t="1713513294985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11577" id="mx_n_1713513294986" width="15" height="15">
                  <path
                    d="M648.190908 887.655513C648.054393 962.841221 587.57819 1023.761099 511.84642 1023.761099 436.660712 1023.761099 375.672577 963.080123 375.536062 887.655513 375.536062 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513ZM602.970271 88.564191C602.970271 39.760032 562.220504 0 511.948807 0 461.745367 0 420.893214 39.657646 420.893214 88.564191 420.893214 93.546994 421.336888 98.42741 422.12185 103.17131 296.425543 145.79816 205.062792 254.839621 205.062792 409.681909 205.062792 409.681909 205.062792 580.325823 205.062792 580.325823 205.062792 580.325823 193.288362 728.888415 148.920944 730.42421 122.505266 730.42421 102.232769 750.253033 102.232769 774.689241 102.232769 799.330223 122.607652 818.954273 147.760565 818.954273 147.760565 818.954273 511.948807 818.954273 511.948807 818.954273 511.948807 818.954273 830.609252 818.954273 830.609252 818.954273 830.609252 818.954273 876.137048 818.954273 876.137048 818.954273 901.392348 818.954273 921.630716 799.159579 921.630716 774.689241 921.630716 750.082389 901.255833 730.42421 876.137048 730.42421 830.609252 730.42421 819.380883 580.325823 819.380883 580.325823 819.380883 580.325823 819.380883 409.681909 819.380883 409.681909 819.380883 254.668977 734.161312 145.559259 601.775763 103.068924 602.560725 98.359152 602.970271 93.478736 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191Z"
                    fill="#e16531" p-id="11578"></path>
                </svg>
                <span style="color: #e16531;margin-left: 3px;">您有{{ majorDeclareCheckNum }}条待处理任务</span>
                <el-button type="text" style="position: absolute; right:0.5%; top: 0;"
                  @click="goToTodoPage('/administration/major/declare/check/list')">查看更多<i
                    class="el-icon-arrow-right el-icon--right"></i></el-button>
              </div>
              <div class="left-content">
                <parentTable :data="majorDeclareCheckList" stripe border :isBoard=450 style="width: 100%">
                  <el-table-column label="审批类型" width="150" align="center">
                    <template slot-scope="{row}">
                      <span style="color:red">{{ row.businessType === 'COMMISSION_DECLARE_MAJOR_MARKET' ? '市场人员提成申报' :
                        '评估人员提成申报' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="订单号" width="120" align="center">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="majorCheck(row)">{{ row.majorSimple.orderId }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="项目名称" width="200" align="center" show-overflow-tooltip>
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="majorCheck(row)">{{ row.majorSimple.name ? row.majorSimple.name :
                        row.majorSimple.orderName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="报告号" width="180" align="center">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="majorCheck(row)">{{ row.majorSimple.reportNo ?
                        row.majorSimple.reportNo : '--' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报人" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.declareUser }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="审核人" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.handler }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="人员类型" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.userType }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="提成类型" width="150" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.businessCate }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="提成比例" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.ratio }}%</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报类型" align="center">
                    <template slot-scope="{row}">
                      <span style="font-weight: bold;">{{ row.prodId ? '产品' : '订单' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报时间" align="center" width="160">
                    <template slot-scope="{row}">
                      <span>{{ row.created }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.nodeName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center">
                    <template slot-scope="{row}">
                      <el-button type="text" size="small" @click="majorCheck(row)">审核</el-button>
                    </template>
                  </el-table-column>
                </parentTable>
              </div>
            </div>
            <div v-else>
              <el-empty :image="require('../../assets/images/null.png')" :image-size=300
                description="太棒了！暂无任务需要处理。"></el-empty>
            </div>
          </el-tab-pane>
          <el-tab-pane name="assetsDeclareCheckList" v-if="meunNames.includes('行政审批') && ifAssetsDeclareCheck">
            <span slot="label">资产提成审批({{ assetsDeclareCheckNum }})</span>
            <div v-if="assetsDeclareCheckList.length > 0">
              <div style="margin-top: 1%; margin-bottom: 2%;">
                <svg t="1713513294985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11577" id="mx_n_1713513294986" width="15" height="15">
                  <path
                    d="M648.190908 887.655513C648.054393 962.841221 587.57819 1023.761099 511.84642 1023.761099 436.660712 1023.761099 375.672577 963.080123 375.536062 887.655513 375.536062 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513 648.190908 887.655513ZM602.970271 88.564191C602.970271 39.760032 562.220504 0 511.948807 0 461.745367 0 420.893214 39.657646 420.893214 88.564191 420.893214 93.546994 421.336888 98.42741 422.12185 103.17131 296.425543 145.79816 205.062792 254.839621 205.062792 409.681909 205.062792 409.681909 205.062792 580.325823 205.062792 580.325823 205.062792 580.325823 193.288362 728.888415 148.920944 730.42421 122.505266 730.42421 102.232769 750.253033 102.232769 774.689241 102.232769 799.330223 122.607652 818.954273 147.760565 818.954273 147.760565 818.954273 511.948807 818.954273 511.948807 818.954273 511.948807 818.954273 830.609252 818.954273 830.609252 818.954273 830.609252 818.954273 876.137048 818.954273 876.137048 818.954273 901.392348 818.954273 921.630716 799.159579 921.630716 774.689241 921.630716 750.082389 901.255833 730.42421 876.137048 730.42421 830.609252 730.42421 819.380883 580.325823 819.380883 580.325823 819.380883 580.325823 819.380883 409.681909 819.380883 409.681909 819.380883 254.668977 734.161312 145.559259 601.775763 103.068924 602.560725 98.359152 602.970271 93.478736 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191 602.970271 88.564191Z"
                    fill="#e16531" p-id="11578"></path>
                </svg>
                <span style="color: #e16531;margin-left: 3px;">您有{{ assetsDeclareCheckNum }}条待处理任务</span>
                <el-button type="text" style="position: absolute; right:0.5%; top: 0;"
                  @click="goToTodoPage('/administration/assets/declare/check/list')">查看更多<i
                    class="el-icon-arrow-right el-icon--right"></i></el-button>
              </div>
              <div class="left-content">
                <parentTable :data="assetsDeclareCheckList" stripe :isBoard=450 style="width: 100%">
                  <el-table-column label="审批类型" width="150" align="center">
                    <template slot-scope="{row}">
                      <span style="color:red">{{ row.businessType === 'COMMISSION_DECLARE_ASSET_MARKET' ? '市场人员提成申报' :
                        '评估人员提成申报' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="订单号" width="120" align="center">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="assetsDeclareCheck(row)">{{ row.assetsSimple.orderId }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="项目名称" width="200" align="center" show-overflow-tooltip>
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="assetsDeclareCheck(row)">{{ row.assetsSimple.name ?
                        row.assetsSimple.name : row.assetsSimple.orderName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="报告号" width="180" align="center">
                    <template slot-scope="{row}">
                      <span class="enableClick" @click="assetsDeclareCheck(row)">{{ row.assetsSimple.reportNo ?
                        row.assetsSimple.reportNo : '--' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报人" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.declareUser }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="审核人" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.handler }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="人员类型" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.userType }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="提成类型" width="150" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.businessCate }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="提成比例" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.ratio }}%</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报类型" align="center">
                    <template slot-scope="{row}">
                      <span style="font-weight: bold;">{{ row.prodId ? '产品' : '订单' }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="申报时间" align="center" width="160">
                    <template slot-scope="{row}">
                      <span>{{ row.created }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="当前节点" align="center">
                    <template slot-scope="{row}">
                      <span>{{ row.nodeName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center">
                    <template slot-scope="{row}">
                      <el-button type="text" size="small" @click="assetsDeclareCheck(row)">审核</el-button>
                    </template>
                  </el-table-column>
                </parentTable>
              </div>
            </div>
            <div v-else>
              <el-empty :image="require('../../assets/images/null.png')" :image-size=300
                description="太棒了！暂无任务需要处理。"></el-empty>
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { getToken } from '@/utils/auth'

export default {
  name: 'ComplexIndex',
  components: {
  },
  data() {
    return {
      listLoading: false,
      businessType: "ALL",
      meunNames: [],
      majorTodoList: [],
      personalTodoList: [],
      assetsTodoList: [],
      itemTodoList: [],
      majorDeclareCheckList: [],
      assetsDeclareCheckList: [],
      majorTodoTotal: 0,
      personalTodoTotal: 0,
      assetsTodoTotal: 0,
      majorDeclareCheckNum: 0,
      assetsDeclareCheckNum: 0,
      showSearchResult: false,
      keyword: null,
      searchResults: [],
      hasOpenBar: false,
      ifMajorDeclareCheck: false,
      ifAssetsDeclareCheck: false,
      maxTagKey: null,
      personalFacePost:false,
      orderOverStock:null
    }
  },
  computed: {
    ...mapGetters([
      'permission_menus',
      'userInfo'
    ]),

  },
  watch: {
    majorTodoTotal: {
      immediate: true,
      handler(newv) {
        this.getToDoMaxNum();
      }
    },
    personalTodoTotal: {
      immediate: true,
      handler(newv) {
        this.getToDoMaxNum();
      }
    },
    assetsTodoTotal: {
      immediate: true,
      handler(newv) {
        this.getToDoMaxNum();
      }
    },
    permission_menus: {
      immediate: true, // immediate选项可以开启首次赋值监听
      deep: true,
      handler(newv) {
        this.meunNames = this.permission_menus.map(item => item.name);
        const admin = this.permission_menus.filter(item => item.pcUrl === '/administration');
        if (admin.length > 0) {
          const adminType = admin[0].children.map(item => {
            return item.menuCode;
          });

          if (adminType.includes('_views_administration_major_declare_check_list')) {
            this.ifMajorDeclareCheck = true;
          }
          if (adminType.includes('_views_administration_assets_declare_check_list')) {
            this.ifAssetsDeclareCheck = true;
          }
        }
      }
    },

    keyword: {
      handler(newv) {
        if (newv) {
          this.search();
        } else {
          this.searchResults = [];
        }
      }
    },
    userInfo: {
      immediate: true, // immediate选项可以开启首次赋值监听
      deep: true,
      handler(newv) {
        if (newv) {
          const postList = newv.postList.map(item => item.name)
          const marketPosts = ['销售代表', '客户经理', '客户经理-业务员', '市场一部经理', '市场二部经理', '销售主管','市场部经理','营销主管']
          postList.forEach(element => {
            if (marketPosts.includes(element)) {
              this.hasOpenBar = true;
            }
          });
          if (postList.includes("个贷口估岗")){
              this.personalFacePost = true;
          }
          if (postList.includes("评估部经理")){
              this.getOrderOverStock();
          }
        }

      }
    },
  },
  mounted() {

  },
  created() {
    this.getMajorTodoList();
    this.getPersonalTodoList();
    this.getAssetsTodoList();
    this.getBusinessTotalNum();
    this.majorDeclareTodoList();
    this.assetsDeclareTodoList();
    if (this.$route.query.businessType){
      this.maxTagKey = this.$route.query.businessType
    }else{
      this.getToDoMaxNum();
    }
    
  },

  methods: {
    handleClick(tab, event) {
    },
    getToDoMaxNum() {
      const maxTodo = new Map();
      maxTodo.set("major", this.majorTodoTotal);
      maxTodo.set("personal", this.personalTodoTotal);
      maxTodo.set("assets", this.assetsTodoTotal);
      maxTodo.set("majorCheck", this.majorDeclareCheckNum);
      maxTodo.set("assetsDeclareCheckList", this.assetsDeclareCheckNum);
      let maxKey = [...maxTodo.entries()].reduce((maxKey, [key, value]) => {
        return maxKey && maxTodo.get(maxKey) > value ? maxKey : key;
      }, 0);
      this.maxTagKey = maxKey;
    },
    jumpDir(path) {
      const admin = this.permission_menus.filter(item => item.pcUrl === path);
      path = admin[0].children[0].pcUrl;
      this.$router.push({ path: path, query: {} });
    },
    jumpToProductivityPlatform() {
      window.open(process.env.VUE_APP_PRODUCTIVITY_PLATFORM_URL + `?token=` + getToken());
    },
    getMajorTodoList() {
      let param = new Object();
      param.getNodeIsCheckArchiving = false;
      this.$api.workNodeTaskRecord.majorTaskTodoList(param).then(res => {
        if (res.code === 200) {
          this.majorTodoList = res.data.records;
        }
      })
    },
    getPersonalTodoList() {
      this.$api.workNodeTaskRecord.personalTaskTodoList().then(res => {
        if (res.code === 200) {
          this.personalTodoList = res.data.records;
        }
      })
    },
    getAssetsTodoList() {
      let listQuery = {
        page: 1,
        size: 10,
        handlerId: this.$store.getters.userInfo.id
      }
      this.$api.assets.selectPage(listQuery).then(res => {
        if (res.code === 200) {
          this.assetsTodoList = res.data.records;
        }
      })
    },
    majorDeclareTodoList() {
      this.$api.commissonDeclare.majorDeclareTodoList().then(res => {
        if (res.code === 200) {
          this.majorDeclareCheckList = res.data;
        }
      })
    },
    assetsDeclareTodoList() {
      this.$api.commissonDeclare.assetsCheckList().then(res => {
        if (res.code === 200) {
          this.assetsDeclareCheckList = res.data;
        }
      })
    },
    goToTodoPage(path) {
      this.$router.push({ path: path, query: {} });
    },
    majorToDo(row) {
      let reportNo = row.reportNo;
      let statementNo = row.statementNo;
      if (row.nodeCode === 'REPORT_OUT_APPLY' || row.nodeCode === 'LETTER_OUT_APPLY') {
        this.$router.push(`/major/my/order?todoBusinessId=${row.businessId}&sNo=${statementNo}&rNo=${reportNo}&tId=${row.taskId}&cId=${row.currentNodeId}`)
        return;
      }
      if (row.nodeCode === 'REPORT_OUT_FINANCE_CHECK' || row.nodeCode === 'REPORT_OUT_DEPARTMENT_CHECK' || row.nodeCode === 'LETTER_OUT_FINANCE_CHECK' || row.nodeCode === 'LETTER_OUT_DEPARTMENT_CHECK') {
        this.$router.push(`/out/warehouse/check?todoBusinessId=${row.businessId}&sNo=${statementNo}&rNo=${reportNo}&tId=${row.taskId}&cId=${row.currentNodeId}&nCode=${row.nodeCode}&businessType=MAJOR_BUSINESS`)
        return;
      }
      if (row.nodeCode === 'BUSINESS_ARCHIVING') {
        this.$router.push(`/major/saveFile/waiting`)
        return;
      }
      if (row.nodeCode === 'STATEMENT_DELIVERY') {
        this.$router.push(`/major/my/order?todoBusinessId=${row.businessId}&sNo=${statementNo}&tId=${row.taskId}&cId=${row.currentNodeId}`)
        return;
      }
      if (row.nodeCode === 'LEADER_ALLOCATION'){
        this.$router.push(`/major/todo?businessId=${row.businessId}&nodeCode=${row.nodeCode}&currentNodeId=${row.currentNodeId}&departmentName=${row.departmentName}`)
        return;
      }
      if (reportNo && statementNo) {
        this.$router.push(`/major/todo/detail?id=${row.businessId}&reportNo=${reportNo}&statementNo=${row.statementNo}&doWorkflow=${true}&currentNodeId=${row.currentNodeId}&currentNodeCode=${row.nodeCode}&back=${'/complex/index'}`)
      } else if (!reportNo && statementNo) {
        this.$router.push(`/major/todo/detail?id=${row.businessId}&statementNo=${row.statementNo}&doWorkflow=${true}&currentNodeId=${row.currentNodeId}&currentNodeCode=${row.nodeCode}&back=${'/complex/index'}`)
      } else if (reportNo && !statementNo) {
        this.$router.push(`/major/todo/detail?id=${row.businessId}&reportNo=${reportNo}&doWorkflow=${true}&currentNodeId=${row.currentNodeId}&currentNodeCode=${row.nodeCode}&back=${'/complex/index'}`)
      } else {
        this.$router.push(`/major/todo/detail?id=${row.businessId}&doWorkflow=${true}&currentNodeId=${row.currentNodeId}&currentNodeCode=${row.nodeCode}&back=${'/complex/index'}`)
      }
      if (row.nodeCode === 'STATEMENT_IN' || row.nodeCode === 'STATEMENT_OUT' ||
        row.nodeCode === 'REPORT_IN' || row.nodeCode === 'REPORT_OUT' ||
        row.nodeCode === 'LETTER_IN' || row.nodeCode === 'LETTER_OUT') {
        this.$router.push(`/major/production/in?openDialog=${true}`)
      }
    },
    personalToDo(row) {
      const nodeCode = row.nodeCode;

      if (nodeCode === 'REPORT_OUT_APPLY' || nodeCode === 'LETTER_OUT_APPLY') {
        this.$router.push(`/personal/my/order?todoBusinessId=${row.businessId}&orderId=${row.orderId}&tId=${row.taskId}&cId=${row.currentNodeId}`)
      }
      else if (nodeCode === 'REPORT_OUT_DEPARTMENT_CHECK' || nodeCode === 'LETTER_OUT_DEPARTMENT_CHECK') {
        this.$router.push(`/out/warehouse/check?todoBusinessId=${row.businessId}&sNo=${row.orderId}&tId=${row.taskId}&cId=${row.currentNodeId}&nCode=${row.nodeCode}&businessType=PERSONAL_BUSINESS`)
      }
      else if (row.nodeCode === 'BUSINESS_ARCHIVING') {
        this.$router.push(`/personal/toSaveFile`)
        return;
      } else if (row.nodeCode === 'STATEMENT_IN' || row.nodeCode === 'STATEMENT_OUT' ||
        row.nodeCode === 'REPORT_IN' || row.nodeCode === 'REPORT_OUT' ||
        row.nodeCode === 'LETTER_IN' || row.nodeCode === 'LETTER_OUT') {
        this.$router.push(`/major/production/in?openDialog=${true}`)
      }
      else {
        this.$router.push(`/personal/todo?id=${row.businessId}&currentNodeCode=${row.nodeCode}&orderId=${row.orderId}&doWorkflow=${true}&back=${'/complex/index'}`)
      }
    },
    assetsToDo(row) {
      if (row.currentNodeCode === 'REPORT_OUT_APPLY') {
        const newRow = {
          reportNo: row.reportNo,
          statementNo: row.statementNo,
          businessType: 'ASSET_BUSINESS',
          assetsId: row.assetsId,
          recordId: row.recordId,
          currentNodeId: row.currentNodeId
        }
        this.$router.push({
          path: `/assets/myOrderList`,
          query: {
            repertoryOutWarehouseVisible: true,
            row: JSON.stringify(newRow)
          }
        })
        return;
      } else if (row.currentNodeCode === 'REPORT_OUT_DEPARTMENT_CHECK') {
        this.$router.push(`/out/warehouse/check?todoBusinessId=${row.assetsId}&sNo=${row.statementNo}&rNo=${row.reportNo}&tId=${row.recordId}&cId=${row.currentNodeId}&nCode=${row.currentNodeCode}&businessType=ASSET_BUSINESS`)
        return;
      } else if (row.currentNodeCode === 'STATEMENT_IN' || row.currentNodeCode === 'STATEMENT_OUT' ||
        row.currentNodeCode === 'REPORT_IN' || row.currentNodeCode === 'REPORT_OUT' ||
        row.currentNodeCode === 'LETTER_IN' || row.currentNodeCode === 'LETTER_OUT') {
        this.$router.push(`/major/production/in?openDialog=${true}`)
      }
      else {
        // 根据节点预设需要激活的tab页面
        let activeTabName = 'baseInfo';
        if (row.currentNodeCode === 'DEPARTMENT_ALLOCATION') {
          activeTabName = 'members';
        } else if (row.currentNodeCode === 'SPOT_RECONNAISSANCE_DETERMINE_PRICE'
          || row.currentNodeCode === 'ASSET_REPORT_TAKE_NO'
          || row.currentNodeCode === 'GENERATE_STATEMENT'
          || row.currentNodeCode === 'WRITE_REPORT'
          || row.currentNodeCode === 'REVIEW_STATEMENT'
          || row.currentNodeCode === 'CHECK_REPORT') {
          activeTabName = 'target';
        } else if (row.currentNodeCode === 'REEXAMINE_STATEMENT'
          || row.currentNodeCode === 'RECHECK_REPORT'
          || row.currentNodeCode === 'FOURTH_CHECK_REPORT'
          || row.currentNodeCode === 'STATEMENT_IN'
          || row.currentNodeCode === 'STATEMENT_OUT'
          || row.currentNodeCode === 'REPORT_IN'
          || row.currentNodeCode === 'REPORT_OUT') {
          activeTabName = 'production';
        }
        const newRow = {
          assetsId: row.assetsId,
          statementNo: row.statementNo,
          reportNo: row.reportNo,
        }
        this.$router.push({
          path: "/assets/orderDetail",
          query: {
            row: JSON.stringify(newRow),
            back: '/complex/index',
            couldEdit: true,
            couldBack: true,
            disabledStatus: false,
            activeTabName: activeTabName
          }
        })
      }
    },
    getBusinessTotalNum() {
      this.$api.workNodeTaskRecord.getTodoTotalNum().then(res => {
        if (res.code === 200) {
          let majorDeclareCheckNum = 0;
          let assetsDeclareCheckNum = 0;
          res.data.forEach(element => {
            if (element.businessType === 'MAJOR_BUSINESS') {
              this.majorTodoTotal = element.totalNum;
            }
            if (element.businessType === 'PERSONAL_BUSINESS') {
              this.personalTodoTotal = element.totalNum;
            }
            if (element.businessType === 'ASSET_BUSINESS') {
              this.assetsTodoTotal = element.totalNum;
            }

            //大中型提成申报审批（包含市场和评估）
            if (element.businessType === 'COMMISSION_DECLARE_MAJOR_MARKET' || element.businessType === 'COMMISSION_DECLARE_MAJOR_EVALUATE') {
              majorDeclareCheckNum += element.totalNum;
            }

            //资产提成申报审批（包含市场和评估）
            if (element.businessType === 'COMMISSION_DECLARE_ASSET_MARKET' || element.businessType === 'COMMISSION_DECLARE_ASSET_EVALUATE') {
              assetsDeclareCheckNum += element.totalNum;
            }

          });
          this.majorDeclareCheckNum = majorDeclareCheckNum;
          this.assetsDeclareCheckNum = assetsDeclareCheckNum;
        }
      })
    },
    todoReflush() {
      this.getMajorTodoList();
      this.getPersonalTodoList();
      this.getBusinessTotalNum();
      this.$message.success("刷新成功")
    },
    search() {
      if (this.keyword) {
        this.$api.lucene.luceneSearch(this.businessType, this.keyword).then(res => {
          if (res.code === 200) {
            this.searchResults = res.data;
          }
        })
      }

    },
    businessTag(bus) {
      if (bus === '大中型业务') {
        return 'success';
      }
      if (bus === '个贷业务') {
        return 'primary';
      }
      if (bus === '资产业务') {
        return 'danger';
      }
      return 'warning'
    },
    searchToPage(r) {
      this.$router.push({ path: r.url, query: { keyword: r.result } });
    },
    closeResult() {
      setTimeout(() => {
        this.showSearchResult = false;
      }, 200)

    },
    cleanInput() {
      this.keyword = null;
    },
    inputFocus() {
      this.showSearchResult = true
    },
    openOrder(path) {
      if (this.hasOpenBar) {
        this.$router.push({ path: path, query: {} });
      } else {
        this.$message.error("抱歉，只有市场部人员才能下单")
      }
    },
    majorCheck(row) {
      let backPath = '/complex/index';
      this.$router.push(`/administration/major/declare/check?businessId=${row.businessId}&businessType=${row.businessType}&doWorkflow=${true}&back=${backPath}`)
    },
    openMajorDeclare() {
      if (this.hasOpenBar) {
        this.$router.push({ path: '/income/major/declare/market', query: {} });
      } else {
        this.$router.push({ path: '/income/major/declare/evaluate', query: {} });
      }
    },
    openAssetsDeclare() {
      if (this.hasOpenBar) {
        this.$router.push({ path: '/income/assets/declare/market', query: {} });
      } else {
        this.$router.push({ path: '/income/assets/declare/evaluate', query: {} });
      }
    },
    assetsDeclareCheck(row) {
      let backPath = '/complex/index';
      this.$router.push(`/administration/assets/declare/check?businessId=${row.businessId}&businessType=${row.businessType}&doWorkflow=${true}&back=${backPath}&couldEdit=${true}`)
    },
    openPersonalFacePrice(){
      this.$router.push('/personal/face/price')
    },
    getOrderOverStock(){
       this.$api.major.getOrderOverStock().then(res=>{
        if (res.code === 200){
            this.orderOverStock = res.data;
        }
       })
    }
  },

}
</script>
<style lang="scss" scoped>
.home {
  width: 100%;
  margin: 0;

}

.msg{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

.board {
  width: 100%;
  display: flex;
  height: 250px;
  background-color: rgb(241, 248, 253);
}

/deep/ .el-card {
  border-radius: 10px;
  overflow: visible
}

/deep/ .el-card .text {
  z-index: 1;
}

.left {
  width: 50%;
  padding: 20px;
}

.right {
  width: 50%;
  padding: 20px;
}

.buttom {
  width: 100%;
  padding: 20px;
  padding-top: 0px;
}

.search-card {
  width: 100%;
  height: 28%;
}

.left-top-card {
  width: 100%;
  margin-top: 20px;
  height: 62.5%;
}

.left-buttom-card {
  width: 100%;
  height: 650px;

}

.middle-top-card {
  width: 100%;
  height: 100%;
}

.middle-button-card {
  width: 100%;
  margin-top: 20px;
  height: 53%;
}

.right-top-card {
  width: 100%;
  height: 97%;
}

.right-button-card {
  width: 100%;
  margin-top: 20px;
  height: 53%;
}


/* Input field */
.input-field {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  border: none;
  outline: none;
}

/deep/.select-field {
  display: block;
  width: 100%;
  padding: 3px;
  font-size: 15px;
  border: none;
  outline: none;
  color: gray;
}

// 设置输入框的背景色、字体颜色、边框属性设置；
/deep/.el-input__inner {
  border: none;
  outline: none;
  font-size: 15px;
  padding-left: 0;
}

option {
  color: gray
}

.group {
  position: relative;
  width: 90%;
  margin-top: -5px;
}

.input {
  display: block;
  width: 100%;
  font-size: 15px;
  border: none;
  height: 40px;
  // border-bottom: 1px solid rgb(211, 205, 205);
  background: transparent;
  margin-top: -6px;
}

.input:focus {
  outline: none;
  border-top: 1px solid rgb(51, 143, 255);
  border-left: 1px solid rgb(51, 143, 255);
  border-right: 1px solid rgb(51, 143, 255);
  border-bottom: 1px solid rgb(51, 143, 255);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


.input:focus~label,
.input:valid~label {
  //  top: -20px;
  font-size: 15px;
  color: rgb(51, 143, 255);
}

.input:focus~.bar:before,
.input:focus~.bar:after {
  width: 50%;
}

.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.input:focus~.highlight {
  animation: inputHighlighter 0.3s ease;
}

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }

  to {
    width: 0;
    background: transparent;
  }
}

.icon-bar {
  display: flex;
  width: 100%;
  height: 20px;
}

.icon-area {
  margin-top: 1%;
  width: 12%;
  text-align: center;

}

.open-area {
  margin-top: 3%;
  width: 12%;
  float: left;
}

.icon-word {
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}

.left-content {
  width: 100%;
}

.content-card {
  width: 11%;
  height: 200px;
  margin-right: 20px;
  display: flex;
  float: left;
  margin-top: 20px;
  background-color: rgb(241, 248, 253);
}

.content-card :hover {
  cursor: pointer
}

.content-card-item {
  height: 100%
}

.item-num {
  font-weight: bold;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: rgb(51, 143, 255);
}

.item-name {
  font-size: 12px;
  margin-bottom: 5px;
  overflow: hidden;
}

.item-time {
  font-size: 11px;
  color: gray;
}



.item-hr {
  border: none;
  height: 1px;
  background-color: darkgrey;
}

.icon-area :hover {
  cursor: pointer
}

.open-area :hover {
  cursor: pointer
}

.search-result {
  width: 100%;
  font-size: 15px;
  border-right: 1px solid rgb(51, 143, 255);
  border-left: 1px solid rgb(51, 143, 255);
  border-bottom: 1px solid rgb(51, 143, 255);
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  z-index: 100;
  position: absolute;
}

.reslut-item {
  display: block;
  padding: 5px;
  width: 100%;
  height: 55px;
  color: gray;
}

.search-result :hover {
  background-color: rgb(241, 248, 253);
  cursor: pointer;
  color: rgb(51, 143, 255);
}

.result-item {
  margin-top: 3px;
  width: 100%;
  height: 30px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  /*超出部分省略号表示*/
  white-space: nowrap;
  /*强制单行显示*/
  display: inline-block;
}

.cleanInputIcon {
  font-size: 20px;
  color: gray;
  position: absolute;
  top: 5px;
  left: 95%;
  z-index: 990;
}

.cleanInputIcon:hover {
  cursor: pointer
}

.enableClick:hover {
  color: #1890ff;
  cursor: pointer;
}</style>