|
|
@ -16,7 +16,7 @@ |
|
|
<el-form-item label=" "> |
|
|
<el-form-item label=" "> |
|
|
<el-button v-if="authSearch" type="primary" @click="getDataList()">查询</el-button> |
|
|
<el-button v-if="authSearch" type="primary" @click="getDataList()">查询</el-button> |
|
|
<el-button v-if="authSave" type="primary" @click="addModal()">新增</el-button> |
|
|
<el-button v-if="authSave" type="primary" @click="addModal()">新增</el-button> |
|
|
<el-button @click="exportExcel()" type="primary" style="margin-left: 2px">导出</el-button> |
|
|
|
|
|
|
|
|
<!-- <el-button @click="exportExcel()" type="primary" style="margin-left: 2px">导出</el-button>--> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
@ -68,49 +68,44 @@ |
|
|
|
|
|
|
|
|
<el-dialog title="供应商地址" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
|
|
<el-dialog title="供应商地址" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px"> |
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;" ref="modalForm"> |
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;" ref="modalForm"> |
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-row :gutter="24"> |
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="供应商ID" prop="supplierId"> |
|
|
<el-form-item label="供应商ID" prop="supplierId"> |
|
|
<el-input v-model="modalData.supplierId" :disabled="modalDisableFlag" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.supplierId" :disabled="modalDisableFlag" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
<el-form-item label="Site" prop="site"> |
|
|
|
|
|
<el-input v-model="modalData.site" :disabled="modalDisableFlag || modalData.flag === '1'" style="width: 100%"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="地址ID" prop="addressId"> |
|
|
<el-form-item label="地址ID" prop="addressId"> |
|
|
<el-input v-model="modalData.addressId" :disabled="modalDisableFlag" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.addressId" :disabled="modalDisableFlag" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="公司名称" prop="companyName"> |
|
|
<el-form-item label="公司名称" prop="companyName"> |
|
|
<el-input v-model="modalData.companyName" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.companyName" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
|
|
|
|
|
</el-row> |
|
|
</el-row> |
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="24"> |
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="联系人" prop="contact"> |
|
|
<el-form-item label="联系人" prop="contact"> |
|
|
<el-input v-model="modalData.contact" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.contact" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="联系电话" prop="phoneNo"> |
|
|
<el-form-item label="联系电话" prop="phoneNo"> |
|
|
<el-input v-model="modalData.phoneNo" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.phoneNo" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="地址类型" prop="addressType"> |
|
|
<el-form-item label="地址类型" prop="addressType"> |
|
|
<el-input v-model="modalData.addressType" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.addressType" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row :gutter="24"> |
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="是否激活" prop="active"> |
|
|
<el-form-item label="是否激活" prop="active"> |
|
|
<el-select v-model="modalData.active" style="width: 100%"> |
|
|
<el-select v-model="modalData.active" style="width: 100%"> |
|
|
<el-option label="Yes" value="Y"></el-option> |
|
|
<el-option label="Yes" value="Y"></el-option> |
|
|
@ -118,26 +113,24 @@ |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="邮箱" prop="email"> |
|
|
<el-form-item label="邮箱" prop="email"> |
|
|
<el-input v-model="modalData.email" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.email" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="原产国" prop="originCountry"> |
|
|
<el-form-item label="原产国" prop="originCountry"> |
|
|
<el-input v-model="modalData.originCountry" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.originCountry" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-row :gutter="24"> |
|
|
|
|
|
<el-col :span="8"> |
|
|
<el-form-item label="装运港" prop="portOfLoading"> |
|
|
<el-form-item label="装运港" prop="portOfLoading"> |
|
|
<el-input v-model="modalData.portOfLoading" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.portOfLoading" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="14"> |
|
|
<el-form-item label="地址" prop="address"> |
|
|
<el-form-item label="地址" prop="address"> |
|
|
<el-input v-model="modalData.address" style="width: 100%"></el-input> |
|
|
<el-input v-model="modalData.address" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -145,11 +138,11 @@ |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;" ref="modalForm"> |
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;" ref="modalForm"> |
|
|
<el-form-item label="备注" prop="memo" style="width: 100%"> |
|
|
|
|
|
<el-input v-model="modalData.memo" :rows="3" style="width: 100%"></el-input> |
|
|
|
|
|
|
|
|
<el-form-item label="备注" prop="memo" style="width: 100%" > |
|
|
|
|
|
<el-input v-model="modalData.memo" type="textarea" :rows="2" style="width: 100%"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|
|
|
|
|
|
|
|
<el-footer style="height:40px;margin-top: 30px;text-align:center"> |
|
|
<el-button type="primary" @click="saveData()">保存</el-button> |
|
|
<el-button type="primary" @click="saveData()">保存</el-button> |
|
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
|
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
|
|
</el-footer> |
|
|
</el-footer> |
|
|
@ -447,7 +440,7 @@ export default { |
|
|
supplierId: [ |
|
|
supplierId: [ |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: '供应商ID不能为空', |
|
|
|
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
@ -455,7 +448,7 @@ export default { |
|
|
addressId: [ |
|
|
addressId: [ |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
message: '地址ID不能为空', |
|
|
|
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
@ -463,6 +456,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
validator: this.validateField, |
|
|
validator: this.validateField, |
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
@ -470,6 +464,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
validator: this.validateField, |
|
|
validator: this.validateField, |
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
@ -477,6 +472,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
validator: this.validateField, |
|
|
validator: this.validateField, |
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
@ -484,6 +480,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
required: true, |
|
|
required: true, |
|
|
validator: this.validateField, |
|
|
validator: this.validateField, |
|
|
|
|
|
message: ' ', |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
] |
|
|
] |
|
|
|