init: 初始化 web_hgcg_admin 后台管理项目
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@@ -0,0 +1,198 @@
|
|||||||
|
module.exports = {
|
||||||
|
"root": true,
|
||||||
|
"env": {
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"extends": [
|
||||||
|
"plugin:vue/essential",
|
||||||
|
"eslint:recommended"
|
||||||
|
],
|
||||||
|
"parserOptions": {
|
||||||
|
"parser": "babel-eslint"
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"vue/max-attributes-per-line": [2, {
|
||||||
|
"singleline": 10,
|
||||||
|
"multiline": {
|
||||||
|
"max": 1,
|
||||||
|
"allowFirstLine": false
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
"vue/html-closing-bracket-newline": ["error", {
|
||||||
|
"singleline": "never",
|
||||||
|
"multiline": "never"
|
||||||
|
}],
|
||||||
|
"vue/singleline-html-element-content-newline": "off",
|
||||||
|
"vue/multiline-html-element-content-newline":"off",
|
||||||
|
"vue/name-property-casing": ["error", "PascalCase"],
|
||||||
|
'accessor-pairs': 2,
|
||||||
|
'arrow-spacing': [2, {
|
||||||
|
'before': true,
|
||||||
|
'after': true
|
||||||
|
}],
|
||||||
|
'block-spacing': [2, 'always'],
|
||||||
|
'brace-style': [2, '1tbs', {
|
||||||
|
'allowSingleLine': true
|
||||||
|
}],
|
||||||
|
'camelcase': [0, {
|
||||||
|
'properties': 'always'
|
||||||
|
}],
|
||||||
|
'comma-dangle': [2, 'never'],
|
||||||
|
'comma-spacing': [2, {
|
||||||
|
'before': false,
|
||||||
|
'after': true
|
||||||
|
}],
|
||||||
|
'comma-style': [2, 'last'],
|
||||||
|
'constructor-super': 2,
|
||||||
|
'curly': [2, 'multi-line'],
|
||||||
|
'dot-location': [2, 'property'],
|
||||||
|
'eol-last': 2,
|
||||||
|
'eqeqeq': [2, 'allow-null'],
|
||||||
|
'generator-star-spacing': [2, {
|
||||||
|
'before': true,
|
||||||
|
'after': true
|
||||||
|
}],
|
||||||
|
'handle-callback-err': [2, '^(err|error)$'],
|
||||||
|
'indent': [2, 2, {
|
||||||
|
'SwitchCase': 1
|
||||||
|
}],
|
||||||
|
'jsx-quotes': [2, 'prefer-single'],
|
||||||
|
'key-spacing': [2, {
|
||||||
|
'beforeColon': false,
|
||||||
|
'afterColon': true
|
||||||
|
}],
|
||||||
|
'keyword-spacing': [2, {
|
||||||
|
'before': true,
|
||||||
|
'after': true
|
||||||
|
}],
|
||||||
|
'new-cap': [2, {
|
||||||
|
'newIsCap': true,
|
||||||
|
'capIsNew': false
|
||||||
|
}],
|
||||||
|
'new-parens': 2,
|
||||||
|
'no-array-constructor': 2,
|
||||||
|
'no-caller': 2,
|
||||||
|
'no-console': 'off',
|
||||||
|
'no-class-assign': 2,
|
||||||
|
'no-cond-assign': 2,
|
||||||
|
'no-const-assign': 2,
|
||||||
|
'no-control-regex': 0,
|
||||||
|
'no-delete-var': 2,
|
||||||
|
'no-dupe-args': 2,
|
||||||
|
'no-dupe-class-members': 2,
|
||||||
|
'no-dupe-keys': 2,
|
||||||
|
'no-duplicate-case': 2,
|
||||||
|
'no-empty-character-class': 2,
|
||||||
|
'no-empty-pattern': 2,
|
||||||
|
'no-eval': 2,
|
||||||
|
'no-ex-assign': 2,
|
||||||
|
'no-extend-native': 2,
|
||||||
|
'no-extra-bind': 2,
|
||||||
|
'no-extra-boolean-cast': 2,
|
||||||
|
'no-extra-parens': [2, 'functions'],
|
||||||
|
'no-fallthrough': 2,
|
||||||
|
'no-floating-decimal': 2,
|
||||||
|
'no-func-assign': 2,
|
||||||
|
'no-implied-eval': 2,
|
||||||
|
'no-inner-declarations': [2, 'functions'],
|
||||||
|
'no-invalid-regexp': 2,
|
||||||
|
'no-irregular-whitespace': 2,
|
||||||
|
'no-iterator': 2,
|
||||||
|
'no-label-var': 2,
|
||||||
|
'no-labels': [2, {
|
||||||
|
'allowLoop': false,
|
||||||
|
'allowSwitch': false
|
||||||
|
}],
|
||||||
|
'no-lone-blocks': 2,
|
||||||
|
'no-mixed-spaces-and-tabs': 2,
|
||||||
|
'no-multi-spaces': 2,
|
||||||
|
'no-multi-str': 2,
|
||||||
|
'no-multiple-empty-lines': [2, {
|
||||||
|
'max': 1
|
||||||
|
}],
|
||||||
|
'no-native-reassign': 2,
|
||||||
|
'no-negated-in-lhs': 2,
|
||||||
|
'no-new-object': 2,
|
||||||
|
'no-new-require': 2,
|
||||||
|
'no-new-symbol': 2,
|
||||||
|
'no-new-wrappers': 2,
|
||||||
|
'no-obj-calls': 2,
|
||||||
|
'no-octal': 2,
|
||||||
|
'no-octal-escape': 2,
|
||||||
|
'no-path-concat': 2,
|
||||||
|
'no-proto': 2,
|
||||||
|
'no-redeclare': 2,
|
||||||
|
'no-regex-spaces': 2,
|
||||||
|
'no-return-assign': [2, 'except-parens'],
|
||||||
|
'no-self-assign': 2,
|
||||||
|
'no-self-compare': 2,
|
||||||
|
'no-sequences': 2,
|
||||||
|
'no-shadow-restricted-names': 2,
|
||||||
|
'no-spaced-func': 2,
|
||||||
|
'no-sparse-arrays': 2,
|
||||||
|
'no-this-before-super': 2,
|
||||||
|
'no-throw-literal': 2,
|
||||||
|
'no-trailing-spaces': 2,
|
||||||
|
'no-undef': 2,
|
||||||
|
'no-undef-init': 2,
|
||||||
|
'no-unexpected-multiline': 2,
|
||||||
|
'no-unmodified-loop-condition': 2,
|
||||||
|
'no-unneeded-ternary': [2, {
|
||||||
|
'defaultAssignment': false
|
||||||
|
}],
|
||||||
|
'no-unreachable': 2,
|
||||||
|
'no-unsafe-finally': 2,
|
||||||
|
'no-unused-vars': [2, {
|
||||||
|
'vars': 'all',
|
||||||
|
'args': 'none'
|
||||||
|
}],
|
||||||
|
'no-useless-call': 2,
|
||||||
|
'no-useless-computed-key': 2,
|
||||||
|
'no-useless-constructor': 2,
|
||||||
|
'no-useless-escape': 0,
|
||||||
|
'no-whitespace-before-property': 2,
|
||||||
|
'no-with': 2,
|
||||||
|
'one-var': [2, {
|
||||||
|
'initialized': 'never'
|
||||||
|
}],
|
||||||
|
'operator-linebreak': [2, 'after', {
|
||||||
|
'overrides': {
|
||||||
|
'?': 'before',
|
||||||
|
':': 'before'
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
'padded-blocks': [2, 'never'],
|
||||||
|
'quotes': [2, 'single', {
|
||||||
|
'avoidEscape': true,
|
||||||
|
'allowTemplateLiterals': true
|
||||||
|
}],
|
||||||
|
'semi': [2, 'never'],
|
||||||
|
'semi-spacing': [2, {
|
||||||
|
'before': false,
|
||||||
|
'after': true
|
||||||
|
}],
|
||||||
|
'space-before-blocks': [2, 'always'],
|
||||||
|
'space-before-function-paren': [2, 'never'],
|
||||||
|
'space-in-parens': [2, 'never'],
|
||||||
|
'space-infix-ops': 2,
|
||||||
|
'space-unary-ops': [2, {
|
||||||
|
'words': true,
|
||||||
|
'nonwords': false
|
||||||
|
}],
|
||||||
|
'spaced-comment': [2, 'always', {
|
||||||
|
'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
|
||||||
|
}],
|
||||||
|
'template-curly-spacing': [2, 'never'],
|
||||||
|
'use-isnan': 2,
|
||||||
|
'valid-typeof': 2,
|
||||||
|
'wrap-iife': [2, 'any'],
|
||||||
|
'yield-star-spacing': [2, 'both'],
|
||||||
|
'yoda': [2, 'never'],
|
||||||
|
'prefer-const': 2,
|
||||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
|
||||||
|
'object-curly-spacing': [2, 'always', {
|
||||||
|
objectsInObjects: false
|
||||||
|
}],
|
||||||
|
'array-bracket-spacing': [2, 'never']
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
**/*.log
|
||||||
|
dist.zip
|
||||||
|
|
||||||
|
tests/**/coverage/
|
||||||
|
tests/e2e/reports
|
||||||
|
selenium-debug.log
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.idea
|
||||||
|
.vscode
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.local
|
||||||
|
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-10-25 17:03:04
|
||||||
|
* @LastEditTime: 2023-01-02 19:38:39
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /zh_h5/.prettierrc.js
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-10-25 16:38:07
|
||||||
|
* @LastEditTime: 2022-10-25 17:00:49
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /Flj_web_admin/.prettierc.js
|
||||||
|
*/
|
||||||
|
module.exports = {
|
||||||
|
printWidth: 200, // 一行最多 100 字符
|
||||||
|
useTabs: false, // 使用tab缩进代替空格;true Tab缩进,false 空格缩进
|
||||||
|
tabWidth: 2, // 使用 4 个空格缩进
|
||||||
|
semi: true, // 行尾需要有分号
|
||||||
|
singleQuote: true, // 使用单引号
|
||||||
|
quoteProps: 'as-needed', // 对象的 key 仅在必要时用引号
|
||||||
|
trailingComma: 'es5', // 末尾不需要逗号 'es5' none
|
||||||
|
bracketSpacing: true, // 大括号内的首尾需要空格
|
||||||
|
|
||||||
|
jsxSingleQuote: false, // jsx 不使用单引号,而使用双引号
|
||||||
|
jsxBracketSameLine: true, // jsx 标签的反尖括号需要换行
|
||||||
|
|
||||||
|
arrowParens: 'avoid', // 箭头函数,只有一个参数的时候,也需要括号 ‘always’ 'avoid' 'none'
|
||||||
|
|
||||||
|
requirePragma: false, //无需顶部注释即可格式化 @prettier
|
||||||
|
insertPragma: false, //在已被preitter格式化的文件顶部加上标注 @prettier
|
||||||
|
|
||||||
|
proseWrap: 'preserve', // 使用默认的折行标准
|
||||||
|
htmlWhitespaceSensitivity: 'css', // 根据显示样式决定 html 要不要折行 'css' 'ignore'
|
||||||
|
vueIndentScriptAndStyle: false, //不对vue中的script及style标签缩进
|
||||||
|
endOfLine: 'lf', // 换行符使用 lf 结尾是 \n \r \n\r auto
|
||||||
|
embeddedLanguageFormatting: 'auto', //对引用代码进行格式化
|
||||||
|
|
||||||
|
rangeStart: 0, // 每个文件格式化的范围是文件的全部内容
|
||||||
|
rangeEnd: Infinity,
|
||||||
|
};
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
nodejs 14.17.5
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
language: node_js
|
||||||
|
node_js: 10
|
||||||
|
script: npm run test
|
||||||
|
notifications:
|
||||||
|
email: false
|
||||||
@@ -0,0 +1,178 @@
|
|||||||
|
# 管理后台
|
||||||
|
|
||||||
|
## 项目起步
|
||||||
|
|
||||||
|
```bash
|
||||||
|
|
||||||
|
# 安装依赖
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# 开发环境运行
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
This will automatically open http://localhost:8888
|
||||||
|
|
||||||
|
## 构建
|
||||||
|
|
||||||
|
```∏
|
||||||
|
# 构建预览包
|
||||||
|
npm run build:stage
|
||||||
|
|
||||||
|
# 构建生产环境包
|
||||||
|
npm run build:prod
|
||||||
|
```
|
||||||
|
|
||||||
|
## Advanced
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 预览发布环境效果
|
||||||
|
npm run preview
|
||||||
|
|
||||||
|
# 预览发布环境效果+静态资源分析
|
||||||
|
npm run preview -- --report
|
||||||
|
|
||||||
|
# code format check
|
||||||
|
npm run lint
|
||||||
|
|
||||||
|
# 代码修复
|
||||||
|
npm run lint -- --fix
|
||||||
|
```
|
||||||
|
## 发布
|
||||||
|
```
|
||||||
|
# 先把dist压缩
|
||||||
|
# 测试环境发布
|
||||||
|
bash waiwangceshifu.sh
|
||||||
|
# 正式环境发布
|
||||||
|
bash zhengshi.sh
|
||||||
|
```
|
||||||
|
## 项目结构
|
||||||
|
```
|
||||||
|
├── build # 构建相关
|
||||||
|
├── plop-templates # 基本模板
|
||||||
|
├── public # 静态资源
|
||||||
|
│ │── favicon.ico # favicon图标
|
||||||
|
│ │── logo.png # logo图片
|
||||||
|
│ └── index.html # html模板
|
||||||
|
├── src # 源代码
|
||||||
|
│ ├── api # 所有请求
|
||||||
|
│ ├── assets # 主题 字体等静态资源
|
||||||
|
│ ├── components # 全局公用组件
|
||||||
|
│ ├── directive # 全局指令
|
||||||
|
│ ├── filters # 全局 filter
|
||||||
|
│ ├── icons # 项目所有 svg icons
|
||||||
|
│ ├── layout # 全局 layout
|
||||||
|
│ ├── router # 路由 【这里需要注意,这个目录里的路由暂时无效,真实路由由utils包下的serviceRoute.js/roleTreeList.js 生成】
|
||||||
|
│ ├── store # 全局 store管理
|
||||||
|
│ ├── styles # 全局样式
|
||||||
|
│ ├── utils # 全局公用方法
|
||||||
|
│ ├── views # views 所有页面
|
||||||
|
│ ├── App.vue # 入口页面
|
||||||
|
│ ├── main.js # 入口文件 加载组件 初始化等
|
||||||
|
│ └── permission.js # 权限管理
|
||||||
|
├── tests # 测试
|
||||||
|
├── .env.xxx # 环境变量配置
|
||||||
|
├── .eslintrc.js # eslint 配置项
|
||||||
|
├── .babelrc # babel-loader 配置
|
||||||
|
├── .travis.yml # 自动化CI配置
|
||||||
|
├── waiwangceshifu.sh # 测试服打包脚本 直接运行该脚本
|
||||||
|
├── zhengshi.sh # 正式服打包脚本 直接运行该脚本
|
||||||
|
├── vue.config.js # vue-cli 配置
|
||||||
|
├── postcss.config.js # postcss 配置
|
||||||
|
└── package.json # package.json
|
||||||
|
```
|
||||||
|
### 页面结构
|
||||||
|
```
|
||||||
|
├── user # 用户管理
|
||||||
|
│ ├── userList # 用户列表
|
||||||
|
│ ├── userAgentList # 全民代理列表
|
||||||
|
│ ├── feedbackList # 反馈列表
|
||||||
|
│ ├── banList # 封禁日志
|
||||||
|
│ └── userStat # 用户收支统计
|
||||||
|
│
|
||||||
|
├── account # 账号管理
|
||||||
|
│ ├── accountList # 账号列表
|
||||||
|
│ └── roleList # 角色列表
|
||||||
|
│
|
||||||
|
├── mediaLibrary # 媒资库
|
||||||
|
│ ├── mediaLibraryVideoList # 视频库列表
|
||||||
|
│ └── mediatag # 标签列表
|
||||||
|
│
|
||||||
|
├── VideoManagement # 视频管理
|
||||||
|
│ ├── videoList # 视频列表
|
||||||
|
│ ├── topic # 主题列表
|
||||||
|
│ ├── collectionList # 合集列表
|
||||||
|
│ ├── studiosList # 片商列表
|
||||||
|
│ ├── videoType # 视频分类
|
||||||
|
│ ├── videoTag # 视频标签
|
||||||
|
│ ├── actressList # 女优列表
|
||||||
|
│ ├── commentManage # 评论管理
|
||||||
|
│ └── filterWordList # 非法词管理
|
||||||
|
│
|
||||||
|
├── postManagement # 社区管理
|
||||||
|
│ ├── infoList # 帖子列表
|
||||||
|
│ └── postReport # 帖子举报列表
|
||||||
|
│
|
||||||
|
├── datingManagement # 约炮管理
|
||||||
|
│ ├── datingBoss # 经纪人列表
|
||||||
|
│ ├── datingCity # 城市列表
|
||||||
|
│ ├── complaint # 举报列表
|
||||||
|
│ ├── loufeng # 楼风列表
|
||||||
|
│ ├── datingModel # 嫩模列表
|
||||||
|
│ ├── datingReport # 体验报告列表
|
||||||
|
│ └── datingOrder # 订单列表
|
||||||
|
│
|
||||||
|
├── commodity # 商品管理
|
||||||
|
│ │── vipcode # 兑换码列表
|
||||||
|
│ │── listRecord # 兑换记录
|
||||||
|
│ │── vipCard # 卡片管理
|
||||||
|
│ │── gold # 金币管理
|
||||||
|
│ │── cardType # 卡类型管理
|
||||||
|
│ └── listOfBenefits # 权益管理
|
||||||
|
│
|
||||||
|
├── daichong # 代充管理
|
||||||
|
│ │── gatherManager # 聚商列表
|
||||||
|
│ │── businesssmanManager # 商人列表
|
||||||
|
│ └── flowManager # 流水列表
|
||||||
|
│
|
||||||
|
├── tran # 交易管理
|
||||||
|
│ │── saleinfo # 视频售卖统计
|
||||||
|
│ │── tickeSaleinfo # 会员观影券售卖统计
|
||||||
|
│ │── goldSaleInfo # 金币售卖统计
|
||||||
|
│ │── recharge # 充值列表
|
||||||
|
│ │── runningList # 流水列表
|
||||||
|
│ │── stat # 充值成功率统计
|
||||||
|
│ │── rechargeProviderList # 支付渠道列表
|
||||||
|
│ │── rechargeProviderManage # 支付渠道管理
|
||||||
|
│ │── withdrawList # 提现列表
|
||||||
|
│ └── withdrawChannel # 提现渠道列表
|
||||||
|
│
|
||||||
|
├── incidentManagement # 活动管理
|
||||||
|
│ │── announcement # 公告列表
|
||||||
|
│ │── notification # 通知列表
|
||||||
|
│ │── activityList # 活动列表
|
||||||
|
│ │── noviceTaskList # 用户新手任务列表
|
||||||
|
│ │── noviceTaskCfg # 新手任务配置列表
|
||||||
|
│ │── msgList # 消息列表
|
||||||
|
│ └── contact # 联系方式
|
||||||
|
│
|
||||||
|
├── searchManagement # 搜索管理
|
||||||
|
│ │── hotsearch # 热搜列表
|
||||||
|
│ │── rank # 排行榜列表
|
||||||
|
│ └── rankType # 排行榜类型列表
|
||||||
|
│
|
||||||
|
├── system # 系统管理
|
||||||
|
│ │── operationLog # 操作日志
|
||||||
|
│ └── systemConfig # 系统配置
|
||||||
|
│
|
||||||
|
├── gameManagement # 游戏管理
|
||||||
|
│ │── gameList # 游戏列表
|
||||||
|
│ │── gameRecharge # 充值卡列表
|
||||||
|
│ │── gameRechargeList # 游戏充值列表
|
||||||
|
│ │── gameRunningList # 游戏流水列表
|
||||||
|
│ │── gameWithdrawList # 游戏提现列表
|
||||||
|
│ └── gameStatistics # 游戏统计列表
|
||||||
|
```
|
||||||
|
|
||||||
|
管理后台测试服 [https://mh.ery9fm.com/]
|
||||||
|
管理后台正式服 [https://admin.bbwhgg.com]
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
module.exports = {
|
||||||
|
presets: ['@vue/app']
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
const { run } = require('runjs')
|
||||||
|
const chalk = require('chalk')
|
||||||
|
const config = require('../vue.config.js')
|
||||||
|
const rawArgv = process.argv.slice(2)
|
||||||
|
const args = rawArgv.join(' ')
|
||||||
|
|
||||||
|
if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
|
||||||
|
const report = rawArgv.includes('--report')
|
||||||
|
|
||||||
|
run(`vue-cli-service build ${args}`)
|
||||||
|
|
||||||
|
const port = 9526
|
||||||
|
const publicPath = config.publicPath
|
||||||
|
|
||||||
|
var connect = require('connect')
|
||||||
|
var serveStatic = require('serve-static')
|
||||||
|
const app = connect()
|
||||||
|
|
||||||
|
app.use(
|
||||||
|
publicPath,
|
||||||
|
serveStatic('./dist', {
|
||||||
|
index: ['index.html', '/']
|
||||||
|
})
|
||||||
|
)
|
||||||
|
|
||||||
|
app.listen(port, function () {
|
||||||
|
console.log(chalk.green(`> Preview at http://localhost:${port}${publicPath}`))
|
||||||
|
if (report) {
|
||||||
|
console.log(chalk.green(`> Report at http://localhost:${port}${publicPath}report.html`))
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
run(`vue-cli-service build ${args}`)
|
||||||
|
}
|
||||||
@@ -0,0 +1,994 @@
|
|||||||
|
/* Element Chalk Variables */
|
||||||
|
|
||||||
|
// Special comment for theme configurator
|
||||||
|
// type|skipAutoTranslation|Category|Order
|
||||||
|
// skipAutoTranslation 1
|
||||||
|
|
||||||
|
/* Transition
|
||||||
|
-------------------------- */
|
||||||
|
$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
|
||||||
|
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
|
||||||
|
$--fade-linear-transition: opacity 200ms linear !default;
|
||||||
|
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
|
||||||
|
$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
|
||||||
|
$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
|
||||||
|
|
||||||
|
/* Color
|
||||||
|
-------------------------- */
|
||||||
|
/// color|1|Brand Color|0
|
||||||
|
$--color-primary: #409EFF !default;
|
||||||
|
/// color|1|Background Color|4
|
||||||
|
$--color-white: #FFFFFF !default;
|
||||||
|
/// color|1|Background Color|4
|
||||||
|
$--color-black: #000000 !default;
|
||||||
|
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
|
||||||
|
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
|
||||||
|
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
|
||||||
|
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
|
||||||
|
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
|
||||||
|
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
|
||||||
|
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
|
||||||
|
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
|
||||||
|
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
|
||||||
|
/// color|1|Functional Color|1
|
||||||
|
$--color-success: #67C23A !default;
|
||||||
|
/// color|1|Functional Color|1
|
||||||
|
$--color-warning: #E6A23C !default;
|
||||||
|
/// color|1|Functional Color|1
|
||||||
|
$--color-danger: #F56C6C !default;
|
||||||
|
/// color|1|Functional Color|1
|
||||||
|
$--color-info: #909399 !default;
|
||||||
|
|
||||||
|
$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
|
||||||
|
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
|
||||||
|
$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
|
||||||
|
$--color-info-light: mix($--color-white, $--color-info, 80%) !default;
|
||||||
|
|
||||||
|
$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
|
||||||
|
$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
|
||||||
|
$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
|
||||||
|
$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
|
||||||
|
/// color|1|Font Color|2
|
||||||
|
$--color-text-primary: #303133 !default;
|
||||||
|
/// color|1|Font Color|2
|
||||||
|
$--color-text-regular: #606266 !default;
|
||||||
|
/// color|1|Font Color|2
|
||||||
|
$--color-text-secondary: #909399 !default;
|
||||||
|
/// color|1|Font Color|2
|
||||||
|
$--color-text-placeholder: #C0C4CC !default;
|
||||||
|
/// color|1|Border Color|3
|
||||||
|
$--border-color-base: #DCDFE6 !default;
|
||||||
|
/// color|1|Border Color|3
|
||||||
|
$--border-color-light: #E4E7ED !default;
|
||||||
|
/// color|1|Border Color|3
|
||||||
|
$--border-color-lighter: #EBEEF5 !default;
|
||||||
|
/// color|1|Border Color|3
|
||||||
|
$--border-color-extra-light: #F2F6FC !default;
|
||||||
|
|
||||||
|
// Background
|
||||||
|
/// color|1|Background Color|4
|
||||||
|
$--background-color-base: #F5F7FA !default;
|
||||||
|
|
||||||
|
/* Link
|
||||||
|
-------------------------- */
|
||||||
|
$--link-color: $--color-primary-light-2 !default;
|
||||||
|
$--link-hover-color: $--color-primary !default;
|
||||||
|
|
||||||
|
/* Border
|
||||||
|
-------------------------- */
|
||||||
|
$--border-width-base: 1px !default;
|
||||||
|
$--border-style-base: solid !default;
|
||||||
|
$--border-color-hover: $--color-text-placeholder !default;
|
||||||
|
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
|
||||||
|
/// borderRadius|1|Radius|0
|
||||||
|
$--border-radius-base: 4px !default;
|
||||||
|
/// borderRadius|1|Radius|0
|
||||||
|
$--border-radius-small: 2px !default;
|
||||||
|
/// borderRadius|1|Radius|0
|
||||||
|
$--border-radius-circle: 100% !default;
|
||||||
|
/// borderRadius|1|Radius|0
|
||||||
|
$--border-radius-zero: 0 !default;
|
||||||
|
|
||||||
|
// Box-shadow
|
||||||
|
/// boxShadow|1|Shadow|1
|
||||||
|
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
|
||||||
|
// boxShadow|1|Shadow|1
|
||||||
|
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
|
||||||
|
/// boxShadow|1|Shadow|1
|
||||||
|
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
|
||||||
|
|
||||||
|
/* Fill
|
||||||
|
-------------------------- */
|
||||||
|
$--fill-base: $--color-white !default;
|
||||||
|
|
||||||
|
/* Typography
|
||||||
|
-------------------------- */
|
||||||
|
$--font-path: 'fonts' !default;
|
||||||
|
$--font-display: 'auto' !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-extra-large: 20px !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-large: 18px !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-medium: 16px !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-base: 14px !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-small: 13px !default;
|
||||||
|
/// fontSize|1|Font Size|0
|
||||||
|
$--font-size-extra-small: 12px !default;
|
||||||
|
/// fontWeight|1|Font Weight|1
|
||||||
|
$--font-weight-primary: 500 !default;
|
||||||
|
/// fontWeight|1|Font Weight|1
|
||||||
|
$--font-weight-secondary: 100 !default;
|
||||||
|
/// fontLineHeight|1|Line Height|2
|
||||||
|
$--font-line-height-primary: 24px !default;
|
||||||
|
/// fontLineHeight|1|Line Height|2
|
||||||
|
$--font-line-height-secondary: 16px !default;
|
||||||
|
$--font-color-disabled-base: #bbb !default;
|
||||||
|
/* Size
|
||||||
|
-------------------------- */
|
||||||
|
$--size-base: 14px !default;
|
||||||
|
|
||||||
|
/* z-index
|
||||||
|
-------------------------- */
|
||||||
|
$--index-normal: 1 !default;
|
||||||
|
$--index-top: 1000 !default;
|
||||||
|
$--index-popper: 2000 !default;
|
||||||
|
|
||||||
|
/* Disable base
|
||||||
|
-------------------------- */
|
||||||
|
$--disabled-fill-base: $--background-color-base !default;
|
||||||
|
$--disabled-color-base: $--color-text-placeholder !default;
|
||||||
|
$--disabled-border-base: $--border-color-light !default;
|
||||||
|
|
||||||
|
/* Icon
|
||||||
|
-------------------------- */
|
||||||
|
$--icon-color: #666 !default;
|
||||||
|
$--icon-color-base: $--color-info !default;
|
||||||
|
|
||||||
|
/* Checkbox
|
||||||
|
-------------------------- */
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--checkbox-font-size: 14px !default;
|
||||||
|
/// fontWeight||Font|1
|
||||||
|
$--checkbox-font-weight: $--font-weight-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-font-color: $--color-text-regular !default;
|
||||||
|
$--checkbox-input-height: 14px !default;
|
||||||
|
$--checkbox-input-width: 14px !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--checkbox-border-radius: $--border-radius-small !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-background-color: $--color-white !default;
|
||||||
|
$--checkbox-input-border: $--border-base !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-disabled-border-color: $--border-color-base !default;
|
||||||
|
$--checkbox-disabled-input-fill: #edf2fc !default;
|
||||||
|
$--checkbox-disabled-icon-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;
|
||||||
|
$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
|
||||||
|
$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-checked-font-color: $--color-primary !default;
|
||||||
|
$--checkbox-checked-input-border-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-checked-background-color: $--color-primary !default;
|
||||||
|
$--checkbox-checked-icon-color: $--fill-base !default;
|
||||||
|
|
||||||
|
$--checkbox-input-border-color-hover: $--color-primary !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--checkbox-bordered-height: 40px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
|
||||||
|
$--checkbox-bordered-medium-input-height: 14px !default;
|
||||||
|
$--checkbox-bordered-medium-input-width: 14px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--checkbox-bordered-medium-height: 36px !default;
|
||||||
|
$--checkbox-bordered-small-input-height: 12px !default;
|
||||||
|
$--checkbox-bordered-small-input-width: 12px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--checkbox-bordered-small-height: 32px !default;
|
||||||
|
$--checkbox-bordered-mini-input-height: 12px !default;
|
||||||
|
$--checkbox-bordered-mini-input-width: 12px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--checkbox-bordered-mini-height: 28px !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-button-checked-background-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-button-checked-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--checkbox-button-checked-border-color: $--color-primary !default;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Radio
|
||||||
|
-------------------------- */
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--radio-font-size: $--font-size-base !default;
|
||||||
|
/// fontWeight||Font|1
|
||||||
|
$--radio-font-weight: $--font-weight-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-font-color: $--color-text-regular !default;
|
||||||
|
$--radio-input-height: 14px !default;
|
||||||
|
$--radio-input-width: 14px !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--radio-input-border-radius: $--border-radius-circle !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-input-background-color: $--color-white !default;
|
||||||
|
$--radio-input-border: $--border-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-input-border-color: $--border-color-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-icon-color: $--color-white !default;
|
||||||
|
|
||||||
|
$--radio-disabled-input-border-color: $--disabled-border-base !default;
|
||||||
|
$--radio-disabled-input-fill: $--disabled-fill-base !default;
|
||||||
|
$--radio-disabled-icon-color: $--disabled-fill-base !default;
|
||||||
|
|
||||||
|
$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
|
||||||
|
$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
|
||||||
|
$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-checked-font-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-checked-input-border-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-checked-input-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-checked-icon-color: $--color-primary !default;
|
||||||
|
|
||||||
|
$--radio-input-border-color-hover: $--color-primary !default;
|
||||||
|
|
||||||
|
$--radio-bordered-height: 40px !default;
|
||||||
|
$--radio-bordered-padding: 12px 20px 0 10px !default;
|
||||||
|
$--radio-bordered-medium-padding: 10px 20px 0 10px !default;
|
||||||
|
$--radio-bordered-small-padding: 8px 15px 0 10px !default;
|
||||||
|
$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
|
||||||
|
$--radio-bordered-medium-input-height: 14px !default;
|
||||||
|
$--radio-bordered-medium-input-width: 14px !default;
|
||||||
|
$--radio-bordered-medium-height: 36px !default;
|
||||||
|
$--radio-bordered-small-input-height: 12px !default;
|
||||||
|
$--radio-bordered-small-input-width: 12px !default;
|
||||||
|
$--radio-bordered-small-height: 32px !default;
|
||||||
|
$--radio-bordered-mini-input-height: 12px !default;
|
||||||
|
$--radio-bordered-mini-input-width: 12px !default;
|
||||||
|
$--radio-bordered-mini-height: 28px !default;
|
||||||
|
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--radio-button-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-button-checked-background-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-button-checked-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--radio-button-checked-border-color: $--color-primary !default;
|
||||||
|
$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
|
||||||
|
|
||||||
|
/* Select
|
||||||
|
-------------------------- */
|
||||||
|
$--select-border-color-hover: $--border-color-hover !default;
|
||||||
|
$--select-disabled-border: $--disabled-border-base !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--select-font-size: $--font-size-base !default;
|
||||||
|
$--select-close-hover-color: $--color-text-secondary !default;
|
||||||
|
|
||||||
|
$--select-input-color: $--color-text-placeholder !default;
|
||||||
|
$--select-multiple-input-color: #666 !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--select-input-focus-border-color: $--color-primary !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--select-input-font-size: 14px !default;
|
||||||
|
|
||||||
|
$--select-option-color: $--color-text-regular !default;
|
||||||
|
$--select-option-disabled-color: $--color-text-placeholder !default;
|
||||||
|
$--select-option-disabled-background: $--color-white !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--select-option-height: 34px !default;
|
||||||
|
$--select-option-hover-background: $--background-color-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--select-option-selected-font-color: $--color-primary !default;
|
||||||
|
$--select-option-selected-hover: $--background-color-base !default;
|
||||||
|
|
||||||
|
$--select-group-color: $--color-info !default;
|
||||||
|
$--select-group-height: 30px !default;
|
||||||
|
$--select-group-font-size: 12px !default;
|
||||||
|
|
||||||
|
$--select-dropdown-background: $--color-white !default;
|
||||||
|
$--select-dropdown-shadow: $--box-shadow-light !default;
|
||||||
|
$--select-dropdown-empty-color: #999 !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--select-dropdown-max-height: 274px !default;
|
||||||
|
$--select-dropdown-padding: 6px 0 !default;
|
||||||
|
$--select-dropdown-empty-padding: 10px 0 !default;
|
||||||
|
$--select-dropdown-border: solid 1px $--border-color-light !default;
|
||||||
|
|
||||||
|
/* Alert
|
||||||
|
-------------------------- */
|
||||||
|
$--alert-padding: 8px 16px !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--alert-border-radius: $--border-radius-base !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--alert-title-font-size: 13px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--alert-description-font-size: 12px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--alert-close-font-size: 12px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--alert-close-customed-font-size: 13px !default;
|
||||||
|
|
||||||
|
$--alert-success-color: $--color-success-lighter !default;
|
||||||
|
$--alert-info-color: $--color-info-lighter !default;
|
||||||
|
$--alert-warning-color: $--color-warning-lighter !default;
|
||||||
|
$--alert-danger-color: $--color-danger-lighter !default;
|
||||||
|
|
||||||
|
/// height||Other|4
|
||||||
|
$--alert-icon-size: 16px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--alert-icon-large-size: 28px !default;
|
||||||
|
|
||||||
|
/* MessageBox
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-title-color: $--color-text-primary !default;
|
||||||
|
$--msgbox-width: 420px !default;
|
||||||
|
$--msgbox-border-radius: 4px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--messagebox-font-size: $--font-size-large !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--messagebox-content-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-content-color: $--color-text-regular !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--messagebox-error-font-size: 12px !default;
|
||||||
|
$--msgbox-padding-primary: 15px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-success-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-info-color: $--color-info !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-warning-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--messagebox-danger-color: $--color-danger !default;
|
||||||
|
|
||||||
|
/* Message
|
||||||
|
-------------------------- */
|
||||||
|
$--message-shadow: $--box-shadow-base !default;
|
||||||
|
$--message-min-width: 380px !default;
|
||||||
|
$--message-background-color: #edf2fc !default;
|
||||||
|
$--message-padding: 15px 15px 15px 20px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-close-icon-color: $--color-text-placeholder !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--message-close-size: 16px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-close-hover-color: $--color-text-secondary !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-success-font-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-info-font-color: $--color-info !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-warning-font-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--message-danger-font-color: $--color-danger !default;
|
||||||
|
|
||||||
|
/* Notification
|
||||||
|
-------------------------- */
|
||||||
|
$--notification-width: 330px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--notification-padding: 14px 26px 14px 13px !default;
|
||||||
|
$--notification-radius: 8px !default;
|
||||||
|
$--notification-shadow: $--box-shadow-light !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-border-color: $--border-color-lighter !default;
|
||||||
|
$--notification-icon-size: 24px !default;
|
||||||
|
$--notification-close-font-size: $--message-close-size !default;
|
||||||
|
$--notification-group-margin-left: 13px !default;
|
||||||
|
$--notification-group-margin-right: 8px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--notification-content-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-content-color: $--color-text-regular !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--notification-title-font-size: 16px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-title-color: $--color-text-primary !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-close-color: $--color-text-secondary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-close-hover-color: $--color-text-regular !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-success-icon-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-info-icon-color: $--color-info !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-warning-icon-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--notification-danger-icon-color: $--color-danger !default;
|
||||||
|
|
||||||
|
/* Input
|
||||||
|
-------------------------- */
|
||||||
|
$--input-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--input-font-color: $--color-text-regular !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--input-width: 140px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--input-height: 40px !default;
|
||||||
|
$--input-border: $--border-base !default;
|
||||||
|
$--input-border-color: $--border-color-base !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--input-border-radius: $--border-radius-base !default;
|
||||||
|
$--input-border-color-hover: $--border-color-hover !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--input-background-color: $--color-white !default;
|
||||||
|
$--input-fill-disabled: $--disabled-fill-base !default;
|
||||||
|
$--input-color-disabled: $--font-color-disabled-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--input-icon-color: $--color-text-placeholder !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--input-placeholder-color: $--color-text-placeholder !default;
|
||||||
|
$--input-max-width: 314px !default;
|
||||||
|
|
||||||
|
$--input-hover-border: $--border-color-hover !default;
|
||||||
|
$--input-clear-hover-color: $--color-text-secondary !default;
|
||||||
|
|
||||||
|
$--input-focus-border: $--color-primary !default;
|
||||||
|
$--input-focus-fill: $--color-white !default;
|
||||||
|
|
||||||
|
$--input-disabled-fill: $--disabled-fill-base !default;
|
||||||
|
$--input-disabled-border: $--disabled-border-base !default;
|
||||||
|
$--input-disabled-color: $--disabled-color-base !default;
|
||||||
|
$--input-disabled-placeholder-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--input-medium-font-size: 14px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--input-medium-height: 36px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--input-small-font-size: 13px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--input-small-height: 32px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--input-mini-font-size: 12px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--input-mini-height: 28px !default;
|
||||||
|
|
||||||
|
/* Cascader
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--cascader-menu-font-color: $--color-text-regular !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--cascader-menu-selected-font-color: $--color-primary !default;
|
||||||
|
$--cascader-menu-fill: $--fill-base !default;
|
||||||
|
$--cascader-menu-font-size: $--font-size-base !default;
|
||||||
|
$--cascader-menu-radius: $--border-radius-base !default;
|
||||||
|
$--cascader-menu-border: solid 1px $--border-color-light !default;
|
||||||
|
$--cascader-menu-shadow: $--box-shadow-light !default;
|
||||||
|
$--cascader-node-background-hover: $--background-color-base !default;
|
||||||
|
$--cascader-node-color-disabled:$--color-text-placeholder !default;
|
||||||
|
$--cascader-color-empty:$--color-text-placeholder !default;
|
||||||
|
$--cascader-tag-background: #f0f2f5;
|
||||||
|
|
||||||
|
/* Group
|
||||||
|
-------------------------- */
|
||||||
|
$--group-option-flex: 0 0 (1/5) * 100% !default;
|
||||||
|
$--group-option-offset-bottom: 12px !default;
|
||||||
|
$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
|
||||||
|
$--group-title-color: $--color-black !default;
|
||||||
|
$--group-title-font-size: $--font-size-base !default;
|
||||||
|
$--group-title-width: 66px !default;
|
||||||
|
|
||||||
|
/* Tab
|
||||||
|
-------------------------- */
|
||||||
|
$--tab-font-size: $--font-size-base !default;
|
||||||
|
$--tab-border-line: 1px solid #e4e4e4 !default;
|
||||||
|
$--tab-header-color-active: $--color-text-secondary !default;
|
||||||
|
$--tab-header-color-hover: $--color-text-regular !default;
|
||||||
|
$--tab-header-color: $--color-text-regular !default;
|
||||||
|
$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
|
||||||
|
$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
|
||||||
|
$--tab-vertical-header-width: 90px !default;
|
||||||
|
$--tab-vertical-header-count-color: $--color-white !default;
|
||||||
|
$--tab-vertical-header-count-fill: $--color-text-secondary !default;
|
||||||
|
|
||||||
|
/* Button
|
||||||
|
-------------------------- */
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--button-font-size: $--font-size-base !default;
|
||||||
|
/// fontWeight||Font|1
|
||||||
|
$--button-font-weight: $--font-weight-primary !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--button-border-radius: $--border-radius-base !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-padding-vertical: 12px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-padding-horizontal: 20px !default;
|
||||||
|
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--button-medium-font-size: $--font-size-base !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--button-medium-border-radius: $--border-radius-base !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-medium-padding-vertical: 10px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-medium-padding-horizontal: 20px !default;
|
||||||
|
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--button-small-font-size: 12px !default;
|
||||||
|
$--button-small-border-radius: #{$--border-radius-base - 1} !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-small-padding-vertical: 9px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-small-padding-horizontal: 15px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--button-mini-font-size: 12px !default;
|
||||||
|
$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-mini-padding-vertical: 7px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--button-mini-padding-horizontal: 15px !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-default-font-color: $--color-text-regular !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-default-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-default-border-color: $--border-color-base !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-disabled-font-color: $--color-text-placeholder !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-disabled-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-disabled-border-color: $--border-color-lighter !default;
|
||||||
|
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-primary-border-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-primary-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-primary-background-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-success-border-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-success-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-success-background-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-warning-border-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-warning-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-warning-background-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-danger-border-color: $--color-danger !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-danger-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-danger-background-color: $--color-danger !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-info-border-color: $--color-info !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-info-font-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--button-info-background-color: $--color-info !default;
|
||||||
|
|
||||||
|
$--button-hover-tint-percent: 20% !default;
|
||||||
|
$--button-active-shade-percent: 10% !default;
|
||||||
|
|
||||||
|
|
||||||
|
/* cascader
|
||||||
|
-------------------------- */
|
||||||
|
$--cascader-height: 200px !default;
|
||||||
|
|
||||||
|
/* Switch
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--switch-on-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--switch-off-color: $--border-color-base !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--switch-font-size: $--font-size-base !default;
|
||||||
|
$--switch-core-border-radius: 10px !default;
|
||||||
|
// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义
|
||||||
|
$--switch-width: 40px !default;
|
||||||
|
// height||Other|4
|
||||||
|
$--switch-height: 20px !default;
|
||||||
|
// height||Other|4
|
||||||
|
$--switch-button-size: 16px !default;
|
||||||
|
|
||||||
|
/* Dialog
|
||||||
|
-------------------------- */
|
||||||
|
$--dialog-background-color: $--color-white !default;
|
||||||
|
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--dialog-title-font-size: $--font-size-large !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--dialog-content-font-size: 14px !default;
|
||||||
|
/// fontLineHeight||LineHeight|2
|
||||||
|
$--dialog-font-line-height: $--font-line-height-primary !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--dialog-padding-primary: 20px !default;
|
||||||
|
|
||||||
|
/* Table
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--table-border-color: $--border-color-lighter !default;
|
||||||
|
$--table-border: 1px solid $--table-border-color !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--table-font-color: $--color-text-regular !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--table-header-font-color: $--color-text-secondary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--table-row-hover-background-color: $--background-color-base !default;
|
||||||
|
$--table-current-row-background-color: $--color-primary-light-9 !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--table-header-background-color: $--color-white !default;
|
||||||
|
$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
|
||||||
|
|
||||||
|
/* Pagination
|
||||||
|
-------------------------- */
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--pagination-font-size: 13px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-font-color: $--color-text-primary !default;
|
||||||
|
$--pagination-border-radius: 3px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-button-color: $--color-text-primary !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--pagination-button-width: 35.5px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--pagination-button-height: 28px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-button-disabled-color: $--color-text-placeholder !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-button-disabled-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--pagination-hover-color: $--color-primary !default;
|
||||||
|
|
||||||
|
/* Popup
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--popup-modal-background-color: $--color-black !default;
|
||||||
|
/// opacity||Other|1
|
||||||
|
$--popup-modal-opacity: 0.5 !default;
|
||||||
|
|
||||||
|
/* Popover
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--popover-background-color: $--color-white !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--popover-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--popover-border-color: $--border-color-lighter !default;
|
||||||
|
$--popover-arrow-size: 6px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--popover-padding: 12px !default;
|
||||||
|
$--popover-padding-large: 18px 20px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--popover-title-font-size: 16px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--popover-title-font-color: $--color-text-primary !default;
|
||||||
|
|
||||||
|
/* Tooltip
|
||||||
|
-------------------------- */
|
||||||
|
/// color|1|Color|0
|
||||||
|
$--tooltip-fill: $--color-text-primary !default;
|
||||||
|
/// color|1|Color|0
|
||||||
|
$--tooltip-color: $--color-white !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--tooltip-font-size: 12px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tooltip-border-color: $--color-text-primary !default;
|
||||||
|
$--tooltip-arrow-size: 6px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--tooltip-padding: 10px !default;
|
||||||
|
|
||||||
|
/* Tag
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--tag-info-color: $--color-info !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tag-primary-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tag-success-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tag-warning-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tag-danger-color: $--color-danger !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--tag-font-size: 12px !default;
|
||||||
|
$--tag-border-radius: 4px !default;
|
||||||
|
$--tag-padding: 0 10px !default;
|
||||||
|
|
||||||
|
/* Tree
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--tree-node-hover-background-color: $--background-color-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tree-font-color: $--color-text-regular !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--tree-expand-icon-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
/* Dropdown
|
||||||
|
-------------------------- */
|
||||||
|
$--dropdown-menu-box-shadow: $--box-shadow-light !default;
|
||||||
|
$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
|
||||||
|
$--dropdown-menuItem-hover-color: $--link-color !default;
|
||||||
|
|
||||||
|
/* Badge
|
||||||
|
-------------------------- */
|
||||||
|
/// color||Color|0
|
||||||
|
$--badge-background-color: $--color-danger !default;
|
||||||
|
$--badge-radius: 10px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--badge-font-size: 12px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--badge-padding: 6px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--badge-size: 18px !default;
|
||||||
|
|
||||||
|
/* Card
|
||||||
|
--------------------------*/
|
||||||
|
/// color||Color|0
|
||||||
|
$--card-border-color: $--border-color-lighter !default;
|
||||||
|
$--card-border-radius: 4px !default;
|
||||||
|
/// padding||Spacing|3
|
||||||
|
$--card-padding: 20px !default;
|
||||||
|
|
||||||
|
/* Slider
|
||||||
|
--------------------------*/
|
||||||
|
/// color||Color|0
|
||||||
|
$--slider-main-background-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--slider-runway-background-color: $--border-color-light !default;
|
||||||
|
$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
|
||||||
|
$--slider-stop-background-color: $--color-white !default;
|
||||||
|
$--slider-disable-color: $--color-text-placeholder !default;
|
||||||
|
$--slider-margin: 16px 0 !default;
|
||||||
|
$--slider-border-radius: 3px !default;
|
||||||
|
/// height|1|Other|4
|
||||||
|
$--slider-height: 6px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--slider-button-size: 16px !default;
|
||||||
|
$--slider-button-wrapper-size: 36px !default;
|
||||||
|
$--slider-button-wrapper-offset: -15px !default;
|
||||||
|
|
||||||
|
/* Steps
|
||||||
|
--------------------------*/
|
||||||
|
$--steps-border-color: $--disabled-border-base !default;
|
||||||
|
$--steps-border-radius: 4px !default;
|
||||||
|
$--steps-padding: 20px !default;
|
||||||
|
|
||||||
|
/* Menu
|
||||||
|
--------------------------*/
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--menu-item-font-size: $--font-size-base !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--menu-item-font-color: $--color-text-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--menu-background-color: $--color-white !default;
|
||||||
|
$--menu-item-hover-fill: $--color-primary-light-9 !default;
|
||||||
|
|
||||||
|
/* Rate
|
||||||
|
--------------------------*/
|
||||||
|
$--rate-height: 20px !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--rate-font-size: $--font-size-base !default;
|
||||||
|
/// height||Other|3
|
||||||
|
$--rate-icon-size: 18px !default;
|
||||||
|
/// margin||Spacing|2
|
||||||
|
$--rate-icon-margin: 6px !default;
|
||||||
|
$--rate-icon-color: $--color-text-placeholder !default;
|
||||||
|
|
||||||
|
/* DatePicker
|
||||||
|
--------------------------*/
|
||||||
|
$--datepicker-font-color: $--color-text-regular !default;
|
||||||
|
/// color|1|Color|0
|
||||||
|
$--datepicker-off-font-color: $--color-text-placeholder !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--datepicker-header-font-color: $--color-text-regular !default;
|
||||||
|
$--datepicker-icon-color: $--color-text-primary !default;
|
||||||
|
$--datepicker-border-color: $--disabled-border-base !default;
|
||||||
|
$--datepicker-inner-border-color: #e4e4e4 !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--datepicker-inrange-background-color: $--border-color-extra-light !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--datepicker-active-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--datepicker-hover-font-color: $--color-primary !default;
|
||||||
|
$--datepicker-cell-hover-color: #fff !default;
|
||||||
|
|
||||||
|
/* Loading
|
||||||
|
--------------------------*/
|
||||||
|
/// height||Other|4
|
||||||
|
$--loading-spinner-size: 42px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--loading-fullscreen-spinner-size: 50px !default;
|
||||||
|
|
||||||
|
/* Scrollbar
|
||||||
|
--------------------------*/
|
||||||
|
$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;
|
||||||
|
$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;
|
||||||
|
|
||||||
|
/* Carousel
|
||||||
|
--------------------------*/
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--carousel-arrow-font-size: 12px !default;
|
||||||
|
$--carousel-arrow-size: 36px !default;
|
||||||
|
$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
|
||||||
|
$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
|
||||||
|
/// width||Other|4
|
||||||
|
$--carousel-indicator-width: 30px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--carousel-indicator-height: 2px !default;
|
||||||
|
$--carousel-indicator-padding-horizontal: 4px !default;
|
||||||
|
$--carousel-indicator-padding-vertical: 12px !default;
|
||||||
|
$--carousel-indicator-out-color: $--border-color-hover !default;
|
||||||
|
|
||||||
|
/* Collapse
|
||||||
|
--------------------------*/
|
||||||
|
/// color||Color|0
|
||||||
|
$--collapse-border-color: $--border-color-lighter !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--collapse-header-height: 48px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--collapse-header-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--collapse-header-font-color: $--color-text-primary !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--collapse-header-font-size: 13px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--collapse-content-background-color: $--color-white !default;
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--collapse-content-font-size: 13px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--collapse-content-font-color: $--color-text-primary !default;
|
||||||
|
|
||||||
|
/* Transfer
|
||||||
|
--------------------------*/
|
||||||
|
$--transfer-border-color: $--border-color-lighter !default;
|
||||||
|
$--transfer-border-radius: $--border-radius-base !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-panel-width: 200px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-panel-header-height: 40px !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--transfer-panel-header-background-color: $--background-color-base !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-panel-footer-height: 40px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-panel-body-height: 246px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-item-height: 30px !default;
|
||||||
|
/// height||Other|4
|
||||||
|
$--transfer-filter-height: 32px !default;
|
||||||
|
|
||||||
|
/* Header
|
||||||
|
--------------------------*/
|
||||||
|
$--header-padding: 0 20px !default;
|
||||||
|
|
||||||
|
/* Footer
|
||||||
|
--------------------------*/
|
||||||
|
$--footer-padding: 0 20px !default;
|
||||||
|
|
||||||
|
/* Main
|
||||||
|
--------------------------*/
|
||||||
|
$--main-padding: 20px !default;
|
||||||
|
|
||||||
|
/* Timeline
|
||||||
|
--------------------------*/
|
||||||
|
$--timeline-node-size-normal: 12px !default;
|
||||||
|
$--timeline-node-size-large: 14px !default;
|
||||||
|
$--timeline-node-color: $--border-color-light !default;
|
||||||
|
|
||||||
|
/* Backtop
|
||||||
|
--------------------------*/
|
||||||
|
/// color||Color|0
|
||||||
|
$--backtop-background-color: $--color-white !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--backtop-font-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--backtop-hover-background-color: $--border-color-extra-light !default;
|
||||||
|
|
||||||
|
/* Link
|
||||||
|
--------------------------*/
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--link-font-size: $--font-size-base !default;
|
||||||
|
/// fontWeight||Font|1
|
||||||
|
$--link-font-weight: $--font-weight-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-default-font-color: $--color-text-regular !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-default-active-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-disabled-font-color: $--color-text-placeholder !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-primary-font-color: $--color-primary !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-success-font-color: $--color-success !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-warning-font-color: $--color-warning !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-danger-font-color: $--color-danger !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--link-info-font-color: $--color-info !default;
|
||||||
|
/* Calendar
|
||||||
|
--------------------------*/
|
||||||
|
/// border||Other|4
|
||||||
|
$--calendar-border: $--table-border !default;
|
||||||
|
/// color||Other|4
|
||||||
|
$--calendar-selected-background-color: #F2F8FE !default;
|
||||||
|
$--calendar-cell-width: 85px !default;
|
||||||
|
|
||||||
|
/* Form
|
||||||
|
-------------------------- */
|
||||||
|
/// fontSize||Font|1
|
||||||
|
$--form-label-font-size: $--font-size-base !default;
|
||||||
|
|
||||||
|
/* Avatar
|
||||||
|
--------------------------*/
|
||||||
|
/// color||Color|0
|
||||||
|
$--avatar-font-color: #fff !default;
|
||||||
|
/// color||Color|0
|
||||||
|
$--avatar-background-color: #C0C4CC !default;
|
||||||
|
/// fontSize||Font Size|1
|
||||||
|
$--avatar-text-font-size: 14px !default;
|
||||||
|
/// fontSize||Font Size|1
|
||||||
|
$--avatar-icon-font-size: 18px !default;
|
||||||
|
/// borderRadius||Border|2
|
||||||
|
$--avatar-border-radius: $--border-radius-base !default;
|
||||||
|
/// size|1|Avatar Size|3
|
||||||
|
$--avatar-large-size: 40px !default;
|
||||||
|
/// size|1|Avatar Size|3
|
||||||
|
$--avatar-medium-size: 36px !default;
|
||||||
|
/// size|1|Avatar Size|3
|
||||||
|
$--avatar-small-size: 28px !default;
|
||||||
|
|
||||||
|
/* Break-point
|
||||||
|
--------------------------*/
|
||||||
|
$--sm: 768px !default;
|
||||||
|
$--md: 992px !default;
|
||||||
|
$--lg: 1200px !default;
|
||||||
|
$--xl: 1920px !default;
|
||||||
|
|
||||||
|
$--breakpoints: (
|
||||||
|
'xs' : (max-width: $--sm - 1),
|
||||||
|
'sm' : (min-width: $--sm),
|
||||||
|
'md' : (min-width: $--md),
|
||||||
|
'lg' : (min-width: $--lg),
|
||||||
|
'xl' : (min-width: $--xl)
|
||||||
|
);
|
||||||
|
|
||||||
|
$--breakpoints-spec: (
|
||||||
|
'xs-only' : (max-width: $--sm - 1),
|
||||||
|
'sm-and-up' : (min-width: $--sm),
|
||||||
|
'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
|
||||||
|
'sm-and-down': (max-width: $--md - 1),
|
||||||
|
'md-and-up' : (min-width: $--md),
|
||||||
|
'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
|
||||||
|
'md-and-down': (max-width: $--lg - 1),
|
||||||
|
'lg-and-up' : (min-width: $--lg),
|
||||||
|
'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
|
||||||
|
'lg-and-down': (max-width: $--xl - 1),
|
||||||
|
'xl-only' : (min-width: $--xl),
|
||||||
|
);
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
module.exports = {
|
||||||
|
moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
|
||||||
|
transform: {
|
||||||
|
'^.+\\.vue$': 'vue-jest',
|
||||||
|
'.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
|
||||||
|
'jest-transform-stub',
|
||||||
|
'^.+\\.jsx?$': 'babel-jest'
|
||||||
|
},
|
||||||
|
moduleNameMapper: {
|
||||||
|
'^@/(.*)$': '<rootDir>/src/$1'
|
||||||
|
},
|
||||||
|
snapshotSerializers: ['jest-serializer-vue'],
|
||||||
|
testMatch: [
|
||||||
|
'**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
|
||||||
|
],
|
||||||
|
collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
|
||||||
|
coverageDirectory: '<rootDir>/tests/unit/coverage',
|
||||||
|
// 'collectCoverage': true,
|
||||||
|
'coverageReporters': [
|
||||||
|
'lcov',
|
||||||
|
'text-summary'
|
||||||
|
],
|
||||||
|
testURL: 'http://localhost/'
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": "./",
|
||||||
|
"paths": {
|
||||||
|
"@/*": [
|
||||||
|
"src/*"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"exclude": [
|
||||||
|
"node_modules",
|
||||||
|
"dist"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,146 @@
|
|||||||
|
{
|
||||||
|
"name": "pao-fu-admin",
|
||||||
|
"version": "4.2.1",
|
||||||
|
"description": "A magical vue admin. An out-of-box UI solution for enterprise applications. Newest development stack of vue. Lots of awesome features",
|
||||||
|
"author": "Pan <panfree23@gmail.com>",
|
||||||
|
"license": "MIT",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vue-cli-service serve",
|
||||||
|
"dev2": "vue-cli-service serve",
|
||||||
|
"build:prod": "vue-cli-service build",
|
||||||
|
"build:stage": "vue-cli-service build --mode staging",
|
||||||
|
"preview": "node build/index.js --preview",
|
||||||
|
"lint": "eslint --ext .js,.vue src",
|
||||||
|
"test:unit": "jest --clearCache && vue-cli-service test:unit",
|
||||||
|
"test:ci": "npm run lint && npm run test:unit",
|
||||||
|
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
|
||||||
|
"new": "plop",
|
||||||
|
"proto": "pbjs -t json-module -w commonjs -o src/proto/proto.js src/proto/pub/*.proto src/proto/web/*.proto"
|
||||||
|
},
|
||||||
|
"husky": {
|
||||||
|
"hooks": {
|
||||||
|
"pre-commit": "lint-staged"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"src/**/*.{js,vue}": [
|
||||||
|
"eslint --fix",
|
||||||
|
"git add"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"vue",
|
||||||
|
"admin",
|
||||||
|
"dashboard",
|
||||||
|
"element-ui",
|
||||||
|
"boilerplate",
|
||||||
|
"admin-template",
|
||||||
|
"management-system"
|
||||||
|
],
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/PanJiaChen/vue-element-admin.git"
|
||||||
|
},
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/PanJiaChen/vue-element-admin/issues"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@videojs/http-streaming": "^1.11.2",
|
||||||
|
"aigodata-element-theme": "^2.7.0",
|
||||||
|
"chart.js": "^2.9.3",
|
||||||
|
"clipboard": "2.0.4",
|
||||||
|
"default-passive-events": "^2.0.0",
|
||||||
|
"dplayer": "1.26.0",
|
||||||
|
"driver.js": "0.9.5",
|
||||||
|
"echarts": "^4.9.0",
|
||||||
|
"element-theme": "^2.0.1",
|
||||||
|
"element-ui": "^2.12.0",
|
||||||
|
"file-saver": "^2.0.2",
|
||||||
|
"fuse.js": "3.4.4",
|
||||||
|
"hls.js": "^1.0.0",
|
||||||
|
"hooper": "^0.3.4",
|
||||||
|
"image-conversion": "^2.1.1",
|
||||||
|
"js-cookie": "2.2.0",
|
||||||
|
"js-md5": "^0.7.3",
|
||||||
|
"jschardet": "^3.0.0",
|
||||||
|
"jsonlint": "1.6.3",
|
||||||
|
"libphonenumber-js": "^1.7.50",
|
||||||
|
"mathjs": "^6.6.4",
|
||||||
|
"moment": "^2.24.0",
|
||||||
|
"normalize.css": "7.0.0",
|
||||||
|
"nprogress": "0.2.0",
|
||||||
|
"path-to-regexp": "2.4.0",
|
||||||
|
"qrcode.vue": "^1.7.0",
|
||||||
|
"qs": "^6.10.1",
|
||||||
|
"quill": "1.3.6",
|
||||||
|
"quill-image-drop-module": "1.0.3",
|
||||||
|
"quill-image-resize-module": "^3.0.0",
|
||||||
|
"screenfull": "4.2.0",
|
||||||
|
"showdown": "^1.9.1",
|
||||||
|
"sortablejs": "^1.14.0",
|
||||||
|
"spark-md5": "^3.0.2",
|
||||||
|
"v-calendar": "^1.0.8",
|
||||||
|
"video.js": "^7.6.5",
|
||||||
|
"videojs-contrib-hls": "^5.15.0",
|
||||||
|
"vue": "2.6.10",
|
||||||
|
"vue-chartjs": "^3.5.0",
|
||||||
|
"vue-clipboard2": "^0.3.3",
|
||||||
|
"vue-count-to": "^1.0.13",
|
||||||
|
"vue-country-code9-selector": "^1.0.7",
|
||||||
|
"vue-cropper": "^0.4.9",
|
||||||
|
"vue-particles": "^1.0.9",
|
||||||
|
"vue-quill-editor": "3.0.6",
|
||||||
|
"vue-ripple-directive": "^2.0.1",
|
||||||
|
"vue-router": "3.0.2",
|
||||||
|
"vue-simple-uploader": "^0.7.3",
|
||||||
|
"vuedraggable": "^2.24.3",
|
||||||
|
"vuex": "3.1.0",
|
||||||
|
"xlsx": "^0.15.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "7.0.0",
|
||||||
|
"@babel/register": "^7.8.6",
|
||||||
|
"@vue/cli-plugin-babel": "3.5.3",
|
||||||
|
"@vue/cli-plugin-eslint": "^3.9.1",
|
||||||
|
"@vue/cli-plugin-unit-jest": "3.5.3",
|
||||||
|
"@vue/cli-service": "3.5.3",
|
||||||
|
"@vue/test-utils": "1.0.0-beta.29",
|
||||||
|
"autoprefixer": "^9.5.1",
|
||||||
|
"axios": "^0.18.1",
|
||||||
|
"babel-core": "7.0.0-bridge.0",
|
||||||
|
"babel-eslint": "10.0.1",
|
||||||
|
"babel-jest": "23.6.0",
|
||||||
|
"chalk": "2.4.2",
|
||||||
|
"chokidar": "2.1.5",
|
||||||
|
"connect": "3.6.6",
|
||||||
|
"element-theme-chalk": "^2.13.2",
|
||||||
|
"eslint": "5.15.3",
|
||||||
|
"eslint-plugin-vue": "5.2.2",
|
||||||
|
"html-webpack-plugin": "3.2.0",
|
||||||
|
"husky": "1.3.1",
|
||||||
|
"lint-staged": "8.1.5",
|
||||||
|
"plop": "2.3.0",
|
||||||
|
"protobufjs": "^6.9.0",
|
||||||
|
"runjs": "^4.3.2",
|
||||||
|
"sass": "^1.101.0",
|
||||||
|
"sass-loader": "^10.4.1",
|
||||||
|
"script-ext-html-webpack-plugin": "2.1.3",
|
||||||
|
"script-loader": "^0.7.2",
|
||||||
|
"serve-static": "^1.13.2",
|
||||||
|
"svg-sprite-loader": "4.1.3",
|
||||||
|
"svgo": "1.2.0",
|
||||||
|
"vue-template-compiler": "2.6.10"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8.9",
|
||||||
|
"npm": ">= 3.0.0"
|
||||||
|
},
|
||||||
|
"overrides": {
|
||||||
|
"node-sass": "^9.0.0",
|
||||||
|
"fsevents": "^2.3.3"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"> 1%",
|
||||||
|
"last 2 versions"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
{{#if template}}
|
||||||
|
<template>
|
||||||
|
<div />
|
||||||
|
</template>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{#if script}}
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: '{{ properCase name }}',
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
created() {},
|
||||||
|
mounted() {},
|
||||||
|
methods: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{#if style}}
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
{{/if}}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
const { notEmpty } = require('../utils.js')
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
description: 'generate vue component',
|
||||||
|
prompts: [{
|
||||||
|
type: 'input',
|
||||||
|
name: 'name',
|
||||||
|
message: 'component name please',
|
||||||
|
validate: notEmpty('name')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'checkbox',
|
||||||
|
name: 'blocks',
|
||||||
|
message: 'Blocks:',
|
||||||
|
choices: [{
|
||||||
|
name: '<template>',
|
||||||
|
value: 'template',
|
||||||
|
checked: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '<script>',
|
||||||
|
value: 'script',
|
||||||
|
checked: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'style',
|
||||||
|
value: 'style',
|
||||||
|
checked: true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
validate(value) {
|
||||||
|
if (value.indexOf('script') === -1 && value.indexOf('template') === -1) {
|
||||||
|
return 'Components require at least a <script> or <template> tag.'
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
actions: data => {
|
||||||
|
const name = '{{properCase name}}'
|
||||||
|
const actions = [{
|
||||||
|
type: 'add',
|
||||||
|
path: `src/components/${name}/index.vue`,
|
||||||
|
templateFile: 'plop-templates/component/index.hbs',
|
||||||
|
data: {
|
||||||
|
name: name,
|
||||||
|
template: data.blocks.includes('template'),
|
||||||
|
script: data.blocks.includes('script'),
|
||||||
|
style: data.blocks.includes('style')
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
|
||||||
|
return actions
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
exports.notEmpty = name => {
|
||||||
|
return v => {
|
||||||
|
if (!v || v.trim === '') {
|
||||||
|
return `${name} is required`
|
||||||
|
} else {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
{{#if template}}
|
||||||
|
<template>
|
||||||
|
<div />
|
||||||
|
</template>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{#if script}}
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: '{{ properCase name }}',
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
created() {},
|
||||||
|
mounted() {},
|
||||||
|
methods: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
{{#if style}}
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
{{/if}}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
const { notEmpty } = require('../utils.js')
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
description: 'generate a view',
|
||||||
|
prompts: [{
|
||||||
|
type: 'input',
|
||||||
|
name: 'name',
|
||||||
|
message: 'view name please',
|
||||||
|
validate: notEmpty('name')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'checkbox',
|
||||||
|
name: 'blocks',
|
||||||
|
message: 'Blocks:',
|
||||||
|
choices: [{
|
||||||
|
name: '<template>',
|
||||||
|
value: 'template',
|
||||||
|
checked: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '<script>',
|
||||||
|
value: 'script',
|
||||||
|
checked: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'style',
|
||||||
|
value: 'style',
|
||||||
|
checked: true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
validate(value) {
|
||||||
|
if (value.indexOf('script') === -1 && value.indexOf('template') === -1) {
|
||||||
|
return 'View require at least a <script> or <template> tag.'
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
actions: data => {
|
||||||
|
const name = '{{name}}'
|
||||||
|
const actions = [{
|
||||||
|
type: 'add',
|
||||||
|
path: `src/views/${name}/index.vue`,
|
||||||
|
templateFile: 'plop-templates/view/index.hbs',
|
||||||
|
data: {
|
||||||
|
name: name,
|
||||||
|
template: data.blocks.includes('template'),
|
||||||
|
script: data.blocks.includes('script'),
|
||||||
|
style: data.blocks.includes('style')
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
|
||||||
|
return actions
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
const viewGenerator = require('./plop-templates/view/prompt')
|
||||||
|
const componentGenerator = require('./plop-templates/component/prompt')
|
||||||
|
|
||||||
|
module.exports = function(plop) {
|
||||||
|
plop.setGenerator('view', viewGenerator)
|
||||||
|
plop.setGenerator('component', componentGenerator)
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
autoprefixer: {}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,114 @@
|
|||||||
|
---
|
||||||
|
项目名称: 91短剧WEB后台系统 #如果在dmp则使用dmp的名称 如果不在则使用自定义名称
|
||||||
|
一级部门: 北斗 #请填写一级部门名称 北斗
|
||||||
|
二级部门: 瑞升 #请填写二级部门名称,无则留空, 如无极
|
||||||
|
|
||||||
|
DMP编码: #无则留空
|
||||||
|
|
||||||
|
项目类型:
|
||||||
|
PC
|
||||||
|
# 可选值:
|
||||||
|
# H5 / APP / PC / 服务 / 组件 / 工具 / AI / 中间件
|
||||||
|
|
||||||
|
开发语言:
|
||||||
|
VUE
|
||||||
|
# 可选值:
|
||||||
|
# GO / Java / PHP / Node
|
||||||
|
|
||||||
|
项目负责人: DN1425 # 员工编号, 多个用逗号隔开,这里的负责是这套代码的负责人
|
||||||
|
|
||||||
|
运维负责人: DN9460, DN9651, DN4792 # 负责部署、监控、K8S、发布、证书等
|
||||||
|
|
||||||
|
产品负责人: YY1166 # 项目产品经理
|
||||||
|
|
||||||
|
项目成员: DN7208 DN2185
|
||||||
|
|
||||||
|
项目状态:
|
||||||
|
开发中
|
||||||
|
# 可选值:
|
||||||
|
# 开发中 / 维护中 / 已停止 / 已归档
|
||||||
|
|
||||||
|
项目级别:
|
||||||
|
中
|
||||||
|
# 可选值:
|
||||||
|
# 高 / 中 / 低 , 北斗体系 s和a为 高 b为中 c d为低
|
||||||
|
|
||||||
|
核心分支:
|
||||||
|
main
|
||||||
|
# 即部署时候使用的分支,可选值:
|
||||||
|
# master / main / dev / release
|
||||||
|
|
||||||
|
代码仓库:
|
||||||
|
- ssh://git@bd-git-sh.jsyyds.com:8082/ruisheng/jha-1021-91jhs/frontend/jha-1047-91dj-admin.git
|
||||||
|
|
||||||
|
最后审计人:
|
||||||
|
|
||||||
|
最后审计时间:
|
||||||
|
|
||||||
|
告警群:
|
||||||
|
|
||||||
|
备注:
|
||||||
|
---
|
||||||
|
|
||||||
|
# 1. 项目说明
|
||||||
|
|
||||||
|
请描述项目核心业务逻辑。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- B 站 H5 商城系统
|
||||||
|
- 包含订单、支付、会员、营销等模块
|
||||||
|
- 对接支付网关与用户中心
|
||||||
|
|
||||||
|
# 2. 基础设施与中间件
|
||||||
|
|
||||||
|
请描述项目依赖的核心基础设施。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- MySQL 主从
|
||||||
|
- Redis Cluster
|
||||||
|
- Kafka 消息队列
|
||||||
|
- Elasticsearch 搜索
|
||||||
|
- MinIO 文件存储
|
||||||
|
|
||||||
|
# 3. 运维部署
|
||||||
|
|
||||||
|
请描述项目部署方式、发布流程、回滚方案。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- Kubernetes 部署
|
||||||
|
- GitLab CI 自动发布
|
||||||
|
- 灰度发布 + 回滚
|
||||||
|
- Prometheus + Grafana 监控
|
||||||
|
|
||||||
|
# 4. 风险说明
|
||||||
|
|
||||||
|
请描述核心风险与注意事项。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- 支付核心链路
|
||||||
|
- Kafka 积压风险
|
||||||
|
- Redis 热 Key 风险
|
||||||
|
- 依赖第三方支付接口
|
||||||
|
|
||||||
|
# 5. 历史事故(可选)
|
||||||
|
|
||||||
|
记录重大事故与复盘。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- 2026-04-01 Kafka 积压导致订单延迟
|
||||||
|
- 2026-04-12 Redis 节点故障
|
||||||
|
|
||||||
|
# 6. 交接说明(可选)
|
||||||
|
|
||||||
|
记录交接事项、备用账号、部署注意事项等。
|
||||||
|
|
||||||
|
示例:
|
||||||
|
|
||||||
|
- 发布必须先停流量
|
||||||
|
- nginx 配置在独立仓库
|
||||||
|
- 生产证书由运维统一维护
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-05-16 10:46:46
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @LastEditTime: 2022-04-06 16:39:01
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta name="renderer" content="webkit" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||||
|
<!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
|
||||||
|
<link rel="icon" href="<%= BASE_URL %>logo.png" />
|
||||||
|
<title>
|
||||||
|
<%= webpackConfig.name %>
|
||||||
|
</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app">
|
||||||
|
</div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,46 @@
|
|||||||
|
<template>
|
||||||
|
<div id="app">
|
||||||
|
<router-view />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getSyscfg } from '@/api/system/systemConfig'
|
||||||
|
import { getToken } from '@/utils/auth' // get token from cookie
|
||||||
|
export default {
|
||||||
|
name: 'App',
|
||||||
|
async created() {
|
||||||
|
const hasToken = getToken()
|
||||||
|
if (hasToken) {
|
||||||
|
await this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// TODO:请求系统配置列表数据
|
||||||
|
getData() {
|
||||||
|
if (getToken()) {
|
||||||
|
getSyscfg({}).then((res) => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.form = res.data
|
||||||
|
this.$store.dispatch('system/setConfig', res.data)
|
||||||
|
} else {
|
||||||
|
this.$message.error('请求系统配置失败')
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err, 'ss')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.el-tooltip__popper {
|
||||||
|
max-width: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table {
|
||||||
|
font-size: 12px !important;
|
||||||
|
color: rgb(56, 51, 51) !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 江涛
|
||||||
|
* @Mail: jt213219216@gmail.com
|
||||||
|
* @Date: 2021-02-22 10:36:38
|
||||||
|
* @LastEditTime: 2021-03-15 11:11:22
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @FilePath: /web-admin-MDDSP/src/api/account/accountList.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 帐号列表
|
||||||
|
export function accList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/list',
|
||||||
|
method: 'GET',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 账号删除
|
||||||
|
export function accDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 账号添加
|
||||||
|
export function accAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 更新账号
|
||||||
|
export function accUp(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/up',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取可用角色列表
|
||||||
|
export function roleDrop(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/drop',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更改账号状态
|
||||||
|
export function accSavestatus(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/savestatus',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 江涛
|
||||||
|
* @Mail: jt213219216@gmail.com
|
||||||
|
* @Date: 2021-02-22 10:36:38
|
||||||
|
* @LastEditTime: 2021-03-12 19:49:15
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @FilePath: /web-admin-MDDSP/src/api/account/roleList.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 新增角色
|
||||||
|
export function roleAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 角色删除
|
||||||
|
export function roleDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取角色列表
|
||||||
|
export function getRoleList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增角色
|
||||||
|
export function roleUp(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/up',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求角色权限
|
||||||
|
export function getAuth(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/getauth',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新权限
|
||||||
|
export function upAuth(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/upauth',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 角色使能
|
||||||
|
export function roleEnable(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/role/enable',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取信息
|
||||||
|
// export function roleGetinfo(data) {
|
||||||
|
// return request({
|
||||||
|
// url: '/web/role/getinfo',
|
||||||
|
// method: 'post',
|
||||||
|
// data
|
||||||
|
// })
|
||||||
|
// }
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
|
||||||
|
/*
|
||||||
|
* @Author: 江涛
|
||||||
|
* @Mail: jt213219216@gmail.com
|
||||||
|
* @Date: 2021-02-22 10:36:38
|
||||||
|
* @LastEditTime: 2022-08-15 19:48:00
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /sq_web_admin/src/api/account/upList.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 新增角色
|
||||||
|
export function upAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/upmaster/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 角色删除
|
||||||
|
export function upDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/uploader/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取角色列表
|
||||||
|
export function getUpList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/uploader/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 更新权限
|
||||||
|
export function upAuth(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/uploader/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增角色
|
||||||
|
// export function roleUp(data) {
|
||||||
|
// return request({
|
||||||
|
// url: '/api/web/role/up',
|
||||||
|
// method: 'post',
|
||||||
|
// data
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 请求角色权限
|
||||||
|
// export function getAuth(params) {
|
||||||
|
// return request({
|
||||||
|
// url: '/api/web/role/getauth',
|
||||||
|
// method: 'get',
|
||||||
|
// params
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 角色使能
|
||||||
|
// export function roleEnable(data) {
|
||||||
|
// return request({
|
||||||
|
// url: '/api/web/role/enable',
|
||||||
|
// method: 'post',
|
||||||
|
// data
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 获取信息
|
||||||
|
// export function roleGetinfo(data) {
|
||||||
|
// return request({
|
||||||
|
// url: '/web/role/getinfo',
|
||||||
|
// method: 'post',
|
||||||
|
// data
|
||||||
|
// })
|
||||||
|
// }
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 请求位置列表
|
||||||
|
export function appInfoList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/info/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 位置更新更新
|
||||||
|
export function appInfoUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/info/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增位置
|
||||||
|
export function appInfoAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/info/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除位置
|
||||||
|
export function appInfoDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/info/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function dockingAppCategoryList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appcategory/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppCategoryAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appcategory/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppCategoryUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appcategory/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppCategoryDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appcategory/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function dockingAppList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingAppDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/appinfo/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function upLoadFile(data, source) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/file/uploadImg',
|
||||||
|
method: 'post',
|
||||||
|
headers: { 'Content-Type': 'multipart/form-data' },
|
||||||
|
data,
|
||||||
|
timeout: 0,
|
||||||
|
cancelToken: source.token
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2021-01-05 10:36:27
|
||||||
|
* @LastEditors: 王涛
|
||||||
|
* @LastEditTime: 2021-01-07 22:20:44
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
// 上传图片
|
||||||
|
export function mediaUploadImg(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/file/uploadImg',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// // 请求首页今日数据
|
||||||
|
export function getToday() {
|
||||||
|
return request({ url: '/web/report/today', method: 'get' })
|
||||||
|
}
|
||||||
|
|
||||||
|
// // 请求全部数据
|
||||||
|
// export function getTotal() {
|
||||||
|
// return request({
|
||||||
|
// url: '/web/report/total',
|
||||||
|
// method: 'get'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// /**
|
||||||
|
// *
|
||||||
|
// * @param {*} params
|
||||||
|
// */
|
||||||
|
// export function getVisit(params) {
|
||||||
|
// return request({
|
||||||
|
// url: '/web/report/visit/list',
|
||||||
|
// method: 'get',
|
||||||
|
// params
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * 水印列表导出
|
||||||
|
// * @param {*} params
|
||||||
|
// */
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-10-06 01:01:28
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @LastEditTime: 2021-03-12 19:41:26
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function login(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/login/acc',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * 确认绑定二维码 code为333时 调用
|
||||||
|
// * @param {*} data
|
||||||
|
// */
|
||||||
|
export function validateQR(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/login/bind',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取视频列表
|
||||||
|
export function lsjVideoList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/laosiji/movie/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取视频列表
|
||||||
|
export function lsjVideoDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/laosiji/movie/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function lsjVideoDetail(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/laosiji/movie/detail',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function lsjVideoAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/laosiji/movie/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,69 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 影片列表
|
||||||
|
export function mediaSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediafile/search',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表
|
||||||
|
export function mediaSearchV1(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/mediafile/search',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表V2
|
||||||
|
export function mediaSearchV2(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/mediafile/searchV2',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除影片
|
||||||
|
export function mediaDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediafile/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 同步
|
||||||
|
export function mediaUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/mediafile/sync',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑影片
|
||||||
|
export function mediaEdit(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediafile/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新预览时长
|
||||||
|
export function updatePreTime(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediafile/update/prefile',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function sourceDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/source/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 资源列表
|
||||||
|
export function sourceList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/source/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function sourceUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/source/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增视频
|
||||||
|
export function sourceAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/source/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 视频上传
|
||||||
|
export function videoBody(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/proxy/videoBody',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 视频上传成功
|
||||||
|
export function videoOk(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/proxy/videoOk',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function taskDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/task/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 资源列表
|
||||||
|
export function taskList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/task/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增视频
|
||||||
|
export function taskAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/task/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 重新生成添加水印
|
||||||
|
export function updateWaterMark(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/task/update/watermark',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function audioAdd(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/audio/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function audioDel(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/audio/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function audioList(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/audio/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function audioUpdate(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/audio/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,121 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-11 17:20:20
|
||||||
|
* @LastEditTime: 2022-06-06 17:45:03
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /kkjm-web-admin/src/api/novels/novels.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function novelsUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsAddTopics(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/addTopics',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsNewOne(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/newOne',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加评论
|
||||||
|
export function novelsAddComment(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/addComment',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量添加标签
|
||||||
|
export function novelsAddTags(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/addTags',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取最新章节和章节数不同的小说
|
||||||
|
export function novelsGetNaN(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/getNaN',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新所有主题小说数量
|
||||||
|
export function novelsUpCTC(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/upCTC',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新所有小说免费章节
|
||||||
|
export function novelsUpNone(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/upNone',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新小说状态
|
||||||
|
export function novelsUpdNovelStatus(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/updNovelStatus',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新小说状态
|
||||||
|
export function novelsAddTxtNovel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novel/addTxtNovel',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function comicsCvUpdate(data) { // MDVlogCV更新
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicscv/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsCvAdd(data) { // 画CV添加
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicscv/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsCvDel(data) { // MDVlogCV删除
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicscv/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsCvList(data) { // MDVlogCV列表
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicscv/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-12 13:55:34
|
||||||
|
* @LastEditTime: 2022-06-06 17:44:56
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /kkjm-web-admin/src/api/novelsManagement/novelsChapter.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function novelsChapterUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelChapter/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function novelsChapterAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelChapter/add',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
timeout: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function novelsChapterDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelChapter/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function novelsChapterList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelChapter/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新章节的小说id
|
||||||
|
export function novelsChapterUpNovelId(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelChapter/upNovelId',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-12 14:41:19
|
||||||
|
* @LastEditTime: 2022-06-06 17:45:21
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /novels-admin/src/api/novelsManagement/novelsTag.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function novelsTagUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsTagAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsTagDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsTagList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsTagList100(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/tag100list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-11 20:53:58
|
||||||
|
* @LastEditTime: 2024-04-09 20:01:48
|
||||||
|
* @LastEditors: Administrator admin@example.com
|
||||||
|
* @FilePath: /txsm_webAdmin/src/api/novelsManagement/novelsTopic.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
export function novelsTopicList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTopic/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function novelsLabelsList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/novelTag/tag100list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function comicsmediaUpdate(data) { // MDVlog视频更新
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicsmedia/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsmediaAdd(data) { // MDVlog视频添加
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicsmedia/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsmediaDel(data) { // MDVlog视频删除
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicsmedia/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function comicsmediaList(data) { // MDVlog视频列表
|
||||||
|
return request({
|
||||||
|
url: '/api/web/comicsmedia/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletJiahuaList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/jh/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletJiahuaChapters(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/jh/chapters',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletJiahuaImport(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/jh/import',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,169 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletStatusSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/status/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletRecommendSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/recommend/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletFeaturedSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/featured/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletOperateTypeSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/operate-type/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletThemeSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/theme/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletCategorySet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/category/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletTagSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/tag/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletWatermarkReset(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/watermark/reset',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletVirtualLikeSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/like/virtual/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletBannerSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/banner/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterStatusSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/status/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterPayTypeSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/pay-type/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletChapterSync(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/chapter/sync',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletResourceList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletResourceChapters(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/chapters',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletResourceImport(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/resource/import',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletTagList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/tag/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletTagAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/tag/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletTagUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/tag/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletTagDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/tag/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletThemeList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/theme/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletThemeAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/theme/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletThemeUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/theme/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function playletThemeDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/theme/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function rechargePackageList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rechargeVipPackageList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/vip/list',
|
||||||
|
method: 'post',
|
||||||
|
data: data || {}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rechargePackageAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rechargePackageUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rechargePackageDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rechargePackageStatusSet(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recharge/package/status/set',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function announcementList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/announcement/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function announcementAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/announcement/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function announcementUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/announcement/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function announcementDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/announcement/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function contactusList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/contactus/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function contactusHandle(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/contactus/handle',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function ipBlackAdd(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/ipblack/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function ipBlackDel(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/ipblack/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function ipBlackList(data) { // 音频新增
|
||||||
|
return request({
|
||||||
|
url: '/api/web/ipblack/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-10-04 14:54:35
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @LastEditTime: 2021-03-12 20:17:59
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 操作日志
|
||||||
|
export function accOps(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/acc/ops',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 媒资库操作日志
|
||||||
|
export function mzkAccOps(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/acc/ops',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-10-06 01:01:28
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @LastEditTime: 2021-03-23 22:03:06
|
||||||
|
*/
|
||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
// 获取系统配置
|
||||||
|
export function getSyscfg(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/syscfg/get',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改系统配置
|
||||||
|
export function updateSyscfg(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/syscfg/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function coinTransList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/coin/trans',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function playletSalesList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/playlet/sales',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function vipOrderList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/card/order/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 详情导航列表
|
||||||
|
export function detailNavList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/detailnav/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增详情导航
|
||||||
|
export function detailNavAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/detailnav/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑详情导航
|
||||||
|
export function detailNavUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/detailnav/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除详情导航
|
||||||
|
export function detailNavDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/detailnav/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function homeBannerList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/banner/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeBannerAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/banner/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeBannerUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/banner/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeBannerDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/banner/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function homeConfigList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/config/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeConfigAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/config/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeConfigUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/config/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function homeConfigDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/home/config/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 热门导航配置-列表
|
||||||
|
export function hotNavList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/hotnav/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 热门导航配置-增加
|
||||||
|
export function hotNavAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/hotnav/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 热门导航配置-更新
|
||||||
|
export function hotNavUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/hotnav/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 热门导航配置-删除
|
||||||
|
export function hotNavDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/hotnav/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function translationDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translation/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表
|
||||||
|
export function translationSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translation/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function translationUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translation/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 一键同步
|
||||||
|
export function translationAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translation/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function translationcategoryDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translationcategory/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表
|
||||||
|
export function translationcategorySearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translationcategory/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function translationcategoryUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translationcategory/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 一键同步
|
||||||
|
export function translationcategoryAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translationcategory/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 首页“更多”可跳转的导航分类
|
||||||
|
export function translationcategoryHomeMoreOptions() {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/translationcategory/home-more/options',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function feedbackList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/feedback/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function feedbackHandle(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/feedback/handle',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function getUserList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/user/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function userUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/user/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function userVipUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/user/vip/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function userGiftCoin(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/user/giftcoin',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 封禁用户(评论管理等页面使用)
|
||||||
|
export function userBan(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/user/ban',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 解封用户(兼容其他页面调用)
|
||||||
|
export function userUnBan(data) {
|
||||||
|
return userUpdate({
|
||||||
|
id: data.userId,
|
||||||
|
param: { status: 0 }
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2023-07-14 12:00:29
|
||||||
|
* @LastEditTime: 2023-07-14 16:08:07
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /web-admin/src/api/userAnalysis/index.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 用户日活
|
||||||
|
export function analyzeDau(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/analyze/dau',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 首充区间
|
||||||
|
export function analyzeInterval(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/analyze/interval',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 二次消费
|
||||||
|
export function analyzePurchase(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/analyze/purchase',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
/*
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-10-05 14:44:43
|
||||||
|
* @LastEditors: 江涛
|
||||||
|
* @LastEditTime: 2021-03-24 11:39:15
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 请求视频enkey解密密钥
|
||||||
|
export function videoFeviewList(params, urll) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/enkey',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function videoOk(data) {
|
||||||
|
return request({
|
||||||
|
url: '/media/web/upload/videoOk',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 随机选择指定条数
|
||||||
|
export function commentLibSelect(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/batch/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,72 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-02-22 14:30:36
|
||||||
|
* @LastEditTime: 2022-06-06 18:02:56
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /comics-admin/src/api/videoManagement/commentManage.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 请求评论列表
|
||||||
|
export function commentList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除评论
|
||||||
|
export function commentDelete(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论回复
|
||||||
|
export function commentReply(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/replay',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 删除所有评论
|
||||||
|
export function commentDeluser(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/user/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论审核
|
||||||
|
export function commentReview(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/review',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论批量审核
|
||||||
|
export function commentReviewBatch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/reviewBatch',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论编辑/评论置顶
|
||||||
|
export function commentUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/post/comment/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function dockingVideoTopicList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingVideoTopicAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingVideoTopicUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingVideoTopicDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dockingVideoTopicUpdateSlug(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/updateslug',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-14 15:25:07
|
||||||
|
* @LastEditTime: 2022-06-06 18:03:01
|
||||||
|
* @LastEditors:
|
||||||
|
* @FilePath: /comics-admin/src/api/videoManagement/filterWord.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取非法词列表
|
||||||
|
export function getFilterList(data) {
|
||||||
|
return request({
|
||||||
|
url: 'api/web/filterword/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 删除非法词
|
||||||
|
export function filterWordDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/filterword/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增非法词
|
||||||
|
export function filterWordAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/filterword/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 标签分类列表
|
||||||
|
export function videoLabelList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotagcategory/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增标签分类
|
||||||
|
export function videoLabelAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotagcategory/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改标签分类
|
||||||
|
export function videoLabelUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotagcategory/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除标签分类
|
||||||
|
export function videoLabelDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotagcategory/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-07-21 19:49:58
|
||||||
|
* @LastEditTime: 2023-02-22 10:33:20
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /xd_web_admin/src/api/videoManagement/mdsqsyncMedia.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 快手视频列表
|
||||||
|
export function mdsqsyncMediaSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mdsync/media/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手标签
|
||||||
|
export function mdsqsyncMediatagSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mdsync/mediatag/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手分类
|
||||||
|
export function mdsqsyncMediacategorySearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mdsync/mediacategory/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手专题
|
||||||
|
export function mdsqsyncTopicSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mdsync/topic/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量同步快手资源
|
||||||
|
export function mdsqsyncSyncmedias(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mdsync/syncmedias',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-07-07 15:16:43
|
||||||
|
* @LastEditTime: 2022-07-07 15:17:51
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /web_admin/src/api/videoManagement/recommend.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 视频推荐列表
|
||||||
|
export function recommendSeach(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/media/recommend/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除推荐视频
|
||||||
|
export function recommendDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/media/recommend/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-03-14 15:25:07
|
||||||
|
* @LastEditTime: 2022-06-06 18:03:15
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /comics-admin/src/api/videoManagement/recommendTopic.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function topicAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recommend/topic/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function topicDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recommend/topic/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function topicList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recommend/topic/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function topicUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/recommend/topic/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-07-21 19:49:58
|
||||||
|
* @LastEditTime: 2023-02-22 10:33:20
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /xd_web_admin/src/api/videoManagement/mdsqsyncMedia.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 快手视频列表
|
||||||
|
export function kkjmsqsyncMediaSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/kkjmsync/media/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手标签
|
||||||
|
export function kkjmsqsyncMediatagSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/kkjmsync/mediatag/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手分类
|
||||||
|
export function kkjmsqsyncMediacategorySearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/kkjmsync/mediacategory/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手专题
|
||||||
|
export function kkjmsqsyncTopicSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/kkjmsync/topic/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量同步快手资源
|
||||||
|
export function kkjmsqsyncSyncmedias(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/kkjmsync/syncmedias',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,56 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function videoinfoAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/sync',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function videoinfoDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表
|
||||||
|
export function videoinfoSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function videoinfoUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频转H265
|
||||||
|
export function videoinfoTranscode(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/transcode',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function videoBindPreview(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/bindpre',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-01-21 16:55:02
|
||||||
|
* @LastEditTime: 2022-08-09 21:30:33
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /sq_web_admin/src/api/videoManagement/videoRank.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询视频排行榜
|
||||||
|
export function mediarankList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediarank/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除视频排行榜
|
||||||
|
export function mediarankDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediarank/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加一个视频排行榜
|
||||||
|
export function mediarankAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediarank/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 更新一个视频排行榜
|
||||||
|
export function mediarankupdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/mediarank/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频
|
||||||
|
export function videotopicDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频列表
|
||||||
|
export function videotopicSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频
|
||||||
|
export function videotopicUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 一键同步
|
||||||
|
export function videotopicAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videotopic/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 修改合集内视频列表
|
||||||
|
export function videocollectionOption(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocollection/media/option',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取合集视频列表
|
||||||
|
export function videocollectionMediaList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocollection/media/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改合集里的视频排序
|
||||||
|
export function videocollectionMediaRank(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocollection/media/rank',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增合集
|
||||||
|
export function addVideocollectionMedia(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videoinfo/addcoll',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 删除视频作者
|
||||||
|
export function videocreaterDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocreater/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 视频作者列表
|
||||||
|
export function videocreaterSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocreater/list',
|
||||||
|
method: 'post',
|
||||||
|
filterParam: true,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改视频作者
|
||||||
|
export function videocreaterUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocreater/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 一键同步
|
||||||
|
export function videocreaterAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/videocreater/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/*
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2022-07-21 19:49:58
|
||||||
|
* @LastEditTime: 2022-07-21 21:26:34
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /xd_web_admin/src/api/videoManagement/zhsyncMedia.js
|
||||||
|
*/
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 快手视频列表
|
||||||
|
export function zhsyncMediaSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/zhsync/media/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手标签
|
||||||
|
export function zhsyncMediatagSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/zhsync/mediatag/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手分类
|
||||||
|
export function zhsyncMediacategorySearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/zhsync/mediacategory/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 请求快手专题
|
||||||
|
export function zhsyncTopicSearch(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/zhsync/topic/search',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量同步快手资源
|
||||||
|
export function zhsyncSyncmedias(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/zhsync/syncmedias',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,38 @@
|
|||||||
|
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 请求富文本列表
|
||||||
|
export function richtextcontentList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/richtextcontent/list',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 富文本更新更新
|
||||||
|
export function richtextcontentUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/richtextcontent/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增富文本
|
||||||
|
export function richtextcontentAdd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/richtextcontent/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除富文本
|
||||||
|
export function richtextcontentDel(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/web/richtextcontent/del',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 328 B |
@@ -0,0 +1,94 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: 王涛
|
||||||
|
* @Mail: no
|
||||||
|
* @Date: 2020-05-16 10:46:46
|
||||||
|
* @LastEditors: 王涛
|
||||||
|
* @LastEditTime: 2021-01-27 10:44:03
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-breadcrumb class="app-breadcrumb" separator="/">
|
||||||
|
<transition-group name="breadcrumb">
|
||||||
|
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
|
||||||
|
<span
|
||||||
|
v-if="item.redirect==='noRedirect'||index==levelList.length-1"
|
||||||
|
class="no-redirect">{{ item.meta.title }}</span>
|
||||||
|
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
|
||||||
|
</el-breadcrumb-item>
|
||||||
|
</transition-group>
|
||||||
|
</el-breadcrumb>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import pathToRegexp from 'path-to-regexp'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
levelList: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route(route) {
|
||||||
|
// if you go to the redirect page, do not update the breadcrumbs
|
||||||
|
if (route.path.startsWith('/redirect/')) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.getBreadcrumb()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getBreadcrumb()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getBreadcrumb() {
|
||||||
|
// only show routes with meta.title
|
||||||
|
const matched = this.$route.matched.filter(item => item.meta && item.meta.title)
|
||||||
|
// const first = matched[0]
|
||||||
|
|
||||||
|
// if (!this.isDashboard(first)) {
|
||||||
|
// matched = [{ path: '/promptPage', meta: { title: '首页' }}].concat(matched)
|
||||||
|
// }
|
||||||
|
|
||||||
|
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
|
||||||
|
},
|
||||||
|
isDashboard(route) {
|
||||||
|
const name = route && route.name
|
||||||
|
if (!name) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
return name.trim().toLocaleLowerCase() === 'Home'.toLocaleLowerCase()
|
||||||
|
},
|
||||||
|
pathCompile(path) {
|
||||||
|
// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
|
||||||
|
const { params } = this.$route
|
||||||
|
var toPath = pathToRegexp.compile(path)
|
||||||
|
return toPath(params)
|
||||||
|
},
|
||||||
|
handleLink(item) {
|
||||||
|
const { redirect, path } = item
|
||||||
|
if (redirect) {
|
||||||
|
this.$router.push(redirect)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$router.push(this.pathCompile(path))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import '@/styles/variables.scss';
|
||||||
|
.app-breadcrumb.el-breadcrumb {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 50px;
|
||||||
|
margin-left: 8px;
|
||||||
|
|
||||||
|
.no-redirect {
|
||||||
|
color: $themeColor;
|
||||||
|
cursor: text;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
<!--
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2021-11-16 17:10:43
|
||||||
|
* @LastEditTime: 2022-04-07 20:17:07
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /comics-admin/src/components/Hamburger/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div style="padding: 0 15px" @click="toggleClick">
|
||||||
|
<svg :class="{'is-active':isActive}" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
|
||||||
|
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import variables from '@/styles/variables.scss'
|
||||||
|
export default {
|
||||||
|
name: 'Hamburger',
|
||||||
|
props: {
|
||||||
|
isActive: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
variables() {
|
||||||
|
return variables
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleClick() {
|
||||||
|
this.$emit('toggleClick')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.hamburger {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger.is-active {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,180 @@
|
|||||||
|
<template>
|
||||||
|
<div :class="{'show':show}" class="header-search">
|
||||||
|
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
|
||||||
|
<el-select ref="headerSearchSelect" v-model="search" :remote-method="querySearch" filterable default-first-option remote placeholder="Search" class="header-search-select" @change="change">
|
||||||
|
<el-option v-for="item in options" :key="item.path" :value="item" :label="item.title.join(' > ')" />
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// fuse is a lightweight fuzzy-search module
|
||||||
|
// make search results more in line with expectations
|
||||||
|
import Fuse from 'fuse.js'
|
||||||
|
import path from 'path'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'HeaderSearch',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
search: '',
|
||||||
|
options: [],
|
||||||
|
searchPool: [],
|
||||||
|
show: false,
|
||||||
|
fuse: undefined
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
routes() {
|
||||||
|
return this.$store.getters.permission_routes
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
routes() {
|
||||||
|
this.searchPool = this.generateRoutes(this.routes)
|
||||||
|
},
|
||||||
|
searchPool(list) {
|
||||||
|
this.initFuse(list)
|
||||||
|
},
|
||||||
|
show(value) {
|
||||||
|
if (value) {
|
||||||
|
document.body.addEventListener('click', this.close)
|
||||||
|
} else {
|
||||||
|
document.body.removeEventListener('click', this.close)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.searchPool = this.generateRoutes(this.routes)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
click() {
|
||||||
|
this.show = !this.show
|
||||||
|
if (this.show) {
|
||||||
|
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur()
|
||||||
|
this.options = []
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
change(val) {
|
||||||
|
this.$router.push(val.path)
|
||||||
|
this.search = ''
|
||||||
|
this.options = []
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.show = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
initFuse(list) {
|
||||||
|
this.fuse = new Fuse(list, {
|
||||||
|
shouldSort: true, // 是否按分数对结果列表排序
|
||||||
|
threshold: 0.4, // 匹配算法阀值,阀值为0时需完全匹配,1为完全不匹配
|
||||||
|
location: 0, // 确定文本中预期找到的模式的大致位置
|
||||||
|
distance: 100,
|
||||||
|
maxPatternLength: 32, // 模式的最大长度
|
||||||
|
minMatchCharLength: 1, // 模式的最小字符长度
|
||||||
|
keys: [
|
||||||
|
{
|
||||||
|
// 搜索标题与路径
|
||||||
|
name: 'title',
|
||||||
|
weight: 0.7
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'path',
|
||||||
|
weight: 0.3
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// Filter out the routes that can be displayed in the sidebar
|
||||||
|
// And generate the internationalized title
|
||||||
|
generateRoutes(routes, basePath = '/', prefixTitle = []) {
|
||||||
|
let res = []
|
||||||
|
|
||||||
|
for (const router of routes) {
|
||||||
|
// skip hidden router
|
||||||
|
if (router.hidden) {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = {
|
||||||
|
path: path.resolve(basePath, router.path),
|
||||||
|
title: [...prefixTitle]
|
||||||
|
}
|
||||||
|
|
||||||
|
if (router.meta && router.meta.title) {
|
||||||
|
data.title = [...data.title, router.meta.title]
|
||||||
|
|
||||||
|
if (router.redirect !== 'noRedirect') {
|
||||||
|
// only push the routes with title
|
||||||
|
// special case: need to exclude parent router without redirect
|
||||||
|
res.push(data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// recursive child routes
|
||||||
|
if (router.children) {
|
||||||
|
const tempRoutes = this.generateRoutes(
|
||||||
|
router.children,
|
||||||
|
data.path,
|
||||||
|
data.title
|
||||||
|
)
|
||||||
|
if (tempRoutes.length >= 1) {
|
||||||
|
res = [...res, ...tempRoutes]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return res
|
||||||
|
},
|
||||||
|
querySearch(query) {
|
||||||
|
if (query !== '') {
|
||||||
|
this.options = this.fuse.search(query)
|
||||||
|
} else {
|
||||||
|
this.options = []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.header-search {
|
||||||
|
font-size: 0 !important;
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-search-select {
|
||||||
|
font-size: 18px;
|
||||||
|
transition: width 0.2s;
|
||||||
|
width: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
::v-deep .el-input__inner {
|
||||||
|
border-radius: 0;
|
||||||
|
border: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
box-shadow: none !important;
|
||||||
|
border-bottom: 1px solid #d9d9d9;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.show {
|
||||||
|
.header-search-select {
|
||||||
|
width: 210px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,367 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="Visible"
|
||||||
|
@close="close"
|
||||||
|
center
|
||||||
|
class="ac-dialog"
|
||||||
|
width="390px">
|
||||||
|
<div class="itemData-main">
|
||||||
|
<header class="header">
|
||||||
|
<div class="title">{{ itemData.title }}</div>
|
||||||
|
<div class="info">
|
||||||
|
<a>{{ itemData.creatorName }} •</a>
|
||||||
|
{{ itemData.addedTime | BeiJingTime }}
|
||||||
|
<span v-for="(item, index) in itemData.categoryIds" :key="item">{{ item |
|
||||||
|
changeCategoryName(videoCategoryList)
|
||||||
|
}} <span v-if="index !== itemData.categoryIds.length - 1">•</span> </span>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="postContent">
|
||||||
|
<div class="postBox" v-for="(item, index) in itemData.nodes" :key="index">
|
||||||
|
<p class="postTitle">{{ item.title }}</p>
|
||||||
|
<ShowImg v-for="(img, imgINdex) in item.images" :key="imgINdex" :urls="img" />
|
||||||
|
<span class="postText">{{ item.text }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<DPlayer
|
||||||
|
ref="player"
|
||||||
|
class="dplayerBox"
|
||||||
|
v-if="itemData.video && itemData.video.url"
|
||||||
|
:video="{
|
||||||
|
url: '/api/web/m3u8/' + filterM3u8(itemData.video.url),
|
||||||
|
type: 'hls',
|
||||||
|
pic: '',
|
||||||
|
}"
|
||||||
|
hotkey></DPlayer>
|
||||||
|
<div class="keywords">
|
||||||
|
关键词:
|
||||||
|
<span v-for="(keyName,keyIndex) in itemData.keyworld" :key="keyIndex">#{{keyName}} </span>
|
||||||
|
</div>
|
||||||
|
<div class="tagBox">
|
||||||
|
<p class="tagList" v-for="(tag,tagIndex) in itemData.tags" :key="tagIndex">
|
||||||
|
<span class="tagItem">{{tag | changeCategoryName(videoTagList)}}</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import ShowImg from '@/components/ShowImg/index.vue'
|
||||||
|
import DPlayer from '@/components/VueDplayerHls/index.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: ['itemData', 'videoCategoryList', 'videoTagList'],
|
||||||
|
components: {
|
||||||
|
ShowImg,
|
||||||
|
DPlayer
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
Visible: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
changeCategoryName(v, list) {
|
||||||
|
if (!v || !Array.isArray(list)) return v
|
||||||
|
const matched = list.find(item => item.id === v)
|
||||||
|
return matched ? matched.name : v
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
filterM3u8(v) {
|
||||||
|
return /\.m3u8/g.test(v) ? v : v + '.m3u8'
|
||||||
|
},
|
||||||
|
// 关闭编辑
|
||||||
|
close() {
|
||||||
|
this.$emit('close', false)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
.ac-dialog{
|
||||||
|
overflow: hidden;
|
||||||
|
::v-deep{
|
||||||
|
.el-dialog{
|
||||||
|
margin-top: 10px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.itemData-main {
|
||||||
|
/* rem适配基础设置 */
|
||||||
|
font-size: 16px;
|
||||||
|
/* 基准字体大小 */
|
||||||
|
background: #000;
|
||||||
|
color: #fff;
|
||||||
|
height: 844px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:link,
|
||||||
|
a:visited,
|
||||||
|
a:hover,
|
||||||
|
a:active {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 8px 16px;
|
||||||
|
background: #212121;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 99;
|
||||||
|
/* display: none; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.navBtn {
|
||||||
|
width: 51px;
|
||||||
|
height: 24px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #E0E0E0;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: rgba(255, 255, 255, 0.10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navBtn .moreIcon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 94px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchIcon {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-left: 27px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
width: 100%;
|
||||||
|
/* height: 159px; */
|
||||||
|
background: #212121;
|
||||||
|
padding: 12px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .title {
|
||||||
|
text-align: center;
|
||||||
|
color: #BDBDBD;
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .info {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
color: rgba(255, 255, 255, 0.70);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .info a {
|
||||||
|
text-decoration-line: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .lineBox {
|
||||||
|
padding: 0 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .lineBox .line {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.10);
|
||||||
|
margin: 18px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postContent {
|
||||||
|
margin: 36px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postBox {
|
||||||
|
color: #FAFAFA;
|
||||||
|
/* margin-bottom: 18px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.postTitle {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
padding: 0 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postText {
|
||||||
|
color: #FAFAFA;
|
||||||
|
margin: 0 16px 36px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postimage {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
/* margin-bottom: 47px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.postDesc {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #FAFAFA;
|
||||||
|
line-height: 22px;
|
||||||
|
padding: 0 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postDesc span {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postLine {
|
||||||
|
margin: 0 16px;
|
||||||
|
border-bottom: 1px dashed rgba(255, 255, 255, 0.50);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagBox {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagBox .tagList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 7px;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagBox .tagList .tagItem {
|
||||||
|
padding: 8px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 62px;
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #BDBDBD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lastDay {
|
||||||
|
text-align: right;
|
||||||
|
color: #BDBDBD;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyBox {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 0 20px #FF8400, 0 0 20px #FF8400;
|
||||||
|
font-family: "PingFang SC";
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
/* 140% */
|
||||||
|
padding: 18px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copySuccess {
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 0 20px #FF00B2, 0 0 20px #FF00B2;
|
||||||
|
font-family: "PingFang SC";
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
/* 140% */
|
||||||
|
padding: 18px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dplayerBox {
|
||||||
|
margin-bottom: 18px;
|
||||||
|
max-height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridAdvBox {
|
||||||
|
margin: 0 16px 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridAdvBox .gridAdvTitle {
|
||||||
|
padding: 0 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 49px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.10);
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.keywords {
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #BDBDBD;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
|
||||||
|
/* body {
|
||||||
|
margin-top: 140px;
|
||||||
|
} */
|
||||||
|
body main {
|
||||||
|
max-width: 720px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
max-width: 720px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topBox {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,264 @@
|
|||||||
|
<!--
|
||||||
|
* @Author:
|
||||||
|
* @Mail:
|
||||||
|
* @Date: 2021-11-13 14:46:20
|
||||||
|
* @LastEditTime: 2023-01-02 19:27:36
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @FilePath: /web_admin/src/components/QuillEditor/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<quill-editor
|
||||||
|
v-model="content"
|
||||||
|
ref="myQuillEditor"
|
||||||
|
:options="editorOption"
|
||||||
|
@ready="onEditorReady($event)"></quill-editor>
|
||||||
|
<!-- el-uploader不好手动触发上传功能 -->
|
||||||
|
<uploader
|
||||||
|
:style="{ display: 'none' }"
|
||||||
|
:options="{ ...options, target: '/api/web/file/uploadImg' }"
|
||||||
|
class="uploader-example"
|
||||||
|
@file-success="imageSuccess">
|
||||||
|
<uploader-drop>
|
||||||
|
<uploader-btn ref="editorUploadImg" :attrs="attrsImg"></uploader-btn>
|
||||||
|
</uploader-drop>
|
||||||
|
</uploader>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { handleVerAutoImg } from '@/utils/index.js'
|
||||||
|
import 'quill/dist/quill.core.css'
|
||||||
|
import 'quill/dist/quill.snow.css'
|
||||||
|
import 'quill/dist/quill.bubble.css'
|
||||||
|
import Quill from 'quill'
|
||||||
|
const Link = Quill.import('formats/link')
|
||||||
|
Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'yinseinner', 'blob']
|
||||||
|
import { quillEditor } from 'vue-quill-editor'
|
||||||
|
import { ImageDrop } from 'quill-image-drop-module'
|
||||||
|
import ImageResize from 'quill-image-resize-module'
|
||||||
|
Quill.register('modules/imageDrop', ImageDrop)
|
||||||
|
Quill.register('modules/imageResize', ImageResize)
|
||||||
|
|
||||||
|
// Quill 默认 Image.sanitize 只允许 http/https/data,解密后的 blob: 会被清成 //:0
|
||||||
|
const ImageFormat = Quill.import('formats/image')
|
||||||
|
const originalImageSanitize = ImageFormat.sanitize
|
||||||
|
ImageFormat.sanitize = function(url) {
|
||||||
|
if (url && typeof url === 'string' && url.indexOf('blob:') === 0) {
|
||||||
|
return url
|
||||||
|
}
|
||||||
|
return originalImageSanitize.call(this, url)
|
||||||
|
}
|
||||||
|
Quill.register(ImageFormat, true)
|
||||||
|
|
||||||
|
// 自定义字体类型
|
||||||
|
var fonts = ['SimSun', 'SimHei', 'Microsoft-YaHei', 'KaiTi', 'FangSong', 'Arial', 'Times-New-Roman', 'sans-serif']
|
||||||
|
var Font = Quill.import('formats/font')
|
||||||
|
Font.whitelist = fonts // 将字体加入到白名单
|
||||||
|
Quill.register(Font, true)
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Editor',
|
||||||
|
components: {
|
||||||
|
quillEditor
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
textNode: {
|
||||||
|
default: ''
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
currentDomain() {
|
||||||
|
return this.domain || this.$store.getters.getSystemConfig.imgWebCdn || ''
|
||||||
|
},
|
||||||
|
options() {
|
||||||
|
return {
|
||||||
|
chunkSize: 1024 * 1024 * 30, // 切片大小
|
||||||
|
method: 'application/json',
|
||||||
|
testChunks: false,
|
||||||
|
allowDuplicateUploads: false, // 是否可以重复选择
|
||||||
|
query: {},
|
||||||
|
singleFile: false, // 是否只能选择单项
|
||||||
|
headers: {
|
||||||
|
Authorization: this.$store.getters.token
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
const _that = this
|
||||||
|
return {
|
||||||
|
content: '',
|
||||||
|
imgPath: [],
|
||||||
|
domain: this.$store.getters.getSystemConfig.imgWebCdn, // 不能暴露源站地址
|
||||||
|
attrsImg: {
|
||||||
|
accept: ['image/*']
|
||||||
|
},
|
||||||
|
trackId: undefined,
|
||||||
|
editorOption: {
|
||||||
|
placeholder: '请输入帖子内容',
|
||||||
|
modules: {
|
||||||
|
toolbar: {
|
||||||
|
container: [
|
||||||
|
['bold', 'italic', 'underline', 'strike'], // toggled buttons
|
||||||
|
['blockquote', 'code-block'],
|
||||||
|
|
||||||
|
[{ header: 1 }, { header: 2 }], // custom button values
|
||||||
|
[{ list: 'ordered' }, { list: 'bullet' }],
|
||||||
|
[{ script: 'sub' }, { script: 'super' }], // superscript/subscript
|
||||||
|
[{ indent: '-1' }, { indent: '+1' }], // outdent/indent
|
||||||
|
[{ direction: 'rtl' }], // text direction
|
||||||
|
|
||||||
|
[{ size: ['small', false, 'large', 'huge'] }], // custom dropdown
|
||||||
|
[{ header: [1, 2, 3, 4, 5, 6, false] }],
|
||||||
|
|
||||||
|
[{ color: [] }, { background: [] }], // dropdown with defaults from theme
|
||||||
|
[{ font: [] }],
|
||||||
|
[{ align: [] }],
|
||||||
|
['link', 'image'],
|
||||||
|
['clean']
|
||||||
|
],
|
||||||
|
handlers: {
|
||||||
|
// 自定义上传图片
|
||||||
|
image: value => {
|
||||||
|
_that.$refs.editorUploadImg.$el.childNodes[0].click()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// //配置富文本框图片大小调整功能
|
||||||
|
imageDrop: true,
|
||||||
|
imageResize: {
|
||||||
|
displayStyles: {
|
||||||
|
backgroundColor: 'black',
|
||||||
|
border: 'none',
|
||||||
|
color: 'white'
|
||||||
|
},
|
||||||
|
modules: ['Resize', 'DisplaySize', 'Toolbar']
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 暂存图片base64
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
// 与 ShowImg.buildImageUrl 保持一致
|
||||||
|
buildImageUrl(path) {
|
||||||
|
if (!path) return ''
|
||||||
|
if (/^(blob:|https?:\/\/|data:)/.test(path)) return path
|
||||||
|
const base = this.currentDomain || ''
|
||||||
|
if (!base) return path
|
||||||
|
const normalizedBase = base.endsWith('/') ? base.slice(0, -1) : base
|
||||||
|
const normalizedPath = path.startsWith('/') ? path : `/${path}`
|
||||||
|
return `${normalizedBase}${normalizedPath}`
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 回显:先粘贴原始 HTML,再按 ShowImg 方式逐张解密并写回 DOM
|
||||||
|
*/
|
||||||
|
async pasteAndDecryptImages(html) {
|
||||||
|
const sourceHtml = html || ''
|
||||||
|
if (!this.$refs.myQuillEditor || !this.$refs.myQuillEditor.quill) return
|
||||||
|
const myeditor = this.$refs.myQuillEditor.quill
|
||||||
|
myeditor.setContents([])
|
||||||
|
if (sourceHtml) {
|
||||||
|
myeditor.clipboard.dangerouslyPasteHTML(0, sourceHtml)
|
||||||
|
}
|
||||||
|
|
||||||
|
const imgNodes = Array.from(myeditor.container.querySelectorAll('img'))
|
||||||
|
for (const node of imgNodes) {
|
||||||
|
// 已有 data-custom 说明业务侧已解密过,src 已是 blob
|
||||||
|
const existingCustom = node.getAttribute('data-custom')
|
||||||
|
if (existingCustom) continue
|
||||||
|
|
||||||
|
const originalSrc = node.getAttribute('src')
|
||||||
|
if (!originalSrc || /^(blob:|data:)/.test(originalSrc)) continue
|
||||||
|
|
||||||
|
try {
|
||||||
|
const blobUrl = await handleVerAutoImg(this.buildImageUrl(originalSrc))
|
||||||
|
if (blobUrl) {
|
||||||
|
node.setAttribute('data-custom', originalSrc)
|
||||||
|
node.setAttribute('src', blobUrl)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error('富文本图片解密失败:', originalSrc, e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.content = myeditor.root.innerHTML
|
||||||
|
},
|
||||||
|
getdata() {
|
||||||
|
const myeditor = this.$refs.myQuillEditor.quill
|
||||||
|
|
||||||
|
// 找到所有包含 data-custom 属性的 img 标签
|
||||||
|
const imgNodes = myeditor.container.querySelectorAll('img[data-custom]')
|
||||||
|
imgNodes.forEach((node) => {
|
||||||
|
const dataCustomValue = node.getAttribute('data-custom') // 获取 data-custom 的值
|
||||||
|
// 交换 src 和 data-custom 的值
|
||||||
|
node.setAttribute('src', dataCustomValue)
|
||||||
|
node.removeAttribute('data-custom') // 删除 data-custom 属性
|
||||||
|
})
|
||||||
|
|
||||||
|
// 检查内容是否为空
|
||||||
|
if (this.content === '<p><br></p>' || this.content.trim() === '') {
|
||||||
|
this.content = '' // 将内容设置为空字符串
|
||||||
|
} else {
|
||||||
|
// 直接更新 this.content 中的内容
|
||||||
|
this.content = myeditor.root.innerHTML // 获取编辑器内容
|
||||||
|
}
|
||||||
|
return this.content
|
||||||
|
},
|
||||||
|
onEditorReady() {
|
||||||
|
if (!this.textNode) return
|
||||||
|
this.pasteAndDecryptImages(this.textNode)
|
||||||
|
},
|
||||||
|
extractImageSources(htmlString) {
|
||||||
|
const imgSrcRegex = /<img[^>]+src="([^">]+)"/g
|
||||||
|
const srcArray = []
|
||||||
|
let match
|
||||||
|
|
||||||
|
while ((match = imgSrcRegex.exec(htmlString)) !== null) {
|
||||||
|
srcArray.push(match[1])
|
||||||
|
}
|
||||||
|
return srcArray
|
||||||
|
},
|
||||||
|
imageSuccess(rootFile, file, message) {
|
||||||
|
const { code, data } = JSON.parse(message)
|
||||||
|
if (code === 200) {
|
||||||
|
const reader = new FileReader()
|
||||||
|
|
||||||
|
reader.onload = (e) => {
|
||||||
|
const base64Data = e.target.result // 获取转换后的 Data URL
|
||||||
|
|
||||||
|
const myeditor = this.$refs.myQuillEditor.quill
|
||||||
|
const index = myeditor.getSelection().index
|
||||||
|
|
||||||
|
// 插入图片
|
||||||
|
myeditor.insertEmbed(index, 'image', base64Data)
|
||||||
|
|
||||||
|
// 使用 setTimeout 确保 DOM 更新
|
||||||
|
setTimeout(() => {
|
||||||
|
// 查找插入的 img 元素
|
||||||
|
const imgNode = myeditor.container.querySelector(`img[src="${base64Data}"]`)
|
||||||
|
if (imgNode) {
|
||||||
|
imgNode.setAttribute('data-custom', data.path) // 设置自定义属性
|
||||||
|
} else {
|
||||||
|
console.log('Image not found in the DOM') // 调试信息
|
||||||
|
}
|
||||||
|
}, 0)
|
||||||
|
// 设置光标位置
|
||||||
|
myeditor.setSelection(index + 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 读取 Blob 数据
|
||||||
|
reader.readAsDataURL(file.file)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
clearInput() {
|
||||||
|
this.value = ''
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,145 @@
|
|||||||
|
<template>
|
||||||
|
<div ref="rightPanel" :class="{show:show}" class="rightPanel-container">
|
||||||
|
<div class="rightPanel-background" />
|
||||||
|
<div class="rightPanel">
|
||||||
|
<div class="handle-button" :style="{'top':buttonTop+'px','background-color':theme}" @click="show=!show">
|
||||||
|
<i :class="show?'el-icon-close':'el-icon-setting'" />
|
||||||
|
</div>
|
||||||
|
<div class="rightPanel-items">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { addClass, removeClass } from '@/utils'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'RightPanel',
|
||||||
|
props: {
|
||||||
|
clickNotClose: {
|
||||||
|
default: false,
|
||||||
|
type: Boolean
|
||||||
|
},
|
||||||
|
buttonTop: {
|
||||||
|
default: 250,
|
||||||
|
type: Number
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
theme() {
|
||||||
|
return this.$store.state.settings.theme
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
show(value) {
|
||||||
|
if (value && !this.clickNotClose) {
|
||||||
|
this.addEventClick()
|
||||||
|
}
|
||||||
|
if (value) {
|
||||||
|
addClass(document.body, 'showRightPanel')
|
||||||
|
} else {
|
||||||
|
removeClass(document.body, 'showRightPanel')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.insertToBody()
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
const elx = this.$refs.rightPanel
|
||||||
|
elx.remove()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
addEventClick() {
|
||||||
|
window.addEventListener('click', this.closeSidebar)
|
||||||
|
},
|
||||||
|
closeSidebar(evt) {
|
||||||
|
const parent = evt.target.closest('.rightPanel')
|
||||||
|
if (!parent) {
|
||||||
|
this.show = false
|
||||||
|
window.removeEventListener('click', this.closeSidebar)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
insertToBody() {
|
||||||
|
const elx = this.$refs.rightPanel
|
||||||
|
const body = document.querySelector('body')
|
||||||
|
body.insertBefore(elx, body.firstChild)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.showRightPanel {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
width: calc(100% - 15px);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.rightPanel-background {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity .3s cubic-bezier(.7, .3, .1, 1);
|
||||||
|
background: rgba(0, 0, 0, .2);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightPanel {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 260px;
|
||||||
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);
|
||||||
|
transition: all .25s cubic-bezier(.7, .3, .1, 1);
|
||||||
|
transform: translate(100%);
|
||||||
|
background: #fff;
|
||||||
|
z-index: 40000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show {
|
||||||
|
transition: all .3s cubic-bezier(.7, .3, .1, 1);
|
||||||
|
|
||||||
|
.rightPanel-background {
|
||||||
|
z-index: 20000;
|
||||||
|
opacity: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightPanel {
|
||||||
|
transform: translate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.handle-button {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
position: absolute;
|
||||||
|
left: -48px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 24px;
|
||||||
|
border-radius: 6px 0 0 6px !important;
|
||||||
|
z-index: 0;
|
||||||
|
pointer-events: auto;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 48px;
|
||||||
|
i {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import screenfull from 'screenfull'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Screenfull',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isFullscreen: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
this.destroy()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
click() {
|
||||||
|
if (!screenfull.enabled) {
|
||||||
|
this.$message({
|
||||||
|
message: 'you browser can not work',
|
||||||
|
type: 'warning'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
screenfull.toggle()
|
||||||
|
},
|
||||||
|
change() {
|
||||||
|
this.isFullscreen = screenfull.isFullscreen
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
if (screenfull.enabled) {
|
||||||
|
screenfull.on('change', this.change)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
destroy() {
|
||||||
|
if (screenfull.enabled) {
|
||||||
|
screenfull.off('change', this.change)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.screenfull-svg {
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
fill: #5a5e66;;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
vertical-align: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,234 @@
|
|||||||
|
<template>
|
||||||
|
<div class="select-sort">
|
||||||
|
<el-button size="mini" @click="openManage">标签管理</el-button>
|
||||||
|
<div class="flex-wrap">
|
||||||
|
<el-tag class="flex-wrap-item" size="mini" type="success" v-for="item in value" :key="item">
|
||||||
|
{{ item | changeTagName(VcrightList) }}
|
||||||
|
</el-tag>
|
||||||
|
</div>
|
||||||
|
<el-dialog z-index="99999999" :title="title" :visible.sync="visible" class="ac-dialog" center top="50px" width="700px" :modal="false" @close="cancel">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="标签搜索" prop="searchText" class="search-button">
|
||||||
|
<el-input v-model="searchText" style="width: 180px;" clearable placeholder="请输入标签关键字"></el-input>
|
||||||
|
<el-button style="margin-left: 10px;" type="primary" @click="filterLeftData">搜索选择</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="stretch">
|
||||||
|
<el-col :span="10">
|
||||||
|
<h3>未选中</h3>
|
||||||
|
<draggable class="list-group" :list="leftData" group="people">
|
||||||
|
<div class="list-group-item" v-for="(element, index) in leftData" @click="toggleSelection(element, 'left')" :key="index">
|
||||||
|
<el-tag size="mini">{{ element.title }}</el-tag>
|
||||||
|
</div>
|
||||||
|
</draggable>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<div class="transfer-wrapper">
|
||||||
|
<div class="el-transfer__buttons">
|
||||||
|
<i class="el-icon-arrow-right"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="10">
|
||||||
|
<h3>已选中</h3>
|
||||||
|
<draggable class="list-group" :list="rightData" group="people">
|
||||||
|
<div class="list-group-item" v-for="(element, index) in rightData" @click="toggleSelection(element, 'right')" :key="index">
|
||||||
|
<el-tag size="mini" type="success">{{ element.title }}</el-tag>
|
||||||
|
</div>
|
||||||
|
</draggable>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
<el-button @click="confirm" type="primary">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import draggable from 'vuedraggable'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
draggable
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
changeTagName(value, list) {
|
||||||
|
const found = list.find(item => item.id === value)
|
||||||
|
return found ? found.title : ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
VcrightList: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: '权益管理'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
rightData: [],
|
||||||
|
leftData: [],
|
||||||
|
searchText: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value: {
|
||||||
|
handler: 'initializeData',
|
||||||
|
immediate: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
filterLeftData() {
|
||||||
|
const leftArr = [...this.leftData]
|
||||||
|
const rightArr = [...this.rightData]
|
||||||
|
const selectedLabels = this.searchText.split(/\s+/) // 按空格分割
|
||||||
|
const selected = leftArr.filter(item => selectedLabels.includes(item.title))
|
||||||
|
const remaining = leftArr.filter(item => !selectedLabels.includes(item.title))
|
||||||
|
this.leftData = remaining
|
||||||
|
this.rightData = [...new Map([...rightArr, ...selected].map(item => [item.id, item])).values()]
|
||||||
|
// if (this.searchText) {
|
||||||
|
// // 当输入有文本时,过滤左侧数据
|
||||||
|
// this.leftData = this.VcrightList.filter(item => item.title.toLowerCase().includes(this.searchText.toLowerCase()));
|
||||||
|
// } else {
|
||||||
|
// // 当没有文本时,恢复所有未选中的标签
|
||||||
|
// this.leftData = this.VcrightList.filter(item => !this.rightData.some(selected => selected.id === item.id));
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
toggleSelection(item, direction) {
|
||||||
|
if (direction === 'right') {
|
||||||
|
this.rightData = this.rightData.filter(i => i !== item)
|
||||||
|
this.leftData.push(item)
|
||||||
|
} else {
|
||||||
|
this.leftData = this.leftData.filter(i => i !== item)
|
||||||
|
this.rightData.push(item)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
initializeData() {
|
||||||
|
const selected = Array.isArray(this.value) ? this.value : []
|
||||||
|
const options = Array.isArray(this.VcrightList) ? this.VcrightList : []
|
||||||
|
if (selected.length > 0) {
|
||||||
|
this.rightData = selected.map(item => {
|
||||||
|
const found = options.find(el => el.id === item)
|
||||||
|
return {
|
||||||
|
id: item,
|
||||||
|
title: found ? found.title : ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.rightData = []
|
||||||
|
}
|
||||||
|
if (options.length > 0) {
|
||||||
|
this.leftData = options.filter(item => !selected.includes(item.id))
|
||||||
|
} else {
|
||||||
|
this.leftData = []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
openManage() {
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.$emit('changeInput', this.rightData.map(item => item.id))
|
||||||
|
this.visible = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.select-sort {
|
||||||
|
// 容器样式
|
||||||
|
margin: 10px 20px;
|
||||||
|
|
||||||
|
.flex-wrap {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.transfer-wrapper {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__flex-wrap {
|
||||||
|
margin-top: 6px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
&-item {
|
||||||
|
margin-right: 4px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__list-group {
|
||||||
|
padding: 4px;
|
||||||
|
height: calc(100% - 40px);
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
&-item {
|
||||||
|
// 其他 list-group item 的样式
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__transfer-wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 40px;
|
||||||
|
|
||||||
|
.el-transfer__buttons {
|
||||||
|
// 按钮样式
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__search-button {
|
||||||
|
display: flex;
|
||||||
|
width: 500px;
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.el-form-item__content {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list-group {
|
||||||
|
max-height: 400px;
|
||||||
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
|
// 响应式风格
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.select-sort {
|
||||||
|
&__search-button {
|
||||||
|
width: 100%; // 在小屏幕上占满宽度
|
||||||
|
}
|
||||||
|
|
||||||
|
&__flex-wrap {
|
||||||
|
flex-direction: column; // 在小屏幕下垂直排列
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||