<template>
    <div>
        <el-row class="ba commonWidth" v-if="state"><!--房间信息弹框-->
            <el-col class="top">
                <el-col class="title">
                    <img src="../../../assets/image/arrow.png" alt="" />
                    <span>房间信息 &nbsp;&nbsp;&nbsp;&nbsp;{{Message.num || "--"}}</span>
                    <!-- <img src="../../../assets/image/icon1.png" alt="" class="equipment-icon"/> -->
                </el-col>
                <p class="close" @click="close"></p>
            </el-col>
            <el-col class="contain scroll">
                <col-row :gutter="10">
                    <!-- <el-col class="title" :span="12">
                        <span class="type">房间号：</span>
                        <span class="data">{{Message.num || "--"}}</span>
                    </el-col> -->
                    <el-col class="title" :span="12">
                        <span class="type">房态：</span>
                        <span class="data" v-if="Message.status">
                            {{Message.status == "VC" ? "空房": Message.status  == "VD" ? "空脏房" : 
                            Message.status  == "OC" ? "在住干净房" : Message.status  == "OD" ? "在住脏房" :
                            Message.status  == "OS" ? "锁房" : Message.status == "OO" ? "维修房" : ""}}</span>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <!-- <el-col class="title" :span="12">
                        <span class="type">总开：</span>
                        <el-switch v-if="Message.zk"
                            @change="control(zk,Message.zk.value,Message.zk.id)"
                            v-model="zk"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">总关：</span>
                        <el-switch v-if="Message.zg"
                            @change="control(zg,Message.zg.value,Message.zg.id)"
                            v-model="zg"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col> -->
                    <el-col class="title" :span="12">
                        <span class="type">房顶灯：</span>
                        <el-switch v-if="Message.fdd"
                            @change="control(fdd,Message.fdd.value,Message.fdd.id)"
                            v-model="fdd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">影视筒灯：</span>
                        <el-switch v-if="Message.ystd"
                            @change="control(ystd,Message.ystd.value,Message.ystd.id)"
                            v-model="ystd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">夜灯：</span>
                        <el-switch v-if="Message.yd"
                            @change="control(yd,Message.yd.value,Message.yd.id)"
                            v-model="yd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <!-- <el-col class="title" :span="12">
                        <span class="type">阳台灯：</span>
                        <el-switch v-if="Message.ytd"
                            @change="control(ytd,Message.ytd.value,Message.ytd.id)"
                            v-model="ytd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col> -->
                    <!-- 阳台灯控制器是雾化玻璃的，有现场情况规定的，属特例 -->
                    <el-col class="title" :span="12"> 
                        <span class="type">阳台灯：</span> 
                        <el-switch v-if="Message.whbl"
                            @change="control(whbl,Message.whbl.value,Message.whbl.id)"
                            v-model="whbl"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">吧灯：</span>
                        <el-switch v-if="Message.bd"
                            @change="control(bd,Message.bd.value,Message.bd.id)"
                            v-model="bd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">床头射灯：</span>
                        <el-switch v-if="Message.ctsd"
                            @change="control(ctsd,Message.ctsd.value,Message.ctsd.id)"
                            v-model="ctsd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">廊灯：</span>
                        <el-switch v-if="Message.ld"
                            @change="control(ld,Message.ld.value,Message.ld.id)"
                            v-model="ld"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">浴室灯：</span>
                        <el-switch v-if="Message.ysd"
                            @change="control(ysd,Message.ysd.value,Message.ysd.id)"
                            v-model="ysd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">卫生间灯带：</span>
                        <el-switch v-if="Message.wsjdd"
                            @change="control(wsjdd,Message.wsjdd.value,Message.wsjdd.id)"
                            v-model="wsjdd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">洗手盆射灯：</span>
                        <el-switch v-if="Message.xspsd"
                            @change="control(xspsd,Message.xspsd.value,Message.xspsd.id)"
                            v-model="xspsd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">排气扇：</span>
                        <el-switch v-if="Message.pqs"
                            @change="control(pqs,Message.pqs.value,Message.pqs.id)"
                            v-model="pqs"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">卫生间筒灯：</span>
                        <el-switch v-if="Message.wsjtd"
                            @change="control(wsjtd,Message.wsjtd.value,Message.wsjtd.id)"
                            v-model="wsjtd"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">窗帘：</span>
                        <el-switch v-if="Message.cl"
                            @change="control(cl,Message.cl.value,Message.cl.id)"
                            v-model="cl"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">窗纱：</span>
                        <el-switch v-if="Message.cs"
                            @change="control(cs,Message.cs.value,Message.cs.id)"
                            v-model="cs"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">空调开关：</span>
                        <el-switch v-if="Message.ktkg"
                            @change="control(ktkg,Message.ktkg.value,Message.ktkg.id)"
                            v-model="ktkg"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">室内温度：</span>
                        <span class="data">{{Message.ktdqwd.value  ?  Number(Message.ktdqwd.value).toFixed(1) + "℃" : Message.ktdqwd.value == "0" ? Number(Message.ktdqwd.value).toFixed(1) + "℃" : "--"}}</span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">空调模式：</span>
                        <div class="data" v-if="Message.ktms">
                            <el-select
                            v-model="ktms"
                            placeholder="模式选择"
                            size="small"
                            style="width: 90px"
                            @change="control(undefined,ktms,Message.ktms.id)"
                            >
                            <el-option
                                v-for="dict in ktmsOptions"
                                :key="dict.dictValue"
                                :label="dict.dictLabel"
                                :value="dict.dictValue"
                            />
                            </el-select>
                        </div>
                        <span class="data" v-else> -- </span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">空调风力：</span>
                        <div class="data" v-if="Message.ktfl">
                            <el-select
                            v-model="ktfl"
                            placeholder="模式选择"
                            size="small"
                            style="width: 90px"
                            @change="control(undefined,ktfl,Message.ktfl.id)"
                            >
                            <el-option
                                v-for="dict in ktflOptions"
                                :key="dict.dictValue"
                                :label="dict.dictLabel"
                                :value="dict.dictValue"
                            />
                            </el-select>
                        </div>
                        <span class="data" v-else> -- </span>
                    </el-col>
                    <el-col class="title" :span="12">
                        <span class="type">空调温度：</span>
                        <span class="data" v-if="Message.ktwd">
                            <input v-model="Message.ktwd.value"  type="number" min="10" max="40" style="ime-mode:disabled" onkeypress="noPermitInput(event)">
                            {{"℃"}}
                            <button @click="control(undefined,Message.ktwd.value,Message.ktwd.id)">提交</button>
                        </span>
                        <span class="data" v-else>--</span>
                    </el-col>



                    <el-col class="title" :span="12">
                        <span class="type">新风启停：</span>
                        <el-switch v-if="Message.xfqt"
                            @change="control(xfqt,Message.xfqt.value,Message.xfqt.id)"
                            v-model="xfqt"
                            active-color="#1C52D8"
                            inactive-color="#ccc">
                        </el-switch>
                        <span class="data" v-else>--</span>
                    </el-col>
                    <el-col class="title" :span="12" >
                        <span class="type">新风挡位：</span>
                        <div class="data" v-if="Message.xfdw">
                            <el-select
                            v-model="xfdw"
                            placeholder="选择"
                            size="small"
                            style="width: 90px"
                            @change="control(undefined,xfdw,Message.xfdw.id)"
                            >
                            <el-option
                                v-for="dict in xfdwOptions"
                                :key="dict.dictValue"
                                :label="dict.dictLabel"
                                :value="dict.dictValue"
                            />
                            </el-select>
                        </div>
                        <span class="data" v-else> -- </span>
                    </el-col>
                    <!-- <el-col class="title" :span="12">
                        <span class="type">新风空调温度：</span>
                        <span class="data" v-if="Message.xfwd">
                            <input v-model="Message.xfwd.value"  type="number" min="10" max="60" style="ime-mode:disabled" onkeypress="noPermitInput(event)">
                            {{"℃"}}
                            <button @click="control(undefined,Message.xfwd.value,Message.xfwd.id)">提交</button>
                        </span>
                        <span class="data" v-else>--</span>
                    </el-col> -->
                </col-row>
            </el-col> 
        </el-row>
  </div>
