fix: 计划视图修改

src/components/app/taskView.vue

@@ -3,8 +3,8 @@
  * @version: 1.0.0
  * @Author: 无尘
  * @Date: 2019-03-20 14:36:37
- * @LastEditors: 无尘
- * @LastEditTime: 2020-12-01 15:08:33
+ * @LastEditors: Drama
+ * @LastEditTime: 2022-10-13 16:38:46
  -->
 <!--
   <taskView :brandId="brandId"></taskView>
@@ -26,9 +26,9 @@
       </div>
       <div class="table-condition flex flex-space-between m-b-20">
         <div class="table-condition-left flex flex-align-center">
-          <el-input placeholder="请输入话务任务名称" maxlength="50" v-model="conditionObj.searchInput" class="w-264" style="width: 264px;" @keyup.native.enter="toInput"> <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input>
+          <el-input placeholder="请输入话务任务名称" maxlength="50" v-model="conditionObj.searchInput" class="w-264" style="width: 264px" @keyup.native.enter="toInput"> <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input>
           <!-- <span class="condition-tips font-12 color-909399 p-l-10">仅包含话务任务记录</span> -->
-          <span style="font-size:14px;" class="m-l-10">创建时间：</span><el-date-picker class="m-l-10" v-model="conditionObj.dateRange" :picker-options="pickerOptions" @change="changeDate" :editable="false" :value-format="'yyyy-MM-dd'" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
+          <span style="font-size: 14px" class="m-l-10">创建时间：</span><el-date-picker class="m-l-10" v-model="conditionObj.dateRange" :picker-options="pickerOptions" @change="changeDate" :editable="false" :value-format="'yyyy-MM-dd'" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
         </div>
         <div class="table-condition-right">
           <el-button type="danger" v-if="$getButtonLimit($buttonCode.multipleDelTaskView)" :limit-code="$buttonCode.multipleDelTaskView" @click="multDel">批量删除</el-button>
@@ -39,7 +39,7 @@
         <el-table-column type="selection" width="45" :class-name="selectRadio == 1 ? 'cell-disabled' : 'font-size-zero'"> </el-table-column>
         <el-table-column width="25">
           <template #header>
-            <el-dropdown style="line-height: 10px; padding: 0; margin-left: -15px; transform: translateY(4px); -webkit-transform: translateY(4px);" placement="bottom-start">
+            <el-dropdown style="line-height: 10px; padding: 0; margin-left: -15px; transform: translateY(4px); -webkit-transform: translateY(4px)" placement="bottom-start">
               <span class="el-dropdown-link"><i class="iconfont-hb3 icongengduo"></i> </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item> <el-checkbox v-model="selectRadio" :true-label="0" :false-label="2" @change="handleCommand">选择当页</el-checkbox></el-dropdown-item>
@@ -49,7 +49,7 @@
           </template>
           <template slot-scope="scope">{{ scope ? ' ' : ' ' }}</template>
         </el-table-column>
-        <el-table-column label="任务名称" width="120" show-overflow-tooltip>
+        <el-table-column label="计划名称" width="120" show-overflow-tooltip>
           <template slot-scope="scope">{{ scope.row.ecmName }}</template>
         </el-table-column>
         <el-table-column prop="" label="已完成" show-overflow-tooltip>
@@ -73,6 +73,7 @@
         <el-table-column label="操作" v-if="$getButtonLimit($buttonCode.checkTaskView)">
           <template slot-scope="scope">
             <el-button type="text" v-if="$getButtonLimit($buttonCode.checkTaskView)" :limit-code="$buttonCode.checkTaskView" @click="toDetail(scope.$index, scope.row)">查看详情</el-button>
+            <el-button type="text" v-if="$getButtonLimit($buttonCode.exportTableTaskDetail)" :limit-code="$buttonCode.exportTableTaskDetail" @click="taskReport(scope.row)">导出导购明细</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -80,6 +81,7 @@
         <dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
       </div>
     </div>
+    <vue-gic-export-excel :dataArr="tableData" :dialogVisible.sync="exportLog.show" :excelUrl="exportLog.url" :params="exportLog.params" type="2" projectName="haoban-3"></vue-gic-export-excel>
     <multiple-del :showDialog="showDialog" :detailFlag="false" @hideDialog="hideDialog" :showTip="true" :showDeleteAll="true"> </multiple-del>
   </div>
 </template>
@@ -101,6 +103,11 @@ export default {
   },
   data() {
     return {
+      exportLog: {
+        show: false,
+        url: '/haoban-app-tel-task-three-web/tel-task-plan-excel',
+        params: {}
+      },
       tableH: window.screen.availHeight - 464 - 126,
       activeTab: '1',
       activeBrand: this.brandId, // 商户(品牌) id
@@ -129,7 +136,8 @@ export default {
           const end = new Date();
           return time.getTime() < end.getTime() - 3600 * 1000 * 24 * 365 || time.getTime() > end.getTime() - 3600 * 1000 * 24;
         }
-      }
+      },
+      selectEcmId: ''
     };
   },
   computed: {},
@@ -241,7 +249,9 @@ export default {
       }
       that.postMultDel(obj);
     },
-
+    changeExportDialog() {
+      this.exportDialog = false;
+    },
     postMultDel(obj) {
       const that = this;
       let para = {
@@ -325,6 +335,19 @@ export default {
     },
 
     /**
+     * 单条导出
+     */
+    taskReport(row) {
+      this.selectEcmId = row.ecmId;
+      // this.exportDialog = true;
+      console.log(this.$route.path.slice(1).split('/')[0], 'route--');
+      this.exportLog.show = true;
+      this.exportLog.params = {
+        ecmId: row.ecmId
+      };
+    },
+
+    /**
      * 分页---页码变化
      * @param {Number} val
      */