后台管理详情页接口联调

src/pages/index/components/entityDetail.vue

@@ -7,28 +7,24 @@
       </div>
       <div class="basic-info">
         <div class="basic-info-content" v-for="(item, index) in basicInfo" :key="index">
-          <div class="basic-info-title">
+          <div class="basic-info-title clearfix">
             <div class="left">{{ item.title }}</div>
             <div class="right">
-              <span v-if="item.isListing" class="right-item">
+              <span v-if="renderBasicValue('isShelves')" class="right-item">
                 <img src="../../../assets/image/u1723.png" alt="">
                 已上架
               </span>
-              <span @click.stop="">
-                <span v-if="!item.isListing" class="active right-item"  @click="handleUp(item.id)">
-                  <img src="../../../assets/image/u1723.png" alt="">
-                  上架
-                </span>
+              <span v-if="!renderBasicValue('isShelves')" class="active right-item"  @click="handleUp(item.id)">
+                <img src="../../../assets/image/u1723.png" alt="">
+                上架
               </span>
-              <span v-if="!item.isListing"  class="right-item">
+              <span v-if="!renderBasicValue('isShelves')"  class="right-item">
                 <img src="../../../assets/image/u1720.png" alt="">
                 已下架
               </span>
-              <span @click.stop="">
-                <span v-if="item.isListing" class="active right-item" @click="handleDown(item.id)">
-                  <img src="../../../assets/image/u1720.png" alt="">
-                  下架
-                </span>
+              <span v-if="renderBasicValue('isShelves')" class="active right-item" @click="handleDown(item.id)">
+                <img src="../../../assets/image/u1720.png" alt="">
+                下架
               </span>
             </div>
           </div>
@@ -83,7 +79,7 @@ import data from './entityDetailData'
 import collectPentacle from '@/assets/image/entityDetail/u1517.svg'
 import unCollectPentacle from '@/assets/image/entityDetail/u3076.svg'
 import backIcon from '@/assets/image/entityDetail/u1522.png'
-
+import backApi from "@/api/index/search.js";
 export default {
   data() {
     let baseInfo = {}
@@ -239,11 +235,36 @@ export default {
     handleReturn() {
       this.$router.go(-1)
     },
-    handleDown() {
-      console.log('down')
+    handleDown(id) {
+      const params = this.getListingParam(id)
+      backApi.batchDownShelves(params).then(res => {
+        if (res.success) {
+          this.$message({ type: 'success', message: '下架成功!' })
+          this.getData()
+        }
+      })
     },
-    handleUp() {
-      console.log('up')
+    handleUp(id) {
+      const params = this.getListingParam(id)
+      backApi.batchUpShelves(params).then(res => {
+        if (res.success) {
+          this.$message({ type: 'success', message: '上架成功!' })
+          this.getData()
+        }
+      })
+    },
+    getListingParam(id) {
+      const params = {resourceType: 'theme', resourceIds: [id],}
+      if (this.type === 'special') {
+        params.resourceType = 'specialSubject'
+      }
+      if (this.type === 'target') {
+        params.resourceType = 'index'
+      }
+      if (this.type === 'api' || this.type === 'message') {
+        params.resourceType = 'service'
+      }
+      return params
     }
   }
 };
@@ -294,6 +315,7 @@ export default {
       margin-right: 10px;
     }
     .active{
+      cursor: pointer;
       color: #0000FF;
       z-index: 10;
     }

src/pages/index/components/searchPage.vue

@@ -475,6 +475,11 @@ export default {
     }
     .list-wrap {
       width: 75%;
+      .empty-block{
+        height: 300px;
+        text-align: center;
+        line-height: 200px;
+      }
       .entity-card {
         cursor: pointer;
         width: 100%;