</template>
<script>
import { btRoomGet } from "@/plugins/api";
import { Message } from 'element-ui'
export default {
    props:['resInfo'],
    data() {
        return {
            state:false,
            fjmsOptions:[
                {
                    dictLabel:"自动",
                    dictValue:"0"
                },
                {
                    dictLabel:"手动",
                    dictValue:"1"
                },
            ],
            ktmsOptions:[
                {
                    dictLabel:"制冷",
                    dictValue:0
                },
                {
                    dictLabel:"制热",
                    dictValue:1
                },
                {
                    dictLabel:"通风",
                    dictValue:2
                },
            ],
            xfqtOptions:[
                {
                     dictLabel:"关机",
                    dictValue:0
                },
                {
                     dictLabel:"开机",
                    dictValue:1
                },
            ],
            xfdwOptions:[
                {
                     dictLabel:"抵挡",
                    dictValue:1
                },
                {
                     dictLabel:"中档",
                    dictValue:2
                },
                {
                     dictLabel:"高档",
                    dictValue:3
                },
            ],
            ktflOptions:[
                {
                    dictLabel:"低速",
                    dictValue:1
                },
                {
                    dictLabel:"中速",
                    dictValue:2
                },
                {
                    dictLabel:"高速",
                    dictValue:3
                },
                {
                    dictLabel:"自动",
                    dictValue:4
                },
            ],
            Message:{},
            ktms:undefined,
            fdd:undefined,
            ld:undefined,
            ktkg:undefined,
            cl:undefined,
            cs:undefined,
            zk:undefined,
            zg:undefined,
            ysd:undefined,
            xspsd:undefined,
            pqs:undefined,
            wsjtd:undefined,
            ytd:undefined,
            bd:undefined,
            ctsd:undefined,
            wsjdd:undefined,
            ystd:undefined,
            yd:undefined,
            whbl:undefined,
            xfqt:undefined,
            xfdw:undefined,
            xfwd:undefined,


        }
    },
    mounted(){
        this.getData()
    },
    methods: {
        getData(){//获取数据赋值
            this.state = true
            let arr = []
            arr.num = this.resInfo.num
            arr.status = this.resInfo.roomStatus
            arr.hotelCode = this.resInfo.hotelCode
            arr.zk = {}
            arr.ld = {}
            arr.fdd = {}
            arr.ktkg = {}
            arr.ktms = {}
            arr.ktdqwd = {}
            arr.ktwd = {}
            arr.ktfl = {}
            arr.cl = {}
            arr.cs = {}
            arr.zk = {}
            arr.zg = {}
            arr.ysd = {}
            arr.xspsd ={}
            arr.pqs = {}
            arr.wsjtd = {}
            arr.ytd = {}
            arr.bd = {}
            arr.ctsd = {}
            arr.wsjdd = {}
            arr.ystd = {}
            arr.ktfl = {}
            arr.yd = {}
            arr.whbl = {}
            arr.xfqt = {}
            arr.xfdw = {}
            arr.xfwd = {}
            let data = this.resInfo.data
            console.log(data)
            for(let i = 0;i<data.length;i++){
                if(data[i].name == "总开"){
                    arr.zk.name = data[i].name
                    arr.zk.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.zk.value = false
                        this.zk = false

                    }else{
                        arr.zk.value = true
                        this.zk = true
                    }
                }
                if(data[i].name == "廊灯"){
                    arr.ld.name = data[i].name
                    arr.ld.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ld.value = false
                        this.ld = false
                    }else{
                        arr.ld.value = true
                        this.ld = true
                    }
                }
                if(data[i].name == "房顶灯"){
                    arr.fdd.name = data[i].name
                    arr.fdd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.fdd.value = false
                        this.fdd = false
                    }else{
                        arr.fdd.value = true
                        this.fdd = true
                    }
                }
                if(data[i].name == "空调-开关"){
                    arr.ktkg.name = data[i].name
                    arr.ktkg.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ktkg.value = false
                        this.ktkg = false
                    }else{
                        arr.ktkg.value = true
                        this.ktkg = true
                    }
                }
                if(data[i].name == "空调-模式"){
                    arr.ktms.name = data[i].name
                    arr.ktms.id = data[i].deviceId
                    arr.ktms.value = data[i].value
                    this.ktms = Number(data[i].value)
                }
                if(data[i].name == "空调-风力"){
                    arr.ktfl.name = data[i].name
                    arr.ktfl.id = data[i].deviceId
                    arr.ktfl.value = data[i].value
                    this.ktfl = Number(data[i].value)
                }
                if(data[i].name == "空调-当前温度"){
                    arr.ktdqwd.name = data[i].name
                    arr.ktdqwd.id = data[i].deviceId
                    arr.ktdqwd.value = data[i].value
                }
                if(data[i].name == "空调-温度"){
                    arr.ktwd.name = data[i].name
                    arr.ktwd.id = data[i].deviceId
                    arr.ktwd.value = data[i].value
                }
                if(data[i].name == "窗帘"){
                    arr.cl.name = data[i].name
                    arr.cl.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.cl.value = false
                        this.cl = false
                    }else{
                        arr.cl.value = true
                        this.cl = true
                    }
                }
                if(data[i].name == "窗纱"){
                    arr.cs.name = data[i].name
                    arr.cs.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.cs.value = false
                        this.cs = false
                    }else{
                        arr.cs.value = true
                        this.cs = true
                    }
                }


                if(data[i].name == "浴室灯"){
                    arr.ysd.name = data[i].name
                    arr.ysd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ysd.value = false
                        this.ysd = false
                    }else{
                        arr.ysd.value = true
                        this.ysd = true
                    }
                }
                if(data[i].name == "洗手盆射灯"){
                    arr.xspsd.name = data[i].name
                    arr.xspsd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.xspsd.value = false
                        this.xspsd = false
                    }else{
                        arr.xspsd.value = true
                        this.xspsd = true
                    }
                }
                if(data[i].name == "排气扇"){
                    arr.pqs.name = data[i].name
                    arr.pqs.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.pqs.value = false
                        this.pqs = false
                    }else{
                        arr.pqs.value = true
                        this.pqs = true
                    }
                }
                if(data[i].name == "卫生间筒灯"){
                    arr.wsjtd.name = data[i].name
                    arr.wsjtd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.wsjtd.value = false
                        this.wsjtd = false
                    }else{
                        arr.wsjtd.value = true
                        this.wsjtd = true
                    }
                }
                if(data[i].name == "影视筒灯"){
                    arr.ystd.name = data[i].name
                    arr.ystd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ystd.value = false
                        this.ystd = false
                    }else{
                        arr.ystd.value = true
                        this.ystd = true
                    }
                }
                
                if(data[i].name == "阳台灯"){
                    arr.ytd.name = data[i].name
                    arr.ytd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ytd.value = false
                        this.ytd = false
                    }else{
                        arr.ytd.value = true
                        this.ytd = true
                    }
                }
                if(data[i].name == "吧灯"){
                    arr.bd.name = data[i].name
                    arr.bd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.bd.value = false
                        this.bd = false
                    }else{
                        arr.bd.value = true
                        this.bd = true
                    }
                }
                if(data[i].name == "床头射灯"){
                    arr.ctsd.name = data[i].name
                    arr.ctsd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.ctsd.value = false
                        this.ctsd = false
                    }else{
                        arr.ctsd.value = true
                        this.ctsd = true
                    }
                }
                if(data[i].name == "卫生间灯带"){
                    arr.wsjdd.name = data[i].name
                    arr.wsjdd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.wsjdd.value = false
                        this.wsjdd = false
                    }else{
                        arr.wsjdd.value = true
                        this.wsjdd = true
                    }
                }
                if(data[i].name == "夜灯"){
                    arr.yd.name = data[i].name
                    arr.yd.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.yd.value = false
                        this.yd = false
                    }else{
                        arr.yd.value = true
                        this.yd = true
                    }
                }
                if(data[i].name == "雾化玻璃"){
                    arr.whbl.name = data[i].name
                    arr.whbl.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.whbl.value = false
                        this.whbl = false
                    }else{
                        arr.whbl.value = true
                        this.whbl = true
                    }
                }
                    // 新风
                if(data[i].name == "新风系统-开关"){
                    arr.xfqt.name = data[i].name
                    arr.xfqt.id = data[i].deviceId
                    if(data[i].value == "0"){
                        arr.xfqt.value = false
                        this.xfqt = false
                    }else{
                        arr.xfqt.value = true
                        this.xfqt = true
                    }
                }
                if(data[i].name == "新风系统-挡位"){
                    arr.xfdw.name = data[i].name
                    arr.xfdw.id = data[i].deviceId
                    if(data[i].value == 0){
                        arr.xfdw.value = undefined
                        this.xfdw = undefined
                    }else{
                        arr.xfdw.value = data[i].value
                        this.xfdw = data[i].value
                    }
                }
                // if(data[i].name == "新风系统-室内温度"){
                //     arr.xfwd.name = data[i].name
                //     arr.xfwd.id = data[i].deviceId
                //     arr.xfwd.value = data[i].value
                //     this.xfwd = data[i].value
                // }

                
                
            }
            this.Message = arr
            // console.log(this.Message)
        },

        control(type,value,id){//控制
            if(type == false){
                value = 0
            }
            if(type == true){
                value = 1
            }
            if(type == undefined){
                
            }
            // console.log(type,value,id)
            let url = `http://www.limark.net:81/api/hotel/control/action.do?hotelCode=${this.Message.hotelCode}&roomNo=${this.Message.num}&device=${id}&value=${value}`
            // console.log(url)
            btRoomGet({url:url}).then(res =>{ 
                Message({
                    message:"信息已提交，请在2分钟后查看信息变更情况",
                    type: 'success'
                });
            })
        },
        noPermitInput(e){      
            var evt = window.event || e ;    
            if(isIE()){    
                evt.returnValue=false; //ie 禁止键盘输入    
            }else{    
                evt.preventDefault(); //fire fox 禁止键盘输入    
            }  
        },   
        isIE() {    
            if (window.navigator.userAgent.toLowerCase().indexOf("msie") >= 1)    
                return true;    
            else    
                return false;    
        },
        close(){//关闭
            this.state = false
            this.$emit("close",false)
        },
    },
};
</script>

