init

src/views/custom_manage/contacts/compontents/contactsColums.js

@@ -249,7 +249,71 @@ export const tableColums = (type) => {
           key: "CreateTime",
           // widthsty: 300,
         },
-    ]      
+      ]
+    : type === 11
+    ? [
+        {
+          label: "文章标题",
+          key: "TagName",
+        },
+        {
+          label: "文章类型",
+          key: "ArticleTypes",
+          // widthsty: 200,
+        },
+        {
+          label: "标签",
+          key: "ActivityTypes",
+          // widthsty: 300,
+        },
+        {
+          label: "发布时间",
+          key: "Industries",
+          // widthsty: 300,
+        },
+        {
+          label: "阅读时间",
+          key: "SubjectNames",
+          // widthsty: 300,
+        },
+        {
+          label: "阅读时长",
+          key: "SubjectNames",
+          // widthsty: 300,
+        },
+        {
+          label: "阅读来源",
+          key: "SubjectNames",
+          // widthsty: 300,
+        },
+      ]
+    : type === 12
+    ? [
+        {
+          label: "文章标题",
+          key: "TagName",
+        },
+        {
+          label: "文章类型",
+          key: "ArticleTypes",
+          // widthsty: 200,
+        },
+        {
+          label: "标签",
+          key: "ActivityTypes",
+          // widthsty: 300,
+        },
+        {
+          label: "发布时间",
+          key: "Industries",
+          // widthsty: 300,
+        },
+        {
+          label: "收藏时间",
+          key: "SubjectNames",
+          // widthsty: 300,
+        },
+      ]
     : [];
 };
 
@@ -272,7 +336,7 @@ export const interactionColums = [
         label: "阅读时长",
         key: "StopTime",
         widthsty: 80,
-      }
+      },
     ],
   },
   {
@@ -410,7 +474,6 @@ export const organizationTableColums = (type) => {
           key: "RegisterPlatform",
           widthsty: 80,
         },
-        
       ]
     : type === 2
     ? [
@@ -673,7 +736,7 @@ export const organizationTableColums = (type) => {
         {
           label: "活动类型",
           key: "ActivityTypes",
-        },        
+        },
         {
           label: "相关产业",
           key: "SubjectNames",

src/views/custom_manage/contacts/mixins/mutualAssistance.js

@@ -45,6 +45,8 @@ export const mutualMixin = {
       dialogVisibleActivity: false, //专项调研
       specialDetailId: null,
       dialogTitle: "",
+      typeList: ["权益", "研选"],
+      activeTypeName: "权益",
     };
   },
   computed: {
@@ -54,6 +56,13 @@ export const mutualMixin = {
     meetingList() {
       return meetingList;
     },
+    showSelectBox() {
+      return this.activeName === 1 || this.activeName === 2 || this.activeName === 11 || this.activeName === 12;
+    },
+    tableColumsList() {
+      let arr = this.activeTypeName === "研选" ? this.tableColums.filter((_) => _.key != "PermissionName") : this.tableColums;
+      return arr;
+    },
   },
   methods: {
     /* 获取销售 */
@@ -181,5 +190,9 @@ export const mutualMixin = {
       this.page_no = 1;
       this.getTableData();
     },
+    // 类型的点击事件
+    typeHandleClick(e) {
+      // console.log(e, this.activeTypeName);
+    },
   },
 };

src/views/custom_manage/contacts/mutualList.vue

@@ -2,10 +2,16 @@
   <div class="container-mutualList">
     <el-card>
       <span class="intro">{{ userForm.UserName }}-{{ userForm.Mobile }}-{{ userForm.ComapnyName }}</span>
+      <div style="margin-top: 10px">
+        <el-tabs v-model="activeTypeName" @tab-click="typeHandleClick">
+          <el-tab-pane :label="item" :name="item" v-for="item in typeList" :key="item"></el-tab-pane>
+        </el-tabs>
+      </div>
       <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>
       </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">
           <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>
@@ -23,7 +29,7 @@
             type="date"
             range
             value-type="format"
-            :placeholder="activeName === 1 ? '阅读时间' : '活动时间'"
+            :placeholder="activeName === 2 ? '活动时间' : '阅读时间'"
             :editable="false"
             @change="dateChange"
             style="width: 200px; margin-right: 20px"
@@ -41,7 +47,7 @@
       </div>
       <template v-if="activeName != 4">
         <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 }">
               <span @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
             </template>
@@ -112,12 +118,12 @@ export default {
       }
       return `${baseUrl}?${token}${paramStr}`;
     },
+  
   },
   data() {
     return {};
   },
   mixins: [mutualMixin],
-  watch: {},
   created() {},
   mounted() {
     this.tableColums = tableColums(1);
@@ -208,3 +214,8 @@ export default {
   @import "./compontents/details.scss";
 }
 </style>
+<style>
+.el-tabs__nav-wrap::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+</style>

src/views/custom_manage/contacts/organizationList.vue

@@ -6,6 +6,11 @@
         <span class="attention">注：机构的互动详情，是截止至昨天24点的数据，非当前实时数据</span>
         <span class="organization-details" @click="goWholeDetail">全机构互动详情>></span>
       </div>
+      <div style="margin-top: 10px">
+        <el-tabs v-model="activeTypeName" @tab-click="typeHandleClick">
+          <el-tab-pane :label="item" :name="item" v-for="item in typeList" :key="item"></el-tab-pane>
+        </el-tabs>
+      </div>
       <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>
       </div>
@@ -22,7 +27,7 @@
           </el-tooltip>
         </div>
         <div class="dataReport-top">
-          <template v-if="activeName == 1 || activeName == 2">
+          <template v-if="showSelectBox">
             <date-picker
               v-model="filterObj.date"
               type="date"
@@ -50,7 +55,7 @@
       </div>
       <template v-if="activeName != 4">
         <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 }">
               <span @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
             </template>
@@ -254,3 +259,8 @@ export default {
   }
 }
 </style>
+<style>
+.el-tabs__nav-wrap::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+</style>

src/views/custom_manage/contacts/wholeOrganization.vue

@@ -2,6 +2,11 @@
   <div class="container-whole-organization">
     <el-card>
       <div class="introduce">注：机构的互动详情，是截止至昨天24点的数据，非当前实时数据</div>
+      <div style="margin-top: 10px">
+        <el-tabs v-model="activeTypeName" @tab-click="typeHandleClick">
+          <el-tab-pane :label="item" :name="item" v-for="item in typeList" :key="item"></el-tab-pane>
+        </el-tabs>
+      </div>
       <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>
       </div>
@@ -18,7 +23,7 @@
           </el-tooltip>
         </div>
         <div class="dataReport-top">
-          <template v-if="activeName == 1 || activeName == 2">
+          <template v-if="showSelectBox">
             <date-picker
               v-model="filterObj.date"
               type="date"
@@ -56,7 +61,7 @@
       </div>
       <template v-if="activeName != 4">
         <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 }">
               <span @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
             </template>
@@ -257,3 +262,8 @@ export default {
   @import "./compontents/details.scss";
 }
 </style>
+<style>
+.el-tabs__nav-wrap::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+</style>