页面修改

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,9 +18,8 @@
     </div>
   </div>
 </template>
-</template>
 <script>
-export default {
+  export default {
     props: ['CustomerId'],
     data() {
       return {
@@ -32,14 +31,15 @@ export default {
           SourceId: 0
         }
       };
-  },watch:{
+    },
+    watch: {
 
     },
     mounted() {
-    let $this= this
+      let $this = this
       document
         .getElementById("Record")
-      .addEventListener("scroll", function() {
+        .addEventListener("scroll", function () {
           //全部动态
           if (this.scrollHeight - this.scrollTop === this.clientHeight) {
             $this.logMsg.pageIndex = $this.logMsg.pageIndex + 1
@@ -50,8 +50,8 @@ export default {
       this.GetOperationLogPageList()
     },
     methods: {
-    GetOperationLogPageList(t){
-      this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res=>{
+      GetOperationLogPageList(t) {
+        this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res => {
           if (res.data.resultCode == 1) {
             let data = res.data.data
             if (t) {
@@ -65,5 +65,5 @@ export default {
         })
       }
     }
-}
+  }
 </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/customerInfoBox.vue

 <style>
-.drawer-box{
+    .drawer-box {
         height: 100%;
-}
-.drawer-header{
+    }
+
+    .drawer-header {
         height: 83px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 0 30px;
-}
-.drawer-header .left{
+    }
+
+    .drawer-header .left {
         display: flex;
         align-items: center;
-}
-.drawer-header .left img{
+    }
+
+    .drawer-header .left img {
         display: inline-block;
         margin-right: 10px;
-}
-.drawer-body{
-    height: calc( 100% - 83px);
-}
-.drawer-body .top-info{
+    }
+
+    .drawer-body {
+        height: calc(100% - 83px);
+    }
+
+    .drawer-body .top-info {
         height: 115px;
         padding: 30px;
         box-sizing: border-box;
         font-size: 12px;
         background-color: #F6F4FC;
-}
-.drawer-body .top-info .info-lable{
+    }
+
+    .drawer-body .top-info .info-lable {
         display: inline-block;
         width: 80px;
         color: #999999;
-}
-.margin-bottom-25{
+    }
+
+    .margin-bottom-25 {
         margin-bottom: 25px;
-}
-.drawer-box .el-tabs__nav-wrap::after{
+    }
+
+    .drawer-box .el-tabs__nav-wrap::after {
         height: 0;
-}
-.drawer-body .el-tabs__header{
+    }
+
+    .drawer-body .el-tabs__header {
         padding: 0 25px;
         margin-bottom: 0;
-}
-.drawer-body>.content{
+    }
+
+    .drawer-body>.content {
         height: calc(100% - 115px);
-}
-.drawer-body .el-tabs{
+    }
+
+    .drawer-body .el-tabs {
         height: 100%;
-}
-.drawer-body .el-tabs__content{
+    }
+
+    .drawer-body .el-tabs__content {
         background-color: #F6F4FC;
         height: calc(100% - 40px);
         box-sizing: border-box;
-}
-.drawer-body .el-tabs__content .el-tab-pane{
+    }
+
+    .drawer-body .el-tabs__content .el-tab-pane {
         height: 100%;
         position: absolute;
         width: calc(100%);
         padding: 17px 20px;
         box-sizing: border-box
-}
+    }
 </style>
 <template>
     <div class="drawer-box" v-if="loading">
@@ -69,15 +82,17 @@
                 <p>{{detailsData.CustomerName}}</p>
             </div>
             <div class="right">
-                <el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
+                <el-button class="crm-btn query-btn" @click="editCustomerInfo">编辑</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>
                     </el-button>
                     <el-dropdown-menu slot="dropdown">
                         <el-dropdown-item command="z"><i class="iconfont iconplus-transfer"></i> 转移</el-dropdown-item>
-                        <el-dropdown-item command="g"><i class="iconfont icongonghaiguanli"></i> 转化为客户</el-dropdown-item>
+                        <el-dropdown-item command="g"><i class="iconfont icongonghaiguanli"></i> 转化为客户
+                        </el-dropdown-item>
                         <el-dropdown-item command="d"><i class="iconfont icondelete"></i> 删除</el-dropdown-item>
+                        <el-dropdown-item command="w"><i class="iconfont icondelete"></i> 无效线索</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
@@ -89,7 +104,7 @@
                         <span class="info-lable">客户级别：</span><span>{{detailsData.CustomerIdLevelStr}}</span>
                     </el-col>
                     <el-col :span="12">
-                        <span class="info-lable">成交状态：</span><span >已成交</span>
+                        <span class="info-lable">成交状态：</span><span>已成交</span>
                     </el-col>
                 </el-row>
                 <el-row>
@@ -107,32 +122,35 @@
                         <Activity v-if="activeName === '1'" :CustomerId="CustomerId" />
                     </el-tab-pane>
                     <el-tab-pane label="详细资料" name="2">
-                        <Details v-if="activeName === '2'" :detailsData="detailsData"/>
+                        <Details v-if="activeName === '2'" :detailsData="detailsData" />
                     </el-tab-pane>
                     <el-tab-pane label="附件" name="8">
-                        <Enclosure v-if="activeName === '8'" :ID='CustomerId' :type='1'/>
+                        <Enclosure v-if="activeName === '8'" :ID='CustomerId' :type='1' />
                     </el-tab-pane>
                     <el-tab-pane label="操作记录" name="9">
-                        <Record v-if="activeName === '9'" :CustomerId="CustomerId"/>
+                        <Record v-if="activeName === '9'" :CustomerId="CustomerId" />
                     </el-tab-pane>
                 </el-tabs>
             </div>
         </div>
+        <invalidDialogBox v-if="isShowInvalidBox" :customerInfo="detailsData" @success="refreshParentPage" />
     </div>
 </template>
 <script>
-import Activity from "./Activity";
-import Details from "./Details";
-import Enclosure from "./Enclosure";
-import Record from "./Record";
-export default {
+    import Activity from "./Activity";
+    import Details from "./Details";
+    import Enclosure from "./Enclosure";
+    import Record from "./Record";
+    import invalidDialogBox from "./invalidDialogBox";
+    export default {
         components: {
             Activity,
             Details,
             Enclosure,
-        Record
+            Record,
+            invalidDialogBox
         },
-    props:{
+        props: {
             CustomerId: {
                 type: Number,
                 default: 0
@@ -143,14 +161,16 @@ export default {
                 activeName: '1',
                 detailsData: {},
                 loading: false,
+                isShowInvalidBox: false,
             };
-    },watch:{
+        },
+        watch: {
             CustomerId: {
-            handler(val, oldVal){
+                handler(val, oldVal) {
                     this.init()
                     this.activeName = '1'
                 },
-            deep:true
+                deep: true
             }
         },
         mounted() {
@@ -160,37 +180,47 @@ export default {
             this.MsgBus.$on('RefreshInfoBox', function () {
                 $this.init()
             })
+            //关闭无效线索弹窗
+            this.MsgBus.$on('closeInvalidDialogBox', function () {
+                $this.isShowInvalidBox = false;
+            })
         },
         methods: {
-        init(){
-            this.apipost('/api/Customer/GetAllCustmersModel', {CustomerId: this.CustomerId}, res=>{
+            //刷新父页面
+            refreshParentPage() {
+                this.$emit('getList')
+            },
+            init() {
+                this.apipost('/api/Customer/GetAllCustmersModel', {
+                    CustomerId: this.CustomerId
+                }, res => {
                     if (res.data.resultCode == 1) {
                         let data = res.data.data
-                    if(!data.HousePhotos){
+                        if (!data.HousePhotos) {
                             data.HousePhotos = []
                         }
-                    if(!data.BusinessCardPhotos){
+                        if (!data.BusinessCardPhotos) {
                             data.BusinessCardPhotos = []
                         }
-                    if(!data.Images){
+                        if (!data.Images) {
                             data.Images = []
                         }
-                    if(!data.CustomerSourceType){
+                        if (!data.CustomerSourceType) {
                             data.CustomerSourceType = ''
                         }
-                    if(!data.CustomerSource){
+                        if (!data.CustomerSource) {
                             data.CustomerSource = ''
                         }
-                    if(!data.Province){
+                        if (!data.Province) {
                             data.Province = ''
                         }
-                    if(!data.Country){
+                        if (!data.Country) {
                             data.Country = ''
                         }
-                    if(!data.City){
+                        if (!data.City) {
                             data.City = ''
                         }
-                    if(!data.District){
+                        if (!data.District) {
                             data.District = ''
                         }
                         this.detailsData = data
@@ -198,7 +228,7 @@ export default {
                     }
                 })
             },
-        handleCommand(command){
+            handleCommand(command) {
                 if (command === 'z') {
                     this.$emit('transferS', 3);
                 } else if (command === 'g') {
@@ -206,14 +236,19 @@ export default {
                 } else if (command === 'd') {
                     this.$emit('deleteClue', 1)
                 }
+                //无效线索弹窗
+                else if (command === 'w') {
+                    this.isShowInvalidBox = true;
+                }
             },
             handleClick(tab, event) {},
-        editCust(){
+            //编辑客户信息
+            editCustomerInfo() {
                 this.$emit('editCustS', 1)
             },
             handleClose(done) {
                 done();
             }
         }
-}
+    }
 </script>
\ No newline at end of file

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,18 +236,12 @@
                 }
                 //无效线索弹窗
                 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() {
+            //编辑直客信息
+            editGuestInfo() {
                  this.$emit('editCustS', 2)
             },
             handleClose(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);
+          }
+        })
       },
     },
   };