From bfecba80db1738c0cde2051a6099b21b6e2e4bd7 Mon Sep 17 00:00:00 2001
From: fengachen <373943794@qq.com>
Date: Wed, 3 Aug 2022 14:32:45 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=BC=80=E5=8F=91=E3=80=91=E4=BA=BA?=
 =?UTF-8?q?=E5=91=98=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/router.config.js                   |  16 +
 src/views/companyUserList/CompanyUserList.vue | 122 +++++++
 .../modules/CompanyUserModal.vue              | 332 ++++++++++++++++++
 3 files changed, 470 insertions(+)
 create mode 100644 src/views/companyUserList/CompanyUserList.vue
 create mode 100644 src/views/companyUserList/modules/CompanyUserModal.vue

diff --git a/src/config/router.config.js b/src/config/router.config.js
index 1061392..ca77bba 100644
--- a/src/config/router.config.js
+++ b/src/config/router.config.js
@@ -382,6 +382,7 @@ export const routerData = [
     id: '8'
   },
 
+
   // {
   //   redirect: null,
   //   path: '/dataDownload/DataDownload',
@@ -502,4 +503,19 @@ export const routerData = [
     name: 'problem-collection-detail-list',
     id: '15'
   },
+
+  {
+    redirect: null,
+    path: '/companyUserList/CompanyUserList',
+    component: 'companyUserList/CompanyUserList',
+    route: '1',
+    meta: {
+      icon: 'team', // 菜单前图标
+      componentName: 'CompanyUserList',
+      keepAlive: false,
+      title: '人员信息' // 菜单名称
+    },
+    name: 'company-user-list',
+    id: '16'
+  },
 ]
