supplier_system/src/dashoo.cn/frontend_web/src/components/oilsupplier/basisinfo.vue

<template>
  <div>
    <el-form label-width="135px" ref="EntityForm" :model="formData" :rules="rulesform" :disabled="disabled">
      <el-row>
        <!--<el-col :span="8">
          <el-form-item label="DEMO">
            <el-select ref="selectWellNo" v-model="formData.WellNoId" filterable placeholder="请选择" style="width: 100%">
              <el-option
                v-for="item in wellNoOptions"
                :key="item.Id"
                :label="item.Value"
                :value="item.Id">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>-->

        <el-col :span="16">
          <el-form-item label="供方名称" prop="SupplierName">
            <el-autocomplete class="inline-input" v-model="formData.SupplierName" :readonly="companyReadonly"
              :fetch-suggestions="querySearch" :maxlength="255" placeholder="请输入内容" style="width: 100%"
              @select="handleSelect" v-if="authUser && authUser.Profile.IsCompanyUser == 1">
            </el-autocomplete>
            <el-input v-model="formData.SupplierName" :maxlength="255" @change="inputCompanyName"
              :readonly="!canUpdateSupplier" placeholder="请输入" style="width: 100%"
              v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8" v-if="this.formData.Status == '7'">
          <el-form-item label="准入编码">
            <el-input v-model="formData.JSAccessCardNo"  :readonly="this.formData.Status != '7'" placeholder="请输入" style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="单位关系">
            <el-select ref="SpecType" v-model="formData.SpecTypeCode" :disabled="!canUpdateSupplier"
               placeholder="请选择" style="width: 100%">
              <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key" :value="item.Value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="准入方式">
            <el-select ref="SpecType" v-model="formData.InStyle" :disabled="!canUpdateSupplier"
                       placeholder="请选择" style="width: 100%">
              <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" v-if="item.Value != '2' && item.Value != '3'"
                         :value="item.Value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
          <el-col :span="8">
           <el-form-item label="证件合一">
            <el-select v-model="formData.CredentialFlag" placeholder="请选择"  @change="showorhid"  style="width: 100%">
              <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>


        <el-col :span="8">
          <el-form-item label="统一社会信用代码" prop="CommercialNo">
            <el-input v-model="formData.CommercialNo" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
            <el-input v-model="formData.CountryTaxNo" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
            <el-input v-model="formData.OrganCode" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>
        </el-row>
        <el-row>
        <!--<el-col :span="8">
          <el-form-item label="税务登记证地税编号">
            <el-input v-model="formData.LocalTaxNo" placeholder="请输入"  style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->
        <el-col :span="16">
          <el-form-item label="注册地址" prop="Province">
            <el-row>
              <el-col :span="10">
                <el-cascader :options="countryoptions" :props="countryprops" :disabled="!canUpdateSupplier"
                  :readonly="!canUpdateSupplier" placeholder="省市区" v-model="CityAry" style="width: 100%"
                  @change="handleAreaChange"></el-cascader>
              </el-col>
              <el-col :span="14">
                <el-input v-model="formData.Address" props="Address" maxlength="500" :readonly="!canUpdateSupplier"
                  placeholder="详细地址" style="width: 100%">
                </el-input>
              </el-col>
            </el-row>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="邮编" prop="ZipCode">
            <el-input v-model="formData.ZipCode" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="16">
          <el-form-item label="通信地址" prop="LinkProvince">
            <el-row>
              <el-col :span="10">
                <el-cascader :options="countryoptions" :props="countryprops" :disabled="!canUpdateSupplier"
                  placeholder="省市区" v-model="LinkCityAry" style="width: 100%"
                  @change="handleLinkAreaChange">
                </el-cascader>
              </el-col>
              <el-col :span="14">
                <el-input v-model="formData.LinkAddress" props="LinkAddress" maxlength="500" placeholder="详细地址"
                  style="width: 100%">
                </el-input>
              </el-col>
            </el-row>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="邮编" prop="LinkZipCode">
            <el-input v-model="formData.LinkZipCode" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <!--<el-col :span="8">
          <el-form-item label="省直辖市">
            <el-input v-model="formData.Province" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="地市区县">
            <el-input v-model="formData.City" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="街道">
            <el-input v-model="formData.Street" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="门牌号">
            <el-input v-model="formData.HouseNo" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->
      </el-row>
      <el-row>
        <!--<el-col :span="8">
          <el-form-item label="产品质量认证情况及认证机构">
            <el-input v-model="formData.ProductQualityCert" placeholder="请输入"  style="width: 100%"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="生产制造许可证获证情况及编号">
            <el-input v-model="formData.MaunLicense" placeholder="请输入"  style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->


        <el-col :span="8">
          <el-form-item label="法定代表人姓名" prop="LegalPerson">
            <el-input v-model="formData.LegalPerson" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="公司类型" prop="CompanyType">
            <!--<el-input v-model="formData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
            <el-select v-model="formData.CompanyType" maxlength="50" filterable allow-create
              :disabled="!canUpdateSupplier" placeholder="请选择" style="width: 100%;">
              <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
                style="width: 100%">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <!--<el-col :span="8">
          <el-form-item label="行业类别">
            <el-input v-model="formData.CategoryCode" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->

        <!--<el-col :span="8">
          <el-form-item label="行业类别名称">
            <el-input v-model="formData.CategoryName" placeholder="请输入"  style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->

        <el-col :span="8">
          <el-form-item label="注册资本" prop="RegCapital">
            <el-input type="number" v-model="formData.RegCapital" :min="1" :readonly="!canUpdateSupplier"
              placeholder="请输入" style="width: 100%">
              <template slot="append">万元</template>
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="币种">
            <el-select v-model="formData.Currency" :disabled="!canUpdateSupplier" placeholder="请选择"
                       style="width: 100%;">
              <el-option v-for="item in CurrencyOptions" :key="item.Value" :label="item.Key" :value="item.Value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="成立时间">
            <!--<el-date v-model="formData.SetupTime" maxlength="50" type="date" placeholder="请输入"
              style="width: 100%"> </el-date>-->
            <el-date-picker v-model="formData.SetupTime" type="date" :readonly="!canUpdateSupplier"
              format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
            </el-date-picker>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="开户银行" prop="DepositBank">
            <el-input v-model="formData.DepositBank" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="银行账号" prop="BankAccount">
            <el-input v-model="formData.BankAccount" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="联系人姓名" prop="ContactName">
            <el-input v-model="formData.ContactName" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="移动电话" prop="Mobile">
            <el-input v-model="formData.Mobile" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="固定电话" prop="Telphone">
            <el-input v-model="formData.Telphone" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="传真" prop="Fax">
            <el-input v-model="formData.Fax" maxlength="20" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="财务电话" prop="CompanyTel">
            <el-input v-model="formData.CompanyTel" :readonly="!canUpdateSupplier" placeholder="请输入" maxlength="20"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="电子邮箱" prop="EMail">
            <el-input v-model="formData.EMail" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入"
              style="width: 100%"></el-input>
          </el-form-item>
        </el-col>

        <!--<el-col :span="8">
          <el-form-item label="QQ号码">
            <el-input v-model="formData.QQ" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->

        <el-col :span="8">
          <el-form-item label="银行信用等级">
            <el-input v-model="formData.BankCreditRating" maxlength="10" :readonly="!canUpdateSupplier"
              placeholder="请输入" style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <!--<el-col :span="8">
          <el-form-item label="公司网址">
            <el-input v-model="formData.CompanyUrl" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->
        <el-col :span="8">
          <el-form-item label="进津备案通知书">
            <el-input v-model="formData.TJInNotify" placeholder="请输入" style="width: 100%"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="HSE审查培训">
            <!--<el-input v-model="formData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
            <el-select v-model="formData.HseTraining" :readonly="!canUpdateSupplier" placeholder="请选择"
              style="width: 100%;">
              <el-option v-for="item in HSEOptions" :key="item.value" :label="item.label" :value="item.value"
                style="width: 100%">
              </el-option>
            </el-select>

          </el-form-item>
        </el-col>

      </el-row>
    </el-form>
    <el-form label-position="top" ref="EntityFormCert" :rules="rulesform" :model="formData" :disabled="disabled">
      <el-row :gutter="60">
        <el-col :span="8">
          <el-form-item label="质量管理体系认证情况">
            <el-input v-model="formData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea"
              style="width: 100%"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="企业资质证书(编号  级别)">
            <el-input v-model="formData.QualifCert" placeholder="请输入" maxlength="200" type="textarea"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>
        <!--<el-col :span="12">
          <el-form-item label="企业资质证书级别">
            <el-input v-model="formData.QualifCertLevel" placeholder="请输入"  style="width: 100%"></el-input>
          </el-form-item>
        </el-col>-->
        <el-col :span="8">
          <el-form-item label="安全生产许可证">
            <el-input v-model="formData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="行业特殊要求的认证证书">
            <el-input v-model="formData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea"
              style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="营业范围" prop="BusinessScope">
            <el-input v-model="formData.BusinessScope" maxlength="200" placeholder="请输入" type="textarea"
              style="width: 100%"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="备注">
            <el-input v-model="formData.Remark" maxlength="500" placeholder="请输入" type="textarea" style="width: 100%">
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>
  </div>
