取消认领客户

dsk-operate-ui/src/api/enterpriseData/enterpriseData.js

@@ -51,6 +51,14 @@ let claim= function claim(param) {
 	data: param
   })
 }
+// 取消认领用户
+let cancelClaim= function cancelClaim(data) {
+  return request({
+    url: '/customer/cancelClaim/'+data,
+    method: 'put',
+	  // data: data
+  })
+}
 // 查建筑企业
 
 let enterprisePage= function enterprisePage(param) {
@@ -72,4 +80,4 @@ let infoHeader= function infoHeader(param) {
 
 
 
-export default {aptitudeCode,personCert,searchDic,regionWebList,uipGroupData,uipSerach,claim,enterprisePage,infoHeader}
\ No newline at end of file
+export default {aptitudeCode,personCert,searchDic,regionWebList,uipGroupData,uipSerach,claim,cancelClaim,enterprisePage,infoHeader}
\ No newline at end of file

dsk-operate-ui/src/views/detail/party-a/overview/component/infoheader.vue

@@ -65,7 +65,7 @@
         </div>
       </div>
       <div class="company-menu">
-        <el-button v-if="ifClaim==1" class="hasClaim"><i class="el-ico-claim" alt="已认领" title="已认领"></i> 已认领</el-button>
+        <el-button v-if="companyInfo.claimStatus==1"  @click="cancelClaimClick()" class="hasClaim"><i class="el-ico-claim" alt="已认领" title="已认领"></i> 已认领</el-button>
         <el-button @click="handleClaim" v-else class="claim" v-loading="claimLoading"><i class="el-ico-claim" alt="认领客户" title="认领客户"></i> 认领客户</el-button>
       </div>
 
@@ -134,6 +134,21 @@
         <span class="dialog-footer-btn2" @click="renHide()">稍后</span>
       </div>
     </el-dialog>
+    <el-dialog
+	    title="取消认领"
+	    :visible.sync="dialogVisible1"
+      :modal="false"
+      custom-class='dialog-renlin'
+      :show-close="false"
+        width="344px">
+        <span>是否取消认领客户？客户信息将放入“历史客户”。</span>
+        <div slot="footer" class="dialog-footer">
+        <span class="dialog-footer-btn1" type="primary" @click="confirm()" >
+          确认
+        </span>
+          <span class="dialog-footer-btn2" @click="dialogVisible1 = false">关闭</span>
+        </div>
+      </el-dialog>
   </div>
 </template>
 
@@ -142,6 +157,7 @@ import { changePath } from '@/assets/js/common'
 var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js')
 import "@/assets/lib/swiper/swiper-bundle.css"
 import { claim } from "@/api/common"
+import api from "@/api/enterpriseData/enterpriseData.js"
 export default {
   name: 'Infoheader',
   props: ['companyId', 'companyInfo', 'statistic'],
@@ -165,7 +181,8 @@ export default {
       //风险扫描
       labelArr:['失信联合惩戒企业','司法纠纷','注销'], //负向经营状态
       enterpriseLabel:[],//企业标签
-      dialogVisible: false
+      dialogVisible: false,
+      dialogVisible1: false,
     }
   },
   created() {
@@ -202,6 +219,22 @@ export default {
         this.$message.warning('对不起，当前不能认领')
       }
     },
+    //取消认领
+    cancelClaimClick(){
+      this.dialogVisible1 = true;
+    },
+    async confirm(){
+      let res = await api.cancelClaim(this.companyInfo.companyName)
+      if(res.code==200){
+          this.dialogVisible1 = false;
+          this.getClaimStatus();
+        }else{
+          this.$message.error(res.msg)
+        }
+      // api.cancelClaim(this.companyInfo.companyName).then(res=>{
+        
+      // })
+    },
     companySwiper(){
       new Swiper('.swiper-info', {
         slidesPerView: 6,

dsk-operate-ui/src/views/macro/urban/index.vue

@@ -160,7 +160,7 @@
             <template slot-scope="scope">
               <router-link  :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link companyName" v-html="scope.row.companyName" ></router-link>
               <span @click="handleClick(scope.row)" class="table-span" style="color: #3D3D3D;cursor: pointer;" v-if="scope.row.claimStatus === 0"><img src="@/assets/images/urban/rl_icon1.png"/>认领</span>
-              <span class="table-span" style="color: rgba(35,35,35,0.4);" v-if="scope.row.claimStatus === 1"><img src="@/assets/images/urban/rl_icon2.png"/>已认领</span>
+              <span @click="cancelClaim(scope.row.companyName)" class="table-span" style="color: rgba(35,35,35,0.4);cursor: pointer;" v-if="scope.row.claimStatus === 1"><img src="@/assets/images/urban/rl_icon2.png"/>已认领</span>
             </template>
           </el-table-column>
           <el-table-column prop="city" label="区域" :formatter="formatStatus" width="150">
@@ -252,6 +252,21 @@
         <el-button @click="claimVisible = false">稍后</el-button>
       </div>
     </el-dialog>
+    <el-dialog
+	    title="取消认领"
+	    :visible.sync="dialogVisible1"
+      :modal="false"
+      custom-class='dialog-renlin'
+      :show-close="false"
+	    width="344px">
+	    <span>是否取消认领客户？客户信息将放入“历史客户”。</span>
+	    <div slot="footer" class="dialog-footer">
+		  <span class="dialog-footer-btn1" type="primary" @click="confirm()" >
+			   确认
+		  </span>
+	      <span class="dialog-footer-btn2" @click="dialogVisible1 = false">关闭</span>
+	    </div>
+	  </el-dialog>
   </div>
 </template>
 
@@ -259,6 +274,7 @@
   import {encodeStr} from "@/assets/js/common.js"
   import dataRegion from '@/assets/json/dataRegion'
   import { uipGroupData,urbanInvestmentPage,urbanInvestmentStatistics,claim } from '@/api/macro/macro'
+  import api from '@/api/enterpriseData/enterpriseData.js';
   import { infoHeader } from '@/api/detail/party-a/index'
 export default {
   name: 'Urban',
@@ -293,6 +309,7 @@ export default {
       typeList:[],
       statistics:{},
       claimVisible:false,
+      dialogVisible1: false,
       customerId:'',
       companyId:'',
       show_page:true,
@@ -609,6 +626,18 @@ export default {
         type: 'warning'
       });
     },
+    cancelClaim(companyName){
+      this.dialogVisible1 = true;
+      this.companyName = companyName;
+    },
+    confirm(){
+      api.cancelClaim(this.companyName).then(res=>{
+        if(res.code==200){
+          this.dialogVisible1 = false;
+          this.handleSearch();
+        }
+      })
+    },
     handleClick(item){
       this.companyId=item.companyId;
       infoHeader({companyId:this.companyId}).then(res => {
@@ -882,5 +911,50 @@ export default {
         }
       }
     }
+    ::v-deep  .dialog-renlin{
+      .el-dialog__header{
+        display: block;
+      }
+      .el-dialog__body{
+        padding: 0;
+        text-align: center;
+        padding-bottom: 24px;
+      }
+      .el-dialog__footer{
+        padding: 0px;
+        padding-bottom: 24px;
+        .dialog-footer{
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          width: 100%;
+          .dialog-footer-btn1{
+            cursor: pointer;
+            width: 72px;
+            height: 28px;
+            background: #0081FF;
+            border-radius: 2px 2px 2px 2px;
+            font-size: 12px;
+            font-weight: 400;
+            color: #FFFFFF;
+            line-height: 28px;
+            text-align: center;
+            margin-right: 8px;
+          }
+          .dialog-footer-btn2{
+            cursor: pointer;
+            width: 72px;
+            height: 28px;
+            border-radius: 2px 2px 2px 2px;
+            border: 1px solid #CCCCCC;
+            line-height: 28px;
+            text-align: center;
+            font-size: 12px;
+            font-weight: 400;
+            color: rgba(35,35,35,0.8);
+          }
+        }
+      }
+    }
   }
 </style>