| | |
| | | const getColorByState = (state) => { |
| | | switch (state) { |
| | | case -2: return "gray"; |
| | | case -1: return "gray"; |
| | | case 0: return "gray"; |
| | | case 1: return "green"; |
| | | case -1: return "#99BBFF"; |
| | | case 0: return "#7AC5CD"; |
| | | case 1: return "#95d475"; |
| | | case 8: return "#911005"; |
| | | default: return "black"; |
| | | default: return "#CDAF95"; |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | height: `${item.height*0.3}px`, |
| | | backgroundColor: getColorByState(item.state), |
| | | }"> |
| | | <div style="color: aquamarine;"> |
| | | <div style="color: #090909;"> |
| | | <p>{{ item.flowCardId }}</p> |
| | | <p>{{ $t('basicData.widtha') }}{{ item.width }}</p> |
| | | <p>{{ $t('basicData.heighta') }}{{ item.height }}</p> |
| | |
| | | text-align: center; |
| | | } |
| | | .el-carousel__item:nth-child(2n) { |
| | | background-color: #99a9bf; |
| | | background-color: #d3dce6; |
| | | } |
| | | .el-carousel__item:nth-child(2n + 1) { |
| | | background-color: #d3dce6; |