| | |
| | | <template></template> |
| | | <template> |
| | | <div></div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | |
| | | <template> |
| | | <div class="selects-container"> |
| | | <!-- 选择框 --> |
| | | <div :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }" |
| | | class="selects-box" @click="selectClick"> |
| | | <div |
| | | :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }" |
| | | class="selects-box" |
| | | @click="selectClick" |
| | | > |
| | | <div class="text" v-text="checkValue"></div> |
| | | <i class="el-icon-arrow-down"></i> |
| | | </div> |
| | | <!-- 下拉框大盒子 --> |
| | | <div :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }" |
| | | class="select-options" :style="{ height: 35 * options.length + 'px' }"> |
| | | <div |
| | | :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }" |
| | | class="select-options" |
| | | :style="{ height: 35 * options.length + 'px' }" |
| | | > |
| | | <!-- 下拉框 --> |
| | | <div @click="cutValue(item, index)" v-for="(item, index) in options" :key="index">{{ item[optionsName] }} |
| | | </div> |
| | | <div |
| | | @click="cutValue(item, index)" |
| | | v-for="(item, index) in options" |
| | | :key="index" |
| | | >{{ item[optionsName] }}</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | .el-table thead tr th { |
| | | padding: 6px 0; |
| | | } |
| | | |
| | | .el-table__header-wrapper { |
| | | height: 36px; |
| | | } |
| | |
| | | } |
| | | |
| | | .el-select-dropdown__item:hover { |
| | | background-color: rgba(45,92,200, 0.95)!important; |
| | | background-color: rgba(45, 92, 200, 0.95) !important; |
| | | } |
| | | |
| | | .el-select-dropdown__item:onBlur { |
| | |
| | | .el-month-table td .cell { |
| | | color: #fff; |
| | | } |
| | | .el-picker-panel__content{ |
| | | |
| | | .el-picker-panel__content { |
| | | margin: 0; |
| | | width: 100%!important; |
| | | width: 100% !important; |
| | | } |
| | | |
| | | /* 时间筛选 */ |
| | |
| | | background: transparent; |
| | | } |
| | | |
| | | .el-tree-node:focus>.el-tree-node__content{ |
| | | .el-tree-node:focus>.el-tree-node__content { |
| | | background-color: #5daaf0; |
| | | } |