{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\system\\group\\components\\groupFrom.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\system\\group\\components\\groupFrom.vue","mtime":1761614939074},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBncm91cEFkZEFwaSwgZ3JvdXBJbmZvQXBpIH0gZnJvbSAnQC9hcGkvc3lzdGVtJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ21lbnVzRnJvbScsDQogIHByb3BzOiB7DQogICAgZ3JvdXBJZDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMCwNCiAgICB9LA0KICAgIHRpdGxlRnJvbTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgICBhZGRJZDogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaWNvblZhbDogJycsDQogICAgICBncmlkOiB7DQogICAgICAgIHhsOiA3LA0KICAgICAgICBsZzogNywNCiAgICAgICAgbWQ6IDEyLA0KICAgICAgICBzbTogMjQsDQogICAgICAgIHhzOiAyNCwNCiAgICAgIH0sDQogICAgICBtb2RhbHM6IGZhbHNlLA0KICAgICAgbW9kYWwxMjogZmFsc2UsDQogICAgICBydWxlVmFsaWRhdGU6IHsNCiAgICAgICAgbmFtZTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXmlbDmja7nu4TlkI3np7AnLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICAgIGNvbmZpZ19uYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeaVsOaNruWtl+autScsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgaW5mbzogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXmlbDmja7nroDku4snLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICAgIG5hbWVzOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeWtl+auteWQjeensCcsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgIH0sDQogICAgICBGcm9tRGF0YTogW10sDQogICAgICB2YWxpZHM6IGZhbHNlLA0KICAgICAgbGlzdDI6IFtdLA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIG5hbWU6ICcnLA0KICAgICAgICBjb25maWdfbmFtZTogJycsDQogICAgICAgIGluZm86ICcnLA0KICAgICAgICB0eXBlbGlzdDogW10sDQogICAgICAgIGNhdGVfaWQ6IDAsDQogICAgICB9LA0KICAgIH07DQogIH0sDQogIHdhdGNoOiB7DQogICAgYWRkSWQobikgew0KICAgICAgaWYgKG4gPT09ICdhZGRJZCcpIHsNCiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUudHlwZWxpc3QgPSBbXTsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLy8g54K55Ye75re75Yqg5a2X5q61DQogICAgYWRkVHlwZSgpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnR5cGVsaXN0LnB1c2goew0KICAgICAgICBuYW1lOiB7DQogICAgICAgICAgdmFsdWU6ICcnLA0KICAgICAgICB9LA0KICAgICAgICB0aXRsZTogew0KICAgICAgICAgIHZhbHVlOiAnJywNCiAgICAgICAgfSwNCiAgICAgICAgdHlwZTogew0KICAgICAgICAgIHZhbHVlOiAnJywNCiAgICAgICAgfSwNCiAgICAgICAgcGFyYW06IHsNCiAgICAgICAgICBwbGFjZWhvbGRlcjogJ+WPguaVsOaWueW8j+S+i+WmgjpcbjE955m96ImyXG4yPee6ouiJslxuMz3pu5HoibInLA0KICAgICAgICAgIHZhbHVlOiAnJywNCiAgICAgICAgfSwNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5Yig6Zmk5a2X5q61DQogICAgZGVsR3JvdXAoaW5kZXgpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnR5cGVsaXN0LnNwbGljZShpbmRleCwgMSk7DQogICAgfSwNCiAgICAvLyDor6bmg4UNCiAgICBmcm9tRGF0YShpZCkgew0KICAgICAgZ3JvdXBJbmZvQXBpKGlkKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSByZXMuZGF0YS5pbmZvOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5o+Q5LqkDQogICAgaGFuZGxlU3VibWl0KG5hbWUpIHsNCiAgICAgIGxldCBkYXRhID0gew0KICAgICAgICB1cmw6IHRoaXMuZ3JvdXBJZCA/IGAvc2V0dGluZy9ncm91cC8ke3RoaXMuZ3JvdXBJZH1gIDogJ3NldHRpbmcvZ3JvdXAnLA0KICAgICAgICBtZXRob2Q6IHRoaXMuZ3JvdXBJZCA/ICdwdXQnIDogJ3Bvc3QnLA0KICAgICAgICBkYXRhczogdGhpcy5mb3JtVmFsaWRhdGUsDQogICAgICB9Ow0KICAgICAgdGhpcy4kcmVmc1tuYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgaWYgKHRoaXMuZm9ybVZhbGlkYXRlLnR5cGVsaXN0Lmxlbmd0aCA9PT0gMCkgcmV0dXJuIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+ivt+a3u+WKoOWtl+auteWQjeensO+8muWnk+WQje+8gScpOw0KICAgICAgICAgIGdyb3VwQWRkQXBpKGRhdGEpDQogICAgICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICAgICAgdGhpcy5tb2RhbHMgPSBmYWxzZTsNCiAgICAgICAgICAgICAgdGhpcy4kcmVmc1tuYW1lXS5yZXNldEZpZWxkcygpOw0KICAgICAgICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS50eXBlbGlzdCA9IFtdOw0KICAgICAgICAgICAgICB0aGlzLiRlbWl0KCdnZXRMaXN0Jyk7DQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIGlmICghdGhpcy5mb3JtVmFsaWRhdGUubmFtZSkgcmV0dXJuIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+ivt+a3u+WKoOaVsOaNrue7hOWQjeensO+8gScpOw0KICAgICAgICAgIGlmICghdGhpcy5mb3JtVmFsaWRhdGUuY29uZmlnX25hbWUpIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7fmt7vliqDmlbDmja7lrZfmrrXvvIEnKTsNCiAgICAgICAgICBpZiAoIXRoaXMuZm9ybVZhbGlkYXRlLmluZm8pIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7fmt7vliqDmlbDmja7nroDku4vvvIEnKTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICBoYW5kbGVSZXNldCgpIHsNCiAgICAgIHRoaXMubW9kYWxzID0gZmFsc2U7DQogICAgICB0aGlzLiRyZWZzWydmb3JtVmFsaWRhdGUnXS5yZXNldEZpZWxkcygpOw0KICAgICAgdGhpcy4kZW1pdCgnY2xlYXJGcm9tJyk7DQogICAgfSwNCiAgfSwNCiAgY3JlYXRlZCgpIHt9LA0KICBtb3VudGVkKCkge30sDQp9Ow0K"},{"version":3,"sources":["groupFrom.vue"],"names":[],"mappings":";AA2GA;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;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","file":"groupFrom.vue","sourceRoot":"src/pages/system/group/components","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog :visible.sync=\"modals\" width=\"720px\" :title=\"titleFrom\" :close-on-click-modal=\"false\">\r\n      <el-form\r\n        ref=\"formValidate\"\r\n        :model=\"formValidate\"\r\n        label-width=\"100px\"\r\n        :rules=\"ruleValidate\"\r\n        @submit.native.prevent\r\n      >\r\n        <el-row :gutter=\"24\">\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"数据组名称：\" prop=\"name\">\r\n              <el-input v-model=\"formValidate.name\" placeholder=\"请输入数据组名称\" style=\"width: 90%\"></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"数据字段：\" prop=\"config_name\">\r\n              <el-input v-model=\"formValidate.config_name\" placeholder=\"请输入数据字段\" style=\"width: 90%\"></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"数据简介：\" prop=\"info\">\r\n              <el-input v-model=\"formValidate.info\" placeholder=\"请输入数据简介\" style=\"width: 90%\"></el-input>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"数据类型：\" prop=\"cate_id\">\r\n              <el-radio-group v-model=\"formValidate.cate_id\">\r\n                <el-radio :label=\"0\">默认</el-radio>\r\n                <el-radio :label=\"1\">数据</el-radio>\r\n              </el-radio-group>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\" v-for=\"(item, index) in formValidate.typelist\" :key=\"index\">\r\n            <el-col v-bind=\"grid\">\r\n              <el-form-item\r\n                :label=\"'字段' + (index + 1) + '：'\"\r\n                label-width=\"90px\"\r\n                :prop=\"'typelist.' + index + '.name.value'\"\r\n                :rules=\"{ required: true, message: '请输入字段名称：姓名', trigger: 'blur' }\"\r\n              >\r\n                <el-input v-model=\"item.name.value\" placeholder=\"字段名称：姓名\"></el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col v-bind=\"grid\" class=\"goupBox\">\r\n              <el-form-item\r\n                label-width=\"0\"\r\n                :prop=\"'typelist.' + index + '.title.value'\"\r\n                :rules=\"{ required: true, message: '请输入字段配置名', trigger: 'blur' }\"\r\n              >\r\n                <el-input v-model=\"item.title.value\" placeholder=\"字段配置名：name\"></el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col v-bind=\"grid\" prop=\"type\" class=\"goupBox\">\r\n              <el-form-item\r\n                :prop=\"'typelist.' + index + '.type.value'\"\r\n                :rules=\"{ required: true, message: '请选择字段类型', trigger: 'change' }\"\r\n                label-width=\"0\"\r\n              >\r\n                <el-select placeholder=\"字段类型\" v-model=\"item.type.value\">\r\n                  <el-option value=\"input\">文本框</el-option>\r\n                  <el-option value=\"textarea\">多行文本框</el-option>\r\n                  <el-option value=\"radio\">单选框</el-option>\r\n                  <el-option value=\"checkbox\">多选框</el-option>\r\n                  <el-option value=\"select\">下拉选择</el-option>\r\n                  <el-option value=\"upload\">单图</el-option>\r\n                  <el-option value=\"uploads\">多图</el-option>\r\n                </el-select>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-button icon=\"el-icon-delete\" v-db-click @click=\"delGroup(index)\"></el-button>\r\n            <!-- <el-col span=\"1\"> </el-col> -->\r\n            <el-col\r\n              :span=\"24\"\r\n              v-if=\"item.type.value === 'radio' || item.type.value === 'checkbox' || item.type.value === 'select'\"\r\n            >\r\n              <el-form-item\r\n                :prop=\"'typelist.' + index + '.param.value'\"\r\n                :rules=\"{ required: true, message: '请输入参数方式', trigger: 'blur' }\"\r\n              >\r\n                <el-input\r\n                  type=\"textarea\"\r\n                  :rows=\"4\"\r\n                  :placeholder=\"item.param.placeholder\"\r\n                  v-model=\"item.param.value\"\r\n                  style=\"width: 90%\"\r\n                ></el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n          </el-col>\r\n          <el-col>\r\n            <el-form-item>\r\n              <el-button type=\"primary\" v-db-click @click=\"addType\">添加字段</el-button>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"handleReset\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formValidate')\" :disabled=\"valids\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { groupAddApi, groupInfoApi } from '@/api/system';\r\nexport default {\r\n  name: 'menusFrom',\r\n  props: {\r\n    groupId: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    titleFrom: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    addId: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      iconVal: '',\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      modals: false,\r\n      modal12: false,\r\n      ruleValidate: {\r\n        name: [{ required: true, message: '请输入数据组名称', trigger: 'blur' }],\r\n        config_name: [{ required: true, message: '请输入数据字段', trigger: 'blur' }],\r\n        info: [{ required: true, message: '请输入数据简介', trigger: 'blur' }],\r\n        names: [{ required: true, message: '请输入字段名称', trigger: 'blur' }],\r\n      },\r\n      FromData: [],\r\n      valids: false,\r\n      list2: [],\r\n      formValidate: {\r\n        name: '',\r\n        config_name: '',\r\n        info: '',\r\n        typelist: [],\r\n        cate_id: 0,\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    addId(n) {\r\n      if (n === 'addId') {\r\n        this.formValidate.typelist = [];\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    // 点击添加字段\r\n    addType() {\r\n      this.formValidate.typelist.push({\r\n        name: {\r\n          value: '',\r\n        },\r\n        title: {\r\n          value: '',\r\n        },\r\n        type: {\r\n          value: '',\r\n        },\r\n        param: {\r\n          placeholder: '参数方式例如:\\n1=白色\\n2=红色\\n3=黑色',\r\n          value: '',\r\n        },\r\n      });\r\n    },\r\n    // 删除字段\r\n    delGroup(index) {\r\n      this.formValidate.typelist.splice(index, 1);\r\n    },\r\n    // 详情\r\n    fromData(id) {\r\n      groupInfoApi(id)\r\n        .then(async (res) => {\r\n          this.formValidate = res.data.info;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 提交\r\n    handleSubmit(name) {\r\n      let data = {\r\n        url: this.groupId ? `/setting/group/${this.groupId}` : 'setting/group',\r\n        method: this.groupId ? 'put' : 'post',\r\n        datas: this.formValidate,\r\n      };\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          if (this.formValidate.typelist.length === 0) return this.$message.error('请添加字段名称：姓名！');\r\n          groupAddApi(data)\r\n            .then(async (res) => {\r\n              this.$message.success(res.msg);\r\n              this.modals = false;\r\n              this.$refs[name].resetFields();\r\n              this.formValidate.typelist = [];\r\n              this.$emit('getList');\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          if (!this.formValidate.name) return this.$message.error('请添加数据组名称！');\r\n          if (!this.formValidate.config_name) return this.$message.error('请添加数据字段！');\r\n          if (!this.formValidate.info) return this.$message.error('请添加数据简介！');\r\n        }\r\n      });\r\n    },\r\n    handleReset() {\r\n      this.modals = false;\r\n      this.$refs['formValidate'].resetFields();\r\n      this.$emit('clearFrom');\r\n    },\r\n  },\r\n  created() {},\r\n  mounted() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cur {\r\n  cursor: pointer;\r\n}\r\n.goupBox ::v-deep .ivu-form-item-content {\r\n  margin-left: 43px !important;\r\n}\r\n</style>\r\n"]}]}