style:date组件修改
Showing
2 changed files
with
23 additions
and
13 deletions
... | @@ -287,15 +287,20 @@ table td { | ... | @@ -287,15 +287,20 @@ table td { |
287 | background-size: 100% 100%; | 287 | background-size: 100% 100%; |
288 | padding-top: 13px; | 288 | padding-top: 13px; |
289 | padding-bottom: 13px; | 289 | padding-bottom: 13px; |
290 | table{ | 290 | border: none; |
291 | margin-top: 5px !important; | ||
292 | |||
293 | table { | ||
291 | background: url("~@/image/rqjx.png") no-repeat; | 294 | background: url("~@/image/rqjx.png") no-repeat; |
292 | background-size: 100% 100%; | 295 | background-size: 100% 100%; |
293 | padding: 8px; | 296 | padding: 8px; |
294 | } | 297 | } |
298 | |||
295 | table td { | 299 | table td { |
296 | box-sizing: border-box; | 300 | box-sizing: border-box; |
297 | border-bottom: 0px solid #074487!important; | 301 | border-bottom: 0px solid #074487 !important; |
298 | } | 302 | } |
303 | |||
299 | .el-input__inner { | 304 | .el-input__inner { |
300 | background-color: #031a46; | 305 | background-color: #031a46; |
301 | } | 306 | } |
... | @@ -311,9 +316,11 @@ table td { | ... | @@ -311,9 +316,11 @@ table td { |
311 | .el-date-table td.disabled div { | 316 | .el-date-table td.disabled div { |
312 | background-color: #074487; | 317 | background-color: #074487; |
313 | } | 318 | } |
314 | .el-date-picker__header{ | 319 | |
320 | .el-date-picker__header { | ||
315 | margin-bottom: 0px; | 321 | margin-bottom: 0px; |
316 | } | 322 | } |
323 | |||
317 | .el-date-picker__header-label { | 324 | .el-date-picker__header-label { |
318 | color: #A6CFD6; | 325 | color: #A6CFD6; |
319 | } | 326 | } |
... | @@ -321,12 +328,13 @@ table td { | ... | @@ -321,12 +328,13 @@ table td { |
321 | .el-picker-panel__content { | 328 | .el-picker-panel__content { |
322 | padding-top: 0px; | 329 | padding-top: 0px; |
323 | margin-top: 0px; | 330 | margin-top: 0px; |
331 | |||
324 | .disabled { | 332 | .disabled { |
325 | background-color: #074487; | 333 | background-color: #074487; |
326 | div{ | ||
327 | span{ | ||
328 | color:rgba(172, 239, 250,.5) | ||
329 | 334 | ||
335 | div { | ||
336 | span { | ||
337 | color: rgba(172, 239, 250, .5) | ||
330 | } | 338 | } |
331 | } | 339 | } |
332 | 340 | ||
... | @@ -438,7 +446,7 @@ table td { | ... | @@ -438,7 +446,7 @@ table td { |
438 | 446 | ||
439 | [class^="el-icon-"], | 447 | [class^="el-icon-"], |
440 | [class*=" el-icon-"] { | 448 | [class*=" el-icon-"] { |
441 | display: none; | 449 | // display: none; |
442 | } | 450 | } |
443 | 451 | ||
444 | .el-range-separator { | 452 | .el-range-separator { |
... | @@ -479,4 +487,4 @@ table td { | ... | @@ -479,4 +487,4 @@ table td { |
479 | .el-select-dropdown__item.hover, | 487 | .el-select-dropdown__item.hover, |
480 | .el-select-dropdown__item:hover { | 488 | .el-select-dropdown__item:hover { |
481 | background-color: transparent !important; | 489 | background-color: transparent !important; |
482 | } | 490 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -18,20 +18,22 @@ | ... | @@ -18,20 +18,22 @@ |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="6"> | 19 | <el-col :span="6"> |
20 | <el-form-item label="汇交时间" prop="exchangeStartTime"> | 20 | <el-form-item label="汇交时间" prop="exchangeStartTime"> |
21 | <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" | 21 | <el-date-picker type="date" class="width100" placeholder="开始日期" clearable |
22 | clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker> | 22 | :picker-options="pickerOptionsStart" v-model="form.exchangeStartTime" |
23 | value-format="yyyy-MM-dd"></el-date-picker> | ||
23 | </el-form-item> | 24 | </el-form-item> |
24 | </el-col> | 25 | </el-col> |
25 | <el-col :span="6"> | 26 | <el-col :span="6"> |
26 | <el-form-item label="至" prop="exchangeStartTime" label-width="35px"> | 27 | <el-form-item label="至" prop="exchangeStartTime" label-width="35px"> |
27 | <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" | 28 | <el-date-picker type="date" class="width100" placeholder="结束日期" clearable |
28 | clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker> | 29 | :picker-options="pickerOptionsEnd" v-model="form.exchangeEndTime" |
30 | value-format="yyyy-MM-dd"></el-date-picker> | ||
29 | </el-form-item> | 31 | </el-form-item> |
30 | </el-col> | 32 | </el-col> |
31 | <el-col :span="6"> | 33 | <el-col :span="6"> |
32 | <el-form-item label="汇交状态" prop="state"> | 34 | <el-form-item label="汇交状态" prop="state"> |
33 | <el-select v-model="form.state" class="width100" clearable placeholder="汇交状态"> | 35 | <el-select v-model="form.state" class="width100" clearable placeholder="汇交状态"> |
34 | <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 36 | <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
35 | </el-option> | 37 | </el-option> |
36 | </el-select> | 38 | </el-select> |
37 | </el-form-item> | 39 | </el-form-item> | ... | ... |
-
Please register or sign in to post a comment