|
|
@@ -78,6 +78,10 @@
|
|
|
prop="CommercialNo"
|
|
|
align="center"
|
|
|
width="260px"></el-table-column>
|
|
|
+ <el-table-column label="备注"
|
|
|
+ prop="Remark"
|
|
|
+ align="center"
|
|
|
+ width="260px"></el-table-column>
|
|
|
<el-table-column label="创建时间"
|
|
|
prop="CreateOn"
|
|
|
align="center"
|
|
|
@@ -98,27 +102,29 @@
|
|
|
:total="currentItemCount"></el-pagination>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-dialog title="黑名单添加" :visible.sync="addShow" width="360px">
|
|
|
- <el-form label-width="90px" ref="EntityFormref">
|
|
|
+ <el-dialog title="黑名单添加" :visible.sync="addShow" width="400px">
|
|
|
+ <el-form label-width="100px" ref="EntityForm" :rules="rules" :model="saveForm">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="企业名称" :rules="{ required: true, message: '企业名称不能为空', trigger: 'change'}">
|
|
|
- <el-select filterable v-model="SupplierId" placeholder="请选择企业" style="width: 100%">
|
|
|
- <el-option v-for="item in dataList" :key="item.Id" :label="item.SupplierName"
|
|
|
- :value="item.Id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="企业名称" prop="SupplierName">
|
|
|
+ <el-input v-model="saveForm.SupplierName" placeholder="请输入企业名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="工商注册号" prop="CommercialNo">
|
|
|
+ <el-input v-model="saveForm.CommercialNo" placeholder="请输入工商注册号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input v-model="saveForm.Remark" type="textarea" placeholder="请输入备注内容"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-<!-- <el-row>-->
|
|
|
-<!-- <el-col :span="24">-->
|
|
|
-<!-- <el-form-item label="备注">-->
|
|
|
-<!-- <el-input v-model="appendformData.Remark" type="textarea" placeholder="请输入备注内容">-->
|
|
|
-<!-- </el-input>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- </el-row>-->
|
|
|
</el-form>
|
|
|
<span style="float: right;margin-top:-10px;">
|
|
|
<el-button size="small" @click="addShow = false">取 消</el-button>
|
|
|
@@ -136,9 +142,21 @@ export default {
|
|
|
created () {
|
|
|
// 执行初始化方法
|
|
|
this.initDatas()
|
|
|
- this.initCompany()
|
|
|
+ // this.initCompany()
|
|
|
},
|
|
|
data () {
|
|
|
+ var checkCommercialNo = (rule, value, callback) => {
|
|
|
+ if (value === '') {
|
|
|
+ callback(new Error('请填写工商注册号'))
|
|
|
+ } else {
|
|
|
+ let re4 = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g
|
|
|
+ if (!re4.test(this.saveForm.CommercialNo)) {
|
|
|
+ callback(new Error('请填写正确的18位工商注册号'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
return {
|
|
|
tableLoading: false,
|
|
|
addLoading: false,
|
|
|
@@ -155,6 +173,19 @@ export default {
|
|
|
SupplierName: '',
|
|
|
CommercialNo: ''
|
|
|
},
|
|
|
+ saveForm: {
|
|
|
+ SupplierName: '',
|
|
|
+ CommercialNo: '',
|
|
|
+ Remark: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ SupplierName: [
|
|
|
+ {required: true, message: '请填写企业名称', trigger: 'blur'}
|
|
|
+ ],
|
|
|
+ CommercialNo: [
|
|
|
+ {required: true, validator: checkCommercialNo, trigger: 'change'}
|
|
|
+ ]
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -193,31 +224,34 @@ export default {
|
|
|
.catch(() => { })
|
|
|
},
|
|
|
addSup () {
|
|
|
- this.addLoading = true
|
|
|
- let params = {
|
|
|
- SupplierId: this.SupplierId
|
|
|
- }
|
|
|
- api.addEntity(params, this.$axios)
|
|
|
- .then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- // 刷新列表
|
|
|
- this.initDatas()
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.data.message
|
|
|
+ this.$refs['EntityForm'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.addLoading = true
|
|
|
+ api.addEntity(this.saveForm, this.$axios)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ // 刷新列表
|
|
|
+ this.initDatas()
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.addLoading = false
|
|
|
+ this.addShow = false
|
|
|
})
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'warning',
|
|
|
- message: res.data.message
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err)
|
|
|
})
|
|
|
- }
|
|
|
- this.addLoading = false
|
|
|
- this.addShow = false
|
|
|
- })
|
|
|
- .catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
initCompany () {
|