{"version":3,"sources":["webpack:///./src/views/tpcc/detail.vue?25c6","webpack:///./src/views/tpcc/detail.vue","webpack:///./src/views/tpcc/detail.vue?9925"],"names":["router","useRouter","imgobj","reactive","srcList","ressrcList","xsbmax","ref","getresult","get","currentRoute","value","query","id","then","res","console","log","Object","assign","result","push","sourcePictureUrl","checkResult","forEach","e","url","score","toFixed","clicksc","path","clicklist","__exports__"],"mappings":"2IAAA,W,qmBCsDA,MAAMA,EAASC,iBAGf,IAAIC,EAAOC,sBAAS,IAEhBC,EAAQD,sBAAS,IACjBE,EAAWF,sBAAS,IAEpBG,EAAOC,iBAAI,KAGf,MAAMC,EAAYA,KAChBC,eACE,2BAA6BT,EAAOU,aAAaC,MAAMC,MAAMC,IAC7DC,KAAMC,IACNC,QAAQC,IAAIF,GACZG,OAAOC,OAAOjB,EAAOa,EAAIK,QACzBhB,EAAQiB,KAAKN,EAAIK,OAAOE,kBACxBP,EAAIK,OAAOG,YAAYC,QAAQC,IAC7BpB,EAAWgB,KAAKI,EAAEC,OAEpBpB,EAAOK,OAA0C,GAAlCI,EAAIK,OAAOG,YAAY,GAAGI,OAA+C,GAAlCZ,EAAIK,OAAOG,YAAY,GAAGI,QAAaC,QAAQ,GAAI,OAG7GpB,IAGA,MAAMqB,EAAQA,KACZ7B,EAAOqB,KAAK,CACVS,KAAM,eAGJC,EAAUA,KACd/B,EAAOqB,KAAK,CACVS,KAAM,gB,mgEClFV,MAAME,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-04a5c8e0.b7816d31.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./detail.vue?vue&type=style&index=0&id=52b09e7c&scoped=true&lang=css\"","<template>\n  <div class=\"main\">\n    <heads></heads>\n    <banners></banners>\n    <div class=\"content\">\n      <div class=\"cons\">\n        <div class=\"tpcc-wd\">\n          <div class=\"custom-block\">我上传的图片</div>\n          <div class=\"tpcc-wd-img\">\n            <el-image\n              style=\"width: 300px; height: 300px; border: 1px solid #ccc\"\n              :fit=\"'contain'\"\n              :preview-src-list=\"srcList\"\n              :src=\"imgobj.sourcePictureUrl\"\n            ></el-image>\n          </div>\n        </div>\n        <div class=\"tpcc-xs\">\n          <div class=\"custom-block\">最相似图片</div>\n          <div class=\"tpcc-xs-img\">\n            <el-image\n              v-for=\"(item,key) in imgobj.checkResult\"\n              :key=\"key\"\n              style=\"width: 280px; height: 280px; border: 1px solid #ccc\"\n              :fit=\"'contain'\"\n              :preview-src-list=\"ressrcList\"\n              :initial-index=\"key\"\n              :src=\"item.url\"\n            ></el-image>\n          </div>\n        </div>\n        <div class=\"tpcc-res\">\n           <div class=\"tpcc-res-val\">\n            最高相似比：{{xsbmax}}\n          </div>\n          <div class=\"tpcc-res-tips\">\n            <el-tag class=\"ml-2\" type=\"info\"  size=\"large\">注：查重结果仅供参考，请根据查重目的自行确定如何使用查重结果，如是否修改等。</el-tag>\n          </div>\n        </div>\n        <div class=\"tpcc-cz\">\n          <el-button type=\"primary\" @click=\"clicksc\">继续上传图片</el-button>\n          <el-button type=\"success\" @click=\"clicklist\">返回列表</el-button>\n        </div>\n      </div>\n    </div>\n    <footers></footers>\n  </div>\n</template>\n\n<script setup>\nimport { post, get } from \"@/utils/index\";\nimport { ElMessage } from \"element-plus\";\nimport { reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\n\n// 返回的结果\nlet imgobj=reactive({})\n// 预览\nlet srcList=reactive([])\nlet ressrcList=reactive([])\n// 最高相似比\nlet xsbmax=ref('0')\n\n// 获取结果\nconst getresult = () => {\n  get(\n    \"/pictureCheck/getResult/\" + router.currentRoute.value.query.id\n  ).then((res) => {\n    console.log(res);\n    Object.assign(imgobj,res.result)\n    srcList.push(res.result.sourcePictureUrl)\n    res.result.checkResult.forEach(e=>{\n      ressrcList.push(e.url)\n    })\n    xsbmax.value=((res.result.checkResult[0].score * 10)*(res.result.checkResult[0].score * 10)).toFixed(2)+ '%'\n  });\n};\ngetresult();\n\n// 跳转\nconst clicksc=()=>{\n  router.push({\n    path: \"/tpcc/sbu\",\n  });\n}\nconst clicklist=()=>{\n  router.push({\n    path: \"/tpcc/list\",\n  });\n}\n</script>\n\n<style scoped>\n.main {\n  background: #fff;\n}\n.content {\n  width: 1200px;\n  height: auto;\n  margin: auto;\n}\n.cons {\n  width: 1200px;\n  margin: auto;\n  padding: 30px 0;\n}\n.custom-block {\n  padding: 8px 16px;\n  background-color: #ecf5ff;\n  border-radius: 4px;\n  border-left: 4px solid #409eff;\n  margin: 20px 0 20px 0;\n}\n.tpcc-xs-img{\n  display: flex;\n  justify-content: space-between;\n}\n.tpcc-res-tips{\n  margin:0 0 20px 0;\n}\n.tpcc-res-val{\n  padding: 20px 0;\n  color: #f00;\n  font-weight: bold;\n}\n</style>\n","import script from \"./detail.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./detail.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./detail.vue?vue&type=style&index=0&id=52b09e7c&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\doc\\\\project\\\\lunwenzhinengtougaopingtaitest2\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-52b09e7c\"]])\n\nexport default __exports__"],"sourceRoot":""}