|
@@ -5,10 +5,14 @@
|
|
<span class="intro">{{ userForm.UserName }}-{{ userForm.Mobile }}-{{ userForm.ComapnyName }}</span>
|
|
<span class="intro">{{ userForm.UserName }}-{{ userForm.Mobile }}-{{ userForm.ComapnyName }}</span>
|
|
<span class="organization-details" @click="goWholeDetail">构互动详情>></span>
|
|
<span class="organization-details" @click="goWholeDetail">构互动详情>></span>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="department-tabs">
|
|
|
|
+ <span :class="['item', activeTypeName == item.value && 'active']" v-for="item in typeList" :key="item.value" @click="typeHandleClick(item)">{{ item.label }}</span>
|
|
|
|
+ </div>
|
|
<div class="tabs">
|
|
<div class="tabs">
|
|
<span :class="['item', activeName == item.Source && 'active']" v-for="item in list" :key="item.Source" @click="handleTabsClick(item)">{{ item.PermissionName }} ({{ item.TotalNum }})</span>
|
|
<span :class="['item', activeName == item.Source && 'active']" v-for="item in list" :key="item.Source" @click="handleTabsClick(item)">{{ item.PermissionName }} ({{ item.TotalNum }})</span>
|
|
</div>
|
|
</div>
|
|
- <div class="son-box" v-if="activeName === 2 || activeName === 1">
|
|
|
|
|
|
+ <!-- -->
|
|
|
|
+ <div class="son-box" v-if="showSelectBox">
|
|
<div style="display: flex; align-items: center" v-if="activeName === 2">
|
|
<div style="display: flex; align-items: center" v-if="activeName === 2">
|
|
<el-checkbox-group v-model="checkActiveList" @change="dataChangeHandler">
|
|
<el-checkbox-group v-model="checkActiveList" @change="dataChangeHandler">
|
|
<el-checkbox :label="item.key" v-for="item in screenList" :key="item.key">{{ item.name }}</el-checkbox>
|
|
<el-checkbox :label="item.key" v-for="item in screenList" :key="item.key">{{ item.name }}</el-checkbox>
|
|
@@ -26,7 +30,7 @@
|
|
type="date"
|
|
type="date"
|
|
range
|
|
range
|
|
value-type="format"
|
|
value-type="format"
|
|
- :placeholder="activeName === 1 ? '阅读时间' : '活动时间'"
|
|
|
|
|
|
+ :placeholder="activeName === 2 ? '活动时间' : '阅读时间'"
|
|
:editable="false"
|
|
:editable="false"
|
|
@change="dateChange"
|
|
@change="dateChange"
|
|
style="width: 200px; margin-right: 20px"
|
|
style="width: 200px; margin-right: 20px"
|
|
@@ -44,7 +48,7 @@
|
|
</div>
|
|
</div>
|
|
<template v-if="activeName != 4">
|
|
<template v-if="activeName != 4">
|
|
<el-table style="margin-top: 20px" :data="tableData" v-loading="tableLoading" element-loading-text="数据加载中..." border>
|
|
<el-table style="margin-top: 20px" :data="tableData" v-loading="tableLoading" element-loading-text="数据加载中..." border>
|
|
- <el-table-column v-for="item in tableColums" :key="item.label" :label="item.label" :width="item.widthsty" :min-width="item.minwidthsty" align="center">
|
|
|
|
|
|
+ <el-table-column v-for="item in tableColumsList" :key="item.label" :label="item.label" :width="item.widthsty" :min-width="item.minwidthsty" align="center">
|
|
<template slot-scope="{ row }">
|
|
<template slot-scope="{ row }">
|
|
<span @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
|
|
<span @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
|
|
</template>
|
|
</template>
|
|
@@ -109,6 +113,7 @@ export default {
|
|
EndDate: this.end_date,
|
|
EndDate: this.end_date,
|
|
StartDate: this.start_date,
|
|
StartDate: this.start_date,
|
|
KeyWord: this.searchVal,
|
|
KeyWord: this.searchVal,
|
|
|
|
+ ClassType: this.activeTypeName,
|
|
};
|
|
};
|
|
for (let key in params) {
|
|
for (let key in params) {
|
|
paramStr = `${paramStr}&${key}=${params[key]}`;
|
|
paramStr = `${paramStr}&${key}=${params[key]}`;
|
|
@@ -120,17 +125,25 @@ export default {
|
|
return {};
|
|
return {};
|
|
},
|
|
},
|
|
mixins: [mutualMixin],
|
|
mixins: [mutualMixin],
|
|
- watch: {},
|
|
|
|
created() {},
|
|
created() {},
|
|
mounted() {
|
|
mounted() {
|
|
this.tableColums = tableColums(1);
|
|
this.tableColums = tableColums(1);
|
|
this.getCygxMutualList();
|
|
this.getCygxMutualList();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 类型的点击事件
|
|
|
|
+ typeHandleClick(item) {
|
|
|
|
+ if (this.activeTypeName == item.value) return;
|
|
|
|
+ this.activeTypeName = item.value;
|
|
|
|
+ this.activeName = 1;
|
|
|
|
+ this.tableColums = tableColums(this.activeName);
|
|
|
|
+ this.getCygxMutualList();
|
|
|
|
+ },
|
|
//获取基础数据
|
|
//获取基础数据
|
|
async getCygxMutualList() {
|
|
async getCygxMutualList() {
|
|
const res = await equityContacts.getCygxMutualList({
|
|
const res = await equityContacts.getCygxMutualList({
|
|
UserId: Number(this.$route.query.id),
|
|
UserId: Number(this.$route.query.id),
|
|
|
|
+ ClassType: this.activeTypeName,
|
|
});
|
|
});
|
|
if (res.Ret === 200) {
|
|
if (res.Ret === 200) {
|
|
this.list = res.Data.List || [];
|
|
this.list = res.Data.List || [];
|
|
@@ -150,6 +163,7 @@ export default {
|
|
MeetType: this.checkActiveList.join(","),
|
|
MeetType: this.checkActiveList.join(","),
|
|
EndDate: this.end_date,
|
|
EndDate: this.end_date,
|
|
StartDate: this.start_date,
|
|
StartDate: this.start_date,
|
|
|
|
+ ClassType: this.activeTypeName,
|
|
KeyWord: this.searchVal,
|
|
KeyWord: this.searchVal,
|
|
});
|
|
});
|
|
if (res.Ret === 200) {
|
|
if (res.Ret === 200) {
|
|
@@ -164,6 +178,7 @@ export default {
|
|
Source: this.activeName,
|
|
Source: this.activeName,
|
|
PageSize: this.pageSize,
|
|
PageSize: this.pageSize,
|
|
CurrentIndex: this.page_no,
|
|
CurrentIndex: this.page_no,
|
|
|
|
+ ClassType: this.activeTypeName,
|
|
});
|
|
});
|
|
if (res.Ret === 200) {
|
|
if (res.Ret === 200) {
|
|
this.publicHaveMove = res.Data ? this.page_no < res.Data.Paging.Pages : false;
|
|
this.publicHaveMove = res.Data ? this.page_no < res.Data.Paging.Pages : false;
|
|
@@ -199,7 +214,7 @@ export default {
|
|
// 机构互助详情
|
|
// 机构互助详情
|
|
goWholeDetail() {
|
|
goWholeDetail() {
|
|
console.log(this.$route.query);
|
|
console.log(this.$route.query);
|
|
- return
|
|
|
|
|
|
+ return;
|
|
const { href } = this.$router.resolve({
|
|
const { href } = this.$router.resolve({
|
|
path: "/organizationList",
|
|
path: "/organizationList",
|
|
query: {
|
|
query: {
|
|
@@ -231,3 +246,8 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
|
|
+<style>
|
|
|
|
+.el-tabs__nav-wrap::after {
|
|
|
|
+ background-color: rgba(255, 255, 255, 0.5);
|
|
|
|
+}
|
|
|
|
+</style>
|