|  |  | 
 |  |  |       <el-table-column label="厂商代码" align="center" prop="code" /> | 
 |  |  |       <el-table-column label="联系方式" align="center" prop="phone" /> | 
 |  |  |       <el-table-column label="邮箱" align="center" prop="mailbox" /> | 
 |  |  |       <el-table-column label="联系地址" align="center" prop="contactAddress" /> | 
 |  |  |       <el-table-column label="联系地址" align="center" prop="contactAddress" show-overflow-tooltip /> | 
 |  |  |       <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | 
 |  |  |         <template slot-scope="scope"> | 
 |  |  |           <el-button | 
 |  |  | 
 |  |  |     /> | 
 |  |  |  | 
 |  |  |     <!-- 添加或修改厂商对话框 --> | 
 |  |  |     <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
 |  |  |     <Dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
 |  |  |       <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
 |  |  |         <el-form-item label="厂商名称" prop="name"> | 
 |  |  |           <el-input v-model="form.name" placeholder="请输入厂商名称" /> | 
 |  |  | 
 |  |  |         <el-form-item label="厂商代码" prop="code"> | 
 |  |  |           <el-input v-model="form.code" placeholder="请输入厂商代码" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="联系方式" prop="phone"> | 
 |  |  |         <el-form-item label="联系方式" prop="phoneNumber"> | 
 |  |  |           <el-input v-model="form.phone" placeholder="请输入联系方式" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="邮箱" prop="mailbox"> | 
 |  |  | 
 |  |  |         <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> | 
 |  |  |         <el-button @click="cancel">取 消</el-button> | 
 |  |  |       </div> | 
 |  |  |     </el-dialog> | 
 |  |  |     </Dialog> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |           { required: true, message: "厂商代码不能为空", trigger: "blur" } | 
 |  |  |         ], | 
 |  |  |         phone: [ | 
 |  |  |           { required: true, message: "联系方式不能为空", trigger: "blur" }, | 
 |  |  |           { trigger: "blur" }, | 
 |  |  |           { | 
 |  |  |             pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, | 
 |  |  |             message: "请输入正确的手机号码", | 
 |  |  | 
 |  |  |     /** 删除按钮操作 */ | 
 |  |  |     handleDelete(row) { | 
 |  |  |       const ids = row.id || this.ids; | 
 |  |  |       this.$modal.confirm('是否确认删除?').then(() => { | 
 |  |  |       this.$modal.confirm(`是否确认删除厂商代码为${row.code}的厂商?`).then(() => { | 
 |  |  |         this.loading = true; | 
 |  |  |         return delManufacturer(ids); | 
 |  |  |       }).then(() => { |