| 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\\user\\list\\handle\\userEdit.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\user\\list\\handle\\userEdit.vue","mtime":1761185180232},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQppbXBvcnQgdXNlckxhYmVsIGZyb20gJ0AvY29tcG9uZW50cy91c2VyTGFiZWwnOw0KDQppbXBvcnQgeyB1c2VyTGFiZWxBZGRBcGkgfSBmcm9tICdAL2FwaS91c2VyJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3VzZXJFZGl0JywNCiAgY29tcG9uZW50czogeyB1c2VyTGFiZWwgfSwNCiAgcHJvcHM6IHsNCiAgICAvLyBtb2RhbHM6IHsNCiAgICAvLyAgIGRlZmF1bHQ6IGZhbHNlLA0KICAgIC8vICAgdHlwZTogQm9vbGVhbiwNCiAgICAvLyB9LA0KICAgIHVzZXJEYXRhOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiAoKSA9PiB7fSwNCiAgICB9LA0KICB9LA0KICB3YXRjaDoge30sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG1vZGFsczogZmFsc2UsDQogICAgICBsYWJlbFNob3c6IGZhbHNlLA0KICAgICAgZm9ybUl0ZW06IHsNCiAgICAgICAgdWlkOiAwLA0KICAgICAgICByZWFsX25hbWU6ICcnLA0KICAgICAgICBwaG9uZTogJycsDQogICAgICAgIGJpcnRoZGF5OiAnJywNCiAgICAgICAgY2FyZF9pZDogJycsDQogICAgICAgIGFkZHJlczogJycsDQogICAgICAgIG1hcms6ICcnLA0KICAgICAgICBwd2Q6ICcnLA0KICAgICAgICB0cnVlX3B3ZDogJycsDQogICAgICAgIGxldmVsOiAnJywNCiAgICAgICAgZ3JvdXBfaWQ6ICcnLA0KICAgICAgICBsYWJlbF9pZDogW10sDQogICAgICAgIHNwcmVhZF9vcGVuOiAxLA0KICAgICAgICBpc19wcm9tb3RlcjogMCwNCiAgICAgICAgc3RhdHVzOiAxLA0KICAgICAgfSwNCiAgICAgIGdyb3VwSW5mbzogW10sDQogICAgICBsYWJlbEluZm86IFtdLA0KICAgICAgbGV2ZWxJbmZvOiBbXSwNCiAgICAgIGluZm9EYXRhOiB7DQogICAgICAgIGdyb3VwSW5mbzogW10sDQogICAgICAgIGxhYmVsSW5mbzogW10sDQogICAgICAgIGxldmVsSW5mbzogW10sDQogICAgICB9LA0KICAgICAgcnVsZVZhbGlkYXRlOiB7DQogICAgICAgIHJlYWxfbmFtZTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICcgJywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgICBwaG9uZTogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICcgJywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgICBwd2Q6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAnICcsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgdHJ1ZV9wd2Q6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAnICcsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgIH0sDQogICAgICBkYXRhTGFiZWw6IFtdLA0KICAgIH07DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kc2V0KHRoaXMuaW5mb0RhdGEsICdncm91cEluZm8nLCB0aGlzLnVzZXJEYXRhLmdyb3VwSW5mbyk7DQogICAgdGhpcy4kc2V0KHRoaXMuaW5mb0RhdGEsICdsZXZlbEluZm8nLCB0aGlzLnVzZXJEYXRhLmxldmVsSW5mbyk7DQogICAgdGhpcy4kc2V0KHRoaXMuaW5mb0RhdGEsICdsYWJlbEluZm8nLCB0aGlzLnVzZXJEYXRhLmxhYmVsSW5mbyk7DQogICAgbGV0IGFyciA9IE9iamVjdC5rZXlzKHRoaXMuZm9ybUl0ZW0pOw0KICAgIGlmICh0aGlzLnVzZXJEYXRhLnVzZXJJbmZvKSB7DQogICAgICBhcnIubWFwKChpKSA9PiB7DQogICAgICAgIHRoaXMuZm9ybUl0ZW1baV0gPSB0aGlzLnVzZXJEYXRhLnVzZXJJbmZvW2ldOw0KICAgICAgfSk7DQogICAgICBpZiAoIXRoaXMuZm9ybUl0ZW0uYmlydGhkYXkpIHRoaXMuZm9ybUl0ZW0uYmlydGhkYXkgPSAnJzsNCiAgICAgIGlmICh0aGlzLmZvcm1JdGVtLmxhYmVsX2lkLmxlbmd0aCkgew0KICAgICAgICB0aGlzLmRhdGFMYWJlbCA9IHRoaXMuZm9ybUl0ZW0ubGFiZWxfaWQ7DQogICAgICB9DQogICAgfSBlbHNlIHsNCiAgICAgIHRoaXMucmVzZXQoKTsNCiAgICB9DQoNCiAgICAvLyB0aGlzLmZvcm1JdGVtID0gdGhpcy51c2VyRGF0YS51c2VySW5mbzsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGFkZExhYmVsKCkgew0KICAgICAgdGhpcy4kbW9kYWxGb3JtKHVzZXJMYWJlbEFkZEFwaSgwKSkudGhlbigoKSA9PiB7fSk7DQogICAgfSwNCiAgICBjaGFuZ2VNb2RhbChzdGF0dXMpIHsNCiAgICAgIGlmICghc3RhdHVzKSB7DQogICAgICAgIHRoaXMuY2FuY2VsKCk7DQogICAgICAgIHRoaXMucmVzZXQoKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIG9wZW5MYWJlbChyb3cpIHsNCiAgICAgIHRoaXMubGFiZWxTaG93ID0gdHJ1ZTsNCiAgICAgIHRoaXMuJHJlZnMudXNlckxhYmVsLnVzZXJMYWJlbChKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHRoaXMuaW5mb0RhdGEubGFiZWxJbmZvKSkpOw0KICAgIH0sDQogICAgY2FuY2VsKCkge30sDQogICAgYWN0aXZlRGF0YShkYXRhTGFiZWwpIHsNCiAgICAgIHRoaXMubGFiZWxTaG93ID0gZmFsc2U7DQogICAgICB0aGlzLmRhdGFMYWJlbCA9IGRhdGFMYWJlbDsNCiAgICB9LA0KICAgIC8vIOagh+etvuW8ueeql+WFs+mXrQ0KICAgIGxhYmVsQ2xvc2UoKSB7DQogICAgICB0aGlzLmxhYmVsU2hvdyA9IGZhbHNlOw0KICAgIH0sDQogICAgY2xvc2VMYWJlbChsYWJlbCkgew0KICAgICAgbGV0IGluZGV4ID0gdGhpcy5kYXRhTGFiZWwuaW5kZXhPZih0aGlzLmRhdGFMYWJlbC5maWx0ZXIoKGQpID0+IGQuaWQgPT0gbGFiZWwuaWQpWzBdKTsNCiAgICAgIHRoaXMuZGF0YUxhYmVsLnNwbGljZShpbmRleCwgMSk7DQogICAgfSwNCiAgICByZXNldCgpIHsNCiAgICAgIHRoaXMuZm9ybUl0ZW0gPSB7DQogICAgICAgIHVpZDogJycsDQogICAgICAgIHJlYWxfbmFtZTogJycsDQogICAgICAgIHBob25lOiAnJywNCiAgICAgICAgYmlydGhkYXk6ICcnLA0KICAgICAgICBjYXJkX2lkOiAnJywNCiAgICAgICAgYWRkcmVzOiAnJywNCiAgICAgICAgbWFyazogJycsDQogICAgICAgIHB3ZDogJycsDQogICAgICAgIHRydWVfcHdkOiAnJywNCiAgICAgICAgbGV2ZWw6ICcnLA0KICAgICAgICBncm91cF9pZDogJycsDQogICAgICAgIGxhYmVsX2lkOiBbXSwNCiAgICAgICAgc3ByZWFkX29wZW46IDEsDQogICAgICAgIGlzX3Byb21vdGVyOiAwLA0KICAgICAgICBzdGF0dXM6IDEsDQogICAgICB9Ow0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["userEdit.vue"],"names":[],"mappings":";AA+JA;;AAEA;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;;AAEA;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":"userEdit.vue","sourceRoot":"src/pages/user/list/handle","sourcesContent":["<template>\r\n <div class=\"pb-50\">\r\n <el-form ref=\"formItem\" :rules=\"ruleValidate\" :model=\"formItem\" label-width=\"100px\" @submit.native.prevent>\r\n <el-form-item label=\"用户ID：\" v-if=\"formItem.uid\">\r\n <el-input\r\n class=\"form-sty\"\r\n disabled\r\n v-model=\"formItem.uid\"\r\n placeholder=\"请输入编号\"\r\n style=\"width: 80%\"\r\n ></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"真实姓名：\" prop=\"real_name\">\r\n <el-input\r\n class=\"form-sty\"\r\n v-model.trim=\"formItem.real_name\"\r\n placeholder=\"请输入真实姓名\"\r\n style=\"width: 80%\"\r\n ></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"手机号码：\" prop=\"phone\">\r\n <el-input class=\"form-sty\" v-model=\"formItem.phone\" placeholder=\"请输入手机号码\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"生日：\">\r\n <el-date-picker\r\n clearable\r\n class=\"form-sty\"\r\n type=\"date\"\r\n v-model=\"formItem.birthday\"\r\n placeholder=\"请选择生日\"\r\n style=\"width: 80%\"\r\n format=\"yyyy-MM-dd\"\r\n value-format=\"yyyy-MM-dd\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"身份证号：\">\r\n <el-input\r\n class=\"form-sty\"\r\n v-model.trim=\"formItem.card_id\"\r\n placeholder=\"请输入身份证号\"\r\n style=\"width: 80%\"\r\n ></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"用户地址：\">\r\n <el-input class=\"form-sty\" v-model=\"formItem.addres\" placeholder=\"请输入用户地址\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"用户备注：\">\r\n <el-input class=\"form-sty\" v-model=\"formItem.mark\" placeholder=\"请输入用户备注\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"登录密码：\" prop=\"pwd\">\r\n <el-input\r\n class=\"form-sty\"\r\n type=\"password\"\r\n v-model=\"formItem.pwd\"\r\n placeholder=\"请输入登录密码（修改用户可不填写，不填写不修改原密码）\"\r\n style=\"width: 80%\"\r\n ></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"确认密码：\" prop=\"true_pwd\">\r\n <el-input\r\n class=\"form-sty\"\r\n type=\"password\"\r\n v-model=\"formItem.true_pwd\"\r\n placeholder=\"请输入确认密码（修改用户可不填写，不填写不修改原密码）\"\r\n style=\"width: 80%\"\r\n ></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"用户等级：\">\r\n <el-select v-model=\"formItem.level\" class=\"form-sty\" clearable>\r\n <el-option\r\n v-for=\"(item, index) in infoData.levelInfo\"\r\n :key=\"index\"\r\n :value=\"item.id\"\r\n :label=\"item.name\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"用户分组：\">\r\n <el-select v-model=\"formItem.group_id\" class=\"form-sty\" clearable>\r\n <el-option\r\n v-for=\"(item, index) in infoData.groupInfo\"\r\n :key=\"index\"\r\n :value=\"item.id\"\r\n :label=\"item.group_name\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"用户标签：\">\r\n <!-- <el-select v-model=\"formItem.label_id\">\r\n <el-option\r\n v-for=\"(item, index) in infoData.labelInfo\"\r\n :key=\"index\"\r\n :value=\"item.value\"\r\n >{{ item.label }}</el-option\r\n >\r\n </el-select> -->\r\n <div style=\"display: flex\">\r\n <div class=\"labelInput acea-row row-between-wrapper\" v-db-click @click=\"openLabel\">\r\n <div style=\"width: 90%\">\r\n <div v-if=\"dataLabel.length\">\r\n <el-tag\r\n closable\r\n v-for=\"(item, index) in dataLabel\"\r\n :key=\"index\"\r\n @close=\"closeLabel(item)\"\r\n class=\"mr10\"\r\n >{{ item.label_name }}</el-tag\r\n >\r\n </div>\r\n <span class=\"span\" v-else>选择用户关联标签</span>\r\n </div>\r\n <div class=\"ivu-icon ivu-icon-ios-arrow-down\"></div>\r\n </div>\r\n <span class=\"addfont\" v-db-click @click=\"addLabel\">新增标签</span>\r\n </div>\r\n </el-form-item>\r\n <el-form-item label=\"分销禁用：\">\r\n <el-radio-group v-model=\"formItem.spread_open\" class=\"form-sty\">\r\n <el-radio :label=\"0\">是</el-radio>\r\n <el-radio :label=\"1\">否</el-radio>\r\n </el-radio-group>\r\n <div class=\"tip\">禁用用户的分销资格后，在任何分销模式下该用户都无分销权限</div>\r\n </el-form-item>\r\n <el-form-item label=\"分销权限：\" v-if=\"formItem.spread_open == 1\">\r\n <el-radio-group v-model=\"formItem.is_promoter\" class=\"form-sty\">\r\n <el-radio :label=\"1\">开启</el-radio>\r\n <el-radio :label=\"0\">关闭</el-radio>\r\n </el-radio-group>\r\n <div class=\"tip\">手动开启或关闭用户的分销权限</div>\r\n </el-form-item>\r\n <el-form-item label=\"用户状态：\">\r\n <el-radio-group v-model=\"formItem.status\" class=\"form-sty\">\r\n <el-radio :label=\"1\">开启</el-radio>\r\n <el-radio :label=\"0\">锁定</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n\r\n <el-dialog\r\n :visible.sync=\"labelShow\"\r\n scrollable\r\n title=\"请选择用户标签\"\r\n :modal=\"false\"\r\n :show-close=\"true\"\r\n width=\"540px\"\r\n >\r\n <userLabel\r\n v-if=\"labelShow\"\r\n :only_get=\"true\"\r\n :uid=\"formItem.uid\"\r\n @close=\"labelClose\"\r\n @activeData=\"activeData\"\r\n ></userLabel>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport userLabel from '@/components/userLabel';\r\n\r\nimport { userLabelAddApi } from '@/api/user';\r\nexport default {\r\n name: 'userEdit',\r\n components: { userLabel },\r\n props: {\r\n // modals: {\r\n // default: false,\r\n // type: Boolean,\r\n // },\r\n userData: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n },\r\n watch: {},\r\n data() {\r\n return {\r\n modals: false,\r\n labelShow: false,\r\n formItem: {\r\n uid: 0,\r\n real_name: '',\r\n phone: '',\r\n birthday: '',\r\n card_id: '',\r\n addres: '',\r\n mark: '',\r\n pwd: '',\r\n true_pwd: '',\r\n level: '',\r\n group_id: '',\r\n label_id: [],\r\n spread_open: 1,\r\n is_promoter: 0,\r\n status: 1,\r\n },\r\n groupInfo: [],\r\n labelInfo: [],\r\n levelInfo: [],\r\n infoData: {\r\n groupInfo: [],\r\n labelInfo: [],\r\n levelInfo: [],\r\n },\r\n ruleValidate: {\r\n real_name: [{ required: true, message: ' ', trigger: 'blur' }],\r\n phone: [{ required: true, message: ' ', trigger: 'blur' }],\r\n pwd: [{ required: true, message: ' ', trigger: 'blur' }],\r\n true_pwd: [{ required: true, message: ' ', trigger: 'blur' }],\r\n },\r\n dataLabel: [],\r\n };\r\n },\r\n mounted() {\r\n this.$set(this.infoData, 'groupInfo', this.userData.groupInfo);\r\n this.$set(this.infoData, 'levelInfo', this.userData.levelInfo);\r\n this.$set(this.infoData, 'labelInfo', this.userData.labelInfo);\r\n let arr = Object.keys(this.formItem);\r\n if (this.userData.userInfo) {\r\n arr.map((i) => {\r\n this.formItem[i] = this.userData.userInfo[i];\r\n });\r\n if (!this.formItem.birthday) this.formItem.birthday = '';\r\n if (this.formItem.label_id.length) {\r\n this.dataLabel = this.formItem.label_id;\r\n }\r\n } else {\r\n this.reset();\r\n }\r\n\r\n // this.formItem = this.userData.userInfo;\r\n },\r\n methods: {\r\n addLabel() {\r\n this.$modalForm(userLabelAddApi(0)).then(() => {});\r\n },\r\n changeModal(status) {\r\n if (!status) {\r\n this.cancel();\r\n this.reset();\r\n }\r\n },\r\n openLabel(row) {\r\n this.labelShow = true;\r\n this.$refs.userLabel.userLabel(JSON.parse(JSON.stringify(this.infoData.labelInfo)));\r\n },\r\n cancel() {},\r\n activeData(dataLabel) {\r\n this.labelShow = false;\r\n this.dataLabel = dataLabel;\r\n },\r\n // 标签弹窗关闭\r\n labelClose() {\r\n this.labelShow = false;\r\n },\r\n closeLabel(label) {\r\n let index = this.dataLabel.indexOf(this.dataLabel.filter((d) => d.id == label.id)[0]);\r\n this.dataLabel.splice(index, 1);\r\n },\r\n reset() {\r\n this.formItem = {\r\n uid: '',\r\n real_name: '',\r\n phone: '',\r\n birthday: '',\r\n card_id: '',\r\n addres: '',\r\n mark: '',\r\n pwd: '',\r\n true_pwd: '',\r\n level: '',\r\n group_id: '',\r\n label_id: [],\r\n spread_open: 1,\r\n is_promoter: 0,\r\n status: 1,\r\n };\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.labelInput {\r\n border: 1px solid #dcdee2;\r\n width: 400px;\r\n padding: 0 15px;\r\n border-radius: 5px;\r\n min-height: 30px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n .span {\r\n color: #c5c8ce;\r\n }\r\n .iconxiayi {\r\n font-size: 12px;\r\n }\r\n}\r\n.ivu-form-item {\r\n margin-bottom: 10px;\r\n}\r\n.form-sty {\r\n width: 400px !important;\r\n}\r\n.addfont {\r\n display: inline-block;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: var(--prev-color-primary);\r\n margin-left: 14px;\r\n cursor: pointer;\r\n margin-left: 10px;\r\n}\r\n.ivu-icon-ios-arrow-down {\r\n font-size: 14px;\r\n}\r\n.tip {\r\n color: #bbb;\r\n font-size: 12px;\r\n line-height: 12px;\r\n}\r\n.pb-50{\r\n padding-bottom: 50px;\r\n}\r\n</style>\r\n"]}]}
|
