yc-ui2 0.1.1-beta19 → 0.1.2-beta01

package/md/CustomerService.md

@@ -0,0 +1,70 @@
+# yc-customer-service 小优客服右角展示
+
+```html
+<yc-customer-service
+      title="小优客服【38号为您服务】"
+      jumpPage="/question"
+      :json="JSON.stringify(require('@/assets/questions.js').default)"
+      :regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
+    >
+      <!-- 定制化插槽部分 -->
+      <div>
+        <!-- 第一个div内容 右下角显示图片 -->
+        <i class="el-icon-mobile"></i>
+      </div>
+      <div>
+        <!-- 第二个div内容 鼠标放入第一个div会提示以下部分 -->
+        <span>客服热线</span>
+        <a href="tel:4000770168">400 0770 168</a>
+        <template v-if="!['/login', '/register'].includes($route.path)">
+          <span style="margin-top: 10px">银行服务电话</span>
+          <a href="tel:13973004180">13973004180（蒋行长）</a>
+          <a href="tel:15773001997">15773001997（彭经理）</a>
+        </template>
+      </div>
+    </yc-customer-service>
+```
+
+| Param    | Type     | Describe         |
+| -------- | -------- | ---------------- |
+| title    | `String` | 标题             |
+| jumpPage | `String` | 展开跳转客服页面 |
+| json     | `String` | 问题库           |
+| regular  | `Array`  | 常见问题         |
+-------------
+
+
+# yc-question 小优客服页面
+
+> 需要在白名单中添加 /question 页面；有的在 permission.js 有的在router中
+```javascript
+const whiteList = ['/login', '......', '/question']
+```
+> 路由中需要配置 yc-customer-service组件中jumpPage参数跳转的页面
+> router/index.js 路由中添加以下部分
+
+```javascript
+{
+    path: "/question", //yc-customer-service组件中jumpPage参数保持一致
+    component: (resolve) => require(["@/views/question"], resolve),
+    hidden: true,
+  },
+```
+
+> 根据自己编写的路由文件创建文件：views/question.vue
+> 新创建的question.vue 中加入以下代码
+```html
+<template>
+  <YcQuestion
+    title="小优客服"
+    commit="小优为您提供24小时服务"
+    :json="JSON.stringify(require('@/assets/files/questions.js').default)"
+  ></YcQuestion>
+</template>
+```
+
+| Param    | Type     | Describe         |
+| -------- | -------- | ---------------- |
+| title    | `String` | 标题             |
+| commit | `String` | 描述 |
+| json     | `String` | 问题库           |

package/md/YcSlideVerify.md

@@ -0,0 +1,16 @@
+# yc-slide-verify 滑动验证
+
+```html
+<yc-slide-verify
+      :isShow="isShow"
+      @success="handleLogin"
+      @close="isShow = false"
+    />
+```
+
+| Param   | Type       | Describe |
+| ------- | ---------- | -------- |
+| title   | `String`   | 滑动验证 |
+| isShow  | `Boolean`  | 是否显示 |
+| success | `Function` | 成功回调 |
+| close   | `Function` | 关闭显示 |

package/package.json

