Revert "Mr.Shi"

jiangping

2024-01-26 a76c5c86ac9af71da45bf78c825a2c7aa843b4c8

 platform/src/components/business/OperaCompanyUserWindow.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,120 @@
<template>
  <GlobalAlertWindow
    :title="title"
    :visible.sync="visible"
    :confirm-working="isWorking"
    width="750px"
    @confirm="confirm"
  >
    <el-form :model="form" ref="form" label-width="125px" :rules="rules">
      <el-form-item label="企业全称" prop="name">
        <el-input v-model="form.name" placeholder="请输入客户企业全称，不超过30字" v-trim/>
        ä¼ä¸šåç§°éœ€ä¸Žå·¥å•†éƒ¨é—¨ç™»è®°ä¿¡æ¯ä¸€è‡´
      </el-form-item>
      <el-form-item label="客户简称" prop="shortName">
        <el-input v-model="form.shortName" placeholder="请输入企业简称" v-trim/>
      </el-form-item>
      <el-form-item label="统一信用代码" prop="creditCode">
        <el-input v-model="form.creditCode" placeholder="请输入统一信用代码" v-trim/>
        ç»Ÿä¸€ä¿¡ç”¨ä»£ç éœ€ä¸Žå·¥å•†éƒ¨é—¨ç™»è®°ä¿¡æ¯ä¸€è‡´
      </el-form-item>
      <el-form-item label="登录账号" prop="managerUserName">
        <el-input v-model="form.managerUserName" :disabled="!!this.form.id" placeholder="请输入登录账号" v-trim/>
      </el-form-item>
      <el-form-item label="系统使用有效期" prop="oepnValidDate">
        <el-date-picker v-model="form.oepnValidDate" value-format="yyyy-MM-dd" :disabled="!!this.form.id" placeholder="请输入系统使用有效期"></el-date-picker>
      </el-form-item>
      <el-form-item label="主播数量限制" prop="userNum">
        <el-input v-model="form.userNum" :disabled="!!this.form.id" placeholder="请输入主播数量限制" v-trim/>
        
      </el-form-item>
      <el-form-item label="销售人员" prop="salesmanId">
        <!-- <el-input v-model="form.salesmanId" placeholder="请输入销售人员编码" v-trim/> -->
        <el-select v-model="form.salesmanId" clearable placeholder="请选择" filterable >
          <el-option v-for="item in sales" :label="item.realname" :key="item.id" :value="item.id"></el-option>
        </el-select>
      </el-form-item>

      <div class="more">
        <div class="more-title">更多设置</div>
        <el-form-item label="联系人" prop="linkname">
          <el-input v-model="form.linkname" placeholder="请输入联系人" v-trim/>
        </el-form-item>
        <el-form-item label="联系人电话" prop="linkephone">
          <el-input v-model="form.linkephone" placeholder="请输入联系人电话" v-trim/>
        </el-form-item>
      </div>
      
      
      
    </el-form>
  </GlobalAlertWindow>
</template>

<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
import { findAllList } from '@/api/system/user'
export default {
  name: 'OperaCompanyWindow',
  extends: BaseOpera,
  components: { GlobalAlertWindow },
  data () {
    return {
      // è¡¨å•æ•°æ®
      form: {
        id: null,
        managerUserName: '',
        name: '',
        shortName: '',
        remark: '',
        managerId: '',
        linkname: '',
        linkephone: '',
        creditCode: '',
        userNum: 5,
        oepnValidDate: '',
        salesmanId: ''
      },
      sales: [],
      // éªŒè¯è§„则
      rules: {
        name: [
          { required: true, message: '请输入客户企业全称', tigger: 'blur'}
        ],
        managerUserName: [
          { required: true, message: '请输入登录账号', tigger: 'blur'}
        ],
        openUserNum: [
          { pattern: /^[0-9]+$/, message: '只可以输入数字', trigger: 'change' }
        ]
      }
    }
  },
  created () {
    this.config({
      api: '/business/companyUser',
      'field.id': 'id'
    })
    findAllList({ type: 0 })
      .then(res => {
        this.sales = res
      })
  }
}
</script>

<style lang="scss" scoped>
.more {
  margin-top: 40px;
  margin-bottom: 10px;
  .more-title {
    font-weight: 600;
    font-size: 18px;
  }
}
::v-deep .el-input {
  width: 300px;
  margin-right: 10px;
}
</style>