| | |
| | | <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"> |