| 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\\userEditForm.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\user\\list\\handle\\userEditForm.vue","mtime":1761185180233},{"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:DQppbXBvcnQgdXNlckxhYmVsIGZyb20gJ0AvY29tcG9uZW50cy91c2VyTGFiZWwnOw0KDQppbXBvcnQgeyB1c2VyTGFiZWxBZGRBcGksIGdldFVzZXJJbmZvLCBlZGl0VXNlciwgc2V0VXNlciB9IGZyb20gJ0AvYXBpL3VzZXInOw0KaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAndXNlckluZm8nLA0KICBjb21wb25lbnRzOiB7IHVzZXJMYWJlbCB9LA0KICBwcm9wczogew0KICAgIHVzZXJJZDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMCwNCiAgICB9LA0KICB9LA0KICBmaWx0ZXJzOiB7DQogICAgdGltZUZvcm1hdCh2YWx1ZSkgew0KICAgICAgaWYgKCF2YWx1ZSkgew0KICAgICAgICByZXR1cm4gJy0nOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIGRheWpzKHZhbHVlICogMTAwMCkuZm9ybWF0KCdZWVlZLU1NLUREIEhIOm1tOnNzJyk7DQogICAgfSwNCiAgICBnZW5kZXIodmFsdWUpIHsNCiAgICAgIGlmICh2YWx1ZSA9PSAxKSB7DQogICAgICAgIHJldHVybiAn55S3JzsNCiAgICAgIH0gZWxzZSBpZiAodmFsdWUgPT0gMikgew0KICAgICAgICByZXR1cm4gJ+Wlsyc7DQogICAgICB9IGVsc2Ugew0KICAgICAgICByZXR1cm4gJ+acquefpSc7DQogICAgICB9DQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgbGFiZWxTaG93OiBmYWxzZSwNCiAgICAgIGZvcm1JdGVtOiB7DQogICAgICAgIHVpZDogMCwNCiAgICAgICAgcmVhbF9uYW1lOiAnJywNCiAgICAgICAgcGhvbmU6ICcnLA0KICAgICAgICBiaXJ0aGRheTogJycsDQogICAgICAgIGNhcmRfaWQ6ICcnLA0KICAgICAgICBhZGRyZXM6ICcnLA0KICAgICAgICBtYXJrOiAnJywNCiAgICAgICAgcHdkOiAnJywNCiAgICAgICAgdHJ1ZV9wd2Q6ICcnLA0KICAgICAgICBsZXZlbDogJycsDQogICAgICAgIGdyb3VwX2lkOiAnJywNCiAgICAgICAgbGFiZWxfaWQ6IFtdLA0KICAgICAgICBzcHJlYWRfb3BlbjogMCwNCiAgICAgICAgaXNfcHJvbW90ZXI6IDAsDQogICAgICAgIHN0YXR1czogMSwNCiAgICAgIH0sDQogICAgICBncm91cEluZm86IFtdLA0KICAgICAgbGFiZWxJbmZvOiBbXSwNCiAgICAgIGxldmVsSW5mbzogW10sDQogICAgICBpbmZvRGF0YTogew0KICAgICAgICBncm91cEluZm86IFtdLA0KICAgICAgICBsYWJlbEluZm86IFtdLA0KICAgICAgICBsZXZlbEluZm86IFtdLA0KICAgICAgfSwNCiAgICAgIHJ1bGVWYWxpZGF0ZTogew0KICAgICAgICByZWFsX25hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAnICcsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgcGhvbmU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAnICcsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgcHdkOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJyAnLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICAgIHRydWVfcHdkOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJyAnLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICB9LA0KICAgICAgZGF0YUxhYmVsOiBbXSwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIGhhc0V4dGVuZEluZm8oKSB7DQogICAgICAvLyAgIHJldHVybiB0aGlzLnBzSW5mby5leHRlbmRfaW5mby5zb21lKChpdGVtKSA9PiBpdGVtLnZhbHVlKTsNCiAgICB9LA0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0VXNlckZyb20odGhpcy51c2VySWQpOw0KDQogICAgLy8gdGhpcy5mb3JtSXRlbSA9IHRoaXMudXNlckRhdGEudXNlckluZm87DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBzZXRVc2VyKCkgew0KICAgICAgbGV0IGRhdGEgPSB0aGlzLmZvcm1JdGVtOw0KICAgICAgbGV0IGlkcyA9IFtdOw0KICAgICAgdGhpcy5kYXRhTGFiZWwubWFwKChpKSA9PiB7DQogICAgICAgIGlkcy5wdXNoKGkuaWQpOw0KICAgICAgfSk7DQogICAgICBkYXRhLmxhYmVsX2lkID0gaWRzOw0KICAgICAgLy8gaWYgKCFkYXRhLnJlYWxfbmFtZSkgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygi6K+36L6T5YWl55yf5a6e5aeT5ZCNIik7DQogICAgICAvLyBpZiAoIWRhdGEucGhvbmUpIHJldHVybiB0aGlzLiRtZXNzYWdlLndhcm5pbmcoIuivt+i+k+WFpeaJi+acuuWPtyIpOw0KICAgICAgLy8gaWYgKCFkYXRhLnB3ZCkgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygi6K+36L6T5YWl5a+G56CBIik7DQogICAgICAvLyBpZiAoIWRhdGEudHJ1ZV9wd2QpIHJldHVybiB0aGlzLiRtZXNzYWdlLndhcm5pbmcoIuivt+i+k+WFpeehruiupOWvhueggSIpOw0KICAgICAgaWYgKGRhdGEudWlkKSB7DQogICAgICAgIGVkaXRVc2VyKGRhdGEpDQogICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgICAgdGhpcy4kZW1pdCgnc3VjY2VzcycpOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgICAgfSk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICBzZXRVc2VyKGRhdGEpDQogICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy4kZW1pdCgnc3VjY2VzcycpOw0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ2Vyci5tc2cnKTsNCiAgICAgICAgICB9KTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGFkZExhYmVsKCkgew0KICAgICAgdGhpcy4kbW9kYWxGb3JtKHVzZXJMYWJlbEFkZEFwaSgwKSkudGhlbigoKSA9PiB7fSk7DQogICAgfSwNCiAgICBvcGVuTGFiZWwocm93KSB7DQogICAgICB0aGlzLmxhYmVsU2hvdyA9IHRydWU7DQogICAgICB0aGlzLiRyZWZzLnVzZXJMYWJlbC51c2VyTGFiZWwoSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmluZm9EYXRhLmxhYmVsSW5mbykpKTsNCiAgICB9LA0KICAgIGNsb3NlTGFiZWwobGFiZWwpIHsNCiAgICAgIGxldCBpbmRleCA9IHRoaXMuZGF0YUxhYmVsLmluZGV4T2YodGhpcy5kYXRhTGFiZWwuZmlsdGVyKChkKSA9PiBkLmlkID09IGxhYmVsLmlkKVswXSk7DQogICAgICB0aGlzLmRhdGFMYWJlbC5zcGxpY2UoaW5kZXgsIDEpOw0KICAgIH0sDQogICAgZ2V0VXNlckZyb20oaWQpIHsNCiAgICAgIGdldFVzZXJJbmZvKGlkKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy51c2VyRGF0YSA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMuJHNldCh0aGlzLmluZm9EYXRhLCAnZ3JvdXBJbmZvJywgdGhpcy51c2VyRGF0YS5ncm91cEluZm8pOw0KICAgICAgICAgIHRoaXMuJHNldCh0aGlzLmluZm9EYXRhLCAnbGV2ZWxJbmZvJywgdGhpcy51c2VyRGF0YS5sZXZlbEluZm8pOw0KICAgICAgICAgIHRoaXMuJHNldCh0aGlzLmluZm9EYXRhLCAnbGFiZWxJbmZvJywgdGhpcy51c2VyRGF0YS5sYWJlbEluZm8pOw0KICAgICAgICAgIGxldCBhcnIgPSBPYmplY3Qua2V5cyh0aGlzLmZvcm1JdGVtKTsNCiAgICAgICAgICBpZiAodGhpcy51c2VyRGF0YS51c2VySW5mbykgew0KICAgICAgICAgICAgYXJyLm1hcCgoaSkgPT4gew0KICAgICAgICAgICAgICB0aGlzLmZvcm1JdGVtW2ldID0gdGhpcy51c2VyRGF0YS51c2VySW5mb1tpXTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgaWYgKCF0aGlzLmZvcm1JdGVtLmJpcnRoZGF5KSB0aGlzLmZvcm1JdGVtLmJpcnRoZGF5ID0gJyc7DQogICAgICAgICAgICBpZiAodGhpcy5mb3JtSXRlbS5sYWJlbF9pZC5sZW5ndGgpIHsNCiAgICAgICAgICAgICAgdGhpcy5kYXRhTGFiZWwgPSB0aGlzLmZvcm1JdGVtLmxhYmVsX2lkOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLnJlc2V0KCk7DQogICAgICAgICAgfQ0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ3Jlcy5tc2cnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmoIfnrb7lvLnnqpflhbPpl60NCiAgICBsYWJlbENsb3NlKCkgew0KICAgICAgdGhpcy5sYWJlbFNob3cgPSBmYWxzZTsNCiAgICB9LA0KICAgIGFjdGl2ZURhdGEoZGF0YUxhYmVsKSB7DQogICAgICB0aGlzLmxhYmVsU2hvdyA9IGZhbHNlOw0KICAgICAgdGhpcy5kYXRhTGFiZWwgPSBkYXRhTGFiZWw7DQogICAgfSwNCiAgICByZXNldCgpIHsNCiAgICAgIHRoaXMuZm9ybUl0ZW0gPSB7DQogICAgICAgIHVpZDogJycsDQogICAgICAgIHJlYWxfbmFtZTogJycsDQogICAgICAgIHBob25lOiAnJywNCiAgICAgICAgYmlydGhkYXk6ICcnLA0KICAgICAgICBjYXJkX2lkOiAnJywNCiAgICAgICAgYWRkcmVzOiAnJywNCiAgICAgICAgbWFyazogJycsDQogICAgICAgIHB3ZDogJycsDQogICAgICAgIHRydWVfcHdkOiAnJywNCiAgICAgICAgbGV2ZWw6ICcnLA0KICAgICAgICBncm91cF9pZDogJycsDQogICAgICAgIGxhYmVsX2lkOiBbXSwNCiAgICAgICAgc3ByZWFkX29wZW46IDAsDQogICAgICAgIGlzX3Byb21vdGVyOiAwLA0KICAgICAgICBzdGF0dXM6IDEsDQogICAgICB9Ow0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["userEditForm.vue"],"names":[],"mappings":";AA8KA;;AAEA;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;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;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":"userEditForm.vue","sourceRoot":"src/pages/user/list/handle","sourcesContent":["<template>\r\n <div class=\"user-info\">\r\n <el-form ref=\"formItem\" :rules=\"ruleValidate\" :model=\"formItem\" label-width=\"100px\" @submit.native.prevent>\r\n <div class=\"section\">\r\n <div class=\"section-hd\">基本信息</div>\r\n <div class=\"section-bd\">\r\n <div class=\"item\">\r\n <el-form-item label=\"用户ID：\">\r\n <el-input class=\"form-sty\" disabled v-model=\"formItem.uid\" placeholder=\"请输入编号\"></el-input>\r\n </el-form-item>\r\n </div>\r\n <div class=\"item\">\r\n <el-form-item label=\"真实姓名：\" prop=\"real_name\">\r\n <el-input class=\"form-sty\" v-model.trim=\"formItem.real_name\" placeholder=\"请输入真实姓名\"></el-input>\r\n </el-form-item>\r\n </div>\r\n <div class=\"item\">\r\n <el-form-item label=\"手机号码：\" prop=\"phone\">\r\n <el-input class=\"form-sty\" v-model=\"formItem.phone\" placeholder=\"请输入手机号码\"></el-input>\r\n </el-form-item>\r\n </div>\r\n <div class=\"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 format=\"yyyy-MM-dd\"\r\n value-format=\"yyyy-MM-dd\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n </div>\r\n <div class=\"item\">\r\n <el-form-item label=\"身份证号：\">\r\n <el-input class=\"form-sty\" v-model.trim=\"formItem.card_id\" placeholder=\"请输入身份证号\"></el-input>\r\n </el-form-item>\r\n </div>\r\n <div class=\"item\">\r\n <el-form-item label=\"用户地址：\">\r\n <el-input class=\"form-sty\" v-model=\"formItem.addres\" placeholder=\"请输入用户地址\"></el-input>\r\n </el-form-item>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"section-hd\">密码</div>\r\n <div class=\"section-bd\">\r\n <div class=\"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 ></el-input>\r\n </el-form-item>\r\n </div>\r\n <div class=\"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 ></el-input>\r\n </el-form-item>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"section-hd\">用户概况</div>\r\n <div class=\"section-bd\">\r\n <div class=\"item\">\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 </div>\r\n <div class=\"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 </div>\r\n <div class=\"item lang\">\r\n <el-form-item label=\"用户标签：\">\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 </div>\r\n <div class=\"item lang\">\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 </div>\r\n <div class=\"item lang\" v-if=\"formItem.spread_open == 1\">\r\n <el-form-item label=\"分销权限：\">\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 </div>\r\n <div class=\"item lang\">\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 </div>\r\n </div>\r\n </div>\r\n <div class=\"section\">\r\n <div class=\"section-hd\">用户备注</div>\r\n <div class=\"section-bd\">\r\n <div class=\"item\">\r\n <el-form-item label=\"用户备注：\">\r\n <el-input\r\n class=\"form-sty\"\r\n type=\"textarea\"\r\n :rows=\"5\"\r\n v-model=\"formItem.mark\"\r\n placeholder=\"请输入用户备注\"\r\n ></el-input>\r\n </el-form-item>\r\n </div>\r\n </div>\r\n </div>\r\n </el-form>\r\n <el-dialog :visible.sync=\"labelShow\" append-to-body title=\"请选择用户标签\" :show-close=\"true\" width=\"540px\">\r\n <userLabel v-if=\"labelShow\" :only_get=\"true\" :uid=\"formItem.uid\" @close=\"labelClose\" @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, getUserInfo, editUser, setUser } from '@/api/user';\r\nimport dayjs from 'dayjs';\r\n\r\nexport default {\r\n name: 'userInfo',\r\n components: { userLabel },\r\n props: {\r\n userId: {\r\n type: Number,\r\n default: 0,\r\n },\r\n },\r\n filters: {\r\n timeFormat(value) {\r\n if (!value) {\r\n return '-';\r\n }\r\n return dayjs(value * 1000).format('YYYY-MM-DD HH:mm:ss');\r\n },\r\n gender(value) {\r\n if (value == 1) {\r\n return '男';\r\n } else if (value == 2) {\r\n return '女';\r\n } else {\r\n return '未知';\r\n }\r\n },\r\n },\r\n data() {\r\n return {\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: 0,\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 computed: {\r\n hasExtendInfo() {\r\n // return this.psInfo.extend_info.some((item) => item.value);\r\n },\r\n },\r\n created() {\r\n this.getUserFrom(this.userId);\r\n\r\n // this.formItem = this.userData.userInfo;\r\n },\r\n methods: {\r\n setUser() {\r\n let data = this.formItem;\r\n let ids = [];\r\n this.dataLabel.map((i) => {\r\n ids.push(i.id);\r\n });\r\n data.label_id = ids;\r\n // if (!data.real_name) return this.$message.warning(\"请输入真实姓名\");\r\n // if (!data.phone) return this.$message.warning(\"请输入手机号\");\r\n // if (!data.pwd) return this.$message.warning(\"请输入密码\");\r\n // if (!data.true_pwd) return this.$message.warning(\"请输入确认密码\");\r\n if (data.uid) {\r\n editUser(data)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.$emit('success');\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n } else {\r\n setUser(data)\r\n .then((res) => {\r\n this.$emit('success');\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error('err.msg');\r\n });\r\n }\r\n },\r\n addLabel() {\r\n this.$modalForm(userLabelAddApi(0)).then(() => {});\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 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 getUserFrom(id) {\r\n getUserInfo(id)\r\n .then(async (res) => {\r\n this.userData = res.data;\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 .catch((res) => {\r\n this.$message.error('res.msg');\r\n });\r\n },\r\n // 标签弹窗关闭\r\n labelClose() {\r\n this.labelShow = false;\r\n },\r\n activeData(dataLabel) {\r\n this.labelShow = false;\r\n this.dataLabel = dataLabel;\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: 0,\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: 300px;\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\r\n .span {\r\n color: #c5c8ce;\r\n }\r\n\r\n .iconxiayi {\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.width-add {\r\n width: 40px;\r\n}\r\n\r\n.mr30 {\r\n margin-right: 30px;\r\n}\r\n\r\n.user-info {\r\n .section {\r\n padding: 25px 0 0;\r\n border-bottom: 1px dashed #eeeeee;\r\n\r\n &-hd {\r\n margin-bottom: 18px;\r\n padding-left: 10px;\r\n border-left: 3px solid var(--prev-color-primary);\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 16px;\r\n color: #303133;\r\n }\r\n\r\n &-bd {\r\n display: flex;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .item {\r\n width: 50%;\r\n display: flex;\r\n font-size: 13px;\r\n color: #666;\r\n\r\n .form-sty {\r\n width: 300px;\r\n }\r\n\r\n .ivu-form-item {\r\n margin: 3px 0;\r\n }\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 }\r\n\r\n .item.lang {\r\n width: 100%;\r\n }\r\n\r\n .value {\r\n flex: 1;\r\n }\r\n\r\n .avatar {\r\n width: 60px;\r\n height: 60px;\r\n overflow: hidden;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
