You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.7 KiB
1 line
8.7 KiB
{"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"]} |