| 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=style&index=0&id=b189090a&lang=scss&scoped=true","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\\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:DQoubGFiZWxJbnB1dCB7DQogIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogIHdpZHRoOiA0MDBweDsNCiAgcGFkZGluZzogMCAxNXB4Ow0KICBib3JkZXItcmFkaXVzOiA1cHg7DQogIG1pbi1oZWlnaHQ6IDMwcHg7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICAuc3BhbiB7DQogICAgY29sb3I6ICNjNWM4Y2U7DQogIH0NCiAgLmljb254aWF5aSB7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICB9DQp9DQouaXZ1LWZvcm0taXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQp9DQouZm9ybS1zdHkgew0KICB3aWR0aDogNDAwcHggIWltcG9ydGFudDsNCn0NCi5hZGRmb250IHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBmb250LXNpemU6IDEycHg7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBtYXJnaW4tbGVmdDogMTRweDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBtYXJnaW4tbGVmdDogMTBweDsNCn0NCi5pdnUtaWNvbi1pb3MtYXJyb3ctZG93biB7DQogIGZvbnQtc2l6ZTogMTRweDsNCn0NCi50aXAgew0KICBjb2xvcjogI2JiYjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBsaW5lLWhlaWdodDogMTJweDsNCn0NCi5wYi01MHsNCiAgcGFkZGluZy1ib3R0b206IDUwcHg7DQp9DQo="},{"version":3,"sources":["userEdit.vue"],"names":[],"mappings":";AA4RA;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"]}]}
|
