yc-ui2 0.1.2-beta28 → 0.1.3-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-ui2",
-  "version": "0.1.2-beta28",
+  "version": "0.1.3-beta1",
   "private": false,
   "description": "湖南优创UI组件库",
   "main": "dist/yc-ui2.umd.min.js",
@@ -23,6 +23,7 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
+    "axios": "^1.6.2",
     "element-ui": "^2.15.14",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
@@ -30,8 +31,8 @@
     "node-sass": "^9.0.0",
     "sass-loader": "^13.3.2",
     "url-loader": "^4.1.1",
-    "vue-template-compiler": "^2.6.14",
-    "vue-router": "3.4.9"
+    "vue-router": "3.4.9",
+    "vue-template-compiler": "^2.6.14"
   },
   "eslintConfig": {
     "root": true,

package/src/App.vue

@@ -1,12 +1,11 @@
 <template>
   <div id="yc-ui2">
-    <YcSlideVerify />
+    <yc-slide-verify :isShow.sync="isShow" />
     <router-view></router-view>
     <YcCustomerService
-      title="小优客服【38号为您服务】"
+      :id="question.id"
+      :title="question.serviceName"
       jumpPage="/question"
-      :json="JSON.stringify(require('@/assets/questions.js').default)"
-      :regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
     >
       <div><i class="el-icon-mobile"></i></div>
       <div>
@@ -24,6 +23,7 @@
 </template>
 
 <script>
+import { findServiceFeeAi } from "api/customerService"
 export default {
   name: "App",
   components: {
@@ -35,6 +35,11 @@ export default {
     return {
       region: void 0,
       caUrl: void 0,
+      isShow: false,
+      question: {
+        id: 0,
+        serviceName: "",
+      },
     }
   },
   created() {
@@ -43,6 +48,10 @@ export default {
       this.caUrl =
         "http://120.25.167.9:9000/website/media/ce861516a25d4671ab01e150790b6111.zip"
     }, 1000)
+
+    findServiceFeeAi().then(({ data }) => {
+      this.question = data
+    })
   },
   methods: {
     login(value, back) {

package/src/api/customerService.js

@@ -0,0 +1,56 @@
+
+import request from 'utils/request'
+
+/**
+ * 获取问题类型及问题(父子级)
+ * @param {number} aiServiceId 
+ * @returns {[]}
+ */
+export function getProblemTypeAndProblem(aiServiceId) {
+  return request({
+    url: '/aiService/discourse/getProblemTypeAndProblem/'+aiServiceId,
+    method: 'GET',
+  //   params: query
+  })
+}
+
+/**
+ * 提问并获取回答
+ * @param {{
+ *    problem: string,
+ *    aiServiceId: number
+ * }} query 
+ * @returns {{}}
+ */
+export function findDataByProblem(data) {
+  return request({
+    url: '/aiService/discourse/findDataByProblem',
+    method: 'POST',
+    data
+  })
+}
+
+/**
+ * 根据客服ID 查询提问次数最多的问题
+ * @param {{
+ *    aiServiceId: number
+ * }} query 
+ * @returns 
+ */
+export function findMaxNumData(aiServiceId) {
+  return request({
+    url: '/aiService/discourse/findMaxNumData/'+aiServiceId,
+    method: 'GET',
+  })
+}
+
+/**
+ * 获取交易服务费客服信息
+ * @returns 
+ */
+export function findServiceFeeAi() {
+  return request({
+    url: '/aiService/service/findServiceFeeAi',
+    method: 'GET',
+  })
+}

package/src/utils/request.js

@@ -0,0 +1,45 @@
+import axios from "axios";
+import { Message } from "element-ui";
+
+axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
+// 创建axios实例
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: process.env.VUE_APP_PATH,
+  // 超时
+  timeout: 10000,
+});
+
+// request拦截器
+service.interceptors.request.use(
+  (config) => {
+    return config;
+  },
+  (error) => {
+    Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+service.interceptors.response.use(
+  (res) => {
+    return res.data;
+  },
+  (error) => {
+    let { message } = error;
+    if (message == "Network Error") {
+      message = "后端接口连接异常";
+    } else if (message.includes("timeout")) {
+      message = "系统接口请求超时";
+    } else if (message.includes("Request failed with status code")) {
+      message = "系统接口" + message.substr(message.length - 3) + "异常";
+    }
+    Message({
+      message: message,
+      type: "error",
+      duration: 5 * 1000,
+    });
+    return Promise.reject(error);
+  }
+);
+export default service;

package/src/views/question.vue

@@ -1,21 +1,31 @@
 <template>
   <div>
     <YcQuestion
-      title="小优客服"
-      commit="小优为您提供24小时服务"
-      :json="JSON.stringify(require('@/assets/questions.js').default)"
+      :id="question.id"
+      :title="question.serviceName"
+      :commit="question.serviceName + '为您提供24小时服务'"
     ></YcQuestion>
   </div>
 </template>
 
 <script>
+import { findServiceFeeAi } from "api/customerService"
 export default {
   name: "QuestionPage",
   components: {
     YcQuestion: () => import("comp/YcQuestion"),
   },
+  data() {
+    return {
+      question: {},
+    }
+  },
   created() {
     console.log("QuestionPage")
+    findServiceFeeAi().then(({ data }) => {
+      this.question = data
+      console.log(data)
+    })
   },
 }
 </script>

package/vue.config.js

@@ -15,17 +15,25 @@ module.exports = defineConfig({
       .set("comp", resolve("src/components"))
       .set("views", resolve("src/views"))
       .set("utils", resolve("src/utils"))
+      .set("api", resolve("src/api"))
   },
   // 前端代理服务器
   devServer: {
     proxy: {
       [process.env.VUE_APP_PATH]: {
-        target: process.env.VUE_APP_BASE_API+process.env.VUE_APP_PATH,
+        target: `http://${process.env.VUE_APP_BASE_API}`,
         changeOrigin: true,
         pathRewrite: {
           ["^"+process.env.VUE_APP_PATH]: "",
         },
       },
+      [process.env.VUE_APP_IMG_PATH]: {
+        target: `http://${process.env.VUE_APP_IMG_API+process.env.VUE_APP_IMG_PATH}`,
+        changeOrigin: true,
+        pathRewrite: {
+          ["^"+process.env.VUE_APP_IMG_PATH]: "",
+        },
+      },
     },
     historyApiFallback: true,
     allowedHosts: "all"