cyzh-park/src/views/enterprise/option/staffOption.js

import {
  validatedEmail,
  validatePhone
} from "@/util/validator.js";
export default {
  height: 'auto',
  calcHeight: 30,
  tip: false,
  searchShow: true,
  searchMenuSpan: 4,
  border: true,
  index: true,
  viewBtn: true,
  selection: true,
  dialogClickModal: false,
  addTitle: "员工录入",
  column: [
    {
      label: "所属园区",
      prop: "agencyId",
      type: "select",
      search: true,
      searchSpan: 4,
      overHidden: true,
      searchFilterable: true,
      filterable: true,
      remote: true,
      cascaderItem: ['enterpriseId'],
      dicUrl: '/api/cyzh-community/agency/list?size=100',
      dicFormatter: (res) => {
        return res.data.records;
      },
      props: {
        label: "agencyName",
        value: "id"
      },
      rules: [{
        required: true,
        message: "请选择所属园区",
        trigger: "blur"
      }],
      viewDisplay: false
    },
    {
      label: "所属企业",
      prop: "enterpriseName",
      editDisplay: false,
      addDisplay: false,
    },
    {
      label: "所属企业",
      prop: "enterpriseId",
      type: "select",
      search: true,
      searchSpan: 4,
      overHidden: true,
      searchFilterable: true,
      filterable: true,
      remote: true,
      cascaderItem: ['enterpriseDeptId'],
      dicUrl: '/api/cyzh-enterprise/enterprise/list?size=100&enterpriseName={{key}}',
      dicFormatter: (res) => {
        return res.data.records;
      },
      props: {
        label: "enterpriseName",
        value: "id"
      },
      rules: [{
        required: true,
        message: "请输入所属企业",
        trigger: "blur"
      }],
      hide: true,
      viewDisplay: false
    },
    {
      label: "所属部门",
      prop: "enterpriseDeptId",
      type: "select",
      width: 250,
      search: true,
      searchSpan: 4,
      overHidden: true,
      searchFilterable: true,
      filterable: true,
      dicUrl: '/api/cyzh-enterprise/dept/list?size=10&enterpriseId={{key}}',
      dicFormatter: (res) => {
        return res.data.records;
      },
      props: {
        label: "name",
        value: "id"
      },
      rules: [{
        required: false,
        message: "请输入所属部门",
        trigger: "blur"
      }],
      hide: true,
      viewDisplay: false
    },
    {
      label: "姓名",
      prop: "realName",
      rules: [{
        required: true,
        message: "请输入真名",
        trigger: "blur"
      }]
    },
    {
      label: "性别",
      prop: "sex",
      type: 'select',
      width: 100,
      dataType: "number",
      dicUrl: "/api/blade-system/dict-biz/dictionary?code=sex",
      props: {
        label: "dictValue",
        value: "dictKey"
      },
      rules: [{
        required: false,
        message: "请选择性别",
        trigger: "blur"
      }]
    },
    {
      label: "邮箱",
      prop: "email",
      hide: true,
      rules: [{
        required: false,
        message: "请输入邮箱",
        trigger: "blur",
        validator: validatedEmail
      }]
    },
    {
      label: "手机",
      prop: "phone",
      hide: true,
      rules: [{
        required: true,
        message: "请输入手机",
        trigger: "blur",
      }, {
        trigger: "blur",
        validator: validatePhone
      }]
    },
    {
      label: "身份证号码",
      prop: "idcard",
      hide: true,
      rules: [{
        required: false,
        message: "请输入身份证号码",
        trigger: "blur"
      }]
    },
    {
      label: "人脸",
      prop: "face",
      type: "upload",
      listType: 'picture-img',
      propsHttp: {
        res: "data",
        url: "link"
      },
      action: "/api/blade-resource/oss/endpoint/put-file",
    }
  ],
  group:[
    {
      icon: 'el-icon-info',
      label: '小程序相关',
      collapse: false,
      prop: 'group1',
      column: [
        {
          label: "小程序园区管理员",
          prop: "isAgencyManager",
          type: "radio",
          hide: true,
          labelWidth: 130,
          span: 12,
          value: 0,
          dicData: [
            {
              label: "否",
              value: 0
            },
            {
              label: "是",
              value: 1
            }
          ],
          rules: [{
            required: false,
            message: "请选择是否为园区管理员",
            trigger: "blur"
          }],
          change: ({value,column}) => {
            debugger
            let agencyAccountObj = this.findObject(this.group.column, "agencyAccount");
            let agencyPasswordObj = this.findObject(this.group.column, "agencyPassword");
            if(value === 1){
              agencyAccountObj.rules[0].required = true;
              agencyPasswordObj.rules[0].required = true;
            }else{
              agencyAccountObj.rules[0].required = false;
              agencyPasswordObj.rules[0].required = false;
            }
          },
        },
        {
          label: "小程序企业管理员",
          prop: "isEnterpriseManager",
          type: "radio",
          value: 0,
          span: 12,
          labelWidth: 130,
          dicData: [
            {
              label: "否",
              value: 0
            },
            {
              label: "是",
              value: 1
            }
          ],
          hide: true,
          rules: [{
            required: false,
            message: "请选择是否为企业管理员",
            trigger: "blur"
          }],
          change: ({value,column}) => {

          },
        },
        {
          label: "园区管理员登录账号",
          prop: "agencyAccount",
          hide: true,
          labelWidth:160,
          rules: [{
            required: true,
            message: "请输入小程序园区管理员登录账号",
            trigger: "blur"
          }]
        },
        {
          label: "小程序企业管理员账号",
          prop: "enterpriseAccount",
          labelWidth:160,
          hide: true,
          rules: [{
            required: true,
            message: "请输入小程序企业管理员登录账号",
            trigger: "blur"
          }]
        },
        {
          label: "小程序园区管理员密码",
          prop: "agencyPassword",
          hide: true,
          labelWidth:160,
          rules: [{
            required: true,
            message: "请输入园区管理员登录密码",
            trigger: "blur"
          }]
        },
        {
          label: "企业管理员登录密码",
          prop: "enterprisePassword",
          hide: true,
          labelWidth:160,
          rules: [{
            required: true,
            message: "请输入企业管理员登录密码",
            trigger: "blur"
          }]
        },
      ]
    }
  ]
}