添加和修改用户接口联调及端口号修改

yangfeng

2024-01-26 eb30bab79870f892cf11774d8a09684381074640

添加和修改用户接口联调及端口号修改

 .env

@@ -3,7 +3,7 @@
# 页面 title 前缀
VUE_APP_TITLE=Basic
NODE_ENV=development
VUE_APP_BATH_PATH='http://192.168.20.119:8011'
VUE_APP_BATH_PATH='http://192.168.20.119:9087'
# 网络请求公用地址
VUE_APP_API=/api/


 .env.development

@@ -4,5 +4,5 @@

# 页面 title 前缀
VUE_APP_TITLE=Basic
VUE_APP_BATH_PATH='http://192.168.20.119:8011'
VUE_APP_BATH_PATH='http://192.168.20.119:9087'


 .env.preview

@@ -5,7 +5,7 @@

# 标记当前构建方式
VUE_APP_BUILD_MODE=PREVIEW
VUE_APP_BATH_PATH='http://www.fai365.com:8011
VUE_APP_BATH_PATH='http://www.fai365.com:9087
VUE_APP_SCOURCE_LINK=TRUE

# 部署路径

 src/api/unifiedManage/userManage.js

@@ -35,7 +35,15 @@
// 设置用户信息
export function setUser(data) {
  return request({
    url: "/api/user/setUser",
    url: "/api/user/setUserInfo",
    method: "put",
    data
  })
}
// 注册主账号
export function register(data) {
  return request({
    url: "/api/user/register",
    method: "post",
    data
  })

 src/views/unifiedManage/userManage/components/EditUserInfo.vue

@@ -1,8 +1,8 @@
<template>
  <div class="add-quotation">
    <el-dialog
      :title="'用户详情'"
      :visible.sync="editConfig.visible"
      :title="editConfig.title + '用户'"
      :visible.sync="isvisible"
      :width="dialogWidth"
      :before-close="handleClose"
      append-to-body
@@ -10,29 +10,60 @@
    >
      <div class="drawerContent" style="overflow: auto">
        <el-form ref="form" :rules="rules" :model="editConfig.form" label-position="right" label-width="100px">
          <el-form-item label="用户名:" prop="username">
            <el-input v-model="editConfig.form.username" placeholder="--" disabled></el-input>
          <el-form-item label="用户名:" prop="userName">
            <el-input
              v-model="editConfig.form.userName"
              :placeholder="editConfig.title == '添加' ? '请输入用户名' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="密码:" prop="password">
            <el-input v-model="editConfig.form.password" placeholder="--" disabled></el-input>
          <el-form-item v-if="editConfig.title == '添加'" label="密码:" prop="passWord">
            <el-input v-model="editConfig.form.passWord" :placeholder="'请输入密码'"></el-input>
          </el-form-item>
          <el-form-item v-else label="密码:" prop="password">
            <el-input v-model="editConfig.form.passsord" :placeholder="'******'" disabled></el-input>
          </el-form-item>
          <el-form-item label="手机号:" prop="phone">
            <el-input v-model="editConfig.form.phone" placeholder="--" disabled></el-input>
            <el-input
              v-model="editConfig.form.phone"
              :placeholder="editConfig.title == '添加' ? '请输入手机号' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="公司名称:" prop="companyName">
            <el-input v-model="editConfig.form.company" placeholder="--" disabled></el-input>
            <el-input
              v-model="editConfig.form.company"
              :placeholder="editConfig.title == '添加' ? '请输入公司名称' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="联系人名称:" prop="nickName">
            <el-input v-model="editConfig.form.contact" placeholder="--" disabled></el-input>
          <el-form-item label="联系人名称:" prop="companyContact">
            <el-input
              v-model="editConfig.form.companyContact"
              :placeholder="editConfig.title == '添加' ? '请输入联系人名称' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="邮箱:" prop="companyEmail">
            <el-input v-model="editConfig.form.email" placeholder="--" disabled></el-input>
            <el-input
              v-model="editConfig.form.email"
              :placeholder="editConfig.title == '添加' ? '请输入邮箱' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="行业:" prop="industry">
            <el-input v-model="editConfig.form.industry" placeholder="--" disabled></el-input>
          <el-form-item label="行业:" prop="companyTrade">
            <el-input
              v-model="editConfig.form.companyTrade"
              :placeholder="editConfig.title == '添加' ? '请输入行业' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="地区:" prop="region">
            <el-input v-model="editConfig.form.region" placeholder="--" disabled></el-input>
          <el-form-item label="地区:" prop="companyProvince">
            <el-input
              v-model="editConfig.form.companyProvince"
              :placeholder="editConfig.title == '添加' ? '请输入地区' : '--'"
              :disabled="editConfig.title == '添加' ? false : true"
            ></el-input>
          </el-form-item>
          <el-form-item label="用户等级:" prop="roleIDs">
            <el-checkbox-group v-model="editConfig.form.roleIDs" :disabled="editConfig.title == '查看' ? true : false">
@@ -52,7 +83,7 @@
</template>

<script>
import { getRoleIDs, setUser } from "@/api/unifiedManage/userManage"
import { getRoleIDs, setUser, register } from "@/api/unifiedManage/userManage"
export default {
  name: "EditUserInfo",
  props: {
@@ -74,34 +105,27 @@
  data() {
    return {
      dialogWidth: "30%",
      isvisible: false,
      editConfig: this.editCommonConfig,
      // form: {},
      rules: {
        username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
        // password: [{ required: true, message: "请输入密码", trigger: "blur" }],
        userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
        passWord: [{ required: true, message: "请输入密码", trigger: "blur" }],
        phone: [{ required: true, message: "请输入手机号", trigger: "blur" }],
        // companyName: [{ required: true, message: "请输入公司名称", trigger: "blur" }],
        nickName: [{ required: true, message: "请输入联系人名称", trigger: "blur" }],
        companyContact: [{ required: true, message: "请输入联系人名称", trigger: "blur" }],
        roleIDs: [{ required: true, message: "请选择用户等级", trigger: "change" }]
      },
      roleList: [] // 用户等级
    }
  },
  watch: {
    "editCommonConfig.visible"(val) {
      console.log("sssssssssss")
    isvisible(val) {
      console.log("ssss")
      if (val) {
        // this.formInfo()
        console.log(val)
      }
    },
    "editCommonConfig.form.username"(val) {
      console.log(val)
      if (this.editConfig.visible) {
        this.$refs.form.resetFields()
        if (val.id) {
          // this.getDataInfo(val)
        }
        // this.$refs.form.resetFields()
      }
    }
  },
@@ -110,7 +134,7 @@
  },
  methods: {
    handleClose() {
      this.editConfig.visible = false
      this.isvisible = false
    },
    // 获取等级信息
    async getDataInfo() {
@@ -124,8 +148,9 @@
      this.$refs[formName].validate((valid) => {
        console.log(valid)
        if (valid) {
          let requestUrl = this.editConfig.title == "添加" ? register : setUser
          let param = this.saveParams()
          setUser(param).then((reply) => {
          requestUrl(param).then((reply) => {
            if (reply && reply.code === 200) {
              this.$message.success("保存成功")
              this.handleClose()
@@ -137,11 +162,19 @@
    },
    saveParams() {
      let params = {
        userName: this.editConfig.form.userName || "",
        passWord: this.editConfig.form.passWord || "",
        dutyIDs: this.editConfig.form.dutyIDs,
        id: this.editConfig.form.id,
        nickName: this.editConfig.form.nickName,
        phone: this.editConfig.form.phone,
        roleIDs: this.editConfig.form.roleIDs
        nickName: this.editConfig.form.nickName || "",
        phone: this.editConfig.form.phone || "",
        roleIDs: this.editConfig.form.roleIDs,
        companyCity: this.editConfig.form.companyCity || "",
        companyContact: this.editConfig.form.companyContact || "",
        companyEmail: this.editConfig.form.companyEmail || "",
        companyName: this.editConfig.form.companyName || "",
        companyProvince: this.editConfig.form.companyProvince || "",
        companyTrade: this.editConfig.form.companyTrade || ""
      }
      return params
    }

 src/views/unifiedManage/userManage/index.vue

@@ -2,10 +2,11 @@
  <div class="user-manage">
    <div class="top-card">
      <CommonSearch
        :show-add="false"
        :add-title="'添加用户'"
        :amount-view="false"
        placeholder="请输入用户名/手机号"
        @searchClick="onFilterSearch"
        @addCommonClick="addBtnClick"
      >
        <!-- <template slot="leftButton">
          <el-button size="small" type="primary" @click="addBtnClick">新建</el-button>
@@ -50,7 +51,7 @@
      </div>
    </div>
    <!-- 查看/编辑 -->
    <EditUserInfo v-if="editConfig.visible" :edit-common-config="editConfig" />
    <EditUserInfo ref="editUserInfoRef" :edit-common-config="editConfig" />
    <!-- 审核 -->
    <ReviewDialog v-if="reviewConfig.visible" :edit-common-config="reviewConfig" />
  </div>
@@ -72,12 +73,12 @@
    return {
      tableList: {},
      tableColumn: [
        { label: "用户名", prop: "username", default: true },
        { label: "用户名", prop: "userName", default: true },
        { label: "手机号", prop: "phone" },
        { label: "公司名称", prop: "companyName" },
        { label: "联系人姓名", prop: "nickName" },
        { label: "邮箱", prop: "companyEmail" },
        { label: "行业", prop: "industry" },
        { label: "行业", prop: "companyTrade" },
        { label: "地区", prop: "region" },
        { label: "状态", prop: "status", isCallMethod: true, getCallMethod: this.getStatus }
      ],
@@ -110,7 +111,13 @@
      this.obj.page = this.pagerOptions.currPage
      listUser(this.obj).then((res) => {
        console.log(res)
        this.tableList.tableInfomation = res.data.list || []
        let list = res.data.list.map((item) => {
          return {
            ...item,
            userName: item.username
          }
        })
        this.tableList.tableInfomation = list || []
        this.pagerOptions.totalCount = res.data.total
      })
    },
@@ -123,7 +130,7 @@
    // 查看
    viewClick(row) {
      console.log(row)
      this.editConfig.visible = true
      this.$refs.editUserInfoRef.isvisible = true
      this.editConfig.title = "查看"
      this.editConfig.form = row
    },
@@ -165,10 +172,18 @@
    // 编辑
    editClick(row) {
      console.log(row)
      this.editConfig.visible = true
      this.$refs.editUserInfoRef.isvisible = true
      this.editConfig.title = "编辑"
      this.editConfig.form = { ...row }
    },
    // 添加用户
    addBtnClick() {
      this.$refs.editUserInfoRef.isvisible = true
      this.editConfig.title = "添加"
      this.editConfig.form = {
        roleIDs: []
      }
    },
    // 列表初始化
    setTable() {
      this.tableList = {