{"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"]}]}