{"version":3,"sources":["webpack:///./src/components/common/SearchBox.vue?812e","webpack:///./src/views/industralApplication/ApplicationIndex.vue?7695","webpack:///./src/views/industralApplication/ApplicationIndex.vue?9390","webpack:///src/views/industralApplication/ApplicationIndex.vue","webpack:///./src/views/industralApplication/ApplicationIndex.vue?221e","webpack:///./src/views/industralApplication/ApplicationIndex.vue","webpack:///./src/components/common/SearchBox.vue?8774","webpack:///src/components/common/SearchBox.vue","webpack:///./src/components/common/SearchBox.vue?1ed7","webpack:///./src/components/common/SearchBox.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","activeCreatePopup","_v","attrs","onSearchKey","_l","Project","item","index","key","$event","onLive","videoId","imgUrl","_s","videoName","videoDescribe","clickNum","currentPage","totalCount","handleCurrentChange","class","popupActive","cancelPopup","updateModel","scopedSlots","_u","fn","model","value","establishForm","callback","$$v","$set","trim","expression","proxy","staticRenderFns","name","components","data","searchKey","page","TotalCount","pageSize","pageNum","title","cover","videoUrl","briefIntroduction","computed","token","$store","state","watch","GetPageList","created","mounted","methods","$router","push","query","GetPageListByName","pageIdx","activePageIndex","console","log","result","isSuccess","$message","error","beforeCreate","beforeMount","beforeUpdate","updated","beforeDestroy","destroyed","activated","component","placeholderName","nativeOn","type","indexOf","_k","keyCode","slot","_e","props","String","default","buttonShow","Boolean","$emit"],"mappings":"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","file":"js/chunk-47aa9309.31872e8e.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=style&index=0&id=d4740810&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=style&index=0&id=d4740810&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationIndex.vue?vue&type=style&index=0&id=6eef9eb8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationIndex.vue?vue&type=style&index=0&id=6eef9eb8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Application\"},[_c('gat-head',{staticClass:\"Application-head\",on:{\"active-create\":_vm.activeCreatePopup}}),_c('div',{staticClass:\"training-area\"},[_c('div',{staticClass:\"training-area-function\"},[_c('div',{staticClass:\"training-left\"},[_vm._v(\"行业应用\")]),_c('search-box',{attrs:{\"placeholderName\":'请输入行业应用视频名称',\"buttonShow\":true},on:{\"onSearchKey\":_vm.onSearchKey}})],1),_vm._l((_vm.Project.records),function(item,index){return _c('div',{key:index,staticClass:\"content-list\",on:{\"click\":function($event){return _vm.onLive(item.videoId)}}},[_c('div',{staticClass:\"content-list-img\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"content-list-card\"},[_c('div',{staticClass:\"card-title\"},[_vm._v(_vm._s(item.videoName))]),_c('div',{staticClass:\"card-content\"},[_vm._v(\" \"+_vm._s(item.videoDescribe)+\" \")]),_c('div',{staticClass:\"card-number\"},[_c('span',{staticClass:\"card-number-two\"},[_c('span',{staticClass:\"icon\"}),_vm._v(\" \"+_vm._s(item.clickNum)+\"人 \")])])])])}),_c('div',{staticClass:\"pagination\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.currentPage,\"page-size\":10,\"pager-count\":5,\"layout\":\"slot, prev, pager, next\",\"total\":_vm.totalCount},on:{\"current-change\":_vm.handleCurrentChange,\"update:currentPage\":function($event){_vm.currentPage=$event},\"update:current-page\":function($event){_vm.currentPage=$event}}})],1),_c('div',{staticClass:\"popup-list\"},[_c('gat-popup',{class:['popup-update', _vm.popupActive === 'update' ? 'on' : 'off'],attrs:{\"title\":'创建行业直播',\"primary-button\":'确定'},on:{\"cancel\":_vm.cancelPopup,\"confirm\":_vm.updateModel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"标题：\")]),_c('el-input',{attrs:{\"placeholder\":\"项目名称最多输入40字\",\"maxlength\":\"40\"},model:{value:(_vm.establishForm.title),callback:function ($$v) {_vm.$set(_vm.establishForm, \"title\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"establishForm.title\"}})],1),_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"封面：\")])]),_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"视频地址：\")]),_c('el-input',{attrs:{\"placeholder\":\"请输入视频地址\"},model:{value:(_vm.establishForm.videoUrl),callback:function ($$v) {_vm.$set(_vm.establishForm, \"videoUrl\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"establishForm.videoUrl\"}})],1),_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"简介：\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"400\",\"show-word-limit\":\"\",\"placeholder\":\"简介描述，最多400字\"},model:{value:(_vm.establishForm.dialogFormVisible),callback:function ($$v) {_vm.$set(_vm.establishForm, \"dialogFormVisible\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"establishForm.dialogFormVisible\"}})],1)]},proxy:true}])})],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 行业应用 -->\n<template>\n  <div class=\"Application\">\n    <gat-head\n      class=\"Application-head\"\n      @active-create=\"activeCreatePopup\"\n    ></gat-head>\n    <div class=\"training-area\">\n      <div class=\"training-area-function\">\n        <div class=\"training-left\">行业应用</div>\n        <!-- <el-button class=\"add\" type=\"primary\" @click=\"activeCreatePopup\">\n          <span class=\"icon\"></span>\n          创建行业直播\n        </el-button> -->\n        <search-box :placeholderName=\"'请输入行业应用视频名称'\" :buttonShow=\"true\" @onSearchKey=\"onSearchKey\"></search-box>\n        <!-- <el-button class=\"add\" type=\"primary\" @click=\"GetPageListByName(1)\">\n          搜索\n        </el-button>\n        <el-input\n          class=\"ipt\"\n          v-model.trim=\"searchKey\"\n          placeholder=\"请输入行业应用视频名称\"\n          prefix-icon=\"el-icon-search\"\n          @keyup.native.enter=\"GetPageListByName(1)\"\n        ></el-input> -->\n      </div>\n      <div\n        class=\"content-list\"\n        v-for=\"(item, index) in Project.records\"\n        :key=\"index\"\n        @click=\"onLive(item.videoId)\"\n      >\n        <div class=\"content-list-img\">\n          <img :src=\"item.imgUrl\" alt />\n        </div>\n        <div class=\"content-list-card\">\n          <div class=\"card-title\">{{ item.videoName }}</div>\n          <div class=\"card-content\">\n            {{ item.videoDescribe }}\n          </div>\n          <div class=\"card-number\">\n            <!-- <span class=\"card-number-one\">\n              <span class=\"icon\"></span>\n              直播中\n            </span> -->\n            <span class=\"card-number-two\">\n              <span class=\"icon\"></span>\n              {{ item.clickNum }}人\n            </span>\n          </div>\n        </div>\n      </div>\n      <!-- 分页 -->\n      <div class=\"pagination\">\n        <el-pagination\n          @current-change=\"handleCurrentChange\"\n          background\n          :current-page.sync=\"currentPage\"\n          :page-size=\"10\"\n          :pager-count=\"5\"\n          layout=\"slot, prev, pager, next\"\n          :total=\"totalCount\"\n        ></el-pagination>\n      </div>\n      <div class=\"popup-list\">\n        <gat-popup\n          :class=\"['popup-update', popupActive === 'update' ? 'on' : 'off']\"\n          :title=\"'创建行业直播'\"\n          :primary-button=\"'确定'\"\n          @cancel=\"cancelPopup\"\n          @confirm=\"updateModel\"\n        >\n          <template v-slot:content>\n            <div class=\"intxt\">\n              <span class=\"label\"><i class=\"required\">*</i>标题：</span>\n              <el-input\n                placeholder=\"项目名称最多输入40字\"\n                v-model.trim=\"establishForm.title\"\n                maxlength=\"40\"\n              />\n            </div>\n            <div class=\"intxt\">\n              <span class=\"label\"><i class=\"required\">*</i>封面：</span>\n              <!-- <el-upload\n                class=\"upload-demo\"\n                action=\"https://jsonplaceholder.typicode.com/posts/\"\n                :on-preview=\"handlePreview\"\n                :on-remove=\"handleRemove\"\n                :before-remove=\"beforeRemove\"\n                multiple\n                :limit=\"1\"\n                :on-exceed=\"handleExceed\"\n                :file-list=\"fileList\"\n              >\n                <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n                <div slot=\"tip\" class=\"el-upload__tip\">\n                  只能上传jpg/png文件，且不超过500kb\n                </div>\n              </el-upload> -->\n            </div>\n            <div class=\"intxt\">\n              <span class=\"label\"><i class=\"required\">*</i>视频地址：</span>\n              <el-input\n                placeholder=\"请输入视频地址\"\n                v-model.trim=\"establishForm.videoUrl\"\n              />\n            </div>\n            <div class=\"intxt\">\n              <span class=\"label\"><i class=\"required\">*</i>简介：</span>\n              <el-input\n                v-model.trim=\"establishForm.dialogFormVisible\"\n                type=\"textarea\"\n                :rows=\"6\"\n                maxlength=\"400\"\n                show-word-limit\n                placeholder=\"简介描述，最多400字\"\n              />\n            </div>\n          </template>\n        </gat-popup>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport APPLICATION from \"@/axios/Application/Application.js\";\nimport Upload from \"@/axios/common/common.js\";\nimport GatPopup from \"@/components/common/GatPopup\";\nimport SearchBox from '@/components/common/SearchBox.vue'\n\nexport default {\n  //import引入的组件需要注入到对象中才能使用\n  name: \"ApplicationIndex\",\n  components: { GatPopup, SearchBox },\n  data() {\n    return {\n      searchKey: \"\",\n      currentPage: 1,\n      page: {\n        TotalCount: 0,\n        pageSize: 10,\n        pageNum: 1\n      },\n      Project: {},\n      establishForm: {\n        title: \"\",\n        cover: \"\",\n        videoUrl: \"\",\n        briefIntroduction: \"\"\n      },\n      popupActive: \"\"\n    };\n  },\n  //监听属性 类似于data概念\n  computed: {\n    token() {\n      return this.$store.state.token;\n    },\n    totalCount() {\n      return this.page.TotalCount ? this.page.TotalCount : 0;\n    }\n  },\n  //监控data中的数据变化\n  watch: {\n    token() {\n      this.GetPageList();\n    },\n    page(page) {\n      this.currentPage = page.pageNum;\n    }\n  },\n  // beforeRouteEnter(to, from, next) {\n  //   // 获取路由来源\n  //   next(vm => {\n  //     if (to.query.operate === \"create\" && from.name) vm.activeCreatePopup();\n  //   });\n  // },\n  //生命周期 - 创建完成（可以访问当前this实例）\n  created() {},\n  //生命周期 - 挂载完成（可以访问DOM元素）\n  mounted() {\n    if (this.token) {\n      this.GetPageList();\n    }\n  },\n  methods: {\n    // 新建直播弹窗\n    activeCreatePopup() {\n      this.popupActive = \"update\";\n    },\n    // 去到直播页面\n    onLive(val) {\n      this.$router.push({\n        name: \"application-live\",\n        query: { videoId: val }\n      });\n    },\n    // 分页\n    handleCurrentChange(pageIdx) {\n      this.GetPageListByName(pageIdx);\n    },\n    // 获取项目分页\n    GetPageList(activePageIndex) {\n      // var pageIndex = activePageIndex\n      //     ? activePageIndex\n      //     : this.Project.pageIndex\n      //     ? this.Project.pageIndex + 1\n      //     : 1,\n      //   pageSize = this.Project.PageSize ? this.Project.PageSize : 10,\n      //   data = {\n      //     pageNum: pageIndex,\n      //     pageSize: pageSize,\n      //     videoName: this.searchKey\n      //   };\n      // APPLICATION.getTradeVideoList(this.token, data).then(result => {\n      //   if (result.isSuccess) {\n      //     this.Project = result.Data;\n      //   }\n      // });\n      this.GetPageListByName(activePageIndex);\n    },\n    // 搜索\n    onSearchKey(key) {\n      this.searchKey = key\n      this.GetPageListByName(1)\n    },\n    GetPageListByName(activePageIndex) {\n      let data = {\n        // type: \"1\",\n        videoName: this.searchKey,\n        pageNum: activePageIndex || 1,\n        pageSize: 10\n      };\n      APPLICATION.getTradeVideoList(data).then(result => {\n        console.log('搜索返回', result)\n        if (result.isSuccess) {\n          this.Project = result.data;\n          this.page.TotalCount = result.data.total\n        }\n      });\n    },\n    // 创建直播\n    updateModel() {\n      let establishForm = this.establishForm;\n      if (\n        establishForm.title &&\n        establishForm.cover &&\n        establishForm.videoUrl &&\n        establishForm.briefIntroduction\n      ) {\n        console.log(\"创建直播\");\n      } else {\n        this.$message.error(\"请将相关内容填写完整\");\n      }\n    },\n    // 取消弹窗\n    cancelPopup() {\n      this.popupActive = \"\";\n      this.establishForm = {\n        title: \"\",\n        cover: \"\",\n        videoUrl: \"\",\n        briefIntroduction: \"\"\n      };\n    }\n  },\n  beforeCreate() {}, //生命周期 - 创建之前\n  beforeMount() {}, //生命周期 - 挂载之前\n  beforeUpdate() {}, //生命周期 - 更新之前\n  updated() {}, //生命周期 - 更新之后\n  beforeDestroy() {}, //生命周期 - 销毁之前\n  destroyed() {}, //生命周期 - 销毁完成\n  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发\n};\n</script>\n<style lang=\"scss\" scoped>\ndiv {\n  box-sizing: border-box;\n}\n.Application {\n  min-height: 100%;\n  // height: 100%;\n  background-color: #f2f5fc;\n  background-size: cover;\n  background-position: center;\n  color: $font_color_1st;\n  padding-top: 80px;\n  .training-area {\n    width: 1200px;\n    padding-bottom: 50px;\n    margin: 0 auto;\n    .training-area-left {\n      // float: left;\n      color: #000;\n    }\n    .training-area-function {\n      position: relative;\n      // height: 80px;\n      margin: 30px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      .training-left {\n        // float: left;\n        height: 18px;\n        font-size: 18px;\n        line-height: 20px;\n        font-weight: bold;\n        color: #343434;\n        // margin-top: 41px;\n        padding-left: 11px;\n        border-left: 4px solid #4c88ff;\n      }\n      .ipt {\n        position: relative;\n        float: right;\n        width: 420px;\n        height: 40px;\n        background: #ffffff;\n        // border: 1px solid #dadfea;\n        border-radius: 3px;\n        margin-top: 30px;\n        font-size: 16px;\n        color: #7a7c84;\n        box-sizing: border-box;\n        z-index: 2;\n        &::-ms-clear {\n          display: none;\n        }\n      }\n      .search {\n        position: absolute;\n        right: 115px;\n        top: 70px;\n        display: inline-block;\n        width: 20px;\n        height: 20px;\n        background: url(\"../../../public/images/ico17.png\") no-repeat;\n        z-index: 3;\n        cursor: pointer;\n      }\n      .add {\n        float: right;\n        display: inline-block;\n        margin-top: 30px;\n        margin-left: 5px;\n        // width: 140px;\n        height: 40px;\n        border-radius: 3px;\n        background-color: $bgc_btn_primary;\n        // background: url(\"../../../public/images/ico14.png\") no-repeat;\n        cursor: pointer;\n        z-index: 2;\n        position: relative;\n        font-size: 14px;\n        font-family: Microsoft YaHei;\n        font-weight: 400;\n        color: #ffffff;\n        .icon {\n          width: 15px;\n          height: 15px;\n          display: inline-block;\n          background: url(\"../../assets/images/icon_liveBroadcast.png\")\n            no-repeat;\n          margin-right: 7px;\n          vertical-align: bottom;\n        }\n      }\n    }\n    .training-area-items {\n      margin-top: 0;\n      .item {\n        display: flex;\n        align-items: center;\n        width: 100%;\n        height: 90px;\n        margin-bottom: 20px;\n        padding: 0 20px;\n        border: 1px solid #dfe4f1;\n        box-sizing: border-box;\n        background: #fff;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        .icon {\n          display: inline-block;\n          width: 50px;\n          height: 50px;\n        }\n        .info {\n          display: flex;\n          flex-direction: column;\n          max-width: 75%;\n          margin-left: 20px;\n          margin-right: auto;\n        }\n        .name {\n          // margin-left: 20px;\n          font-size: 18px;\n          color: #333;\n        }\n        .date {\n          // margin-left: auto;\n          margin-top: 10px;\n          font-size: 14px;\n          color: #999;\n        }\n        .edit {\n          position: relative;\n          top: 1px;\n          display: inline-block;\n          width: 21px;\n          height: 23px;\n          margin-left: 40px;\n          margin-right: 14px;\n          cursor: pointer;\n          background: url(\"../../../public/images/ico15.png\") no-repeat;\n          z-index: 1;\n        }\n        .line {\n          position: relative;\n          top: 2px;\n          display: inline-block;\n          width: 1px;\n          height: 24px;\n          margin-right: 12px;\n          background: #c0c6cc;\n        }\n        .delete {\n          position: relative;\n          float: right;\n          display: inline-block;\n          width: 24px;\n          height: 25px;\n          cursor: pointer;\n          background: url(\"../../../public/images/ico16.png\") no-repeat;\n          z-index: 1;\n        }\n        &:hover {\n          box-shadow: 0 2px 10px 0 #e3e4e6;\n          transform: translateY(-4px);\n        }\n      }\n    }\n  }\n  .content-list {\n    height: 200px;\n    background: #ffffff;\n    border: 1px solid #fff;\n    box-shadow: 1px 2px 8px 0px rgba(15, 16, 17, 0.05);\n    padding: 31px 30px 0;\n    margin-top: 20px;\n    display: flex;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    .content-list-img {\n      width: 224px;\n      height: 140px;\n      margin-right: 21px;\n      img {\n        width: 224px;\n        height: 140px;\n        background-color: #4c88ff;\n      }\n    }\n    .content-list-card {\n      color: #343434;\n      line-height: 1;\n      flex: 1;\n      .card-title {\n        height: 17px;\n        font-size: 18px;\n        font-weight: 400;\n        font-family: Microsoft YaHei;\n        color: #343434;\n        margin-bottom: 20px;\n      }\n      .card-content {\n        height: 65px;\n        font-size: 16px;\n        font-weight: 400;\n        font-family: Microsoft YaHei;\n        color: #666666;\n        line-height: 22px;\n        margin-bottom: 16px;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n      .card-number {\n        height: 12px;\n        font-size: 14px;\n        font-weight: 400;\n        color: #4c88ff;\n        line-height: 24px;\n        .card-number-one {\n          margin-right: 37px;\n          .icon {\n            width: 14px;\n            height: 12px;\n            display: inline-block;\n            background: url(\"../../assets/images/icon_Live.png\") no-repeat;\n            margin-right: 11px;\n          }\n        }\n        .card-number-two {\n          height: 12px;\n          font-size: 14px;\n          font-family: Microsoft YaHei;\n          font-weight: 400;\n          color: #333333;\n          line-height: 24px;\n          .icon {\n            width: 18px;\n            height: 12px;\n            display: inline-block;\n            background: url(\"../../assets/images/icon_watch.png\") no-repeat;\n            margin-right: 5px;\n          }\n        }\n      }\n    }\n    &:hover {\n      border: 1px solid #4c88ff;\n      box-shadow: 0 2px 10px 0 #e3e4e6;\n      transform: translateY(-4px);\n    }\n  }\n\n  // 弹窗\n  .popup-list {\n    position: relative;\n    z-index: 9;\n    .popup-update,\n    .popup-delete,\n    .popup-rename,\n    .popup-upload-tip,\n    .popup-add-tag,\n    .popup-example,\n    .popup-report,\n    .verify-report {\n      &.off {\n        display: none;\n      }\n    }\n\n    .popup-update {\n      &::v-deep .popup-inner {\n        width: 480px;\n        height: 540px;\n        overflow: hidden;\n      }\n      .intxt {\n        display: flex;\n        margin-top: 10px;\n        font-size: 14px;\n        &:first-child {\n          margin-top: 20px;\n        }\n        .label {\n          min-width: 6em;\n          line-height: 40px;\n        }\n        .el-input {\n          margin-top: 0;\n        }\n      }\n    }\n\n    .popup-delete {\n      &::v-deep .popup-head {\n        border-bottom: 0 none;\n      }\n      .popup-del-cnt {\n        overflow: hidden;\n        margin-top: -25px;\n        .head {\n          .icon-box {\n            display: inline-block;\n            margin-right: 12px;\n            vertical-align: middle;\n          }\n          .title {\n            display: inline-block;\n            color: #333;\n            vertical-align: middle;\n          }\n        }\n        .content {\n          padding: 15px 0;\n          text-align: center;\n        }\n      }\n    }\n\n    .popup-delete-2 {\n      &::v-deep .popup-inner {\n        width: 360px;\n        height: 170px;\n      }\n      .popup-del-cnt {\n        margin-top: -10px;\n        .head {\n          text-align: center;\n        }\n      }\n    }\n\n    .popup-upload-tip {\n      font-size: $font_size;\n      &::v-deep .popup-inner {\n        width: 840px;\n        height: 480px;\n      }\n      .tips {\n        padding-top: 30px;\n        color: $font_333_color;\n        .tip-list {\n          line-height: 2em;\n          b {\n            color: $active_color;\n            font-weight: normal;\n          }\n        }\n      }\n      .contact {\n        display: block;\n        margin: 20px 0;\n        color: #999;\n      }\n      .check-box {\n        color: $font_333_color;\n        &::v-deep .el-checkbox__input {\n          .el-checkbox__inner {\n            border-color: #c5cbdc;\n          }\n          &.is-checked {\n            .el-checkbox__inner {\n              border-color: #4c88ff;\n              background-color: #4c88ff;\n            }\n          }\n        }\n\n        &::v-deep .el-checkbox__label {\n          color: $font_333_color;\n        }\n\n        &:hover {\n          &::v-deep .el-checkbox__input {\n            .el-checkbox__inner {\n              border-color: #4c88ff;\n            }\n          }\n        }\n      }\n      .primary {\n        width: auto;\n      }\n    }\n\n    .popup-example {\n      &::v-deep .popup-inner {\n        width: 900px;\n        height: 420px;\n      }\n      .example-box {\n        columns: 2;\n        column-gap: 75px;\n        -moz-column-rule: 1px solid #d8e5fd;\n        -webkit-column-rule: 1px solid #d8e5fd;\n        column-rule: 1px solid #d8e5fd;\n        padding: 40px 20px 0;\n        font-size: $font_size;\n        .label-column {\n          padding-bottom: 15px;\n        }\n        .txt {\n          height: 100px;\n          line-height: 30px;\n        }\n        b {\n          color: $active_color;\n          font-weight: normal;\n        }\n      }\n    }\n\n    .popup-report {\n      &::v-deep button.cancel {\n        display: none;\n      }\n    }\n    .verify-report {\n      &::v-deep button.cancel {\n        display: none;\n      }\n    }\n  }\n}\n// .clearfix:after {\n//   content: \"\";\n//   display: block;\n//   height: 0;\n//   clear: both;\n//   visibility: hidden;\n// }\n// .clearfix {\n//   *zoom: 1;\n// }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationIndex.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplicationIndex.vue?vue&type=template&id=6eef9eb8&scoped=true&\"\nimport script from \"./ApplicationIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplicationIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApplicationIndex.vue?vue&type=style&index=0&id=6eef9eb8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6eef9eb8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-box\"},[_c('el-input',{attrs:{\"placeholder\":_vm.placeholderName},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onSearchKey($event)}},model:{value:(_vm.searchKey),callback:function ($$v) {_vm.searchKey=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"searchKey\"}},[_c('i',{staticClass:\"icon-search-box\",attrs:{\"slot\":\"suffix\"},on:{\"click\":_vm.onSearchKey},slot:\"suffix\"},[_c('span',{staticClass:\"el-icon-search\"})])]),(_vm.buttonShow)?_c('el-button',{staticClass:\"search-button\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.onSearchKey}},[_vm._v(\"搜索\")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"search-box\">\n    <el-input\n      :placeholder=\"placeholderName\"\n      v-model.trim=\"searchKey\"\n      @keyup.enter.native=\"onSearchKey\"\n    >\n      <i slot=\"suffix\" class=\"icon-search-box\" @click=\"onSearchKey\">\n        <span class=\"el-icon-search\"></span>\n      </i>\n    </el-input>\n    <el-button\n      v-if=\"buttonShow\"\n      class=\"search-button\"\n      type=\"primary\"\n      @click=\"onSearchKey\"\n      >搜索</el-button\n    >\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'search-box',\n  props: {\n    placeholderName: {\n      type: String,\n      default: '请输入名称'\n    },\n    buttonShow: {\n      type: Boolean,\n      default: true\n    },\n  },\n  data() {\n    return {\n      searchKey: ''\n    }\n  },\n  watch: {},\n  created() {},\n  methods: {\n    onSearchKey() {\n      this.$emit('onSearchKey', this.searchKey)\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-box {\n  width: 420px;\n  border-radius: 4px;\n  font-size: 16px;\n  color: #7a7c84;\n  box-sizing: border-box;\n  display: flex;\n  &::-ms-clear {\n      display: none;\n  }\n  .icon-search-box {\n    font-size: 20px;\n    vertical-align: -15px;\n    padding-right: 5px;\n    cursor: pointer;\n  }\n  .search-button {\n    background: #4c88ff;\n    margin-left: 10px;\n  }\n  .el-button {\n    padding: 0 20px;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBox.vue?vue&type=template&id=d4740810&scoped=true&\"\nimport script from \"./SearchBox.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBox.vue?vue&type=style&index=0&id=d4740810&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d4740810\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}