{"version":3,"sources":["webpack:///src/components/Drawer/E:/前端/xmf/src/components/Drawer/index.vue","webpack:///src/components/form/src/components/form/formDate.vue"],"names":[],"mappings":"AACA,oCAGY,cAAe,CACf,yCAA2C,CAC3C,eAAgB,CAChB,UAAc,CAN1B,6BAUQ,kBAAmB,CACnB,eAAgB,CAChB,mBAAoB,CAZ5B,mBAeQ,SAAU,CAflB,yBAmBQ,mBAAoB,CCnB5B,uBACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,wBACA,CAoMA,8BACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,0BACA,YACA,CACA,4BACA,YAAA,CACA,eACA,CACA,4BACA,WAAA,CACA,WAAA,CAEA,qBAAA,CACA,YAAA,CACA,eAAA,CACA,6CAAA,CACA,iBACA,CACA,gCACA,YAAA,CACA,6BACA,CACA,4BACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,4BACA,cAAA,CACA,0CAAA,CACA,eAAA,CACA,aAAA,CACA,gBACA,CACA,4BACA,cAAA,CACA,gBAAA,CACA,WAAA,CACA,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,yBACA","file":"chunk-05427124.6ade55bb.css","sourcesContent":["\n.drawer_box {\n    .el-drawer__header {\n        span {\n            font-size: 16px;\n            font-family: PingFangSC-Medium, PingFang SC;\n            font-weight: 500;\n            color: #333333;\n        }\n    }\n    .el-drawer__body {\n        background: #e8ebf2;\n        overflow-y: auto;\n        padding-bottom: 81px;\n    }\n    :focus {\n        outline: 0;\n    }\n\n    .dra-content {\n        padding-bottom: 60px;\n    }\n}\n\n// .el-drawer__header {\n//     display: none;\n// }\n","<style scoped>\n.tips {\n    margin: 20px;\n    height: 38px;\n    line-height: 38px;\n    background: #fafafa;\n    border-radius: 4px;\n    opacity: 0.8;\n    border: 1px solid #e8e8e8;\n}\n</style>\n<template>\n  <div class=\"main-content\">\n    <div class=\"main-titel\">\n      <span>客服信息</span>\n    </div>\n    <div class=\"content\">\n      <div>\n        <div class=\"phone_title\"><span>电话</span></div>\n        <div class=\"phone_row\">\n          <div class=\"phone_box\">\n            <div>\n              <span class=\"phone_txt\">手机</span>\n              <span class=\"phone_del\">删除</span>\n            </div>\n            <div>\n              <span>1592830791</span>\n            </div>\n          </div>\n          <div class=\"phone_add\"\n               @click=\"drawer_vrisible= true\">\n            <span class=\"el-icon-circle-plus-outline\">\n              添加\n            </span>\n          </div>\n        </div>\n      </div>\n      <div style=\"margin-top:60px\">\n        <div class=\"phone_title\"><span>微信</span></div>\n        <div class=\"phone_row\">\n          <div class=\"phone_box\">\n            <div>\n              <span class=\"phone_txt\">微信号</span>\n              <span class=\"phone_del\">编辑</span>\n            </div>\n            <div>\n              <span>1592830791</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 添加 -->\n    <!-- 添加 -->\n    <drawer ref=\"ruleForm\"\n            :drawerVrisible='drawer_vrisible'\n            @handleClose='getClose'\n            :drawer_config=\"drawer_config\"\n            :formHandler=\"form_handler\">\n      <template v-slot:picker>\n        <el-date-picker type=\"date\"\n                        size=\"small\"\n                        v-model.trim=\"drawer_config.ruleForm.area\"\n                        style=\"width: 240px;\"></el-date-picker>\n      </template>\n    </drawer>\n\n  </div>\n</template>\n\n<script>\nimport drawer from '@/components/Drawer'\n\nexport default {\n    data() {\n        var validatePass = (rule, value, callback) => {\n            if (value === '') {\n                callback(new Error('请填写'))\n            } else {\n                callback()\n            }\n        }\n        return {\n            drawer_vrisible: false,\n            drawer_config: {\n                drawer_vrisible: false,\n                head_title: '添加预警联系方式',\n                content_title: '基本信息',\n                form_item: [\n                    {\n                        type: 'Radio',\n                        label: '上架时间',\n                        prop: 'status',\n                        options: [\n                            { value: 1, label: '手机' },\n                            { value: 2, label: '普通座机' },\n                            { value: 3, label: '400-800电话' },\n                        ],\n                        width: '100%',\n                    },\n                    {\n                        type: 'Input',\n                        label: '手机号',\n                        placeholder: '请选择停车场',\n                        width: '100%%',\n                        prop: 'phoneNumber',\n                    },\n                    {\n                        type: 'Input',\n                        label: '验证码',\n                        placeholder: '输入验证码',\n                        prop: 'VerCode',\n                        width: '100%',\n                    },\n                ],\n\n                ruleForm: {\n                    phoneNumber: '',\n                    status: '',\n                    VerCode: '',\n                },\n                rules: {\n                    status: [\n                        {\n                            required: true,\n                            message: '请选择',\n                            trigger: 'blur',\n                        },\n                    ],\n                    VerCode: [\n                        {\n                            required: true,\n                            message: '请输入验证码',\n                            trigger: 'blur',\n                        },\n                    ],\n                    phoneNumber: [\n                        {\n                            required: true,\n                            validator: validatePass,\n                            trigger: 'blur',\n                        },\n                    ],\n                },\n                // upload\n            },\n            form_handler: [\n                {\n                    label: '确定',\n                    key: 'submit',\n                    class: 'dra-submit',\n                    handler: (fromData, refs) =>\n                        this.formValidate(fromData, refs),\n                },\n                {\n                    label: '重置',\n                    key: 'reset',\n                    class: 'dra-cancel',\n                    // res是数据\n                    handler: (fromData, refs) => this.reset(fromData, refs),\n                },\n            ],\n        }\n    },\n    components: {\n        drawer,\n    },\n    methods: {\n        // 提交\n        formValidate(fromData, refs) {\n            //验证规则\n            refs.validate((valid) => {\n                if (valid) {\n                    // 成功提交\n                    this.$message({\n                        message: '操作成功',\n                        type: 'success',\n                    })\n                    console.log('submit!!' + JSON.stringify(fromData.ruleForm))\n                    this.getClose()\n                } else {\n                    // 失败保存\n                    console.log('error submit!!')\n                    return false\n                }\n            })\n        },\n        reset(fromData, refs) {\n            console.log()\n            refs.resetFields()\n            // fromData.ruleForm.resetFields()\n            // res.region = ''\n        },\n        // 添加\n        addDrawer() {\n            this.drawer_vrisible = true\n        },\n        getClose(data) {\n            this.drawer_vrisible = false\n        },\n    },\n}\n</script>\n\n<style scoped>\n.phone_title {\n    font-size: 16px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    font-weight: 500;\n    color: #333333;\n    line-height: 22px;\n}\n.content {\n    height: 100vh;\n}\n.phone_row {\n    display: flex;\n    margin-top: 23px;\n}\n.phone_box {\n    width: 199px;\n    height: 80px;\n\n    box-sizing: border-box;\n    padding: 10px;\n    background: #ffffff;\n    box-shadow: 0px 2px 16px 6px rgba(124, 124, 124, 0.1);\n    border-radius: 2px;\n}\n.phone_box > div {\n    display: flex;\n    justify-content: space-between;\n}\n.phone_txt {\n    font-size: 14px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    font-weight: 500;\n    color: #333333;\n    line-height: 20px;\n}\n.phone_del {\n    font-size: 14px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n    color: #fb4702;\n    line-height: 20px;\n}\n.phone_add {\n    cursor: pointer;\n    margin-left: 20px;\n    width: 199px;\n    font-size: 14px;\n    line-height: 80px;\n    text-align: center;\n    height: 80px;\n    background: #ffffff;\n    border-radius: 2px;\n    border: 1px dashed #e8e8e8;\n}\n</style>\n"]}