详情页bug自测

front/src/views/detailsAll/DeveloperComponents.vue

@@ -134,7 +134,6 @@
       }
       queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
         associatedComponents.value[0].dataList = res.data.data
-        debugger
         loading.value = false
       })
       selectOne(id).then((res) => {

front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue

@@ -17,7 +17,10 @@
           <div class="content-left-content">
             <p>
               <span>{{ item.link.name }}</span>
+              <a-tooltip>
+                <template #title>{{ item.link.value }}</template>
                 <span>{{ item.link.value }}</span>
+              </a-tooltip>
             </p>
             <p>
               <span>{{ item.postMethod.name }}</span>
@@ -72,7 +75,7 @@
         title: '技术对接',
         titleSon: '调用接口',
         link: {
-          name: '接口地址：',
+          name: '服务接口：',
           value: '',
         },
         postMethod: {
@@ -225,10 +228,9 @@
             color: rgba(33, 41, 86, 0.8);
             line-height: 20px;
             p {
-              display: -webkit-box;
               overflow: hidden;
-              -webkit-line-clamp: 1;
-              -webkit-box-orient: vertical;
+              text-overflow: ellipsis;
+              white-space: nowrap;
               margin-bottom: 10px;
             }
           }
@@ -283,13 +285,16 @@
           p {
             // width: 160px;
             height: 20px;
-            display: -webkit-box;
-            // overflow: hidden;
+            overflow: hidden;
+            text-overflow: ellipsis;
             white-space: nowrap;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
             margin-right: 15px;
             span {
+              display: inline-block;
+              max-width: 1.2rem;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
               cursor: pointer;
             }
           }

front/src/views/detailsAll/components/Algorithm/PictureCharacterRecognition.vue

@@ -6,11 +6,7 @@
         <div>
           <div class="title">图片识别</div>
           <div class="box">
-            <a-image
-              :width="510"
-              :height="340"
-              :src="responseUrl"
-            />
+            <a-image :width="510" :height="340" :src="responseUrl" />
             <a-upload
               v-model:file-list="fileList"
               name="file"
@@ -88,7 +84,6 @@
   const menuOpenKeys2 = ref(['全文还原'])
   let responseUrl = ref('static/image/test.jpg')
   const handleChange = (info) => {
-    debugger;
     if (info.file.status !== 'uploading') {
       console.log(info.file, info.fileList)
     }

front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue

@@ -71,7 +71,6 @@
     dataList: { type: Object, default: null },
   })
   if (props.dataList.infoList) {
-    debugger
     let obj = props.dataList.infoList.filter(
       (item) => item.attrType === '应用场景'
     )[0]
@@ -79,7 +78,6 @@
       flag.value = false
     } else {
       obj.attrValue = JSON.parse(obj.attrValue)
-      debugger
       dataFrom.value = obj
       tabindex.value = dataFrom.value.attrValue[0].name
     }

front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue

@@ -103,7 +103,6 @@
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
         // if (item.name == '关联应用') {
-        //   debugger
         //   if (props.associatedComponents[0].dataList.length != 0) {
         //     item.show = true
         //   }

front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue

@@ -57,6 +57,10 @@
       {
         childrenTitle: '归属部门',
         childrenContent: [
+          {
+            attrType: '归属部门名称',
+            attrValue: '------',
+          },
           {
             attrType: '部门联系人',
             attrValue: '------',
@@ -65,15 +69,15 @@
             attrType: '联系人电话',
             attrValue: '------',
           },
-          {
-            attrType: '归属部门名称',
-            attrValue: '------',
-          },
         ],
       },
       {
         childrenTitle: '服务商信息',
         childrenContent: [
+          {
+            attrType: '服务商名称',
+            attrValue: '------',
+          },
           {
             attrType: '服务商联系人',
             attrValue: '------',
@@ -82,10 +86,6 @@
             attrType: '联系人电话',
             attrValue: '------',
           },
-          {
-            attrType: '服务商名称',
-            attrValue: '------',
-          },
         ],
       },
     ],
@@ -117,6 +117,9 @@
         } else if (item.attrType == '服务商联系电话') {
           dataFrom.value.content[1].childrenContent[1].attrValue =
             item.attrValue
+        } else if (item.attrType == '服务商' || item.attrType == '服务商名') {
+          dataFrom.value.content[1].childrenContent[2].attrValue =
+            item.attrValue
         }
       })
     }
@@ -176,6 +179,12 @@
             } else if (item.attrType == '服务商联系电话') {
               dataFrom.value.content[1].childrenContent[1].attrValue =
                 item.attrValue
+            } else if (
+              item.attrType == '服务商' ||
+              item.attrType == '服务商名'
+            ) {
+              dataFrom.value.content[1].childrenContent[2].attrValue =
+                item.attrValue
             }
           })
         }

front/src/views/detailsAll/components/Developer/DeveloperTrial.vue

@@ -130,6 +130,13 @@
         border-right: 0.01rem #ffffff solid;
         padding-left: 0.7rem;
         padding-right: 1rem;
