{"version":3,"sources":["webpack:///./src/views/tpcc/submit.vue?b589","webpack:///./src/views/tpcc/submit.vue","webpack:///./src/views/tpcc/submit.vue?84cd"],"names":["router","useRouter","smdata","reactive","url","tips","srcList","ref","form","pictureName","describe","pictureUrl","headersObj","Authorization","window","localStorage","getItem","fileList","handlePreview","file","uploadsuccess","code","result","fileName","value","ElMessage","message","type","duration","onClose","push","path","query","handleExceed","handleRemove","uploadFile","uploadFiles","onSubmit","post","Object","assign","then","res","comelist","__exports__"],"mappings":"kHAAA,W,wtBC2DA,MAAMA,EAASC,iBAEf,IAAIC,EAASC,sBAAS,CACpB,CAAEC,IAAK,0BAA2BC,KAAM,QACxC,CAAED,IAAK,0BAA2BC,KAAM,QACxC,CAAED,IAAK,0BAA2BC,KAAM,UAEtCC,EAAUH,sBAAS,CACrB,0BACA,0BACA,4BAEkBI,mBAOpB,IAAIC,EAAOL,sBAAS,CAClBM,YAAY,GACZC,SAAS,KAGPC,EAAaJ,iBAAI,IAEjBK,EAAaT,sBAAS,CACxBU,cAAe,UAAYC,OAAOC,aAAaC,QAAQ,WAGrDC,EAAWV,iBAAI,IAEnB,MAAMW,EAAiBC,MAUjBC,EAAiBD,IACJ,KAAbA,EAAKE,MAEPb,EAAKC,YAAYU,EAAKG,OAAOC,SAC7BZ,EAAWa,MAAQL,EAAKG,OAAOlB,KACT,KAAbe,EAAKE,KACdI,eAAU,CACRC,QAASP,EAAKO,QACdC,KAAM,QACNC,SAAU,IACVC,QAASA,KACP7B,EAAO8B,KAAK,CACVC,KAAM,SACNC,MAAO,QAKbP,eAAU,CACRC,QAAS,OACTE,SAAU,IACVD,KAAM,WAKNM,EAAgBd,IACpBM,eAAU,CACRC,QAAS,WACTE,SAAU,IACVD,KAAM,aAIJO,EAAeA,CAACC,EAAYC,KAChCzB,EAAWa,MAAQ,IAIfa,EAAWA,KACf,GAAwB,IAApB1B,EAAWa,MAMb,OALAC,eAAU,CACRC,QAAS,QACTE,SAAU,IACVD,KAAM,aAED,EAGTW,eACE,oBACAC,OAAOC,OAAOhC,EAAM,CAAEG,WAAYA,EAAWa,SAC7CiB,KAAMC,IAENjB,eAAU,CACRC,QAAS,QACTE,SAAU,IACVC,QAASA,KACPc,UAOFA,EAAWA,KACf3C,EAAO8B,KAAK,CACVC,KAAM,aACNC,MAAO,M,0iECnKX,MAAMY,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-7454866c.bdd62252.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!./submit.vue?vue&type=style&index=0&id=52770b34&scoped=true&lang=css\"","<template>\n  <div class=\"main\">\n    <heads></heads>\n    <banners></banners>\n    <!-- <islogin /> -->\n    <div class=\"content\">\n      <div class=\"cons\">\n        <div class=\"sctp-title\">图片查重</div>\n        <shuoming :smdata=\"smdata\" :srcList=\"srcList\"></shuoming>\n        <div class=\"sctp\">\n          <el-upload\n            drag\n            v-model:file-list=\"fileList\"\n            class=\"upload-demo\"\n            action=\"https://titletools-api.yuanpingjia.cn/pictureCheck/upload\"\n            :headers=\"headersObj\"\n            list-type=\"picture\"\n            :limit=\"1\"\n            accept=\".jpg,.png\"\n            :on-exceed=\"handleExceed\"\n            :on-error=\"uploaderr\"\n            :on-success=\"uploadsuccess\"\n            :before-upload=\"handlePreview\"\n            :before-remove=\"handleRemove\"\n          >\n            <el-icon class=\"el-icon--upload\"><upload-filled /></el-icon>\n            <div class=\"el-upload__text\">\n              拖拽图片到此处或 <em>点击此处</em> 选择图片上传\n            </div>\n            <template #tip>\n              <div class=\"el-upload__tip\">只能上传jpg或png格式图片</div>\n            </template>\n          </el-upload>\n        </div>\n        <div class=\"sctp-info\">\n          <el-form :model=\"form\" label-width=\"120px\" :label-position=\"'top'\">\n            <!-- <el-form-item label=\"图片名称\">\n              <el-input v-model=\"form.pictureName\" />\n            </el-form-item>\n            <el-form-item label=\"图片描述\">\n              <el-input v-model=\"form.describe\" type=\"textarea\" />\n            </el-form-item> -->\n            <el-form-item>\n              <el-button type=\"primary\" @click=\"onSubmit()\">立即提交</el-button>\n              <el-button @click=\"comelist\">返回列表</el-button>\n            </el-form-item>\n          </el-form>\n        </div>\n      </div>\n    </div>\n    <footers></footers>\n  </div>\n</template>\n\n<script setup>\nimport { post } from \"@/utils/index\";\nimport { ElMessage } from \"element-plus\";\nimport { reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\n// 图片\nlet smdata = reactive([\n  { url: \"/img/shuoming/05-01.png\", tips: \"提交图片\" },\n  { url: \"/img/shuoming/05-02.png\", tips: \"开始查重\" },\n  { url: \"/img/shuoming/05-03.png\", tips: \"获得结果\" },\n]);\nlet srcList = reactive([\n  \"/img/shuoming/05-01.png\",\n  \"/img/shuoming/05-02.png\",\n  \"/img/shuoming/05-03.png\",\n]);\nconst ruleFormRef = ref();\nconst baseRules = {\n  pictureName: [\n    { required: true, message: \"图片名称不能为空\", trigger: \"blur\" },\n  ],\n  describe: [{ required: true, message: \"图片描述不能为空\", trigger: \"blur\" }],\n};\nlet form = reactive({\n  pictureName:'',\n  describe:'',\n});\n// 上传成功后图片地址\nlet pictureUrl = ref(\"\");\n// headers\nlet headersObj = reactive({\n  Authorization: \"Bearer \" + window.localStorage.getItem(\"token\"),\n});\n// 文件列表\nlet fileList = ref([]);\n// 上传之前\nconst handlePreview = (file) => {\n  // 此处可以限制大小\n  // ElMessage({\n  //   message: \"图片超出大小\",\n  //   duration: 1000,\n  //   type: 'warning',\n  // });\n  // return false\n};\n// 上传成功后\nconst uploadsuccess = (file) => {\n  if (file.code == 200) {\n    // console.log(file.result)\n    form.pictureName=file.result.fileName\n    pictureUrl.value = file.result.url;\n  } else if (file.code == 401) {\n    ElMessage({\n      message: file.message,\n      type: \"error\",\n      duration: 1000,\n      onClose: () => {\n        router.push({\n          path: \"/login\",\n          query: {},\n        });\n      },\n    });\n  } else {\n    ElMessage({\n      message: \"上传失败\",\n      duration: 1000,\n      type: \"error\",\n    });\n  }\n};\n// 超出限制\nconst handleExceed = (file) => {\n  ElMessage({\n    message: \"只能上传一张图片\",\n    duration: 1000,\n    type: \"warning\",\n  });\n};\n// 删除文件\nconst handleRemove = (uploadFile, uploadFiles) => {\n  pictureUrl.value = \"\";\n};\n\n// 提交表单\nconst onSubmit = () => {\n  if (pictureUrl.value == \"\") {\n    ElMessage({\n      message: \"请选择图片\",\n      duration: 1000,\n      type: \"warning\",\n    });\n    return false;\n  }\n\n  post(\n    \"/pictureCheck/add\",\n    Object.assign(form, { pictureUrl: pictureUrl.value })\n  ).then((res) => {\n    // console.log(res);\n    ElMessage({\n      message: \"提交成功！\",\n      duration: 1000,\n      onClose: () => {\n        comelist();\n      },\n    });\n  });\n};\n\n// 返回列表\nconst comelist = () => {\n  router.push({\n    path: \"/tpcc/list\",\n    query: {},\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.sctp-info {\n  margin-top: 20px;\n}\n.sctp-title {\n  text-align: center;\n  font-size: 24px;\n  padding-bottom: 20px;\n}\n</style>\n","import script from \"./submit.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./submit.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./submit.vue?vue&type=style&index=0&id=52770b34&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-52770b34\"]])\n\nexport default __exports__"],"sourceRoot":""}