update: 销售线索设置

src/views/salesleads/index.vue

@@ -11,7 +11,7 @@
     <vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"> </vue-office-header>
     <div class="enterprise-wrap__body">
       <div id="content" class="content">
-        <nav-crumb :navpath="navpath"> </nav-crumb>
+        <nav-crumb :navpath="navpath" @selectBrandId="selectBrandId"> </nav-crumb>
         <div class="content-body">
           <div class="right-content border-box">
             <div class="right-box" style="min-height: calc(100vh - 86px);">
@@ -45,6 +45,7 @@ export default {
       bgHeight: window.screen.availHeight - 288 + 'px',
       activeSelTab: '1',
       activeTab: '1',
+      activeBrand: '',
       navpath: [
         {
           name: '首页',
@@ -122,7 +123,10 @@ export default {
           break;
       }
     },
-
+    selectBrandId(val) {
+      this.activeBrand = val;
+      localStorage.setItem('userInfoBrandId', val);
+    },
     /**
      * 各路由返回 tabId
      */
@@ -157,10 +161,6 @@ export default {
       // 深度观察监听
       deep: true
     },
-    activeBrand: function(newData, oldData) {
-      const that = this;
-      that.activeBrand = newData;
-    },
     activeGroup: function(newData, oldData) {
       const that = this;
       that.activeGroup = newData;
@@ -314,8 +314,3 @@ export default {
   }
 }
 </style>
-<style lang="scss">
-.salesleads-wrap .enterprise-wrap__body .content .navwrap .my-customer-brand {
-  display: none !important;
-}
-</style>

src/views/salesleads/salesleadsSet.vue

@@ -4,19 +4,21 @@
       <div class="flex">
         <p class="m-r-11 font-14 color-606266">电话方式选择：</p>
         <div>
-          <el-radio v-model="phoneTypes" label="1">
+          <el-checkbox-group v-model="callType">
+            <el-checkbox label="1">
               <div class="m-b-21" style="display:inline-block;vertical-align:top;">
                 <p class="l-h-1 m-b-5">公司电话</p>
                 <p class="tip">1.对接第三方呼叫中心，外呼显示第三方号码，可监控通话状态。费用结算及通话记录存储于GIC计费中心</p>
                 <p class="tip">2.若任务创建时无双向呼叫权限，此项设置勾选也不生效</p>
               </div>
-          </el-radio>
-          <el-radio v-model="phoneTypes" label="2" class="m-b-24">
+            </el-checkbox>
+            <el-checkbox label="2" class="m-b-24">
               <div class="m-b-21" style="display:inline-block;vertical-align:top;">
                 <p class="l-h-1 m-b-5">私人电话</p>
                 <p class="tip">导购手机呼叫，无法监控通话状态。呼叫结算费用由导购手机自费</p>
               </div>
-          </el-radio>
+            </el-checkbox>
+          </el-checkbox-group>
           <p><el-button type="primary" @click="submitForm" :loading="loading">保存</el-button><span class="font-14 color-909399 m-l-12">保存后立即生效，历史数据不变，后续下达的任务按新设置运行</span></p>
         </div>
       </div>
@@ -30,10 +32,18 @@ import { postRequest } from '@/api/api';
 import errMsg from '@/common/js/error';
 export default {
   name: 'authMerchant',
+  props: {
+    brandId: {
+      type: String,
+      default() {
+        return '';
+      }
+    }
+  },
   data() {
     return {
       bgHeight: window.screen.availHeight - 104 + 'px',
-      phoneTypes: '1',
+      callType: [], // 0 : 未设置, 1 : 公司电话(双向呼叫), 2 : 私人电话, 多个请用逗号拼接
       loading: false
     };
   },
@@ -52,12 +62,32 @@ export default {
         return false;
       }
       that.loading = true;
-      let para = { ...that.formData };
-      postRequest('/haoban-web/market/clue/web/setting-update', para)
+      that
+        .$confirm('是否确认保存该设置?', '', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        .then(() => {
+          let para = {
+            enterpriseId: localStorage.getItem('userInfoBrandId'),
+            qywxEnterpriseId: JSON.parse(localStorage.getItem('userInfos')).wxEnterpriseId
+          };
+          if (that.callType.length) {
+            para.callType = that.callType.join(',');
+          } else {
+            para.callType = '0';
+          }
+          postRequest('/haoban-task-manage-web/market/clue/web/setting-update', para)
             .then(res => {
               let resData = res.data;
               if (resData.errorCode == 1) {
+                that.$message.success({
+                  duration: 1000,
+                  message: '保存成功！'
+                });
                 that.loading = false;
+                that.getDeatil();
                 return false;
               }
               that.loading = false;
@@ -70,10 +100,45 @@ export default {
                 message: error.message
               });
             });
+        })
+        .catch(() => {
+          that.loading = false;
+        });
+    },
+    getDeatil() {
+      const that = this;
+      let para = {
+        enterpriseId: localStorage.getItem('userInfoBrandId'),
+        qywxEnterpriseId: JSON.parse(localStorage.getItem('userInfos')).wxEnterpriseId
+      };
+      postRequest('/haoban-task-manage-web/market/clue/web/get-setting', para)
+        .then(res => {
+          let resData = res.data;
+          if (resData.errorCode == 1) {
+            if (resData.result && resData.result.callType !== '0') {
+              that.callType = resData.result.callType.split(',');
+            } else {
+              that.callType = [];
+            }
+            return;
+          }
+          errMsg.errorMsg(resData);
+        })
+        .catch(function(error) {
+          that.$message.error({
+            duration: 1000,
+            message: error.message
+          });
+        });
+    }
+  },
+  watch: {
+    brandId(newV, oldV) {
+      this.getDeatil();
     }
   },
-  watch: {},
   mounted() {
+    this.getDeatil();
     document.documentElement.style.backgroundColor = '#f0f2f5';
   },
   destroyed() {
@@ -88,11 +153,14 @@ export default {
 .right-content {
   padding: 33px 0 0 50px;
 }
-.el-radio {
-  display: block;
+.el-checkbox {
+  display: flex;
   min-height: 22px;
+  >>> .el-checkbox__label {
+    padding-top: 1px;
+  }
 }
-.el-radio + .el-radio {
+.el-checkbox + .el-checkbox {
   margin-left: 0;
 }
 .m-l-12 {

src/views/salesleads/storeDetail.vue

@@ -21,21 +21,14 @@
                     <span class="el-alert__title color-303133 font-13">筛选时间：2020-12-31至2021-12-31</span>
                   </div>
                 </div>
-                <div role="tips" class="tips flex flex-align-start">
+                <div role="tips" class="tips flex flex-align-center">
                   <i class="el-icon-warning-outline font-14 color-2f54eb"></i>
-                  <div class="el-alert__content">
-                    <span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
-                  </div>
+                  <div class="el-alert__content">查看指标说明</div>
                 </div>
               </div>
               <div class="table-condition-search m-t-20">
                 <el-select class="w-103" v-model="pageParams.taskStatus" slot="prepend" placeholder="所有完成情况" @change="reFetch">
-                  <el-option label="已完成" :value="2"></el-option>
-                  <el-option label="未完成" :value="1"></el-option>
-                </el-select>
-                <el-select class="w-103" v-model="pageParams.overdueStatus" slot="prepend" placeholder="所有逾期情况" @change="reFetch">
-                  <el-option label="已逾期" :value="2"></el-option>
-                  <el-option label="未逾期" :value="1"></el-option>
+                  <el-option :label="item.text" :value="item.id" v-for="item in filterOpts" :key="'filter' + item.id"></el-option>
                 </el-select>
               </div>
               <div class="m-t-20">
@@ -138,6 +131,7 @@ export default {
         pageSize: 20,
         overdueStatus: 1
       },
+      filterOpts: [],
       // 分页参数
       total: 0,
       tableData: [
@@ -217,7 +211,7 @@ export default {
         para.endTime = para.date[1];
         delete para.date;
       }
-      getRequest('/haoban-manage3-web/store-full-list', para)
+      getRequest('/haoban-task-manage-web/market/clue/web/task-info-list', para)
         .then(res => {
           let resData = res.data;
           if (resData.errorCode == 1) {
@@ -234,14 +228,33 @@ export default {
           });
         });
     },
-    showDetail(item) {
+    getFilterOpts() {
+      const that = this;
+      getRequest('/haoban-task-manage-web/market/clue/web/query', {})
+        .then(res => {
+          let resData = res.data;
+          if (resData.errorCode == 1 && resData.result) {
+            that.filterOpts = resData.result;
+          } else {
+            errMsg.errorMsg(resData);
+          }
+        })
+        .catch(function(error) {
+          that.$message.error({
+            duration: 1000,
+            message: error.message
+          });
+        });
+    },
+    showDetail() {
       this.confirmDetailShow = true;
     }
   },
   watch: {},
   mounted() {
-    // const that = this;
-    // that.getTableList();
+    const that = this;
+    that.getFilterOpts();
+    that.getTableList();
     document.documentElement.style.backgroundColor = '#f0f2f5';
   },
   destroyed() {
@@ -321,7 +334,10 @@ export default {
             .tips {
               cursor: pointer;
               .el-alert__content {
-                padding: 0 3px;
+                font-size: 13px;
+                font-weight: 400;
+                color: #2f54eb;
+                line-height: 1;
               }
             }
           }

src/views/salesleads/storeList.vue

@@ -21,11 +21,11 @@
                     <span class="el-alert__title color-303133 font-13">仅展示近一年数据，数据截取时间：2020-12-31至2021-12-31</span>
                   </div>
                 </div>
-                <div role="tips" class="tips flex flex-align-start">
+                <div role="tips" class="tips flex flex-align-center">
                   <i class="el-icon-warning-outline font-14 color-2f54eb"></i>
-                  <div class="el-alert__content">
-                    <span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
-                  </div>
+                  <el-popover placement="bottom-start" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
+                    <div slot="reference" class="el-alert__content">查看指标说明</div>
+                  </el-popover>
                 </div>
               </div>
               <div class="table-condition-search m-t-20">
@@ -278,7 +278,10 @@ export default {
             .tips {
               cursor: pointer;
               .el-alert__content {
-                padding: 0 3px;
+                font-size: 13px;
+                font-weight: 400;
+                color: #2f54eb;
+                line-height: 1;
               }
             }
           }

src/views/salesleads/taskDetail.vue

@@ -21,11 +21,9 @@
                     <span class="el-alert__title color-303133 font-13">筛选时间：2020-12-31至2021-12-31</span>
                   </div>
                 </div>
-                <div role="tips" class="tips flex flex-align-start">
+                <div role="tips" class="tips flex flex-align-center">
                   <i class="el-icon-warning-outline font-14 color-2f54eb"></i>
-                  <div class="el-alert__content">
-                    <span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
-                  </div>
+                  <div class="el-alert__content">查看指标说明</div>
                 </div>
               </div>
               <div class="table-condition-search m-t-20">
@@ -33,10 +31,6 @@
                   <el-option label="已完成" :value="2"></el-option>
                   <el-option label="未完成" :value="1"></el-option>
                 </el-select>
-                <el-select class="w-103" v-model="pageParams.overdueStatus" slot="prepend" placeholder="所有逾期情况" @change="reFetch">
-                  <el-option label="已逾期" :value="2"></el-option>
-                  <el-option label="未逾期" :value="1"></el-option>
-                </el-select>
               </div>
               <div class="m-t-20">
                 <el-table class="select-table" ref="multipleTable" :data="tableData" tooltip-effect="dark" :style="{ width: '100%', minHeight: tableH }">
@@ -234,7 +228,7 @@ export default {
           });
         });
     },
-    showDetail(item) {
+    showDetail() {
       this.confirmDetailShow = true;
     }
   },
@@ -321,7 +315,10 @@ export default {
             .tips {
               cursor: pointer;
               .el-alert__content {
-                padding: 0 3px;
+                font-size: 13px;
+                font-weight: 400;
+                color: #2f54eb;
+                line-height: 1;
               }
             }
           }

src/views/salesleads/taskList.vue

@@ -21,11 +21,9 @@
                     <span class="el-alert__title color-303133 font-13">仅展示近一年数据，数据截取时间：2020-12-31至2021-12-31</span>
                   </div>
                 </div>
-                <div role="tips" class="tips flex flex-align-start">
+                <div role="tips" class="tips flex flex-align-center">
                   <i class="el-icon-warning-outline font-14 color-2f54eb"></i>
-                  <div class="el-alert__content">
-                    <span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
-                  </div>
+                  <div class="el-alert__content">查看指标说明</div>
                 </div>
               </div>
               <div class="table-condition-search m-t-20">
@@ -271,7 +269,10 @@ export default {
             .tips {
               cursor: pointer;
               .el-alert__content {
-                padding: 0 3px;
+                font-size: 13px;
+                font-weight: 400;
+                color: #2f54eb;
+                line-height: 1;
               }
             }
           }