+        & > p {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+        }
       }
       .main-center {
         padding-left: 1rem;

front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue

@@ -2,21 +2,28 @@
   <!-- 使用方式 -->
   <div class="usage-mode" v-if="flag">
     <div class="tltle">
-      <DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
+      <DetalsTitle
+        :title="dataFrom.title"
+        :type="dataFrom.englishTitle"
+      ></DetalsTitle>
     </div>
     <div class="content" v-for="item in dataFrom.content" :key="item.title">
       <div class="content-left">
         <div class="left">
-          <div class="content-left-content">
+          <a-tooltip>
+            <template #title>{{ item.linkValue }}</template>
             <p>
-              <span>服务地址：</span>
-              <span>{{ item.linkValue }}</span>
+              服务地址：
+              {{ item.linkValue }}
             </p>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ item.csslinkValue }}</template>
             <p>
-              <span>样式服务地址：</span>
-              <span>{{ item.csslnkValue }}</span>
+              样式服务地址：
+              {{ item.csslinkValue }}
             </p>
-          </div>
+          </a-tooltip>
         </div>
         <div class="right">
           <div @click="technical()">接口文档</div>
@@ -96,6 +103,7 @@ let dataFrom = ref({
           name: '接口地址：',
         },
         linkValue: '',
+        csslinkValue: '',
         contact: '归属部门',
         facilitator: { name: '归属部门：', value: '' },
         people: { name: '部门联系人：', value: '' },
@@ -139,7 +147,7 @@ if (props.dataList.infoList) {
       dataFrom.value.content[0].phone.value = props.dataList.deptPhone
       console.log('dataList', props.dataList)
       props.dataList.infoList.map((item) => {
-      if (item.attrType === '组件地址') {
+        if (item.attrType === '服务地址') {
           dataFrom.value.content[0].linkValue = item.attrValue || '--'
         } else if (item.attrType === '服务商') {
           dataFrom.value.content[0].facilitator2.value = item.attrValue || '--'
@@ -147,6 +155,8 @@ if (props.dataList.infoList) {
           dataFrom.value.content[0].people2.value = item.attrValue || '--'
         } else if (item.attrType === '服务商联系电话') {
           dataFrom.value.content[0].phone2.value = item.attrValue || '--'
+        } else if (item.attrType === '样式服务地址') {
+          dataFrom.value.content[0].csslinkValue = item.attrValue || '--'
         }
       })
     }
@@ -174,7 +184,7 @@ watch(
           dataFrom.value.content[0].phone.value = val.deptPhone
           console.log('dataList', val)
           val.infoList.map((item) => {
-          if (item.attrType === '组件地址') {
+            if (item.attrType === '服务地址') {
               dataFrom.value.content[0].linkValue = item.attrValue || '--'
             } else if (item.attrType === '服务商') {
               dataFrom.value.content[0].facilitator2.value =
@@ -183,6 +193,8 @@ watch(
               dataFrom.value.content[0].people2.value = item.attrValue || '--'
             } else if (item.attrType === '服务商联系电话') {
               dataFrom.value.content[0].phone2.value = item.attrValue || '--'
+            } else if (item.attrType === '样式服务地址') {
+              dataFrom.value.content[0].csslinkValue = item.attrValue || '--'
             }
           })
         }
@@ -242,9 +254,11 @@ function technicalNew() {
       .content-left {
         height: 1.8rem;
         width: 6.2rem;
-      background: linear-gradient(to right,
+        background: linear-gradient(
+          to right,
           rgba(113, 132, 252, 0.4),
-          rgba(148, 163, 252, 0.4));
+          rgba(148, 163, 252, 0.4)
+        );
         border-radius: 0.1rem;
         margin-right: 0.6rem;
         box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
@@ -263,27 +277,20 @@ function technicalNew() {
               margin-right: 0.1rem;
             }
           }
-
-        .content-left-content {
-          width: 4.2rem;
-          font-size: 0.2rem;
-          color: rgba(33, 41, 86, 0.8);
-          line-height: 0.2rem;
-
           p {
-            display: -webkit-box;
+            display: block;
+            color: rgba(33, 41, 86, 0.8);
+            width: 4.2rem;
             overflow: hidden;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-            // margin-bottom: 0.1rem;
+            text-overflow: ellipsis;
+            white-space: nowrap;
             font-size: 20px;
             color: #212956;
             line-height: 26px;
+            margin-top: 0.3rem;
           }
-
-          p:last-of-type {
-            margin-top: 20px;
-          }
+          p:first-child {
+            margin-top: 0.2rem;
           }
         }
 
@@ -310,9 +317,11 @@ function technicalNew() {
       .content-right {
         height: 1.8rem;
         width: 6.2rem;
-      background: linear-gradient(to right,
+        background: linear-gradient(
+          to right,
           rgba(113, 132, 252, 0.4),
-          rgba(148, 163, 252, 0.4));
+          rgba(148, 163, 252, 0.4)
+        );
         border-radius: 0.1rem;
         box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
         display: flex;