<!--
 * @Author: 曹文丽 caowenli@yuan-info.com
 * @Date: 2023-03-06 16:36:50
 * @LastEditors: 曹文丽 caowenli@yuan-info.com
 * @LastEditTime: 2023-03-13 16:24:54
 * @FilePath: \yuan-huoling-browser\src\views\screen\components\ModuleEmpty.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script setup lang="ts"></script>

<template>
  <div class="empty-block">
    <svg
      class="ya-table-empty"
      width="277px"
      height="157px"
      viewBox="0 0 277 157"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <title></title>
      <defs>
        <linearGradient
          x1="50%"
          y1="0.275766096%"
          x2="50%"
          y2="65.2885706%"
          id="linearGradient-1"
        >
          <stop
            stop-color="#1E99FF"
            stop-opacity="0.354511181"
            offset="0%"
          ></stop>
          <stop stop-color="#EEF2F6" stop-opacity="0" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="0%"
          x2="50%"
          y2="100%"
          id="linearGradient-2"
        >
          <stop stop-color="#226195" offset="0%"></stop>
          <stop stop-color="#2468A1" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="0%"
          x2="50%"
          y2="100%"
          id="linearGradient-3"
        >
          <stop stop-color="#226195" offset="0%"></stop>
          <stop stop-color="#2468A1" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="0%"
          x2="50%"
          y2="100%"
          id="linearGradient-4"
        >
          <stop stop-color="#226195" offset="0%"></stop>
          <stop stop-color="#2468A1" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="39.701875%"
          y1="10.3726347%"
          x2="59.440075%"
          y2="47.6935395%"
          id="linearGradient-5"
        >
          <stop stop-color="#235D8E" offset="0%"></stop>
          <stop stop-color="#3F83BC" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="55.7272568%"
          y1="5.32214227%"
          x2="25.7278024%"
          y2="59.228697%"
          id="linearGradient-6"
        >
          <stop stop-color="#1E5685" offset="0%"></stop>
          <stop stop-color="#3D81BA" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="0.0247981998%"
          x2="50%"
          y2="99.2784513%"
          id="linearGradient-7"
        >
          <stop stop-color="#2470B0" offset="0.0247981998%"></stop>
          <stop stop-color="#144A77" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="0%"
          x2="50%"
          y2="100%"
          id="linearGradient-8"
        >
          <stop stop-color="#205C8E" offset="0%"></stop>
          <stop stop-color="#194E7C" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="57.6403593%"
          y1="37.7714263%"
          x2="28.0476221%"
          y2="58.3699403%"
          id="linearGradient-9"
        >
          <stop stop-color="#28699E" offset="0%"></stop>
          <stop stop-color="#195D97" offset="100%"></stop>
        </linearGradient>
        <linearGradient
          x1="50%"
          y1="33.4060413%"
          x2="76.8291105%"
          y2="66.5939587%"
          id="linearGradient-10"
        >
          <stop stop-color="#1F598B" offset="0%"></stop>
          <stop stop-color="#2D76B3" offset="100%"></stop>
        </linearGradient>
      </defs>
      <g
        id="页面-1"
        stroke="none"
        stroke-width="1"
        fill="none"
        fill-rule="evenodd"
      >
        <g id="补充切图" transform="translate(-243.000000, -47.000000)">
          <g id="编组-4" transform="translate(243.000000, 47.000000)">
            <path
              d="M132.375914,156 C208.867352,156 223.057129,156.505585 277,153.5 C277,118.982203 214.991438,91 138.5,91 C62.0085622,91 0,118.982203 0,153.5 C60.5742798,156.348267 55.8844763,156 132.375914,156 Z"
              id="椭圆形"
              fill="url(#linearGradient-1)"
              opacity="0.390647252"
            ></path>
            <g id="组_925" transform="translate(65.000000, 0.000000)">
              <path
                d="M124.643297,0 C127.823815,9.41984578 127.750693,23.3312736 114.227117,27.6793746 C114.227117,27.4372149 114.143792,27.1752059 114.239587,27.0493055 C118.359352,21.6112019 119.506062,15.3201513 119.361518,8.7143498 C119.322407,6.9664892 119.633033,5.72109598 121.051257,4.51256549 C122.418466,3.34600181 123.352612,1.66903107 124.643864,0 L124.643297,0 Z"
                id="路径_855"
                fill="url(#linearGradient-2)"
              ></path>
              <path
                d="M10.4700302,64.3923871 C9.95987767,65.8249295 9.37490278,67.4707087 8.79446258,69.1057127 C4.55566199,68.2402891 1.46357089,64.9010928 0,59.5333119 C1.6613967,60.7968529 3.05694726,62.2509459 4.76142351,63.0443453 C6.43982529,63.8264023 8.42998695,63.9426617 10.4711639,64.3923871 L10.4700302,64.3923871 Z"
                id="路径_856"
                fill="url(#linearGradient-3)"
              ></path>
              <path
                d="M98.815976,20.3187378 C100.521586,23.3930896 99.6282522,27.8047079 96.6421594,31.1977806 C96.4471678,29.9988912 96.0316769,29.0835612 96.2368716,28.3383669 C96.5990799,27.0288892 97.4533019,25.8634598 97.8903326,24.5647574 C98.2759473,23.167378 98.5847687,21.7499149 98.8154092,20.3187378 L98.815976,20.3187378 Z"
                id="路径_857"
                fill="url(#linearGradient-4)"
              ></path>
            </g>
            <g
              id="组_923"
              transform="translate(77.000000, 37.000000)"
              stroke="#296BA2"
              stroke-opacity="0.305486506"
            >
              <path
                d="M57.1184452,0.509216077 L57.3792999,80.7587013 L13.2401353,71.0365804 L12.13322,10.3077042 L57.1184452,0.509216077 Z"
                id="路径_846"
                fill="url(#linearGradient-5)"
              ></path>
              <path
                d="M57.6046747,0.555788421 L112.694315,6.28001937 L113.301054,69.1846957 L57.6046747,80.7661518 L57.6046747,0.555788421 Z"
                id="路径_847"
                fill="url(#linearGradient-6)"
              ></path>
              <path
                d="M112.698165,6.45176007 L113.301326,69.2086103 L65.9685363,82.34237 L65.9685363,16.5535869 L112.698165,6.45176007 Z"
                id="路径_848"
                fill="url(#linearGradient-7)"
              ></path>
              <path
                d="M12.3302615,10.7208802 L65.6655235,16.6265478 L65.8411667,82.4134315 L12.3302615,70.8366791 L12.3302615,10.7208802 Z"
                id="路径_849"
                fill="url(#linearGradient-8)"
              ></path>
              <path
                d="M11.9118514,10.4438566 L64.8689863,16.5379169 L53.5476362,41.7891089 L0.75332931,32.0789682 L11.9118514,10.4438566 Z"
                id="路径_850"
                fill="url(#linearGradient-9)"
              ></path>
              <path
                d="M112.973818,6.39013509 L128.194299,28.1955445 L82.8678277,41.7655007 L66.4200862,16.4547739 L112.973818,6.39013509 Z"
                id="路径_851"
                fill="url(#linearGradient-10)"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>

<style scoped lang="scss">
.empty-block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .empty-img {
    width: 150px;
    height: 150px;
  }
}
</style>
