{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=style&index=0&lang=less&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671151689459},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\index.js","mtime":1671074743092},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.maintenance{\n    width: 760px;\n     height: 600px;\n    // background: url('../assets/images/外框.png') no-repeat ;\n    background-size: 100% 100%;\n    -webkit-animation: fadeInDown .3s;\n            animation: fadeInDown .3s;\n     .top{\n        width: 100%;\n        height: 55px;\n        // background: url('../assets/images/equipmentTop.png') no-repeat;\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n        .right{\n            width: 100%;\n            height: 100%;\n            display: flex;\n             -webkit-box-align: end;\n            -webkit-box-pack: end;\n            justify-content:space-around;\n            align-content: flex-end;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            padding: 10px;\n            .title{\n                width: 80px;\n                // height: 38px;\n                color: #ffffff;\n                text-align: center;\n                line-height: 30px;\n            }\n        }\n      \n    }\n    .content{\n        width: 100%;\n        height: auto;\n        padding: 10px;\n        box-sizing: border-box;\n        display: flex;\n        -webkit-box-pack: justify;\n        flex-wrap: wrap;\n        // margin-left: 1%;\n        .el-select>.el-input {\n    display: block;\n    width: 600px;\n}\n   .titleTop{\n              width: 100%;\n            height: 1px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n            display: flex;\n            flex-flow: column nowrap;\n            // margin-left: 6px;\n            .maintenanceContent{\n                width: 70px;\n                border-bottom: 2px solid #29f0f1;\n            }\n    }\n   .maintenanceContentModel{\n    height: 415px;\n    width: 100%;\n    .visualAngle{\n        width: 100%;\n        height: 18%;\n        display: flex;\n        flex-wrap: wrap;\n        // justify-content: flex-end;\n        align-content: space-around;\n        justify-content: space-between;\n        .project{\n            width: 260px;\n            height: 42px;\n            // background: url('../assets/images/设备状态-框.png') no-repeat;\n            background-size: 100% 100%;\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .code{\n            width: 45%;\n            height: 42px;\n            // background: url('../assets/images/设备状态-框.png') no-repeat;\n            background-size: 100% 100%;\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .visualAngleButton{\n            width: 139px;\n            height: 44px;\n            // background: url('../assets/images/视角跟踪.png') no-repeat;\n            background-size: 100% 100%;\n        }\n    }\n    .maintenanceContent{\n        width: 100%;\n        height: 82%;\n        // border: 1px solid yellow;\n        .top{\n            // background: url('../assets/images/xunjianneirong.png') no-repeat;\n            background-size: 100% 100%;\n            height: 35%;\n            color:#ffffff;\n            display: flex;\n            align-items: flex-start;\n            .el-textarea{\n                height: 100%;\n                .el-textarea__inner{\n                    padding: 12px;\n                    height: 100%;\n                    // width: 100%;\n        /* 使input框的背景变透明 */\n        background-color: transparent;\n        /* 使边框也变透明 */\n        border-color: transparent;\n        /* 给边框加阴影能够使其有立体感 */\n        // box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);\n        /* 改变获取焦点后的竖线颜色 */\n        caret-color: rgba(0, 255, 255,0.8);\n        color:#FFFFFF;\n          }\n            }\n                \n         \n        }\n        .center{\n            // height: 50%;\n             height: 100%;\n            width: 100%;\n            // border: 1px solid red;\n            display: flex;\n            flex-direction: column;\n            // justify-content: space-around;\n            justify-content: space-evenly;\n            .patrol{\n                height: 42px;\n                width:42%;\n                //  border: 1px solid pink;\n                 color: #ffffff;\n                display: flex;\n                // justify-content: space-around;\n                align-items: center;\n                justify-content: space-between;\n                .el-input__inner {\n                // height: 30px !important ;\n                // background: #29f0f1;\n                //   width: 100%;\n                background-color: transparent;\n                color: #fff;\n                border: 1px solid #31cae4;\n               }\n                 .date{\n                    // background: url('../assets/images/xunjianneirong.png') no-repeat;\n                    background-size: 100% 100%;\n                    height: 38px;\n                    width: 186px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                 }\n                 .status{\n                     height: 38px;\n                   width: 211px;\n                    display:flex;\n                    align-items: center;\n                    .el-radio {\n                        color:#ffffff;\n                        font-weight: 500;\n                        cursor: pointer;\n                        margin-right: 30px;\n                        .el-radio__inner {\n                        border-color: #ffffff;\n                        background: transparent;\n                    }\n                    .el-radio__inner::after{\n                        width: 8px;\n                        height: 8px;\n                        background: #29f0f1;\n                    }\n                    .is-checked+.el-radio__label{\n                        color: #29f0f1;\n                    }\n                    .is-checked .el-radio__inner{\n                         border-color: #29f0f1;\n                    }\n                    }\n                 }\n            }\n        }\n         .foot{\n            height: 16%;\n            width: 100%;\n            // border: 1px solid green;\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n            .commit{\n                // background: url('../assets/images/commit.png') no-repeat;\n                background-size: 100% 100%;\n                height: 40px;\n                width: 133px;\n                cursor: pointer;\n            }\n        }\n    }\n   }\n    }\n}\n\n/**\n下拉显示动画效果\n*/\n@keyframes fadeInDown {\n    0% {\n        -webkit-transform: translate3d(0, -20%, 0);\n        -webkit-transform: translate3d(0, -20%, 0);\n        transform: translate3d(0, -20%, 0);\n        transform: translate3d(0, -20%, 0);\n        opacity: 0;\n    }\n\n    100% {\n        -webkit-transform: none;\n        transform: none;\n        opacity: 1;\n    }\n}\n\n@-webkit-keyframes fadeInDown {\n    0% {\n        -webkit-transform: translate3d(0, -20%, 0);\n        opacity: 0;\n    }\n\n    100% {\n        -webkit-transform: none;\n        opacity: 1;\n    }\n}\n\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\n    <div class=\"maintenance\" :wxContent='wxContent'>\n         <div class=\"top\">\n            <div class=\"right\">\n                <div class=\"title\">维修提醒</div>\n                <!-- <img @click=\"handleClose\" src=\"@/assets/images/secondClose.png\" alt=\"\" style=\"cursor: pointer;height: 30px;\"> -->\n            </div>\n        </div>\n        <div class=\"content\">\n          <div class=\"titleTop\">\n            <div class=\"maintenanceContent\"></div>\n          </div>\n           <div class=\"maintenanceContentModel\">\n            <div class=\"visualAngle\">\n                <!-- <div class=\"project\">\n                    <div style=\"font-size:15px\">保养计划:\n                        <span style=\"font-size:18px\">&nbsp;&nbsp;{{wxContent.keepName}}</span>\n                    </div>\n                </div> -->\n                <div class=\"code\"> \n                    <div style=\"font-size:15px\">\n                        设备编号:\n                        <span style=\"font-size:18px\">&nbsp;&nbsp;&nbsp;{{wxContent.facCode}}</span>\n                    </div>\n                </div>\n                 <div class=\"code\"> \n                    <div style=\"font-size:15px\">\n                        故障名称:\n                        <span style=\"font-size:18px\">&nbsp;&nbsp;&nbsp;{{wxContent.errorName}}</span>\n                    </div>\n                </div>\n                  <!-- <div class=\"code\"> \n                    <div style=\"font-size:15px\">\n                        故障时状态:\n                        <span style=\"font-size:18px\">&nbsp;&nbsp;&nbsp;{{wxContent.remark}}</span>\n                    </div>\n                </div> -->\n                <!-- <div class=\"visualAngleButton\"></div> -->\n            </div>\n            <!-- <div class=\"visualAngle\">\n        \n               \n               \n            </div> -->\n            <div class=\"maintenanceContent\">\n              \n               \n                <div class=\"center\">\n                    \n                     <div class=\"patrol\" style=\"width:80%;margin-bottom:35px\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px;\"/> -->\n                        <span>故障原因:</span>\n                         <div class=\"status\" style=\"width:80%\">\n                             <el-input  type=\"textarea\" v-model=\"form.renson\" style=\" height: 38px;line-height:38px\n                             \"></el-input>\n                         </div>\n                       \n                    </div>\n                    <div class=\"patrol\" style=\"width:80%\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n                        <span>故障时状态:</span>\n                         <div class=\"status\" style=\"width:80%\">\n                             <!-- <el-input  type=\"textarea\" v-model=\"form.remark\"></el-input> -->\n                             <el-input  v-model=\"form.remark\"  :disabled=\"true\"></el-input>\n                         </div>\n                       \n                    </div>\n                    <div class=\"patrol\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n                        <span>维修时间:</span>\n                        <el-date-picker\n                                v-model=\"form.maintainTime\"\n                                 type=\"date\"\n                                placeholder=\"选择日期\"\n                                style=\"width:186px;height: 38px;\"\n                                value-format=\"yyyy-MM-dd\"\n                                >\n                        </el-date-picker>\n                    </div>\n                    <div class=\"patrol\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n                        <span>状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>\n                        <div class=\"status\" >\n                            <el-radio-group v-model=\"form.status\">\n                                <el-radio :label=\"true\">已完成</el-radio>\n                                <el-radio :label=\"false\">未完成</el-radio>\n                            </el-radio-group>\n                        </div>\n                    </div>\n                     <div class=\"patrol\" style=\"width:80%\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n                        <span >零&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件:</span>\n                        <div class=\"status\" style=\"width:80%\">\n                            <el-select v-model=\"form.usedElements\" multiple placeholder=\"请选择\" @change=\"changeGlbh\">\n                                        <el-option\n                                          v-for=\"item in options\"\n                                          :key=\"item.code\"\n                                          :label=\"item.name\"\n                                          :value=\"item.code\">\n                                        </el-option>\n                        </el-select>\n                        </div>\n                    </div>\n                    <!-- <div class=\"label\">关联测点</el-select>：&nbsp;&nbsp;&nbsp;  \n                                            \n                                      </div> -->\n                    <div class=\"patrol\">\n                        <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n                        <span>操&nbsp;作&nbsp;人:</span>\n                        <el-input class=\"date\" v-model=\"form.mantainer\"></el-input>\n                    </div>\n                </div>\n                <div class=\"foot\">\n                    <div class=\"commit\" @click=\"clickCommit(form)\"></div>\n                </div>\n            </div>\n           </div>\n        </div>\n        </div>\n</template>\n<script>\n// import {getfacMaintainRecord,postfacMaintainRecord} from \"../api/index\";\n// import  serverUrl from \"../../config/apiurl.js\"\nimport axios from 'axios'\nexport default {\n    props: {\n  wxContent: {\n     type: Object,\t // 类型\n        required: true,// 必要性\n        default: 'cess'// 默认值\n    },\n\n  },\n    data(){\n        return{\n            options:[],\n            // closeStatus: 1,\n            status: false, //单选按钮\n            textarea: '', //查询内容\n            value: '', // 选择时间\n            value1:'',\n            text:'', // 操作人\n            keeper:'',\n            list:'',\n            form:{reporter:'',usedElements:[],status:'',id:'',maintainTime:'',mantainer:'',renson:''}\n        }\n    },\n    mounted(){\n        console.log(\"this.wxContent\",this.wxContent)\n        this.value =this.wxContent.errorDateTime.slice(0,9)\n        // if(this.wbContent.keepFinishTime!=null){\n        //     this.value =this.wbContent.keepFinishTime.slice(0,9)\n        // }\n        this.form.renson =this.wxContent.errorName \n        this.form.status =this.wxContent.status\n        this.form.id =this.wxContent.id\n        if(this.wxContent.reporter!=null) {\n            this.form.mantainer = this.wxContent.reporter\n        }\n        console.log(\"this.value\",this.value)\n        this.getPartsData(this.wxContent.facCode)\n    },\n    methods:{\n        changeGlbh(val){\n            console.log(\"111\",val)\n        },\n\n        handleClose(){\n            this.$parent.componentShow=''\n            this.$parent.modelOthers = false\n            // this.$emit(\"closeStatus\", this.closeStatus)\n        },\n        //获取零件数据\n        getPartsData(val){\n        //     getfacMaintainRecord({ type: 12,facCode:val}).then((res) => {\n        //     console.log(\"零件数据\",res.data)\n        //     this.options=res.data\n        // })\n        },\n        //提交按钮\n       async  clickCommit(val){\n            console.log(\"val\",val)\n\n            let formData = new FormData();\n             var arrays = []\n            val.usedElements.forEach((item) => {\n                arrays.push(item);\n                });\n            formData.append(\"status\",val.status);\n            formData.append(\"type\",1);\n            formData.append(\"id\",val.id);\n            formData.append(\"usedElements\",arrays);\n            formData.append(\"renson\",val.renson);\n            formData.append(\"mantainer\",val.mantainer);\n            formData.append(\"maintainTime\",val.maintainTime);\n           \n            console.log(\"formData\",formData.get('usedElements'))\n        // axios({\n        //         method: \"post\",\n        //         url: serverUrl.dataUrl,\n        //         data:formData\n        //       }).then((res) => {\n                \n        //        console.log(\"提交按钮\",res)\n        //        if(res.data.status==true){\n        //         this.$parent.componentShow=''\n        //         this.$parent.modelOthers = false\n        //         this.$emit(\"messageInfoData\", res.data.status) \n        //        }\n                \n        //       });\n        }\n    },\n    components: {\n    //    getfacMaintainRecord,\n    //    postfacMaintainRecord,\n       axios\n    }\n}\n</script>\n\n\n<style lang=\"less\">\n\n.maintenance{\n    width: 760px;\n     height: 600px;\n    // background: url('../assets/images/外框.png') no-repeat ;\n    background-size: 100% 100%;\n    -webkit-animation: fadeInDown .3s;\n            animation: fadeInDown .3s;\n     .top{\n        width: 100%;\n        height: 55px;\n        // background: url('../assets/images/equipmentTop.png') no-repeat;\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n        .right{\n            width: 100%;\n            height: 100%;\n            display: flex;\n             -webkit-box-align: end;\n            -webkit-box-pack: end;\n            justify-content:space-around;\n            align-content: flex-end;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            padding: 10px;\n            .title{\n                width: 80px;\n                // height: 38px;\n                color: #ffffff;\n                text-align: center;\n                line-height: 30px;\n            }\n        }\n      \n    }\n    .content{\n        width: 100%;\n        height: auto;\n        padding: 10px;\n        box-sizing: border-box;\n        display: flex;\n        -webkit-box-pack: justify;\n        flex-wrap: wrap;\n        // margin-left: 1%;\n        .el-select>.el-input {\n    display: block;\n    width: 600px;\n}\n   .titleTop{\n              width: 100%;\n            height: 1px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n            display: flex;\n            flex-flow: column nowrap;\n            // margin-left: 6px;\n            .maintenanceContent{\n                width: 70px;\n                border-bottom: 2px solid #29f0f1;\n            }\n    }\n   .maintenanceContentModel{\n    height: 415px;\n    width: 100%;\n    .visualAngle{\n        width: 100%;\n        height: 18%;\n        display: flex;\n        flex-wrap: wrap;\n        // justify-content: flex-end;\n        align-content: space-around;\n        justify-content: space-between;\n        .project{\n            width: 260px;\n            height: 42px;\n            // background: url('../assets/images/设备状态-框.png') no-repeat;\n            background-size: 100% 100%;\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .code{\n            width: 45%;\n            height: 42px;\n            // background: url('../assets/images/设备状态-框.png') no-repeat;\n            background-size: 100% 100%;\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .visualAngleButton{\n            width: 139px;\n            height: 44px;\n            // background: url('../assets/images/视角跟踪.png') no-repeat;\n            background-size: 100% 100%;\n        }\n    }\n    .maintenanceContent{\n        width: 100%;\n        height: 82%;\n        // border: 1px solid yellow;\n        .top{\n            // background: url('../assets/images/xunjianneirong.png') no-repeat;\n            background-size: 100% 100%;\n            height: 35%;\n            color:#ffffff;\n            display: flex;\n            align-items: flex-start;\n            .el-textarea{\n                height: 100%;\n                .el-textarea__inner{\n                    padding: 12px;\n                    height: 100%;\n                    // width: 100%;\n        /* 使input框的背景变透明 */\n        background-color: transparent;\n        /* 使边框也变透明 */\n        border-color: transparent;\n        /* 给边框加阴影能够使其有立体感 */\n        // box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);\n        /* 改变获取焦点后的竖线颜色 */\n        caret-color: rgba(0, 255, 255,0.8);\n        color:#FFFFFF;\n          }\n            }\n                \n         \n        }\n        .center{\n            // height: 50%;\n             height: 100%;\n            width: 100%;\n            // border: 1px solid red;\n            display: flex;\n            flex-direction: column;\n            // justify-content: space-around;\n            justify-content: space-evenly;\n            .patrol{\n                height: 42px;\n                width:42%;\n                //  border: 1px solid pink;\n                 color: #ffffff;\n                display: flex;\n                // justify-content: space-around;\n                align-items: center;\n                justify-content: space-between;\n                .el-input__inner {\n                // height: 30px !important ;\n                // background: #29f0f1;\n                //   width: 100%;\n                background-color: transparent;\n                color: #fff;\n                border: 1px solid #31cae4;\n               }\n                 .date{\n                    // background: url('../assets/images/xunjianneirong.png') no-repeat;\n                    background-size: 100% 100%;\n                    height: 38px;\n                    width: 186px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                 }\n                 .status{\n                     height: 38px;\n                   width: 211px;\n                    display:flex;\n                    align-items: center;\n                    .el-radio {\n                        color:#ffffff;\n                        font-weight: 500;\n                        cursor: pointer;\n                        margin-right: 30px;\n                        .el-radio__inner {\n                        border-color: #ffffff;\n                        background: transparent;\n                    }\n                    .el-radio__inner::after{\n                        width: 8px;\n                        height: 8px;\n                        background: #29f0f1;\n                    }\n                    .is-checked+.el-radio__label{\n                        color: #29f0f1;\n                    }\n                    .is-checked .el-radio__inner{\n                         border-color: #29f0f1;\n                    }\n                    }\n                 }\n            }\n        }\n         .foot{\n            height: 16%;\n            width: 100%;\n            // border: 1px solid green;\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n            .commit{\n                // background: url('../assets/images/commit.png') no-repeat;\n                background-size: 100% 100%;\n                height: 40px;\n                width: 133px;\n                cursor: pointer;\n            }\n        }\n    }\n   }\n    }\n}\n\n/**\n下拉显示动画效果\n*/\n@keyframes fadeInDown {\n    0% {\n        -webkit-transform: translate3d(0, -20%, 0);\n        -webkit-transform: translate3d(0, -20%, 0);\n        transform: translate3d(0, -20%, 0);\n        transform: translate3d(0, -20%, 0);\n        opacity: 0;\n    }\n\n    100% {\n        -webkit-transform: none;\n        transform: none;\n        opacity: 1;\n    }\n}\n\n@-webkit-keyframes fadeInDown {\n    0% {\n        -webkit-transform: translate3d(0, -20%, 0);\n        opacity: 0;\n    }\n\n    100% {\n        -webkit-transform: none;\n        opacity: 1;\n    }\n}\n\n</style>"]}]}