style:左侧菜单栏样式修改
Showing
5 changed files
with
27 additions
and
15 deletions
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | } | 40 | } |
41 | 41 | ||
42 | .menu-con { | 42 | .menu-con { |
43 | width: 87%; | 43 | width: 93%; |
44 | } | 44 | } |
45 | 45 | ||
46 | .batchDel { | 46 | .batchDel { |
... | @@ -55,8 +55,10 @@ | ... | @@ -55,8 +55,10 @@ |
55 | 55 | ||
56 | .title-detail { | 56 | .title-detail { |
57 | display: flex; | 57 | display: flex; |
58 | flex-wrap: wrap; | ||
59 | width: 100%; | 58 | width: 100%; |
59 | overflow: hidden; | ||
60 | text-overflow: ellipsis; //文本溢出显示省略号 | ||
61 | white-space: nowrap; //文本不会换行 | ||
60 | } | 62 | } |
61 | 63 | ||
62 | .title-batch { | 64 | .title-batch { |
... | @@ -209,7 +211,8 @@ | ... | @@ -209,7 +211,8 @@ |
209 | box-sizing: border-box; | 211 | box-sizing: border-box; |
210 | width: 70px; | 212 | width: 70px; |
211 | margin: 0 5px; | 213 | margin: 0 5px; |
212 | .icon{ | 214 | |
215 | .icon { | ||
213 | font-size: 10px; | 216 | font-size: 10px; |
214 | } | 217 | } |
215 | } | 218 | } |
... | @@ -229,4 +232,4 @@ | ... | @@ -229,4 +232,4 @@ |
229 | position: absolute; | 232 | position: absolute; |
230 | left: 0; | 233 | left: 0; |
231 | bottom: 0; | 234 | bottom: 0; |
232 | } | 235 | } |
... | \ 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-08-25 16:39:06 | 4 | * @LastEditTime: 2023-08-25 17:35:22 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
... | @@ -184,7 +184,7 @@ | ... | @@ -184,7 +184,7 @@ |
184 | setTimeout(() => { | 184 | setTimeout(() => { |
185 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | 185 | that.ruleForm.tmpcontent = document.getElementById("S1").value; |
186 | if (that.ruleForm.tmpno == 'zsdy') { | 186 | if (that.ruleForm.tmpno == 'zsdy') { |
187 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=KRMCXFVDPWMN0919UI1J%2F20230825%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230825T080608Z&X-Amz-Expires=604800&X-Amz-Security-Token=eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NLZXkiOiJLUk1DWEZWRFBXTU4wOTE5VUkxSiIsImV4cCI6MTY5Mjk1NDI1NiwicGFyZW50IjoibWluaW9hZG1pbiJ9.OOHyJOL0zk9n3pSdWC-uIMztKL2wwHM0DsFJr1sjhxTMlbSVnCWluQpf94D4fEq35c0Us2Mi7KKINDnojwox6A&X-Amz-SignedHeaders=host&versionId=null&X-Amz-Signature=67b9cea9b1e1386e3ec826ddd1e33e514715aabbb671be991df72f5e47b20c45'>"); | 187 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); |
188 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 | 188 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 |
189 | LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4"); | 189 | LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "B4"); |
190 | } | 190 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 14:55:49 | 4 | * @LastEditTime: 2023-08-28 08:44:31 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -20,7 +20,9 @@ | ... | @@ -20,7 +20,9 @@ |
20 | <p class="dot" v-if="item.issave == '0'"></p> | 20 | <p class="dot" v-if="item.issave == '0'"></p> |
21 | <div class="menu-con"> | 21 | <div class="menu-con"> |
22 | <p>{{ item.bdcdyh }}</p> | 22 | <p>{{ item.bdcdyh }}</p> |
23 | <p class="title-detail">{{ item.zl }}</p> | 23 | <el-tooltip effect="dark" :content="item.zl" placement="top"> |
24 | <p class="title-detail">{{ item.zl }}</p> | ||
25 | </el-tooltip> | ||
24 | </div> | 26 | </div> |
25 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | 27 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> |
26 | </el-menu-item> | 28 | </el-menu-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 14:52:40 | 4 | * @LastEditTime: 2023-08-28 08:46:04 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -19,7 +19,9 @@ | ... | @@ -19,7 +19,9 @@ |
19 | <el-menu-item v-for="(item, index) in aroundUnitData" :index="index.toString()" :key="index"> | 19 | <el-menu-item v-for="(item, index) in aroundUnitData" :index="index.toString()" :key="index"> |
20 | <div> | 20 | <div> |
21 | <p>{{ item.bdcdyh }}</p> | 21 | <p>{{ item.bdcdyh }}</p> |
22 | <p class="title-detail">{{ item.zl }}</p> | 22 | <el-tooltip effect="dark" :content="item.zl" placement="top"> |
23 | <p class="title-detail">{{ item.zl }}</p> | ||
24 | </el-tooltip> | ||
23 | </div> | 25 | </div> |
24 | <i class="el-icon-delete" v-if="aroundUnitData.length > 1" @click.stop="handleDel(item)"></i> | 26 | <i class="el-icon-delete" v-if="aroundUnitData.length > 1" @click.stop="handleDel(item)"></i> |
25 | </el-menu-item> | 27 | </el-menu-item> |
... | @@ -33,7 +35,9 @@ | ... | @@ -33,7 +35,9 @@ |
33 | <span class="dot" v-if="item.issave == '0'"></span> | 35 | <span class="dot" v-if="item.issave == '0'"></span> |
34 | <div> | 36 | <div> |
35 | <p>{{ item.bdcdyh }}</p> | 37 | <p>{{ item.bdcdyh }}</p> |
36 | <p class="title-detail">{{ item.zl }}</p> | 38 | <el-tooltip effect="dark" :content="item.zl" placement="top"> |
39 | <p class="title-detail">{{ item.zl }}</p> | ||
40 | </el-tooltip> | ||
37 | </div> | 41 | </div> |
38 | <i class="el-icon-delete" v-if="afterUnitData.length > 1" @click.stop="handleDel(item)"></i> | 42 | <i class="el-icon-delete" v-if="afterUnitData.length > 1" @click.stop="handleDel(item)"></i> |
39 | </el-menu-item> | 43 | </el-menu-item> | ... | ... |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | } | 40 | } |
41 | 41 | ||
42 | .menu-con { | 42 | .menu-con { |
43 | width: 87%; | 43 | width: 93%; |
44 | } | 44 | } |
45 | 45 | ||
46 | .batchDel { | 46 | .batchDel { |
... | @@ -54,8 +54,10 @@ | ... | @@ -54,8 +54,10 @@ |
54 | } | 54 | } |
55 | 55 | ||
56 | .title-detail { | 56 | .title-detail { |
57 | word-wrap: break-word; | ||
58 | width: 100%; | 57 | width: 100%; |
58 | overflow: hidden; | ||
59 | text-overflow: ellipsis; //文本溢出显示省略号 | ||
60 | white-space: nowrap; //文本不会换行 | ||
59 | } | 61 | } |
60 | 62 | ||
61 | .title-batch { | 63 | .title-batch { |
... | @@ -208,7 +210,8 @@ | ... | @@ -208,7 +210,8 @@ |
208 | box-sizing: border-box; | 210 | box-sizing: border-box; |
209 | width: 70px; | 211 | width: 70px; |
210 | margin: 0 5px; | 212 | margin: 0 5px; |
211 | .icon{ | 213 | |
214 | .icon { | ||
212 | font-size: 10px; | 215 | font-size: 10px; |
213 | } | 216 | } |
214 | } | 217 | } |
... | @@ -228,4 +231,4 @@ | ... | @@ -228,4 +231,4 @@ |
228 | position: absolute; | 231 | position: absolute; |
229 | left: 0; | 232 | left: 0; |
230 | bottom: 0; | 233 | bottom: 0; |
231 | } | 234 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment