Skip to content

C
company_app
提交 e30134de 作者: 毛细亚
操作

更新代码

上级 be3d5787
正在显示 包含 2480 行增加 和 1845 行删除
.cursor/rules/project-structure.mdc
......@@ -14,7 +14,7 @@ alwaysApply: false
- [store/](mdc:src/store)：Vuex 状态管理，主文件为 [index.js](mdc:src/store/index.js)。
- [api/](mdc:src/api)：接口请求封装，示例：[user.js](mdc:src/api/user.js)。
- [utils/](mdc:src/utils)：工具函数和请求封装，如 [request.js](mdc:src/utils/request.js)。
- [mixins/](mdc:src/mixins)：Vue 混入逻辑，如 [externalUserId.js](mdc:src/mixins/externalUserId.js)。
- [mixins/](mdc:src/mixins)：Vue 混入逻辑，如 [external_userid.js](mdc:src/mixins/external_userid.js)。
- [views/](mdc:src/views)：页面组件，如 [HomeView.vue](mdc:src/views/HomeView.vue)、[AboutView.vue](mdc:src/views/AboutView.vue)。
- [styles/](mdc:src/styles)：全局和局部样式文件。
- [components/](mdc:src/components)：可复用组件（当前为空）。
......
.env.development
......@@ -8,3 +8,4 @@ VUE_APP_URL = 'http://localhost:9528'
NODE_ENV = 'development'
ENV = 'development'
isTestWx = true
\ No newline at end of file
README.md
......@@ -11,7 +11,7 @@
- @store/：Vuex 状态管理，主文件为 @index.js。
- @api/：接口请求封装，示例：@user.js。
- @utils/：工具函数和请求封装，如 @request.js。
- @mixins/：Vue 混入逻辑，如 @externalUserId.js。
- @mixins/：Vue 混入逻辑，如 @external_userid.js。
- @views/：页面组件，如 @HomeView.vue、@AboutView.vue。
- @styles/：全局和局部样式文件。
- @components/：可复用组件（当前为空）。
......
company_app/index.html
......@@ -5,12 +5,13 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="favicon.ico">
<title>cebianlan</title>
<title>company_app</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no,user-scalable=no">
<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
<script defer src="static/js/chunk-vendors.js"></script><script defer src="static/js/app.js"></script></head>
<body>
<noscript>
<strong>We're sorry but cebianlan doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong>We're sorry but company_app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
</body>
......
package.json
{
"name": "cebianlan",
"name": "company_app",
"version": "0.1.0",
"private": true,
"scripts": {
......@@ -19,8 +19,10 @@
"dingtalk-jsapi": "^3.1.0",
"element-ui": "^2.15.14",
"js-cookie": "^3.0.5",
"lib-flexible": "^0.3.2",
"lodash": "^4.17.21",
"moment": "^2.29.1",
"postcss-plugin-px2rem": "^0.8.1",
"sass": "^1.89.0",
"sass-loader": "^16.0.5",
"vconsole": "^3.15.1",
......
pnpm-lock.yaml
......@@ -38,12 +38,18 @@ importers:
js-cookie:
specifier: ^3.0.5
version: 3.0.5
lib-flexible:
specifier: ^0.3.2
version: 0.3.2
lodash:
specifier: ^4.17.21
version: 4.17.21
moment:
specifier: ^2.29.1
version: 2.30.1
postcss-plugin-px2rem:
specifier: ^0.8.1
version: 0.8.1
sass:
specifier: ^1.89.0
version: 1.89.0
......@@ -2585,6 +2591,10 @@ packages:
resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
engines: {node: '>= 0.4'}
has-flag@1.0.0:
resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
engines: {node: '>=0.10.0'}
has-flag@3.0.0:
resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
engines: {node: '>=4'}
......@@ -3114,6 +3124,9 @@ packages:
launch-editor@2.10.0:
resolution: {integrity: sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==}
lib-flexible@0.3.2:
resolution: {integrity: sha512-9yowMWA70tKhKdCJDaltY0mNQG4OWo7pWKScnTp9aiSxS7s20ZYlwBRE3335nweOf5qKXVC7sDxJwMPM8/MFZg==}
lilconfig@2.1.0:
resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
engines: {node: '>=10'}
......@@ -3893,6 +3906,9 @@ packages:
peerDependencies:
postcss: ^8.2.15
postcss-plugin-px2rem@0.8.1:
resolution: {integrity: sha512-gNxhrnR57pnGrPLLqVNWY9+BWgj46kYkphw+0gpRJf9tjgwI7/tLqQPK7KdlksB2SSAddOb11otDVwri8b8mXw==}
postcss-reduce-initial@5.1.2:
resolution: {integrity: sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==}
engines: {node: ^10 || ^12 || >=14.0}
......@@ -3928,6 +3944,10 @@ packages:
postcss-value-parser@4.2.0:
resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
postcss@5.2.18:
resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
engines: {node: '>=0.12'}
postcss@7.0.39:
resolution: {integrity: sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==}
engines: {node: '>=6.0.0'}
......@@ -4379,6 +4399,10 @@ packages:
source-map-support@0.5.21:
resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
source-map@0.5.7:
resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
engines: {node: '>=0.10.0'}
source-map@0.6.1:
resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
engines: {node: '>=0.10.0'}
......@@ -4514,6 +4538,10 @@ packages:
resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
engines: {node: '>=0.8.0'}
supports-color@3.2.3:
resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
engines: {node: '>=0.8.0'}
supports-color@5.5.0:
resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
engines: {node: '>=4'}
......@@ -6584,15 +6612,13 @@ snapshots:
ansi-html-community@0.0.8: {}
ansi-regex@2.1.1:
optional: true
ansi-regex@2.1.1: {}
ansi-regex@3.0.1: {}
ansi-regex@5.0.1: {}
ansi-styles@2.2.1:
optional: true
ansi-styles@2.2.1: {}
ansi-styles@3.2.1:
dependencies:
......@@ -6986,7 +7012,6 @@ snapshots:
has-ansi: 2.0.0
strip-ansi: 3.0.1
supports-color: 2.0.0
optional: true
chalk@2.4.2:
dependencies:
......@@ -8231,11 +8256,12 @@ snapshots:
has-ansi@2.0.0:
dependencies:
ansi-regex: 2.1.1
optional: true
has-bigints@1.1.0:
optional: true
has-flag@1.0.0: {}
has-flag@3.0.0: {}
has-flag@4.0.0: {}
......@@ -8800,6 +8826,8 @@ snapshots:
picocolors: 1.1.1
shell-quote: 1.8.2
lib-flexible@0.3.2: {}
lilconfig@2.1.0: {}
lines-and-columns@1.2.4: {}
......@@ -9555,6 +9583,10 @@ snapshots:
postcss: 8.5.3
postcss-value-parser: 4.2.0
postcss-plugin-px2rem@0.8.1:
dependencies:
postcss: 5.2.18
postcss-reduce-initial@5.1.2(postcss@8.5.3):
dependencies:
browserslist: 4.24.5
......@@ -9589,6 +9621,13 @@ snapshots:
postcss-value-parser@4.2.0: {}
postcss@5.2.18:
dependencies:
chalk: 1.1.3
js-base64: 2.6.4
source-map: 0.5.7
supports-color: 3.2.3
postcss@7.0.39:
dependencies:
picocolors: 0.2.1
......@@ -10122,6 +10161,8 @@ snapshots:
buffer-from: 1.1.2
source-map: 0.6.1
source-map@0.5.7: {}
source-map@0.6.1: {}
spdx-correct@3.2.0:
......@@ -10242,7 +10283,6 @@ snapshots:
strip-ansi@3.0.1:
dependencies:
ansi-regex: 2.1.1
optional: true
strip-ansi@4.0.0:
dependencies:
......@@ -10285,8 +10325,11 @@ snapshots:
postcss: 8.5.3
postcss-selector-parser: 6.1.2
supports-color@2.0.0:
optional: true
supports-color@2.0.0: {}
supports-color@3.2.3:
dependencies:
has-flag: 1.0.0
supports-color@5.5.0:
dependencies:
......
public/index.html
......@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no,user-scalable=no">
<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
</head>
<body>
......
src/App.vue
......@@ -12,15 +12,21 @@
{{ item.label }}
</el-menu-item>
</el-menu>
<!-- 绑定的 w 账号 -->
<!-- <bindUserList /> -->
</div>
<div class="mobile-content ">
<div class="mobile-content">
<router-view></router-view>
</div>
</div>
</template>
<script>
import bindUserList from '@/views/components/bindGameAccount/bindUserList.vue'
export default {
name: 'App',
components: {
bindUserList
},
data() {
return {
menuList: [
......@@ -53,21 +59,26 @@ export default {
}
},
watch: {
'$route.path'(val) {
this.selectedPath = val
}
// '$route.path'(val) {
// this.selectedPath = val
// }
},
created() {
if (this.$route.path === '/' || this.$route.path === '') {
this.$router.replace('/userInfo')
} else {
this.selectedPath = this.$route.path
}
// if (this.$route.path === '/' || this.$route.path === '') {
// this.$router.replace('/userInfo')
// } else {
// this.selectedPath = this.$route.path
// }
},
}
</script>
<style scoped>
#app{
width: 100%;
height: 100%;
background: #fff;
}
.mobile-app-wrapper {
max-width: 380px;
min-width: 360px;
......@@ -104,15 +115,13 @@ export default {
.mobile-content {
flex: 1;
overflow-y: auto;
padding: 18px 10px 10px 10px;
background: #f0f2f5;
}
.mobile-content > div {
background: #fff;
border-radius: 8px;
min-height: 60vh;
box-shadow: 0 2px 8px #f0f1f2;
padding: 24px 10px;
padding: 10px;
}
.el-menu--horizontal>.el-menu-item{
height: 50px;
......
src/api/game.js 0 → 100644
import request from '@/utils/request'
import store from '@/store/index'
// 游戏业务所属的接口信息
// 所属分组下拉
function returnApi(api){
return '/sidebar' + api
}
export function cross_systemRequest(data) {
!data.noApi ? data.api = '/api' + data.api : ''
return request({
url: '/sidebar/cross_system/request',
method: 'post',
data
})
}
// 请求角色详情
export function memberView(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/view',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 修改手机号
export function bindMobile(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/bindMobile',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 角色列表
export function roleList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/getList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 绑定掌游账号
export function zyouBind(data) {
return request({
url: returnApi('/external_user/zyouBind'),
method: 'post',
headers: {
'Corp-Id': data.bindUserCorpID || store.state.user.corpId
},
data
})
}
// 订单列表
export function orderList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 订单金额
export function todayOrder(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/todayOrder',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 补单和补回调
export function completionOrder(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/completionOrder',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 退款提交申请
export function refundRequest(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/addRefundRequest',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 退款申请记录
export function refundRecord(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/getRefundRequestList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 退款详情
export function refundRequestLog(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/refundRequestProcess',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 下拉请求
export function selectSearch(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/searchcondition/search',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 账号维度推广游戏列表
export function memberExtensionGameList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/memberExtensionGameList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 充值
// 账号维度推广游戏列表
export function getAmountByTime(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getAmountByTime',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 违规记录
export function violationList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/violationList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 重置密码
export function autoResetPassword(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/autoResetPassword',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 重置密码加密
export function passwardEncryption(data) {
return request({
url: '/game/session/zyouAutoResetPassword',
method: 'post',
headers: {
'Corp-Id': store.state.user.corpId
},
data
})
}
// VIP自助工具
export function createVipUrl(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/createVipUrl',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 活动类型
export function giftTypeList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/searchcondition/search',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 充值活动列表
export function activeList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getVipBagCodeRuleListByRole',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 活动详情
export function giftDetailsData(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getRoleConditionByRuleAndRole',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 申请礼包
export function giftBagApply(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/giftBagApply',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 礼包检测
export function checkRoleReceivedBag(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role_gift_bag/checkRoleReceivedBag',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 礼包列表
export function emailGiftList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/giftBagApplyIndex',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 易主标签查询
export function getMemberLabel(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getMemberLabel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 修改易主标签
export function editMemberLabel(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/editMemberLabel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// // 转端接口
// export function getMemberLink(data) {
// return new Promise((resovle, reject) => {
// cross_systemRequest({
// system: 'zhangyou',
// api: '/member/getMemberLink',
// params: data
// }).then(res => {
// resovle(res)
// })
// })
// }
// 转端接口
export function getMemberLink(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getMemberLink',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转游接口
export function getLandingPageMemberLink(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getLandingPageMemberLink',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转游接口
export function getLandingPageConfig(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/getLandingPageConfig',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 渠道列表单独渠道KEY
export function channelList(data) {
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/channel/channelList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 工单
// 任务列表
export function taskIndex(data) {
return new Promise((resovle, reject) => {
data.zw_user_id = store.state.user.userInfo.id
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/index',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 任务详情
export function taskDetails(data) {
return new Promise((resovle, reject) => {
data.zw_user_id = store.state.user.userInfo.id
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/info',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 分配
export function taskAssign(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/assign',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 完成任务
export function taskTrack(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/track',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 结果列表
export function taskRecord(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/logs',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 备注
export function logsSave(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task_log/save',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 角色累充
export function RoleTodayOrder(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/todayOrder',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 用户充值
export function memberOrder(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member/memberOrder',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 下拉加载
export function searchcondition(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/searchcondition/search',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 误操作列表
export function misoperationIndex(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/mistake_operation_request/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 添加误操作
export function addErrorHandle(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/mistake_operation_request/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
export function updateErrorHandle(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/misoperation/update',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 操作数量
export function numErrorHandle(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/misoperation/num',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 操作数量新
export function operationCount(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/mistake_operation_request/operationCount',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 任务消息读取
export function taskRead(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/read',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 任务消息状态
export function taskReadStatus(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/readStatus',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 撤回消息
export function cancelRefundRequest(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/order/cancelRefundRequest',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 举报列表
export function reportIndex(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/admin/report_request/list',
params: data,
noApi: true
}).then((res) => {
resovle(res)
})
})
}
// 玩家举报
export function playerReport(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/report_request/waitList',
params: data,
noApi: true
}).then((res) => {
resovle(res)
})
})
}
// 审批记录
export function reportProcess(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/report_request/process',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 撤销举报
export function reportCancel(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/report_request/cancel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 新增举报
export function reportAdd(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/report_request/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 申诉列表
export function appealList(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/appeal_request/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 新增申诉
export function appealAdd(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/appeal_request/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 撤销申诉
export function appealCancel(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/appeal_request/cancel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 申诉记录
export function appealProcess(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/appeal_request/process',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 玩家举报审批记录
export function gamerReportProcess(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/report_request/process',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 角色列表Holo 实时性较高
export function getRoleHoLo(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/getListHoLo',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 角色列表 待请求
export function memberTaskStatus(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/operator_task/memberTaskStatus',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 举报申请列表
export function report_request_list(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/report_request/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 举报申请驳回或者通过
export function report_request_approval(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/report_request/approval',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 游戏类型下的游戏列表 游戏类型:安卓 h5 ios
export function getTransferRecallGameList(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member/getTransferRecallGameList',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转端和召回 游戏类型列表
export function getGameConfig(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/game/getGameConfig',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 召回的时候染色
export function recallChannelSeq(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/channel/recallChannelSeq',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 获取游戏信息
export function getGameInfo(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/game/info',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 新增渠道
export function addChannel(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/channel/addDistributorChannelByZm',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 一键发送召回渠道链接
export function quickRecallChannelLink(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/channel/quickRecallChannelLink',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转端发送落地页
export function getLandingPageTransfer(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member/getLandingPageTransfer',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 工作台关联客服
export function bindUserSelfAdd(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_bind_cser/selfAdd',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 关联客服列表
export function bindUserList(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_bind_cser/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 新增关联客服
export function bindUserAdd(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_bind_cser/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 删除关联客服
export function bindUserDelete(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_bind_cser/delete',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 调用掌游的日志中心
export function getSystemModelLog(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_bind_cser/getSystemModelLog',
params: data
}).then((res) => {
resovle(res)
})
})
}
export function getMemberTransStatus(data) {
// 转端文档 获取W账号的转端状态 如果状态是 false 表示不允许转端 在工作台 发送游戏 里面转端里 点开发送的时候 提示 当前w账号不满足转端要求，请联系组长处理
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member/getMemberTransStatus',
params: data
}).then((res) => {
resovle(res)
})
})
}
export function getTaskTracer(data) {
// 获取运营任务的跟进人 参数 member_id
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/operator_task/getTaskTracer',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 用户触达 发送客服号添加消息的日志
export function getTaskTracerTouch(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/operator_task_log/touch',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 添加一条任务跟进记录
export function getTaskTracerTouchAdd(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/operator_task_log/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 审批组流程下拉
export function approval_group_flow_list(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/approval_group_flow/options',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 审批人员表格
export function approval_group_flow_user(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/approval_group_flow/users',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 保存转端提交
export function approval_group_flow_add(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_trans_request/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转端申请列表
export function member_trans_request_list(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_trans_request/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转端申请审批记录
export function member_trans_request_process(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/member_trans_request/process',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转区列表
export function transfer_server_request_list(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/transfer_server_request/list',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转区申请
export function transfer_server_request_add(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/transfer_server_request/add',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 转区申请节点
export function transfer_server_request_process(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/transfer_server_request/process',
params: data
}).then((res) => {
resovle(res)
})
})
}
export function getMainGameInfo(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/api/service_wechat/getMainGameInfo',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 掌游标签搜索
export function roleLabelSearch(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/labelSearch',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 掌游标签列表
export function roleGetRoleLabel(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/getRoleLabel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 编辑角色标签
export function editRoleLabel(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/editRoleLabel',
params: data
}).then((res) => {
resovle(res)
})
})
}
// 编辑角色标签
export function getRoleLabelCreate(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/role/getRoleLabelCreate',
params: data
}).then((res) => {
resovle(res)
})
})
}
export function ruleList(data) {
data.zw_user_id = store.state.user.userInfo.id
return new Promise((resovle, reject) => {
cross_systemRequest({
system: 'zhangyou',
api: '/member_trans_request/ruleList',
params: data
}).then((res) => {
resovle(res)
})
})
}
src/api/works.js 0 → 100644
// 客户绑定掌游账号列表
import request from '@/utils/request'
function returnApi(api) {
return '/sidebar' + api
}
// w 账号绑定列表
export function zyouBindMember(data) {
return request({
url: returnApi('/external_user/zyouBindMember'),
method: 'post',
data
})
}
// 检查账号绑定
export function checkZyouBind(data) {
return request({
url: returnApi('/external_user/checkZyouBind'),
method: 'post',
data
})
}
// 绑定掌游账号
// 绑定掌游账号
export function zyouBind(data) {
return request({
url: returnApi('/external_user/zyouBind'),
method: 'post',
headers: {
'Corp-Id': data.bindUserCorpID || store.state.user.corpId
},
data
})
}
export function detailsInfoRequest(data) {
return request({
url: returnApi('/external_user/info'),
method: 'post',
data
})
}
\ No newline at end of file
src/components/page/pageNum.vue 0 → 100644
<template>
<div class="newPage rowFlex allCenter">
<el-pagination
:total="Number(pageInfo.total)"
:current-page.sync="pageInfo.page"
:page-size="Number(pageInfo.page_size)"
background
layout="total,prev, pager, next, jumper"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</template>
<script type="text/javascript">
export default {
name: 'page',
props: ['pageInfo'],
data() {
return {}
},
mounted() {
},
methods: {
handleCurrentChange(newPage) {
this.pageInfo.page = newPage
this.$emit('requestNextPage', this.pageInfo)
}
}
}
</script>
<style lang="scss" scoped>
.newPage {
width: 100%;
height: 60px;
background: #fff;
border-radius: 0 0 5px 5px;
padding-bottom: 20px;
}
</style>
\ No newline at end of file
src/main.js
......@@ -7,7 +7,7 @@ import 'element-ui/lib/theme-chalk/index.css';
import Cookies from 'js-cookie';
import _ from 'lodash';
import '@/styles/index.scss' // global css
import 'lib-flexible/flexible.js'
Vue.use(ElementUI);
// import '@/styles/index.scss' // global css
Vue.config.productionTip = false
......
src/mixins/externalUserId.js deleted 100644 → 0
// mixins/externalUserId.js
// 签名获取外部用户externalUserId逻辑
import { getSign, getAgentSign } from '@/api/user';
export default {
data() {
return {
externalUserId: ''
};
},
created() {
},
mounted() {
// 获取企业签名信息
localStorage.removeItem('externalUserId');
this.getCompanySign();
},
methods: {
//获取企业签名信息
getCompanySign() {
// let url = "获取config或agentConfig配置的参数接口";
//该paramUrl 为你使用微信sdk-js相关接口的页面地址 该地址需要配置到应用后台的可信域名下
let url = window.location.href.split("#")[0];
let params = { url };
getSign(params).then(res => {
this.companyConfigInit(res.data);
}).catch(err => {
console.log(err);
});
},
//企业验证配置
companyConfigInit(data) {
let that = this;
// noncestr: "ww09b472814e7d260f"
// signature: "442fde92aa1a440e5e9636364378186e6463306c"
// timestamp: "1647912587432
let { timestamp, noncestr, signature } = data || {};
let wxConfig = localStorage.getItem('wxConfig') ? JSON.parse(localStorage.getItem('wxConfig')) : {};
let { corpid } = wxConfig;
// eslint-disable-next-line
wx.config({
beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: corpid, // 必填，企业微信的corpID
timestamp: timestamp, // 必填，生成签名的时间戳
nonceStr: noncestr, // 必填，生成签名的随机串
signature: signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法
jsApiList: ["getContext", "getCurExternalContact", "invoke"] //你要调用的sdk接口必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});
// eslint-disable-next-line
wx.ready(function () {
that.appAgentConfig();
});
// eslint-disable-next-line
wx.error(function (res) {
console.log('config失败了', res)
});
},
//获取应用签名信息
appAgentConfig() {
let url = window.location.href.split("#")[0];
let params = { url };
getAgentSign(params).then((res) => {
let { code, data, message } = res || {};
if (code === 200) {
this.appConfigInit(data);
} else {
console.log(message);
}
})
},
//应用验证配置
appConfigInit(data) {
let that = this;
let { timestamp, noncestr, signature } = data || {};
let wxConfig = localStorage.getItem('wxConfig') ? JSON.parse(localStorage.getItem('wxConfig')) : {};
let { corpid, agentid } = wxConfig;
// eslint-disable-next-line
wx.agentConfig({
corpid,
agentid,
timestamp: timestamp,
nonceStr: noncestr,
signature: signature,
jsApiList: ["getContext", "getCurExternalContact", "invoke"],
success: function () {
// eslint-disable-next-line
wx.invoke('getCurExternalContact', {
}, function (res) {
// alert('invoke成功了')
// alert(JSON.stringify(res),'invokeData数据')
console.log('invoke成功了', res)
if (res.err_msg == "getCurExternalContact:ok") {
localStorage.setItem('externalUserId', res.userId);
// this.$store.dispatch("common/setExternalUserId", res.userId);
that.externalUserId = res.userId; //返回当前外部联系人userId
// alert(that.externalUserId);
} else {
//错误处理
}
//查看相关接口是否可以调用
// that.checkJsApi();
});
},
fail: function (res) {
console.log('invoke失败了', res)
// alert('invoke失败了', res)
if (res.errMsg.indexOf("function not exist") > -1) {
alert("版本过低请升级");
}
}
});
},
}
}
src/router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import userInfo from '../views/userInfo.vue'
import userInfo from '../views/userInfo/userInfo.vue'
import quickReply from '../views/quickReply.vue'
import giftRecord from '../views/giftRecord.vue'
import applyRecord from '../views/applyRecord.vue'
......@@ -49,11 +49,11 @@ const routes = [
name: 'login',
component: () => import('../views/login.vue')
},
// {
// path: '/ddLogin',
// name: 'ddLogin',
// component: () => import('../views/ddLogin.vue')
// }
{
path: '/testWx',
name: 'testWx',
component: () => import('../views/testWx.vue')
},
]
const router = new VueRouter({
/* 这里用 hash 模式 因为本项目是在企微 服务器下的一个二级页面 如果用 history 模式 需要修改 nginx 配置 在 nginx 配置中 需要添加 location /company_app/ {
......@@ -69,35 +69,32 @@ const router = new VueRouter({
routes
})
// router/index.js
router.beforeEach((to, from, next) => {
// 需要登录态的页面
const needAuth = !['/login'].includes(to.path)
// 检查登录信息
const wecomUserId = Cookies.get('wx_userid')
const wecomUserId = Cookies.get('userid')
const cser_id = Cookies.get('cser_id')
const token = Cookies.get('token')
const urlParams = getParams();
if (needAuth) {
if (wecomUserId && cser_id && token) {
// 登录信息齐全，允许进入
next()
if (needAuth) {
if (wecomUserId && cser_id && token) {
// 登录信息齐全，允许进入
next()
} else {
// 缺少登录信息，跳转到登录页
// 跳转到 login 的时候带上当前 url 的参数
next({
path: '/login',
query: urlParams
})
// next()
}
} else {
// 缺少登录信息，跳转到登录页
// 跳转到 login 的时候带上当前 url 的参数
// next({
// path: '/login',
// query: urlParams
// })
// 登录页、回调页等不需要校验
next()
}
} else {
// 登录页、回调页等不需要校验
next()
}
})
export default router
src/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
import game from './modules/game'
Vue.use(Vuex)
export default new Vuex.Store({
......@@ -13,6 +14,7 @@ export default new Vuex.Store({
actions: {
},
modules: {
user
user,
game
}
})
src/store/modules/game.js 0 → 100644
// 和游戏相关的逻辑处理
// 管理公共的store
import { zyouBindMember } from '@/api/works'
const state = {
accountSelect: '', // 当前选中的用户的member_id
bindGameUserList: [], // 用户绑定的游戏角色
changeSelectWindow: false, // 切换客服窗口的时候 下发通知
chatUserInfo: {}, // 当前选中的用户的详情
}
const mutations = {
set_accountSelect(state, data) {
state.accountSelect = data
},
set_bindGameUserList(state, data) {
state.bindGameUserList = data
},
set_chatUserInfo(state, data) {
state.chatUserInfo = data
}
}
const actions = {
// 游戏绑定用户
gameBindUser({ dispatch, commit }, data) {
return new Promise((resolve, reject) => {
zyouBindMember(data).then(async (res) => {
if (res.status_code == 1) {
res.data.data.map((item) => {
item.member_id = item.member_id + ''
})
if (res.data.data && res.data.data.length > 0) {
res.data.data.map((item) => {
item.label = item.username
item.value = item.member_id
})
}
commit('set_bindGameUserList', res.data.data)
resolve(res.data.data)
}
})
})
},
}
export default {
namespaced: true,
state,
mutations,
actions
}
src/store/modules/user.js
......@@ -6,11 +6,11 @@ const state = {
"agent_signature": "05a47ef848266c48ff28f52e7749ba8b70adcc14",
"corp_signature": "29e61720786b3c6dac31f1041c70878b4819842e",
"time": 1747726636,
externalUserId:''
external_userid:''
},
userid:'userid',
userid:'JinDuoXia',
corp_id:'',
externalUserId:'',
external_userid:'',
token:'',
cser_info:{
cser_id:'',
......@@ -22,10 +22,11 @@ const state = {
corp_signature:'',
time:''
},
externalUserId:''
external_userid:'wm5rUgMgAAjqjOcqp8i3lEhFZDQieWug'
// 六子的 用户id wm5rUgMgAAjqjOcqp8i3lEhFZDQieWug
// 我的 wx_userid JinDuoXia cser_id 4090 corp_id wweaefe716636df3d1 cser_id 4090 token token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9. eyJpc3MiOjQwOTAsImlhdCI6MTc0NzgxMjMxMiwiZXhwIjoxNzQ4NDE3MTEyLCJuYmYiOjE3NDc4MTIzMTIsInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiMjBkOTY3MDZiYzI1MDdmY2MxOWI2MjU1YTM0YWQ3M2YifQ.yX7E7QHV7x2ubpa8iK3Avy794EiHNCaW2CtB4A4UQWo
// 我的 userid JinDuoXia cser_id 4090 corp_id wweaefe716636df3d1 cser_id 4090 token token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9. eyJpc3MiOjQwOTAsImlhdCI6MTc0NzgxMjMxMiwiZXhwIjoxNzQ4NDE3MTEyLCJuYmYiOjE3NDc4MTIzMTIsInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiMjBkOTY3MDZiYzI1MDdmY2MxOWI2MjU1YTM0YWQ3M2YifQ.yX7E7QHV7x2ubpa8iK3Avy794EiHNCaW2CtB4A4UQWo
}
const mutations = {
set_userInfo(state,userInfo){
state.userInfo = userInfo
......@@ -36,8 +37,8 @@ const mutations = {
set_corp_id(state,corp_id){
state.corp_id = corp_id
},
set_externalUserId(state,externalUserId){
state.externalUserId = externalUserId
set_external_userid(state,external_userid){
state.external_userid = external_userid
},
set_token(state,token){
state.token = token
......
src/styles/element-ui.scss deleted 100644 → 0
// cover some element-ui styles
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
font-weight: 400 !important;
}
.el-upload {
input[type='file'] {
display: none !important;
}
}
.el-upload__input {
display: none;
}
// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
transform: none;
left: 0;
position: relative;
margin: 0 auto;
}
// refine element ui upload
.upload-container {
.el-upload {
width: 100%;
.el-upload-dragger {
width: 100%;
height: 200px;
}
}
}
// dropdown
.el-dropdown-menu {
a {
display: block;
}
}
// to fix el-date-picker css style
.el-range-separator {
box-sizing: content-box;
}
.el-radio-button:focus {
box-shadow: none !important;
}
.el-drawer__header > span,
.el-tabs__item {
outline: none;
}
.el-drawer__body {
position: relative;
}
.error-message {
z-index: 5000 !important;
}
.el-drawer__header>span,.el-tabs__item{
outline: none;
}
.el-icon-circle-close {
color: #fff;
}
\ No newline at end of file
src/styles/element-variables.scss deleted 100644 → 0
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
$--color-primary: #00BF8A;
// $--color-success: #13ce66;
// $--color-warning: #ffba00;
// $--color-danger: #ff4949;
// $--color-info: #1E1E1E;
$--button-font-weight: 400;
// $--color-text-regular: #1f2d3d;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid #dfe6ec;
/* icon font path, required */
$--font-path: '~bi-eleme/lib/theme-chalk/fonts';
@import '~bi-eleme/packages/theme-chalk/src/index';
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
theme: $--color-primary;
}
\ No newline at end of file
src/styles/global.scss deleted 100644 → 0
// 全局函数和变量
$color: #00BF8A; // 全局颜色
@function vw($px) {
@return ($px / 1920) * 100vw;
}
@function vh($px) {
@return ($px / 1080) * 100vw;
}
.flex_x {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.flex_y {
display: flex;
flex-flow: column;
justify-content: space-between;
}
.flex_wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-content {
.el-select--small {
.el-tag:first-child {
max-width: 64% !important;
}
}
}
.BiInput_single_clear {
.el-input__suffix {
display: none !important;
}
}
.display_none_dialog {
.el-drawer__body::-webkit-scrollbar {
/*滚动条整体样式*/
width: 0;
background: #fff;
border-radius: 3px;
}
.el-drawer__body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
width: 0;
border-radius: 3px;
background: rgba(221, 221, 221, 1);
}
}
.radio {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
}
.el-input__count {
vertical-align: top;
}
.el-range-separator {
margin-right: 10px !important;
}
:root {
--primary-color: #2563eb;
--primary-hover: #1d4ed8;
--bg-color: #f8fafc;
--chat-bg: #ffffff;
--user-msg-bg: #2563eb;
--ai-msg-bg: #f1f5f9;
--border-color: #e2e8f0;
--text-primary: #1e293b;
--text-secondary: #64748b;
}
\ No newline at end of file
src/styles/index.scss
@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";
@import "./sidebar.scss";
@import "./ui.scss";
@import 'uistyle.scss';
@import './reset.scss';
// @tailwind base; // 重设的 css 代码
// @tailwind components;
......
src/styles/mixin.scss deleted 100644 → 0
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@mixin scrollBar {
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
@mixin relative {
position: relative;
width: 100%;
height: 100%;
}
src/styles/reset.scss deleted 100644 → 0
.success {
background-color: #67c23a;
}
// .info {
// background-color: #909399;
// }
.primary {
background-color: #409eff;
}
.danger {
background-color: #f56c6c;
}
.warning {
background-color: #e6a23c;
}
.content-outer {
.bi-tabs-box {
background-color: #fff;
margin-bottom: 10px;
overflow-y: hidden;
.el-tabs__nav-wrap.is-top::after {
content: none;
}
.el-tabs__active-bar.is-top {
top: 0;
}
.el-tabs__header.is-top {
margin-bottom: 0;
}
.el-tabs__content {
padding: 0;
display: none;
overflow: initial;
}
.el-tabs__item.is-top {
min-width: 100px;
text-align: center;
}
// .el-tabs--border-card {
// border: none;
// box-shadow: none;
// .el-tabs__nav {
// display: flex;
// }
// & > .el-tabs__header {
// border-bottom: none;
// .el-tabs__item {
// margin-top: 0;
// border: none;
// display: block;
// }
// }
// }
}
& > .content-head.container {
padding-bottom: 0 !important;
background-color: white;
}
.content-table {
margin-top: 10px;
background-color: white;
padding: 20px;
.action-box {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.table-table {
padding-bottom: 20px;
}
.pagination-container {
margin-top: 20px;
display: flex;
justify-content: center;
}
}
.drawer-container {
// padding: 20px;
}
}
.bi-column-container {
display: flex;
justify-content: space-between;
.column-container {
margin-left: 20px;
width: 230px;
flex: 0 0 230px;
}
}
.colorStatus {
display: inline-block;
> p {
display: inline;
}
.all {
padding: 2px 8px;
height: 20px;
line-height: 16px;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #3491fa;
border: 1px solid #c3e7fe;
background: #e8f7ff;
}
// 成功
.success {
padding: 2px 8px;
height: 20px;
line-height: 16px;
background: #e1fff0;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #00bf8a;
}
.indeter {
padding: 2px 8px;
height: 20px;
line-height: 16px;
background: #fffae0;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
border-radius: 4px;
border: 1px solid #ffe4ba;
color: #ff7d00;
}
.fail {
padding: 2px 8px;
height: 20px;
line-height: 16px;
background: #ffece8;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #f53f3f;
border: 1px solid #fdcdc5;
}
.normal {
padding: 2px 8px;
height: 20px;
line-height: 16px;
background: #f4f4f4;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #86909c;
}
.dianFail {
display: inline-block;
width: 8px;
height: 8px;
background: #f45454;
border-radius: 5px;
}
.dianLineup {
display: inline-block;
width: 8px;
height: 8px;
background: #c9cdd4;
border-radius: 5px;
}
.dianLoading {
display: inline-block;
width: 8px;
height: 8px;
background: #f45454;
border-radius: 5px;
}
.dianSuccess {
display: inline-block;
width: 8px;
height: 8px;
background: #00bf8a;
border-radius: 5px;
}
.dianWait {
display: inline-block;
width: 8px;
height: 8px;
background: #ff9d02;
border-radius: 5px;
}
.dianNormal {
display: inline-block;
width: 8px;
height: 8px;
background: #c9cdd4;
border-radius: 5px;
}
.dianOk {
display: inline-block;
width: 8px;
height: 8px;
background: #0fc6c2;
border-radius: 5px;
}
.dianKou {
display: inline-block;
width: 8px;
height: 8px;
background: #3491fa;
border-radius: 5px;
}
}
.el-dialog {
.dialog-footer {
position: relative;
}
}
// 弹窗的按钮位置
.dialog-footer {
width: calc(100%);
position: absolute;
bottom: 0px;
right: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
justify-content: flex-end;
overflow: hidden;
background: #fff;
z-index: 10;
.btn {
width: 84px;
height: 32px;
}
}
.tableheader-popper-editdialog {
.dialog-footer {
padding-top: 0;
padding-right: 0;
}
}
.el-drawer__header {
padding: 0 20px !important;
line-height: 58px;
height: 58px;
// padding-bottom: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
// border: 1px rgba(0, 0, 0, 0.06) solid;
// box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
}
// 带background的title
.baseInfo {
width: 100%;
height: auto;
margin-bottom: 10px;
border: 1px solid #f1f5fd;
background: #fff;
.content{
padding-top: 0!important;
}
.title {
width: 100%;
height: 40px;
background: #f7f8fa;
font-size: 14px;
font-weight: 500;
color: #323335;
padding-left: 10px;
line-height: 40px;
margin-bottom: 20px;
}
}
.drawer-container-title{
width: 100%;
height: auto;
font-weight: 500;
font-size: 16px;
color: #323335;
line-height: 22px;
text-align: left;
border-left: 3px solid #00BF8A;
text-indent: 10px;
font-weight: 500;
line-height: 16px;
margin-bottom: 20px;
}
// 弹窗里面的确定 取消按钮暂时固定选择
.layerBtns {
display: flex;
justify-content: flex-end;
.btn {
width: auto;
height: 32px;
}
.el-button {
font-weight: 500 !important;
}
}
.el-image__inner {
border-radius: 5px;
}
p {
margin: 0;
}
//
.infoText {
color: #86909c;
font-size: 12px;
}
// .el-drawer__body{
// position: relative;
// }
.el-dialog__header {
min-height: 40px;
}
.avatar-uploader .el-upload:hover {
// border:1px dashed #00BF8A !important;
}
// form 里面label换行的时候的样式
.lineHeight {
.el-form-item__label {
line-height: 20px !important;
}
}
// 应用icon样式
.miniappIcon {
width: 30px;
height: 30px;
border-radius: 30px;
margin-right: 10px;
}
.miniappIconText {
position: relative;
top: -10px;
}
.textInfo {
color: rgb(153, 153, 153);
font-size: 12px;
}
.textHidden {
word-break: break-all;
}
.redText {
font-size: 14px;
font-weight: 400;
color: #ff4d4f;
}
//注意样式
.carefulText {
width: 100%;
height: 40px;
background: #fff7e8;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: #323335;
padding-left: 10px;
margin-top: 0 !important;
margin-bottom: 10px;
display: flex;
align-items: center;
.icon {
color: #ff7d00 !important;
font-size: 14px;
margin: 0 10px;
}
i {
color: #ff7d00 !important;
font-size: 14px;
}
}
.search-form {
.el-select__tags {
max-width: 200px !important;
}
}
.el-form-item__label {
font-weight: 600;
}
.el-table__header .cell {
color: #323335;
font-weight: 500;
}
.el-tooltip {
max-width: 200px;
}
.tooltipWidth {
max-width: 250px;
line-height: 18px !important;
}
.el-tag {
margin-right: 5px !important;
}
.el-date-range-picker__header {
border: none !important;
}
.el-tabs__header {
margin-bottom: 15px;
}
.el-icon-question {
color: #86909c;
}
.id_color {
font-size: 14px;
color: #86909c;
}
src/styles/sidebar.scss deleted 100644 → 0
#app {
.main-container {
min-height: 100%;
padding-top: 0px !important;
transition: margin-left .28s;
margin-left: $sideBarWidth;
position: relative;
}
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
background-color: $menuBg;
height: 100%;
position: fixed;
font-size: 0px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: hidden;
box-shadow: 0 1px 4px #00152914;
// reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.el-scrollbar {
height: 100%;
}
&.has-logo {
.el-scrollbar {
height: calc(100% - 90px);
}
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
}
.svg-icon {
margin-right: 16px;
width: 22px;
height: 22px;
background-size: contain;
color: #8893aa;
}
.sub-el-icon {
margin-right: 12px;
margin-left: -2px;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
background-color: $menuHover !important;
}
}
.is-active > .el-submenu__title,
.is-active > .el-submenu__title svg,
.is-active.submenu-title-noDropdown,
.is-active.submenu-title-noDropdown svg {
color: $subMenuActiveText !important;
}
& .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item {
min-width: $sideBarWidth !important;
// background-color: $subMenuBg !important;
&:hover {
background-color: $subMenuHover !important;
}
}
}
.hideSidebar {
.sidebar-container {
width: 54px !important;
}
.main-container {
margin-left: 54px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 15px;
}
.sub-el-icon {
margin-left: 19px;
}
}
}
.el-submenu {
overflow: hidden;
&>.el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 15px;
}
.sub-el-icon {
margin-left: 19px;
}
.el-submenu__icon-arrow {
display: none;
}
}
}
.el-menu--collapse {
.el-submenu {
&>.el-submenu__title {
&>span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: $sideBarWidth !important;
}
// mobile responsive
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform .28s;
width: $sideBarWidth !important;
}
&.hideSidebar {
.sidebar-container {
pointer-events: none;
transition-duration: 0.3s;
transform: translate3d(-$sideBarWidth, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
// when menu collapsed
.el-menu--vertical {
&>.el-menu {
.svg-icon {
margin-right: 16px;
}
.sub-el-icon {
margin-right: 12px;
margin-left: -2px;
}
}
.nest-menu .el-submenu>.el-submenu__title,
.el-menu-item {
&:hover {
// you can use $subMenuHover
background-color: $menuHover !important;
}
}
// the scroll bar appears when the subMenu is too long
>.el-menu--popup {
max-height: 100vh;
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
}
.el-menu-item{
position: relative;
&::after{
content:' ';
position: absolute;
width: 3px;
height: 0;
right: 0;
top: 0;
transition: .3s;
}
&.is-active::after{
height: 100%
}
}
.el-submenu .el-menu-item{
padding-left: 60px !important;
}
.el-submenu__title{
font-size: 16px !important;
font-weight: 500 !important;
color: #323335 !important;
}
.submenu-title-noDropdown:not(.el-submenu .submenu-title-noDropdown){
font-size: 16px !important;
font-weight: 500 !important;
color: #323335 !important;
}
\ No newline at end of file
src/styles/transition.scss deleted 100644 → 0
// global transition css
/* fade */
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.28s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .5s;
}
.fade-transform-enter {
opacity: 0;
transform: translateX(-30px);
}
.fade-transform-leave-to {
opacity: 0;
transform: translateX(30px);
}
// rotage-transform
.rotage-transform-leave-active,
.rotage-transform-enter-active {
transition: all 1s;
}
.rotage-transform-enter {
transform: rotate(180deg);
}
.rotage-transform-leave-to {
transform: rotate(0deg);
}
/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all .5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
opacity: 0;
transform: translateX(20px);
}
.breadcrumb-move {
transition: all .5s;
}
.breadcrumb-leave-active {
position: absolute;
}
src/styles/ui.scss deleted 100644 → 0
// $appmainWidth
/*
*Font
*默认为font-size: 14px;line-height: 20px;
*/
body {
font-size: 14px;
line-height: 20px;
color: #323335;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
#app {
height: 100%;
background-color: #e5e5e5;
.navbar {
height: $navbarHeight;
.navbar-box {
height: $navbarHeight;
line-height: $navbarHeight;
.app-breadcrumb {
padding: 10px 0;
}
}
}
.app-main {
min-height: calc(100vh - #{$navbarHeight});
}
}
.app-main {
.text {
&-12 {
font-size: 12px;
line-height: 18px;
}
&-14 {
font-size: 14px;
line-height: 20px;
}
&-16 {
font-size: 16px;
line-height: 22px;
}
&-24 {
font-size: 16px;
line-height: 34px;
}
}
.container {
padding: 20px;
background: #fff;
border-radius: 4px;
& + .container {
margin-top: 10px;
}
}
}
.search-form {
display: flex;
flex-wrap: wrap;
& + * {
margin-top: 15px !important;
}
.search-item {
min-width: 330px !important;
padding-right: 20px;
padding-bottom: 20px;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
margin-top: 0;
display: flex;
flex: 0 0 auto;
.item-label,
.select-label {
flex-wrap: 0;
flex-shrink: 0;
padding-right: 10px;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
margin-top: 0;
text-align: right;
line-height: 16px;
display: flex;
align-items: center;
flex-direction: row-reverse;
max-height: 32px;
overflow: hidden;
}
.select-value {
.el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.item-label {
width: 80px;
}
.select-label {
width: 100px;
margin-right: -1px;
text-align: right;
padding-right: 0;
.is-focus .el-input__inner {
z-index: 1;
}
.el-input__inner {
position: relative;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
&:focus {
z-index: 1;
}
}
}
.item-content,
.select-content {
flex-grow: 1;
& > * {
width: 100%;
}
}
.select-content {
height: 32px;
.input-number-range {
position: relative;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
&.is-focus {
z-index: 1;
}
}
&:not(.el-select) {
.is-focus .el-input__inner {
z-index: 1;
}
.el-input__inner {
position: relative;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
&:focus {
z-index: 1;
}
}
}
&.el-select {
.el-input .el-input__inner {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}
}
}
}
.hideSidebar {
.search-form {
@media screen and (max-width: 1103px) {
.search-item {
width: 50%;
// &:nth-last-child(3) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1104px) {
.search-item {
width: 33.3%;
// &:nth-last-child(4) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1434px) {
.search-item {
width: 25%;
// &:nth-last-child(5) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1764px) {
.search-item {
width: 20%;
// &:nth-last-child(6) ~ .search-item {
// padding-bottom: 0;
// }
}
}
}
}
.openSidebar {
.search-form {
@media screen and (max-width: 910px) {
.search-item {
width: 50%;
// &:nth-last-child(3) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1240px) {
.search-item {
width: 33.3%;
// &:nth-last-child(4) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1570px) {
.search-item {
width: 25%;
// &:nth-last-child(5) ~ .search-item {
// padding-bottom: 0;
// }
}
}
@media screen and (min-width: 1900px) {
.search-item {
width: 20%;
// &:nth-last-child(6) ~ .search-item {
// padding-bottom: 0;
// }
}
}
}
}
/* element-ui */
.el-select,
.el-cascader {
.el-input__inner {
padding-right: 20px;
}
.el-input__suffix {
z-index: 1;
width: 20px;
}
.el-cascader__tags {
width: 210px;
flex-wrap: nowrap;
display: flex;
align-items: center;
}
.el-cascader__search-input {
min-width: 10px;
margin-left: 10px;
}
}
.el-date-editor {
.el-range__close-icon {
width: 15px;
}
}
.el-button + .el-button {
margin-left: 10px;
}
// .el-dialog__wrapper {
// display: flex;
// align-items: center;
// .el-dialog {
// min-width: 480px;
// margin-top: 50px;
// margin-bottom: 50px;
// max-height: calc(100vh - 100px);
// .el-dialog__header {
// padding: 16px 20px;
// line-height: 20px;
// font-size: 16px;
// color: rgba(0, 0, 0, 0.85);
// border-bottom: 1px solid rgba(0, 0, 0, 0.06);
// }
// }
// }
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-submenu .el-menu-item {
// color: #606266;
}
#app .sidebar-container .el-menu .el-menu-item .svg-icon + span {
font-weight: 500;
font-size: 16px;
// color: #606266;
}
#app .sidebar-container .el-menu .el-submenu__title .svg-icon + span {
font-size: 16px;
font-weight: 500;
}
#app .sidebar-container .svg-icon {
color: #8893aa;
}
#app .is-active .svg-icon {
color: #00bf8a;
}
#app .el-table thead th.el-table__cell .cell {
display: inline-block;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
// background-color: #fff9f5;
opacity: 1;
}
.el-picker-panel.el-date-range-picker.el-popper.has-sidebar.has-time.my-popper {
z-index: 200000 !important;
}
.input-number-right-aligned .el-input-number__increase,
.input-number-right-aligned .el-input-number__decrease {
display: inline-block;
width: auto;
}
.input-number-right-aligned .el-input {
text-align: left;
}
.input-number-right-aligned .el-input-number__inner {
text-align: left;
}
// .rowFlex .el-input-number .el-input__inner {
// text-align: left !important;
// }
src/styles/uistyle.scss deleted 100644 → 0
// 框架样式更改 重新规划
#app {
.app-main {
background: #eeeff5;
padding: 0 15px;
.dashboard {
width: calc(100% - 30px);
}
.content-head.container {
border-radius: 4px;
}
// 表格样式
.content-table {
border-radius: 4px;
margin-top: 15px;
}
.el-table {
// 表格里面的选择框
.el-table-column--selection .cell {
padding: 10px 16px !important;
}
.el-table__fixed-right {
background: #fff;
}
}
}
// 面包屑
.app-breadcrumb.el-breadcrumb {
padding: 14px 0;
.no-redirect {
font-size: 14px;
color: #323335;
font-weight: 700;
}
}
.content-head.container {
border-radius: 4px;
}
// 表格样式
.content-table {
border-radius: 4px;
margin-top: 15px;
}
.el-table {
// 表格里面的选择框
.el-table-column--selection .cell {
padding: 10px 16px !important;
}
.el-table__fixed-right {
background: #fff;
}
}
}
// 选择应用
.selectRouter {
.el-input__suffix {
height: 32px;
}
}
.el-tooltip__popper {
max-width: 300px;
}
// .app-main{
// // 图表的icon颜色
// i,.icon{
// color: #86909C;
// }
// }
.tableContent {
color: #323335 !important;
font-weight: 400 !important;
.tableHeader {
background: #f2f3f5;
}
}
.goRight {
width: 28px;
height: 27px;
background: #00bf8a;
border-radius: 14px;
color: #ffffff;
font-size: 16px;
margin: 0 20px;
cursor: pointer;
border-radius: 14px;
i {
color: #ffffff;
font-size: 16px;
margin: 0 20px;
cursor: pointer;
border-radius: 14px;
i {
color: #ffffff;
}
}
}
// 暂无数据
.noContent {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
i {
font-size: 42px;
color: #86909c;
}
.text {
font-size: 14px;
font-weight: 400;
color: #c9cdd4;
margin-top: 5px;
}
}
// 修改 tabs 全局样式
.el-tabs {
.el-tabs__header {
height: 50px;
border-radius: 4px;
}
.el-tabs__nav-scroll {
height: 50px;
}
.el-tabs__item {
height: 50px;
line-height: 50px;
font-size: 16px;
color: #4e5969;
}
.el-tabs__item.is-active{
color: #00bf8a;
}
}
// 表格样式
.content-outer {
.table-table {
padding-bottom: 20px !important;
}
}
.imageIcon {
position: relative;
}
// 统一标签样式
.checkTagsView {
width: 100%;
.tagsItem {
margin-right: 5px;
margin-bottom: 5px;
}
}
// toast 样式
.el-message{
z-index: 999999 !important;
}
// form 表单类型
.el-form-item .el-form-item, .el-form-item .el-form-item.el-form-item--small{
margin-bottom: 16px;
}
// 描述文字样式
.infoTextColor{
color: #86909c;
}
.infoSpan {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
max-width: 250px;
p {
font-size: 12px;
max-width: 100%;
line-height: 20px;
color: #86909c;
}
span {
color: #ffa81d;
}
}
// tab 样式 .tabs__content 默认 overflow 为 hidden 为 hidden 的时候 表格表头吸顶功能异常 需要 overflow 设置为 initial
.el-tabs__content {
overflow: initial;
}
\ No newline at end of file
src/utils/request.js
......@@ -32,14 +32,14 @@ service.interceptors.request.use(
? config.url + JSON.stringify(config.data)
: config.url
})
const authToken = getToken()
// 设置认证token
if (store.state.user.token) {
config.headers['Authtoken'] = getToken()
if (authToken) {
config.headers['Authtoken'] = authToken
}
console.log(store.state.user.corp_id,'store.state.user.corp_id')
if (store.state.user.corp_id) {
config.headers['Corp-Id'] = store.state.user.corp_id
const corp_id = store.state.user.corp_id || Cookies.get('corp_id')
if (corp_id) {
config.headers['Corp-Id'] = corp_id
}
return config
},
......@@ -49,6 +49,7 @@ service.interceptors.request.use(
}
)
// 响应拦截器
service.interceptors.response.use(
/**
......@@ -69,9 +70,8 @@ service.interceptors.response.use(
if (res.status_code !== STATUS_CODE_SUCCESS) {
if (res.status_code === -1) {
// 登录 过期 重新去登录
// removeToken()
// window.location.href = window.location.origin +'/company_app/index.html?corp_id='+Cookies.get('corp_id')
removeToken()
window.location.href = window.location.origin +'/company_app/index.html?corp_id='+Cookies.get('corp_id')
return res
}
Message({
......
src/views/components/bindGameAccount/addUser.vue 0 → 100644
<template>
<el-drawer
title="新增关联账号"
:visible="show"
size="360px"
:append-to-body="true"
@close="close"
>
<div class="content ">
<el-form
ref="form"
:model="form"
:inline="true"
:rules="rules"
label-width="120px"
>
<div class="inputContent">
<el-form-item
label="请输入w账号"
prop="username"
>
<el-input
v-model.trim="form.username"
placeholder="请输入w账号"
class="input-with-select"
>
</el-input>
</el-form-item>
<el-form-item
label="请输入主游戏名"
prop="main_game_id"
>
<el-select
v-model="form.main_game_id"
filterable
remote
clearable
reserve-keyword
placeholder="请输入主游戏名"
:remote-method="remoteMethod"
:loading="loading"
@focus="gameNameList=optionsList"
>
<el-option
v-for="item in gameNameList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="请输入区服"
prop="server_info"
>
<el-select
v-model.trim="form.server_info"
filterable
remote
:disabled="form.main_game_id==''"
clearable
reserve-keyword
placeholder="请先选择主游戏"
:remote-method="remoteMethodServer"
:loading="loading"
>
<el-option
v-for="item in serverNameList"
:key="item.id"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="请输入角色名"
prop="role_name"
>
<el-input
v-model.trim="form.role_name"
placeholder="请输入角色"
class="input-with-select"
>
</el-input>
</el-form-item>
<el-form-item>
<el-button
type="primary"
@click="onSubmit"
>搜索</el-button>
</el-form-item>
</div>
</el-form>
<div class="info rowFlex">
<div class="table">
<userTable
:list="tableList"
@checkedTag="checkedTag"
/>
</div>
<!-- <div class="line"></div> -->
<div
v-if="userDetails.username"
class="userInfo"
>
<div class="item rowFlex columnCenter"><span class="label">账号</span>
<p class="text">{{ userDetails.username }}</p> <span
v-if="userDetails.account_type==2"
class="account_type"
>内</span>
</div>
<div class="item rowFlex columnCenter"><span class="label">获客渠道</span>
<p class="text">{{ userDetails.channel_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">注册渠道</span>
<p class="text">{{ userDetails.register_channel_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">运营渠道</span>
<p class="text">{{ userDetails.operator_channel_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">注册游戏</span>
<p class="text">{{ userDetails.reg_game_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">主游戏</span>
<p class="text">{{ userDetails.main_game_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">真实姓名</span>
<p class="text">{{ userDetails.real_name }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">手机号</span>
<p class="text">{{ userDetails.mobile }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">染色时间</span>
<p class="text">{{ moment( userDetails.seq_time * 1000).format('YYYY-MM-DD') }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">注册时间</span>
<p class="text">{{ moment( userDetails.reg_time * 1000).format('YYYY-MM-DD') }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">登录系统</span>
<p class="text">{{ userDetails.last_login_os }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">充值金额</span>
<p class="text">{{ userDetails.recharge_total }}</p>
</div>
<div class="item rowFlex columnCenter"><span class="label">是否添加微信</span>
<p class="text">{{ userDetails.wechat_add_status_text }}</p>
</div>
</div>
</div>
</div>
<page
class="pageInfo"
:page-info="pageInfo"
@requestNextPage="requestNextPage"
/>
<span class="dialog-footer rowFlex">
<el-button
class="btn"
type="primary"
:disabled="!userDetails.id"
@click="confirmSubmit"
>确 定</el-button>
<el-button
class="btn"
@click="$emit('update:show', false)"
>取 消</el-button>
</span>
</el-drawer>
</template>
<script type="text/javascript">
import moment from 'moment'
import userTable from './userTable.vue'
import { getRoleHoLo, memberView, selectSearch } from '@/api/game'
import { checkZyouBind,zyouBind } from '@/api/works'
import { mapMutations, mapActions, mapState } from 'vuex'
import page from '@/components/page/pageNum.vue'
export default {
components: {
userTable,
page
},
props: ['show'],
data() {
return {
moment,
tableList: [],
checkoutUser: {},
userDetails: {},
loading: false,
pageInfo: {
page: 1,
page_size: 20,
total: 0
},
form: {
member_id: '',
username: '',
role_name: '',
main_game_id: '',
server_info: ''
},
gameNameList: [],
optionsList: [],
serverNameList: [],
rules: {
}
}
},
computed: {
...mapState('common', ['chatUserInfo','corp_id'])
},
watch: {
show(newVal, oldVal) {
if (newVal) {
// this.requestRoleList()
this.requestGameList()
}
}
},
mounted() {
},
methods: {
...mapActions('game', ['gameBindUser']),
...mapMutations('game', ['set_accountSelect']),
requestRoleList() {
const data = {
member_id: this.form.member_id,
username: this.form.username.trim(),
role_name: this.form.role_name.trim(),
main_game_id: this.form.main_game_id !== '' ? [this.form.main_game_id] : [],
server_info: this.form.server_info !== '' ? [this.form.server_info] : [],
search_type: 'bind',
...this.pageInfo
}
getRoleHoLo(data).then(res => {
if (res.status_code == 1) {
if (res.data.data.length == 0) {
this.tableList = []
this.$message.warning('暂无数据')
} else {
this.tableList = res.data.data
this.pageInfo = res.data.page_info
}
}
})
},
// S181.啊呸¤可瑞 八荒181服
// 分页
requestNextPage(pageInfo) {
this.pageInfo.page = pageInfo.page
this.requestRoleList()
},
remoteMethodServer(query) {
if (query !== '') {
this.loading = true
const data = {
type: 'server_info',
value: query,
main_game_ids: this.form.main_game_id
}
selectSearch(data).then(res => {
this.loading = false
if (res.status_code == 1) {
this.serverNameList = res.data.data
}
})
}
},
remoteMethod(query) {
if (query !== '') {
this.gameNameList = this.optionsList.filter(item => {
return item.label.toLowerCase()
.indexOf(query.toLowerCase()) > -1
})
} else {
this.gameNameList = []
}
},
requestGameList() {
const data = {
type: 'mainGameList',
value: '',
weixin_blong_id: ''
}
selectSearch(data).then(res => {
this.loading = false
if (res.status_code == 1) {
this.gameNameList = this.optionsList = res.data.data
}
})
},
close() {
this.$emit('update:show', false)
this.resizeData()
},
onSubmit() {
this.$refs.form.validate((valid) => {
this.pageInfo = {
page: 1,
page_size: 20,
total: 0
}
if (valid) {
if (this.form.role_name == '' && this.form.username == '') {
this.$message.warning('请输入角色名或者w账号')
return
}
this.requestRoleList()
} else {
console.log('error submit!!')
return false
}
})
},
resizeData() {
this.form = {
member_id: '',
username: '',
role_name: '',
main_game_id: '',
server_info: ''
}
this.tableList = []
this.checkoutUser = {}
this.userDetails = {}
},
confirmSubmit() {
const data = {
member_id: this.userDetails.id && this.userDetails.id != '' ? this.userDetails.id : this.checkoutUser.member_id,
username: this.userDetails.username
}
checkZyouBind(data).then(res => {
console.log(data)
if (!res.data.has_bind) {
this.submit()
} else {
this.$confirm(res.data.tip || '', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.submit()
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
}
})
},
submit() {
const data = {
userid: this.userid,
external_userid: this.external_userid,
member_id: this.userDetails.id && this.userDetails.id != '' ? this.userDetails.id : this.checkoutUser.member_id,
username: this.userDetails.username,
reg_game_id: this.userDetails.reg_game_id,
main_game_id: this.userDetails.main_game_id,
recharge_total: this.userDetails.recharge_total,
bindUserCorpID: this.corp_id
}
// 绑定掌游账号
zyouBind(data).then(res => {
if (res.status_code == 1) {
this.$message.success(res.msg)
this.updateData()
}
})
},
// 更新列表数据
updateData() {
const data = {
userid: this.chatUserInfo.userid,
external_userid: this.chatUserInfo.external_userid
}
this.gameBindUser(data).then(res => {
this.set_accountSelect(this.userDetails.id)
this.close()
})
},
// 勾选活码
checkedTag(value) {
this.checkoutUser = value
const data = {
member_id: value.member_id,
need_channel: 1,
need_roleInfo: 1
}
this.rquestUserInfo(data)
},
rquestUserInfo(data) {
memberView(data).then(res => {
if (res.status_code == 1) {
this.userDetails = res.data
}
})
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-drawer {
height: 100%;
overflow: auto;
}
.content {
width: 100%;
padding: 20px;
height: 100%;
overflow: auto;
padding-bottom: 200px;
.inputContent {
width: 100%;
// ::v-deep .el-input,
// .el-input__inner {
// width: vw(250);
// margin-right: 40px;
// }
}
.info {
width: 100%;
margin-top: 30px;
overflow: auto;
.table {
width: calc(55% - 20px);
}
}
.line {
position: absolute;
left: 55%;
top: 12%;
transform: translate(-55%, 0);
width: 1px;
height: 70%;
border-right: 1px dashed #e0e0e0;
}
.userInfo {
width: 45%;
height: auto;
padding-left: 20px;
margin-top: -20px;
.item {
width: 100%;
margin-top: 20px;
.label {
width: 30%;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
text-align: left;
margin-right: 20px;
}
.text {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
word-wrap: break-word;
}
}
}
}
.account_type {
color: #f56c6c;
font-weight: bold;
margin-left: 5px;
background: #f7eded;
padding: 2px 5px;
border-radius: 3px;
}
.pageInfo {
width: calc(100% - 20px);
height: 82px;
position: absolute;
right: 20px;
bottom: 60px;
background: #fff;
}
.dialog-footer {
width: calc(100% - 20px);
position: absolute;
right: 20px;
bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
justify-content: flex-end;
background: #fff;
z-index: 10;
.btn {
width: 84px;
height: 32px;
}
}
</style>
<style>
::v-deep .el-select-dropdown {
min-width: 210px !important;
}
</style>
\ No newline at end of file
src/views/components/bindGameAccount/bindUserList.vue 0 → 100644
<template>
<div class="bindUserList rowFlex columnCenter">
<div class="select">
<el-select v-model="bindAccount" placeholder="请选择关联账号" :clearable="false" @change="handleChange">
<el-option label="新增关联账号" value="add" @click="addNewUser">
</el-option>
<el-option v-for="(item, index) in bindGameUserList" :key="index" :label="item.username"
:value="item.member_id">
</el-option>
</el-select>
</div>
<p v-if="bindGameUserList.length > 0" class="num">
总共{{ bindGameUserList.length }}个账号
</p>
<addUser
:show.sync="showLayer"
title="选择玩家"
width="60%"
/>
</div>
</template>
<script type="text/javascript">
import { detailsInfoRequest } from '@/api/works'
import { mapState, mapMutations, mapActions } from 'vuex'
import addUser from './addUser.vue'
// 更新代码
export default {
components: {
addUser
},
data() {
return {
showLayer: false,
accountValue: '',
bindAccount:'',
memberCheckList:[], // 自定义列
}
},
computed: {
...mapState('game', [
'bindGameUserList',
]),
...mapState('user', [
'userid',
'external_userid'
]),
},
watch: {
accountSelect(val) {
this.bindAccount = val
}
},
async mounted() {
this.bindUserList()
this.requestDetails()
},
methods: {
...mapMutations('game', [
'set_accountSelect',
'set_chatUserInfo'
]),
...mapActions('game', ['gameBindUser']),
handleChange(value) {
if (value == 'add') {
this.showLayer = true
} else {
this.set_accountSelect(value)
}
},
addNewUser() {
console.log(11)
},
async requestDetails() {
const data = {
userid: this.userid,
external_userid: this.external_userid
}
const res = await detailsInfoRequest(data)
if (res.data && res.data.userid) {
this.chatUserDetails = res.data
this.set_chatUserInfo(this.chatUserDetails) // 设置云端信息
if (this.chatUserDetails.self_defined_columns && this.chatUserDetails.self_defined_columns.length > 0) {
this.memberCheckList =
this.chatUserDetails.self_defined_columns.map(
(item) => item.name
)
} else {
this.memberCheckList = []
}
} else {
this.chatUserDetails = {}
}
// 获取到用户的详情 储存在缓存里面
},
// 绑定列表
async bindUserList() {
const data = {
userid: this.userid,
external_userid: this.external_userid
}
const res = await this.gameBindUser(data)
if (res.length > 0) {
this.set_accountSelect(res[0].member_id)
this.bindAccount = res[0].member_id
} else {
this.set_accountSelect('')
this.bindAccount = ''
}
}
}
}
</script>
<style lang="scss" scoped>
.bindUserList {
margin: 10px;
.select {
::v-deep .el-input--small .el-input__inner {
// border-radius: 16px;
border: none;
// color: $color;
min-width: 200px;
height: 30px;
line-height: 30px;
background: #ecfff6;
color: #46c988;
}
::v-deep .el-input__suffix {
// display: none;
color: #46c988;
}
}
.num {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 600;
margin-left: 10px;
white-space: nowrap;
color: #F53F3F;
}
}
</style>
\ No newline at end of file
src/views/components/bindGameAccount/userTable.vue 0 → 100644
<template>
<el-table
ref="multipleTable"
:data="list"
tooltip-effect="dark"
style="width: 100%"
size="medium"
highlight-current-row
:header-cell-style="{
background: '#F7F8FA',
color: '#333333',
fontWeight: 500,
}"
@current-change="handleCurrent"
>
<el-table-column width="50px">
<template v-slot="scope">
<!-- label值要与el-table数据id实现绑定 -->
<el-radio
v-model="unitInfo.role_id"
style="margin-left:10px;"
:label="scope.row.role_id"
>{{ "" }}</el-radio>
</template>
</el-table-column>
<el-table-column
label="w账号"
prop="username"
width="140"
>
</el-table-column>
<el-table-column
label="角色名"
prop="role_name"
>
</el-table-column>
<el-table-column
label="区服"
prop="server_name"
>
</el-table-column>
<el-table-column
label="充值金额"
prop="recharge_total"
>
<template v-slot="scope">
{{ scope.row.recharge_total }}
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
props: ['list'],
data() {
return {
currentRow: [],
unitInfo: {
userId: ''
}
}
},
watch: {
list(newVal, oldVal) {
this.unitInfo = { userId: '' }
}
},
methods: {
handleCurrent(val) {
console.log(val)
if (val) {
this.unitInfo = val
this.$emit('checkedTag', this.unitInfo)
}
}
}
}
</script>
<style scoped lang='scss'>
.el-dropdown {
margin-left: 10px;
}
.tags {
background: #ecfff6;
border-radius: 4px;
border: 1px solid #c5ffe2;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #46c988;
padding: 0 5px;
max-width: 100%;
font-size: 12px;
}
.tagItem {
display: inline-block;
}
.allTags {
.tags {
margin-left: 10px;
}
}
.el-dropdown-link {
cursor: pointer;
}
.qrImage {
width: vw(140);
height: vw(140);
}
.tableImage {
width: 30px;
height: 30px;
border-radius: 30px;
margin-right: 10px;
}
.infoSpan {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
max-width: 120px;
span {
color: #ffa81d;
}
}
::v-deep .el-table__header-wrapper .el-checkbox {
display: none;
}
</style>
\ No newline at end of file
src/views/login.vue
......@@ -45,7 +45,7 @@
</ul>
</el-dialog>
<div v-if="dingUserInfo">钉钉用户：{{ dingUserInfo.name }}</div>
<div v-if="externalUserId">企微外部联系人ID：{{ externalUserId }}</div>
<div v-if="external_userid">企微外部联系人ID：{{ external_userid }}</div>
</div>
<div v-if="showQrCode">
跳转中 请稍等...
......@@ -68,7 +68,7 @@ export default {
return {
wecomUserInfo: null, // 企微用户信息
dingUserInfo: null, // 钉钉用户信息
externalUserId: null, // 企微外部联系人ID
external_userid: null, // 企微外部联系人ID
signData: null, // 企微签名数据
orgList: [],
urlParams:{},
......@@ -83,7 +83,7 @@ export default {
}
},
async mounted() {
const wx_userid = Cookies.get('wx_userid')
const userid = Cookies.get('userid')
const urlParams = getParams();
console.log(urlParams,'mounted')
await this.initOrganization();
......@@ -92,7 +92,7 @@ export default {
this.showQrCode = true
this.handleDingCallback();
}else{
if(!wx_userid){ // 没有静默授权过
if(!userid){ // 没有静默授权过
await this.startWeComSilentAuth();
}else{
this.initDingTalkLogin(); // 已经静默授权过 初始化钉钉扫码
......@@ -103,7 +103,7 @@ export default {
...mapState('user',['corp_id'])
},
methods: {
...mapMutations('user',['set_corp_id','set_userid','set_externalUserId','set_userInfo','set_token','set_cser_info','set_signData']),
...mapMutations('user',['set_corp_id','set_userid','set_external_userid','set_userInfo','set_token','set_cser_info','set_signData']),
goDingding(){
window.location.href = this.DDTestUrl
},
......@@ -112,8 +112,8 @@ export default {
Cookies.set('corp_id',corp_id, { expires: 7 })
this.set_corp_id(corp_id)
},
cacheWx_userid(userid){
Cookies.set('wx_userid',userid, { expires: 7 })
cacheuserid(userid){
Cookies.set('userid',userid, { expires: 7 })
this.set_userid(userid)
},
cacheWx_userinfo(userinfo){
......@@ -150,7 +150,7 @@ export default {
const res = await getAuthUser({ code: this.urlParams.code, url: window.location.href,corp_id:appid });
if (res.status_code === 1) {
this.cacheWx_userinfo(res.data)
this.cacheWx_userid(res.data.userid)
this.cacheuserid(res.data.userid)
this.initDingTalkLogin();
} else {
// 错误处理
......@@ -164,7 +164,7 @@ export default {
this.signData = res.data
this.cacheSignData(res.data)
try{
await this.registerWeComSDK();
this.registerWeComSDK();
this.$router.push('/')// 一切准备工作就绪
}catch(err){
console.log(err,'初始化sdk 失败')
......@@ -174,16 +174,15 @@ export default {
// 2. 注册企微JS-SDK
registerWeComSDK() {
return new Promise((resolve,reject)=>{
ww.register({
corpId: Cookies.get('corp_id'),
agentId: this.signData.agent_id,
jsApiList: jsApiList,
// getConfigSignature: () => Promise.resolve({
// nonceStr: this.signData.nonce_str,
// timestamp: this.signData.signature_time,
// signature: this.signData.corp_signature,
// }),
getConfigSignature: () => Promise.resolve({
nonceStr: this.signData.nonce_str,
timestamp: this.signData.signature_time,
signature: this.signData.corp_signature,
}),
// 只用到应用的 api 可以只进行应用的签名
getAgentConfigSignature: () => Promise.resolve({
nonceStr: this.signData.nonce_str,
......@@ -191,24 +190,20 @@ export default {
signature: this.signData.agent_signature,
}),
onAgentConfigSuccess: (res) => {
resolve(res)
console.log('注册成功可以调用企微 js-sdk',res)
// 注册成功后不立即获取外部联系人，等钉钉扫码后再获取
},
onAgentConfigFail: (err) => {
console.log('注册失败不能使用企微js-sdk',err)
reject(err)
// 错误处理
}
});
})
},
// 3. 获取组织列表并选取默认组织
async initOrganization() {
const res = await getOrganization();
console.log(22222,res)
if (res.data.status_code === 1) {
console.log(3333)
this.orgList = res.data.data.data;
......@@ -265,7 +260,7 @@ export default {
async handleDingTalkLogin(event) {
console.log('收到扫码回调')
const corp_id = Cookies.get('corp_id')
const userid = Cookies.get('wx_userid')
const userid = Cookies.get('userid')
if (event.origin !== 'https://login.dingtalk.com') return;
const loginTmpCode = event.data;
// 跳转到后端，后端用loginTmpCode换取钉钉用户信息
......@@ -306,9 +301,9 @@ export default {
ww.getCurExternalContact({
success: (res) => {
if (res.err_msg === "getCurExternalContact:ok") {
this.externalUserId = res.userId;
this.set_externalUserId(this.externalUserId)
console.log(this.externalUserId,'获取企微外部联系人')
this.external_userid = res.userId;
this.set_external_userid(this.external_userid)
console.log(this.external_userid,'获取企微外部联系人')
}
},
fail: (err) => {
......
src/views/testWx.vue 0 → 100644
<template>
<h1>1231312312312312321</h1>
</template>
<script>
import * as ww from '@wecom/jssdk'
import { getSignature } from '@/api/user'
export default {
name: 'testWx',
data() {
return {
signData: {},
}
},
mounted() {
this.getSignature()
console.log(window.location.href,'window.location.href')
},
methods: {
async getSignature(){
console.log('获取签名',window.location.href)
const res = await getSignature({ corp_id: 'wweaefe716636df3d1', path: window.location.href });
if(res.status_code === 1){
this.signData = res.data
try{
this.registerWeComSDK();
}catch(err){
console.log(err,'初始化sdk 失败')
}
}
},
registerWeComSDK() {
ww.register({
corpId: 'wweaefe716636df3d1',
agentId: this.signData.agent_id,
jsApiList: ['getExternalUserInfo'],
getConfigSignature: () => Promise.resolve({
nonceStr: this.signData.nonce_str,
timestamp: this.signData.signature_time,
signature: this.signData.corp_signature,
}),
// 只用到应用的 api 可以只进行应用的签名
getAgentConfigSignature: () => Promise.resolve({
nonceStr: this.signData.nonce_str,
timestamp: this.signData.signature_time,
signature: this.signData.agent_signature,
}),
onAgentConfigSuccess: (res) => {
console.log('注册成功可以调用企微 js-sdk',res)
this.getCurExternalContact()
// 注册成功后不立即获取外部联系人，等钉钉扫码后再获取
},
onAgentConfigFail: (err) => {
console.log('注册失败不能使用企微js-sdk',err)
// 错误处理
}
});
},
getCurExternalContact() {
ww.getCurExternalContact({
success: (res) => {
if (res.err_msg === "getCurExternalContact:ok") {
console.log(res,'获取企微外部联系人')
}
},
fail: (err) => {
console.log(err,'获取企微外部联系人失败')
// 错误处理
}
});
},
}
}
</script>
\ No newline at end of file
src/views/userInfo/components/Info.vue 0 → 100644
<template>
<div class="info-tab-content">
资料
</div>
</template>
<script>
export default {
name: 'InfoTabContent',
}
</script>
<style lang="scss" scoped>
.info-tab-content{
width: 100%;
height: 100%;
background: #fff;
}
</style>
\ No newline at end of file
src/views/userInfo/components/RoleInfo.vue 0 → 100644
<template>
<div class="roleInfo-tab-content">
角色信息
</div>
</template>
<script>
export default {
name: 'RoleInfoTabContent',
}
</script>
<style lang="scss" scoped>
.roleInfo-tab-content{
width: 100%;
height: 100%;
background: #fff;
}
</style>
\ No newline at end of file
src/views/userInfo/components/ViolationRecord.vue 0 → 100644
<template>
<div class="violationRecord-tab-content">
违规记录
</div>
</template>
<script>
export default {
name: 'ViolationRecordTabContent',
}
</script>
<style lang="scss" scoped>
.violationRecord-tab-content{
width: 100%;
height: 100%;
background: #fff;
}
</style>
\ No newline at end of file
src/views/userInfo.vue → src/views/userInfo/userInfo.vue
<template>
<div class="userInfo-content">
<!-- 用 el-tabs 有三个 tab 分别是 客户资料 角色信息 违规记录 用 v-for 循环 -->
<el-tabs v-model="activeTab" >
<el-tab-pane v-for="item in tabList" :key="item.name" :label="item.name" :name="item.value">
<Info v-if="item.value === 'userInfo'"/>
<RoleInfo v-if="item.value === 'roleInfo'"/>
<ViolationRecord v-if="item.value === 'violationRecord'"/>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Info from './components/Info.vue'
import RoleInfo from './components/RoleInfo.vue'
import ViolationRecord from './components/ViolationRecord.vue'
export default {
name: '',
name: 'UserInfo',
components:{
Info,
RoleInfo,
ViolationRecord
},
mounted() {
},
data() {
return {
activeTab:'userInfo',
tabList:[
{
name:'客户资料',
value:'userInfo'
},
{
name:'角色信息',
value:'roleInfo'
},
{
name:'违规记录',
value:'violationRecord'
}
]
}
},
created(){
......
vue.config.js
......@@ -50,9 +50,28 @@ module.exports = defineConfig({
sassOptions: {
outputStyle: 'expanded'
},
additionalData: `
@use "@/styles/global.scss";
`
// additionalData: `
// @use "@/styles/global.scss";
// `
},
postcss: {
// postcssOptions: {
// plugins: [
// require("postcss-plugin-px2rem")({
// rootValue: 37.5, //换算基数，
// // unitPrecision: 5, //允许REM单位增长到的十进制数字。
// //propWhiteList: [], //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
// propBlackList: ["border"], //黑名单
// exclude: /(node_module)/, //默认false，可以（reg）利用正则表达式排除某些文件夹的方法。默认值为false，即该项目中所有的px均会被转换为rem
// //（以上exclude配置，如/node_modules|pc/i 排除node_modules文件夹以及所有名为pc的文件夹下的，所有文件的px转换）
// selectorBlackList: ['van-', 'el-'], //要忽略并保留为px的选择器。此处举例：van-为vant-UI的前缀，el-为element-UI的前缀
// // ignoreIdentifier: false, //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
// // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
// mediaQuery: false, //（布尔值）允许在媒体查询中转换px。
// minPixelValue: 2, //设置要替换的最小像素值(2px会被转rem)。 默认 0
// }),
// ]
// }
}
}
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论