Skip to content

C
company_app
提交 2bce3e95 作者: 施汉文
操作

关联账号样式修改

上级 df99bb5f
正在显示 包含 157 行增加 和 36 行删除
src/App.vue
...@@ -6,7 +6,13 @@ ...@@ -6,7 +6,13 @@
{{ title }} {{ title }}
</div> </div>
<!-- 绑定的 w 账号 --> <!-- 绑定的 w 账号 -->
<bindUserList class="!min-h-auto" /> <template v-if="token && external_userid && showMemberId">
<bindUserList
class="!min-h-auto"
v-show="$route.path !== '/agentStatusManagement'"
/>
</template>
<div class="flex-1 w-full h-full overflow-hidden"> <div class="flex-1 w-full h-full overflow-hidden">
<router-view></router-view> <router-view></router-view>
</div> </div>
......
src/components/common/Drawer.vue
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
type="primary" type="primary"
size="small" size="small"
:disabled="okDisabled" :disabled="okDisabled"
@click="this.$emit('ok')" @click="$emit('ok')"
> >
确 定 确 定
</el-button> </el-button>
......
src/views/components/bindGameAccount/addUser.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:visible="show" :visible="show"
size="360px" size="360px"
@close="close" @close="close"
:okDisabled="!userDetails.id" :okDisabled="!checkoutUser.member_id"
@ok="confirmSubmit" @ok="confirmSubmit"
> >
<div class="w-full h-full py-[10px]"> <div class="w-full h-full py-[10px]">
...@@ -86,11 +86,14 @@ ...@@ -86,11 +86,14 @@
</el-button> </el-button>
</el-popover> </el-popover>
</div> </div>
<div class="mt-[12px]"> <div class="mt-[12px] content">
<div <div
class="flex items-center p-[12px] cursor-pointer hover:bg-[#F5F6F7]" class="cursor-pointer hover:bg-[#F5F6F7]"
v-for="item in tableList" v-for="item in tableList"
:key="item.role_id" :key="item.role_id"
>
<div
class="flex items-center p-[12px]"
@click.prevent="checkedTag(item)" @click.prevent="checkedTag(item)"
> >
<el-radio <el-radio
...@@ -102,9 +105,12 @@ ...@@ -102,9 +105,12 @@
<div class="mx-[12px]"> <div class="mx-[12px]">
<iconpark-icon <iconpark-icon
name="icon-shouqi" name="icon-shouqi"
class="text-[18px] text-[#B0B2B5]" class="text-[18px] text-[#B0B2B5] transition-transform"
:class="{ 'rotate-90': item.isExpand }"
v-show="!item.loading"
@click.stop="expandTag(item)" @click.stop="expandTag(item)"
></iconpark-icon> ></iconpark-icon>
<i class="el-icon-loading" v-show="item.loading"></i>
</div> </div>
<div class="flex-1"> <div class="flex-1">
<div class="text-[#323335] text-[16px] font-medium"> <div class="text-[#323335] text-[16px] font-medium">
...@@ -121,9 +127,92 @@ ...@@ -121,9 +127,92 @@
</div> </div>
</div> </div>
</div> </div>
<div
class="bg-white overflow-hidden grid-item-content"
:class="[item.isExpand ? 'expanded px-[12px]' : '']"
>
<div
v-if="item.userDetails"
class="account_select_userInfo border-item"
>
<div class="item rowFlex columnCenter">
<span class="label">账号</span>
<p class="text">{{ item.userDetails.username }}</p>
<span
v-if="item.userDetails.account_type == 2"
class="account_type"
>内</span
>
</div>
<div class="item rowFlex columnCenter">
<span class="label">获客渠道</span>
<p class="text">{{ item.userDetails.channel_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">注册渠道</span>
<p class="text">{{ item.userDetails.register_channel_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">运营渠道</span>
<p class="text">{{ item.userDetails.operator_channel_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">注册游戏</span>
<p class="text">{{ item.userDetails.reg_game_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">主游戏</span>
<p class="text">{{ item.userDetails.main_game_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">真实姓名</span>
<p class="text">{{ item.userDetails.real_name }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">手机号</span>
<p class="text">{{ item.userDetails.mobile }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">染色时间</span>
<p class="text">
{{
moment(item.userDetails.seq_time * 1000).format(
"YYYY-MM-DD"
)
}}
</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">注册时间</span>
<p class="text">
{{
moment(item.userDetails.reg_time * 1000).format(
"YYYY-MM-DD"
)
}}
</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">登录系统</span>
<p class="text">{{ item.userDetails.last_login_os }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">充值金额</span>
<p class="text">{{ item.userDetails.recharge_total }}</p>
</div>
<div class="item rowFlex columnCenter">
<span class="label">是否添加微信</span>
<p class="text">
{{ item.userDetails.wechat_add_status_text }}
</p>
</div>
</div> </div>
</div> </div>
<div class="content"> </div>
</div>
</div>
<!-- <div class="content">
<el-form <el-form
ref="form" ref="form"
:model="form" :model="form"
...@@ -199,11 +288,7 @@ ...@@ -199,11 +288,7 @@
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<!-- <div class="table account_table">
<div class="bind-account-title">账号列表</div>
<userTable :list="tableList" @checkedTag="checkedTag" />
</div> -->
<!-- <div class="line"></div> w92865226508-->
<div v-if="userDetails.username" class="account_select_userInfo"> <div v-if="userDetails.username" class="account_select_userInfo">
<div class="bind-account-title" style="margin-top: 20px">账号详情</div> <div class="bind-account-title" style="margin-top: 20px">账号详情</div>
<div class="item rowFlex columnCenter"> <div class="item rowFlex columnCenter">
...@@ -266,7 +351,7 @@ ...@@ -266,7 +351,7 @@
<p class="text">{{ userDetails.wechat_add_status_text }}</p> <p class="text">{{ userDetails.wechat_add_status_text }}</p>
</div> </div>
</div> </div>
</div> </div> -->
<page <page
class="pageInfo" class="pageInfo"
:page-info="pageInfo" :page-info="pageInfo"
...@@ -426,13 +511,12 @@ export default { ...@@ -426,13 +511,12 @@ export default {
this.onSubmit(); this.onSubmit();
}, 300), }, 300),
onSubmit() { onSubmit() {
this.$refs.form.validate((valid) => {
this.pageInfo = { this.pageInfo = {
page: 1, page: 1,
page_size: 20, page_size: 20,
total: 0, total: 0,
}; };
if (valid) {
if (this.inputValue == "") { if (this.inputValue == "") {
this.$message.warning("请输入角色名或者w账号"); this.$message.warning("请输入角色名或者w账号");
return; return;
...@@ -446,14 +530,35 @@ export default { ...@@ -446,14 +530,35 @@ export default {
this.form.username = ""; this.form.username = "";
} }
this.requestRoleList(); this.requestRoleList();
} else {
console.log("error submit!!");
return false;
}
});
}, },
expandTag(item) { expandTag(item) {
console.log(item); const index = this.tableList.findIndex(
(i) => i.member_id == item.member_id
);
if (!item.userDetails) {
this.$set(this.tableList[index], "loading", true);
const data = {
member_id: item.member_id,
need_channel: 1,
need_roleInfo: 1,
};
memberView(data)
.then((res) => {
if (res.status_code == 1) {
const details = res.data;
this.tableList.splice(index, 1, {
...item,
isExpand: !item.isExpand,
userDetails: details,
});
}
})
.finally(() => {
this.$set(this.tableList[index], "loading", false);
});
//
}
this.tableList.splice(index, 1, { ...item, isExpand: !item.isExpand });
}, },
resizeData() { resizeData() {
this.form = { this.form = {
...@@ -470,10 +575,7 @@ export default { ...@@ -470,10 +575,7 @@ export default {
}, },
confirmSubmit() { confirmSubmit() {
const data = { const data = {
member_id: member_id: this.checkoutUser.member_id,
this.userDetails.id && this.userDetails.id != ""
? this.userDetails.id
: this.checkoutUser.member_id,
username: this.userDetails.username, username: this.userDetails.username,
}; };
checkZyouBind(data).then((res) => { checkZyouBind(data).then((res) => {
...@@ -504,10 +606,7 @@ export default { ...@@ -504,10 +606,7 @@ export default {
userid: this.chatUserInfo.userid || this.userid, userid: this.chatUserInfo.userid || this.userid,
external_userid: external_userid:
this.chatUserInfo.external_userid || this.external_userid, this.chatUserInfo.external_userid || this.external_userid,
member_id: member_id: this.checkoutUser.member_id,
this.userDetails.id && this.userDetails.id != ""
? this.userDetails.id
: this.checkoutUser.member_id,
username: this.userDetails.username, username: this.userDetails.username,
reg_game_id: this.userDetails.reg_game_id, reg_game_id: this.userDetails.reg_game_id,
main_game_id: this.userDetails.main_game_id, main_game_id: this.userDetails.main_game_id,
...@@ -534,9 +633,11 @@ export default { ...@@ -534,9 +633,11 @@ export default {
}, },
// 勾选活码 // 勾选活码
checkedTag(value) { checkedTag(value) {
console.log(1);
this.checkoutUser = value; this.checkoutUser = value;
if (value.userDetails) {
this.userDetails = value.userDetails;
return;
}
const data = { const data = {
member_id: value.member_id, member_id: value.member_id,
need_channel: 1, need_channel: 1,
...@@ -572,10 +673,8 @@ export default { ...@@ -572,10 +673,8 @@ export default {
.content { .content {
width: 100%; width: 100%;
height: 100%;
overflow: auto; overflow: auto;
padding-bottom: 200px; padding-bottom: 200px;
padding: 0 10px;
.inputContent { .inputContent {
width: 100%; width: 100%;
...@@ -605,9 +704,7 @@ export default { ...@@ -605,9 +704,7 @@ export default {
.account_select_userInfo { .account_select_userInfo {
width: 100%; width: 100%;
height: auto; height: auto;
padding-left: 20px; padding-bottom: 20px;
margin-top: -20px;
margin-bottom: 150px;
.item { .item {
width: 100%; width: 100%;
...@@ -618,6 +715,7 @@ export default { ...@@ -618,6 +715,7 @@ export default {
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
flex-shrink: 0;
color: #666666; color: #666666;
text-align: left; text-align: left;
margin-right: 20px; margin-right: 20px;
...@@ -697,4 +795,21 @@ export default { ...@@ -697,4 +795,21 @@ export default {
transform: translate(0, -50%); transform: translate(0, -50%);
} }
} }
.grid-item-content {
display: grid;
grid-template-rows: 0fr;
// transition: height 0.3s ease-in-out;
overflow: hidden;
min-height: 0;
height: 0; /* 强制高度为0 */
}
.grid-item-content.expanded {
grid-template-rows: 1fr;
height: auto; /* 恢复自动高度 */
}
.border-item {
border-top: 1px dashed #e5e5e6; /* 上边框：2像素虚线 */
border-bottom: 1px solid #f5f6f7; /* 下边框：2像素实线 */
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论