| | |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | //订单距离小于三天则改变checkbox class 改变颜色 |
|---|
| | | const timeOutChangeColor =(row)=>{ |
|---|
| | | if(company.timeOut){ |
|---|
| | | return row.timeOut |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | <template #state="{ row,column}"> |
|---|
| | | <el-checkbox |
|---|
| | | :class="timeOutChangeColor(row)" |
|---|
| | | v-if="row[column.field] === 2" |
|---|
| | | @click.native.prevent |
|---|
| | | :indeterminate="row[column.field]===1" |
|---|
| | | :checked="true"/> |
|---|
| | | <el-checkbox |
|---|
| | | v-else |
|---|
| | | :class="timeOutChangeColor(row)" |
|---|
| | | @click.native.prevent |
|---|
| | | :indeterminate="row[column.field]===1" |
|---|
| | | :checked="false"/> |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | :deep(.timeOut.is-checked .el-checkbox__inner) { |
|---|
| | | background-color: orangered; |
|---|
| | | border-color: orangered; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | </style> |
|---|