<style lang="scss" scoped>
.commonWidth{
    width:450px;
    display: block;
    margin:0 auto; 
    .top{
        height: 39px;
        line-height: 35px;
        background: rgba(28,82,216,.6);
        border: 1px solid #1C52D8;
        border-bottom:none;
        border-radius: 4px 4px  0 0;
        .title{
            width:50%;
            margin-top:-2px;
            font-size: 16px;
            margin-left:16px;
            vertical-align: middle;
            color:#38E7EE;
            vertical-align: middle;
            img{
                margin-right:4px;
                vertical-align: middle;
            }
            span{
                margin-left:16px;
                vertical-align: middle;
            }
            .equipment-icon{
                width:16px;
                position: absolute;
                top:12px;
                right:45%;
            }
        }
        .close{
            width:16px;
            height:16px;
            background: url('../../../assets/image/close.png') ;
            float:right;
            margin:10px 6px 0 0;
        }
    } 
    .contain{
        background-color:rgba(0,22,103,.85);
        border-radius: 0 0 4px 4px;
    }
}
.ba{
    .contain{
        padding: 10px 10px 55px;
        height:400px;
        overflow-y:scroll;
        .title{
            margin-top:10px;
            font-size: 14px;
            letter-spacing: 1px;
            .type{
                width:50%;
                text-align: right;
                display: inline-block;
            }
            .data{
                width:50%;
                text-align: left;
                display: inline-block;
                vertical-align: top;
                input{
                    width:28%;
                    border-radius: 5px;
                    padding:0 0 0 6px;
                     height:20px;
                    line-height: 20px;
                }
               
                button{
                    width:40px;
                    height:25px;
                    line-height: 25px;
                    background-color: rgba(28,82,216,.6);
                    color:#fff;
                    font-size: 12px;
                    border:none;
                    text-align: center;
                    border-radius: 4px;
                }
            }
        }
        
    }
}
/deep/ .el-input--small{
    width:93% !important;
}
/deep/ .el-input--small .el-input__inner{
    height:25px;
    line-height: 25px;
}
/deep/ .el-input__inner{
    color:#fff;
    border-color:#fff;
}
/deep/ .el-input__icon{
    color:#fff !important
}
/deep/ .el-input__suffix{
    top:2px
}
/deep/ .el-table__row>td {
  border: none;
}
/deep/  .el-input__icon{
font-size:10px;-webkit-transform:scale(0.4);
}