@@ -1,55 +1,55 @@
-{
-  "name": "yc-ui2",
-  "version": "0.1.1-beta19",
-  "private": false,
-  "description": "湖南优创UI组件库",
-  "main": "dist/yc-ui2.umd.min.js",
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lib": "vue-cli-service build --target lib src/packages/index.js && npm publish"
-  },
-  "dependencies": {
-    "core-js": "^3.8.3",
-    "path": "^0.12.7",
-    "vue": "^2.6.14",
-    "vue-monoplasty-slide-verify": "^1.3.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.16",
-    "@babel/eslint-parser": "^7.12.16",
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "element-ui": "^2.15.14",
-    "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "file-loader": "^6.2.0",
-    "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"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "@babel/eslint-parser"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "yc-ui2",
+  "version": "0.1.2-beta01",
+  "private": false,
+  "description": "湖南优创UI组件库",
+  "main": "dist/yc-ui2.umd.min.js",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lib": "vue-cli-service build --target lib src/packages/index.js && npm publish"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "path": "^0.12.7",
+    "vue": "^2.6.14",
+    "vue-monoplasty-slide-verify": "^1.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "element-ui": "^2.15.14",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "file-loader": "^6.2.0",
+    "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"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/src/App.vue

@@ -1,41 +1,41 @@
-<template>
-  <div id="app">
-    <!-- <YcSlideVerify /> -->
-    <router-view></router-view>
-    <YcCustomerService
-      title="小优客服【38号为您服务】"
-      jumpPage="/question"
-      :json="JSON.stringify(require('@/assets/questions.js').default)"
-      :regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
-    >
-      <div><i class="el-icon-mobile"></i></div>
-      <div>
-        <span>客服热线</span>
-        <a href="tel:4000770168">400 0770 168</a>
-        <template v-if="!['/login', '/register'].includes($route.path)">
-          <span style="margin-top: 10px">银行服务电话</span>
-          <a href="tel:13973004180">13973004180（蒋行长）</a>
-          <a href="tel:15773001997">15773001997（彭经理）</a>
-        </template>
-      </div>
-    </YcCustomerService>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "App",
-  components: {
-    // YcSlideVerify: () => import("comp/YcSlideVerify"),
-    YcCustomerService: () => import("comp/YcCustomerService"),
-  },
-}
-</script>
-
-<style>
-html,
-body {
-  padding: 0px;
-  margin: 0px;
-}
-</style>
+<template>
+  <div id="app">
+    <!-- <YcSlideVerify /> -->
+    <router-view></router-view>
+    <YcCustomerService
+      title="小优客服【38号为您服务】"
+      jumpPage="/question"
+      :json="JSON.stringify(require('@/assets/questions.js').default)"
+      :regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
+    >
+      <div><i class="el-icon-mobile"></i></div>
+      <div>
+        <span>客服热线</span>
+        <a href="tel:4000770168">400 0770 168</a>
+        <template v-if="!['/login', '/register'].includes($route.path)">
+          <span style="margin-top: 10px">银行服务电话</span>
+          <a href="tel:13973004180">13973004180（蒋行长）</a>
+          <a href="tel:15773001997">15773001997（彭经理）</a>
+        </template>
+      </div>
+    </YcCustomerService>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "App",
+  components: {
+    // YcSlideVerify: () => import("comp/YcSlideVerify"),
+    YcCustomerService: () => import("comp/YcCustomerService"),
+  },
+}
+</script>
+
+<style>
+html,
+body {
+  padding: 0px;
+  margin: 0px;
+}
+</style>

package/src/main.js

@@ -1,18 +1,18 @@
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-
-import SlideVerify from "vue-monoplasty-slide-verify"
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css';
-
-Vue.config.productionTip = false
-
-Vue.use(SlideVerify)
-Vue.use(ElementUI)
-
-new Vue({
-  render: h => h(App),
-  router
-}).$mount('#app')
-
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+
+import SlideVerify from "vue-monoplasty-slide-verify"
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css';
+
+Vue.config.productionTip = false
+
+Vue.use(SlideVerify)
+Vue.use(ElementUI)
+
+new Vue({
+  render: h => h(App),
+  router
+}).$mount('#app')
+

package/vue.config.js

@@ -1,32 +1,32 @@
-const { defineConfig } = require("@vue/cli-service")
-
-let path = require("path")
-
-function resolve(dir) {
-  return path.join(__dirname, dir)
-}
-
-module.exports = defineConfig({
-  transpileDependencies: true,
-  chainWebpack: (config) => {
-    config.resolve.alias
-      .set("@", resolve("src"))
-      .set("assets", resolve("src/assets"))
-      .set("comp", resolve("src/components"))
-      .set("views", resolve("src/views"))
-  },
-  // 前端代理服务器
-  devServer: {
-    proxy: {
-      ['/cloud-img']: {
-        target: `http://113.219.171.47:6610/cloud-img`,
-        changeOrigin: true,
-        pathRewrite: {
-          ["^/cloud-img"]: "",
-        },
-      },
-    },
-    historyApiFallback: true,
-    allowedHosts: "all"
-  },
+const { defineConfig } = require("@vue/cli-service")
+
+let path = require("path")
+
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+
+module.exports = defineConfig({
+  transpileDependencies: true,
+  chainWebpack: (config) => {
+    config.resolve.alias
+      .set("@", resolve("src"))
+      .set("assets", resolve("src/assets"))
+      .set("comp", resolve("src/components"))
+      .set("views", resolve("src/views"))
+  },
+  // 前端代理服务器
+  devServer: {
+    proxy: {
+      [process.env.VUE_APP_PATH]: {
+        target: process.env.VUE_APP_PATH+process.env.VUE_APP_BASE_API,
+        changeOrigin: true,
+        pathRewrite: {
+          ["^"+process.env.VUE_APP_PATH]: "",
+        },
+      },
+    },
+    historyApiFallback: true,
+    allowedHosts: "all"
+  },
 })