Skip to content

C
company_app
提交 7534e291 作者: 施汉文
操作

feat: 添加问题反馈接口，更新图标资源与依赖

上级 69eb5f5c
正在显示 包含 384 行增加 和 249 行删除
package.json
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
"dependencies": { "dependencies": {
"@aliyun-sls/web-track-browser": "^0.0.3", "@aliyun-sls/web-track-browser": "^0.0.3",
"@wecom/jssdk": "^2.3.1", "@wecom/jssdk": "^2.3.1",
"autoprefixer": "^10.4.0",
"axios": "^1.9.0", "axios": "^1.9.0",
"babel-plugin-component": "^1.1.1", "babel-plugin-component": "^1.1.1",
"bi-eleme": "^2.4.4", "bi-eleme": "^2.4.4",
...@@ -29,11 +30,11 @@ ...@@ -29,11 +30,11 @@
"qrcode.vue": "^1.7.0", "qrcode.vue": "^1.7.0",
"sass": "^1.89.0", "sass": "^1.89.0",
"sass-loader": "^16.0.5", "sass-loader": "^16.0.5",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
"vconsole": "^3.15.1", "vconsole": "^3.15.1",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-lottie": "0.2.1",
"vue-router": "^3.5.1", "vue-router": "^3.5.1",
"autoprefixer": "^10.4.0",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
"vuex": "^3.6.2" "vuex": "^3.6.2"
}, },
"devDependencies": { "devDependencies": {
......
pnpm-lock.yaml
...@@ -11,15 +11,12 @@ importers: ...@@ -11,15 +11,12 @@ importers:
'@aliyun-sls/web-track-browser': '@aliyun-sls/web-track-browser':
specifier: ^0.0.3 specifier: ^0.0.3
version: 0.0.3 version: 0.0.3
'@bi-plugin/plugin-unicode-fix':
specifier: ^1.0.3
version: 1.0.3(@rsbuild/core@1.7.4)
'@wecom/jssdk': '@wecom/jssdk':
specifier: ^2.3.1 specifier: ^2.3.1
version: 2.3.1 version: 2.3.1
autoprefixer: autoprefixer:
specifier: ^10.4.0 specifier: ^10.4.0
version: 10.4.21(postcss@7.0.39) version: 10.4.21(postcss@8.5.3)
axios: axios:
specifier: ^1.9.0 specifier: ^1.9.0
version: 1.9.0 version: 1.9.0
...@@ -83,6 +80,9 @@ importers: ...@@ -83,6 +80,9 @@ importers:
vue: vue:
specifier: ^2.6.14 specifier: ^2.6.14
version: 2.7.16 version: 2.7.16
vue-lottie:
specifier: 0.2.1
version: 0.2.1(vue@2.7.16)
vue-router: vue-router:
specifier: ^3.5.1 specifier: ^3.5.1
version: 3.6.5(vue@2.7.16) version: 3.6.5(vue@2.7.16)
...@@ -676,11 +676,6 @@ packages: ...@@ -676,11 +676,6 @@ packages:
resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==} resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
engines: {node: '>=6.9.0'} engines: {node: '>=6.9.0'}
'@bi-plugin/plugin-unicode-fix@1.0.3':
resolution: {integrity: sha512-oLbSTbzJUsZkvT48ioq4M83tDys3TnJZCKBgN+F3QNFP3VifC03FCmHlNpOxSzhNqWICk91P97xjPB0fkmvLDQ==}
peerDependencies:
'@rsbuild/core': 1.x
'@cell-x/el-table-sticky@1.0.4': '@cell-x/el-table-sticky@1.0.4':
resolution: {integrity: sha512-2IYDq5czDFamyaqdY0s2A7T5crqslw/a3riKBJSxOlBNOOHdfSfLt1AlLOnkaFhYWg+/QApR0ysokAGRiTXnGQ==} resolution: {integrity: sha512-2IYDq5czDFamyaqdY0s2A7T5crqslw/a3riKBJSxOlBNOOHdfSfLt1AlLOnkaFhYWg+/QApR0ysokAGRiTXnGQ==}
...@@ -855,11 +850,6 @@ packages: ...@@ -855,11 +850,6 @@ packages:
'@polka/url@1.0.0-next.29': '@polka/url@1.0.0-next.29':
resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==} resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
'@rsbuild/core@1.7.4':
resolution: {integrity: sha512-1hn9j62Kkckh2CGUMQcr/H/PtHgN5iqB3kChaMCVGqxrC4jbJBQxRtuHuWVJDKeEO0uWPMABAR748qJISIyh5w==}
engines: {node: '>=18.12.0'}
hasBin: true
'@rspack/binding-darwin-arm64@1.7.10': '@rspack/binding-darwin-arm64@1.7.10':
resolution: {integrity: sha512-bsXi7I6TpH+a4L6okIUh1JDvwT+XcK/L7Yvhu5G2t5YYyd2fl5vMM5O9cePRpEb0RdqJZ3Z8i9WIWHap9aQ8Gw==} resolution: {integrity: sha512-bsXi7I6TpH+a4L6okIUh1JDvwT+XcK/L7Yvhu5G2t5YYyd2fl5vMM5O9cePRpEb0RdqJZ3Z8i9WIWHap9aQ8Gw==}
cpu: [arm64] cpu: [arm64]
...@@ -2129,9 +2119,6 @@ packages: ...@@ -2129,9 +2119,6 @@ packages:
core-js@3.42.0: core-js@3.42.0:
resolution: {integrity: sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==} resolution: {integrity: sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==}
core-js@3.47.0:
resolution: {integrity: sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==}
core-util-is@1.0.2: core-util-is@1.0.2:
resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==} resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
...@@ -3053,7 +3040,7 @@ packages: ...@@ -3053,7 +3040,7 @@ packages:
glob@7.1.7: glob@7.1.7:
resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==} resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==}
deprecated: Glob versions prior to v9 are no longer supported deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
glob@7.2.3: glob@7.2.3:
resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==} resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
...@@ -3684,10 +3671,6 @@ packages: ...@@ -3684,10 +3671,6 @@ packages:
resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==} resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
engines: {node: '>= 10.13.0'} engines: {node: '>= 10.13.0'}
jiti@2.6.1:
resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
hasBin: true
joi@17.13.3: joi@17.13.3:
resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==} resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==}
...@@ -3886,6 +3869,9 @@ packages: ...@@ -3886,6 +3869,9 @@ packages:
resolution: {integrity: sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==} resolution: {integrity: sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
lottie-web@5.13.0:
resolution: {integrity: sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==}
loud-rejection@1.6.0: loud-rejection@1.6.0:
resolution: {integrity: sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==} resolution: {integrity: sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
...@@ -5639,7 +5625,7 @@ packages: ...@@ -5639,7 +5625,7 @@ packages:
tar@2.2.2: tar@2.2.2:
resolution: {integrity: sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==} resolution: {integrity: sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==}
deprecated: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
temp-dir@1.0.0: temp-dir@1.0.0:
resolution: {integrity: sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==} resolution: {integrity: sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==}
...@@ -5993,6 +5979,11 @@ packages: ...@@ -5993,6 +5979,11 @@ packages:
vue: vue:
optional: true optional: true
vue-lottie@0.2.1:
resolution: {integrity: sha512-zInUX69Ij8MhVR3XArpu4PqqBoufwKxS5UMutWCPm59VUaB5H6GtnaIzf9M+l6aYU+Kr8gF/W9dzWLgRuU6V+Q==}
peerDependencies:
vue: ^2.5.16
vue-quill-editor@3.0.6: vue-quill-editor@3.0.6:
resolution: {integrity: sha512-g20oSZNWg8Hbu41Kinjd55e235qVWPLfg4NvsLW6d+DhgBTFbEuMpcWlUdrD6qT3+Noim6DRu18VLM9lVShXOQ==} resolution: {integrity: sha512-g20oSZNWg8Hbu41Kinjd55e235qVWPLfg4NvsLW6d+DhgBTFbEuMpcWlUdrD6qT3+Noim6DRu18VLM9lVShXOQ==}
engines: {node: '>= 4.0.0', npm: '>= 3.0.0'} engines: {node: '>= 4.0.0', npm: '>= 3.0.0'}
...@@ -6933,10 +6924,6 @@ snapshots: ...@@ -6933,10 +6924,6 @@ snapshots:
'@babel/helper-string-parser': 7.27.1 '@babel/helper-string-parser': 7.27.1
'@babel/helper-validator-identifier': 7.27.1 '@babel/helper-validator-identifier': 7.27.1
'@bi-plugin/plugin-unicode-fix@1.0.3(@rsbuild/core@1.7.4)':
dependencies:
'@rsbuild/core': 1.7.4
'@cell-x/el-table-sticky@1.0.4': '@cell-x/el-table-sticky@1.0.4':
dependencies: dependencies:
gemini-scrollbar: 1.5.3 gemini-scrollbar: 1.5.3
...@@ -6991,30 +6978,36 @@ snapshots: ...@@ -6991,30 +6978,36 @@ snapshots:
'@leichtgewicht/ip-codec@2.0.5': {} '@leichtgewicht/ip-codec@2.0.5': {}
'@module-federation/error-codes@0.22.0': {} '@module-federation/error-codes@0.22.0':
optional: true
'@module-federation/runtime-core@0.22.0': '@module-federation/runtime-core@0.22.0':
dependencies: dependencies:
'@module-federation/error-codes': 0.22.0 '@module-federation/error-codes': 0.22.0
'@module-federation/sdk': 0.22.0 '@module-federation/sdk': 0.22.0
optional: true
'@module-federation/runtime-tools@0.22.0': '@module-federation/runtime-tools@0.22.0':
dependencies: dependencies:
'@module-federation/runtime': 0.22.0 '@module-federation/runtime': 0.22.0
'@module-federation/webpack-bundler-runtime': 0.22.0 '@module-federation/webpack-bundler-runtime': 0.22.0
optional: true
'@module-federation/runtime@0.22.0': '@module-federation/runtime@0.22.0':
dependencies: dependencies:
'@module-federation/error-codes': 0.22.0 '@module-federation/error-codes': 0.22.0
'@module-federation/runtime-core': 0.22.0 '@module-federation/runtime-core': 0.22.0
'@module-federation/sdk': 0.22.0 '@module-federation/sdk': 0.22.0
optional: true
'@module-federation/sdk@0.22.0': {} '@module-federation/sdk@0.22.0':
optional: true
'@module-federation/webpack-bundler-runtime@0.22.0': '@module-federation/webpack-bundler-runtime@0.22.0':
dependencies: dependencies:
'@module-federation/runtime': 0.22.0 '@module-federation/runtime': 0.22.0
'@module-federation/sdk': 0.22.0 '@module-federation/sdk': 0.22.0
optional: true
'@napi-rs/wasm-runtime@1.0.7': '@napi-rs/wasm-runtime@1.0.7':
dependencies: dependencies:
...@@ -7102,14 +7095,6 @@ snapshots: ...@@ -7102,14 +7095,6 @@ snapshots:
'@polka/url@1.0.0-next.29': {} '@polka/url@1.0.0-next.29': {}
'@rsbuild/core@1.7.4':
dependencies:
'@rspack/core': 1.7.10(@swc/helpers@0.5.20)
'@rspack/lite-tapable': 1.1.0
'@swc/helpers': 0.5.20
core-js: 3.47.0
jiti: 2.6.1
'@rspack/binding-darwin-arm64@1.7.10': '@rspack/binding-darwin-arm64@1.7.10':
optional: true optional: true
...@@ -7154,6 +7139,7 @@ snapshots: ...@@ -7154,6 +7139,7 @@ snapshots:
'@rspack/binding-win32-arm64-msvc': 1.7.10 '@rspack/binding-win32-arm64-msvc': 1.7.10
'@rspack/binding-win32-ia32-msvc': 1.7.10 '@rspack/binding-win32-ia32-msvc': 1.7.10
'@rspack/binding-win32-x64-msvc': 1.7.10 '@rspack/binding-win32-x64-msvc': 1.7.10
optional: true
'@rspack/core@1.7.10(@swc/helpers@0.5.20)': '@rspack/core@1.7.10(@swc/helpers@0.5.20)':
dependencies: dependencies:
...@@ -7162,8 +7148,10 @@ snapshots: ...@@ -7162,8 +7148,10 @@ snapshots:
'@rspack/lite-tapable': 1.1.0 '@rspack/lite-tapable': 1.1.0
optionalDependencies: optionalDependencies:
'@swc/helpers': 0.5.20 '@swc/helpers': 0.5.20
optional: true
'@rspack/lite-tapable@1.1.0': {} '@rspack/lite-tapable@1.1.0':
optional: true
'@sideway/address@4.1.5': '@sideway/address@4.1.5':
dependencies: dependencies:
...@@ -7200,6 +7188,7 @@ snapshots: ...@@ -7200,6 +7188,7 @@ snapshots:
'@swc/helpers@0.5.20': '@swc/helpers@0.5.20':
dependencies: dependencies:
tslib: 2.8.1 tslib: 2.8.1
optional: true
'@tailwindcss/postcss7-compat@2.2.17': '@tailwindcss/postcss7-compat@2.2.17':
dependencies: dependencies:
...@@ -8081,16 +8070,6 @@ snapshots: ...@@ -8081,16 +8070,6 @@ snapshots:
atob@2.1.2: {} atob@2.1.2: {}
autoprefixer@10.4.21(postcss@7.0.39):
dependencies:
browserslist: 4.24.5
caniuse-lite: 1.0.30001718
fraction.js: 4.3.7
normalize-range: 0.1.2
picocolors: 1.1.1
postcss: 7.0.39
postcss-value-parser: 4.2.0
autoprefixer@10.4.21(postcss@8.5.3): autoprefixer@10.4.21(postcss@8.5.3):
dependencies: dependencies:
browserslist: 4.24.5 browserslist: 4.24.5
...@@ -8730,8 +8709,6 @@ snapshots: ...@@ -8730,8 +8709,6 @@ snapshots:
core-js@3.42.0: {} core-js@3.42.0: {}
core-js@3.47.0: {}
core-util-is@1.0.2: core-util-is@1.0.2:
optional: true optional: true
...@@ -10595,8 +10572,6 @@ snapshots: ...@@ -10595,8 +10572,6 @@ snapshots:
merge-stream: 2.0.0 merge-stream: 2.0.0
supports-color: 8.1.1 supports-color: 8.1.1
jiti@2.6.1: {}
joi@17.13.3: joi@17.13.3:
dependencies: dependencies:
'@hapi/hoek': 9.3.0 '@hapi/hoek': 9.3.0
...@@ -10784,6 +10759,8 @@ snapshots: ...@@ -10784,6 +10759,8 @@ snapshots:
longest@1.0.1: longest@1.0.1:
optional: true optional: true
lottie-web@5.13.0: {}
loud-rejection@1.6.0: loud-rejection@1.6.0:
dependencies: dependencies:
currently-unhandled: 0.4.1 currently-unhandled: 0.4.1
...@@ -13233,6 +13210,11 @@ snapshots: ...@@ -13233,6 +13210,11 @@ snapshots:
'@vue/compiler-sfc': 3.5.14 '@vue/compiler-sfc': 3.5.14
vue: 2.7.16 vue: 2.7.16
vue-lottie@0.2.1(vue@2.7.16):
dependencies:
lottie-web: 5.13.0
vue: 2.7.16
vue-quill-editor@3.0.6: vue-quill-editor@3.0.6:
dependencies: dependencies:
object-assign: 4.1.1 object-assign: 4.1.1
......
public/index.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<title>企微侧边栏</title> <title>企微侧边栏</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no,user-scalable=no"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no,user-scalable=no"> -->
<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script> <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
<script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_27278_173.e64d61edfe0d4824e2eeb0b7f478e568.js"></script> <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_27278_197.b5e8128b23f8f43e9a679aa56db978e6.js"></script>
</head> </head>
<body> <body>
<noscript> <noscript>
......
src/api/aiChat.js
...@@ -84,3 +84,11 @@ export function regenerateSummary(data) { ...@@ -84,3 +84,11 @@ export function regenerateSummary(data) {
data data
}) })
} }
// 问题反馈
export function submitQuestion(data) {
return request({
url: '/sidebar/corp_beta_question_log/submitQuestion',
method: 'post',
data
})
}
src/assets/aiLoading.json 0 → 100644
{"v":"5.6.10","fr":60,"ip":0,"op":60,"w":400,"h":400,"nm":"加载动效","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Vector","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[270]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":32,"s":[270]},{"t":60,"s":[540]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[163.637,218.181,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":28,"s":[273.637,131.181,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":32,"s":[273.637,131.181,0],"to":[0,0,0],"ti":[0,0,0]},{"t":60,"s":[163.637,218.181,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,2.012],[0,0],[5.812,2.235],[0,0],[6.706,24.141],[0,0],[2.012,0],[2.012,-4.918],[0,0],[24.141,-6.929],[0,0],[0,-2.235],[-6.035,-1.788],[0,0],[-6.706,-24.141],[0,0],[-2.235,0],[-1.788,6.259],[0,0],[-24.365,6.706]],"o":[[5.365,-1.788],[0,0],[0,-1.788],[0,0],[-24.141,-6.929],[0,0],[-1.788,-4.471],[-2.012,0],[0,0],[-6.706,24.141],[0,0],[-6.035,1.788],[0,2.012],[0,0],[24.141,6.706],[0,0],[1.788,6.259],[2.235,0],[0,0],[6.706,-24.365],[0,0]],"v":[[94.217,8.829],[100.699,0.559],[100.699,0.335],[94.664,-8.829],[65.829,-16.653],[16.429,-66.052],[8.382,-95.558],[-0.112,-100.699],[-8.606,-95.111],[-16.653,-65.829],[-65.829,-16.429],[-93.993,-9.053],[-100.699,0.112],[-93.993,9.053],[-66.052,16.653],[-16.653,65.829],[-9.053,93.77],[-0.112,100.699],[8.829,93.77],[16.429,66.052],[65.829,16.653]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.749019622803,0.541176497936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Vector","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[270]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":32,"s":[270]},{"t":60,"s":[540]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[309.092,109.091,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":28,"s":[119.092,262.091,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":32,"s":[119.092,262.091,0],"to":[0,0,0],"ti":[0,0,0]},{"t":60,"s":[309.092,109.091,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,1.006],[0,0],[2.906,1.118],[0,0],[3.353,12.071],[0,0],[1.006,0],[1.006,-2.459],[0,0],[12.071,-3.465],[0,0],[0,-1.118],[-3.018,-0.894],[0,0],[-3.353,-12.071],[0,0],[-1.118,0],[-0.894,3.129],[0,0],[-12.182,3.353]],"o":[[2.682,-0.894],[0,0],[0,-0.894],[0,0],[-12.071,-3.465],[0,0],[-0.894,-2.235],[-1.006,0],[0,0],[-3.353,12.071],[0,0],[-3.018,0.894],[0,1.006],[0,0],[12.071,3.353],[0,0],[0.894,3.129],[1.118,0],[0,0],[3.353,-12.182],[0,0]],"v":[[47.108,4.415],[50.35,0.279],[50.35,0.168],[47.332,-4.415],[32.914,-8.326],[8.215,-33.026],[4.191,-47.779],[-0.056,-50.35],[-4.303,-47.556],[-8.326,-32.914],[-32.914,-8.215],[-46.997,-4.526],[-50.35,0.056],[-46.997,4.526],[-33.026,8.326],[-8.326,32.914],[-4.526,46.885],[-0.056,50.35],[4.415,46.885],[8.215,33.026],[32.914,8.326]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.749019622803,0.541176497936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
src/directive/copy/copy.js
...@@ -5,7 +5,7 @@ const copy = { ...@@ -5,7 +5,7 @@ const copy = {
inserted: function(el, binding) { inserted: function(el, binding) {
// 创建复制图标元素 // 创建复制图标元素
const copyIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg') const copyIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
copyIcon.innerHTML = '<use href="#icon-fuzhi"></use>' copyIcon.innerHTML = '<use href="#fuzhi"></use>'
copyIcon.setAttribute('class', 'iconpark-icon') copyIcon.setAttribute('class', 'iconpark-icon')
copyIcon.style.cursor = 'pointer' copyIcon.style.cursor = 'pointer'
copyIcon.style.marginLeft = '8px' copyIcon.style.marginLeft = '8px'
......
src/views/components/aiChat/aiArgenChat.vue
<template> <template>
<div class="AiLibrary"> <div class="AiLibrary">
<div class="aiLibraryContent" v-if="knowledge_search_list.length > 0"> <div class="aiLibrary-content" v-if="knowledge_search_list.length > 0">
<div class="aiLibraryHeader"> <div class="aiLibraryHeader">
<div class="aiLibraryHeader_content columnFlex"> <div class="aiLibraryHeader_content columnFlex">
<div class="rowFlex rowCenter spaceBetween"> <div class="rowFlex rowCenter spaceBetween aiLibraryHeader_row">
<p class="aiLibraryHeader_content_tag_title">当前知识库: <p class="aiLibraryHeader_label">当前知识库:
<el-popover placement="top" style="width: auto;" title="当前知识库:" trigger="click" <el-popover placement="top" style="width: auto;" title="当前知识库" trigger="click" content="这是一段内容">
content="这是一段内容">
<div class="aiLibraryHeader_content_tag columnFlex"> <div class="aiLibraryHeader_content_tag columnFlex">
<p v-for="(name, index) in knowledge_search_list" style="margin-bottom:10px;" <p v-for="(name, index) in knowledge_search_list" :key="index">
:key="index"> <el-tag size="mini" type="success">{{ name
<el-tag size="mini">{{ name
}}</el-tag> }}</el-tag>
</p> </p>
</div> </div>
<el-button type="text" size="medium" slot="reference">{{ knowledge_search_list.length <el-button type="text" slot="reference">{{ knowledge_search_list.length }}个</el-button>
}}个</el-button>
</el-popover> </el-popover>
</p> </p>
<el-button type="text" @click="clearContextComfion" class="clearContext">清除上下文</el-button> <el-button type="text" @click="clearContextComfion" class="clearContext">清除上下文</el-button>
...@@ -23,7 +20,6 @@ ...@@ -23,7 +20,6 @@
</div> </div>
</div> </div>
<div class="AiChatList"> <div class="AiChatList">
<!-- v-loadingChat="loading" -->
<div ref="ai-box" v-debounce="paperScroll" class="msg-box columnFlex flex1"> <div ref="ai-box" v-debounce="paperScroll" class="msg-box columnFlex flex1">
<div> <div>
<div class="rowFlex rowCenter linkStyle"> <div class="rowFlex rowCenter linkStyle">
...@@ -37,87 +33,87 @@ ...@@ -37,87 +33,87 @@
<div class="line"></div> <div class="line"></div>
</div> </div>
</div> </div>
<div v-for="(i, index) in recordMessage" :key="i._id" class="item"> <div v-for="(i,index) in recordMessage" :key="i._id" class="item">
<div class="msgBoxItem"> <div class="msgBoxItem">
<div v-if="i._id && i.message" class="msg rowFlex columnCenter" <div v-if=" i._id && i.message" class="msg rowFlex columnCenter"
:style="i.send_type == 1 ? 'flex-direction:row-reverse' : ''"> :style="i.send_type==1?'flex-direction:row-reverse':''">
<div class="columnFlex userHead">
<div class="user-head columnFlex">
<el-image class="image" fit="fill"
:src="i.send_type == 2 ? i.from.robot.avatar : i.from.cser.avatar"></el-image>
</div>
</div>
<div class="user-msg columnFlex" <div class="user-msg columnFlex"
:style="i.send_type == 1 ? 'margin-right:10px;' : 'margin-left:10px;'"> :style="i.send_type == 1 ? 'margin-right:10px;' : 'margin-left:10px;'">
<p class="time" :style="i.send_type == 1 ? 'text-align: right;' : ' '"> <div class="time" :style="i.send_type == 1 ? 'justify-content: flex-end;' : ''">
{{ i.create_time }} <span>{{ i.create_time }}</span>
<el-popover v-if="i._id && i.quote_list.length > 0" placement="top" <template v-if="i.send_type == 2 && !i.loading">
width="300" trigger="click"> <span class="time-divider"></span>
<div class="comeIngText" style="max-height:500px;overflow:auto"> <span class="response-time">{{ i.response_time || 0 }}ms</span>
<div v-for="(item, index) in i.quote_list" :key="index" </template>
style="margin-bottom:15px;">
<span style="color:#000;font-weight:bold">来源{{ index + 1
}}:</span>
<p>问题:{{ item.question }}</p>
<p>答案:{{ item.answer }}</p>
</div>
</div> </div>
<el-button style="margin-bottom: -10px;" slot="reference" <div class="msg-item">
type="text">回答来源</el-button>
</el-popover>
</p>
<!-- 文字 --> <!-- 文字 -->
<div class="rowFlex resizeBtn chatItemBox" <div class="rowFlex resizeBtn chatItemBox" :class="i.send_type == 1?'rowEnd':'rowStart'">
:class="i.send_type == 1 ? 'rowEnd' : 'rowStart'">
<!-- 客服发的消息 --> <!-- 客服发的消息 -->
<div v-if="i.message.msgtype == 'text' && i.message.text && i.message.text.content && !i.loading" <div v-if="i.message.msgtype == 'text'&& i.message.text && i.message.text.content && !i.loading"
class="chatItem" :style="i.send_type == 1 ? 'float: right;' : ''" class="chatItem" :style="i.send_type == 1 ? 'float: right;' : ''"
:class="[i.send_type == 1 ? 'right' : 'left chatItemleft chatItemWidth']" :class="[i.send_type == 1 ? 'right' : 'gradient-border-wrapper chatItemleft chatItemWidth']">
v-html="i.message.text && i.message.text.content ? i.message.text.content.trim() : '不识别的消息类型'"> <div v-if="i.send_type != 1" class="chatItemleftText"
v-html="i.message.text && i.message.text.content?i.message.text.content.trim():'不识别的消息类型'">
</div>
<div v-else
v-html="i.message.text && i.message.text.content?i.message.text.content.trim():'不识别的消息类型'">
</div>
</div> </div>
<!-- 图片 --> <!-- 图片 -->
<div v-else-if="i.message.msgtype == 'image' && i.message.image && i.message.image.picurl && !i.loading" <div
v-else-if="i.message.msgtype == 'image'&& i.message.image && i.message.image.picurl && !i.loading"
class="chatItem" :style="i.send_type == 1 ? 'float: right;' : ''" class="chatItem" :style="i.send_type == 1 ? 'float: right;' : ''"
:class="[i.send_type == 1 ? 'right' : 'left chatItemleft chatItemWidth']"> :class="[i.send_type == 1 ? 'right' : 'gradient-border-wrapper chatItemleft chatItemWidth']">
<div v-if="i.send_type != 1">
<el-image class="aiImage" fit="contain" :src="i.message.image.picurl" <el-image class="aiImage" fit="contain" :src="i.message.image.picurl"
@click="watchImage(i)"></el-image> @click="watchImage(i)"></el-image>
</div> </div>
<el-image v-else class="aiImage" fit="contain" :src="i.message.image.picurl"
@click="watchImage(i)"></el-image>
</div>
<!-- 加在 loading --> <!-- 加在 loading -->
<div v-else-if="i.loading" class="chatItem" <div v-else-if="i.loading" class="chatItem" :style="i.send_type == 1 ? 'float: right;' : ''"
:style="i.send_type == 1 ? 'float: right;' : ''" :class="[i.send_type == 1 ? 'right' : 'gradient-border-wrapper']">
:class="[i.send_type == 1 ? 'right' : 'left chatItemWidth']"> <div v-if="i.send_type != 1" class="rowFlex columnCenter chatItemLoading">
<div class="rowFlex columnCenter chatItemLoading"> <span class="loading-text">答案整理中</span>
<svg-icon icon-class="answer" class="loadingRotage" /> <Lottie :options="defaultOptions" :height="20" :width="20" :speed="speed" />
<i class="loadingRotage"></i> </div>
<p style="margin-left:5px;">答案整理中....</p> <div v-else class="rowFlex columnCenter chatItemLoading">
</div> <span class="loading-text">答案整理中</span>
</div> <Lottie :options="defaultOptions" :height="20" :width="20" :speed="speed" />
<!-- 复制客户的消息 --> </div>
<div class=" rowFlex likeBtn spanceBetween" v-if="i.send_type == 2"> </div>
<span v-if="!i.loading && i.response_time" </div>
style="color:#87909c;font-size:12px;margin-right:5px;">{{ <!-- 操作栏 - 悬浮显示 -->
i.response_time }} ms</span> <div class="actionBar rowFlex" :class="{'actionBar-loading': i.loading}" v-if="i.send_type == 2">
<span> <el-popover v-if="i._id && i.quote_list && i.quote_list.length>0" placement="right" width="300" trigger="click">
<svg-icon v-if="i.like_status == 0" class="copy likeIcon" <div class="comeIngText" style="max-height:500px;overflow:auto">
icon-class="like" @click.stop="likeAnswer(i, 1, index)" /> <div v-for="(item,idx) in i.quote_list" :key="idx" style="margin-bottom:15px;">
<svg-icon v-else-if="i.like_status == 1" class="copy likeIcon" <span style="color:#000;font-weight:bold">来源{{ idx+1 }}:</span>
icon-class="likeActive" /> <p>问题:{{item.question}}</p>
<svg-icon v-if="i.like_status == 0" class="copy likeIcon" <p>答案:{{item.answer}}</p>
icon-class="hate" @click.stop="likeAnswer(i, 2, index)" /> </div>
<svg-icon v-else-if="i.like_status == 2" class="copy likeIcon" </div>
icon-class="hateActive" /> <span slot="reference" class="actionBar-btn">
<i class="el-icon-refresh-right copy likeIcon" <svg-icon svg-name="icon-laiyuan"/>
v-if="i._id && !i.is_msg && !i.loading" <span>回答来源</span>
:class="i.is_retry ? 'loadingRotageReply' : ''"
@click.stop="retryAnswer(i, index)"></i>
<svg-icon
v-if="i.message.msgtype == 'text' && !i.loading && !i.is_msg"
class="copy copyIcon"
:data-clipboard-text="i.message.text.content" icon-class="fuzhi"
@click="copyText(i, index)" />
</span> </span>
</el-popover>
<span class="actionBar-divider" v-if="i._id && !i.is_msg && !i.loading"></span>
<svg-icon v-if="i._id && !i.is_msg && !i.loading" class="actionBar-icon"
svg-name="icon-zhongxinshengcheng"
:class="i.is_retry ?'loadingRotageReply':''" @click.stop="retryAnswer(i,index)" />
<svg-icon v-if="i.message.msgtype == 'text' && !i.loading && !i.is_msg" class="actionBar-icon copy"
:data-clipboard-text="i.message.text.content" svg-name="fuzhi" @click="copyText(i,index)" />
<span class="actionBar-divider"></span>
<svg-icon v-if="i.like_status == 0" class="actionBar-icon" svg-name="icon-dianzan"
@click.stop="likeAnswer(i,1,index)" />
<svg-icon v-else-if="i.like_status == 1" class="actionBar-icon" icon-class="likeActive" />
<svg-icon v-if="i.like_status == 0" class="actionBar-icon" svg-name="icon-diancai"
@click.stop="likeAnswer(i,2,index)" />
<svg-icon v-else-if="i.like_status == 2" class="actionBar-icon" icon-class="hateActive" />
<el-button type="text" class="actionBar-feedback" @click.stop="openFeedback(i)">问题反馈</el-button>
</div> </div>
</div> </div>
</div> </div>
...@@ -128,16 +124,25 @@ ...@@ -128,16 +124,25 @@
</div> </div>
</div> </div>
<el-input v-model="aiText" class="aiText" placeholder="请输入你的问题" @keydown.enter.native="submitEntry"> <el-input v-model="aiText" class="aiText" placeholder="请输入你的问题" @keydown.enter.native="submitEntry">
<svg-icon slot="suffix" icon-class="fasong" class="addIcon" <svg-icon slot="suffix" icon-class="fasong" class="addIcon" :class="aiText.length==0?'addIconOpcity':''"
:class="aiText.length == 0 ? 'addIconOpcity' : ''" @click="submitEntry" /> @click="submitEntry" />
</el-input> </el-input>
<el-dialog :visible.sync="dialogRemarkVisible" append-to-body title="查看大图" custom-class="remake-dialog"> <el-dialog :visible.sync="dialogRemarkVisible" append-to-body title="查看大图" custom-class="remake-dialog">
<div class="remake-box"> <div class="remake-box">
<el-image :src="watchImageUrl" style="max-width:600px;" fit="contain"> <el-image :src="watchImageUrl" style="max-width:600px;" fit="contain">
</el-image> </el-image>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="feedbackVisible" append-to-body title="问题反馈" custom-class="feedback-dialog" width="360px">
<div class="feedback-form">
<p class="feedback-label">提交问题</p>
<el-input type="textarea" v-model="feedbackQuestion" placeholder="请输入你遇到的问题" :rows="6" resize="none" />
</div>
<div slot="footer" class="feedback-footer">
<el-button @click="feedbackVisible = false">取消</el-button>
<el-button type="primary" :loading="feedbackLoading" @click="submitFeedback">提交</el-button>
</div>
</el-dialog>
</div> </div>
<NoSummaryContent v-else /> <NoSummaryContent v-else />
</div> </div>
...@@ -147,11 +152,14 @@ import { mapState } from 'vuex' ...@@ -147,11 +152,14 @@ import { mapState } from 'vuex'
import Clipboard from 'clipboard' import Clipboard from 'clipboard'
import debounce from '@/directive/debounce/index' import debounce from '@/directive/debounce/index'
import NoSummaryContent from './noSummary.vue' import NoSummaryContent from './noSummary.vue'
import { corp_beta_question_config, corp_beta_question_session_clearTag, corp_beta_question_log_chat, corp_beta_question_log_index, answerComment, welcomemsg, retry } from '@/api/aiChat' import { corp_beta_question_config, corp_beta_question_session_clearTag, corp_beta_question_log_chat, corp_beta_question_log_index, answerComment, welcomemsg, retry, submitQuestion } from '@/api/aiChat'
import Lottie from 'vue-lottie'
import lottieJson from '@/assets/aiLoading.json'
export default { export default {
name: 'AiLibrary', name: 'AiLibrary',
components: { components: {
NoSummaryContent NoSummaryContent,
Lottie
}, },
directives: { directives: {
debounce, debounce,
...@@ -169,7 +177,18 @@ export default { ...@@ -169,7 +177,18 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
speed: 0.7,
defaultOptions: {
loop: true,
autoplay: true,
renderer: 'svg',
animationData: lottieJson
},
answerLoading: false, answerLoading: false,
feedbackVisible: false,
feedbackLoading: false,
feedbackQuestion: '',
feedbackId: '',
dialogRemarkVisible: false, dialogRemarkVisible: false,
watchImageUrl: '', watchImageUrl: '',
session_id: '', session_id: '',
...@@ -225,7 +244,6 @@ export default { ...@@ -225,7 +244,6 @@ export default {
mounted() { mounted() {
this.getAiArgenInfo() this.getAiArgenInfo()
this.getWelcomeMsg() this.getWelcomeMsg()
console.log(this.chatUserInfo, 'this.chatUserInfo')
this.initanswerItem() this.initanswerItem()
this.clearContext(false) this.clearContext(false)
}, },
...@@ -278,7 +296,6 @@ export default { ...@@ -278,7 +296,6 @@ export default {
session_type: 3 session_type: 3
}, page: 1, page_size: 10 }, page: 1, page_size: 10
}) })
console.log(res, '123')
if (res.status_code === 1 && res?.data?.data?.length > 0) { if (res.status_code === 1 && res?.data?.data?.length > 0) {
this.knowledge_search_list = res?.data?.data[0]?.knowledge_search?.doc_name || [] this.knowledge_search_list = res?.data?.data[0]?.knowledge_search?.doc_name || []
} }
...@@ -317,6 +334,7 @@ export default { ...@@ -317,6 +334,7 @@ export default {
this.$set(this.recordMessage[index], 'request_id', res.data.request_id) this.$set(this.recordMessage[index], 'request_id', res.data.request_id)
this.$set(this.recordMessage[index], 'session_id', this.aiAnswer.session_id) this.$set(this.recordMessage[index], 'session_id', this.aiAnswer.session_id)
this.$set(this.recordMessage[index], 'create_time', this.aiAnswer.create_time) this.$set(this.recordMessage[index], 'create_time', this.aiAnswer.create_time)
this.$set(this.recordMessage[index], 'response_time', res.data.response_time)
} }
} catch (error) { } catch (error) {
this.$set(this.recordMessage[index], 'is_retry', false) this.$set(this.recordMessage[index], 'is_retry', false)
...@@ -422,7 +440,6 @@ export default { ...@@ -422,7 +440,6 @@ export default {
this.$set(this.recordMessage[this.recordMessage.length - 1], 'session_id', this.aiAnswer.session_id) this.$set(this.recordMessage[this.recordMessage.length - 1], 'session_id', this.aiAnswer.session_id)
this.$set(this.recordMessage[this.recordMessage.length - 1], 'create_time', this.aiAnswer.create_time) this.$set(this.recordMessage[this.recordMessage.length - 1], 'create_time', this.aiAnswer.create_time)
this.$set(this.recordMessage[this.recordMessage.length - 1], 'response_time', this.aiAnswer.response_time) this.$set(this.recordMessage[this.recordMessage.length - 1], 'response_time', this.aiAnswer.response_time)
} }
} catch (error) { } catch (error) {
this.answerLoading = false this.answerLoading = false
...@@ -444,6 +461,32 @@ export default { ...@@ -444,6 +461,32 @@ export default {
this.scrollBottm() this.scrollBottm()
this.aiText = '' this.aiText = ''
}, },
openFeedback(i) {
this.feedbackId = i._id
this.feedbackQuestion = ''
this.feedbackVisible = true
},
async submitFeedback() {
if (!this.feedbackQuestion.trim()) {
this.$message.warning('请输入你遇到的问题')
return
}
this.feedbackLoading = true
try {
const res = await submitQuestion({
_id: this.feedbackId,
question: this.feedbackQuestion.trim()
})
if (res.status_code === 1) {
this.$message.success('反馈提交成功')
this.feedbackVisible = false
}
} catch (error) {
this.$message.error('反馈提交失败')
} finally {
this.feedbackLoading = false
}
},
scrollBottm() { scrollBottm() {
this.$nextTick(() => { this.$nextTick(() => {
const el = this.$refs['ai-box'] const el = this.$refs['ai-box']
...@@ -468,7 +511,6 @@ export default { ...@@ -468,7 +511,6 @@ export default {
// }) // })
} }
} }
} }
} }
} }
...@@ -479,170 +521,212 @@ export default { ...@@ -479,170 +521,212 @@ export default {
.AiLibrary { .AiLibrary {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10px; padding:10px;
margin-top: -20px; margin-top: -20px;
overflow-x: auto;
.aiLibraryContent { .aiLibrary-content{
width: 100%; width: 100%;
height: 100%; height: calc(100% - 30px);
min-width: 320px;
} }
.AiChatList { .AiChatList {
width: 100%; width: 100%;
height: calc(100% - 80px); height: calc(100% - 60px);
overflow: auto; overflow: auto;
} }
.aiLibraryHeader{
.aiLibraryHeader {
width: 100%; width: 100%;
position: relative; .aiLibraryHeader_row {
margin-bottom: 10px; padding: 12px 0;
border-bottom: 1px dashed #F2F3F5;
.aiLibraryHeader_content {
&_tag {
display: flex;
flex-wrap: wrap;
gap: 5px;
} }
.aiLibraryHeader_label {
&_tag_title { color: #909399;
font-size: 16px;
font-weight: 500;
color: #333333;
} }
} }
}
.msg-box { .msg-box {
height: calc(100% - 10px); height: calc(100% - 10px);
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
padding: 10px 0; padding: 10px 0;
.linkStyle { .linkStyle {
.line { .line {
width: 70px; width: 70px;
height: 1px; height: 1px;
border: 1px solid #f2f3f5; border: 1px solid #f2f3f5;
} }
.linkRadio {
width: 8px;
height: 8px;
border-radius: 8px;
margin: 0 5px;
background: linear-gradient(
90deg,
#6ee7e9 0%,
#9ff2cd 47%,
#e3fdb2 100%
);
}
} }
.moreLink { .moreLink {
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
color: #3a88f6; color: #86909C;
line-height: 18px; line-height: 20px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
text-decoration-line: underline;
margin: 0 5px; margin: 0 5px;
} }
.remind {
padding: 5px 10px 2px 10px;
border-radius: 10px;
background: #fff;
box-shadow: 0.5px 0px 5.3px rgba(0, 0, 0, 0.08),
4px 0px 42px rgba(0, 0, 0, 0.16);
position: fixed;
left: 48%;
transform: translate(-50%);
bottom: 290px;
cursor: pointer;
.iconDown {
transform: rotate(-90deg);
color: #00bf8a;
margin-right: 2px;
}
p {
color: #00bf8a;
font-size: 12px;
}
}
.msg { .msg {
width: 100%; width: 100%;
min-height: 2.5rem; min-height: 2.5rem;
display: flex; display: flex;
margin-top: 40px; margin-top: 10px;
justify-content: flex-start !important; justify-content: flex-start !important;
.user-head {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
.image {
width: 40px;
height: 40px;
border-radius: 40px;
}
}
.chatItemBox { .chatItemBox {
border-radius: 10px; border-radius: 10px;
position: relative; }
.msg-item {
display: flex;
flex-direction: column;
} }
.user-msg { .user-msg {
width: 100%;
word-break: break-all; word-break: break-all;
font-size: 14px; font-size: 16px;
line-height: 20px; line-height: 24px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(0, 0, 0, 0.85); color: #323335;
position: relative;
top: -15px;
.time { .time {
font-size: 12px; font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #C9CDD4;
line-height: 20px; display: flex;
align-items: center;
gap: 6px;
.time-divider {
width: 1px;
height: 8px;
background: #F2F3F5;
}
.response-time {
color: #C9CDD4;
}
}
.uploadImage {
max-width: 130px;
cursor: pointer;
} }
.chatItem { .chatItem {
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 8px 12px;
border-radius: 5px; border-radius: 5px;
margin-top: 5px; font-size: 16px;
font-size: 14px; line-height: 24px;
}
.chatItemleft{
padding-bottom: 4px;
}
.chatItemWidth {
width: 250px !important;
} }
.chatItemLoading { .chatItemLoading {
width: 100%; width: 100%;
.loading-text {
color: #00BF8A;
font-size: 14px; font-size: 14px;
margin-right: 4px;
}
} }
.chatItemleft { .chatItemleft {
padding-bottom: 35px; .chatItemleftText{
color: #323335;
} }
}
.left { .fileItem {
background: #ffffff; width: auto;
border: 1px solid transparent; }
border-radius: 6px; /* AI 气泡样式 */
border: 1px solid #00bf8a; .gradient-border-wrapper {
background-origin: border-box; position: relative;
background-clip: content-box, border-box; border-radius: 2px 6px 6px 6px;
float: left; float: left;
background: #F7F8FA;
} }
.right { .right {
background: linear-gradient(135deg, background: #EAF7F3;
#6ee7e9 0%, font-size: 16px;
#9ff2cd 48%,
#e3fdb2 100%,
#e3fdb2 100%);
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(0, 0, 0, 0.85); color: #323335;
animation: toright 0.5s ease both 1; animation: toright 0.5s ease both 1;
min-width: 50px; min-width: 50px;
display: inline-block; display: inline-block;
border-radius: 6px 2px 6px 6px;
}
.leftNoa {
background: white;
padding: 0.5rem 0;
float: right;
} }
.rightNoa {
background: #94ec69;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
padding: 0.5rem 0;
}
.leftVideo {
background: white;
padding: 0.5rem 0;
}
.rightVideo {
background: white;
padding: 0.5rem 0;
}
@keyframes toLeft { @keyframes toLeft {
0% { 0% {
opacity: 0; opacity: 0;
transform: translateX(-10px); transform: translateX(-10px);
} }
100% { 100% {
opacity: 1; opacity: 1;
transform: translateX(0px); transform: translateX(0px);
} }
} }
@keyframes toright { @keyframes toright {
0% { 0% {
opacity: 0; opacity: 0;
transform: translateX(10px); transform: translateX(10px);
} }
100% { 100% {
opacity: 1; opacity: 1;
transform: translateX(0px); transform: translateX(0px);
...@@ -650,30 +734,33 @@ export default { ...@@ -650,30 +734,33 @@ export default {
} }
} }
} }
// 暂无好友
.no-friend {
font-size: 12px;
width: 100%;
height: 80px;
color: rgb(85, 79, 79);
}
} }
.aiImage { .aiImage {
max-width: 200px; max-width: 300px;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
} }
.aiText { .aiText {
::v-deep .el-input__inner { ::v-deep .el-input__inner {
width: 100%; width: 100%;
height: 46px !important; height: 46px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
border-radius: 46px; border-radius: 46px;
} }
.addIcon { .addIcon {
font-size: 18px; font-size: 18px;
margin-top: 15px; margin-top: 15px;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
} }
.addIconOpcity { .addIconOpcity {
opacity: 0.3; opacity: 0.3;
} }
...@@ -684,41 +771,96 @@ export default { ...@@ -684,41 +771,96 @@ export default {
font-size: 20px; font-size: 20px;
animation: rotage linear 1s infinite; animation: rotage linear 1s infinite;
} }
.loadingRotageReply{
.loadingRotageReply {
height: 20px;
animation: rotage linear 0.5s infinite; animation: rotage linear 0.5s infinite;
} }
.actionBar {
.copyIcon { align-items: center;
gap: 8px;
padding: 4px;
opacity: 0;
transition: opacity 0.2s;
.actionBar-btn {
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 13px;
z-index: 10; color: #323335;
margin-right: 5px; padding: 2px;
} border-radius: 4px;
i { font-size: 16px; }
.likeIcon { }
.actionBar-divider {
width: 1px;
height: 14px;
background: #EBEDF0;
}
.actionBar-icon {
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 16px;
z-index: 10; color: #323335;
margin-right: 5px; padding: 2px;
color: #8CA4BA; }
.actionBar-feedback {
font-size: 13px;
color: #00BF8A;
margin-left: auto;
padding: 0;
&:hover { color: #00a87d; }
} }
}
.likeBtn { .msg-item:hover .actionBar:not(.actionBar-loading) {
position: absolute; opacity: 1;
bottom: 5px;
left: 10px;
} }
} }
@keyframes rotage { @keyframes rotage {
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
</style> </style>
<style lang="scss">
.feedback-dialog {
.el-dialog__header {
padding: 12px 20px;
border-bottom: 1px solid #F0F0F0;
}
.el-dialog__title {
font-size: 16px;
font-weight: 600;
color: #323335;
}
.el-dialog__body {
padding: 20px;
}
.el-dialog__footer {
padding: 12px 20px;
border-top: 1px solid #F0F0F0;
}
.feedback-label {
font-size: 14px;
color: #4E5969;
margin-bottom: 8px;
}
.feedback-footer {
text-align: right;
.el-button--primary {
background-color: #00BF8A;
border-color: #00BF8A;
}
}
}
.aiLibraryHeader_content_tag {
display: flex;
flex-wrap: wrap;
gap: 5px;
max-height: 300px;
overflow: auto;
overflow-x: hidden;
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论