/deep/ .el-table::before {
  height: 0px;
}
.scroll{
    overflow-y: scroll;
    overflow-x: hidden;
}
// ::-webkit-scrollbar {
//   /*滚动条整体样式*/
//   width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
//   height: 1px;
//   overflow: hidden;
// }
// ::-webkit-scrollbar-thumb {
//   /*滚动条里面小方块*/
//   border-radius: 1px;
//   box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
//   background   : rgba(28,82,216,1);
// }
// ::-webkit-scrollbar-track {
//   /*滚动条里面轨道*/
//   box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
//   border-radius: 1px;
//   background   : #ededed;
// }

// 对话框
/deep/ .el-dialog{
    background-color: transparent;
    top:15%;
}
/deep/ .el-dialog__header{
    padding:0;
    padding-bottom:0;
}
/deep/ .el-dialog__body{
    padding:0;
}
/deep/ .el-dialog__headerbtn .el-dialog__close{
    display: none;
}


// table
/deep/ .el-table--group, /deep/ .el-table--border{
    border:none;
}
/deep/ .el-table thead{
    color:#fff;
    // background-color: rgba(28,82,216,.2);
}

/deep/ .el-table--border th{
    border:1px solid #fff;
    border-bottom:none;
}

/deep/ .el-table--border td{
    border:1px solid #fff
}
 /deep/  .el-table, .el-table__expanded-cell {
    background-color: transparent;//这是设置透明背景色
    color:#fff;
    border-collapse: collapse;
    
  }

