style:登记薄
Showing
11 changed files
with
97 additions
and
17 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; | ... | ... |
| 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