正在显示
15 个修改的文件
包含
335 行增加
和
156 行删除
| @@ -132,27 +132,27 @@ let routes = [ | @@ -132,27 +132,27 @@ let routes = [ | ||
| 132 | {path: '/main', component: Main, name: '首页'}, | 132 | {path: '/main', component: Main, name: '首页'}, |
| 133 | ] | 133 | ] |
| 134 | }, | 134 | }, |
| 135 | - { | ||
| 136 | - path: '/', | ||
| 137 | - component: Home, | ||
| 138 | - name: 'Charts', | ||
| 139 | - iconCls: 'fa fa-bar-chart', | ||
| 140 | - children: [ | ||
| 141 | - {path: '/echarts', component: echarts, name: 'echarts'}, | ||
| 142 | - {path: '/earthCharts', component: earthCharts, name: '统计表'} | ||
| 143 | - ] | ||
| 144 | - }, | 135 | + // { |
| 136 | + // path: '/', | ||
| 137 | + // component: Home, | ||
| 138 | + // name: 'Charts', | ||
| 139 | + // iconCls: 'fa fa-bar-chart', | ||
| 140 | + // children: [ | ||
| 141 | + // {path: '/echarts', component: echarts, name: 'echarts'}, | ||
| 142 | + // {path: '/earthCharts', component: earthCharts, name: '统计表'} | ||
| 143 | + // ] | ||
| 144 | + // }, | ||
| 145 | // { path: '/test', component: Main }, | 145 | // { path: '/test', component: Main }, |
| 146 | - { | ||
| 147 | - path: '/bill', | ||
| 148 | - component: Home, | ||
| 149 | - name: '货运单', | ||
| 150 | - iconCls: 'el-icon-collection', | ||
| 151 | - children: [ | ||
| 152 | - {path: '/Way', component: Way, name: '货运单'}, | ||
| 153 | - {path: '/Webdialog', component: Webdialog, name: '在线客服'} | ||
| 154 | - ] | ||
| 155 | - }, | 146 | + // { |
| 147 | + // path: '/bill', | ||
| 148 | + // component: Home, | ||
| 149 | + // name: '货运单', | ||
| 150 | + // iconCls: 'el-icon-collection', | ||
| 151 | + // children: [ | ||
| 152 | + // {path: '/Way', component: Way, name: '货运单'}, | ||
| 153 | + // {path: '/Webdialog', component: Webdialog, name: '在线客服'} | ||
| 154 | + // ] | ||
| 155 | + // }, | ||
| 156 | { | 156 | { |
| 157 | path: '/', | 157 | path: '/', |
| 158 | component: Home, | 158 | component: Home, |
| @@ -5,9 +5,10 @@ | @@ -5,9 +5,10 @@ | ||
| 5 | {{collapsed?'':sysName}} | 5 | {{collapsed?'':sysName}} |
| 6 | </el-col> | 6 | </el-col> |
| 7 | <el-col :span="6"> | 7 | <el-col :span="6"> |
| 8 | - <div class="tools" @click.prevent="collapse" style="font-size:24px;width: 15px;margin-top: 80px;z-index:9999;margin-left: 10px;position:absolute;"> | 8 | + <div class="tools" @click.prevent="collapse" style="width: 15px;margin-top: 72px;margin-left:1px;z-index:9999;position:absolute;"> |
| 9 | <!-- ;margin-top: 80px;z-index:9999;margin-left: 170px--> | 9 | <!-- ;margin-top: 80px;z-index:9999;margin-left: 170px--> |
| 10 | - <i class="el-icon-s-operation" style="color: rgb(38,56,76)"></i> | 10 | +<!-- <i class="el-icon-s-operation" style="color: rgb(38,56,76)"></i>--> |
| 11 | + <img width="23" height="49" src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAArklEQVRYhe3YIQ4CMRBG4b+IOhyS26DXEjySBE6A4QSINasRSAx3guBJECTdLMn6dtp0Be8loz/Tjhh3OLVBEzSbAhUwMDAwMDAwMDAw8B/A5+PuNzEtF/NycGwDut9u6sIj6r2vB6eiRWALmg1b0SzYOWndrExoFhyC1F3vejxfdeGh9+er9nIz4dmPy4oX+U4WvNgCScWLrswRj4k7FzAwMDAwMDAwMDBwYnLqAfLHOpMP7/PBAAAAAElFTkSuQmCC"> | ||
| 11 | </div> | 12 | </div> |
| 12 | <!-- 标签i的图标 fa-align-justify--> | 13 | <!-- 标签i的图标 fa-align-justify--> |
| 13 | </el-col> | 14 | </el-col> |
| @@ -47,11 +48,12 @@ | @@ -47,11 +48,12 @@ | ||
| 47 | <!--导航菜单--> | 48 | <!--导航菜单--> |
| 48 | <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" | 49 | <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" |
| 49 | @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" | 50 | @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" |
| 50 | - style="width: 300px;height: 100%"> | 51 | + style="width: 380px;height: 100%;margin-right: -18px"> |
| 51 | <!-- ;overflow: scroll--> | 52 | <!-- ;overflow: scroll--> |
| 52 | <div align="center" style="background-color: #2b2f3a;height: 67px"> | 53 | <div align="center" style="background-color: #2b2f3a;height: 67px"> |
| 53 | <img src="./logo1.png"> | 54 | <img src="./logo1.png"> |
| 54 | - <h1 style="color:white;display: inline-block;font-weight: 600;font-size: 15px;line-height: 50px">航空物流公共信息服务平台</h1> | 55 | + <h1 style="color:white;display: inline-block">航空物流公共信息服务平台</h1> |
| 56 | +<!-- ;font-weight: 600;font-size: 15px;line-height: 50px--> | ||
| 55 | </div> | 57 | </div> |
| 56 | <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> | 58 | <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> |
| 57 | <el-submenu :index="index+''" v-if="!item.leaf"> | 59 | <el-submenu :index="index+''" v-if="!item.leaf"> |
| @@ -78,8 +80,12 @@ | @@ -78,8 +80,12 @@ | ||
| 78 | </li> | 80 | </li> |
| 79 | </ul> | 81 | </ul> |
| 80 | </aside> | 82 | </aside> |
| 83 | +<div class="tabM" v-bind:style="{width: myWidth}"> | ||
| 84 | + <TabMenu></TabMenu> | ||
| 85 | +</div> | ||
| 86 | + | ||
| 87 | + | ||
| 81 | 88 | ||
| 82 | -<TabMenu></TabMenu> | ||
| 83 | 89 | ||
| 84 | </el-col> | 90 | </el-col> |
| 85 | </el-row> | 91 | </el-row> |
| @@ -179,6 +185,7 @@ | @@ -179,6 +185,7 @@ | ||
| 179 | } | 185 | } |
| 180 | }, | 186 | }, |
| 181 | methods: { | 187 | methods: { |
| 188 | + | ||
| 182 | reload() { | 189 | reload() { |
| 183 | this.$nextTick(function () { | 190 | this.$nextTick(function () { |
| 184 | this.$router.push({ | 191 | this.$router.push({ |
| @@ -275,7 +282,8 @@ | @@ -275,7 +282,8 @@ | ||
| 275 | showMenu(i,status){ | 282 | showMenu(i,status){ |
| 276 | this.$refs.menuColl | 283 | this.$refs.menuColl |
| 277 | apsed.getElementsByClassName('submenu-hook-'+i)[0].style.display=status?'block':'none'; | 284 | apsed.getElementsByClassName('submenu-hook-'+i)[0].style.display=status?'block':'none'; |
| 278 | - } | 285 | + }, |
| 286 | + | ||
| 279 | }, | 287 | }, |
| 280 | mounted() { | 288 | mounted() { |
| 281 | var _this = this; | 289 | var _this = this; |
| @@ -337,6 +345,7 @@ | @@ -337,6 +345,7 @@ | ||
| 337 | padding-right:10px; | 345 | padding-right:10px; |
| 338 | border-color: rgba(238,241,146,0.3); | 346 | border-color: rgba(238,241,146,0.3); |
| 339 | border-right-width: 0px; | 347 | border-right-width: 0px; |
| 348 | + border-right-style: solid; | ||
| 340 | /*border-right-style: solid;*/ | 349 | /*border-right-style: solid;*/ |
| 341 | img { | 350 | img { |
| 342 | width: 40px; | 351 | width: 40px; |
| @@ -348,7 +357,7 @@ | @@ -348,7 +357,7 @@ | ||
| 348 | } | 357 | } |
| 349 | } | 358 | } |
| 350 | .logo-width{ | 359 | .logo-width{ |
| 351 | - width:300px; | 360 | + width:380px; |
| 352 | } | 361 | } |
| 353 | .logo-collapse-width{ | 362 | .logo-collapse-width{ |
| 354 | width:60px | 363 | width:60px |
| @@ -359,11 +368,9 @@ | @@ -359,11 +368,9 @@ | ||
| 359 | height: 50px; | 368 | height: 50px; |
| 360 | line-height: 40px; | 369 | line-height: 40px; |
| 361 | cursor: pointer; | 370 | cursor: pointer; |
| 362 | - | ||
| 363 | /*padding-left: 180px;*/ | 371 | /*padding-left: 180px;*/ |
| 364 | /*padding-top: 60px;*/ | 372 | /*padding-top: 60px;*/ |
| 365 | /*color: rgb(111,130,148);*/ | 373 | /*color: rgb(111,130,148);*/ |
| 366 | - | ||
| 367 | } | 374 | } |
| 368 | } | 375 | } |
| 369 | .main { | 376 | .main { |
| @@ -376,8 +383,11 @@ | @@ -376,8 +383,11 @@ | ||
| 376 | aside { | 383 | aside { |
| 377 | flex:0 0 300px; | 384 | flex:0 0 300px; |
| 378 | width: 300px; | 385 | width: 300px; |
| 379 | - /*overflow-y: scroll;*/ | 386 | + overflow-x: hidden; |
| 387 | + overflow-y: scroll; | ||
| 388 | + position: relative; | ||
| 380 | background: rgb(38,56,76); | 389 | background: rgb(38,56,76); |
| 390 | + | ||
| 381 | // position: absolute; | 391 | // position: absolute; |
| 382 | // top: 0px; | 392 | // top: 0px; |
| 383 | // bottom: 0px; | 393 | // bottom: 0px; |
| @@ -397,13 +407,19 @@ | @@ -397,13 +407,19 @@ | ||
| 397 | 407 | ||
| 398 | } | 408 | } |
| 399 | } | 409 | } |
| 410 | + aside::-webkit-scrollbar { | ||
| 411 | + width: 0 !important; | ||
| 412 | + } | ||
| 413 | + aside::-webkit-scrollbar { | ||
| 414 | + width: 0 !important;height: 0; | ||
| 415 | + } | ||
| 400 | .menu-collapsed{ | 416 | .menu-collapsed{ |
| 401 | flex:0 0 60px; | 417 | flex:0 0 60px; |
| 402 | - width: 60px; | 418 | + width: 230px; |
| 403 | } | 419 | } |
| 404 | .menu-expanded{ | 420 | .menu-expanded{ |
| 405 | /*底层滚动框宽度*/ | 421 | /*底层滚动框宽度*/ |
| 406 | - flex:0 0 300px; | 422 | + flex:0 0 380px; |
| 407 | width: 230px; | 423 | width: 230px; |
| 408 | } | 424 | } |
| 409 | .menu-expanded ul{ | 425 | .menu-expanded ul{ |
| @@ -484,4 +500,9 @@ | @@ -484,4 +500,9 @@ | ||
| 484 | } | 500 | } |
| 485 | } | 501 | } |
| 486 | } | 502 | } |
| 503 | + .tabM{ | ||
| 504 | + display: inline-block; | ||
| 505 | + min-width: 870px; | ||
| 506 | + max-width: 1190px; | ||
| 507 | + } | ||
| 487 | </style> | 508 | </style> |
| 1 | <template> | 1 | <template> |
| 2 | <div class="app-container"> | 2 | <div class="app-container"> |
| 3 | - <div class="filter-container"> | ||
| 4 | - <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | 3 | + <div class="filter-container" style="margin-top: 15px"> |
| 4 | + <el-button size="small" class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | ||
| 5 | <el-input | 5 | <el-input |
| 6 | type="textarea" | 6 | type="textarea" |
| 7 | :rows="40" | 7 | :rows="40" |
| @@ -9,6 +9,7 @@ | @@ -9,6 +9,7 @@ | ||
| 9 | v-model="ffmtext"> | 9 | v-model="ffmtext"> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </div> | 11 | </div> |
| 12 | + <div style="margin-left: 1190px"></div> | ||
| 12 | </div> | 13 | </div> |
| 13 | </template> | 14 | </template> |
| 14 | 15 |
| 1 | <template> | 1 | <template> |
| 2 | <div class="app-container"> | 2 | <div class="app-container"> |
| 3 | - <div class="filter-container"> | ||
| 4 | - <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | 3 | + <div class="filter-container" style="margin-top: 15px"> |
| 4 | + <el-button size="small" class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | ||
| 5 | <el-input | 5 | <el-input |
| 6 | type="textarea" | 6 | type="textarea" |
| 7 | :rows="40" | 7 | :rows="40" |
| @@ -9,6 +9,7 @@ | @@ -9,6 +9,7 @@ | ||
| 9 | v-model="ffmtext"> | 9 | v-model="ffmtext"> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </div> | 11 | </div> |
| 12 | + <div style="margin-left: 1190px"></div> | ||
| 12 | </div> | 13 | </div> |
| 13 | </template> | 14 | </template> |
| 14 | 15 |
| 1 | <template> | 1 | <template> |
| 2 | <div class="app-container"> | 2 | <div class="app-container"> |
| 3 | - <div class="filter-container"> | ||
| 4 | - <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | 3 | + <div class="filter-container" style="margin-top: 15px"> |
| 4 | + <el-button size="small" class="filter-item" type="primary" icon="el-icon-search" @click="handleAdd">导入</el-button> | ||
| 5 | <el-input | 5 | <el-input |
| 6 | type="textarea" | 6 | type="textarea" |
| 7 | :rows="40" | 7 | :rows="40" |
| @@ -9,6 +9,7 @@ | @@ -9,6 +9,7 @@ | ||
| 9 | v-model="ffmtext"> | 9 | v-model="ffmtext"> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </div> | 11 | </div> |
| 12 | + <div style="margin-left: 1190px"></div> | ||
| 12 | </div> | 13 | </div> |
| 13 | </template> | 14 | </template> |
| 14 | 15 | ||
| @@ -44,4 +45,11 @@ | @@ -44,4 +45,11 @@ | ||
| 44 | </script> | 45 | </script> |
| 45 | 46 | ||
| 46 | <style> | 47 | <style> |
| 48 | + .app-container{ | ||
| 49 | + height: 550px; | ||
| 50 | + overflow:auto; | ||
| 51 | + } | ||
| 52 | + .filter-item{ | ||
| 53 | + margin-top: 20px; | ||
| 54 | + } | ||
| 47 | </style> | 55 | </style> |
| @@ -94,6 +94,132 @@ | @@ -94,6 +94,132 @@ | ||
| 94 | </div> | 94 | </div> |
| 95 | </a> | 95 | </a> |
| 96 | </li> | 96 | </li> |
| 97 | + <li> | ||
| 98 | + <a> | ||
| 99 | + <div style="display: flex"> | ||
| 100 | + <div class="demo-basic--circle" > | ||
| 101 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 102 | + </div> | ||
| 103 | + </div> | ||
| 104 | + <div style="padding-left: 10px;width: 100%"> | ||
| 105 | + <div class="father"> | ||
| 106 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 107 | + <div class="sun">{{time}}</div> | ||
| 108 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 109 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 110 | + {{count}}</div> | ||
| 111 | + </div> | ||
| 112 | + <div style="margin: 0px;height: 30px"> | ||
| 113 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 114 | + </div> | ||
| 115 | + </div> | ||
| 116 | + </a> | ||
| 117 | + </li> | ||
| 118 | + <li> | ||
| 119 | + <a> | ||
| 120 | + <div style="display: flex"> | ||
| 121 | + <div class="demo-basic--circle" > | ||
| 122 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 123 | + </div> | ||
| 124 | + </div> | ||
| 125 | + <div style="padding-left: 10px;width: 100%"> | ||
| 126 | + <div class="father"> | ||
| 127 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 128 | + <div class="sun">{{time}}</div> | ||
| 129 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 130 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 131 | + {{count}}</div> | ||
| 132 | + </div> | ||
| 133 | + <div style="margin: 0px;height: 30px"> | ||
| 134 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 135 | + </div> | ||
| 136 | + </div> | ||
| 137 | + </a> | ||
| 138 | + </li> | ||
| 139 | + <li> | ||
| 140 | + <a> | ||
| 141 | + <div style="display: flex"> | ||
| 142 | + <div class="demo-basic--circle" > | ||
| 143 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 144 | + </div> | ||
| 145 | + </div> | ||
| 146 | + <div style="padding-left: 10px;width: 100%"> | ||
| 147 | + <div class="father"> | ||
| 148 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 149 | + <div class="sun">{{time}}</div> | ||
| 150 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 151 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 152 | + {{count}}</div> | ||
| 153 | + </div> | ||
| 154 | + <div style="margin: 0px;height: 30px"> | ||
| 155 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 156 | + </div> | ||
| 157 | + </div> | ||
| 158 | + </a> | ||
| 159 | + </li> | ||
| 160 | + <li> | ||
| 161 | + <a> | ||
| 162 | + <div style="display: flex"> | ||
| 163 | + <div class="demo-basic--circle" > | ||
| 164 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 165 | + </div> | ||
| 166 | + </div> | ||
| 167 | + <div style="padding-left: 10px;width: 100%"> | ||
| 168 | + <div class="father"> | ||
| 169 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 170 | + <div class="sun">{{time}}</div> | ||
| 171 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 172 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 173 | + {{count}}</div> | ||
| 174 | + </div> | ||
| 175 | + <div style="margin: 0px;height: 30px"> | ||
| 176 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 177 | + </div> | ||
| 178 | + </div> | ||
| 179 | + </a> | ||
| 180 | + </li> | ||
| 181 | + <li> | ||
| 182 | + <a> | ||
| 183 | + <div style="display: flex"> | ||
| 184 | + <div class="demo-basic--circle" > | ||
| 185 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 186 | + </div> | ||
| 187 | + </div> | ||
| 188 | + <div style="padding-left: 10px;width: 100%"> | ||
| 189 | + <div class="father"> | ||
| 190 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 191 | + <div class="sun">{{time}}</div> | ||
| 192 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 193 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 194 | + {{count}}</div> | ||
| 195 | + </div> | ||
| 196 | + <div style="margin: 0px;height: 30px"> | ||
| 197 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 198 | + </div> | ||
| 199 | + </div> | ||
| 200 | + </a> | ||
| 201 | + </li> | ||
| 202 | + <li> | ||
| 203 | + <a> | ||
| 204 | + <div style="display: flex"> | ||
| 205 | + <div class="demo-basic--circle" > | ||
| 206 | + <div class="block"><el-avatar :size="60" :src="circleUrls"></el-avatar></div> | ||
| 207 | + </div> | ||
| 208 | + </div> | ||
| 209 | + <div style="padding-left: 10px;width: 100%"> | ||
| 210 | + <div class="father"> | ||
| 211 | + <h4 style="display: inline-block;line-height: 0px">{{name}}</h4> | ||
| 212 | + <div class="sun">{{time}}</div> | ||
| 213 | + <div style="background-color: rgb(245,108,108);display: inline-block;color: #FFFFFF; | ||
| 214 | + width:30px;height:20px;line-height:20px;text-align:center;border-radius: 6.25rem;margin-left: 220px"> | ||
| 215 | + {{count}}</div> | ||
| 216 | + </div> | ||
| 217 | + <div style="margin: 0px;height: 30px"> | ||
| 218 | + <span style="margin: 0;display: inline-block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{content}}</span> | ||
| 219 | + </div> | ||
| 220 | + </div> | ||
| 221 | + </a> | ||
| 222 | + </li> | ||
| 97 | </ul> | 223 | </ul> |
| 98 | </el-aside> | 224 | </el-aside> |
| 99 | <!-- 对话框--> | 225 | <!-- 对话框--> |
| @@ -4,13 +4,13 @@ | @@ -4,13 +4,13 @@ | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> |
| 5 | <el-form :inline="true" :model="filters"> | 5 | <el-form :inline="true" :model="filters"> |
| 6 | <el-form-item> | 6 | <el-form-item> |
| 7 | - <el-input v-model="filters.companyName" placeholder="关键字查询"></el-input> | 7 | + <el-input size="small" v-model="filters.companyName" placeholder="关键字查询"></el-input> |
| 8 | </el-form-item> | 8 | </el-form-item> |
| 9 | <el-form-item> | 9 | <el-form-item> |
| 10 | - <el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button> | 10 | + <el-button type="warning" style="width:150px" size="small" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | <el-form-item> | 12 | <el-form-item> |
| 13 | - <el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button> | 13 | + <el-button type="primary" style="width:150px" size="small" icon="el-icon-plus" @click="companyAdd">新增</el-button> |
| 14 | </el-form-item> | 14 | </el-form-item> |
| 15 | </el-form> | 15 | </el-form> |
| 16 | </el-col> | 16 | </el-col> |
| @@ -4,13 +4,13 @@ | @@ -4,13 +4,13 @@ | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> |
| 5 | <el-form :inline="true" :model="filters"> | 5 | <el-form :inline="true" :model="filters"> |
| 6 | <el-form-item> | 6 | <el-form-item> |
| 7 | - <el-input v-model="filters.companyName" placeholder="关键字查询"></el-input> | 7 | + <el-input size="small" v-model="filters.companyName" placeholder="关键字查询"></el-input> |
| 8 | </el-form-item> | 8 | </el-form-item> |
| 9 | <el-form-item> | 9 | <el-form-item> |
| 10 | - <el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button> | 10 | + <el-button type="warning" style="width:150px" size="small" icon="el-icon-plus" v-on:click="getConsigner()">查询</el-button> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | <el-form-item> | 12 | <el-form-item> |
| 13 | - <el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button> | 13 | + <el-button type="primary" style="width:150px" size="small" icon="el-icon-plus" @click="companyAdd">新增</el-button> |
| 14 | </el-form-item> | 14 | </el-form-item> |
| 15 | </el-form> | 15 | </el-form> |
| 16 | </el-col> | 16 | </el-col> |
| 1 | <template> | 1 | <template> |
| 2 | - <el-container> | 2 | + <el-container style="height: 550px;overflow:auto;"> |
| 3 | <el-main> | 3 | <el-main> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | <el-col :span="24"> | 5 | <el-col :span="24"> |
| @@ -9,19 +9,19 @@ | @@ -9,19 +9,19 @@ | ||
| 9 | <!-- 搜索区域--> | 9 | <!-- 搜索区域--> |
| 10 | <el-row> | 10 | <el-row> |
| 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> | 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| 12 | - <el-col :span="5"> | 12 | + <el-col :span="8"> |
| 13 | <el-form-item label="航班号"> | 13 | <el-form-item label="航班号"> |
| 14 | - <el-input v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> | 14 | + <el-input size="small" v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> |
| 15 | </el-form-item> | 15 | </el-form-item> |
| 16 | </el-col> | 16 | </el-col> |
| 17 | <el-col :span="4"> | 17 | <el-col :span="4"> |
| 18 | <el-form-item> | 18 | <el-form-item> |
| 19 | - <el-button type="primary" @click="onSubmit">查询</el-button> | 19 | + <el-button size="small" type="primary" @click="onSubmit">查询</el-button> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="4"> | 22 | <el-col :span="4"> |
| 23 | <el-form-item> | 23 | <el-form-item> |
| 24 | - <el-select v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px"> | 24 | + <el-select v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px" size="small"> |
| 25 | <el-option | 25 | <el-option |
| 26 | v-for="item in operation" | 26 | v-for="item in operation" |
| 27 | :key="item.value" | 27 | :key="item.value" |
| @@ -91,19 +91,21 @@ | @@ -91,19 +91,21 @@ | ||
| 91 | label="配载重量"> | 91 | label="配载重量"> |
| 92 | </el-table-column> | 92 | </el-table-column> |
| 93 | </el-table> | 93 | </el-table> |
| 94 | - <div style="margin-top:5px;margin-left: 20px"> | ||
| 95 | - <el-button @click="dialogFormVisible = true">待运导入</el-button> | ||
| 96 | - <el-button>装箱</el-button> | ||
| 97 | - <el-button>部分装箱</el-button> | ||
| 98 | - <el-button>放散舱</el-button> | ||
| 99 | - <el-button>部分放散舱</el-button> | ||
| 100 | - <el-button @click="dialogTableVisible = true">正式舱单</el-button> | ||
| 101 | - <el-button>地勤交接</el-button> | ||
| 102 | - <el-button @click="dialogFormVisible3 = true">转配</el-button> | ||
| 103 | - <el-button>航班文件</el-button> | ||
| 104 | - <el-button type="primary" >散货配上</el-button> | ||
| 105 | - <el-button type="success">卸下</el-button> | ||
| 106 | - <el-button type="warning">运单保存</el-button> | 94 | + <div style="margin-top:15px;margin-left: 20px"> |
| 95 | + <el-button size="small" @click="dialogFormVisible = true">待运导入</el-button> | ||
| 96 | + <el-button size="small">装箱</el-button> | ||
| 97 | + <el-button size="small">部分装箱</el-button> | ||
| 98 | + <el-button size="small">放散舱</el-button> | ||
| 99 | + <el-button size="small">部分放散舱</el-button> | ||
| 100 | + <el-button size="small" @click="dialogTableVisible = true">正式舱单</el-button> | ||
| 101 | + <el-button size="small">地勤交接</el-button> | ||
| 102 | + <el-button size="small" @click="dialogFormVisible3 = true">转配</el-button> | ||
| 103 | + <el-button size="small">航班文件</el-button> | ||
| 104 | + </div> | ||
| 105 | + <div style="margin-top:15px;margin-left: 20px"> | ||
| 106 | + <el-button size="small" type="primary" >散货配上</el-button> | ||
| 107 | + <el-button size="small" type="success">卸下</el-button> | ||
| 108 | + <el-button size="small" type="warning">运单保存</el-button> | ||
| 107 | </div> | 109 | </div> |
| 108 | </el-row> | 110 | </el-row> |
| 109 | <!-- 表单①待运导入按钮弹框--> | 111 | <!-- 表单①待运导入按钮弹框--> |
| @@ -499,10 +501,11 @@ | @@ -499,10 +501,11 @@ | ||
| 499 | </el-table-column> | 501 | </el-table-column> |
| 500 | </el-table> | 502 | </el-table> |
| 501 | </el-row> | 503 | </el-row> |
| 502 | - <div style="margin-left: 970px"> | ||
| 503 | - <el-button type="primary">板箱配上</el-button> | ||
| 504 | - <el-button type="success">卸下</el-button> | 504 | + <div style="margin-top: 15px;margin-left: 20px"> |
| 505 | + <el-button size="small" type="primary">板箱配上</el-button> | ||
| 506 | + <el-button size="small" type="success">卸下</el-button> | ||
| 505 | </div> | 507 | </div> |
| 508 | + <div style="margin-left: 1190px"></div> | ||
| 506 | </el-main> | 509 | </el-main> |
| 507 | </el-container> | 510 | </el-container> |
| 508 | </template> | 511 | </template> |
| 1 | <template> | 1 | <template> |
| 2 | - <el-container> | 2 | + <el-container style="height: 550px;overflow:auto;"> |
| 3 | <el-main> | 3 | <el-main> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | <el-col :span="24"> | 5 | <el-col :span="24"> |
| @@ -14,25 +14,25 @@ | @@ -14,25 +14,25 @@ | ||
| 14 | <el-row> | 14 | <el-row> |
| 15 | <el-col :span="6"> | 15 | <el-col :span="6"> |
| 16 | <el-form-item label="运单号"> | 16 | <el-form-item label="运单号"> |
| 17 | - <el-input v-model="form.name"></el-input> | 17 | + <el-input size="small" v-model="form.name"></el-input> |
| 18 | </el-form-item> | 18 | </el-form-item> |
| 19 | </el-col> | 19 | </el-col> |
| 20 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 21 | <el-form-item label=""> | 21 | <el-form-item label=""> |
| 22 | - <el-button @click="">挑单</el-button> | ||
| 23 | - <el-button @click="">批量挑单</el-button> | 22 | + <el-button size="small" @click="">挑单</el-button> |
| 23 | + <el-button size="small" @click="">批量挑单</el-button> | ||
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | </el-row> | 26 | </el-row> |
| 27 | <el-row> | 27 | <el-row> |
| 28 | <el-col :span="6"> | 28 | <el-col :span="6"> |
| 29 | <el-form-item label="结算客户"> | 29 | <el-form-item label="结算客户"> |
| 30 | - <el-input v-model="form.name"></el-input> | 30 | + <el-input size="small" v-model="form.name"></el-input> |
| 31 | </el-form-item> | 31 | </el-form-item> |
| 32 | </el-col> | 32 | </el-col> |
| 33 | <el-col :span="6"> | 33 | <el-col :span="6"> |
| 34 | <el-form-item label="付款方式" :label-width="formLabelWidth"> | 34 | <el-form-item label="付款方式" :label-width="formLabelWidth"> |
| 35 | - <el-select v-model="form.waybillNo" placeholder="请选择"> | 35 | + <el-select size="small" v-model="form.waybillNo" placeholder="请选择"> |
| 36 | <el-option label="方式一" value="yi"></el-option> | 36 | <el-option label="方式一" value="yi"></el-option> |
| 37 | <el-option label="方式二" value="er"></el-option> | 37 | <el-option label="方式二" value="er"></el-option> |
| 38 | </el-select> | 38 | </el-select> |
| @@ -42,15 +42,13 @@ | @@ -42,15 +42,13 @@ | ||
| 42 | <el-row> | 42 | <el-row> |
| 43 | <el-table | 43 | <el-table |
| 44 | :data="tableData" | 44 | :data="tableData" |
| 45 | - style="width: 100%" | ||
| 46 | - row-key="id" | ||
| 47 | - border | ||
| 48 | - lazy | ||
| 49 | - :load="load" | 45 | + style="border-radius: 10px 10px 0px 0px;line-height: 25px" |
| 46 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" | ||
| 50 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | 47 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| 51 | <el-table-column | 48 | <el-table-column |
| 52 | prop="date" | 49 | prop="date" |
| 53 | - label="状态"> | 50 | + label="状态" |
| 51 | + width="55"> | ||
| 54 | </el-table-column> | 52 | </el-table-column> |
| 55 | <el-table-column | 53 | <el-table-column |
| 56 | prop="name" | 54 | prop="name" |
| @@ -98,19 +96,24 @@ | @@ -98,19 +96,24 @@ | ||
| 98 | </el-table-column> | 96 | </el-table-column> |
| 99 | <el-table-column | 97 | <el-table-column |
| 100 | prop="address" | 98 | prop="address" |
| 101 | - label="收/发货人"> | 99 | + label="收/发货人" |
| 100 | + fixed="right"> | ||
| 102 | </el-table-column> | 101 | </el-table-column> |
| 103 | </el-table> | 102 | </el-table> |
| 104 | </el-row> | 103 | </el-row> |
| 105 | - <div> | ||
| 106 | - <el-button @click="">清除</el-button> | ||
| 107 | - <el-button @click="">核对并现结结算</el-button> | ||
| 108 | - <el-button @click="">导出</el-button> | ||
| 109 | - <el-button @click="">打印</el-button> | 104 | + <div style="margin-top: 15px;margin-left: 20px"> |
| 105 | + <el-button size="small" @click="">清除</el-button> | ||
| 106 | + <el-button size="small" @click="">核对并现结结算</el-button> | ||
| 107 | + <el-button size="small" @click="">导出</el-button> | ||
| 108 | + <el-button size="small" @click="">打印</el-button> | ||
| 109 | + </div> | ||
| 110 | + <div style="margin-left: 1190px"> | ||
| 110 | </div> | 111 | </div> |
| 111 | </el-form> | 112 | </el-form> |
| 112 | </el-tab-pane> | 113 | </el-tab-pane> |
| 113 | <el-tab-pane label="已结算" name="second">已结算</el-tab-pane> | 114 | <el-tab-pane label="已结算" name="second">已结算</el-tab-pane> |
| 115 | + <div style="margin-left: 1190px"> | ||
| 116 | + </div> | ||
| 114 | </el-tabs> | 117 | </el-tabs> |
| 115 | </el-row> | 118 | </el-row> |
| 116 | </el-main> | 119 | </el-main> |
| 1 | <template> | 1 | <template> |
| 2 | - <el-container> | 2 | + <el-container style="height: 550px;overflow:auto;"> |
| 3 | <el-main> | 3 | <el-main> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | <el-col :span="24"> | 5 | <el-col :span="24"> |
| @@ -9,19 +9,19 @@ | @@ -9,19 +9,19 @@ | ||
| 9 | <!-- 搜索区域--> | 9 | <!-- 搜索区域--> |
| 10 | <el-row> | 10 | <el-row> |
| 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> | 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| 12 | - <el-col :span="5"> | 12 | + <el-col :span="8"> |
| 13 | <el-form-item label="航班号"> | 13 | <el-form-item label="航班号"> |
| 14 | - <el-input v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> | 14 | + <el-input size="small" v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> |
| 15 | </el-form-item> | 15 | </el-form-item> |
| 16 | </el-col> | 16 | </el-col> |
| 17 | <el-col :span="4"> | 17 | <el-col :span="4"> |
| 18 | <el-form-item> | 18 | <el-form-item> |
| 19 | - <el-button type="primary" @click="onSubmit">查询</el-button> | 19 | + <el-button size="small" type="primary" @click="onSubmit">查询</el-button> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="4"> | 22 | <el-col :span="4"> |
| 23 | <el-form-item> | 23 | <el-form-item> |
| 24 | - <el-select v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px"> | 24 | + <el-select size="small" v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px"> |
| 25 | <el-option | 25 | <el-option |
| 26 | v-for="item in operation" | 26 | v-for="item in operation" |
| 27 | :key="item.value" | 27 | :key="item.value" |
| @@ -39,10 +39,9 @@ | @@ -39,10 +39,9 @@ | ||
| 39 | <el-tab-pane label="舱单" name="first"> | 39 | <el-tab-pane label="舱单" name="first"> |
| 40 | <el-table | 40 | <el-table |
| 41 | :data="tableData" | 41 | :data="tableData" |
| 42 | - style="width: 100%" | ||
| 43 | - row-key="id" | ||
| 44 | - border | ||
| 45 | - lazy | 42 | + tooltip-effect="dark" |
| 43 | + style="border-radius: 10px 10px 0px 0px;line-height: 25px;" | ||
| 44 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" | ||
| 46 | :load="load" | 45 | :load="load" |
| 47 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | 46 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| 48 | <el-table-column | 47 | <el-table-column |
| @@ -63,7 +62,8 @@ | @@ -63,7 +62,8 @@ | ||
| 63 | </el-table-column> | 62 | </el-table-column> |
| 64 | <el-table-column | 63 | <el-table-column |
| 65 | prop="code" | 64 | prop="code" |
| 66 | - label="特殊处理代码"> | 65 | + label="特殊处理代码" |
| 66 | + width="95"> | ||
| 67 | </el-table-column> | 67 | </el-table-column> |
| 68 | <el-table-column | 68 | <el-table-column |
| 69 | prop="productName" | 69 | prop="productName" |
| @@ -95,7 +95,7 @@ | @@ -95,7 +95,7 @@ | ||
| 95 | <el-row> | 95 | <el-row> |
| 96 | <el-col :span="6"> | 96 | <el-col :span="6"> |
| 97 | <el-form-item label="ULD类别"> | 97 | <el-form-item label="ULD类别"> |
| 98 | - <el-select v-model="form.type" placeholder="请选择"> | 98 | + <el-select size="small" v-model="form.type" placeholder="请选择"> |
| 99 | <el-option label="ULD" value="ULD"></el-option> | 99 | <el-option label="ULD" value="ULD"></el-option> |
| 100 | <el-option label="其他" value="其他"></el-option> | 100 | <el-option label="其他" value="其他"></el-option> |
| 101 | </el-select> | 101 | </el-select> |
| @@ -103,76 +103,76 @@ | @@ -103,76 +103,76 @@ | ||
| 103 | </el-col> | 103 | </el-col> |
| 104 | <el-col :span="6"> | 104 | <el-col :span="6"> |
| 105 | <el-form-item label="ULD号"> | 105 | <el-form-item label="ULD号"> |
| 106 | - <el-input v-model="form.uldNo"></el-input> | 106 | + <el-input size="small" v-model="form.uldNo"></el-input> |
| 107 | </el-form-item> | 107 | </el-form-item> |
| 108 | </el-col> | 108 | </el-col> |
| 109 | <el-col :span="6"> | 109 | <el-col :span="6"> |
| 110 | <el-form-item label=""> | 110 | <el-form-item label=""> |
| 111 | - <el-button>添加ULD</el-button> | ||
| 112 | - <el-button>清空ULD</el-button> | 111 | + <el-button size="small">添加ULD</el-button> |
| 112 | + <el-button size="small">清空ULD</el-button> | ||
| 113 | </el-form-item> | 113 | </el-form-item> |
| 114 | </el-col> | 114 | </el-col> |
| 115 | </el-row> | 115 | </el-row> |
| 116 | <el-row> | 116 | <el-row> |
| 117 | <el-col :span="6"> | 117 | <el-col :span="6"> |
| 118 | <el-form-item label="运单号"> | 118 | <el-form-item label="运单号"> |
| 119 | - <el-input v-model="form.waybillNo"></el-input> | 119 | + <el-input size="small" v-model="form.waybillNo"></el-input> |
| 120 | </el-form-item> | 120 | </el-form-item> |
| 121 | </el-col> | 121 | </el-col> |
| 122 | <el-col :span="6"> | 122 | <el-col :span="6"> |
| 123 | <el-form-item label="件数"> | 123 | <el-form-item label="件数"> |
| 124 | - <el-input v-model="form.number"></el-input> | 124 | + <el-input size="small" v-model="form.number"></el-input> |
| 125 | </el-form-item> | 125 | </el-form-item> |
| 126 | </el-col> | 126 | </el-col> |
| 127 | <el-col :span="6"> | 127 | <el-col :span="6"> |
| 128 | <el-form-item label="重量"> | 128 | <el-form-item label="重量"> |
| 129 | - <el-input v-model="form.weight"></el-input> | 129 | + <el-input size="small" v-model="form.weight"></el-input> |
| 130 | </el-form-item> | 130 | </el-form-item> |
| 131 | </el-col> | 131 | </el-col> |
| 132 | </el-row> | 132 | </el-row> |
| 133 | <el-row> | 133 | <el-row> |
| 134 | <el-col :span="6"> | 134 | <el-col :span="6"> |
| 135 | <el-form-item label="配载件数"> | 135 | <el-form-item label="配载件数"> |
| 136 | - <el-input v-model="form.assembling"></el-input> | 136 | + <el-input size="small" v-model="form.assembling"></el-input> |
| 137 | </el-form-item> | 137 | </el-form-item> |
| 138 | </el-col> | 138 | </el-col> |
| 139 | <el-col :span="6"> | 139 | <el-col :span="6"> |
| 140 | <el-form-item label="配载重量"> | 140 | <el-form-item label="配载重量"> |
| 141 | - <el-input v-model="form.stowage"></el-input> | 141 | + <el-input size="small" v-model="form.stowage"></el-input> |
| 142 | </el-form-item> | 142 | </el-form-item> |
| 143 | </el-col> | 143 | </el-col> |
| 144 | <el-col :span="6"> | 144 | <el-col :span="6"> |
| 145 | <el-form-item label="配载体积"> | 145 | <el-form-item label="配载体积"> |
| 146 | - <el-input v-model="form.stowageVol"></el-input> | 146 | + <el-input size="small" v-model="form.stowageVol"></el-input> |
| 147 | </el-form-item> | 147 | </el-form-item> |
| 148 | </el-col> | 148 | </el-col> |
| 149 | </el-row> | 149 | </el-row> |
| 150 | <el-row> | 150 | <el-row> |
| 151 | <el-col :span="6"> | 151 | <el-col :span="6"> |
| 152 | <el-form-item label="特货代码"> | 152 | <el-form-item label="特货代码"> |
| 153 | - <el-input v-model="form.code"></el-input> | 153 | + <el-input size="small" v-model="form.code"></el-input> |
| 154 | </el-form-item> | 154 | </el-form-item> |
| 155 | </el-col> | 155 | </el-col> |
| 156 | <el-col :span="6"> | 156 | <el-col :span="6"> |
| 157 | <el-form-item label="品名"> | 157 | <el-form-item label="品名"> |
| 158 | - <el-input v-model="form.productName"></el-input> | 158 | + <el-input size="small" v-model="form.productName"></el-input> |
| 159 | </el-form-item> | 159 | </el-form-item> |
| 160 | </el-col> | 160 | </el-col> |
| 161 | <el-col :span="6"> | 161 | <el-col :span="6"> |
| 162 | <el-form-item label="始发站"> | 162 | <el-form-item label="始发站"> |
| 163 | - <el-input v-model="form.departure"></el-input> | 163 | + <el-input size="small" v-model="form.departure"></el-input> |
| 164 | </el-form-item> | 164 | </el-form-item> |
| 165 | </el-col> | 165 | </el-col> |
| 166 | </el-row> | 166 | </el-row> |
| 167 | <el-row> | 167 | <el-row> |
| 168 | <el-col :span="6"> | 168 | <el-col :span="6"> |
| 169 | <el-form-item label="目的站"> | 169 | <el-form-item label="目的站"> |
| 170 | - <el-input v-model="form.destination"></el-input> | 170 | + <el-input size="small" v-model="form.destination"></el-input> |
| 171 | </el-form-item> | 171 | </el-form-item> |
| 172 | </el-col> | 172 | </el-col> |
| 173 | <el-col :span="6"> | 173 | <el-col :span="6"> |
| 174 | <el-form-item label="优先级"> | 174 | <el-form-item label="优先级"> |
| 175 | - <el-select v-model="form.priority" placeholder="请选择"> | 175 | + <el-select size="small" v-model="form.priority" placeholder="请选择"> |
| 176 | <el-option label="一" value="一"></el-option> | 176 | <el-option label="一" value="一"></el-option> |
| 177 | <el-option label="二" value="二"></el-option> | 177 | <el-option label="二" value="二"></el-option> |
| 178 | </el-select> | 178 | </el-select> |
| @@ -180,21 +180,23 @@ | @@ -180,21 +180,23 @@ | ||
| 180 | </el-col> | 180 | </el-col> |
| 181 | <el-col :span="6"> | 181 | <el-col :span="6"> |
| 182 | <el-form-item label="备注"> | 182 | <el-form-item label="备注"> |
| 183 | - <el-input v-model="form.remarks"></el-input> | 183 | + <el-input size="small" v-model="form.remarks"></el-input> |
| 184 | </el-form-item> | 184 | </el-form-item> |
| 185 | </el-col> | 185 | </el-col> |
| 186 | </el-row> | 186 | </el-row> |
| 187 | </el-form> | 187 | </el-form> |
| 188 | </el-tab-pane> | 188 | </el-tab-pane> |
| 189 | </el-tabs> | 189 | </el-tabs> |
| 190 | - <div> | ||
| 191 | - <el-button>导入舱单</el-button> | ||
| 192 | - <el-button>舱单保存</el-button> | ||
| 193 | - <el-button>发送FFM</el-button> | ||
| 194 | - <el-button>发送H2000舱单报</el-button> | ||
| 195 | - <el-button>不正常检查</el-button> | ||
| 196 | - <el-button @click="dialogTableVisible = true">打印</el-button> | ||
| 197 | - <el-button>打印标签</el-button> | 190 | + <div style="margin-top: 15px;margin-left: 20px"> |
| 191 | + <el-button size="small">导入舱单</el-button> | ||
| 192 | + <el-button size="small">舱单保存</el-button> | ||
| 193 | + <el-button size="small">发送FFM</el-button> | ||
| 194 | + <el-button size="small">发送H2000舱单报</el-button> | ||
| 195 | + <el-button size="small">不正常检查</el-button> | ||
| 196 | + <el-button size="small" @click="dialogTableVisible = true">打印</el-button> | ||
| 197 | + <el-button size="small">打印标签</el-button> | ||
| 198 | + </div> | ||
| 199 | + <div style="margin-left: 1190px"> | ||
| 198 | </div> | 200 | </div> |
| 199 | </el-row> | 201 | </el-row> |
| 200 | <!-- 航班文件 打印按钮--> | 202 | <!-- 航班文件 打印按钮--> |
| @@ -279,6 +281,13 @@ | @@ -279,6 +281,13 @@ | ||
| 279 | export default { | 281 | export default { |
| 280 | data() { | 282 | data() { |
| 281 | return { | 283 | return { |
| 284 | + operation: [{ | ||
| 285 | + value: '操作1', | ||
| 286 | + label: '操作1' | ||
| 287 | + }, { | ||
| 288 | + value: '操作2', | ||
| 289 | + label: '操作2' | ||
| 290 | + }], | ||
| 282 | formInline: { | 291 | formInline: { |
| 283 | flightNo: undefined, | 292 | flightNo: undefined, |
| 284 | operation: undefined | 293 | operation: undefined |
| @@ -314,4 +323,4 @@ | @@ -314,4 +323,4 @@ | ||
| 314 | 323 | ||
| 315 | <style scoped> | 324 | <style scoped> |
| 316 | 325 | ||
| 317 | -</style> | ||
| 326 | +</style> |
| 1 | <template> | 1 | <template> |
| 2 | - <el-container> | 2 | + <el-container style="height: 550px;overflow:auto;"> |
| 3 | <el-main> | 3 | <el-main> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | <el-col :span="24"> | 5 | <el-col :span="24"> |
| @@ -9,19 +9,19 @@ | @@ -9,19 +9,19 @@ | ||
| 9 | <!-- 搜索区域--> | 9 | <!-- 搜索区域--> |
| 10 | <el-row> | 10 | <el-row> |
| 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> | 11 | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| 12 | - <el-col :span="5"> | 12 | + <el-col :span="8"> |
| 13 | <el-form-item label="航班号"> | 13 | <el-form-item label="航班号"> |
| 14 | - <el-input v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> | 14 | + <el-input size="small" v-model="formInline.flightNo" placeholder="请输入航班号"></el-input> |
| 15 | </el-form-item> | 15 | </el-form-item> |
| 16 | </el-col> | 16 | </el-col> |
| 17 | <el-col :span="4"> | 17 | <el-col :span="4"> |
| 18 | <el-form-item> | 18 | <el-form-item> |
| 19 | - <el-button type="primary" @click="onSubmit">查询</el-button> | 19 | + <el-button size="small" type="primary" @click="onSubmit">查询</el-button> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="4"> | 22 | <el-col :span="4"> |
| 23 | <el-form-item> | 23 | <el-form-item> |
| 24 | - <el-select v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px"> | 24 | + <el-select size="small" v-model="formInline.operation" placeholder="航班操作" style="margin-left: 50px"> |
| 25 | <el-option | 25 | <el-option |
| 26 | v-for="item in operation" | 26 | v-for="item in operation" |
| 27 | :key="item.value" | 27 | :key="item.value" |
| @@ -67,11 +67,13 @@ | @@ -67,11 +67,13 @@ | ||
| 67 | label="品名"> | 67 | label="品名"> |
| 68 | </el-table-column> | 68 | </el-table-column> |
| 69 | </el-table> | 69 | </el-table> |
| 70 | - <div style="margin-top:5px;margin-left: 1000px"> | ||
| 71 | - <el-button type="primary" >配上</el-button> | ||
| 72 | - <el-button type="success" @click="dialogFormVisible = true">新增</el-button> | ||
| 73 | - <el-button type="warning" @click="dialogForm1Visible = true">导入</el-button> | 70 | + <div style="margin-top:15px;margin-left: 20px"> |
| 71 | + <el-button size="small" type="primary" >配上</el-button> | ||
| 72 | + <el-button size="small" type="success" @click="dialogFormVisible = true">新增</el-button> | ||
| 73 | + <el-button size="small" type="warning" @click="dialogForm1Visible = true">导入</el-button> | ||
| 74 | </div> | 74 | </div> |
| 75 | + <div style="margin-left: 1190px"></div> | ||
| 76 | + | ||
| 75 | </el-row> | 77 | </el-row> |
| 76 | <!-- 表单①新增按钮弹框--> | 78 | <!-- 表单①新增按钮弹框--> |
| 77 | <el-row > | 79 | <el-row > |
| @@ -300,11 +302,12 @@ | @@ -300,11 +302,12 @@ | ||
| 300 | label="机仓位"> | 302 | label="机仓位"> |
| 301 | </el-table-column> | 303 | </el-table-column> |
| 302 | </el-table> | 304 | </el-table> |
| 303 | - <div style="margin-top:5px;margin-left: 1000px"> | ||
| 304 | - <el-button type="primary" >拉下</el-button> | ||
| 305 | - <el-button type="success" @click="dialogFormVisibles = true">新增</el-button> | ||
| 306 | - <el-button type="danger" >删除</el-button> | 305 | + <div style="margin-top:15px;margin-left: 20px"> |
| 306 | + <el-button size="small" type="primary" >拉下</el-button> | ||
| 307 | + <el-button size="small" type="success" @click="dialogFormVisibles = true">新增</el-button> | ||
| 308 | + <el-button size="small" type="danger" >删除</el-button> | ||
| 307 | </div> | 309 | </div> |
| 310 | + <div style="margin-left: 1190px"></div> | ||
| 308 | </el-row> | 311 | </el-row> |
| 309 | <!-- 表单②新增按钮弹框--> | 312 | <!-- 表单②新增按钮弹框--> |
| 310 | <el-row> | 313 | <el-row> |
| @@ -2,21 +2,24 @@ | @@ -2,21 +2,24 @@ | ||
| 2 | <section> | 2 | <section> |
| 3 | <!-- 工具条--> | 3 | <!-- 工具条--> |
| 4 | <el-row class="toolbar" style="padding-bottom: 0px;"> | 4 | <el-row class="toolbar" style="padding-bottom: 0px;"> |
| 5 | - <el-form :inline="true" ref="form" :model="filters"> | ||
| 6 | - <el-row> | ||
| 7 | - <el-col :span="5"> | 5 | + <el-form :inline="true" ref="form" :model="filters" style="text-align: right"> |
| 6 | + <el-row style="margin-top: -10px"> | ||
| 7 | + <el-col :span="8"> | ||
| 8 | <el-form-item label="车牌号:"> | 8 | <el-form-item label="车牌号:"> |
| 9 | - <el-input v-model="filters.trailerFrameNo" placeholder="" size="small"style="width: 120px"></el-input> | 9 | + <el-input v-model="filters.trailerFrameNo" placeholder="" size="small" style="width: 180px"></el-input> |
| 10 | </el-form-item> | 10 | </el-form-item> |
| 11 | </el-col> | 11 | </el-col> |
| 12 | - <el-col :span="5"> | 12 | + <el-col :span="8"> |
| 13 | <el-form-item label="挂靠名称:"> | 13 | <el-form-item label="挂靠名称:"> |
| 14 | - <el-input v-model="filters.agentname" placeholder="" size="small" style="width: 120px"></el-input> | 14 | + <el-input v-model="filters.agentname" placeholder="" size="small" style="width: 180px"></el-input> |
| 15 | </el-form-item> | 15 | </el-form-item> |
| 16 | </el-col> | 16 | </el-col> |
| 17 | - <el-col :span="5"> | 17 | + |
| 18 | + </el-row> | ||
| 19 | + <el-row style="margin-top: 0px"> | ||
| 20 | + <el-col :span="8"> | ||
| 18 | <el-form-item label="目的场站:"> | 21 | <el-form-item label="目的场站:"> |
| 19 | - <el-select v-model="filters.endstation" @change="aisleOption(filters.endstation)" clearable placeholder="请选择"> | 22 | + <el-select v-model="filters.endstation" @change="aisleOption(filters.endstation)" clearable placeholder="请选择" size="small" style="width: 180px"> |
| 20 | <el-option | 23 | <el-option |
| 21 | v-for="item in options" | 24 | v-for="item in options" |
| 22 | :key="item.stationId" | 25 | :key="item.stationId" |
| @@ -26,9 +29,9 @@ | @@ -26,9 +29,9 @@ | ||
| 26 | </el-select> | 29 | </el-select> |
| 27 | </el-form-item> | 30 | </el-form-item> |
| 28 | </el-col> | 31 | </el-col> |
| 29 | - <el-col :span="5"> | 32 | + <el-col :span="8"> |
| 30 | <el-form-item label="卡口:" style="margin-left: 10px"> | 33 | <el-form-item label="卡口:" style="margin-left: 10px"> |
| 31 | - <el-select v-model="filters.aisle" :disabled="disabled" placeholder="先选择目的场站" size="small" style="width: 150px"> | 34 | + <el-select v-model="filters.aisle" :disabled="disabled" placeholder="先选择目的场站" size="small" style="width: 180px"> |
| 32 | <el-option | 35 | <el-option |
| 33 | v-for="item in aisleOptions" | 36 | v-for="item in aisleOptions" |
| 34 | :key="item.channel" | 37 | :key="item.channel" |
| @@ -38,9 +41,9 @@ | @@ -38,9 +41,9 @@ | ||
| 38 | </el-select> | 41 | </el-select> |
| 39 | </el-form-item> | 42 | </el-form-item> |
| 40 | </el-col> | 43 | </el-col> |
| 41 | - <el-col :span="2"> | 44 | + <el-col :span="4"> |
| 42 | <el-form-item> | 45 | <el-form-item> |
| 43 | - <el-button type="primary" @click="getList()" size="small">查询</el-button> | 46 | + <el-button type="primary" @click="getList()" size="small" style="width: 100px">查询</el-button> |
| 44 | </el-form-item> | 47 | </el-form-item> |
| 45 | </el-col> | 48 | </el-col> |
| 46 | </el-row> | 49 | </el-row> |
| @@ -52,7 +55,8 @@ | @@ -52,7 +55,8 @@ | ||
| 52 | :data="businesstypeList" | 55 | :data="businesstypeList" |
| 53 | border | 56 | border |
| 54 | v-loading="businesstypeListLoading" | 57 | v-loading="businesstypeListLoading" |
| 55 | - style="width: 100%"> | 58 | + style="border-radius: 10px 10px 0px 0px;line-height: 25px;" |
| 59 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"> | ||
| 56 | <el-table-column fixed prop="date" label="操作"> | 60 | <el-table-column fixed prop="date" label="操作"> |
| 57 | <template slot-scope="scope"> | 61 | <template slot-scope="scope"> |
| 58 | <el-button @click="selectOne(scope.$index, scope.row)" type="primary" size="small">查看</el-button> | 62 | <el-button @click="selectOne(scope.$index, scope.row)" type="primary" size="small">查看</el-button> |
| @@ -32,13 +32,13 @@ | @@ -32,13 +32,13 @@ | ||
| 32 | <div class="grid-content"> | 32 | <div class="grid-content"> |
| 33 | <el-col :span="4"> | 33 | <el-col :span="4"> |
| 34 | <div class="grid-content"> | 34 | <div class="grid-content"> |
| 35 | - <el-input v-model="preQuery.awba" placeholder="请输入主单号" clearable></el-input> | 35 | + <el-input size="small" v-model="preQuery.awba" placeholder="请输入主单号" clearable></el-input> |
| 36 | </div> | 36 | </div> |
| 37 | </el-col> | 37 | </el-col> |
| 38 | <div class="grid-content el-btn"> | 38 | <div class="grid-content el-btn"> |
| 39 | - <el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="handleSerach">查询</el-button> | ||
| 40 | - <el-button v-if="preQuery.flightno === undefined && preData.length<1" type="primary" | ||
| 41 | - style="width:150px" size="medium" icon="el-icon-plus" | 39 | + <el-button size="small" type="warning" style="width:150px" icon="el-icon-search" @click="handleSerach">查询</el-button> |
| 40 | + <el-button size="small" v-if="preQuery.flightno === undefined && preData.length<1" type="primary" | ||
| 41 | + style="width:150px" icon="el-icon-plus" | ||
| 42 | @click="handleAddpre">新增预配舱单 | 42 | @click="handleAddpre">新增预配舱单 |
| 43 | </el-button> | 43 | </el-button> |
| 44 | <el-upload | 44 | <el-upload |
| @@ -49,7 +49,7 @@ | @@ -49,7 +49,7 @@ | ||
| 49 | :on-exceed="fileExceed" | 49 | :on-exceed="fileExceed" |
| 50 | accept="application/vnd.ms-excel,application/vnd.ms-excels" | 50 | accept="application/vnd.ms-excel,application/vnd.ms-excels" |
| 51 | ref="fileupload"> | 51 | ref="fileupload"> |
| 52 | - <el-button slot="trigger" style="width:150px" size="medium" icon="el-icon-folder-add" type="success">导入excel</el-button> | 52 | + <el-button slot="trigger" style="width:150px" size="small" icon="el-icon-folder-add" type="success">导入excel</el-button> |
| 53 | </el-upload> | 53 | </el-upload> |
| 54 | </div> | 54 | </div> |
| 55 | </div> | 55 | </div> |
| @@ -4,13 +4,13 @@ | @@ -4,13 +4,13 @@ | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> |
| 5 | <el-form :inline="true" :model="filters"> | 5 | <el-form :inline="true" :model="filters"> |
| 6 | <el-form-item> | 6 | <el-form-item> |
| 7 | - <el-input v-model="filters.awba" placeholder="主单号查询"></el-input> | 7 | + <el-input size="small" v-model="filters.awba" placeholder="主单号查询"></el-input> |
| 8 | </el-form-item> | 8 | </el-form-item> |
| 9 | <el-form-item> | 9 | <el-form-item> |
| 10 | - <el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getSecurity()">查询</el-button> | 10 | + <el-button type="warning" style="width:150px" size="small" icon="el-icon-plus" v-on:click="getSecurity()">查询</el-button> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | <el-form-item> | 12 | <el-form-item> |
| 13 | - <el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button> | 13 | + <el-button type="primary" style="width:150px" size="small" icon="el-icon-plus" @click="companyAdd">新增</el-button> |
| 14 | </el-form-item> | 14 | </el-form-item> |
| 15 | </el-form> | 15 | </el-form> |
| 16 | </el-col> | 16 | </el-col> |
| @@ -198,8 +198,8 @@ | @@ -198,8 +198,8 @@ | ||
| 198 | </el-row> | 198 | </el-row> |
| 199 | </el-form> | 199 | </el-form> |
| 200 | <div slot="footer" class="dialog-footer" align="center"> | 200 | <div slot="footer" class="dialog-footer" align="center"> |
| 201 | - <el-button type="primary" size="medium" style="width: 100px" @click.native="editSubmit(0)">暂存</el-button> | ||
| 202 | - <el-button type="success" size="medium" style="width: 120px" @click.native="editSubmit(1)">保存并发送</el-button> | 201 | + <el-button type="primary" size="small" style="width: 100px" @click.native="editSubmit(0)">暂存</el-button> |
| 202 | + <el-button type="success" size="small" style="width: 120px" @click.native="editSubmit(1)">保存并发送</el-button> | ||
| 203 | </div> | 203 | </div> |
| 204 | </el-dialog> | 204 | </el-dialog> |
| 205 | <!--新增界面--> | 205 | <!--新增界面--> |
| @@ -345,8 +345,8 @@ | @@ -345,8 +345,8 @@ | ||
| 345 | </el-row> | 345 | </el-row> |
| 346 | </el-form> | 346 | </el-form> |
| 347 | <div slot="footer" class="dialog-footer" align="center"> | 347 | <div slot="footer" class="dialog-footer" align="center"> |
| 348 | - <el-button type="primary" size="medium" style="width: 100px" @click.native="addSubmit(0)">暂存</el-button> | ||
| 349 | - <el-button type="success" size="medium" style="width: 120px" @click.native="addSubmit(1)">保存并发送</el-button> | 348 | + <el-button type="primary" size="small" style="width: 100px" @click.native="addSubmit(0)">暂存</el-button> |
| 349 | + <el-button type="success" size="small" style="width: 120px" @click.native="addSubmit(1)">保存并发送</el-button> | ||
| 350 | </div> | 350 | </div> |
| 351 | </el-dialog> | 351 | </el-dialog> |
| 352 | <!--打印界面--> | 352 | <!--打印界面--> |
-
请 注册 或 登录 后发表评论