{"version":3,"sources":["webpack:///./src/views/fenci/submit.vue","webpack:///./src/views/fenci/submit.vue?7d13","webpack:///./src/views/fenci/submit.vue?2c53"],"names":["smdata","reactive","url","tips","srcList","useRouter","proxy","getCurrentInstance","inject","stateciyun","option","series","type","shape","keepAspect","left","top","width","height","right","bottom","sizeRange","rotationRange","rotationStep","gridSize","drawOutOfBound","layoutAnimation","textStyle","fontFamily","fontWeight","color","Math","round","random","join","emphasis","focus","textShadowBlur","textShadowColor","data","ciyundatas","loading","ref","tablelist","form","writerorg","ciyun","mychart","$echarts","init","document","getElementById","setOption","onSubmit","value","length","post","sentence","then","res","push","forEach","e","name","key","idf","setTimeout","catch","err","__exports__"],"mappings":"glCA6DA,IAAIA,EAASC,sBAAS,CACpB,CAAEC,IAAK,0BAA2BC,KAAM,QACxC,CAAED,IAAK,0BAA2BC,KAAM,UAEtCC,EAAUH,sBAAS,CACrB,0BACA,4BAEaI,iBAAf,MACM,MAAEC,GAAUC,kCAEHC,oBAAO,WAAtB,IAEIC,EAAaR,sBAAS,CACxBS,OAAQ,CACNC,OAAQ,CACN,CACEC,KAAM,YAENC,MAAO,SAEPC,YAAY,EAIZC,KAAM,SACNC,IAAK,SACLC,MAAO,MACPC,OAAQ,MACRC,MAAO,KACPC,OAAQ,KAERC,UAAW,CAAC,GAAI,IAEhBC,cAAe,EAAE,GAAI,IACrBC,aAAc,GAEdC,SAAU,EAEVC,gBAAgB,EAEhBC,iBAAiB,EAEjBC,UAAW,CACTC,WAAY,aACZC,WAAY,OAEZC,MAAO,WAEL,MACE,OACA,CACEC,KAAKC,MAAsB,IAAhBD,KAAKE,UAChBF,KAAKC,MAAsB,IAAhBD,KAAKE,UAChBF,KAAKC,MAAsB,IAAhBD,KAAKE,WAChBC,KAAK,KACP,MAINC,SAAU,CACRC,MAAO,OACPT,UAAW,CACTU,eAAgB,GAChBC,gBAAiB,SAKrBC,KAAM,QAKVC,EAAavC,sBAAS,IAEtBwC,EAAUC,kBAAI,GACdC,EAAY1C,sBAAS,IACrB2C,EAAO3C,sBAAS,CAClB4C,UAAW,KAIb,MAAMC,EAAQA,KAEZ,IAAIC,EAAUzC,EAAM0C,SAASC,KAAKC,SAASC,eAAe,eAE1DJ,EAAQK,UAAU3C,EAAWC,SAIzB2C,EAAWA,KACfZ,EAAQa,OAAQ,EAChBX,EAAUY,OAAS,EACnBC,eAAK,yBAA0B,CAC7BC,SAAUb,EAAKC,YAEda,KAAMC,IACLlB,EAAQa,OAAQ,EAEhBX,EAAUiB,QAAQD,EAAIpB,MACtBC,EAAWe,OAAS,EACpBf,EAAWoB,QAAQD,EAAIpB,MACvBC,EAAWqB,QAASC,IAClBA,EAAEC,KAAOD,EAAEE,IACXF,EAAER,MAAQQ,EAAEG,MAEdxD,EAAWC,OAAOC,OAAO,GAAG4B,KAAOC,EACnC0B,WAAW,KACTpB,KACC,OAEJqB,MAAOC,IACN3B,EAAQa,OAAQ,K,ilECxKtB,MAAMe,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,kCCRf","file":"js/chunk-aa320248.e6102508.js","sourcesContent":["<template>\n  <div\n    class=\"main\"\n    v-loading=\"loading\"\n    element-loading-text=\"系统分析中，请等待...\"\n  >\n    <heads></heads>\n    <banners></banners>\n    <!-- <islogin /> -->\n    <div class=\"content\">\n      <div class=\"cons\">\n        <div class=\"cons-title\">分词</div>\n        <shuoming :smdata=\"smdata\" :srcList=\"srcList\"></shuoming>\n        <div class=\"cons-title-subtitle\">\n          <p></p>\n        </div>\n        <div class=\"cons-form\">\n          <el-form :model=\"form\" label-width=\"120px\">\n            <div class=\"custom-block\">请输入一段文本，系统将为您分词</div>\n            <el-form-item label=\"输入文本\">\n              <el-input\n                :rows=\"10\"\n                type=\"textarea\"\n                v-model=\"form.writerorg\"\n                placeholder=\"请输入文本，按ctrl+enter或点击下方按钮提交\"\n                @keydown.ctrl.enter=\"onSubmit()\"\n              />\n            </el-form-item>\n\n            <div class=\"con-btn\">\n              <el-button type=\"primary\" @click=\"onSubmit()\">立即提交</el-button>\n            </div>\n          </el-form>\n        </div>\n        <div class=\"tables\">\n          <div class=\"custom-block\">分词结果</div>\n          <div class=\"xsfx\">\n            <div id=\"echartsyyy\"></div>\n          </div>\n        </div>\n        <div class=\"tables\">\n          <div class=\"custom-block\">分词结果</div>\n          <el-table :data=\"tablelist\" border  style=\"width: 100%\">\n            <el-table-column prop=\"key\" label=\"词语\" />\n            <el-table-column prop=\"tf\" sortable  label=\"tf\" />\n            <el-table-column prop=\"idf\" sortable  label=\"idf\" />\n          </el-table>\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, inject, getCurrentInstance } from \"vue\";\nimport \"echarts-wordcloud\";\nimport { useRouter } from \"vue-router\";\n// 图片\nlet smdata = reactive([\n  { url: \"/img/shuoming/11-01.png\", tips: \"输入文本\" },\n  { url: \"/img/shuoming/11-02.png\", tips: \"获取结果\" },\n]);\nlet srcList = reactive([\n  \"/img/shuoming/11-01.png\",\n  \"/img/shuoming/11-02.png\",\n]);\nconst router = useRouter();\nconst { proxy } = getCurrentInstance();\n// 词云\nlet $echarts = inject(\"echarts\");\n// ciyun\nlet stateciyun = reactive({\n  option: {\n    series: [\n      {\n        type: \"wordCloud\",\n        // shape这个属性虽然可配置，但是在词的数量不太多的时候，效果不明显，它会趋向于画一个椭圆\n        shape: \"circle\",\n        // 这个功能没用过\n        keepAspect: false,\n        // maskImage这个是可以自定义背景图片的，词云会按照图片的形状排布，所以有形状限制的时候，最好用背景图来实现，而且，这个背景图一定要放base64的，不然词云画不出来\n        // maskImage: '',\n        // 下面就是位置的配置\n        left: \"center\",\n        top: \"center\",\n        width: \"90%\",\n        height: \"90%\",\n        right: null,\n        bottom: null,\n        // 词的大小，最小12px，最大60px，可以在这个范围调整词的大小\n        sizeRange: [12, 60],\n        // 每个词旋转的角度范围\n        rotationRange: [-90, 90],\n        rotationStep: 45,\n        // 词间距，数值越小，间距越小，这里间距太小的话，会出现大词把小词套住的情况，比如一个大的口字，中间会有比较大的空隙，这时候他会把一些很小的字放在口字里面，这样的话，鼠标就无法选中里面的那个小字\n        gridSize: 8,\n        // 允许词太大的时候，超出画布的范围\n        drawOutOfBound: false,\n        // 布局的时候是否有动画\n        layoutAnimation: true,\n        // 这是全局的文字样式，相对应的还可以对每个词设置字体样式\n        textStyle: {\n          fontFamily: \"sans-serif\",\n          fontWeight: \"bold\",\n          // 颜色可以用一个函数来返回字符串\n          color: function () {\n            // Random color\n            return (\n              \"rgb(\" +\n              [\n                Math.round(Math.random() * 160),\n                Math.round(Math.random() * 160),\n                Math.round(Math.random() * 160),\n              ].join(\",\") +\n              \")\"\n            );\n          },\n        },\n        emphasis: {\n          focus: \"self\",\n          textStyle: {\n            textShadowBlur: 10,\n            textShadowColor: \"#333\",\n          },\n        },\n\n        // 数据必须是一个数组，数组是对象，对象必须有name和value属性\n        data: [],\n      },\n    ],\n  },\n});\nlet ciyundatas = reactive([]);\n// loading\nlet loading = ref(false);\nlet tablelist = reactive([]);\nlet form = reactive({\n  writerorg: \"\",\n});\n\n// 词云\nconst ciyun = () => {\n  // 词云\n  let mychart = proxy.$echarts.init(document.getElementById(\"echartsyyy\"));\n  // 这里是官方给出的一些基本的配置项，我做一些说明\n  mychart.setOption(stateciyun.option);\n};\n\n// 提交代码\nconst onSubmit = () => {\n  loading.value = true;\n  tablelist.length = 0;\n  post(\"/journalCommon/GetCuts\", {\n    sentence: form.writerorg,\n  })\n    .then((res) => {\n      loading.value = false;\n      // console.log(res);\n      tablelist.push(...res.data)\n      ciyundatas.length = 0;\n      ciyundatas.push(...res.data);\n      ciyundatas.forEach((e) => {\n        e.name = e.key;\n        e.value = e.idf;\n      });\n      stateciyun.option.series[0].data = ciyundatas;\n      setTimeout(() => {\n        ciyun();\n      }, 100);\n    })\n    .catch((err) => {\n      loading.value = false;\n    });\n};\n</script>\n\n<style scoped>\n:deep(.el-form-item__label) {\n  background: #f5f7fa;\n  height: 42px;\n  line-height: 42px;\n  font-size: 18px;\n}\n:deep(.cons-form .el-input__inner) {\n  height: 40px;\n  font-size: 18px;\n}\n:deep(.cons-form .el-textarea__inner) {\n  min-height: 100px !important;\n  font-size: 18px;\n}\n:deep(.cons-form .el-button) {\n  width: 180px;\n  height: 50px;\n  font-size: 18px;\n}\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.cons-form {\n  width: 100%;\n}\n.cons-title {\n  text-align: center;\n  font-size: 24px;\n  font-weight: bold;\n  padding: 0 0 10px 0;\n}\n.cons-subtitle {\n  width: 100%;\n  padding: 10px 30px;\n  box-sizing: border-box;\n  background: #f5f7fa;\n  font-size: 14px;\n  line-height: 20px;\n  color: #999;\n  margin: auto;\n  margin-bottom: 30px;\n}\n.custom-block {\n  padding: 10px 16px;\n  background-color: #ecf5ff;\n  border-radius: 4px;\n  border-left: 5px solid #409eff;\n  margin: 20px 0 20px 0;\n  font-size: 18px;\n}\n.con-btn {\n  text-align: center;\n}\n.cons-title-subtitle {\n  color: #999;\n  font-size: 14px;\n}\n.cons-title-subtitle p {\n  margin: 0;\n  padding: 0;\n  text-align: center;\n}\n.qksx-list-con {\n  font-size: 14px;\n  padding: 20px 0 0 0;\n}\n.qksx-list-con:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.xsqk-con {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.xsqk-list {\n  cursor: pointer;\n}\n.xsqk-list-title {\n  width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: center;\n  font-size: 12px;\n}\n.xsfx,\n#echartsyyy {\n  width: 1200px;\n  height: 600px;\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=1da96bda&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-1da96bda\"]])\n\nexport default __exports__","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=1da96bda&scoped=true&lang=css\""],"sourceRoot":""}