| | |
| | | <view > |
| | | <view>{{ item.不良原因代码 }}</view> |
| | | <view>{{ item.不良原因名称 }}</view> |
| | | <view>汇报总数:{{ item.num }}</view> |
| | | <view style="color:brown;">汇报总数:{{ item.num }}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <style lang="scss" scoped> |
| | | input { |
| | | width: inherit; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | |
| | | .uni-input { |
| | |
| | | |
| | | view { |
| | | width: auto; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | color: #555; |
| | | text-align: center; |
| | | padding: 16rpx 0; |
| | |
| | | /* 可选:设置换行后的对齐方式 */ |
| | | align-content: flex-start; /* 多行对齐方式 */ |
| | | .form-item { |
| | | width: 600rpx; |
| | | width: 650rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | padding: 6rpx 0; |
| | | margin-right: 20rpx; |
| | | .left { |
| | |
| | | .right { |
| | | // width: 450rpx; |
| | | padding: 8rpx 20rpx; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | flex: 1; |
| | | border-radius: 22rpx; |
| | | border: 1px solid #acacac; |
| | |
| | | |
| | | .uni-input-placeholder, |
| | | .uni-input-input { |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | } |
| | | |
| | | .uni-combox::v-deep input { |
| | | height: inherit; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | } |
| | | .right-select { |
| | | //padding: 8rpx 20rpx; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | flex: 1; |
| | | |
| | | } |
| | |
| | | width: 180rpx; |
| | | height: 66rpx; |
| | | line-height: 66rpx; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | |
| | | .btn-a { |
| | |
| | | gap: 10rpx 0; |
| | | |
| | | input { |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | |
| | | .detail { |
| | | // width: 50%; |
| | | box-sizing: border-box; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | color: #555; |
| | | padding-right: 20rpx; |
| | | |
| | | |
| | | text { |
| | | color: #999; |
| | | font-size: 26rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .reason-item-flex { |
| | | /* 方块基础样式 */ |
| | | background-color: #f5f5f5; |
| | | background-color: #55ffff; |
| | | border-radius: 8px; |
| | | padding: 12px 16px; |
| | | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); |
| | | transition: all 0.3s ease; |
| | | |
| | | border-width: 2px; /* 边框宽度 */ |
| | | border-style: solid; /* 边框样式 */ |
| | | border-color: #333; /* 边框颜色 */ |
| | | /* 文字样式 */ |
| | | font-size: 14px; |
| | | font-size: 30rpx; |
| | | color: #333; |
| | | text-align: center; |
| | | |
| | | width: 300rpx; |
| | | width: 350rpx; |
| | | |
| | | /* 确保内容不换行时居中 */ |
| | | display: flex; |
| | |
| | | 0% { |
| | | transform: scale(1); |
| | | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); |
| | | border-color: #0000ff; /* 边框颜色 */ |
| | | } |
| | | 50% { |
| | | transform: scale(0.95); |