homestay/minsu/admin/node_modules/.cache/vue-loader/5b8cf13c9913af8c08922e0820c5b0f4.json

{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\views\\modules\\fangjian\\add-or-update.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\views\\modules\\fangjian\\add-or-update.vue","mtime":1649818275662},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5lZGl0b3J7DQogIGhlaWdodDogNTAwcHg7DQoNCiAgJiAvZGVlcC8gLnFsLWNvbnRhaW5lciB7DQoJICBoZWlnaHQ6IDMxMHB4Ow0KICB9DQp9DQouYW1hcC13cmFwcGVyIHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogNTAwcHg7DQp9DQouc2VhcmNoLWJveCB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCn0NCi5hZGRFZGl0LWJsb2NrIHsNCgltYXJnaW46IC0xMHB4Ow0KfQ0KLmRldGFpbC1mb3JtLWNvbnRlbnQgew0KCXBhZGRpbmc6IDEycHg7DQp9DQouYnRuIC5lbC1idXR0b24gew0KICBwYWRkaW5nOiAwOw0KfQ=="},{"version":3,"sources":["add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqfA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"add-or-update.vue","sourceRoot":"src/views/modules/fangjian","sourcesContent":["<template>\r\n    <div class=\"addEdit-block\">\r\n        <el-form\r\n                class=\"detail-form-content\"\r\n                ref=\"ruleForm\"\r\n                :model=\"ruleForm\"\r\n                :rules=\"rules\"\r\n                label-width=\"80px\"\r\n                :style=\"{backgroundColor:addEditForm.addEditBoxColor}\">\r\n            <el-row>\r\n                <input id=\"updateId\" name=\"id\" type=\"hidden\">\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"房间名称\" prop=\"fangjianName\">\r\n                       <el-input v-model=\"ruleForm.fangjianName\"\r\n                                 placeholder=\"房间名称\" clearable  :readonly=\"ro.fangjianName\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"房间名称\" prop=\"fangjianName\">\r\n                           <el-input v-model=\"ruleForm.fangjianName\"\r\n                                     placeholder=\"房间名称\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n                <el-col :span=\"12\">\r\n                    <el-form-item class=\"upload\" v-if=\"type!='info' && !ro.fangjianPhoto\" label=\"房间图片\" prop=\"fangjianPhoto\">\r\n                        <file-upload\r\n                            tip=\"点击上传房间图片\"\r\n                            action=\"file/upload\"\r\n                            :limit=\"3\"\r\n                            :multiple=\"true\"\r\n                            :fileUrls=\"ruleForm.fangjianPhoto?ruleForm.fangjianPhoto:''\"\r\n                            @change=\"fangjianPhotoUploadChange\"\r\n                        ></file-upload>\r\n                    </el-form-item>\r\n                    <div v-else>\r\n                        <el-form-item v-if=\"ruleForm.fangjianPhoto\" label=\"房间图片\" prop=\"fangjianPhoto\">\r\n                            <img style=\"margin-right:20px;\" v-bind:key=\"index\" v-for=\"(item,index) in (ruleForm.fangjianPhoto || '').split(',')\" :src=\"item\" width=\"100\" height=\"100\">\r\n                        </el-form-item>\r\n                    </div>\r\n                </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"房间特色\" prop=\"fangjianTese\">\r\n                       <el-input v-model=\"ruleForm.fangjianTese\"\r\n                                 placeholder=\"房间特色\" clearable  :readonly=\"ro.fangjianTese\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"房间特色\" prop=\"fangjianTese\">\r\n                           <el-input v-model=\"ruleForm.fangjianTese\"\r\n                                     placeholder=\"房间特色\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"房间配置\" prop=\"fangjianPeizhi\">\r\n                       <el-input v-model=\"ruleForm.fangjianPeizhi\"\r\n                                 placeholder=\"房间配置\" clearable  :readonly=\"ro.fangjianPeizhi\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"房间配置\" prop=\"fangjianPeizhi\">\r\n                           <el-input v-model=\"ruleForm.fangjianPeizhi\"\r\n                                     placeholder=\"房间配置\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"提供的商品\" prop=\"fangjianShangpin\">\r\n                       <el-input v-model=\"ruleForm.fangjianShangpin\"\r\n                                 placeholder=\"提供的商品\" clearable  :readonly=\"ro.fangjianShangpin\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"提供的商品\" prop=\"fangjianShangpin\">\r\n                           <el-input v-model=\"ruleForm.fangjianShangpin\"\r\n                                     placeholder=\"提供的商品\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"提供的服务\" prop=\"fangjianFuwu\">\r\n                       <el-input v-model=\"ruleForm.fangjianFuwu\"\r\n                                 placeholder=\"提供的服务\" clearable  :readonly=\"ro.fangjianFuwu\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"提供的服务\" prop=\"fangjianFuwu\">\r\n                           <el-input v-model=\"ruleForm.fangjianFuwu\"\r\n                                     placeholder=\"提供的服务\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"价格（天）\" prop=\"fangjianMoney\">\r\n                       <el-input v-model=\"ruleForm.fangjianMoney\"\r\n                                 placeholder=\"价格（天）\" clearable  :readonly=\"ro.fangjianMoney\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"价格（天）\" prop=\"fangjianMoney\">\r\n                           <el-input v-model=\"ruleForm.fangjianMoney\"\r\n                                     placeholder=\"价格（天）\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n                <el-col :span=\"12\">\r\n                    <el-form-item class=\"select\" v-if=\"type!='info'\"  label=\"房间类型\" prop=\"fangjianTypes\">\r\n                        <el-select v-model=\"ruleForm.fangjianTypes\" :disabled=\"ro.fangjianTypes\" placeholder=\"请选择房间类型\">\r\n                            <el-option\r\n                                v-for=\"(item,index) in fangjianTypesOptions\"\r\n                                v-bind:key=\"item.codeIndex\"\r\n                                :label=\"item.indexName\"\r\n                                :value=\"item.codeIndex\">\r\n                            </el-option>\r\n                        </el-select>\r\n                    </el-form-item>\r\n                    <div v-else-if=\"type=='info'\">\r\n                        <el-form-item class=\"input\" label=\"房间类型\" prop=\"fangjianValue\">\r\n                        <el-input v-model=\"ruleForm.fangjianValue\"\r\n                            placeholder=\"房间类型\" readonly></el-input>\r\n                        </el-form-item>\r\n                    </div>\r\n                </el-col>\r\n               <el-col :span=\"12\">\r\n                   <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"房间剩余数量\" prop=\"fangjianNumber\">\r\n                       <el-input v-model=\"ruleForm.fangjianNumber\"\r\n                                 placeholder=\"房间剩余数量\" clearable  :readonly=\"ro.fangjianNumber\"></el-input>\r\n                   </el-form-item>\r\n                   <div v-else-if=\"type=='info'\">\r\n                       <el-form-item class=\"input\" label=\"房间剩余数量\" prop=\"fangjianNumber\">\r\n                           <el-input v-model=\"ruleForm.fangjianNumber\"\r\n                                     placeholder=\"房间剩余数量\" readonly></el-input>\r\n                       </el-form-item>\r\n                   </div>\r\n               </el-col>\r\n                <el-col :span=\"24\">\r\n                    <el-form-item v-if=\"type!='info'\"  label=\"房间详情\" prop=\"fangjianContent\">\r\n                        <editor style=\"min-width: 200px; max-width: 600px;\"\r\n                                v-model=\"ruleForm.fangjianContent\"\r\n                                class=\"editor\"\r\n                                action=\"file/upload\">\r\n                        </editor>\r\n                    </el-form-item>\r\n                    <div v-else-if=\"type=='info'\">\r\n                        <el-form-item v-if=\"ruleForm.fangjianContent\" label=\"房间详情\" prop=\"fangjianContent\">\r\n                            <span v-html=\"ruleForm.fangjianContent\"></span>\r\n                        </el-form-item>\r\n                    </div>\r\n                </el-col>\r\n            </el-row>\r\n            <el-form-item class=\"btn\">\r\n                <el-button v-if=\"type!='info'\" type=\"primary\" class=\"btn-success\" @click=\"onSubmit\">提交</el-button>\r\n                <el-button v-if=\"type!='info'\" class=\"btn-close\" @click=\"back()\">取消</el-button>\r\n                <el-button v-if=\"type=='info'\" class=\"btn-close\" @click=\"back()\">返回</el-button>\r\n            </el-form-item>\r\n        </el-form>\r\n    </div>\r\n</template>\r\n<script>\r\n    import styleJs from \"../../../utils/style.js\";\r\n    // 数字，邮件，手机，url，身份证校验\r\n    import { isNumber,isIntNumer,isEmail,isPhone, isMobile,isURL,checkIdCard } from \"@/utils/validate\";\r\n    export default {\r\n        data() {\r\n            return {\r\n                addEditForm:null,\r\n                id: '',\r\n                type: '',\r\n                sessionTable : \"\",//登录账户所在表名\r\n                role : \"\",//权限\r\n                userId:\"\",//当前登录人的id\r\n                ro:{\r\n                    fangjianName: false,\r\n                    fangjianPhoto: false,\r\n                    fangjianTese: false,\r\n                    fangjianPeizhi: false,\r\n                    fangjianShangpin: false,\r\n                    fangjianFuwu: false,\r\n                    fangjianMoney: false,\r\n                    fangjianTypes: false,\r\n                    fangjianNumber: false,\r\n                    fangjianClicknum: false,\r\n                    fangjianContent: false,\r\n                },\r\n                ruleForm: {\r\n                    fangjianName: '',\r\n                    fangjianPhoto: '',\r\n                    fangjianTese: '',\r\n                    fangjianPeizhi: '',\r\n                    fangjianShangpin: '',\r\n                    fangjianFuwu: '',\r\n                    fangjianMoney: '',\r\n                    fangjianTypes: '',\r\n                    fangjianNumber: '',\r\n                    fangjianClicknum: '',\r\n                    fangjianContent: '',\r\n                },\r\n                fangjianTypesOptions : [],\r\n                rules: {\r\n                   fangjianName: [\r\n                              { required: true, message: '房间名称不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianPhoto: [\r\n                              { required: true, message: '房间图片不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianTese: [\r\n                              { required: true, message: '房间特色不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianPeizhi: [\r\n                              { required: true, message: '房间配置不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianShangpin: [\r\n                              { required: true, message: '提供的商品不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianFuwu: [\r\n                              { required: true, message: '提供的服务不能为空', trigger: 'blur' },\r\n                          ],\r\n                   fangjianMoney: [\r\n                              { required: true, message: '价格（天）不能为空', trigger: 'blur' },\r\n                              {  pattern: /^[0-9]{0,6}(\\.[0-9]{1,2})?$/,\r\n                                  message: '只允许输入整数6位,小数2位的数字',\r\n                                  trigger: 'blur'\r\n                              }\r\n                          ],\r\n                   fangjianTypes: [\r\n                              { required: true, message: '房间类型不能为空', trigger: 'blur' },\r\n                              {  pattern: /^[1-9][0-9]*$/,\r\n                                  message: '只允许输入整数',\r\n                                  trigger: 'blur'\r\n                              }\r\n                          ],\r\n                   fangjianNumber: [\r\n                              { required: true, message: '房间剩余数量不能为空', trigger: 'blur' },\r\n                              {  pattern: /^[1-9][0-9]*$/,\r\n                                  message: '只允许输入整数',\r\n                                  trigger: 'blur'\r\n                              }\r\n                          ],\r\n                   fangjianClicknum: [\r\n                              { required: true, message: '点击次数不能为空', trigger: 'blur' },\r\n                              {  pattern: /^[1-9][0-9]*$/,\r\n                                  message: '只允许输入整数',\r\n                                  trigger: 'blur'\r\n                              }\r\n                          ],\r\n                   fangjianContent: [\r\n                              { required: true, message: '房间详情不能为空', trigger: 'blur' },\r\n                          ],\r\n                }\r\n            };\r\n        },\r\n        props: [\"parent\"],\r\n        computed: {\r\n        },\r\n        created() {\r\n            //获取当前登录用户的信息\r\n            this.sessionTable = this.$storage.get(\"sessionTable\");\r\n            this.role = this.$storage.get(\"role\");\r\n            this.userId = this.$storage.get(\"userId\");\r\n\r\n\r\n            if (this.role != \"管理员\"){\r\n            }\r\n            this.addEditForm = styleJs.addStyle();\r\n            this.addEditStyleChange()\r\n            this.addEditUploadStyleChange()\r\n            //获取下拉框信息\r\n                this.$http({\r\n                    url:`dictionary/page?page=1&limit=100&sort=&order=&dicCode=fangjian_types`,\r\n                    method: \"get\"\r\n                }).then(({ data }) => {\r\n                    if (data && data.code === 0) {\r\n                        this.fangjianTypesOptions = data.data.list;\r\n                    }\r\n                });\r\n\r\n\r\n        },\r\n        mounted() {\r\n        },\r\n        methods: {\r\n            // 下载\r\n            download(file){\r\n                window.open(`${file}`)\r\n            },\r\n            // 初始化\r\n            init(id,type) {\r\n                if (id) {\r\n                    this.id = id;\r\n                    this.type = type;\r\n                }\r\n                if(this.type=='info'||this.type=='else'){\r\n                    this.info(id);\r\n                }\r\n                // 获取用户信息\r\n                this.$http({\r\n                    url:`${this.$storage.get(\"sessionTable\")}/session`,\r\n                    method: \"get\"\r\n                }).then(({ data }) => {\r\n                    if (data && data.code === 0) {\r\n                        var json = data.data;\r\n                    } else {\r\n                        this.$message.error(data.msg);\r\n                    }\r\n                });\r\n            },\r\n            // 多级联动参数\r\n            info(id) {\r\n                let _this =this;\r\n                _this.$http({\r\n                    url: `fangjian/info/${id}`,\r\n                    method: 'get'\r\n                }).then(({ data }) => {\r\n                    if (data && data.code === 0) {\r\n                        _this.ruleForm = data.data;\r\n                    } else {\r\n                        _this.$message.error(data.msg);\r\n                    }\r\n                });\r\n            },\r\n            // 提交\r\n            onSubmit() {\r\n                this.$refs[\"ruleForm\"].validate(valid => {\r\n                    if (valid) {\r\n                        this.$http({\r\n                            url:`fangjian/${!this.ruleForm.id ? \"save\" : \"update\"}`,\r\n                            method: \"post\",\r\n                            data: this.ruleForm\r\n                        }).then(({ data }) => {\r\n                            if (data && data.code === 0) {\r\n                                this.$message({\r\n                                    message: \"操作成功\",\r\n                                    type: \"success\",\r\n                                    duration: 1500,\r\n                                    onClose: () => {\r\n                                        this.parent.showFlag = true;\r\n                                        this.parent.addOrUpdateFlag = false;\r\n                                        this.parent.fangjianCrossAddOrUpdateFlag = false;\r\n                                        this.parent.search();\r\n                                        this.parent.contentStyleChange();\r\n                                    }\r\n                                });\r\n                            } else {\r\n                                this.$message.error(data.msg);\r\n                            }\r\n                        });\r\n                    }\r\n                });\r\n            },\r\n            // 获取uuid\r\n            getUUID () {\r\n                return new Date().getTime();\r\n            },\r\n            // 返回\r\n            back() {\r\n                this.parent.showFlag = true;\r\n                this.parent.addOrUpdateFlag = false;\r\n                this.parent.fangjianCrossAddOrUpdateFlag = false;\r\n                this.parent.contentStyleChange();\r\n            },\r\n            //图片\r\n            fangjianPhotoUploadChange(fileUrls){\r\n                this.ruleForm.fangjianPhoto = fileUrls;\r\n                this.addEditUploadStyleChange()\r\n            },\r\n\r\n            addEditStyleChange() {\r\n                this.$nextTick(()=>{\r\n                    // input\r\n                    document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{\r\n                        el.style.height = this.addEditForm.inputHeight\r\n                        el.style.color = this.addEditForm.inputFontColor\r\n                        el.style.fontSize = this.addEditForm.inputFontSize\r\n                        el.style.borderWidth = this.addEditForm.inputBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.inputBorderStyle\r\n                        el.style.borderColor = this.addEditForm.inputBorderColor\r\n                        el.style.borderRadius = this.addEditForm.inputBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.inputBgColor\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{\r\n                        el.style.lineHeight = this.addEditForm.inputHeight\r\n                        el.style.color = this.addEditForm.inputLableColor\r\n                        el.style.fontSize = this.addEditForm.inputLableFontSize\r\n                    })\r\n                    // select\r\n                    document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{\r\n                        el.style.height = this.addEditForm.selectHeight\r\n                        el.style.color = this.addEditForm.selectFontColor\r\n                        el.style.fontSize = this.addEditForm.selectFontSize\r\n                        el.style.borderWidth = this.addEditForm.selectBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.selectBorderStyle\r\n                        el.style.borderColor = this.addEditForm.selectBorderColor\r\n                        el.style.borderRadius = this.addEditForm.selectBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.selectBgColor\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{\r\n                        el.style.lineHeight = this.addEditForm.selectHeight\r\n                        el.style.color = this.addEditForm.selectLableColor\r\n                        el.style.fontSize = this.addEditForm.selectLableFontSize\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{\r\n                        el.style.color = this.addEditForm.selectIconFontColor\r\n                        el.style.fontSize = this.addEditForm.selectIconFontSize\r\n                    })\r\n                    // date\r\n                    document.querySelectorAll('.addEdit-block .date .el-input__inner').forEach(el=>{\r\n                        el.style.height = this.addEditForm.dateHeight\r\n                        el.style.color = this.addEditForm.dateFontColor\r\n                        el.style.fontSize = this.addEditForm.dateFontSize\r\n                        el.style.borderWidth = this.addEditForm.dateBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.dateBorderStyle\r\n                        el.style.borderColor = this.addEditForm.dateBorderColor\r\n                        el.style.borderRadius = this.addEditForm.dateBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.dateBgColor\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .date .el-form-item__label').forEach(el=>{\r\n                        el.style.lineHeight = this.addEditForm.dateHeight\r\n                        el.style.color = this.addEditForm.dateLableColor\r\n                        el.style.fontSize = this.addEditForm.dateLableFontSize\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .date .el-input__icon').forEach(el=>{\r\n                        el.style.color = this.addEditForm.dateIconFontColor\r\n                        el.style.fontSize = this.addEditForm.dateIconFontSize\r\n                        el.style.lineHeight = this.addEditForm.dateHeight\r\n                    })\r\n                    // upload\r\n                    let iconLineHeight = parseInt(this.addEditForm.uploadHeight) - parseInt(this.addEditForm.uploadBorderWidth) * 2 + 'px'\r\n                    document.querySelectorAll('.addEdit-block .upload .el-upload--picture-card').forEach(el=>{\r\n                        el.style.width = this.addEditForm.uploadHeight\r\n                        el.style.height = this.addEditForm.uploadHeight\r\n                        el.style.borderWidth = this.addEditForm.uploadBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.uploadBorderStyle\r\n                        el.style.borderColor = this.addEditForm.uploadBorderColor\r\n                        el.style.borderRadius = this.addEditForm.uploadBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.uploadBgColor\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .upload .el-form-item__label').forEach(el=>{\r\n                        el.style.lineHeight = this.addEditForm.uploadHeight\r\n                        el.style.color = this.addEditForm.uploadLableColor\r\n                        el.style.fontSize = this.addEditForm.uploadLableFontSize\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .upload .el-icon-plus').forEach(el=>{\r\n                        el.style.color = this.addEditForm.uploadIconFontColor\r\n                        el.style.fontSize = this.addEditForm.uploadIconFontSize\r\n                        el.style.lineHeight = iconLineHeight\r\n                        el.style.display = 'block'\r\n                    })\r\n                    // 多文本输入框\r\n                    document.querySelectorAll('.addEdit-block .textarea .el-textarea__inner').forEach(el=>{\r\n                        el.style.height = this.addEditForm.textareaHeight\r\n                        el.style.color = this.addEditForm.textareaFontColor\r\n                        el.style.fontSize = this.addEditForm.textareaFontSize\r\n                        el.style.borderWidth = this.addEditForm.textareaBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.textareaBorderStyle\r\n                        el.style.borderColor = this.addEditForm.textareaBorderColor\r\n                        el.style.borderRadius = this.addEditForm.textareaBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.textareaBgColor\r\n                    })\r\n                    document.querySelectorAll('.addEdit-block .textarea .el-form-item__label').forEach(el=>{\r\n                        // el.style.lineHeight = this.addEditForm.textareaHeight\r\n                        el.style.color = this.addEditForm.textareaLableColor\r\n                        el.style.fontSize = this.addEditForm.textareaLableFontSize\r\n                    })\r\n                    // 保存\r\n                    document.querySelectorAll('.addEdit-block .btn .btn-success').forEach(el=>{\r\n                        el.style.width = this.addEditForm.btnSaveWidth\r\n                        el.style.height = this.addEditForm.btnSaveHeight\r\n                        el.style.color = this.addEditForm.btnSaveFontColor\r\n                        el.style.fontSize = this.addEditForm.btnSaveFontSize\r\n                        el.style.borderWidth = this.addEditForm.btnSaveBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.btnSaveBorderStyle\r\n                        el.style.borderColor = this.addEditForm.btnSaveBorderColor\r\n                        el.style.borderRadius = this.addEditForm.btnSaveBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.btnSaveBgColor\r\n                    })\r\n                    // 返回\r\n                    document.querySelectorAll('.addEdit-block .btn .btn-close').forEach(el=>{\r\n                        el.style.width = this.addEditForm.btnCancelWidth\r\n                        el.style.height = this.addEditForm.btnCancelHeight\r\n                        el.style.color = this.addEditForm.btnCancelFontColor\r\n                        el.style.fontSize = this.addEditForm.btnCancelFontSize\r\n                        el.style.borderWidth = this.addEditForm.btnCancelBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.btnCancelBorderStyle\r\n                        el.style.borderColor = this.addEditForm.btnCancelBorderColor\r\n                        el.style.borderRadius = this.addEditForm.btnCancelBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.btnCancelBgColor\r\n                    })\r\n                })\r\n            },\r\n            addEditUploadStyleChange() {\r\n                this.$nextTick(()=>{\r\n                    document.querySelectorAll('.addEdit-block .upload .el-upload-list--picture-card .el-upload-list__item').forEach(el=>{\r\n                        el.style.width = this.addEditForm.uploadHeight\r\n                        el.style.height = this.addEditForm.uploadHeight\r\n                        el.style.borderWidth = this.addEditForm.uploadBorderWidth\r\n                        el.style.borderStyle = this.addEditForm.uploadBorderStyle\r\n                        el.style.borderColor = this.addEditForm.uploadBorderColor\r\n                        el.style.borderRadius = this.addEditForm.uploadBorderRadius\r\n                        el.style.backgroundColor = this.addEditForm.uploadBgColor\r\n                    })\r\n                })\r\n            },\r\n        }\r\n    };\r\n</script>\r\n<style lang=\"scss\">\r\n.editor{\r\n  height: 500px;\r\n\r\n  & /deep/ .ql-container {\r\n\t  height: 310px;\r\n  }\r\n}\r\n.amap-wrapper {\r\n  width: 100%;\r\n  height: 500px;\r\n}\r\n.search-box {\r\n  position: absolute;\r\n}\r\n.addEdit-block {\r\n\tmargin: -10px;\r\n}\r\n.detail-form-content {\r\n\tpadding: 12px;\r\n}\r\n.btn .el-button {\r\n  padding: 0;\r\n}</style>\r\n\r\n"]}]}