diff --git a/src/views/companyUserList/CompanyUserList.vue b/src/views/companyUserList/CompanyUserList.vue
new file mode 100644
index 0000000..b1ef1b6
--- /dev/null
+++ b/src/views/companyUserList/CompanyUserList.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="main-box">
+    <a-card :bordered="false">
+      <!--查询区域begin-->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+              <a-form-item label="用户名称">
+                <a-input placeholder="请输入用户名称" v-model="queryParam.name" :maxLength="50"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button class="reset-button" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!--查询区域end-->
+
+      <!--    操作按钮区域-->
+      <div class="table-operator">
+        <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
+      </div>
+      <!--    操作按钮区域-end-->
+
+      <div>
+        <a-table
+          ref="table"
+          rowKey="id"
+          :scroll="{x: 1200}"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          @change="handleTableChange"
+          class="j-table-force-nowrap">
+
+
+          <template slot="text" slot-scope="text">
+            <j-ellipsis :value="text" :length="20"></j-ellipsis>
+          </template>
+
+
+<!--          slot-scope="text,record"-->
+          <span slot="action" class="action-span-cell" >
+            <a @click="handleEdit(record)">编辑</a>
+            <a @click="handleDetail(record)">查看</a>
+          </span>
+        </a-table>
+      </div>
+      <company-user-modal ref="modalForm" @ok="modalFormOk"></company-user-modal>
+    </a-card>
+  </div>
+</template>
+<script>
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import JEllipsis from '@comp/jero/JEllipsis'
+import CompanyUserModal from '@views/companyUserList/modules/CompanyUserModal'
+
+export default {
+  name: 'CompanyUserList',
+  mixins: [JeroListMixin],
+  components:{
+    JEllipsis,
+    CompanyUserModal
+  },
+  data() {
+    return {
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        }, {
+          title: '用户名',
+          align: 'center',
+          dataIndex: 'name',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: '用户账号',
+          align: 'center',
+          dataIndex: 'username',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: '手机号',
+          align: 'center',
+          dataIndex: 'phone',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: '操作',
+          dataIndex: 'action',
+          align: 'center',
+          fixed: 'right',
+          width: 130,
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      url: {
+        list: '/payCaseCommitteeSubitem/payCaseCommitteeSubitem/findTwo'
+      }
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+</style>
\ No newline at end of file
diff --git a/src/views/companyUserList/modules/CompanyUserModal.vue b/src/views/companyUserList/modules/CompanyUserModal.vue
new file mode 100644
index 0000000..c9e4c10
--- /dev/null
+++ b/src/views/companyUserList/modules/CompanyUserModal.vue
@@ -0,0 +1,332 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入姓名"
+                       v-decorator="['name',validatorRules.name]"
+                       :maxLength='50'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag v-decorator="['gender']" :triggerChange="true" placeholder="请选择性别"
+                                 dictCode="sex"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入职务"
+                       v-decorator="['post']"
+                       :maxLength='50'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入手机号"
+                       v-decorator="['phone',validatorRules.phone]"
+                       :maxLength='11'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入邮箱"
+                       v-decorator="['email',validatorRules.email]"
+                       :maxLength='50'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="通讯地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入通讯地址"
+                       :maxLength='50'
+                       v-decorator="['contactAddress',validatorRules.contactAddress]"
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="邮政编码" :labelCol="labelCol" :wrapperCol="wrapperCol" class="form-item-postcode">
+              <a-input placeholder="请输入邮政编码"
+                       :maxLength='6'
+                       v-decorator="['postalCode',validatorRules.postalCode]"
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+              <a class="search-postcode" href="https://www.youbianku.com" target="_blank">查询邮编</a>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col>
+            <a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
+              <a-textarea
+                placeholder="请输入备注"
+                :auto-size="{ minRows: 3, maxRows: 6 }"
+                v-decorator="['remarks']"
+                :maxLength='200'
+                @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+import pick from 'lodash.pick'
+import { httpAction } from '@api/manage'
+import {getRSAPublicKey} from '@api/login'
+import {JSEncrypt} from 'jsencrypt'
+import JDictSelectTag from '@comp/dict/JDictSelectTag'
+import {isEmail,postcode,phoneReg} from '@/utils/validate'
+import {duplicateCheck} from '@api/api'
+
+
+export default {
+  name: 'CompanyAdminModule',
+  data() {
+    return {
+      title: '操作',
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      c:'',// 加密公钥
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 18 }
+      },
+      remarksLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 3 }
+      },
+      remarksWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 21 }
+      },
+      validatorRules: {
+        name: {
+          rules: [{ required: true, message:'请输入姓名' }],
+          validateTrigger: 'blur'
+        },
+        phone: {
+          rules: [{ required: true, validator: this.checkPhone }],
+          validateTrigger: 'blur'
+        },
+        email: {
+          rules: [{ required: true, validator: this.checkMail }],
+          validateTrigger: 'blur'
+        },
+        postalCode: {
+          rules: [{ required: true, validator: this.checkPostcode }],
+          validateTrigger: 'blur'
+        },
+        contactAddress: {
+          rules: [{ required: true, message: '请输入通讯地址' }],
+          validateTrigger: 'blur'
+        }
+      },
+      url: {
+        add: '/com.jero.payment/payManagerManagement/add',
+        edit: '/com.jero.payment/payManagerManagement/edit'
+      }
+    }
+  },
+  components:{
+    JDictSelectTag
+  },
+  methods: {
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      this.form.resetFields()
+      this.getRSAPublicKeyFunc()
+      this.model = Object.assign({}, record)
+      this.visible = true
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model))
+      })
+    },
+    /**
+     * 获取公钥
+     * */
+    getRSAPublicKeyFunc() {
+      getRSAPublicKey().then(res => {
+        this.rsaPublicKey = res.result
+      })
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+    },
+    handleOk: function () {
+      if (this.confirmLoading) {
+        return
+      }
+      this.confirmLoading = true
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          let httpurl = ''
+          let method = 'post'
+          if (!this.model.id) {
+            httpurl += this.url.add
+          } else {
+            httpurl += this.url.edit
+          }
+          const formData = Object.assign(this.model, values)
+          formData.companyName = this.selectedCompany.companyName
+          formData.companyId = this.selectedCompany.companyId
+          let encrypt = new JSEncrypt()
+          encrypt.setPublicKey(this.rsaPublicKey)
+          formData.phone = encrypt.encrypt(values.phone)
+          formData.rsaPublicKey = this.rsaPublicKey
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.$emit('ok', res.result)
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            setTimeout(() => {
+              this.confirmLoading = false
+            }, 1000)
+          })
+        } else {
+          this.confirmLoading = false
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    },
+    /**
+     * 联系人姓名重复校验
+     * @param rules
+     * @param value
+     * @param callback
+     */
+    checkName(rules, value, callback) {
+      if (!value) {
+        callback('请输入姓名')
+        return
+      }
+      // 是否编辑
+      if (this.model.id) {
+        // 编辑前后姓名是否一致，一致则不进行验重
+        if (value === this.model.name) {
+          callback()
+          return
+        }
+        this.selectedCompanyId = this.model.company.id
+      }
+    },
+    /**
+     * 手机号校验
+     * @param rules
+     * @param value
+     * @param callback
+     */
+    checkPhone(rules, value, callback) {
+      if (value) {
+        if (phoneReg(value)) {
+          // 是否编辑
+          if (this.model.id) {
+            // 编辑前后手机号是否一致，一致则不进行验重
+            if (value === this.model.phone) {
+              callback()
+              return
+            }
+          }
+          const param = {
+            confusionCode: 'pay_contacts_management_phone',
+            fieldVal: value,
+            encrypt: 1
+          }
+          // 唯一性校验
+          duplicateCheck(param).then(res => {
+            if (res.success) {
+              callback()
+            } else {
+              callback('手机号已存在')
+            }
+          })
+          return
+        }
+        callback('请输入正确的手机号')
+      }
+      callback('请输入手机号')
+    },
+    /**
+     * 邮箱校验
+     * @param rules
+     * @param value
+     * @param callback
+     */
+    checkMail(rules, value, callback) {
+      if (value) {
+        if (isEmail(value)) {
+          callback()
+        } else {
+          callback('请输入正确格式的邮箱')
+        }
+      }
+      callback('请输入邮箱')
+    },
+    /**
+     * 邮政编码校验
+     * @param rules
+     * @param value
+     * @param callback
+     */
+    checkPostcode(rules, value, callback) {
+      if (value) {
+        if (postcode(value)) {
+          callback()
+        } else {
+          callback('请输入正确格式的邮政编码')
+        }
+      }
+      callback('请输入邮政编码')
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.search-postcode {
+  color: #0090ff;
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+</style>