页面修改

src/components/clueManagement/Record.vue

-
 <style>
-@import '../../assets/css/Record.css';
+  @import '../../assets/css/Record.css';
 </style>
 <template>
   <div class="Record" id="Record">
-    <div class="ha-cont" style="justify-content: flex-start; align-items: stretch;" v-for="(item, index) in logList" :key="index">
+    <div class="ha-cont" style="justify-content: flex-start; align-items: stretch;" v-for="(item, index) in logList"
+      :key="index">
       <div class="ha-circle"></div>
       <div class="ha-time">{{item.UpdateDate}}</div>
       <!-- <div class="ha-name">admin</div> -->
@@ -18,52 +18,52 @@
     </div>
   </div>
 </template>
-</template>
 <script>
-export default {
-  props: ['CustomerId'],
-  data() {
-    return {
-      logList: [],
-      msg: {
-        Type: 4,
-        pageIndex: 1,
-        pageSize: 10,
-        SourceId: 0
-      }
-    };
-  },watch:{
-    
- },
-  mounted() {
-    let $this= this
-    document
-      .getElementById("Record")
-      .addEventListener("scroll", function() {
-        //全部动态
-        if (this.scrollHeight - this.scrollTop === this.clientHeight) {
-          $this.logMsg.pageIndex = $this.logMsg.pageIndex + 1
-          $this.GetOperationLogPageList(1)
+  export default {
+    props: ['CustomerId'],
+    data() {
+      return {
+        logList: [],
+        msg: {
+          Type: 4,
+          pageIndex: 1,
+          pageSize: 10,
+          SourceId: 0
         }
-    });
-    this.msg.SourceId = this.CustomerId
-    this.GetOperationLogPageList()
-  },
-  methods: {
-    GetOperationLogPageList(t){
-      this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res=>{
-        if (res.data.resultCode == 1) {
-          let data = res.data.data
-          if (t) {
-            this.logList = this.logList.concat(
-              data.pageData
-            )
-          } else {
-            this.logList = data.pageData
+      };
+    },
+    watch: {
+
+    },
+    mounted() {
+      let $this = this
+      document
+        .getElementById("Record")
+        .addEventListener("scroll", function () {
+          //全部动态
+          if (this.scrollHeight - this.scrollTop === this.clientHeight) {
+            $this.logMsg.pageIndex = $this.logMsg.pageIndex + 1
+            $this.GetOperationLogPageList(1)
           }
-        }
-      })
+        });
+      this.msg.SourceId = this.CustomerId
+      this.GetOperationLogPageList()
+    },
+    methods: {
+      GetOperationLogPageList(t) {
+        this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res => {
+          if (res.data.resultCode == 1) {
+            let data = res.data.data
+            if (t) {
+              this.logList = this.logList.concat(
+                data.pageData
+              )
+            } else {
+              this.logList = data.pageData
+            }
+          }
+        })
+      }
     }
   }
-}
 </script>
\ No newline at end of file

src/components/clueManagement/clueManagement.vue

@@ -194,13 +194,15 @@
                 @size-change="handleSizeChange" :total="total">
             </el-pagination>
         </div>
-        <el-drawer :with-header="false" size='70%' :visible.sync="isShowCustomerInfo" direction="rtl" :before-close="handleClose">
+        <el-drawer :with-header="false" size='70%' :visible.sync="isShowCustomerInfo" direction="rtl"
+            :before-close="handleClose">
             <customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters"
-                @editCustS="editCust" />
+                @editCustS="editCust"  @getList="getList" />
         </el-drawer>
-        <el-drawer :with-header="false" size='70%' :visible.sync="isShowGuestInfo" direction="rtl" :before-close="handleClose">
+        <el-drawer :with-header="false" size='70%' :visible.sync="isShowGuestInfo" direction="rtl"
+            :before-close="handleClose">
             <guestInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters"
-                @editCustS="editCust" />
+                @editCustS="editCust" @getList="getList"  />
         </el-drawer>
         <div v-if="dialogTableVisible">
             <customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId" />
@@ -256,7 +258,7 @@
             return {
                 ruleList: [],
                 guestDialogBoxShow: false,
-                isShowGuestInfo: false,//是否显示直客弹窗
+                isShowGuestInfo: false, //是否显示直客弹窗
                 activeMenu: 1,
                 queryType2: [{
                     label: '线索名称',
@@ -336,7 +338,7 @@
                 CustomerIdStr: '',
                 transferVisible: false,
                 mySelectCtrl: false,
-                isShowCustomerInfo: false,//是否显示客户弹窗
+                isShowCustomerInfo: false, //是否显示客户弹窗
                 loading: true,
                 dialogTableVisible: false,
                 dialogTableVisibleName: '新建线索',
@@ -527,10 +529,6 @@
             //导出
             export () {
 
-            },
-            // 更改状态
-            changeState() {
-
             },
             //转换为客户
             waters(type) {

src/components/clueManagement/guestInfoBox.vue

@@ -82,7 +82,7 @@
                 <p>{{detailsData.GusetName}}</p>
             </div>
             <div class="right">
-                <el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
+                <el-button class="crm-btn query-btn" @click="editGuestInfo">编辑</el-button>
                 <el-dropdown @command="handleCommand" style="top: 1px;">
                     <el-button class="crm-btn crm-btn-more easy-btn margin-right0">
                         <i class="iconfont icongengduo"></i>
@@ -119,7 +119,8 @@
             <div class="content">
                 <el-tabs v-model="activeName" @tab-click="handleClick">
                     <el-tab-pane label="活动" name="1">
-                        <Activity v-if="activeName === '1'" :CustomerId="CustomerId" :showType="2" :detailsData="detailsData" />
+                        <Activity v-if="activeName === '1'" :CustomerId="CustomerId" :showType="2"
+                            :detailsData="detailsData" />
                     </el-tab-pane>
                     <el-tab-pane label="详细资料" name="2">
                         <Details v-if="activeName === '2'" :detailsData="detailsData" />
@@ -132,7 +133,7 @@
                     </el-tab-pane>
                 </el-tabs>
             </div>
-             <invalidDialogBox v-if="isShowInvalidBox" :guestInfo="detailsData" />
+            <invalidDialogBox v-if="isShowInvalidBox" :guestInfo="detailsData" @success="refreshParentPage" />
         </div>
     </div>
 </template>
@@ -180,8 +181,15 @@
             this.MsgBus.$on('RefreshInfoBox', function () {
                 $this.init()
             })
+            this.MsgBus.$on('closeInvalidDialogBox', function () {
+                $this.isShowInvalidBox = false;
+            })
         },
         methods: {
+            //刷新父页面
+            refreshParentPage() {
+                this.$emit('getList')
+            },
             init() {
                 this.apipost('/api/Customer/GetAllGuesstCustomerModel', {
                     ID: this.CustomerId
@@ -228,19 +236,13 @@
                 }
                 //无效线索弹窗
                 else if (command === 'w') {
-                    this.isShowInvalidBox=true;
-                    var pmsg = {};
-                    console.log("this.detailsData", this.detailsData);
-                    // this.apipost('/api/Customer/UpdateClueState', pmsg, res => {
-                    //     if (res.data.resultCode == 1) {
-                    //         this.SceneEmployeeList = res.data.data
-                    //     }
-                    // })
+                    this.isShowInvalidBox = true;
                 }
             },
             handleClick(tab, event) {},
-            editCust() {
-                this.$emit('editCustS', 2)
+            //编辑直客信息
+            editGuestInfo() {
+                 this.$emit('editCustS', 2)
             },
             handleClose(done) {
                 done();

src/components/clueManagement/invalidDialogBox.vue

@@ -153,14 +153,15 @@
   }
 </style>
 <template>
-  <el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" 
-    class="add-box add-box1 invalidDialogBox" width="450px">
+  <el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" class="add-box add-box1 invalidDialogBox"
+    width="450px" append-to-body>
     <div class="add-tit" slot="title">
-      <p><span></span>无效线索弹窗</p>
+      <p><span></span>无效线索标记</p>
       <span icon="el-icon-close"></span>
     </div>
     <div class="form-box">
       <el-form ref="form" class="MyEditForm">
+        <p class="form-box-tit"><span class="radius"></span> 你正在把线索【{{guestInfo.ClueName}}】，标记为无效</p>
         <el-row>
           <el-col :span="24">
             <div class="MyEditForm-item label-pad-left">
@@ -186,6 +187,10 @@
         type: Object,
         default: null,
       },
+      customerInfo: {
+        type: Object,
+        default: null,
+      },
     },
     data() {
       return {
@@ -193,13 +198,16 @@
         saveMsg: {
           CustomerId: 0,
           GueustId: 0,
-          Remark: ""
+          Remark: "",
+          ClueState: 2,
+          ClueName: "", //线索名称
         }
       };
     },
-    mounted() {
-      console.log("this.guestInfo", this.guestInfo);
+    watch: {
 
+    },
+    mounted() {
       let $this = this;
       setTimeout(() => {
         $this.dialogTableVisible = true;
@@ -207,11 +215,28 @@
     },
     methods: {
       closedDialog() {
-        this.MsgBus.$emit("closeCustomerDialogBox");
+        this.MsgBus.$emit("closeInvalidDialogBox");
       },
       //保存无效线索
       SaveInvalid() {
+        if (this.guestInfo) {
+          this.saveMsg.GueustId = this.guestInfo.Id;
+          this.saveMsg.ClueName = this.guestInfo.ClueName;
 
+        }
+        if (this.customerInfo) {
+          this.saveMsg.CustomerId = this.customerInfo.CustomerId;
+          this.saveMsg.ClueName = this.customerInfo.CustomerName;
+        }
+        this.apipost('/api/Customer/UpdateClueState', this.saveMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.$emit("success");
+            this.dialogTableVisible = false;
+            this.Success(res.data.message);
+          } else {
+            this.Error(res.data.message);
+          }
+        })
       },
     },
   };