能力上架详情页修改

front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue

@@ -109,6 +109,12 @@
               v-model:value="item.note1"
               :options="item.options"
             />
+            <p v-else-if="item.type == 'text'">
+              {{ abilityToType }}
+            </p>
+            <p v-else-if="item.type == 'text2'">
+              {{ componentTypeValue }}
+            </p>
             <a-textarea
               v-else-if="item.type == 'textArea'"
               v-model:value="item.note1"
@@ -153,6 +159,9 @@
               :list="props.videoList"
               tip="支持视频类型，大小不超过100M"
             ></upload>
+            <a-button v-else-if="item.type == 'dialog'" @click="sourceClick">
+              请选择来源应用
+            </a-button>
             <a-select
               v-else-if="item.type == 'select'"
               style="width: 240px"
@@ -194,11 +203,15 @@
   </div>
 </template>
 <script setup>
-  import { ref, defineProps, watch } from 'vue'
+  import { ref, defineProps, watch, onMounted } from 'vue'
   import mybus from '@/myplugins/mybus'
   import upload from '@/views/components/upload'
   import { message } from 'ant-design-vue'
   import { getCategoryTreePage } from '@/api/personalCenter'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
+  const abilityToType = router.currentRoute.value.query.abilityToType
+  const componentTypeValue = router.currentRoute.value.query.componentTypeValue
   const props = defineProps({
     // 展示数据
     refData: { type: Object, default: null },
@@ -387,6 +400,7 @@
       delFlag: 0,
     })
   }
+  const sourceClick = () => {}
   watch(data.value.list, (newProps, oldProps) => {
     console.log(newProps, oldProps)
     newProps.forEach((val) => {
@@ -512,12 +526,12 @@
             width: 570px;
           }
           .ant-btn {
-            width: 100px;
+            width: 160px;
             height: 32px;
             text-align: center;
-            background: #d9ebff;
+            background: #edf4fc;
             color: #0087ff;
-            border: 1px solid #0087ff;
+            border: 1px solid #bbd3ef;
             border-radius: 6px;
           }
         }

front/src/views/newHome/components/PopularAbility.vue

@@ -293,6 +293,11 @@
                 color: #212121;
                 text-align: center;
                 margin-top: 0.05rem;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-line-clamp: 1;
+                -webkit-box-orient: vertical;
               }
               .text {
                 width: 100%;