</template>

<script>
  export default {
    name: 'basisinfo',
    props: {
      formData: {
        type: Object,
        default: {}
      },
      dictData: {
        type: Object,
        default: null
      },
      authUser: {
        type: Object,
        default: null
      },
      disabled: {
        type: Boolean,
        default: false
      },
      canUpdateSupplier: {
        type: Boolean,
        default: true
      },
    },

    data() {
  var checkemail= (rule, value, callback) => {
        console.log(value)
          if (value) {
            let re = /^([a-zA-Z0-9]+[_|-|.|-]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.|-]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/
            if (!re.test(value)) {
              callback(new Error('请输入正确的邮箱地址'))
            } else {
              callback()
            }
          }
          else{
            callback()
          }
        };
        var checkCommercialNo =  (rule, value, callback) => {
         console.log("showorhidflag"+this.showorhidflag)
        if (!value) {
          callback(new Error('请输入统一社会信用代码'));
        } else {
          if(this.showorhidflag=='hid'){
            let re = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g
            if (!re.test(value)) {
              callback(new Error('请输入正确的统一社会信用代码'))
            } else {
              callback()
            }
          }
          else{
            callback()
          }
        }
      };
      //查找是否有公司信息，若有则补全信息。
      var checkSupplierName =  (rule, value, callback) => {
        if (!value) {
          callback(new Error('请输入供方名称'));
        } else {
          this.searchSupplierName();
          callback();
        }
      };
       //检查邮编格式
      var checkZipCode =  (rule, value, callback) => {
        if (!value) {
          callback(new Error('请输入邮编'));
        } else {
          let re = /^[1-9]\d{5}$/
            if (!re.test(value)) {
              callback(new Error('请输入正确的邮编'))
            } else {
              callback()
            }
        }
      };
      //检查手机号
       var checkMobile =  (rule, value, callback) => {
        if (!value) {
          callback(new Error('请输入手机号码'));
        } else {
          let re = /^1[3456789]\d{9}$/
            if (!re.test(value)) {
              callback(new Error('请输入正确的手机号码'))
            } else {
              callback()
            }
        }
      };

        //固话检验
       var checkTelphone =  (rule, value, callback) => {
        if (!value) {
          callback(new Error('请输入固话号码'));
        } else {
          let re = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/
            if (!re.test(value)) {
              callback(new Error('请输入正确的固话格式为：0000-0000000'))
            } else {
              callback()
            }
        }
      };
      return {
         showorhidflag:'hid',
         selectoptions: [{
          value: '1',
          label: '三证合一'
        }, {
          value: '2',
          label: '五证合一',
        }, {
          value: '3',
          label: '常规'
        }],
        companyReadonly: false,
        companynames: [],
        UnitRelationOptions: [],
        InOptions: [],
        CompanyTypeOptions: [],
        CurrencyOptions: [],
        UnitRelationAry: [],
        countryoptions: [],
        countryprops: {
          value: 'adcode',
          label: 'name',
          children: 'districts'
        },
        CityAry: [],
        LinkCityAry: [],
        HSEOptions: [{
          value: '1',
          label: '是'
        }, {
          value: '0',
          label: '否'
        }],

        rulesform: {
          BusinessScope:[{
          required: true,
            message: '请输入营业范围',
            trigger: 'change'
          }],
          SupplierName: [{
            required: true,
            validator: checkSupplierName,
            trigger: 'change'
          }, ],
          CommercialNo: [{
            required: true,
            validator: checkCommercialNo,
            trigger: 'change'
          }, ],
          CountryTaxNo: [{
            required: true,
            message: '请输入税务登记证编号',
            trigger: 'change'
          }],
          CompanyType: [{
            required: true,
            message: '请选择公司类型',
            trigger: 'change'
          }, ],
          LegalPerson: [{
            required: true,
            message: '请输入法定代表人姓名',
            trigger: 'change'
          }, ],
          Province: [{
            required: true,
            message: '请选择省市区',
            trigger: 'change'
          }, ],
          Address: [{
            required: true,
            message: '请输入注册地址',
            trigger: 'change'
          }, ],
          EMail: [{
              required: false,
              validator: checkemail,
              trigger: 'change'
            }],
          OrganCode: [{
            required: true,
            message: '请输入组织机构代码',
            trigger: 'change'
          }, ],

          RegCapital: [{
            required: true,
            message: '请输入注册资本',
            trigger: 'change'
          }, ],
          DepositBank: [{
            required: true,
            message: '请输入开户银行',
            trigger: 'change'
          }, ],
          BankAccount: [{
            required: true,
            message: '请输入银行账号',
            trigger: 'change'
          }, ],
          ContactName: [{
            required: true,
            message: '请输入联系人姓名',
            trigger: 'change'
          }, ],
          Mobile: [{
            required: true,
            validator: checkMobile,
            trigger: 'change'
          }, ],

          Telphone: [{
            required: true,
             validator: checkTelphone,
            trigger: 'change'
          }, ],
          CompanyTel: [{
            required: true,
            message: '请输入财务电话',
            trigger: 'change'
          }, ],
          ZipCode: [{
            required: true,
            validator: checkZipCode,
            trigger: 'change'
          }],
          LinkZipCode: [{
            required: true,
            validator: checkZipCode,
            trigger: 'change'
          }],
          LinkProvince: [{
            required: true,
            message: '请选择省市区',
            trigger: 'change'
          }, ],
          LinkAddress: [{
            required: true,
            message: '请输入通信地址',
            trigger: 'change'
          }, ],
          realname: [{
            required: true,
            message: '用户名',
            trigger: 'blur'
          }]
        },
      }
    },
    created() {},
    watch: {
      dictData: {
        handler(newName, oldName) {
          this.getDictOptions()
        },
        immediate: true
      }
    },
    methods: {
         showorhid(val){
          console.log(val)
          if(val=='1'||val=='2'){
            this.showorhidflag='hid'
          }
          else{
             this.showorhidflag='show'
          }
      },
      // commnoChange () {
      //   this.formData.CountryTaxNo = this.formData.CommercialNo
      //   this.formData.OrganCode = this.formData.CommercialNo
      // },
      //查找是否有公司信息，若有则补全信息
      searchSupplierName() {
        let _this = this
        _this.$axios.get('/register/getcompanyinfo/' + _this.formData.SupplierName, {})
          .then(res => {
            if (res.data.items && res.data.items.length == 1) {
              _this.formData.SupplierName = res.data.items[0].SupplierName
              _this.formData.CredentialFlag = res.data.items[0].CredentialFlag
              _this.formData.CommercialNo = res.data.items[0].CommercialNo
              _this.formData.CountryTaxNo = res.data.items[0].CountryTaxNo
              _this.formData.OrganCode = res.data.items[0].OrganCode
              _this.formData.LocalTaxNo = res.data.items[0].LocalTaxNo
              _this.formData.Address = res.data.items[0].Address
              _this.formData.Province = res.data.items[0].Province
              _this.formData.City = res.data.items[0].City
              _this.formData.Street = res.data.items[0].Street
              _this.CityAry = []
              _this.CityAry.push(_this.formData.Province)
              _this.CityAry.push(_this.formData.City)
              _this.CityAry.push(_this.formData.Street)
              _this.formData.ZipCode = res.data.items[0].ZipCode
              _this.formData.LinkAddress = res.data.items[0].LinkAddress
              _this.formData.LinkProvince = res.data.items[0].LinkProvince
              _this.formData.LinkCity = res.data.items[0].LinkCity
              _this.formData.LinkStreet = res.data.items[0].LinkStreet
              _this.LinkCityAry = []
              _this.LinkCityAry.push(_this.formData.LinkProvince)
              _this.LinkCityAry.push(_this.formData.LinkCity)
              _this.LinkCityAry.push(_this.formData.LinkStreet)
              _this.formData.LinkZipCode = res.data.items[0].LinkZipCode
              _this.formData.LegalPerson = res.data.items[0].LegalPerson
              _this.formData.CompanyType = res.data.items[0].CompanyType
              _this.formData.RegCapital = res.data.items[0].RegCapital
              _this.formData.SetupTime = res.data.items[0].SetupTime
              _this.formData.DepositBank = res.data.items[0].DepositBank
              _this.formData.BankAccount = res.data.items[0].BankAccount
              _this.formData.ContactName = res.data.items[0].ContactName
              _this.formData.Mobile = res.data.items[0].Mobile
              _this.formData.Telphone = res.data.items[0].Telphone
              _this.formData.Fax = res.data.items[0].Fax
              _this.formData.CompanyTel = res.data.items[0].CompanyTel
              _this.formData.EMail = res.data.items[0].EMail
              _this.formData.BankCreditRating = res.data.items[0].BankCreditRating
              _this.formData.Remark = res.data.items[0].Remark
              _this.formData.JSAccessCardNo = res.data.items[0].JSAccessCardNo
            }
          })
          .catch(err => {
            console.error(err)
          })
      },
      getDictOptions() {
        if (this.dictData) {
          this.UnitRelationOptions = this.dictData['UnitRelation']
          this.InOptions = this.dictData['InOptions']
          this.getCityList(this.dictData['GaodeMapChinaAreas'])
          this.CompanyTypeOptions = this.dictData['CompanyType']
          this.CurrencyOptions = this.dictData['CurrencyType']
          let suppliers = this.dictData['CompanyNames']
          for (let idx in suppliers) {
            suppliers[idx]['value'] = suppliers[idx].SupplierName
            this.companynames.push(suppliers[idx])
          }
          if (this.authUser && this.authUser.Profile.IsCompanyUser === 1 && this.companynames.length > 0) {
            if (!this.formData.Id) {
              this.formData.SupplierName = ''
            }
            this.companyReadonly = true
          }
        }
      },
      getCityList(val) {
        let resultData = JSON.parse(val)
        let countstr = JSON.stringify(resultData.districts[0].districts)
        countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
        this.countryoptions = JSON.parse(countstr)
      },
      unitRelationChange(value) {
        this.formData.SpecTypeCode = value.join(',')
      },
      handleAreaChange(value) {
        this.formData.Province = value[0]
        this.formData.City = value[1]
        this.formData.Street = value[2]
        //this.formData.ZipCode = value[2]
      },
      handleLinkAreaChange(value) {
        this.formData.LinkProvince = value[0]
        this.formData.LinkCity = value[1]
        this.formData.LinkStreet = value[2]
        //this.formData.LinkZipCode = value[2]
      },

      formatDateTime(date) {
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        m = m < 10 ? ('0' + m) : m;
        var d = date.getDate();
        d = d < 10 ? ('0' + d) : d;
        var h = date.getHours();
        var minute = date.getMinutes();
        minute = minute < 10 ? ('0' + minute) : minute;
        return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
      },

      /** ----------------------- */querySearch(queryString, cb) {
        var results = queryString ? this.companynames.filter(this.createFilter(queryString)) : this.companynames
        // 调用 callback 返回建议列表的数据
        cb(results)
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
        }
      },
      handleSelect(item) {
        this.$emit('selectcompany', item)
      },
      inputCompanyName(val) {
        this.$emit('inputcompany', val)
      },

    }
  }

</script>