{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\verifition\\Verify\\VerifyPoints.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\verifition\\Verify\\VerifyPoints.vue","mtime":1761614938989},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQovKioNCiAqIFZlcmlmeVBvaW50cw0KICogQGRlc2NyaXB0aW9uIOeCuemAiQ0KICogKi8NCmltcG9ydCB7IHJlc2V0U2l6ZSwgX2NvZGVfY2hhcnMsIF9jb2RlX2NvbG9yMSwgX2NvZGVfY29sb3IyIH0gZnJvbSAnLi8uLi91dGlscy91dGlsJzsNCmltcG9ydCB7IGFlc0VuY3J5cHQgfSBmcm9tICcuLy4uL3V0aWxzL2FzZSc7DQppbXBvcnQgeyBhakNhcHRjaGEsIGFqQ2FwdGNoYUNoZWNrIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2NvbW1vbic7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ1ZlcmlmeVBvaW50cycsDQogIHByb3BzOiB7DQogICAgLy8g5by55Ye65byPcG9w77yM5Zu65a6aZml4ZWQNCiAgICBtb2RlOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnZml4ZWQnLA0KICAgIH0sDQogICAgY2FwdGNoYVR5cGU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICB9LA0KICAgIC8vIOmXtOmalA0KICAgIHZTcGFjZTogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogNSwNCiAgICB9LA0KICAgIGltZ1NpemU6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICAgIGRlZmF1bHQoKSB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgd2lkdGg6ICczMTBweCcsDQogICAgICAgICAgaGVpZ2h0OiAnMTU1cHgnLA0KICAgICAgICB9Ow0KICAgICAgfSwNCiAgICB9LA0KICAgIGJhclNpemU6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICAgIGRlZmF1bHQoKSB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgd2lkdGg6ICczMTBweCcsDQogICAgICAgICAgaGVpZ2h0OiAnNDBweCcsDQogICAgICAgIH07DQogICAgICB9LA0KICAgIH0sDQogICAgZGVmYXVsdEltZzogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgc2VjcmV0S2V5OiAnJywgLy8g5ZCO56uv6L+U5Zue55qEYXNl5Yqg5a+G56eY6ZKlDQogICAgICBjaGVja051bTogMywgLy8g6buY6K6k6ZyA6KaB54K55Ye755qE5a2X5pWwDQogICAgICBmb250UG9zOiBbXSwgLy8g6YCJ5Lit55qE5Z2Q5qCH5L+h5oGvDQogICAgICBjaGVja1Bvc0FycjogW10sIC8vIOeUqOaIt+eCueWHu+eahOWdkOaghw0KICAgICAgbnVtOiAxLCAvLyDngrnlh7vnmoTorrDmlbANCiAgICAgIHBvaW50QmFja0ltZ0Jhc2U6ICcnLCAvLyDlkI7nq6/ojrflj5bliLDnmoTog4zmma/lm77niYcNCiAgICAgIHBvaW5UZXh0TGlzdDogW10sIC8vIOWQjuerr+i/lOWbnueahOeCueWHu+Wtl+S9k+mhuuW6jw0KICAgICAgYmFja1Rva2VuOiAnJywgLy8g5ZCO56uv6L+U5Zue55qEdG9rZW7lgLwNCiAgICAgIHNldFNpemU6IHsNCiAgICAgICAgaW1nSGVpZ2h0OiAwLA0KICAgICAgICBpbWdXaWR0aDogMCwNCiAgICAgICAgYmFySGVpZ2h0OiAwLA0KICAgICAgICBiYXJXaWR0aDogMCwNCiAgICAgIH0sDQogICAgICB0ZW1wUG9pbnRzOiBbXSwNCiAgICAgIHRleHQ6ICcnLA0KICAgICAgYmFyQXJlYUNvbG9yOiB1bmRlZmluZWQsDQogICAgICBiYXJBcmVhQm9yZGVyQ29sb3I6IHVuZGVmaW5lZCwNCiAgICAgIHNob3dSZWZyZXNoOiB0cnVlLA0KICAgICAgYmluZGluZ0NsaWNrOiB0cnVlLA0KICAgIH07DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgcmVzZXRTaXplKCkgew0KICAgICAgcmV0dXJuIHJlc2V0U2l6ZTsNCiAgICB9LA0KICB9LA0KICB3YXRjaDogew0KICAgIC8vIHR5cGXlj5jljJbliJnlhajpnaLliLfmlrANCiAgICB0eXBlOiB7DQogICAgICBpbW1lZGlhdGU6IHRydWUsDQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICB0aGlzLmluaXQoKTsNCiAgICAgIH0sDQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICAvLyDnpoHmraLmi5bmi70NCiAgICB0aGlzLiRlbC5vbnNlbGVjdHN0YXJ0ID0gZnVuY3Rpb24gKCkgew0KICAgICAgcmV0dXJuIGZhbHNlOw0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBpbml0KCkgew0KICAgICAgLy8g5Yqg6L296aG16Z2iDQogICAgICB0aGlzLmZvbnRQb3Muc3BsaWNlKDAsIHRoaXMuZm9udFBvcy5sZW5ndGgpOw0KICAgICAgdGhpcy5jaGVja1Bvc0Fyci5zcGxpY2UoMCwgdGhpcy5jaGVja1Bvc0Fyci5sZW5ndGgpOw0KICAgICAgdGhpcy5udW0gPSAxOw0KICAgICAgdGhpcy5nZXRQaWN0cnVlKCk7DQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgIHRoaXMuc2V0U2l6ZSA9IHRoaXMucmVzZXRTaXplKHRoaXMpOyAvLyDph43mlrDorr7nva7lrr3luqbpq5jluqYNCiAgICAgICAgdGhpcy4kcGFyZW50LiRlbWl0KCdyZWFkeScsIHRoaXMpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICBjYW52YXNDbGljayhlKSB7DQogICAgICB0aGlzLmNoZWNrUG9zQXJyLnB1c2godGhpcy5nZXRNb3VzZVBvcyh0aGlzLiRyZWZzLmNhbnZhcywgZSkpOw0KICAgICAgaWYgKHRoaXMubnVtID09IHRoaXMuY2hlY2tOdW0pIHsNCiAgICAgICAgdGhpcy5udW0gPSB0aGlzLmNyZWF0ZVBvaW50KHRoaXMuZ2V0TW91c2VQb3ModGhpcy4kcmVmcy5jYW52YXMsIGUpKTsNCiAgICAgICAgLy8g5oyJ5q+U5L6L6L2s5o2i5Z2Q5qCH5YC8DQogICAgICAgIHRoaXMuY2hlY2tQb3NBcnIgPSB0aGlzLnBvaW50VHJhbnNmcm9tKHRoaXMuY2hlY2tQb3NBcnIsIHRoaXMuc2V0U2l6ZSk7DQogICAgICAgIC8vIOetieWIm+W7uuWdkOagh+aJp+ihjOWujA0KICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAvLyB2YXIgZmxhZyA9IHRoaXMuY29tcGFyZVBvcyh0aGlzLmZvbnRQb3MsIHRoaXMuY2hlY2tQb3NBcnIpOw0KICAgICAgICAgIC8vIOWPkemAgeWQjuerr+ivt+axgg0KICAgICAgICAgIHZhciBjYXB0Y2hhVmVyaWZpY2F0aW9uID0gdGhpcy5zZWNyZXRLZXkNCiAgICAgICAgICAgID8gYWVzRW5jcnlwdCh0aGlzLmJhY2tUb2tlbiArICctLS0nICsgSlNPTi5zdHJpbmdpZnkodGhpcy5jaGVja1Bvc0FyciksIHRoaXMuc2VjcmV0S2V5KQ0KICAgICAgICAgICAgOiB0aGlzLmJhY2tUb2tlbiArICctLS0nICsgSlNPTi5zdHJpbmdpZnkodGhpcy5jaGVja1Bvc0Fycik7DQogICAgICAgICAgY29uc3QgZGF0YSA9IHsNCiAgICAgICAgICAgIGNhcHRjaGFUeXBlOiB0aGlzLmNhcHRjaGFUeXBlLA0KICAgICAgICAgICAgcG9pbnRKc29uOiB0aGlzLnNlY3JldEtleQ0KICAgICAgICAgICAgICA/IGFlc0VuY3J5cHQoSlNPTi5zdHJpbmdpZnkodGhpcy5jaGVja1Bvc0FyciksIHRoaXMuc2VjcmV0S2V5KQ0KICAgICAgICAgICAgICA6IEpTT04uc3RyaW5naWZ5KHRoaXMuY2hlY2tQb3NBcnIpLA0KICAgICAgICAgICAgdG9rZW46IHRoaXMuYmFja1Rva2VuLA0KICAgICAgICAgIH07DQogICAgICAgICAgYWpDYXB0Y2hhQ2hlY2soZGF0YSkudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgICBpZiAocmVzLnJlcENvZGUgPT0gJzAwMDAnKSB7DQogICAgICAgICAgICAgIHRoaXMuYmFyQXJlYUNvbG9yID0gJyM0Y2FlNGMnOw0KICAgICAgICAgICAgICB0aGlzLmJhckFyZWFCb3JkZXJDb2xvciA9ICcjNWNiODVjJzsNCiAgICAgICAgICAgICAgdGhpcy50ZXh0ID0gJ+mqjOivgeaIkOWKnyc7DQogICAgICAgICAgICAgIHRoaXMuYmluZGluZ0NsaWNrID0gZmFsc2U7DQogICAgICAgICAgICAgIGlmICh0aGlzLm1vZGUgPT0gJ3BvcCcpIHsNCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAgICAgICAgIHRoaXMuJHBhcmVudC5jbGlja1Nob3cgPSBmYWxzZTsNCiAgICAgICAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpOw0KICAgICAgICAgICAgICAgIH0sIDE1MDApOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIHRoaXMuJHBhcmVudC4kZW1pdCgnc3VjY2VzcycsIHsgY2FwdGNoYVZlcmlmaWNhdGlvbiB9KTsNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgIHRoaXMuJHBhcmVudC4kZW1pdCgnZXJyb3InLCB0aGlzKTsNCiAgICAgICAgICAgICAgdGhpcy5iYXJBcmVhQ29sb3IgPSAnI2Q5NTM0Zic7DQogICAgICAgICAgICAgIHRoaXMuYmFyQXJlYUJvcmRlckNvbG9yID0gJyNkOTUzNGYnOw0KICAgICAgICAgICAgICB0aGlzLnRleHQgPSAn6aqM6K+B5aSx6LSlJzsNCiAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7DQogICAgICAgICAgICAgICAgdGhpcy5yZWZyZXNoKCk7DQogICAgICAgICAgICAgIH0sIDcwMCk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSk7DQogICAgICAgIH0sIDQwMCk7DQogICAgICB9DQogICAgICBpZiAodGhpcy5udW0gPCB0aGlzLmNoZWNrTnVtKSB7DQogICAgICAgIHRoaXMubnVtID0gdGhpcy5jcmVhdGVQb2ludCh0aGlzLmdldE1vdXNlUG9zKHRoaXMuJHJlZnMuY2FudmFzLCBlKSk7DQogICAgICB9DQogICAgfSwNCg0KICAgIC8vIOiOt+WPluWdkOaghw0KICAgIGdldE1vdXNlUG9zOiBmdW5jdGlvbiAob2JqLCBlKSB7DQogICAgICB2YXIgeCA9IGUub2Zmc2V0WDsNCiAgICAgIHZhciB5ID0gZS5vZmZzZXRZOw0KICAgICAgcmV0dXJuIHsgeCwgeSB9Ow0KICAgIH0sDQogICAgLy8g5Yib5bu65Z2Q5qCH54K5DQogICAgY3JlYXRlUG9pbnQ6IGZ1bmN0aW9uIChwb3MpIHsNCiAgICAgIHRoaXMudGVtcFBvaW50cy5wdXNoKE9iamVjdC5hc3NpZ24oe30sIHBvcykpOw0KICAgICAgcmV0dXJuICsrdGhpcy5udW07DQogICAgfSwNCiAgICByZWZyZXNoOiBmdW5jdGlvbiAoKSB7DQogICAgICB0aGlzLnRlbXBQb2ludHMuc3BsaWNlKDAsIHRoaXMudGVtcFBvaW50cy5sZW5ndGgpOw0KICAgICAgdGhpcy5iYXJBcmVhQ29sb3IgPSAnIzAwMCc7DQogICAgICB0aGlzLmJhckFyZWFCb3JkZXJDb2xvciA9ICcjZGRkJzsNCiAgICAgIHRoaXMuYmluZGluZ0NsaWNrID0gdHJ1ZTsNCiAgICAgIHRoaXMuZm9udFBvcy5zcGxpY2UoMCwgdGhpcy5mb250UG9zLmxlbmd0aCk7DQogICAgICB0aGlzLmNoZWNrUG9zQXJyLnNwbGljZSgwLCB0aGlzLmNoZWNrUG9zQXJyLmxlbmd0aCk7DQogICAgICB0aGlzLm51bSA9IDE7DQogICAgICB0aGlzLmdldFBpY3RydWUoKTsNCiAgICAgIHRoaXMudGV4dCA9ICfpqozor4HlpLHotKUnOw0KICAgICAgdGhpcy5zaG93UmVmcmVzaCA9IHRydWU7DQogICAgfSwNCg0KICAgIC8vIOivt+axguiDjOaZr+WbvueJh+WSjOmqjOivgeWbvueJhw0KICAgIGdldFBpY3RydWUoKSB7DQogICAgICBjb25zdCBkYXRhID0gew0KICAgICAgICBjYXB0Y2hhVHlwZTogdGhpcy5jYXB0Y2hhVHlwZSwNCiAgICAgICAgY2xpZW50VWlkOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgncG9pbnQnKSwNCiAgICAgICAgdHM6IERhdGUubm93KCksIC8vIOeOsOWcqOeahOaXtumXtOaIsw0KICAgICAgfTsNCiAgICAgIGFqQ2FwdGNoYShkYXRhKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgaWYgKHJlcy5yZXBDb2RlID09ICcwMDAwJykgew0KICAgICAgICAgIHRoaXMucG9pbnRCYWNrSW1nQmFzZSA9IHJlcy5yZXBEYXRhLm9yaWdpbmFsSW1hZ2VCYXNlNjQ7DQogICAgICAgICAgdGhpcy5iYWNrVG9rZW4gPSByZXMucmVwRGF0YS50b2tlbjsNCiAgICAgICAgICB0aGlzLnNlY3JldEtleSA9IHJlcy5yZXBEYXRhLnNlY3JldEtleTsNCiAgICAgICAgICB0aGlzLnBvaW5UZXh0TGlzdCA9IHJlcy5yZXBEYXRhLndvcmRMaXN0Ow0KICAgICAgICAgIHRoaXMudGV4dCA9ICfor7fkvp3mrKHngrnlh7vjgJAnICsgdGhpcy5wb2luVGV4dExpc3Quam9pbignLCcpICsgJ+OAkSc7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy50ZXh0ID0gcmVzLnJlcE1zZzsNCiAgICAgICAgfQ0KDQogICAgICAgIC8vIOWIpOaWreaOpeWPo+ivt+axguasoeaVsOaYr+WQpuWkseaViA0KICAgICAgICBpZiAocmVzLnJlcENvZGUgPT0gJzYyMDEnKSB7DQogICAgICAgICAgdGhpcy5wb2ludEJhY2tJbWdCYXNlID0gbnVsbDsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDlnZDmoIfovazmjaLlh73mlbANCiAgICBwb2ludFRyYW5zZnJvbShwb2ludEFyciwgaW1nU2l6ZSkgew0KICAgICAgdmFyIG5ld1BvaW50QXJyID0gcG9pbnRBcnIubWFwKChwKSA9PiB7DQogICAgICAgIGNvbnN0IHggPSBNYXRoLnJvdW5kKCgzMTAgKiBwLngpIC8gcGFyc2VJbnQoaW1nU2l6ZS5pbWdXaWR0aCkpOw0KICAgICAgICBjb25zdCB5ID0gTWF0aC5yb3VuZCgoMTU1ICogcC55KSAvIHBhcnNlSW50KGltZ1NpemUuaW1nSGVpZ2h0KSk7DQogICAgICAgIHJldHVybiB7IHgsIHkgfTsNCiAgICAgIH0pOw0KICAgICAgcmV0dXJuIG5ld1BvaW50QXJyOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["VerifyPoints.vue"],"names":[],"mappings":";AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VerifyPoints.vue","sourceRoot":"src/components/verifition/Verify","sourcesContent":["<template>\r\n  <div style=\"position: relative\">\r\n    <div class=\"verify-img-out\">\r\n      <div\r\n        class=\"verify-img-panel\"\r\n        :style=\"{\r\n          width: setSize.imgWidth,\r\n          height: setSize.imgHeight,\r\n          'background-size': setSize.imgWidth + ' ' + setSize.imgHeight,\r\n          'margin-bottom': vSpace + 'px',\r\n        }\"\r\n      >\r\n        <div v-show=\"showRefresh\" class=\"verify-refresh\" style=\"z-index: 3\" v-db-click @click=\"refresh\">\r\n          <i class=\"iconfont icon-refresh\" />\r\n        </div>\r\n        <img\r\n          ref=\"canvas\"\r\n          :src=\"pointBackImgBase ? 'data:image/png;base64,' + pointBackImgBase : defaultImg\"\r\n          alt=\"\"\r\n          style=\"width: 100%; height: 100%; display: block\"\r\n          v-db-click\r\n          @click=\"bindingClick ? canvasClick($event) : undefined\"\r\n        />\r\n\r\n        <div\r\n          v-for=\"(tempPoint, index) in tempPoints\"\r\n          :key=\"index\"\r\n          class=\"point-area\"\r\n          :style=\"{\r\n            'background-color': '#1abd6c',\r\n            color: '#fff',\r\n            'z-index': 9999,\r\n            width: '20px',\r\n            height: '20px',\r\n            'text-align': 'center',\r\n            'line-height': '20px',\r\n            'border-radius': '50%',\r\n            position: 'absolute',\r\n            top: parseInt(tempPoint.y - 10) + 'px',\r\n            left: parseInt(tempPoint.x - 10) + 'px',\r\n          }\"\r\n        >\r\n          {{ index + 1 }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 'height': this.barSize.height, -->\r\n    <div\r\n      class=\"verify-bar-area\"\r\n      :style=\"{\r\n        width: setSize.imgWidth,\r\n        color: this.barAreaColor,\r\n        'border-color': this.barAreaBorderColor,\r\n        'line-height': this.barSize.height,\r\n      }\"\r\n    >\r\n      <span class=\"verify-msg\">{{ text }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script type=\"text/babel\">\r\n/**\r\n * VerifyPoints\r\n * @description 点选\r\n * */\r\nimport { resetSize, _code_chars, _code_color1, _code_color2 } from './../utils/util';\r\nimport { aesEncrypt } from './../utils/ase';\r\nimport { ajCaptcha, ajCaptchaCheck } from '../../../api/common';\r\n\r\nexport default {\r\n  name: 'VerifyPoints',\r\n  props: {\r\n    // 弹出式pop，固定fixed\r\n    mode: {\r\n      type: String,\r\n      default: 'fixed',\r\n    },\r\n    captchaType: {\r\n      type: String,\r\n    },\r\n    // 间隔\r\n    vSpace: {\r\n      type: Number,\r\n      default: 5,\r\n    },\r\n    imgSize: {\r\n      type: Object,\r\n      default() {\r\n        return {\r\n          width: '310px',\r\n          height: '155px',\r\n        };\r\n      },\r\n    },\r\n    barSize: {\r\n      type: Object,\r\n      default() {\r\n        return {\r\n          width: '310px',\r\n          height: '40px',\r\n        };\r\n      },\r\n    },\r\n    defaultImg: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      secretKey: '', // 后端返回的ase加密秘钥\r\n      checkNum: 3, // 默认需要点击的字数\r\n      fontPos: [], // 选中的坐标信息\r\n      checkPosArr: [], // 用户点击的坐标\r\n      num: 1, // 点击的记数\r\n      pointBackImgBase: '', // 后端获取到的背景图片\r\n      poinTextList: [], // 后端返回的点击字体顺序\r\n      backToken: '', // 后端返回的token值\r\n      setSize: {\r\n        imgHeight: 0,\r\n        imgWidth: 0,\r\n        barHeight: 0,\r\n        barWidth: 0,\r\n      },\r\n      tempPoints: [],\r\n      text: '',\r\n      barAreaColor: undefined,\r\n      barAreaBorderColor: undefined,\r\n      showRefresh: true,\r\n      bindingClick: true,\r\n    };\r\n  },\r\n  computed: {\r\n    resetSize() {\r\n      return resetSize;\r\n    },\r\n  },\r\n  watch: {\r\n    // type变化则全面刷新\r\n    type: {\r\n      immediate: true,\r\n      handler() {\r\n        this.init();\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n    // 禁止拖拽\r\n    this.$el.onselectstart = function () {\r\n      return false;\r\n    };\r\n  },\r\n  methods: {\r\n    init() {\r\n      // 加载页面\r\n      this.fontPos.splice(0, this.fontPos.length);\r\n      this.checkPosArr.splice(0, this.checkPosArr.length);\r\n      this.num = 1;\r\n      this.getPictrue();\r\n      this.$nextTick(() => {\r\n        this.setSize = this.resetSize(this); // 重新设置宽度高度\r\n        this.$parent.$emit('ready', this);\r\n      });\r\n    },\r\n    canvasClick(e) {\r\n      this.checkPosArr.push(this.getMousePos(this.$refs.canvas, e));\r\n      if (this.num == this.checkNum) {\r\n        this.num = this.createPoint(this.getMousePos(this.$refs.canvas, e));\r\n        // 按比例转换坐标值\r\n        this.checkPosArr = this.pointTransfrom(this.checkPosArr, this.setSize);\r\n        // 等创建坐标执行完\r\n        setTimeout(() => {\r\n          // var flag = this.comparePos(this.fontPos, this.checkPosArr);\r\n          // 发送后端请求\r\n          var captchaVerification = this.secretKey\r\n            ? aesEncrypt(this.backToken + '---' + JSON.stringify(this.checkPosArr), this.secretKey)\r\n            : this.backToken + '---' + JSON.stringify(this.checkPosArr);\r\n          const data = {\r\n            captchaType: this.captchaType,\r\n            pointJson: this.secretKey\r\n              ? aesEncrypt(JSON.stringify(this.checkPosArr), this.secretKey)\r\n              : JSON.stringify(this.checkPosArr),\r\n            token: this.backToken,\r\n          };\r\n          ajCaptchaCheck(data).then((res) => {\r\n            if (res.repCode == '0000') {\r\n              this.barAreaColor = '#4cae4c';\r\n              this.barAreaBorderColor = '#5cb85c';\r\n              this.text = '验证成功';\r\n              this.bindingClick = false;\r\n              if (this.mode == 'pop') {\r\n                setTimeout(() => {\r\n                  this.$parent.clickShow = false;\r\n                  this.refresh();\r\n                }, 1500);\r\n              }\r\n              this.$parent.$emit('success', { captchaVerification });\r\n            } else {\r\n              this.$parent.$emit('error', this);\r\n              this.barAreaColor = '#d9534f';\r\n              this.barAreaBorderColor = '#d9534f';\r\n              this.text = '验证失败';\r\n              setTimeout(() => {\r\n                this.refresh();\r\n              }, 700);\r\n            }\r\n          });\r\n        }, 400);\r\n      }\r\n      if (this.num < this.checkNum) {\r\n        this.num = this.createPoint(this.getMousePos(this.$refs.canvas, e));\r\n      }\r\n    },\r\n\r\n    // 获取坐标\r\n    getMousePos: function (obj, e) {\r\n      var x = e.offsetX;\r\n      var y = e.offsetY;\r\n      return { x, y };\r\n    },\r\n    // 创建坐标点\r\n    createPoint: function (pos) {\r\n      this.tempPoints.push(Object.assign({}, pos));\r\n      return ++this.num;\r\n    },\r\n    refresh: function () {\r\n      this.tempPoints.splice(0, this.tempPoints.length);\r\n      this.barAreaColor = '#000';\r\n      this.barAreaBorderColor = '#ddd';\r\n      this.bindingClick = true;\r\n      this.fontPos.splice(0, this.fontPos.length);\r\n      this.checkPosArr.splice(0, this.checkPosArr.length);\r\n      this.num = 1;\r\n      this.getPictrue();\r\n      this.text = '验证失败';\r\n      this.showRefresh = true;\r\n    },\r\n\r\n    // 请求背景图片和验证图片\r\n    getPictrue() {\r\n      const data = {\r\n        captchaType: this.captchaType,\r\n        clientUid: localStorage.getItem('point'),\r\n        ts: Date.now(), // 现在的时间戳\r\n      };\r\n      ajCaptcha(data).then((res) => {\r\n        if (res.repCode == '0000') {\r\n          this.pointBackImgBase = res.repData.originalImageBase64;\r\n          this.backToken = res.repData.token;\r\n          this.secretKey = res.repData.secretKey;\r\n          this.poinTextList = res.repData.wordList;\r\n          this.text = '请依次点击【' + this.poinTextList.join(',') + '】';\r\n        } else {\r\n          this.text = res.repMsg;\r\n        }\r\n\r\n        // 判断接口请求次数是否失效\r\n        if (res.repCode == '6201') {\r\n          this.pointBackImgBase = null;\r\n        }\r\n      });\r\n    },\r\n    // 坐标转换函数\r\n    pointTransfrom(pointArr, imgSize) {\r\n      var newPointArr = pointArr.map((p) => {\r\n        const x = Math.round((310 * p.x) / parseInt(imgSize.imgWidth));\r\n        const y = Math.round((155 * p.y) / parseInt(imgSize.imgHeight));\r\n        return { x, y };\r\n      });\r\n      return newPointArr;\r\n    },\r\n  },\r\n};\r\n</script>\r\n"]}]}