|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="app-container"> | 
 |  |  |     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> | 
 |  |  |     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> | 
 |  |  |       <el-form-item label="厂商名称" prop="name"> | 
 |  |  |         <el-input | 
 |  |  |           v-model="queryParams.name" | 
 |  |  | 
 |  |  |           <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span> | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |       <el-table-column label="厂商名称" align="center" prop="name" /> | 
 |  |  |       <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="name" show-overflow-tooltip/> | 
 |  |  |       <el-table-column label="厂商代码" align="center" prop="code" show-overflow-tooltip/> | 
 |  |  |       <el-table-column label="联系人" align="center" prop="contactBy" show-overflow-tooltip/> | 
 |  |  |       <el-table-column label="联系方式" align="center" prop="phone" show-overflow-tooltip/> | 
 |  |  |       <el-table-column label="邮箱" align="center" prop="mailbox" show-overflow-tooltip/> | 
 |  |  |       <el-table-column label="联系地址" align="center" prop="contactAddress" show-overflow-tooltip /> | 
 |  |  |       <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | 
 |  |  |       <el-table-column label="操作" width="120" fixed="right" align="center" class-name="small-padding fixed-width"> | 
 |  |  |         <template slot-scope="scope"> | 
 |  |  |           <el-button | 
 |  |  |             size="mini" | 
 |  |  | 
 |  |  |     <Dialog :title="title" :visible.sync="open" width="500px" :append-to-body="true" :close-on-click-modal="false"> | 
 |  |  |       <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-input v-model="form.name" maxlength="30" show-word-limit placeholder="请输入厂商名称" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="厂商代码" prop="code"> | 
 |  |  |           <el-input v-model="form.code" placeholder="请输入厂商代码" /> | 
 |  |  |           <el-input v-model="form.code" maxlength="60" show-word-limit placeholder="请输入厂商代码" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="联系人" prop="contactBy"> | 
 |  |  |           <el-input v-model="form.contactBy" maxlength="30" show-word-limit placeholder="请输入联系人" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="联系方式" prop="phoneNumber"> | 
 |  |  |           <el-input v-model="form.phone" placeholder="请输入联系方式" /> | 
 |  |  |           <el-input v-model="form.phone" maxlength="100" show-word-limit placeholder="请输入联系方式" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="邮箱" prop="mailbox"> | 
 |  |  |           <el-input v-model="form.mailbox" placeholder="请输入邮箱" /> | 
 |  |  |           <el-input v-model="form.mailbox" maxlength="30" show-word-limit placeholder="请输入邮箱" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="联系地址" prop="contactAddress"> | 
 |  |  |           <el-input v-model="form.contactAddress" placeholder="请输入联系地址" /> | 
 |  |  |           <el-input v-model="form.contactAddress" maxlength="128" show-word-limit placeholder="请输入联系地址" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="备注" prop="remarks"> | 
 |  |  |           <el-input v-model="form.remarks" type="textarea" rows="4" maxlength="255" show-word-limit placeholder="请输入邮箱" /> | 
 |  |  |         </el-form-item> | 
 |  |  |       </el-form> | 
 |  |  |       <div slot="footer" class="dialog-footer"> |