{"remainingRequest":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\Git\\CampusVolunteer\\admin\\src\\views\\modules\\zhiyuanzhe\\add-or-update.vue?vue&type=style&index=0&id=db0e50e6&lang=scss","dependencies":[{"path":"E:\\Git\\CampusVolunteer\\admin\\src\\views\\modules\\zhiyuanzhe\\add-or-update.vue","mtime":1744272066615},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1744272062243},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1744272066098},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1744272064469},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1744272065559},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1744272061491},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1744272066096}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZWRpdG9yew0KICBoZWlnaHQ6IDUwMHB4Ow0KICANCiAgJiAvZGVlcC8gLnFsLWNvbnRhaW5lciB7DQoJICBoZWlnaHQ6IDMxMHB4Ow0KICB9DQp9DQouYW1hcC13cmFwcGVyIHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogNTAwcHg7DQp9DQouc2VhcmNoLWJveCB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCn0NCi5hZGRFZGl0LWJsb2NrIHsNCgltYXJnaW46IC0xMHB4Ow0KfQ0KLmRldGFpbC1mb3JtLWNvbnRlbnQgew0KCXBhZGRpbmc6IDEycHg7DQoJYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7DQp9DQouYnRuIC5lbC1idXR0b24gew0KICBwYWRkaW5nOiAwOw0KfQ0K"},{"version":3,"sources":["add-or-update.vue"],"names":[],"mappings":";AAkqBA;AACA;;AAEA;AACA;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/zhiyuanzhe","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\t  :style=\"{backgroundColor:addEditForm.addEditBoxColor}\"\r\n    >\r\n      <el-row >\r\n      <el-col :span=\"12\">\r\n        <el-form-item class=\"input\" v-if=\"type!='info'\"  label=\"学号\" prop=\"xuehao\">\r\n          <el-input v-model=\"ruleForm.xuehao\" \r\n              placeholder=\"学号\" clearable  :readonly=\"ro.xuehao\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"学号\" prop=\"xuehao\">\r\n              <el-input v-model=\"ruleForm.xuehao\" \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=\"mima\">\r\n          <el-input v-model=\"ruleForm.mima\" \r\n              placeholder=\"密码\" clearable  :readonly=\"ro.mima\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"密码\" prop=\"mima\">\r\n              <el-input v-model=\"ruleForm.mima\" \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=\"xingming\">\r\n          <el-input v-model=\"ruleForm.xingming\" \r\n              placeholder=\"姓名\" clearable  :readonly=\"ro.xingming\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"姓名\" prop=\"xingming\">\r\n              <el-input v-model=\"ruleForm.xingming\" \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=\"xingbie\">\r\n          <el-select :disabled=\"ro.xingbie\" v-model=\"ruleForm.xingbie\" placeholder=\"请选择性别\">\r\n            <el-option\r\n                v-for=\"(item,index) in xingbieOptions\"\r\n                v-bind:key=\"index\"\r\n                :label=\"item\"\r\n                :value=\"item\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"性别\" prop=\"xingbie\">\r\n\t      <el-input v-model=\"ruleForm.xingbie\"\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 class=\"upload\" v-if=\"type!='info' && !ro.touxiang\" label=\"头像\" prop=\"touxiang\">\r\n          <file-upload\r\n          tip=\"点击上传头像\"\r\n          action=\"file/upload\"\r\n          :limit=\"3\"\r\n          :multiple=\"true\"\r\n          :fileUrls=\"ruleForm.touxiang?ruleForm.touxiang:''\"\r\n          @change=\"touxiangUploadChange\"\r\n          ></file-upload>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item v-if=\"ruleForm.touxiang\" label=\"头像\" prop=\"touxiang\">\r\n            <img style=\"margin-right:20px;\" v-bind:key=\"index\" v-for=\"(item,index) in ruleForm.touxiang.split(',')\" :src=\"$base.url+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=\"nianling\">\r\n          <el-input v-model=\"ruleForm.nianling\" \r\n              placeholder=\"年龄\" clearable  :readonly=\"ro.nianling\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"年龄\" prop=\"nianling\">\r\n              <el-input v-model=\"ruleForm.nianling\" \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=\"banji\">\r\n          <el-input v-model=\"ruleForm.banji\" \r\n              placeholder=\"班级\" clearable  :readonly=\"ro.banji\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"班级\" prop=\"banji\">\r\n              <el-input v-model=\"ruleForm.banji\" \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=\"youxiang\">\r\n          <el-input v-model=\"ruleForm.youxiang\" \r\n              placeholder=\"邮箱\" clearable  :readonly=\"ro.youxiang\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"邮箱\" prop=\"youxiang\">\r\n              <el-input v-model=\"ruleForm.youxiang\" \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=\"shouji\">\r\n          <el-input v-model=\"ruleForm.shouji\" \r\n              placeholder=\"手机\" clearable  :readonly=\"ro.shouji\"></el-input>\r\n        </el-form-item>\r\n        <div v-else>\r\n          <el-form-item class=\"input\" label=\"手机\" prop=\"shouji\">\r\n              <el-input v-model=\"ruleForm.shouji\" \r\n                placeholder=\"手机\" readonly></el-input>\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    \r\n\r\n  </div>\r\n</template>\r\n<script>\r\n// 数字，邮件，手机，url，身份证校验\r\nimport { isNumber,isIntNumer,isEmail,isPhone, isMobile,isURL,checkIdCard } from \"@/utils/validate\";\r\nexport default {\r\n  data() {\r\n    let self = this\r\n    var validateIdCard = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!checkIdCard(value)) {\r\n        callback(new Error(\"请输入正确的身份证号码\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validateUrl = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isURL(value)) {\r\n        callback(new Error(\"请输入正确的URL地址\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validateMobile = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isMobile(value)) {\r\n        callback(new Error(\"请输入正确的手机号码\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validatePhone = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isPhone(value)) {\r\n        callback(new Error(\"请输入正确的电话号码\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validateEmail = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isEmail(value)) {\r\n        callback(new Error(\"请输入正确的邮箱地址\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validateNumber = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isNumber(value)) {\r\n        callback(new Error(\"请输入数字\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validateIntNumber = (rule, value, callback) => {\r\n      if(!value){\r\n        callback();\r\n      } else if (!isIntNumer(value)) {\r\n        callback(new Error(\"请输入整数\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n\t  addEditForm: {\"btnSaveFontColor\":\"#fff\",\"selectFontSize\":\"14px\",\"btnCancelBorderColor\":\"rgba(98, 190, 84, 1)\",\"inputBorderRadius\":\"4px\",\"inputFontSize\":\"14px\",\"textareaBgColor\":\"#fff\",\"btnSaveFontSize\":\"14px\",\"textareaBorderRadius\":\"4px\",\"uploadBgColor\":\"#fff\",\"textareaBorderStyle\":\"solid\",\"btnCancelWidth\":\"88px\",\"textareaHeight\":\"120px\",\"dateBgColor\":\"#fff\",\"btnSaveBorderRadius\":\"4px\",\"uploadLableFontSize\":\"14px\",\"textareaBorderWidth\":\"5px 2px\",\"inputLableColor\":\"#606266\",\"addEditBoxColor\":\"#fff\",\"dateIconFontSize\":\"14px\",\"btnSaveBgColor\":\"rgba(98, 190, 84, 1)\",\"uploadIconFontColor\":\"rgba(98, 190, 84, 1)\",\"textareaBorderColor\":\"rgba(98, 190, 84, 1)\",\"btnCancelBgColor\":\"rgba(255, 255, 255, 1)\",\"btnSaveBorderStyle\":\"solid\",\"dateBorderWidth\":\"5px 2px\",\"dateLableFontSize\":\"14px\",\"dateBorderRadius\":\"4px\",\"btnCancelBorderStyle\":\"solid\",\"selectLableFontSize\":\"14px\",\"selectBorderStyle\":\"solid\",\"selectIconFontColor\":\"rgba(98, 190, 84, 1)\",\"btnCancelHeight\":\"44px\",\"inputHeight\":\"40px\",\"btnCancelFontColor\":\"rgba(98, 190, 84, 1)\",\"dateBorderColor\":\"rgba(98, 190, 84, 1)\",\"dateIconFontColor\":\"rgba(98, 190, 84, 1)\",\"uploadBorderStyle\":\"solid\",\"dateBorderStyle\":\"solid\",\"dateLableColor\":\"#606266\",\"dateFontSize\":\"14px\",\"inputBorderWidth\":\"5px 2px\",\"uploadIconFontSize\":\"28px\",\"selectHeight\":\"40px\",\"inputFontColor\":\"#606266\",\"uploadHeight\":\"148px\",\"textareaLableColor\":\"#606266\",\"textareaLableFontSize\":\"14px\",\"btnCancelFontSize\":\"14px\",\"inputBorderStyle\":\"solid\",\"btnCancelBorderRadius\":\"4px\",\"inputBgColor\":\"#fff\",\"inputLableFontSize\":\"14px\",\"uploadLableColor\":\"#606266\",\"uploadBorderRadius\":\"4px\",\"btnSaveHeight\":\"44px\",\"selectBgColor\":\"#fff\",\"btnSaveWidth\":\"88px\",\"selectIconFontSize\":\"14px\",\"dateHeight\":\"40px\",\"selectBorderColor\":\"rgba(98, 190, 84, 1)\",\"inputBorderColor\":\"rgba(98, 190, 84, 1)\",\"uploadBorderColor\":\"rgba(98, 190, 84, 1)\",\"textareaFontColor\":\"#606266\",\"selectBorderWidth\":\"5px 2px\",\"dateFontColor\":\"#606266\",\"btnCancelBorderWidth\":\"1px\",\"uploadBorderWidth\":\"5px 2px\",\"textareaFontSize\":\"14px\",\"selectBorderRadius\":\"4px\",\"selectFontColor\":\"#606266\",\"btnSaveBorderColor\":\"rgba(98, 190, 84, 1)\",\"btnSaveBorderWidth\":\"1px\"},\r\n      id: '',\r\n      type: '',\r\n      ro:{\r\n\txuehao : false,\r\n\tmima : false,\r\n\txingming : false,\r\n\txingbie : false,\r\n\ttouxiang : false,\r\n\tnianling : false,\r\n\tbanji : false,\r\n\tyouxiang : false,\r\n\tshouji : false,\r\n\tsfsh : false,\r\n\tshhf : false,\r\n      },\r\n      ruleForm: {\r\n        xuehao: '',\r\n        mima: '',\r\n        xingming: '',\r\n        xingbie: '',\r\n        touxiang: '',\r\n        nianling: '',\r\n        banji: '',\r\n        youxiang: '',\r\n        shouji: '',\r\n        shhf: '',\r\n      },\r\n          xingbieOptions: [],\r\n      rules: {\r\n          xuehao: [\r\n                { required: true, message: '学号不能为空', trigger: 'blur' },\r\n          ],\r\n          mima: [\r\n                { required: true, message: '密码不能为空', trigger: 'blur' },\r\n          ],\r\n          xingming: [\r\n                { required: true, message: '姓名不能为空', trigger: 'blur' },\r\n          ],\r\n          xingbie: [\r\n          ],\r\n          touxiang: [\r\n          ],\r\n          nianling: [\r\n          ],\r\n          banji: [\r\n          ],\r\n          youxiang: [\r\n                { required: true, message: '邮箱不能为空', trigger: 'blur' },\r\n                { validator: validateEmail, trigger: 'blur' },\r\n          ],\r\n          shouji: [\r\n                { required: true, message: '手机不能为空', trigger: 'blur' },\r\n                { validator: validateMobile, trigger: 'blur' },\r\n          ],\r\n          sfsh: [\r\n          ],\r\n          shhf: [\r\n          ],\r\n      }\r\n    };\r\n  },\r\n  props: [\"parent\"],\r\n  computed: {\r\n\r\n\r\n\r\n  },\r\n  created() {\r\n\tthis.addEditStyleChange()\r\n\tthis.addEditUploadStyleChange()\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      }else if(this.type=='logistics'){\r\n        this.logistics=false;\r\n        this.info(id);\r\n      }else if(this.type=='cross'){\r\n        var obj = this.$storage.getObj('crossObj');\r\n        for (var o in obj){\r\n          if(o=='xuehao'){\r\n            this.ruleForm.xuehao = obj[o];\r\n\t    this.ro.xuehao = true;\r\n            continue;\r\n          }\r\n          if(o=='mima'){\r\n            this.ruleForm.mima = obj[o];\r\n\t    this.ro.mima = true;\r\n            continue;\r\n          }\r\n          if(o=='xingming'){\r\n            this.ruleForm.xingming = obj[o];\r\n\t    this.ro.xingming = true;\r\n            continue;\r\n          }\r\n          if(o=='xingbie'){\r\n            this.ruleForm.xingbie = obj[o];\r\n\t    this.ro.xingbie = true;\r\n            continue;\r\n          }\r\n          if(o=='touxiang'){\r\n            this.ruleForm.touxiang = obj[o];\r\n\t    this.ro.touxiang = true;\r\n            continue;\r\n          }\r\n          if(o=='nianling'){\r\n            this.ruleForm.nianling = obj[o];\r\n\t    this.ro.nianling = true;\r\n            continue;\r\n          }\r\n          if(o=='banji'){\r\n            this.ruleForm.banji = obj[o];\r\n\t    this.ro.banji = true;\r\n            continue;\r\n          }\r\n          if(o=='youxiang'){\r\n            this.ruleForm.youxiang = obj[o];\r\n\t    this.ro.youxiang = true;\r\n            continue;\r\n          }\r\n          if(o=='shouji'){\r\n            this.ruleForm.shouji = obj[o];\r\n\t    this.ro.shouji = true;\r\n            continue;\r\n          }\r\n        }\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            this.xingbieOptions = \"男,女\".split(',')\r\n    },\r\n    // 多级联动参数\r\n    info(id) {\r\n      this.$http({\r\n        url: `zhiyuanzhe/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\t//解决前台上传图片后台不显示的问题\r\n\tlet reg=new RegExp('../../../upload','g')//g代表全部\r\n        } else {\r\n          this.$message.error(data.msg);\r\n        }\r\n      });\r\n    },\r\n\r\n\r\n    // 提交\r\n    onSubmit() {\r\n\r\n      if((this.ruleForm.xuehao.length<8)){\r\n        this.$message.error(`学号长度不能小于8`);\r\n        return\r\n      }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\tif(this.ruleForm.touxiang!=null) {\r\n\t\tthis.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,\"g\"),\"\");\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nvar objcross = this.$storage.getObj('crossObj');\r\n\r\n      //更新跨表属性\r\n       var crossuserid;\r\n       var crossrefid;\r\n       var crossoptnum;\r\n       if(this.type=='cross'){\r\n                var statusColumnName = this.$storage.get('statusColumnName');\r\n                var statusColumnValue = this.$storage.get('statusColumnValue');\r\n                if(statusColumnName!='') {\r\n                        var obj = this.$storage.getObj('crossObj');\r\n                       if(!statusColumnName.startsWith(\"[\")) {\r\n                               for (var o in obj){\r\n                                 if(o==statusColumnName){\r\n                                   obj[o] = statusColumnValue;\r\n                                 }\r\n                               }\r\n                               var table = this.$storage.get('crossTable');\r\n                             this.$http({\r\n                                 url: `${table}/update`,\r\n                                 method: \"post\",\r\n                                 data: obj\r\n                               }).then(({ data }) => {});\r\n                       } else {\r\n                               crossuserid=this.$storage.get('userid');\r\n                               crossrefid=obj['id'];\r\n                               crossoptnum=this.$storage.get('statusColumnName');\r\n                               crossoptnum=crossoptnum.replace(/\\[/,\"\").replace(/\\]/,\"\");\r\n                        }\r\n                }\r\n        }\r\n       this.$refs[\"ruleForm\"].validate(valid => {\r\n         if (valid) {\r\n\t\t if(crossrefid && crossuserid) {\r\n\t\t\t this.ruleForm.crossuserid = crossuserid;\r\n\t\t\t this.ruleForm.crossrefid = crossrefid;\r\n\t\t\tlet params = { \r\n\t\t\t\tpage: 1, \r\n\t\t\t\tlimit: 10, \r\n\t\t\t\tcrossuserid:this.ruleForm.crossuserid,\r\n\t\t\t\tcrossrefid:this.ruleForm.crossrefid,\r\n\t\t\t} \r\n\t\t\tthis.$http({ \r\n\t\t\t\turl: \"zhiyuanzhe/page\", \r\n\t\t\t\tmethod: \"get\", \r\n\t\t\t\tparams: params \r\n\t\t\t}).then(({ \r\n\t\t\t\tdata \r\n\t\t\t}) => { \r\n\t\t\t\tif (data && data.code === 0) { \r\n\t\t\t\t       if(data.data.total>=crossoptnum) {\r\n\t\t\t\t\t     this.$message.error(this.$storage.get('tips'));\r\n\t\t\t\t\t       return false;\r\n\t\t\t\t       } else {\r\n\t\t\t\t\t this.$http({\r\n\t\t\t\t\t   url: `zhiyuanzhe/${!this.ruleForm.id ? \"save\" : \"update\"}`,\r\n\t\t\t\t\t   method: \"post\",\r\n\t\t\t\t\t   data: this.ruleForm\r\n\t\t\t\t\t }).then(({ data }) => {\r\n\t\t\t\t\t   if (data && data.code === 0) {\r\n\t\t\t\t\t     this.$message({\r\n\t\t\t\t\t       message: \"操作成功\",\r\n\t\t\t\t\t       type: \"success\",\r\n\t\t\t\t\t       duration: 1500,\r\n\t\t\t\t\t       onClose: () => {\r\n\t\t\t\t\t\t this.parent.showFlag = true;\r\n\t\t\t\t\t\t this.parent.addOrUpdateFlag = false;\r\n\t\t\t\t\t\t this.parent.zhiyuanzheCrossAddOrUpdateFlag = false;\r\n\t\t\t\t\t\t this.parent.search();\r\n\t\t\t\t\t\t this.parent.contentStyleChange();\r\n\t\t\t\t\t       }\r\n\t\t\t\t\t     });\r\n\t\t\t\t\t   } else {\r\n\t\t\t\t\t     this.$message.error(data.msg);\r\n\t\t\t\t\t   }\r\n\t\t\t\t\t });\r\n\r\n\t\t\t\t       }\r\n\t\t\t\t} else { \r\n\t\t\t\t} \r\n\t\t\t});\r\n\t\t } else {\r\n\t\t\t this.$http({\r\n\t\t\t   url: `zhiyuanzhe/${!this.ruleForm.id ? \"save\" : \"update\"}`,\r\n\t\t\t   method: \"post\",\r\n\t\t\t   data: this.ruleForm\r\n\t\t\t }).then(({ data }) => {\r\n\t\t\t   if (data && data.code === 0) {\r\n\t\t\t     this.$message({\r\n\t\t\t       message: \"操作成功\",\r\n\t\t\t       type: \"success\",\r\n\t\t\t       duration: 1500,\r\n\t\t\t       onClose: () => {\r\n\t\t\t\t this.parent.showFlag = true;\r\n\t\t\t\t this.parent.addOrUpdateFlag = false;\r\n\t\t\t\t this.parent.zhiyuanzheCrossAddOrUpdateFlag = false;\r\n\t\t\t\t this.parent.search();\r\n\t\t\t\t this.parent.contentStyleChange();\r\n\t\t\t       }\r\n\t\t\t     });\r\n\t\t\t   } else {\r\n\t\t\t     this.$message.error(data.msg);\r\n\t\t\t   }\r\n\t\t\t });\r\n\t\t }\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.zhiyuanzheCrossAddOrUpdateFlag = false;\r\n      this.parent.contentStyleChange();\r\n    },\r\n    touxiangUploadChange(fileUrls) {\r\n\tthis.ruleForm.touxiang = fileUrls;\r\n\tthis.addEditUploadStyleChange()\r\n    },\r\n\taddEditStyleChange() {\r\n\t  this.$nextTick(()=>{\r\n\t    // input\r\n\t    document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{\r\n\t      el.style.height = this.addEditForm.inputHeight\r\n\t      el.style.color = this.addEditForm.inputFontColor\r\n\t      el.style.fontSize = this.addEditForm.inputFontSize\r\n\t      el.style.borderWidth = this.addEditForm.inputBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.inputBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.inputBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.inputBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.inputBgColor\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{\r\n\t      el.style.lineHeight = this.addEditForm.inputHeight\r\n\t      el.style.color = this.addEditForm.inputLableColor\r\n\t      el.style.fontSize = this.addEditForm.inputLableFontSize\r\n\t    })\r\n\t    // select\r\n\t    document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{\r\n\t      el.style.height = this.addEditForm.selectHeight\r\n\t      el.style.color = this.addEditForm.selectFontColor\r\n\t      el.style.fontSize = this.addEditForm.selectFontSize\r\n\t      el.style.borderWidth = this.addEditForm.selectBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.selectBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.selectBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.selectBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.selectBgColor\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{\r\n\t      el.style.lineHeight = this.addEditForm.selectHeight\r\n\t      el.style.color = this.addEditForm.selectLableColor\r\n\t      el.style.fontSize = this.addEditForm.selectLableFontSize\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{\r\n\t      el.style.color = this.addEditForm.selectIconFontColor\r\n\t      el.style.fontSize = this.addEditForm.selectIconFontSize\r\n\t    })\r\n\t    // date\r\n\t    document.querySelectorAll('.addEdit-block .date .el-input__inner').forEach(el=>{\r\n\t      el.style.height = this.addEditForm.dateHeight\r\n\t      el.style.color = this.addEditForm.dateFontColor\r\n\t      el.style.fontSize = this.addEditForm.dateFontSize\r\n\t      el.style.borderWidth = this.addEditForm.dateBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.dateBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.dateBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.dateBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.dateBgColor\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .date .el-form-item__label').forEach(el=>{\r\n\t      el.style.lineHeight = this.addEditForm.dateHeight\r\n\t      el.style.color = this.addEditForm.dateLableColor\r\n\t      el.style.fontSize = this.addEditForm.dateLableFontSize\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .date .el-input__icon').forEach(el=>{\r\n\t      el.style.color = this.addEditForm.dateIconFontColor\r\n\t      el.style.fontSize = this.addEditForm.dateIconFontSize\r\n\t      el.style.lineHeight = this.addEditForm.dateHeight\r\n\t    })\r\n\t    // upload\r\n\t    let iconLineHeight = parseInt(this.addEditForm.uploadHeight) - parseInt(this.addEditForm.uploadBorderWidth) * 2 + 'px'\r\n\t    document.querySelectorAll('.addEdit-block .upload .el-upload--picture-card').forEach(el=>{\r\n\t      el.style.width = this.addEditForm.uploadHeight\r\n\t      el.style.height = this.addEditForm.uploadHeight\r\n\t      el.style.borderWidth = this.addEditForm.uploadBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.uploadBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.uploadBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.uploadBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.uploadBgColor\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .upload .el-form-item__label').forEach(el=>{\r\n\t      el.style.lineHeight = this.addEditForm.uploadHeight\r\n\t      el.style.color = this.addEditForm.uploadLableColor\r\n\t      el.style.fontSize = this.addEditForm.uploadLableFontSize\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .upload .el-icon-plus').forEach(el=>{\r\n\t      el.style.color = this.addEditForm.uploadIconFontColor\r\n\t      el.style.fontSize = this.addEditForm.uploadIconFontSize\r\n\t      el.style.lineHeight = iconLineHeight\r\n\t      el.style.display = 'block'\r\n\t    })\r\n\t    // 多文本输入框\r\n\t    document.querySelectorAll('.addEdit-block .textarea .el-textarea__inner').forEach(el=>{\r\n\t      el.style.height = this.addEditForm.textareaHeight\r\n\t      el.style.color = this.addEditForm.textareaFontColor\r\n\t      el.style.fontSize = this.addEditForm.textareaFontSize\r\n\t      el.style.borderWidth = this.addEditForm.textareaBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.textareaBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.textareaBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.textareaBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.textareaBgColor\r\n\t    })\r\n\t    document.querySelectorAll('.addEdit-block .textarea .el-form-item__label').forEach(el=>{\r\n\t      // el.style.lineHeight = this.addEditForm.textareaHeight\r\n\t      el.style.color = this.addEditForm.textareaLableColor\r\n\t      el.style.fontSize = this.addEditForm.textareaLableFontSize\r\n\t    })\r\n\t    // 保存\r\n\t    document.querySelectorAll('.addEdit-block .btn .btn-success').forEach(el=>{\r\n\t      el.style.width = this.addEditForm.btnSaveWidth\r\n\t      el.style.height = this.addEditForm.btnSaveHeight\r\n\t      el.style.color = this.addEditForm.btnSaveFontColor\r\n\t      el.style.fontSize = this.addEditForm.btnSaveFontSize\r\n\t      el.style.borderWidth = this.addEditForm.btnSaveBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.btnSaveBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.btnSaveBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.btnSaveBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.btnSaveBgColor\r\n\t    })\r\n\t    // 返回\r\n\t    document.querySelectorAll('.addEdit-block .btn .btn-close').forEach(el=>{\r\n\t      el.style.width = this.addEditForm.btnCancelWidth\r\n\t      el.style.height = this.addEditForm.btnCancelHeight\r\n\t      el.style.color = this.addEditForm.btnCancelFontColor\r\n\t      el.style.fontSize = this.addEditForm.btnCancelFontSize\r\n\t      el.style.borderWidth = this.addEditForm.btnCancelBorderWidth\r\n\t      el.style.borderStyle = this.addEditForm.btnCancelBorderStyle\r\n\t      el.style.borderColor = this.addEditForm.btnCancelBorderColor\r\n\t      el.style.borderRadius = this.addEditForm.btnCancelBorderRadius\r\n\t      el.style.backgroundColor = this.addEditForm.btnCancelBgColor\r\n\t    })\r\n\t  })\r\n\t},\r\n\taddEditUploadStyleChange() {\r\n\t\tthis.$nextTick(()=>{\r\n\t\t  document.querySelectorAll('.addEdit-block .upload .el-upload-list--picture-card .el-upload-list__item').forEach(el=>{\r\n\t\t\tel.style.width = this.addEditForm.uploadHeight\r\n\t\t\tel.style.height = this.addEditForm.uploadHeight\r\n\t\t\tel.style.borderWidth = this.addEditForm.uploadBorderWidth\r\n\t\t\tel.style.borderStyle = this.addEditForm.uploadBorderStyle\r\n\t\t\tel.style.borderColor = this.addEditForm.uploadBorderColor\r\n\t\t\tel.style.borderRadius = this.addEditForm.uploadBorderRadius\r\n\t\t\tel.style.backgroundColor = this.addEditForm.uploadBgColor\r\n\t\t  })\r\n\t  })\r\n\t},\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\tbackground-color: transparent;\r\n}\r\n.btn .el-button {\r\n  padding: 0;\r\n}\r\n</style>\r\n"]}]}