对空数据处理，修改样式

src/assets/styles/public.scss

@@ -5,11 +5,11 @@
   align-items: center;
   justify-content: space-between;
   padding-right: 20px;
-  .icon-jc-55fanhui {
-    color: #192a92;
-    font-size: 20px;
-    cursor: pointer;
-  }
+  // .icon-jc-55fanhui {
+  //   color: #192a92;
+  //   font-size: 20px;
+  //   cursor: pointer;
+  // }
 }
 .L-public-main {
   padding: 6px 6px 6px 6px;
@@ -227,10 +227,10 @@
         width: 340px;
       }
       .el-input {
-        width: 340px;
+        width: 320px;
       }
       .query-item {
-        margin-left: 15px;
+        margin-left: 10px;
         .el-form-item__content {
           width: 100%;
           button {

src/components/Breadcrumb/index.vue

@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2024-03-25 09:07:08
  * @LastEditors: JC9527
- * @LastEditTime: 2024-03-27 17:19:32
+ * @LastEditTime: 2024-03-28 11:04:55
 -->
 <template>
   <div class="my-L-breadcrumb">
@@ -21,7 +21,14 @@
         </el-breadcrumb-item>
       </transition-group>
     </el-breadcrumb>
-    <i class="icon iconfont icon-jc-55fanhui" @click="back" v-show="$route.meta.title == '项目详情'"></i>
+    <!-- <i class="icon iconfont icon-jc-55fanhui" @click="back" v-show="$route.meta.title == '项目详情'"></i> -->
+    <el-button
+      type="primary"
+      v-show="$route.meta.title == '项目详情'"
+      icon="icon iconfont icon-jc-55fanhui"
+      size="mini"
+      @click="back"
+    >返回</el-button>
   </div>
 </template>
 

src/router/index.js

@@ -177,7 +177,7 @@ Router.prototype.replace = function push(location) {
 };
 
 export default new Router({
-  mode: "history", // 去掉url中的#
+  // mode: "history", // 去掉url中的#
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRoutes,
 });

src/views/project/index.vue

@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2024-03-25 09:07:08
  * @LastEditors: JC9527
- * @LastEditTime: 2024-03-28 10:20:30
+ * @LastEditTime: 2024-03-28 13:09:15
 -->
 <template>
   <div class="L-public-main">
@@ -286,7 +286,7 @@ export default {
       }
       this.pagination = { ...this.pagination,...this.formInline };
       // console.log(this.pagination);
-      console.log(this.formInline);
+      // console.log(this.formInline);
       this.getList();
     },
     // 重置

src/views/project/projectInfo/components/tabOne/index.vue

@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2024-03-25 15:37:35
  * @LastEditors: JC9527
- * @LastEditTime: 2024-03-27 17:22:13
+ * @LastEditTime: 2024-03-28 11:27:44
 -->
 <template>
   <div>
@@ -44,38 +44,48 @@ export default {
               
               let obj = {};
               obj["key"] = key;
-              obj["value"] = newInfo[key]
+              obj["value"] = newInfo[key] ? newInfo[key] : '暂无'
               obj["span"] = 1;
               arr.push(obj)
             }
           }
+          arr = arr.filter(element => element.key !== "");
           for (var i = 0; i < arr.length; i++) {
+            // if(!arr[i].key) {
+            //   delete arr[i];
+            //   continue;
+            // }
             // 计算不同长度所占的列宽
             if(arr[i].value) {
-              if((i + 1) % 3 == 1 && arr[i].value.length > 50) {
+              if((i + 1) % 3 == 1 && arr[i].value.length > 50 && arr[i - 1]?.span == 2) {
+                arr[i - 1].span = 3
                 arr[i].span = 3
-              } else if((i + 1) % 3 == 1 && arr[i].value.length > 18 && arr[i].value.length < 50 ) {
+              } else if((i + 1) % 3 == 1 && arr[i].value.length > 18 && arr[i].value.length < 50  && arr[i - 1]?.span == 2) {
                 arr[i - 1].span = 3
                 arr[i].span = 2
               } else if((i + 1) % 3 == 2  && arr[i].value.length > 50) {
                 arr[i - 1].span = 3
                 arr[i].span = 3
-              } else if((i + 1) % 3 == 2  && arr[i].value.length > 18 && arr[i].value.length < 50) {
+              } else if((i + 1) % 3 == 2  && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1]?.span == 2) {
+                arr[i - 1].span = 3
                 arr[i].span = 2
-              } else if((i + 1) % 3 == 0  && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1].span == 1) {
+              } else if((i + 1) % 3 == 0  && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1]?.span == 1) {
                 arr[i - 1].span = 2
                 arr[i].span = 2
               } else if((i + 1) % 3 == 0  && arr[i].value.length > 50 && arr[i - 1].span == 1) {
                 arr[i - 1].span = 2
                 arr[i].span = 3
-              } else if((i + 1) % 3 == 0  && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1].span == 2) {
+              } else if((i + 1) % 3 == 0  && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1]?.span == 2) {
                 arr[i].span = 2
+              } else if((i + 1) % 3 == 0  && arr[i].value.length > 50) {
+                arr[i].span = 3
               }
-            } else {
-              arr[i].span = 1
             }
           }
-          this.info = [...arr]
+          
+          this.$nextTick(()=>{
+            this.info = [...arr]
+          })
         }
         
       },