{"version":3,"sources":["webpack:///./src/util/mixins.js","webpack:///./src/assets/img/noData.png","webpack:///./src/assets/img/down.png","webpack:///./src/views/PerfectArchiving.vue?1f30","webpack:///./src/views/PerfectArchiving.vue?1590","webpack:///src/views/PerfectArchiving.vue","webpack:///./src/views/PerfectArchiving.vue?bdfc","webpack:///./src/views/PerfectArchiving.vue","webpack:///./src/assets/img/icon-3.png","webpack:///./src/views/PerfectArchiving.vue?59b9"],"names":["myMixins","computed","mapGetters","data","created","this","$route","query","from","typeId","_CompleteTask","methods","console","log","userInfo","ConsumerId","netBarId","params","UserId","NetbarId","parseInt","Type","CompleteTask","res","StatusCode","setTimeout","$confirm","confirmButtonText","cancelButtonText","closeOnClickModal","then","$router","back","catch","module","exports","render","_vm","_h","$createElement","_c","_self","staticClass","_m","attrs","nativeOn","$event","type","indexOf","_k","keyCode","key","handleSearch","apply","arguments","model","value","callback","$$v","keyword","expression","on","slot","_l","item","index","stopPropagation","preventDefault","more","gameInfoEntity","Img","_v","_s","Name","EnglishName","PerfectArchives","length","o","directives","name","rawName","ArchiveName","_e","pageIndex","pageSize","total","handleSizeChange","handleCurrentChange","gameObj","dialogTableVisible","gridData","scopedSlots","_u","fn","scope","row","PerfectArchiveImgDtos","ImgUrl","previewSrcList","Describe","downLoad","handleClick","staticRenderFns","mixins","gameId","mounted","_GetGameList","$statistic","isLogin","GameID","replace","distinguishCancelAndClose","eventBus","$emit","val","map","i","arr","push","component"],"mappings":"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","file":"js/chunk-1c23f5ea.eec17672.js","sourcesContent":["import { CompleteTask } from \"@/api\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport const myMixins = {\r\n  computed: {\r\n    ...mapGetters([\"isLogin\", \"userInfo\", \"netBarId\"]),\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  created() {\r\n    if (\r\n      this.$route.query.from &&\r\n      this.$route.query.from == \"signin\" &&\r\n      this.$route.query.typeId\r\n    ) {\r\n      this._CompleteTask(this.$route.query.typeId);\r\n    }\r\n  },\r\n  methods: {\r\n    // 任务赚积分\r\n    async _CompleteTask(typeId) {\r\n      console.log(\"typeID\", typeId);\r\n      if (this.userInfo && this.userInfo.ConsumerId && this.netBarId) {\r\n        let params = {\r\n          UserId: this.userInfo.ConsumerId,\r\n          NetbarId: parseInt(this.netBarId),\r\n          Type: parseInt(typeId),\r\n        };\r\n        let res = await CompleteTask(params);\r\n        if (res.StatusCode == 200) {\r\n          setTimeout(() => {\r\n            // this.$message.success('恭喜完成积分任务')\r\n            this.$confirm(\"恭喜完成积分任务！是否继续任务？\", \"提示：\", {\r\n              confirmButtonText: \"完成下一项任务\",\r\n              cancelButtonText: \"留在当前页面\",\r\n              closeOnClickModal: false,\r\n            })\r\n              .then(() => {\r\n                this.$router.back();\r\n              })\r\n              .catch(() => {});\r\n          }, 1000);\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n","module.exports = __webpack_public_path__ + \"img/noData.f8d41e0a.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNqU0ksOwCAIBUAh3LA9j+LJW9sV4aNAwspMMA/gue4WVF8Nq6f3SBskgcGYQLx6nGAPvmYwJpCLMYkMpgKS+J8IrV5AYhoXJk4Ue+Is0qmeMMss9B4jzDpA73I0Zi/16Fa3d/rVK8AAof0Yz/0lDvAAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfectArchiving.vue?vue&type=style&index=0&id=2a12cf8c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"perfect-archiving-wrap\"},[_c('div',{staticClass:\"top-box\"},[_vm._m(0),_c('div',{staticClass:\"input-box\"},[_c('el-input',{staticClass:\"input-with-select\",attrs:{\"placeholder\":\"请输入您想要找的游戏\"},nativeOn:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.handleSearch.apply(null, arguments)}},model:{value:(_vm.keyword),callback:function ($$v) {_vm.keyword=$$v},expression:\"keyword\"}},[_c('el-button',{attrs:{\"slot\":\"append\",\"icon\":\"el-icon-search\",\"type\":\"primary\"},on:{\"click\":_vm.handleSearch},slot:\"append\"})],1)],1)]),_c('div',{staticClass:\"file-wrap\"},_vm._l((_vm.PerfectArchives),function(item,index){return (item.gameInfoEntity)?_c('a',{key:index,staticClass:\"game-file\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.more(item)}}},[_c('div',{staticClass:\"game-img\"},[_c('img',{attrs:{\"src\":item.gameInfoEntity.Img,\"alt\":\"\"}})]),_c('div',{staticClass:\"game-name\"},[_c('p',{staticClass:\"name ellipsis\"},[_vm._v(_vm._s(item.gameInfoEntity.Name))]),_c('p',{staticClass:\"english-name ellipsis\"},[_vm._v(\" \"+_vm._s(item.gameInfoEntity.EnglishName)+\" \")]),_c('span',{staticClass:\"icon\"},[_vm._v(\"保存了\"+_vm._s(item.PerfectArchives.length)+\"个存档\")])]),_c('div',{staticClass:\"file-name\"},_vm._l((item.PerfectArchives),function(o,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index < 3),expression:\"index < 3\"}],key:index,staticClass:\"ellipsis\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/down.png\"),\"alt\":\"\"}}),_vm._v(\" \"+_vm._s(o.ArchiveName)+\" \")])}),0),_c('div',{staticClass:\"operation\"},[_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.more(item)}}},[_vm._v(\"更 多\")])],1)]):_vm._e()}),0),(_vm.PerfectArchives.length)?_c('div',{staticClass:\"pagination-box\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.pageIndex,\"page-size\":_vm.pageSize,\"layout\":\"prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1):_vm._e(),(_vm.PerfectArchives.length == 0)?_c('div',{staticClass:\"no-data\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/noData.png\"),\"alt\":\"\"}}),_c('p',[_vm._v(\"暂无存档\")])]):_vm._e(),(_vm.gameObj && _vm.gameObj.gameInfoEntity)?_c('el-dialog',{attrs:{\"title\":_vm.gameObj.gameInfoEntity.Name + ' - 完美存档',\"visible\":_vm.dialogTableVisible,\"custom-class\":\"file-dialog\",\"width\":\"952px\"},on:{\"update:visible\":function($event){_vm.dialogTableVisible=$event}}},[_c('el-table',{attrs:{\"data\":_vm.gridData,\"height\":\"400\"}},[_c('el-table-column',{attrs:{\"property\":\"date\",\"label\":\"存档名称\",\"width\":\"200\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\" \"+_vm._s(scope.row.ArchiveName)+\" \")]}}],null,false,354837688)}),_c('el-table-column',{attrs:{\"property\":\"name\",\"label\":\"存档图片\",\"width\":\"160\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"img-box\"},[(scope.row.PerfectArchiveImgDtos.length)?_c('el-carousel',{attrs:{\"height\":\"64px\",\"indicator-position\":\"none\",\"autoplay\":false}},_vm._l((scope.row.PerfectArchiveImgDtos),function(item,index){return _c('el-carousel-item',{key:index},[_c('el-image',{attrs:{\"src\":item.ImgUrl,\"width\":\"240px\",\"height\":\"64px\",\"alt\":\"\",\"fit\":\"cover\",\"preview-src-list\":scope.row.previewSrcList}})],1)}),1):_vm._e(),_c('span',{staticClass:\"icon\"},[_vm._v(_vm._s(scope.row.PerfectArchiveImgDtos.length)+\"张\")])],1)]}}],null,false,3573480534)}),_c('el-table-column',{attrs:{\"property\":\"date\",\"label\":\"存档描述\",\"width\":\"300\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\" \"+_vm._s(scope.row.Describe)+\" \")]}}],null,false,3141381296)}),_c('el-table-column',{attrs:{\"property\":\"address\",\"label\":\"操作\",\"width\":\"280\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.downLoad(scope.row)}}},[_vm._v(\"下载存档\")]),_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":_vm.handleClick}},[_vm._v(\"登录steam开始游戏\")])]}}],null,false,3892238589)})],1)],1):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-box\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/icon-3.png\"),\"alt\":\"\"}}),_vm._v(\" 完美存档 \"),_c('span',[_vm._v(\"(说明：列表显示平台支持的完美存档游戏，并显示游戏的完美存档数量)\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"perfect-archiving-wrap\">\r\n    <div class=\"top-box\">\r\n      <div class=\"title-box\">\r\n        <img src=\"@/assets/img/icon-3.png\" alt=\"\" /> 完美存档\r\n        <span\r\n          >(说明：列表显示平台支持的完美存档游戏，并显示游戏的完美存档数量)</span\r\n        >\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input\r\n          placeholder=\"请输入您想要找的游戏\"\r\n          v-model=\"keyword\"\r\n          class=\"input-with-select\"\r\n          @keydown.enter.native=\"handleSearch\"\r\n        >\r\n          <el-button\r\n            slot=\"append\"\r\n            icon=\"el-icon-search\"\r\n            type=\"primary\"\r\n            @click=\"handleSearch\"\r\n          ></el-button>\r\n        </el-input>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"file-wrap\">\r\n      <a\r\n        href=\"javascript:;\"\r\n        class=\"game-file\"\r\n        v-for=\"(item, index) in PerfectArchives\"\r\n        :key=\"index\"\r\n        v-if=\"item.gameInfoEntity\"\r\n        @click.stop.prevent=\"more(item)\"\r\n      >\r\n        <div class=\"game-img\">\r\n          <img :src=\"item.gameInfoEntity.Img\" alt=\"\" />\r\n        </div>\r\n        <div class=\"game-name\">\r\n          <p class=\"name ellipsis\">{{ item.gameInfoEntity.Name }}</p>\r\n          <p class=\"english-name ellipsis\">\r\n            {{ item.gameInfoEntity.EnglishName }}\r\n          </p>\r\n          <span class=\"icon\"\r\n            >保存了{{ item.PerfectArchives.length }}个存档</span\r\n          >\r\n        </div>\r\n        <div class=\"file-name\">\r\n          <div\r\n            v-for=\"(o, index) in item.PerfectArchives\"\r\n            :key=\"index\"\r\n            v-show=\"index < 3\"\r\n            class=\"ellipsis\"\r\n          >\r\n            <img src=\"@/assets/img/down.png\" alt=\"\" /> {{ o.ArchiveName }}\r\n          </div>\r\n        </div>\r\n        <div class=\"operation\">\r\n          <el-button size=\"small\" @click.stop.prevent=\"more(item)\"\r\n            >更 多</el-button\r\n          >\r\n        </div>\r\n      </a>\r\n    </div>\r\n\r\n    <!-- 分页 -->\r\n    <div class=\"pagination-box\" v-if=\"PerfectArchives.length\">\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        :current-page=\"pageIndex\"\r\n        :page-size=\"pageSize\"\r\n        layout=\"prev, pager, next, jumper\"\r\n        :total=\"total\"\r\n      ></el-pagination>\r\n      <!--sizes,  :page-sizes=\"[8, 16, 32, 64]\" -->\r\n    </div>\r\n\r\n    <div class=\"no-data\" v-if=\"PerfectArchives.length == 0\">\r\n      <img src=\"@/assets/img/noData.png\" alt=\"\" />\r\n      <p>暂无存档</p>\r\n    </div>\r\n\r\n    <el-dialog\r\n      v-if=\"gameObj && gameObj.gameInfoEntity\"\r\n      :title=\"gameObj.gameInfoEntity.Name + ' - 完美存档'\"\r\n      :visible.sync=\"dialogTableVisible\"\r\n      custom-class=\"file-dialog\"\r\n      width=\"952px\"\r\n    >\r\n      <el-table :data=\"gridData\" height=\"400\">\r\n        <el-table-column property=\"date\" label=\"存档名称\" width=\"200\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.ArchiveName }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column\r\n          property=\"name\"\r\n          label=\"存档图片\"\r\n          width=\"160\"\r\n          align=\"center\"\r\n        >\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"img-box\">\r\n              <el-carousel\r\n                height=\"64px\"\r\n                indicator-position=\"none\"\r\n                v-if=\"scope.row.PerfectArchiveImgDtos.length\"\r\n                :autoplay=\"false\"\r\n              >\r\n                <el-carousel-item\r\n                  v-for=\"(item, index) in scope.row.PerfectArchiveImgDtos\"\r\n                  :key=\"index\"\r\n                >\r\n                  <el-image\r\n                    :src=\"item.ImgUrl\"\r\n                    width=\"240px\"\r\n                    height=\"64px\"\r\n                    alt=\"\"\r\n                    fit=\"cover\"\r\n                    :preview-src-list=\"scope.row.previewSrcList\"\r\n                  />\r\n                </el-carousel-item>\r\n              </el-carousel>\r\n              <span class=\"icon\"\r\n                >{{ scope.row.PerfectArchiveImgDtos.length }}张</span\r\n              >\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column property=\"date\" label=\"存档描述\" width=\"300\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.Describe }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column\r\n          property=\"address\"\r\n          label=\"操作\"\r\n          width=\"280\"\r\n          align=\"center\"\r\n        >\r\n          <template slot-scope=\"scope\">\r\n            <el-button size=\"small\" @click=\"downLoad(scope.row)\"\r\n              >下载存档</el-button\r\n            >\r\n            <el-button size=\"small\" @click=\"handleClick\"\r\n              >登录steam开始游戏</el-button\r\n            >\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { GetGameListNew } from \"@/api\";\r\nimport { mapGetters } from \"vuex\";\r\nimport cMethods from \"@/util/cMethods.js\";\r\nimport { myMixins } from \"@/util/mixins.js\";\r\n\r\nexport default {\r\n  mixins: [myMixins],\r\n  computed: {\r\n    ...mapGetters([\"isLogin\", \"userInfo\"]),\r\n  },\r\n  data() {\r\n    return {\r\n      gridData: [],\r\n      dialogTableVisible: false,\r\n      PerfectArchives: [],\r\n      pageSize: 5,\r\n      pageIndex: 1,\r\n      total: 0,\r\n      gameObj: null,\r\n      keyword: \"\",\r\n      gameId: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    this._GetGameList();\r\n    this.$statistic([\"A\", \"完美存档\", \"页面\", \"展现量\"]);\r\n  },\r\n  methods: {\r\n    // 下载\r\n    downLoad(row) {\r\n      if (this.isLogin && this.userInfo) {\r\n        if (this.gameObj) {\r\n          this.gameId = this.gameObj.GameID;\r\n          if (\r\n            typeof this.gameId == \"string\" &&\r\n            this.gameId.indexOf(\"GM\") > -1\r\n          ) {\r\n            this.gameId = parseInt(this.gameId.replace(\"GM\", \"\"));\r\n          }\r\n          this.$confirm(\"请先关闭游戏和备份当前电脑游戏存档再进行下载！\", {\r\n            confirmButtonText: \"下载并替换存档\",\r\n            distinguishCancelAndClose: true,\r\n          })\r\n            .then(() => {\r\n              cMethods.Form_jsDownSaveForTQ(this.gameId, row.ArchiveUrl);\r\n            })\r\n            .catch((action) => {});\r\n        }\r\n      } else {\r\n        eventBus.$emit(\"getQrCode\");\r\n      }\r\n    },\r\n    // 获取游戏列表\r\n    async _GetGameList() {\r\n      let params = {\r\n        source: 3,\r\n        keyword: this.keyword,\r\n        pageSize: this.pageSize,\r\n        pageIndex: this.pageIndex,\r\n        labels: \"\",\r\n        platformId: \"\",\r\n        isPerfectArchive: true,\r\n      };\r\n\r\n      let res = await GetGameListNew(params);\r\n      // console.log(res);\r\n      if (res.StatusCode == 200) {\r\n        this.PerfectArchives = res.Items;\r\n        this.total = res.Total;\r\n\r\n        if (this.$route.query.gameId) {\r\n          this.gameId = this.$route.query.gameId;\r\n          // this.Per\r\n        }\r\n      }\r\n    },\r\n    // 一页展示多少条\r\n    handleSizeChange(val) {\r\n      this.pageIndex = 1;\r\n      this.pageSize = val;\r\n      this._GetGameList();\r\n    },\r\n    // 分页\r\n    handleCurrentChange(val) {\r\n      this.pageIndex = val;\r\n      this._GetGameList();\r\n      // this.$statistic([\"B\", \"免费玩页面\", \"分页点击\", \"统计量\"]);\r\n    },\r\n    more(item) {\r\n      this.dialogTableVisible = true;\r\n      this.gameObj = item;\r\n      this.gridData = item.PerfectArchives;\r\n\r\n      if (this.gridData.length) {\r\n        this.gridData.map((i) => {\r\n          let arr = [];\r\n          if (i.PerfectArchiveImgDtos.length) {\r\n            i.PerfectArchiveImgDtos.map((o) => {\r\n              arr.push(o.ImgUrl);\r\n            });\r\n          }\r\n          i.previewSrcList = arr;\r\n        });\r\n      }\r\n    },\r\n    handleSearch() {\r\n      this.pageIndex = 1;\r\n      this._GetGameList();\r\n    },\r\n    handleClick() {\r\n      this.$statistic([\"B\", \"完美存档页面\", \"使用按钮\", \"点击量\"]);\r\n      this.$router.push(`/gameDetail/${this.gameObj.ProductID}`);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.perfect-archiving-wrap {\r\n  padding: 20px;\r\n  .top-box {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .title-box {\r\n      display: flex;\r\n      align-items: center;\r\n      font-size: 22px;\r\n      @include font_col3();\r\n      img {\r\n        margin-right: 5px;\r\n      }\r\n      span {\r\n        margin-left: 20px;\r\n        font-size: 15px;\r\n        @include font_col9();\r\n      }\r\n    }\r\n    .input-box {\r\n      box-sizing: border-box;\r\n      ::v-deep .el-input-group__append {\r\n        border: none !important;\r\n      }\r\n      .input-with-select {\r\n        .el-input__inner {\r\n          border: 1px solid #e6e6e6;\r\n          background-color: #fff !important;\r\n        }\r\n        ::v-deep .el-input__inner:focus {\r\n          border-color: #ff3636 !important;\r\n        }\r\n        .el-button--primary {\r\n          border-radius: 0px 4px 4px 0;\r\n          color: #fff;\r\n          background-color: #ff3636 !important;\r\n          border-color: #ff3636 !important;\r\n          padding: 13px 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .file-wrap {\r\n    .game-file {\r\n      margin-top: 10px;\r\n      padding: 10px 20px;\r\n      border-radius: 6px;\r\n      display: flex;\r\n      align-items: center;\r\n      @include item_bg_col();\r\n      line-height: 24px;\r\n      .game-img {\r\n        margin-right: 10px;\r\n        img {\r\n          width: 190px;\r\n          height: 89px;\r\n          display: block;\r\n        }\r\n      }\r\n      .game-name {\r\n        // width: 300px;\r\n        .name {\r\n          width: 300px;\r\n          @include font_col3();\r\n          font-size: 20px;\r\n        }\r\n        .english-name {\r\n          width: 300px;\r\n          @include font_col9();\r\n          font-size: 16px;\r\n        }\r\n        .icon {\r\n          padding: 0px 8px;\r\n          display: inline-block;\r\n          font-size: 12px;\r\n          color: #fff;\r\n          background: linear-gradient(90deg, #ff3636 0%, #ff765a 100%);\r\n          border-radius: 2px;\r\n        }\r\n      }\r\n      .file-name {\r\n        width: 400px;\r\n        @include font_col6();\r\n        img {\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n      // .file-size {\r\n      //   width: 120px;\r\n      //   @include font_col6();\r\n      // }\r\n      .operation {\r\n        width: 120px;\r\n        text-align: right;\r\n        .el-button {\r\n          border: none;\r\n          // background: linear-gradient(0deg, #ff4f4f 0%, #ff7878 100%);\r\n          // color: #fff;\r\n          color: $red_col;\r\n          border: 1px solid $red_col;\r\n          background: transparent;\r\n          &:hover {\r\n            color: #fff;\r\n            background: $red_col;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pagination-box {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  .no-data {\r\n    min-height: 500px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    p {\r\n      margin-top: 10px;\r\n      font-size: 16px;\r\n      @include font_col3();\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.file-dialog {\r\n  .el-dialog__body {\r\n    padding: 10px !important;\r\n    .el-table .el-table__cell {\r\n      padding: 5px 0 !important;\r\n    }\r\n    .img-box {\r\n      position: relative;\r\n      .icon {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        z-index: 99;\r\n        font-size: 12px;\r\n        color: #fff;\r\n      }\r\n    }\r\n    .el-button {\r\n      border: none;\r\n      // background: linear-gradient(0deg, #ff4f4f 0%, #ff7878 100%);\r\n      // color: #fff;\r\n      color: $red_col;\r\n      border: 1px solid $red_col;\r\n      background: transparent;\r\n      &:hover {\r\n        color: #fff;\r\n        background: $red_col;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfectArchiving.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfectArchiving.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PerfectArchiving.vue?vue&type=template&id=2a12cf8c&scoped=true&\"\nimport script from \"./PerfectArchiving.vue?vue&type=script&lang=js&\"\nexport * from \"./PerfectArchiving.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PerfectArchiving.vue?vue&type=style&index=0&id=2a12cf8c&lang=scss&scoped=true&\"\nimport style1 from \"./PerfectArchiving.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a12cf8c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAalJREFUeNq0lrFKA0EQhueS0xgiBLSwMQgKYiGKhYWVgoWCD5BgIwgxuVxlq4+giEUQLKxsAqazsRNbrSQBFQsVjYWilkokWf+VAY9zL7k9LgMfc1nm/gy7M7NnCCGoU2YI25Y+BTbBEki2iP8GY2AAVH9XikXPYJOEGIK/bCPqtFcpyX8w1yowArY1hOvs78AsOCfbTnqLCzFFct/1+GI/DSpUKAx7idcDiEcczylQJcuaU4k3AohHXb/j4JTy+TW3OAUg4bG+T7nczl8pZrMV+HGN8u0GI+CqRcwFWDZJv4mOwSKIc1IRRQXK8n42qdnUFV/gvtgCTyCqiHmXDRkkc2kT4LBdkEr8BjwqMmqAQW5/P1Zzi9d8vPwG+nyIC/ee94MDnh+GO5jnSa/fvXNn3gNWwxq5QQ/Up7h+KQbO/BMcgRdFcygPjc9mHky2E78HK1rplUpEmYyFpz2VuDPDUXACHkCXD+kmpdMmX4//rlApHnMsRLm9w7CYFL/mKRe2fch5vu64tsLEkvt1yye9AWZAgqtA+zOFL3A5MXepXD4zOvlR9CPAAPZEKu4HlzoeAAAAAElFTkSuQmCC\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfectArchiving.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}