| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\components\\groupFrom.vue?vue&type=style&index=0&id=819a42a8&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\components\\groupFrom.vue","mtime":1761185180215},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY3VyIHsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLmdvdXBCb3ggOjp2LWRlZXAgLml2dS1mb3JtLWl0ZW0tY29udGVudCB7DQogIG1hcmdpbi1sZWZ0OiA0M3B4ICFpbXBvcnRhbnQ7DQp9DQo="},{"version":3,"sources":["groupFrom.vue"],"names":[],"mappings":";AA0OA;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"]}]}
|
