|
|
@@ -54,18 +54,17 @@
|
|
|
</el-col>-->
|
|
|
|
|
|
<el-col :span="16">
|
|
|
- <el-form-item label="供方名称" prop="SupplierName" required>
|
|
|
- <el-input v-model="formData.SupplierName" maxlength="255" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="供方名称" prop="SupplierName" >
|
|
|
+ <el-input v-model="formData.SupplierName" maxlength="255" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="单位关系">
|
|
|
- <el-select ref="SpecType" multiple v-model="UnitRelationAry" @change="unitRelationChange" filterable placeholder="请选择" style="width: 100%">
|
|
|
- <el-option
|
|
|
- v-for="item in UnitRelationOptions"
|
|
|
- :key="item.Id"
|
|
|
- :label="item.Key"
|
|
|
+ <el-select ref="SpecType" multiple v-model="UnitRelationAry" @change="unitRelationChange" filterable
|
|
|
+ placeholder="请选择" style="width: 100%">
|
|
|
+ <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key"
|
|
|
:value="item.Value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -73,20 +72,23 @@
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="统一社会信用代码" prop="CommercialNo" required>
|
|
|
- <el-input v-model="formData.CommercialNo" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="统一社会信用代码" prop="CommercialNo" >
|
|
|
+ <el-input v-model="formData.CommercialNo" maxlength="50" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="税务登记证编号" prop="CountryTaxNo" required>
|
|
|
- <el-input v-model="formData.CountryTaxNo" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="税务登记证编号" prop="CountryTaxNo" >
|
|
|
+ <el-input v-model="formData.CountryTaxNo" maxlength="50" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="组织机构代码" required>
|
|
|
- <el-input v-model="formData.OrganCode" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="组织机构代码" prop="OrganCode" >
|
|
|
+ <el-input v-model="formData.OrganCode" maxlength="50" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -96,40 +98,46 @@
|
|
|
</el-form-item>
|
|
|
</el-col>-->
|
|
|
<el-col :span="16">
|
|
|
- <el-form-item label="注册地址" required>
|
|
|
+ <el-form-item label="注册地址" prop="CityAry" >
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
- <el-cascader :options="countryoptions" :props="countryprops" placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
|
|
|
+ <el-cascader :options="countryoptions" :props="countryprops" maxlength="20" placeholder="省市区"
|
|
|
+ v-model="CityAry" style="width: 100%" @change="handleAreaChange">
|
|
|
</el-cascader>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
- <el-input v-model="formData.Address" placeholder="详细地址" style="width: 100%"></el-input>
|
|
|
+ <el-input v-model="formData.Address" 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="邮编" required>
|
|
|
- <el-input v-model="formData.ZipCode" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="邮编" prop="ZipCode" >
|
|
|
+ <el-input v-model="formData.ZipCode" maxlength="20" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="16">
|
|
|
- <el-form-item label="通信地址" required>
|
|
|
+ <el-form-item label="通信地址" prop="LinkCityAry" >
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
- <el-cascader :options="countryoptions" :props="countryprops" placeholder="省市区" v-model="LinkCityAry" style="width: 100%" @change="handleLinkAreaChange">
|
|
|
+ <el-cascader :options="countryoptions" :props="countryprops" placeholder="省市区"
|
|
|
+ v-model="LinkCityAry" maxlength="20" style="width: 100%" @change="handleLinkAreaChange">
|
|
|
</el-cascader>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
- <el-input v-model="formData.LinkAddress" placeholder="详细地址" style="width: 100%"></el-input>
|
|
|
+ <el-input v-model="formData.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="邮编" required>
|
|
|
- <el-input v-model="formData.LinkZipCode" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="邮编" prop="LinkZipCode" >
|
|
|
+ <el-input v-model="formData.LinkZipCode" maxlength="20" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -175,16 +183,19 @@
|
|
|
</el-col>-->
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="法定代表人姓名" prop="LegalPerson">
|
|
|
- <el-input v-model="formData.LegalPerson" maxlength="20" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="法定代表人姓名" prop="LegalPerson" >
|
|
|
+ <el-input v-model="formData.LegalPerson" maxlength="20" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="公司类型" prop="CompanyType" required>
|
|
|
+ <el-form-item label="公司类型" prop="CompanyType" >
|
|
|
<!--<el-input v-model="formData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
|
|
|
- <el-select v-model="formData.CompanyType" filterable allow-create placeholder="请选择" style="width: 100%;">
|
|
|
- <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value" style="width: 100%">
|
|
|
+ <el-select v-model="formData.CompanyType" maxlength="50" filterable allow-create 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>
|
|
|
@@ -203,7 +214,7 @@
|
|
|
</el-col>-->
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="注册资本" required>
|
|
|
+ <el-form-item label="注册资本" prop="RegCapital" >
|
|
|
<el-input v-model="formData.RegCapital" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -216,54 +227,60 @@
|
|
|
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="成立时间">
|
|
|
- <el-input v-model="formData.SetupTime" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-date v-model="formData.SetupTime" maxlength="50" type="date" placeholder="请输入"
|
|
|
+ style="width: 100%"> </el-date>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="开户银行" required>
|
|
|
- <el-input v-model="formData.DepositBank" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="开户银行" prop="DepositBank" >
|
|
|
+ <el-input v-model="formData.DepositBank" maxlength="50" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="银行账号" required>
|
|
|
- <el-input v-model="formData.BankAccount" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="银行账号" prop="BankAccount" >
|
|
|
+ <el-input v-model="formData.BankAccount" maxlength="50" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="联系人姓名" required>
|
|
|
- <el-input v-model="formData.ContactName" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="联系人姓名" prop="ContactName">
|
|
|
+ <el-input v-model="formData.ContactName" maxlength="20" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="移动电话" required>
|
|
|
- <el-input v-model="formData.Mobile" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="移动电话" prop="Mobile" >
|
|
|
+ <el-input v-model="formData.Mobile" maxlength="20" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="固定电话" required>
|
|
|
- <el-input v-model="formData.Telphone" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="固定电话" prop="Telphone" >
|
|
|
+ <el-input v-model="formData.Telphone" maxlength="20" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="传真" required>
|
|
|
- <el-input v-model="formData.Fax" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="传真" prop="Fax" >
|
|
|
+ <el-input v-model="formData.Fax" maxlength="20" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="财务电话" prop="CompanyTel" required>
|
|
|
- <el-input v-model="formData.CompanyTel" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="财务电话" prop="CompanyTel" >
|
|
|
+ <el-input v-model="formData.CompanyTel" placeholder="请输入" maxlength="20" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="电子邮箱" prop="EMail" required>
|
|
|
- <el-input v-model="formData.EMail" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-form-item label="电子邮箱" prop="EMail" >
|
|
|
+ <el-input v-model="formData.EMail" maxlength="50" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -275,7 +292,8 @@
|
|
|
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="银行信用等级">
|
|
|
- <el-input v-model="formData.BankCreditRating" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ <el-input v-model="formData.BankCreditRating" maxlength="10" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -289,7 +307,8 @@
|
|
|
<el-form-item label="HSE审查培训">
|
|
|
<!--<el-input v-model="formData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
|
|
|
<el-select v-model="formData.HseTraining" 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 v-for="item in HSEOptions" :key="item.value" :label="item.label" :value="item.value"
|
|
|
+ style="width: 100%">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
|
|
|
@@ -303,13 +322,14 @@
|
|
|
<el-row :gutter="60">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="质量管理体系认证情况">
|
|
|
- <el-input v-model="formData.QualitySystemCert" placeholder="请输入" type="textarea"
|
|
|
+ <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="请输入" type="textarea" style="width: 100%">
|
|
|
+ <el-input v-model="formData.QualifCert" placeholder="请输入" maxlength="200" type="textarea"
|
|
|
+ style="width: 100%">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -320,26 +340,29 @@
|
|
|
</el-col>-->
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="安全生产许可证">
|
|
|
- <el-input v-model="formData.SafetyLicense" placeholder="请输入" type="textarea" style="width: 100%">
|
|
|
+ <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="请输入" type="textarea" style="width: 100%">
|
|
|
+ <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="营业范围">
|
|
|
- <el-input v-model="formData.QualitySystemCert" placeholder="请输入" type="textarea"
|
|
|
+ <el-input v-model="formData.QualitySystemCert" 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" placeholder="请输入" type="textarea" style="width: 100%">
|
|
|
+ <el-input v-model="formData.Remark" maxlength="500" placeholder="请输入" type="textarea"
|
|
|
+ style="width: 100%">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -679,25 +702,112 @@
|
|
|
},
|
|
|
|
|
|
rulesform: {
|
|
|
- SupplierName: [
|
|
|
- { required: true, message: '请输入供方名称', trigger: 'change' },
|
|
|
- ],
|
|
|
- CommercialNo: [
|
|
|
- { required: true, message: '请输入统一社会信用代码', trigger: 'change' },
|
|
|
- ],
|
|
|
- CountryTaxNo: [
|
|
|
- { required: true, message: '请输入税务登记证编号', trigger: 'change' },
|
|
|
- ],
|
|
|
- CompanyType: [
|
|
|
- { required: true, message: '请选择公司类型', trigger: 'change' },
|
|
|
- ],
|
|
|
- LegalPerson: [
|
|
|
- { required: true, message: '请输入法定代表人姓名', trigger: 'change' },
|
|
|
- ],
|
|
|
- EMail: [
|
|
|
- { required: true, message: '请输入邮箱地址', trigger: 'change' },
|
|
|
- { validator: this.checkemail, trigger: 'blur' }
|
|
|
+ SupplierName: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入供方名称',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ CommercialNo: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入统一社会信用代码',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ CountryTaxNo: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入税务登记证编号',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ CompanyType: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择公司类型',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ LegalPerson: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入法定代表人姓名',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ CityAry: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入注册地址',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ EMail: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入邮箱地址',
|
|
|
+ trigger: 'change'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // validator: this.checkemail,
|
|
|
+ // trigger: 'blur'
|
|
|
+ // }
|
|
|
],
|
|
|
+ OrganCode: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入组织机构代码',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ RegCapital: [{
|
|
|
+ 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,
|
|
|
+ message: '请输入移动电话',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+
|
|
|
+ Telphone: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入固定电话',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ Fax: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入传真',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ CompanyTel: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入财务电话',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ Mobile: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入移动电话',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ ZipCode: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入邮编',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
+ LinkCityAry: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入通信地址',
|
|
|
+ trigger: 'change'
|
|
|
+ }, ],
|
|
|
realname: [{
|
|
|
required: true,
|
|
|
message: '用户名',
|
|
|
@@ -730,23 +840,23 @@
|
|
|
winningdialog() {
|
|
|
this.$refs["winningList"].showDialog()
|
|
|
},
|
|
|
- unitRelationChange (value) {
|
|
|
+ unitRelationChange(value) {
|
|
|
this.formData.SpecTypeCode = value.join(',')
|
|
|
},
|
|
|
- handleAreaChange (value) {
|
|
|
+ handleAreaChange(value) {
|
|
|
this.formData.Province = value[0]
|
|
|
this.formData.City = value[1]
|
|
|
this.formData.Street = value[2]
|
|
|
//this.formData.ZipCode = value[2]
|
|
|
},
|
|
|
- handleLinkAreaChange (value) {
|
|
|
+ handleLinkAreaChange(value) {
|
|
|
this.formData.LinkProvince = value[0]
|
|
|
this.formData.LinkCity = value[1]
|
|
|
this.formData.LinkStreet = value[2]
|
|
|
//this.formData.LinkZipCode = value[2]
|
|
|
},
|
|
|
|
|
|
- initDatas () {
|
|
|
+ initDatas() {
|
|
|
if (this.formData.Id) {
|
|
|
api.getEntityAndCert(this.certId, this.$axios).then(res => {
|
|
|
this.formData = res.data
|
|
|
@@ -796,7 +906,7 @@
|
|
|
console.error(err)
|
|
|
})
|
|
|
},
|
|
|
- getCityList (val) {
|
|
|
+ getCityList(val) {
|
|
|
let resultData = JSON.parse(val)
|
|
|
let countstr = JSON.stringify(resultData.districts[0].districts)
|
|
|
countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
|
|
|
@@ -850,7 +960,7 @@
|
|
|
});
|
|
|
},
|
|
|
|
|
|
- updateEntity () {
|
|
|
+ updateEntity() {
|
|
|
api.updateEntity(this.formData.Id, this.formData, this.$axios).then(res => {
|
|
|
if (res.data.code === 0) {
|
|
|
//保存成功后，初始化数据，变成修改
|
jichengcheng