style:登记薄
Showing
11 changed files
with
98 additions
and
18 deletions
... | @@ -207,6 +207,13 @@ aside { | ... | @@ -207,6 +207,13 @@ aside { |
207 | } | 207 | } |
208 | } | 208 | } |
209 | 209 | ||
210 | .ellipsis-line { | ||
211 | width: 200px; | ||
212 | overflow: hidden; | ||
213 | text-overflow: ellipsis; //文本溢出显示省略号 | ||
214 | white-space: nowrap; //文本不会换行 | ||
215 | } | ||
216 | |||
210 | //main-container全局样式 | 217 | //main-container全局样式 |
211 | .app-container { | 218 | .app-container { |
212 | padding: 20px; | 219 | padding: 20px; |
... | @@ -479,4 +486,4 @@ aside { | ... | @@ -479,4 +486,4 @@ aside { |
479 | top: 0; | 486 | top: 0; |
480 | right: 0; | 487 | right: 0; |
481 | transform: rotate(-90deg); | 488 | transform: rotate(-90deg); |
482 | } | 489 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 09:52:28 | 4 | * @LastEditTime: 2023-08-16 08:54:00 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -62,7 +62,14 @@ | ... | @@ -62,7 +62,14 @@ |
62 | {{ getQsztName(row[item.prop]) }} | 62 | {{ getQsztName(row[item.prop]) }} |
63 | </span> | 63 | </span> |
64 | 64 | ||
65 | <span v-else> {{ row[item.prop] }}</span> | 65 | <span v-if="item.prop != 'djyy'"> |
66 | {{ row[item.prop] }} | ||
67 | </span> | ||
68 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
69 | <span class="ellipsis-line"> | ||
70 | {{ row[item.prop] }} | ||
71 | </span> | ||
72 | </el-tooltip> | ||
66 | </td> | 73 | </td> |
67 | <td v-for="count in emptycolNum" :key="~count"></td> | 74 | <td v-for="count in emptycolNum" :key="~count"></td> |
68 | </tr> | 75 | </tr> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 09:52:37 | 4 | * @LastEditTime: 2023-08-16 08:52:10 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -56,7 +56,14 @@ | ... | @@ -56,7 +56,14 @@ |
56 | {{ getQsztName(row[item.prop]) }} | 56 | {{ getQsztName(row[item.prop]) }} |
57 | </span> | 57 | </span> |
58 | 58 | ||
59 | <span v-else> {{ row[item.prop] }}</span> | 59 | <span v-if="item.prop != 'djyy'"> |
60 | {{ row[item.prop] }} | ||
61 | </span> | ||
62 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
63 | <span class="ellipsis-line"> | ||
64 | {{ row[item.prop] }} | ||
65 | </span> | ||
66 | </el-tooltip> | ||
60 | </td> | 67 | </td> |
61 | <td v-for="count in emptycolNum" :key="~count"></td> | 68 | <td v-for="count in emptycolNum" :key="~count"></td> |
62 | </tr> | 69 | </tr> | ... | ... |
... | @@ -90,6 +90,7 @@ | ... | @@ -90,6 +90,7 @@ |
90 | * @author: renchao | 90 | * @author: renchao |
91 | */ | 91 | */ |
92 | loadComponent (form) { | 92 | loadComponent (form) { |
93 | console.log(form, 'form'); | ||
93 | this.componentTag = (r) => | 94 | this.componentTag = (r) => |
94 | require.ensure([], () => r(require("@/views/registerBook/" + form))) | 95 | require.ensure([], () => r(require("@/views/registerBook/" + form))) |
95 | } | 96 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 15:01:08 | 4 | * @LastEditTime: 2023-08-16 08:54:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -62,7 +62,14 @@ | ... | @@ -62,7 +62,14 @@ |
62 | {{ getQsztName(row[item.prop]) }} | 62 | {{ getQsztName(row[item.prop]) }} |
63 | </span> | 63 | </span> |
64 | 64 | ||
65 | <span v-else> {{ row[item.prop] }}</span> | 65 | <span v-if="item.prop != 'djyy'"> |
66 | {{ row[item.prop] }} | ||
67 | </span> | ||
68 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
69 | <span class="ellipsis-line"> | ||
70 | {{ row[item.prop] }} | ||
71 | </span> | ||
72 | </el-tooltip> | ||
66 | </td> | 73 | </td> |
67 | <td v-for="count in emptycolNum" :key="~count"></td> | 74 | <td v-for="count in emptycolNum" :key="~count"></td> |
68 | </tr> | 75 | </tr> | ... | ... |
... | @@ -51,7 +51,14 @@ | ... | @@ -51,7 +51,14 @@ |
51 | {{ getQsztName(row[item.prop]) }} | 51 | {{ getQsztName(row[item.prop]) }} |
52 | </span> | 52 | </span> |
53 | 53 | ||
54 | <span v-else> {{ row[item.prop] }}</span> | 54 | <span v-if="item.prop != 'djyy'"> |
55 | {{ row[item.prop] }} | ||
56 | </span> | ||
57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
58 | <span class="ellipsis-line"> | ||
59 | {{ row[item.prop] }} | ||
60 | </span> | ||
61 | </el-tooltip> | ||
55 | </td> | 62 | </td> |
56 | <td v-for="count in emptycolNum" :key="~count"></td> | 63 | <td v-for="count in emptycolNum" :key="~count"></td> |
57 | </tr> | 64 | </tr> | ... | ... |
... | @@ -51,7 +51,15 @@ | ... | @@ -51,7 +51,15 @@ |
51 | {{ getQsztName(row[item.prop]) }} | 51 | {{ getQsztName(row[item.prop]) }} |
52 | </span> | 52 | </span> |
53 | 53 | ||
54 | <span v-else> {{ row[item.prop] }}</span> | 54 | <span v-if="item.prop != 'djyy'"> |
55 | {{ row[item.prop] }} | ||
56 | </span> | ||
57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
58 | <span class="ellipsis-line"> | ||
59 | {{ row[item.prop] }} | ||
60 | </span> | ||
61 | </el-tooltip> | ||
62 | |||
55 | </td> | 63 | </td> |
56 | <td v-for="count in emptycolNum" :key="~count"></td> | 64 | <td v-for="count in emptycolNum" :key="~count"></td> |
57 | </tr> | 65 | </tr> |
... | @@ -88,7 +96,15 @@ | ... | @@ -88,7 +96,15 @@ |
88 | {{ getQsztName(row[item.prop]) }} | 96 | {{ getQsztName(row[item.prop]) }} |
89 | </span> | 97 | </span> |
90 | 98 | ||
91 | <span v-else> {{ row[item.prop] }}</span> | 99 | <span v-if="item.prop != 'djyy'"> |
100 | {{ row[item.prop] }} | ||
101 | </span> | ||
102 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
103 | <span class="ellipsis-line"> | ||
104 | {{ row[item.prop] }} | ||
105 | </span> | ||
106 | </el-tooltip> | ||
107 | |||
92 | </td> | 108 | </td> |
93 | <td v-for="count in emptycolNum" :key="~count"></td> | 109 | <td v-for="count in emptycolNum" :key="~count"></td> |
94 | </tr> | 110 | </tr> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 15:03:56 | 4 | * @LastEditTime: 2023-08-16 08:53:21 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -51,7 +51,14 @@ | ... | @@ -51,7 +51,14 @@ |
51 | {{ getQsztName(row[item.prop]) }} | 51 | {{ getQsztName(row[item.prop]) }} |
52 | </span> | 52 | </span> |
53 | 53 | ||
54 | <span v-else> {{ row[item.prop] }}</span> | 54 | <span v-if="item.prop != 'djyy'"> |
55 | {{ row[item.prop] }} | ||
56 | </span> | ||
57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
58 | <span class="ellipsis-line"> | ||
59 | {{ row[item.prop] }} | ||
60 | </span> | ||
61 | </el-tooltip> | ||
55 | </td> | 62 | </td> |
56 | <td v-for="count in emptycolNum" :key="~count"></td> | 63 | <td v-for="count in emptycolNum" :key="~count"></td> |
57 | </tr> | 64 | </tr> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 15:04:07 | 4 | * @LastEditTime: 2023-08-16 08:53:33 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -50,7 +50,14 @@ | ... | @@ -50,7 +50,14 @@ |
50 | {{ getQsztName(row[item.prop]) }} | 50 | {{ getQsztName(row[item.prop]) }} |
51 | </span> | 51 | </span> |
52 | 52 | ||
53 | <span v-else> {{ row[item.prop] }}</span> | 53 | <span v-if="item.prop != 'djyy'"> |
54 | {{ row[item.prop] }} | ||
55 | </span> | ||
56 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
57 | <span class="ellipsis-line"> | ||
58 | {{ row[item.prop] }} | ||
59 | </span> | ||
60 | </el-tooltip> | ||
54 | </td> | 61 | </td> |
55 | <td v-for="count in emptycolNum" :key="~count"></td> | 62 | <td v-for="count in emptycolNum" :key="~count"></td> |
56 | </tr> | 63 | </tr> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 15:04:15 | 4 | * @LastEditTime: 2023-08-16 08:53:41 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -50,7 +50,14 @@ | ... | @@ -50,7 +50,14 @@ |
50 | {{ getQsztName(row[item.prop]) }} | 50 | {{ getQsztName(row[item.prop]) }} |
51 | </span> | 51 | </span> |
52 | 52 | ||
53 | <span v-else> {{ row[item.prop] }}</span> | 53 | <span v-if="item.prop != 'djyy'"> |
54 | {{ row[item.prop] }} | ||
55 | </span> | ||
56 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
57 | <span class="ellipsis-line"> | ||
58 | {{ row[item.prop] }} | ||
59 | </span> | ||
60 | </el-tooltip> | ||
54 | </td> | 61 | </td> |
55 | <td v-for="count in emptycolNum" :key="~count"></td> | 62 | <td v-for="count in emptycolNum" :key="~count"></td> |
56 | </tr> | 63 | </tr> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-30 17:09:35 | 4 | * @LastEditTime: 2023-08-16 08:53:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" |
... | @@ -50,7 +50,14 @@ | ... | @@ -50,7 +50,14 @@ |
50 | {{ getQsztName(row[item.prop]) }} | 50 | {{ getQsztName(row[item.prop]) }} |
51 | </span> | 51 | </span> |
52 | 52 | ||
53 | <span v-else> {{ row[item.prop] }}</span> | 53 | <span v-if="item.prop != 'djyy'"> |
54 | {{ row[item.prop] }} | ||
55 | </span> | ||
56 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top"> | ||
57 | <span class="ellipsis-line"> | ||
58 | {{ row[item.prop] }} | ||
59 | </span> | ||
60 | </el-tooltip> | ||
54 | </td> | 61 | </td> |
55 | </tr> | 62 | </tr> |
56 | </table> | 63 | </table> | ... | ... |
-
Please register or sign in to post a comment