认领逻辑更正 空状态样式优化

dsk-operate-ui/src/views/enterpriseData/components/searchTheOwner/index.vue

@@ -100,7 +100,7 @@
         </div>
 
       </div>
-      <div class="table-item-jf table-item-jf1 empty-table" v-if="tableData.length==0&& !isSkeleton">
+      <div class="table-item-jf table-item-jf1 empty-table" v-if="!tableData.length&& !isSkeleton">
         <img class="item-jf-img" src="@/assets/images/kong.png" alt="">
         <div class="item-jf-titel">暂无相关数据</div>
         <div class="item-jf-text">抱歉，暂无数据，试试更换搜索条件吧</div>
@@ -108,6 +108,7 @@
           <div class="depth-search" @click="$router.push({path : `/enterpriseData/SearchEnterprise?keyword=${keys}`})">深度搜索企业</div>
         </div>
       </div>
+
       <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
 
       <div class="table-item-jf table-item" v-if="!isSkeleton&&tableData.length>0" @mouseleave="showClaim = false">
@@ -129,13 +130,9 @@
                 <!-- 优质甲方tag标签 -->
                 <div class="high-quality-enterprise" v-if="scope.row.other">{{scope.row.other}}</div>
                 <div class="renling-btn" @click="claimbtn(scope.row)">
-                  <p v-if="scope.row.claimStatus==1" class="renling-img-true">
-
-                  </p>
-                  <p v-else class="renling-img-false">
-
-                  </p>
-                  <span v-if="scope.row.claimStatus==1" @click.stop="cancelClaim(scope.row.name,scope.$index)" class="renling-hui">
+                  <p v-if="scope.row.claimStatus==0" class="renling-img-true"></p>
+                  <p v-else class="renling-img-false"></p>
+                  <span v-if="scope.row.claimStatus==0" @click.stop="cancelClaim(scope.row.name,scope.$index)" class="renling-hui">
                     已认领
                   </span>
                   <span v-else class="renling-hei">
@@ -635,7 +632,7 @@ export default {
       api.cancelClaim(this.companyName).then(res => {
         if (res.code == 200) {
           this.dialogVisible1 = false;
-          this.tableData[this.cancelIndex].claimStatus = 0;
+          this.tableData[this.cancelIndex].claimStatus = 1;
         } else {
           this.$message.error(res.msg);
         }
@@ -1043,11 +1040,20 @@ export default {
 
   ::v-deep .table-item-jf {
     &.empty-table {
-      padding: 0px;
-      padding-bottom: 48px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      padding: 48px 0px;
       .item-jf-text {
         padding: 0px;
       }
+      .item-jf-img {
+        margin: 0;
+        width: 108px;
+        height: 109px;
+        margin-bottom: 24px;
+      }
 
       .depth-search-box {
         display: flex;
@@ -1147,6 +1153,10 @@ export default {
           font-size: 13px;
           font-weight: 400;
           color: #3d3d3d;
+
+          &:hover {
+            color: #0081ff;
+          }
         }
       }