style:登记薄

@@ -207,6 +207,13 @@ aside {
   }
 }
 
+.ellipsis-line {
+  width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis; //文本溢出显示省略号
+  white-space: nowrap; //文本不会换行
+}
+
 //main-container全局样式
 .app-container {
   padding: 20px;
@@ -479,4 +486,4 @@ aside {
   top: 0;
   right: 0;
   transform: rotate(-90deg);
-}
+}
\ No newline at end of file

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 09:52:28
+ * @LastEditTime: 2023-08-16 08:54:00
 -->
 <template>
   <div class="djxxTable">
@@ -62,7 +62,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 09:52:37
+ * @LastEditTime: 2023-08-16 08:52:10
 -->
 <template>
   <div class="djxxTable">
@@ -56,7 +56,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

@@ -90,6 +90,7 @@
        * @author: renchao
        */
       loadComponent (form) {
+        console.log(form, 'form');
         this.componentTag = (r) =>
           require.ensure([], () => r(require("@/views/registerBook/" + form)))
       }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:01:08
+ * @LastEditTime: 2023-08-16 08:54:50
 -->
 <template>
   <div class="djxxTable">
@@ -62,7 +62,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

@@ -51,7 +51,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

@@ -51,7 +51,15 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
+
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>
@@ -88,7 +96,15 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
+
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:03:56
+ * @LastEditTime: 2023-08-16 08:53:21
 -->
 <template>
   <div class="djxxTable">
@@ -51,7 +51,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:04:07
+ * @LastEditTime: 2023-08-16 08:53:33
 -->
 <template>
   <div class="djxxTable">
@@ -50,7 +50,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:04:15
+ * @LastEditTime: 2023-08-16 08:53:41
 -->
 <template>
   <div class="djxxTable">
@@ -50,7 +50,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
             <td v-for="count in emptycolNum" :key="~count"></td>
           </tr>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-30 17:09:35
+ * @LastEditTime: 2023-08-16 08:53:48
 -->
 <template>
   <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
@@ -50,7 +50,14 @@
                 {{ getQsztName(row[item.prop]) }}
               </span>
 
-              <span v-else> {{ row[item.prop] }}</span>
+              <span v-if="item.prop != 'djyy'">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
             </td>
           </tr>
         </table>