/deep/ .el-table__empty-text{
    color:#fff;
    font-size: 10px;
    letter-spacing: 2px;
}


// data
/deep/ .el-date-editor{
    border:1px solid #ccc;
    background-color: transparent;
    height:25px;
    line-height: 20px;
    padding:0;
    margin-top:2px;
    box-sizing: border-box;
}
/deep/ .el-range-input, /deep/ .el-input__icon el-range__close-icon{
    background-color: transparent;
    color:#fff;
    font-size: 12px;
    text-align: top;
    padding:0;
    position: relative;
    top:-4px
}
/deep/ .el-range__icon{
    display: none;
}
/deep/ .el-date-editor--datetimerange.el-input__inner{
    width:77%;
    
    display: inline-block;
    
}
/deep/ ::placeholder{
    color:#fff
}
/deep/ .el-range-separator{
    color:#fff;
    position: relative;
    top:-4px
}
/deep/table,/deep/ tr,/deep/ td{
    border-collapse: collapse !important;
}
/deep/ tr:hover, /deep/ td:hover, /deep/ table:hover{
    background-color: none !important;
}
/deep/ .el-table__empty-block{
    border:1px solid #fff;
}
/deep/ .el-table tbody tr:hover>td { 
    background-color:transparent
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
 ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  background   : #ededed;
  }

::-webkit-scrollbar {
	    display: none
	  }
      /deep/.el-table--scrollable-y ::-webkit-scrollbar {
  display: none;
}
</style>