1.活动列表增加小程序链接,点击可复制
This commit is contained in:
parent
8c0c4516a8
commit
4e6662d69b
@ -8,18 +8,8 @@
|
|||||||
<!-- <t-tab-panel value="3" label="公益捐赠" :destroyOnHide="false"></t-tab-panel>-->
|
<!-- <t-tab-panel value="3" label="公益捐赠" :destroyOnHide="false"></t-tab-panel>-->
|
||||||
<!-- <t-tab-panel value="4" label="学习培训" :destroyOnHide="false"></t-tab-panel>-->
|
<!-- <t-tab-panel value="4" label="学习培训" :destroyOnHide="false"></t-tab-panel>-->
|
||||||
<!-- </t-tabs>-->
|
<!-- </t-tabs>-->
|
||||||
<t-table
|
<t-table rowKey="index" :data="list" :columns="columns" :stripe="false" :bordered="false" :hover="true"
|
||||||
rowKey="index"
|
size="large" table-layout="auto" cellEmptyContent="-" :pagination="pagination">
|
||||||
:data="list"
|
|
||||||
:columns="columns"
|
|
||||||
:stripe="false"
|
|
||||||
:bordered="false"
|
|
||||||
:hover="true"
|
|
||||||
size="large"
|
|
||||||
table-layout="auto"
|
|
||||||
cellEmptyContent="-"
|
|
||||||
:pagination="pagination"
|
|
||||||
>
|
|
||||||
<!-- <template #activity_image="{ row }">-->
|
<!-- <template #activity_image="{ row }">-->
|
||||||
<!-- <div style="text-align: center;">-->
|
<!-- <div style="text-align: center;">-->
|
||||||
<!-- <t-image-->
|
<!-- <t-image-->
|
||||||
@ -29,6 +19,9 @@
|
|||||||
<!-- />-->
|
<!-- />-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- </template>-->
|
<!-- </template>-->
|
||||||
|
<template #wechatUrl="{ row }">
|
||||||
|
<div style="cursor: pointer;color: blue;" @click="copyUrl(row)">pages/packageB/event/event_info?id={{ row.id }}</div>
|
||||||
|
</template>
|
||||||
<template #start="{ row }">
|
<template #start="{ row }">
|
||||||
<div>{{ row.activity_start_time }}</div>
|
<div>{{ row.activity_start_time }}</div>
|
||||||
<div>-</div>
|
<div>-</div>
|
||||||
@ -65,11 +58,8 @@
|
|||||||
</template>
|
</template>
|
||||||
<template #qr_code="{ row }">
|
<template #qr_code="{ row }">
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
<vue-qr v-if="row.if_sign==2"
|
<vue-qr v-if="row.if_sign == 2" :text="$store.state.user.apiUrl + '?type=1&id=' + row.id + '&association_id=1'"
|
||||||
:text="$store.state.user.apiUrl+'?type=1&id='+row.id+'&association_id=1'"
|
width="100" height="100"></vue-qr>
|
||||||
width="100"
|
|
||||||
height="100"
|
|
||||||
></vue-qr>
|
|
||||||
</div>
|
</div>
|
||||||
<div v-if="row.activity_type != 4 && row.activity_type != 1 && row.if_sign == 1">
|
<div v-if="row.activity_type != 4 && row.activity_type != 1 && row.if_sign == 1">
|
||||||
-
|
-
|
||||||
@ -102,12 +92,8 @@
|
|||||||
</template>
|
</template>
|
||||||
</t-table>
|
</t-table>
|
||||||
<div style="margin-top: 30px">
|
<div style="margin-top: 30px">
|
||||||
<t-pagination
|
<t-pagination :total="pagination.total" :page-size="pagination.size" @current-change="onCurrentChange"
|
||||||
:total="pagination.total"
|
:showPageSize="false"></t-pagination>
|
||||||
:page-size="pagination.size"
|
|
||||||
@current-change="onCurrentChange"
|
|
||||||
:showPageSize="false"
|
|
||||||
></t-pagination>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<t-dialog header="报名详情" :confirmBtn="null" :visible="infoMode" :onClose="onCloseMy" width="65%" top="50px">
|
<t-dialog header="报名详情" :confirmBtn="null" :visible="infoMode" :onClose="onCloseMy" width="65%" top="50px">
|
||||||
@ -131,20 +117,11 @@
|
|||||||
<t-tab-panel value="3" label="已拒绝" :destroyOnHide="false"></t-tab-panel>
|
<t-tab-panel value="3" label="已拒绝" :destroyOnHide="false"></t-tab-panel>
|
||||||
</t-tabs>
|
</t-tabs>
|
||||||
</div>
|
</div>
|
||||||
<t-table
|
<t-table rowKey="index" :data="info_list" :columns="info_columns" :stripe="false" :bordered="false"
|
||||||
rowKey="index"
|
:hover="true" size="large" table-layout="auto" cellEmptyContent="-">
|
||||||
:data="info_list"
|
|
||||||
:columns="info_columns"
|
|
||||||
:stripe="false"
|
|
||||||
:bordered="false"
|
|
||||||
:hover="true"
|
|
||||||
size="large"
|
|
||||||
table-layout="auto"
|
|
||||||
cellEmptyContent="-"
|
|
||||||
>
|
|
||||||
<template #nikename="{ row }">
|
<template #nikename="{ row }">
|
||||||
<a :href="$store.state.user.apiUrl+'/dist/#/user/user_info?id='+row.member_id"
|
<a :href="$store.state.user.apiUrl + '/dist/#/user/user_info?id=' + row.member_id" target="_blank">{{
|
||||||
target="_blank">{{ row.nikename }}</a>
|
row.nikename }}</a>
|
||||||
</template>
|
</template>
|
||||||
<template #sign="{ row }">
|
<template #sign="{ row }">
|
||||||
<t-tag v-if="row.sign == 1" theme="success">已签到</t-tag>
|
<t-tag v-if="row.sign == 1" theme="success">已签到</t-tag>
|
||||||
@ -167,17 +144,12 @@
|
|||||||
</template>
|
</template>
|
||||||
</t-table>
|
</t-table>
|
||||||
<div style="margin-top: 30px">
|
<div style="margin-top: 30px">
|
||||||
<t-pagination
|
<t-pagination :total="info_pagination.total" :page-size="info_pagination.size"
|
||||||
:total="info_pagination.total"
|
@current-change="onCurrentChangeInfo" :showPageSize="false"></t-pagination>
|
||||||
:page-size="info_pagination.size"
|
|
||||||
@current-change="onCurrentChangeInfo"
|
|
||||||
:showPageSize="false"
|
|
||||||
></t-pagination>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</t-dialog>
|
</t-dialog>
|
||||||
<t-dialog header="问卷统计" :confirmBtn="null" :visible="QuestionnaireMode" :onClose="onCloseMy" width="65%"
|
<t-dialog header="问卷统计" :confirmBtn="null" :visible="QuestionnaireMode" :onClose="onCloseMy" width="65%" top="50px">
|
||||||
top="50px">
|
|
||||||
<div style="height: 600px;overflow-y: scroll;">
|
<div style="height: 600px;overflow-y: scroll;">
|
||||||
<div style="display: flex; justify-content: space-between;">
|
<div style="display: flex; justify-content: space-between;">
|
||||||
<div style="font-size: 18px;font-weight: 600;color: #e60000;margin: 15px 0px"></div>
|
<div style="font-size: 18px;font-weight: 600;color: #e60000;margin: 15px 0px"></div>
|
||||||
@ -216,8 +188,8 @@
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</t-dialog>
|
</t-dialog>
|
||||||
<t-dialog :header="getType==3?'捐赠详情':'付费详情'" :confirmBtn="null" :visible="JuanMode" :onClose="onCloseMy"
|
<t-dialog :header="getType == 3 ? '捐赠详情' : '付费详情'" :confirmBtn="null" :visible="JuanMode" :onClose="onCloseMy" width="65%"
|
||||||
width="65%" top="50px">
|
top="50px">
|
||||||
<div style="height: 600px;overflow-y: scroll;">
|
<div style="height: 600px;overflow-y: scroll;">
|
||||||
<table class="layui-table" style="margin: 10px 0px">
|
<table class="layui-table" style="margin: 10px 0px">
|
||||||
<thead>
|
<thead>
|
||||||
@ -238,12 +210,8 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div style="margin-top: 30px">
|
<div style="margin-top: 30px">
|
||||||
<t-pagination
|
<t-pagination :total="JuanTotal" :page-size="15" @current-change="onJuanChange"
|
||||||
:total="JuanTotal"
|
:showPageSize="false"></t-pagination>
|
||||||
:page-size="15"
|
|
||||||
@current-change="onJuanChange"
|
|
||||||
:showPageSize="false"
|
|
||||||
></t-pagination>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</t-dialog>
|
</t-dialog>
|
||||||
@ -292,8 +260,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</t-dialog>
|
</t-dialog>
|
||||||
<t-dialog header="编辑题目" :visible="questionnaireUpdateMode" :confirmBtn="null" :onClose="onCloseMy"
|
<t-dialog header="编辑题目" :visible="questionnaireUpdateMode" :confirmBtn="null" :onClose="onCloseMy"
|
||||||
@confirm="onCloseMy"
|
@confirm="onCloseMy" width="45%" top="20px">
|
||||||
width="45%" top="20px">
|
|
||||||
<div style="height: 600px;overflow-y: scroll;">
|
<div style="height: 600px;overflow-y: scroll;">
|
||||||
<t-form>
|
<t-form>
|
||||||
<t-card v-for="(item, index) in questionnaire" style="margin-bottom: 10px">
|
<t-card v-for="(item, index) in questionnaire" style="margin-bottom: 10px">
|
||||||
@ -507,7 +474,7 @@ export default {
|
|||||||
this.tabIndex = toInteger(tab);
|
this.tabIndex = toInteger(tab);
|
||||||
if (tab == 1) {
|
if (tab == 1) {
|
||||||
this.columns = [
|
this.columns = [
|
||||||
{colKey: 'id', title: '活动ID', align: 'center', width: 150,},
|
{ colKey: 'wechatUrl', title: '小程序链接', align: 'center', width: 150 },
|
||||||
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
||||||
{ colKey: 'activity_type', title: '活动类别', width: 140, align: 'center' },
|
{ colKey: 'activity_type', title: '活动类别', width: 140, align: 'center' },
|
||||||
{ colKey: 'qr_code', title: '签到二维码', width: 150, align: 'center' },
|
{ colKey: 'qr_code', title: '签到二维码', width: 150, align: 'center' },
|
||||||
@ -521,7 +488,7 @@ export default {
|
|||||||
];
|
];
|
||||||
} else if (tab == 2) {
|
} else if (tab == 2) {
|
||||||
this.columns = [
|
this.columns = [
|
||||||
{colKey: 'id', title: '活动ID', align: 'center', width: 150,},
|
{ colKey: 'wechatUrl', title: '小程序链接', align: 'center', width: 150 },
|
||||||
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
||||||
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
||||||
{ colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center' },
|
{ colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center' },
|
||||||
@ -532,7 +499,7 @@ export default {
|
|||||||
];
|
];
|
||||||
} else if (tab == 3) {
|
} else if (tab == 3) {
|
||||||
this.columns = [
|
this.columns = [
|
||||||
{colKey: 'id', title: '活动ID', align: 'center', width: 150,},
|
{ colKey: 'wechatUrl', title: '小程序链接', align: 'center', width: 150 },
|
||||||
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 250, },
|
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 250, },
|
||||||
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
||||||
// {colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center'},
|
// {colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center'},
|
||||||
@ -543,7 +510,7 @@ export default {
|
|||||||
];
|
];
|
||||||
} else {
|
} else {
|
||||||
this.columns = [
|
this.columns = [
|
||||||
{colKey: 'id', title: '活动ID', align: 'center', width: 150,},
|
{ colKey: 'wechatUrl', title: '小程序链接', align: 'center', width: 150 },
|
||||||
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
{ colKey: 'activity_name', title: '活动标题', align: 'center', width: 150, },
|
||||||
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
{ colKey: 'activity_type', title: '活动类别', width: 200, align: 'center' },
|
||||||
{ colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center' },
|
{ colKey: 'qr_code', title: '签到二维码', width: 200, align: 'center' },
|
||||||
@ -1029,6 +996,22 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
copyUrl(row){
|
||||||
|
//复制
|
||||||
|
const text = `pages/packageB/event/event_info?id=${row.id}`;
|
||||||
|
// 创建临时textarea元素
|
||||||
|
const textarea = document.createElement('textarea');
|
||||||
|
textarea.value = text;
|
||||||
|
textarea.style.position = 'fixed';
|
||||||
|
textarea.style.opacity = '0';
|
||||||
|
document.body.appendChild(textarea);
|
||||||
|
// 选择文本并复制
|
||||||
|
textarea.select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
// 移除临时元素
|
||||||
|
document.body.removeChild(textarea);
|
||||||
|
this.$message.success('复制成功');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -1037,11 +1020,22 @@ export default {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-mend, .layui-table-tool, .layui-table-patch, .layui-table-click, .layui-table-hover, .layui-table-header, .table-total-wrapper, .layui-table-total td, .layui-table thead tr, .layui-table tbody tr:hover td, .layui-table.layui-table-even tr:nth-child(2n) td {
|
.layui-table-mend,
|
||||||
|
.layui-table-tool,
|
||||||
|
.layui-table-patch,
|
||||||
|
.layui-table-click,
|
||||||
|
.layui-table-hover,
|
||||||
|
.layui-table-header,
|
||||||
|
.table-total-wrapper,
|
||||||
|
.layui-table-total td,
|
||||||
|
.layui-table thead tr,
|
||||||
|
.layui-table tbody tr:hover td,
|
||||||
|
.layui-table.layui-table-even tr:nth-child(2n) td {
|
||||||
background-color: #fafafa !important;
|
background-color: #fafafa !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table td, .layui-table th {
|
.layui-table td,
|
||||||
|
.layui-table th {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user