{"version":3,"sources":["webpack:///./src/components/VideoItem.vue?6add","webpack:///./src/static/images/share.png","webpack:///./src/views/regime/Video.vue","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?e60b","webpack:///./src/components/VideoItem.vue?5c02","webpack:///./src/views/regime/Video.vue?ee10","webpack:///./src/views/regime/Video.vue?a31c","webpack:///./src/static/images/sousuo.png","webpack:///./src/views/regime/Video.vue?0d5c","webpack:///./src/static/images/play.png","webpack:///./src/static/images/watch.png","webpack:///./src/components/LiveItemad.vue","webpack:///./src/components/LiveItemad.vue?64d5","webpack:///./src/components/LiveItemad.vue?9876","webpack:///./src/components/LiveItemad.vue?f177"],"names":["module","exports","class","src","alt","tabindex","tabchange","lan","$t","type","placeholder","sel","input","videolist","total","data","i","j","key","videoid","img","title","score","date","created_at","takehour","fileduration","livenum","statusname","status","watch","share","transcoding","defaultPageSize","current","page","showLessItems","pagechange","style","navto","split","props","Number","default","String","setup","e","router","push","render","__scopeId","components","VideoItem","LiveItemad","value","res","ads","el","document","getElementById","innerHTML"],"mappings":"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","file":"js/chunk-4663db36.8cb98f8c.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--0-1!./VideoItem.vue?vue&type=style&index=0&id=5bb534ab&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABP0lEQVQ4T52TvUoDQRSFz80PM6V/WPsWFgo+gUp2xVIElUzERsHCQrAQtFAQ/MmOCvZiZtEHCBYKgs/gG1hY7hbukQQWjMmuq9PNzJ2Pc86dK9o1HwGZQf96jjwzjdvrEVX5fBNwqL+EbdEuIICExIOU8JEWMcFr7JsLWFtV48mBQEa7dwnLFFkUQHW2XQDJVuw3Fgao6D0iRTt7BcEKgHcAY6mCIPJMIxfQeRxaC2ANInsAJ0AsFwaoMDgXYh2C/ahmdnUY3BQGqFbzVEQ2ADmMvPpOR2lhgHLBsQBbBI5iz2ynNrULlgjM51qo3p1NlkuVFwpO4prZHJRRfgbd4C6nIq/+lBVw4RB/AnTLrlLo/x/wly4Mkl+4C1neewAEXOwZ/9ev/K1AOXsv4FzmMOXBSAwLMAugJDnjXEAQ218jtK8l7ImPBwAAAABJRU5ErkJggg==\"","<template>\n  <div class=\"video\">\n    <div class=\"nav\">\n      <div class=\"tabs\">\n        <div :class=\"tabindex == 4 ? 'on' : ''\" @click=\"tabchange(4)\">\n          {{lan.$t('quanbushipin')}}\n        </div>\n        <div :class=\"tabindex == 0 ? 'on' : ''\" @click=\"tabchange(0)\">\n          {{lan.$t('shenhezhong')}}\n        </div>\n        <div :class=\"tabindex == 2 ? 'on' : ''\" @click=\"tabchange(2)\">\n          {{lan.$t('weitongguo')}}\n        </div>\n        <div :class=\"tabindex == 1 ? 'on' : ''\" @click=\"tabchange(1)\">\n          {{lan.$t('yifabu')}}\n        </div>\n      </div>\n      <div class=\"sel\">\n        <img src=\"@/static/images/sousuo.png\" alt=\"\" class=\"icon\" />\n        <input type=\"text\"  :placeholder=\"lan.$t('shipinsousuo')\"  @keyup.enter=\"sel()\" v-model=\"input\"/>\n      </div>\n    </div>\n    <template v-if=\"!videolist.total\">\n        <a-empty />\n    </template>\n    <div class=\"list\" v-if=\"tabindex == 4\">\n      <LiveItemad v-if=\"videolist.total\"></LiveItemad>\n      <VideoItem\n        v-for=\"(i, j) in videolist.data\"\n        :key=\"j\"\n        :videoid=\"i.videoid\"\n        :img=\"i.img\"\n        :title=\"i.title\"\n        :score=\"i.score\"\n        :date=\"i.created_at\"\n        :takehour=\"i.fileduration\"\n        :livenum=\"i.statusname\"\n        :status=\"i.status\"\n        :watch=\"i.watch\"\n        :share=\"i.share\"\n        :transcoding=\"i.transcoding\"\n      ></VideoItem>\n    </div>\n\n    <div class=\"list\" v-if=\"tabindex == 0\">\n      <LiveItemad v-if=\"videolist.total\"></LiveItemad>\n      <VideoItem\n        v-for=\"(i, j) in videolist.data\"\n        :key=\"j\"\n        :videoid=\"i.videoid\"\n        :img=\"i.img\"\n        :title=\"i.title\"\n        :score=\"i.score\"\n        :date=\"i.created_at\"\n        :takehour=\"i.fileduration\"\n        :livenum=\"i.statusname\"\n        :status=\"i.status\"\n        :watch=\"i.watch\"\n        :transcoding=\"i.transcoding\"\n        :share=\"i.share\"\n      ></VideoItem>\n    </div>\n    <div class=\"list\" v-if=\"tabindex == 2\">\n      <LiveItemad v-if=\"videolist.total\"></LiveItemad>\n      <VideoItem\n        v-for=\"(i, j) in videolist.data\"\n        :key=\"j\"\n        :img=\"i.img\"\n        :videoid=\"i.videoid\"\n        :title=\"i.title\"\n        :score=\"i.score\"\n        :date=\"i.created_at\"\n        :takehour=\"i.fileduration\"\n        :livenum=\"i.statusname\"\n        :status=\"i.status\"\n        :watch=\"i.watch\"\n        :transcoding=\"i.transcoding\"\n        :share=\"i.share\"\n      ></VideoItem>\n    </div>\n    <div class=\"list\" v-if=\"tabindex == 1\">\n      <LiveItemad v-if=\"videolist.total\"></LiveItemad>\n      <VideoItem\n        v-for=\"(i, j) in videolist.data\"\n        :key=\"j\"\n        :img=\"i.img\"\n        :videoid=\"i.videoid\"\n        :title=\"i.title\"\n        :score=\"i.score\"\n        :date=\"i.created_at\"\n        :takehour=\"i.fileduration\"\n        :livenum=\"i.statusname\"\n        :status=\"i.status\"\n        :watch=\"i.watch\"\n        :transcoding=\"i.transcoding\"\n        :share=\"i.share\"\n      ></VideoItem>\n    </div>\n    <div class=\"pages\">\n      <a-pagination :defaultPageSize=\"9\" v-if=\"videolist.total\" v-model:current=\"page\" :total=\"videolist.total\" :showLessItems=\"true\" @change=\"pagechange\" />\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.video {\n  width: 100%;\n  // height: 706px;\n  background-color: #fff;\n  border-radius: 17px;\n  padding: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 160px;\n  align-items: center;\n  .nav {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #eee;\n    justify-content: space-between;\n    width: 100%;\n    .tabs {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      font-weight: bold;\n      color: #111;\n      padding: 11px 0;\n      > div {\n        margin-right: 58px;\n        cursor: pointer;\n        text-align: center;\n        width: 54px;\n        &:hover{\n          color: #08ae98;\n        }\n      }\n      .on {\n        color: #08ae98;\n        position: relative;\n        &::before {\n          content: \"\";\n          display: block;\n          position: absolute;\n          bottom: -12px;\n          width: 57px;\n          height: 1px;\n          background-color: #08ae98;\n        }\n      }\n    }\n    .sel {\n      width: 171px;\n      height: 26px;\n      border: 1px solid #999;\n      display: flex;\n      align-items: center;\n      padding: 8px;\n      border-radius: 4px;\n      > img {\n        width: 11px;\n        height: 11px;\n      }\n      > input {\n        width: 119px;\n        font-size: 9px;\n        line-height: 1;\n        margin-left: 6px;\n        border: none;\n        outline: none;\n      }\n    }\n  }\n  .list {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    > div {\n      margin-top: 28px;\n      margin-left: 23px;\n      &:nth-child(1),\n      &:nth-child(6) {\n        margin-left: 0;\n      }\n    }\n  }\n  .pages {\n    position: absolute;\n    bottom: 114px;\n    display: flex;\n    justify-content: center;\n    ::v-deep(.ant-pagination-next) > .ant-pagination-item-link,\n    ::v-deep(.ant-pagination-prev) > .ant-pagination-item-link,\n    ::v-deep(.ant-pagination-item),\n    ::v-deep(.ant-pagination-jump-next-custom-icon),\n    ::v-deep(.ant-pagination-jump-prev-custom-icon) {\n      border: 1px solid #08ae98;\n    }\n    ::v-deep(.ant-pagination-item-active) a {\n      color: #fff;\n    }\n    ::v-deep(.ant-pagination-item-active) {\n      background-color: #08ae98;\n    }\n  }\n}\n</style>\n<script lang=\"ts\">\nimport { defineComponent, onMounted, reactive, ref, UnwrapRef } from \"vue\";\nimport VideoItem from \"@/components/VideoItem.vue\";\nimport LiveItemad from \"@/components/LiveItemad.vue\";\nimport { getvideolist } from \"@/api\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from '@/utils/i18n';\nexport default defineComponent({\n  components: {\n    VideoItem,\n    LiveItemad\n  },\n  setup() {\n    const lan: any = useI18n();\n    const page = ref(1);\n    const tabindex = ref(4);\n    interface VideoList {\n      videoid: number;\n      memberid: number;\n      title: string;\n      img: string;\n      fileid: string;\n      fileurl: string;\n      fileduration: string;\n      status: number;\n      desc: string;\n      deleted_at: null;\n      created_at: string;\n      updated_at: string;\n      statusname: string;\n    }\n    \n    const videolist = ref({})\n    // const newvideolist = ref<Array<VideoList>>();\n     const input = ref(\"\")\n    \n\n    onMounted(async () => {\n\n      const res = await getvideolist();\n      videolist.value = res;\n\n    });\n    async function tabchange(e: number) {\n      tabindex.value = e;\n      videolist.value = {};\n      videolist.value = await getvideolist({title: input.value,page:page.value,status:e == 4 ? '' : e});\n      // console.log(videolist)\n    }\n    async function sel(){\n        console.log(input.value);\n        page.value = 1;\n        videolist.value = await getvideolist({title: input.value,page:page.value,status:tabindex.value});\n    }\n    async function  pagechange(e: number) {\n      page.value=e\n      videolist.value = await getvideolist({title: input.value,page:e,status:tabindex.value});\n    }\n    return {\n      page,\n      tabindex,\n      tabchange,\n      videolist,\n      sel,\n      input,\n      pagechange,\n      lan\n    };\n  },\n});\n</script>","<template>\n    <div class=\"videoitem\" @click=\"navto(videoid)\">\n       \n        <img :src=\"img\" alt=\"\" class=\"cover\">\n        <img src=\"@/static/images/play.png\" alt=\"\" class=\"play\">\n        <div class=\"title\">\n            <div class=\"one-line-hide\">{{title}}</div> \n            <span class=\"lv\" style=\"flex-shrink: 0;\">{{score}}分</span>\n        </div>\n        <div class=\"info\">\n            <div class=\"datetime\">\n                <span>{{date.split(\" \")[0].split(\"-\")[1] + \"-\" + date.split(\" \")[0].split(\"-\")[2]}}</span>\n                <span class=\"time\">{{date.split(\" \")[1]}}</span>\n            </div>\n            <div class=\"feature\">\n                <div>\n                    <img src=\"@/static/images/watch.png\" alt=\"\">\n                    <span>{{watch}}</span>\n                </div>\n                <div>\n                    <img src=\"@/static/images/share.png\" alt=\"\">\n                    <span>{{share}}</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"state audit\" v-if=\"status==0\">\n            {{transcoding == 0 ? lan.$t('zhuanmazhong') : lan.$t('shenhezhong')}}\n        </div>\n         <div class=\"state audit fail\" v-if=\"status==2\">\n            {{lan.$t('weitongguo')}}\n        </div>\n         <div class=\"state audit\" v-if=\"status==1\">\n             {{lan.$t('yifabu')}}\n        </div>\n    </div>\n</template>\n<style lang=\"scss\" scoped>\n.videoitem{\n    min-width: 226px;\n    // height: 198px;\n    background-color: #fff;\n    border-radius: 17px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);\n    cursor: pointer;\n    .cover{\n        width: 226px;\n        min-width: 100%;\n        height: 127px;\n        // background-color: #0f0;\n    }\n    .play{\n        position: absolute;\n        top: 52px;\n        left: 101px;\n        width: 23px;\n        height: 23px;\n    }\n    .title{\n        padding: 0 18px;\n        margin-top: 16px;\n        font-display: 11px;\n        color: #111;\n        display: flex;\n        align-items: center;\n        cursor: default;\n        >span{\n            margin-left: 11px;\n            font-size: 10px;\n            color: #f55455;\n        }\n    }\n    .info{\n        display: flex;\n        align-items: center;\n        margin-top: 9px;\n        margin-bottom: 9px;\n        margin-left: 18px;\n      \n        .datetime{\n            display: flex;\n            align-items: center;\n            font-size: 10px;\n            color: #666;\n            .time{\n                margin-left: 15px;\n            }\n        }\n        .feature{\n            display: flex;\n            align-items: center;\n            margin-left: 25px;\n            // margin-top: 18px;\n            >div{\n                display: flex;\n                align-items: center;\n                >img{\n                    width: 11px;\n                    height: 11px;\n                }\n                >span{\n                    font-size: 10px;\n                    color: #111;\n                    margin-left: 4px;\n                    margin-right: 11px;\n                }\n            }\n        }\n    }\n    .state{\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 67px;\n        height: 23px;\n        border-radius:  0 17px 0 17px;\n        font-size: 10px;\n        line-height: 23px;\n        text-align: center;\n    }\n    .audit{\n        background-color: #CEF9F0;\n        color: #08AE98;\n    }\n    .fail{\n        background-color: #f9d6f6;\n        color: #D12C2E;\n    }\n}\n</style>\n<script lang=\"ts\">\nimport router from '@/router';\nimport { useI18n } from '@/utils/i18n';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    props:{\n        videoid:{\n            type:Number\n        },\n        type: {\n            type: Number,\n            default:1\n        },\n        img:{\n            type:String\n        },\n        title:{\n            type:String\n        },\n        score:{\n            type:String\n        },\n        date:{\n            type:String\n        },\n        takehour:{\n            type:String\n        },\n        watch:{\n            type:Number\n        },\n        share:{\n            type:Number\n        },\n        status:{\n            type:Number\n        },\n        transcoding: {\n            type: Number\n        }\n    },\n    setup() {\n         const lan: any = useI18n();\n        function navto(e: number){\n            router.push(\"/regime/videoinfo?id=\"+e)\n        }\n\n        return {\n            navto,\n            lan\n        }\n    }\n})\n</script>","\nimport router from '@/router';\nimport { useI18n } from '@/utils/i18n';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    props:{\n        videoid:{\n            type:Number\n        },\n        type: {\n            type: Number,\n            default:1\n        },\n        img:{\n            type:String\n        },\n        title:{\n            type:String\n        },\n        score:{\n            type:String\n        },\n        date:{\n            type:String\n        },\n        takehour:{\n            type:String\n        },\n        watch:{\n            type:Number\n        },\n        share:{\n            type:Number\n        },\n        status:{\n            type:Number\n        },\n        transcoding: {\n            type: Number\n        }\n    },\n    setup() {\n         const lan: any = useI18n();\n        function navto(e: number){\n            router.push(\"/regime/videoinfo?id=\"+e)\n        }\n\n        return {\n            navto,\n            lan\n        }\n    }\n})\n","import { render } from \"./VideoItem.vue?vue&type=template&id=5bb534ab&scoped=true&bindings={}\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=ts\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=ts\"\n\nimport \"./VideoItem.vue?vue&type=style&index=0&id=5bb534ab&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5bb534ab\"\n\nexport default script","\nimport { defineComponent, onMounted, reactive, ref, UnwrapRef } from \"vue\";\nimport VideoItem from \"@/components/VideoItem.vue\";\nimport LiveItemad from \"@/components/LiveItemad.vue\";\nimport { getvideolist } from \"@/api\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from '@/utils/i18n';\nexport default defineComponent({\n  components: {\n    VideoItem,\n    LiveItemad\n  },\n  setup() {\n    const lan: any = useI18n();\n    const page = ref(1);\n    const tabindex = ref(4);\n    interface VideoList {\n      videoid: number;\n      memberid: number;\n      title: string;\n      img: string;\n      fileid: string;\n      fileurl: string;\n      fileduration: string;\n      status: number;\n      desc: string;\n      deleted_at: null;\n      created_at: string;\n      updated_at: string;\n      statusname: string;\n    }\n    \n    const videolist = ref({})\n    // const newvideolist = ref<Array<VideoList>>();\n     const input = ref(\"\")\n    \n\n    onMounted(async () => {\n\n      const res = await getvideolist();\n      videolist.value = res;\n\n    });\n    async function tabchange(e: number) {\n      tabindex.value = e;\n      videolist.value = {};\n      videolist.value = await getvideolist({title: input.value,page:page.value,status:e == 4 ? '' : e});\n      // console.log(videolist)\n    }\n    async function sel(){\n        console.log(input.value);\n        page.value = 1;\n        videolist.value = await getvideolist({title: input.value,page:page.value,status:tabindex.value});\n    }\n    async function  pagechange(e: number) {\n      page.value=e\n      videolist.value = await getvideolist({title: input.value,page:e,status:tabindex.value});\n    }\n    return {\n      page,\n      tabindex,\n      tabchange,\n      videolist,\n      sel,\n      input,\n      pagechange,\n      lan\n    };\n  },\n});\n","import { render } from \"./Video.vue?vue&type=template&id=d1698206&scoped=true&bindings={}\"\nimport script from \"./Video.vue?vue&type=script&lang=ts\"\nexport * from \"./Video.vue?vue&type=script&lang=ts\"\n\nimport \"./Video.vue?vue&type=style&index=0&id=d1698206&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-d1698206\"\n\nexport default script","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAB5klEQVQ4T6XTvYsTQRgG8OedIHoQi4iFrM0REP+A80DQxuoUBLucoqCCNzObRkijFt4aLCzE6AlmPyDCNR4moJ6tBBEbsRJBPBGxSxmrRJBkHtngHrmAd0GnGFh45zcz7zwr+M8h4+vDMJxVSl0FcApAkeRARDZIPnPOPSqXyz8m99sEwjA0SqkHAF4759ZE5DOAXUqpIySXABwged5a+2ocGQFxHBsA9wBcMMa8mNwlCALled4ygOsisqC1fpPVSL1eL+ZyuU8kz1pr17drSRRFdwEs9vv9w5VK5WdaK1EUPRSRojHm9E79DIJgj+d530Tkptb68QiI4/gryWVr7dpOwJ/r3gdw0BhTyk4wVErNaa0/TAlcIWmstfPZCX455477vv9+SiBt+GVjzNEM+EgystbWpwGSJAlJzhhjLmXALQBnOp3OXLVaddshjUZj72Aw+O6cW/J9/3kG7Ce5ISIrxpjbfwOazWau2+0+AXCo3W7Pt1qt4QhIpyRJFki+BLDS6/WC7I0nYn5MKfUWwDVjTJqH0diMchzHJ0iuishukusi8sU5l0Z5X6FQuFEqlYZRFC2KyCrJi9bap1uA9KNWq83k8/lzJE8CmAWQpu2d1jqNMNOaSWTL3zjNK0wi/wSMIXd+A0Xi4dpLtadBAAAAAElFTkSuQmCC\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Video.vue?vue&type=style&index=0&id=d1698206&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAFEUlEQVRYR7WYW0xcVRSGvw1DgaFIo9jLQCmFQq1VsUhbbW30QWttjLfEoEGjffFajfEepfUW7zaN+mCqTYzGaBqNN5KamMboC5FUY2wRi1GLl2gJFSyUtsOZc7b5z5yD02FmGEpcCWTgnL33v/+11r/WGkMeZq09GagBVgPnAkuAaqAMMMAR4C+gF+gCOoGfgQFjjJ3sCG2Q1ay1M4HTgVZgHTA7OLgYKEhbqMPiwCgwBHwBvAN8a4z5J9c5GUFYa/V/3XwD0AbEgOhkN0p7LkD9wIfANuBHY4ybaY8JIKy1hUAL8AhwIVA+xcPTXz8KfA08BXxujHHSXzgOhLVWFOvgZ4BmIDJNAOFyD/gBeBT4JB3IOIjABcuBl4AVGXw+XTyKmX3AA8Cnqa5JBVELvAysB+SSCaZdLNZPB+P/nrJpi93AzcCeMHP8nay18vs9wL3ZYiCZZwKQPDz97ynAUcC+BTxsjDmodSbFDW8Di4K8P27P1ER3rdwLEVMQAEkKxRRNmnI70CG3CISEqB24FShN30wAwkMGxo6x48B+PA+unFNDTam06oRYUap+BNxmjBkQCGWBWDgtGwsC4VnL3fu6eL2vh4TnsaCsgicaz+GaubUUFSR1K2QsT2Z+B66TugrERuAx4JRswahNj7oJVn61k+5DBykqLMSzHpGCQlrnLeTJhmaqi6MYY/zA9f08uZNGgGeBVwRCLFydyRXh7QQi7ro0dX7MT6PDRCNFCmbiXlIA5xdH2bJkJZeeWsWMgJU8QGhxB7BRIKRmy7LpQhgTjuexvLOD7sNDlEaK/HvqmWstjpegBMP11Y201zcRKy71WcnDvhcBAiF9V2HKaCGIhPVY0dnBnpH/QIQLkqx4JFyHumg5r56xmosqY/m45FcVR4GQb1Qt8wKxd2SIkoCJ9AWO5xJ34swtjrK96QLWVVb5jOTg5A/gJoE4HJTnaYPwGwsnTsIZ445FZ/PC4hZKCpPlJwsQgdggEANAZb5MZHKHH8BWGeTgOseIRSvYftYa1lZWUZCbid+AawXiO+DMbGDziQkFp2LGcRwaysrZunQVaytj46qawx0qaFcJxHvAZUBJLp3IFJgCOOa5OK6LWq22+Y1sqm+ipqQsn+yQ/n+mYiYQ9wMPAZLvCRYyccRN+CnaO3rI1wk/NV0XF4+a4jI2NzTTOq+WaGFkXDlzxIIeqQ3cCrwoEOcFVa0+l2wPOnHWdO2kZ7AfEynyX5VcXz5nAc8tbmFh6czx26fWmxxaoSJ2I7BLIKQRTwM3ADPSF6WK1YO9u9n2y16/dsTKZtHeuIy2WB0lBRnbj1xaJVfs8jPDmD8FImzp3gia26yLh5wx3j/Q59eR9bOrqSst96P/BHoL9RH3Ae8aY8bCpmZWUMTU8eQs54oFVdQTrJy6oGqGOvC7jDFySVJDgsZGpfw1YNX/0F+OKzzQA9zil/BgMErtMeWWS4At2XqLPArSZK/0AZuBHXJD+HJ6y6+wvwJ4PACSPmVNdkgu4ZU6Pg+8aYxReo5bpuFHQC4GNgUlXjo0HdOwoxlVAD5IB5BVS4IpbClwZzACKI2nOggpDQeBL4NZpivVBTmZSH1orVXLd36gIRqIKoKKm00YdLAm9GGgOxiIJc39xphkm57BJm1/AlYERuOARkSB0Wf1ICEYHaCZcz/wTTCRq2v6O9vt82Zignomh6STAjbEin50EfUk+jpAAScWhvP5XiLc/1+R+vCojuJeOQAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAC80lEQVQ4T21UTWhUVxg95yWdeRs1URdWV2Kxi4qIaLSLQpGWblTIeyaUQqsJgu+lcdNNtZMQR9NAFyXQn7wXf5JUIsKQedPWKFm10oUVXTluqlioICWbqkWQ+8bMO2WGzptJ9FtdvnvOud+93/ku8aqIvluXTax+WjwAcBuANQD+BXBXwJV4qX0KvUcfr6RyZSJbDI+DGiW4GsAjCbdJPRHYSaALwCbVhZNc7Ax838pviv060m4/3vADyI8g3YCFnOn2r688zI6CfQBHAbwNYta8WHsEvb3VGi4Vy0TBjAUehpQ35cXTyOeTGiA7N/GeyJ0ky7HjLdTFR0Yse/uGUyCHE2C64nj9qZgdBf0ALyRKchV3YKxRjR2FUwD6mtWpYLq9D0GqlstEQc6qVSn1GdefIUrjHbbsBxJvxK53sEHMRJM9FlSAdB7UrMRDJAcbxAYuWwznSewxzytbmImCEwTz1NJW4w4+TKsqhQuQbOP476bEKLhGcJVxvHdSXOHbzWp/7Q9Rw8wWw/u0eNN0H/uk9bHtYvhI0Hjs+l+nYnOBD4tjseN1LsNG4aygXcxG4T0Ct4zjfbwMUAofJsJExfG+arnScRIjxvHWL8cGlyTuZCYKPydwmtSbptv/q0kMfgKxKb6z2FXvrES7NPkbJGNc//30mj+f26wX1XtQkiOufbPaNpk/BdyMHe9AKvbj2Q+YJAuC5i3pcmK1OZTcpFp1Kz2fRimuFF6luNs8j9+o+8wuBkdATifQUMXxv2xaY3IU0BcNPwocj51jn6UdL4VDlnAGwGHjeBdbTBtOWTVPSWdMefFUw7SZubNvWVZ1R5LobuXQQLlp2tfzIIYkXIhd7+iyCUCh0Ga3/TMNstaI31FdGjY9g78AqBv0/6BdCvdBqI3TXggXTXVt/0vj1HyDSR/SGIEOQH9LvEXgqYAOUl0ANwp4CuBk7Hhha1df+jXqm/MTndmK1UdgP6DtAFcBegawLOhKnNEM9g88aRWqrf8DhK1QcCrNvQ0AAAAASUVORK5CYII=\"","<template>\n    <div class=\"videoitem\" >\n        <div style=\"height:100%\" v-html=\"ads\">\n\n        </div>\n    </div>\n</template>\n<style lang=\"scss\" scoped>\n.videoitem{\n   \n\n    \n    min-width: 226px;\n    // height: 198px;\n    background-color: #fff;\n    border-radius: 17px;\n    overflow: hidden;\n    display: flex;\n    cursor: pointer;\n    flex-direction: column;\n    position: relative;\n    box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);\n    .cover{\n        width: 226px;\n        min-width: 100%;\n        height: 127px;\n    }\n    .play{\n        position: absolute;\n        top: 52px;\n        left: 101px;\n        width: 23px;\n        height: 23px;\n    }\n    .title{\n        margin: 18px;\n        margin-top: 16px;\n        margin-bottom: 0;\n        font-display: 11px;\n        color: #111;\n        display: flex;\n        align-items: center;\n        cursor: default;\n        >span{\n            margin-left: 11px;\n            font-size: 10px;\n            color: #f55455;\n            flex-shrink: 0;\n        }\n    }\n    .info{\n        display: flex;\n        align-items: center;\n        margin-top: 9px;\n        margin-bottom: 9px;\n        margin-left: 18px;\n      \n        .datetime{\n            display: flex;\n            align-items: center;\n            font-size: 10px;\n            color: #666;\n            .time{\n                margin-left: 15px;\n            }\n        }\n        .feature{\n            display: flex;\n            align-items: center;\n            margin-left: 25px;\n            // margin-top: 18px;\n            >div{\n                display: flex;\n                align-items: center;\n                >img{\n                    width: 11px;\n                    height: 11px;\n                }\n                >span{\n                    font-size: 10px;\n                    color: #111;\n                    margin-left: 4px;\n                    margin-right: 11px;\n                }\n            }\n        }\n    }\n    .state{\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 67px;\n        height: 23px;\n        border-radius:  0 17px 0 17px;\n        font-size: 10px;\n        line-height: 23px;\n        text-align: center;\n    }\n    .audit{\n        background-color: #CFF9F1;\n        color: #08AE98;\n    }\n    .live{\n       \n        background: linear-gradient(-90deg, #0EDCC2, #50DF98, #7EE278, #A2E562);\n        color: #fff;\n    }\n    .over{\n        background-color: #F7F7F7;\n        color: #121212;\n    }\n    &::v-deep(ins){\n        width: 100% !important;\n        height: 100% !important;\n    }\n    &::v-deep(iframe){\n        width: 100% !important;\n        height: 100% !important;\n    }\n}\n</style>\n<script lang=\"ts\">\nimport router from '@/router';\nimport { defineComponent, ref } from 'vue';\n\nexport default defineComponent({\n\n    setup(){\n        const ads = ref(\"\");\n        const el = document.getElementById('guanlidivadsensedisplaynone');\n        if(el){\n            console.log(el.innerHTML)\n            ads.value = el.innerHTML;\n           \n        }\n        return {\n            ads\n        }\n    }\n})\n</script>","\nimport router from '@/router';\nimport { defineComponent, ref } from 'vue';\n\nexport default defineComponent({\n\n    setup(){\n        const ads = ref(\"\");\n        const el = document.getElementById('guanlidivadsensedisplaynone');\n        if(el){\n            console.log(el.innerHTML)\n            ads.value = el.innerHTML;\n           \n        }\n        return {\n            ads\n        }\n    }\n})\n","import { render } from \"./LiveItemad.vue?vue&type=template&id=db3eec50&scoped=true&bindings={}\"\nimport script from \"./LiveItemad.vue?vue&type=script&lang=ts\"\nexport * from \"./LiveItemad.vue?vue&type=script&lang=ts\"\n\nimport \"./LiveItemad.vue?vue&type=style&index=0&id=db3eec50&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-db3eec50\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./LiveItemad.vue?vue&type=style&index=0&id=db3eec50&lang=scss&scoped=true\""],"sourceRoot":""}