| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div class="search"> |
| | | <div> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> |
| | | <el-form-item label="客户名称" prop="company"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.company" |
| | | @keyup.enter.native="getList"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="getList">查 询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="refresh">重 置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div class="search_box"> |
| | | <div class="search_item"> |
| | | <span class="search_label">客户名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.company" |
| | | @keyup.enter.native="getList"></el-input> |
| | | </div> |
| | | <div class="search_button"> |
| | | <el-button type="primary" size="mini" @click="getList">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-button size="small" type="primary" @click="openFormDia('add')" icon="el-icon-plus">新增</el-button> |
| | |
| | | <el-form-item label="客户名称" prop="company"> |
| | | <el-input v-model="user.company" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="客户单位EN" prop="companyEn"> |
| | | <el-input v-model="user.companyEn" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="单位地址" prop="address"> |
| | | <el-input type="textarea" v-model="user.address" size="small" clearable |
| | | :autosize="{minRows: 2, maxRows: 4}"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="单位地址EN" prop="addressEn"> |
| | | <el-input type="textarea" v-model="user.addressEn" size="small" clearable |
| | | :autosize="{minRows: 2, maxRows: 4}"></el-input> |
| | | <el-form-item label="联系人" prop="contact"> |
| | | <el-input v-model="user.contact" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="单位电话" prop="phone"> |
| | | <el-input v-model="user.phone" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="加急额度" prop="num"> |
| | | <el-input v-model="user.num" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="客户编号" prop="code2"> |
| | | <el-input v-model="user.code2" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="工厂域" prop="code"> |
| | | <el-input v-model="user.code" size="small" clearable></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | |
| | | tableData: [], |
| | | column: [ |
| | | {label: '客户名称', prop: 'company'}, |
| | | {label: '客户单位EN', prop: 'companyEn'}, |
| | | {label: '单位地址', prop: 'address'}, |
| | | {label: '单位地址EN', prop: 'addressEn'}, |
| | | {label: '联系人', prop: 'contact'}, |
| | | {label: '单位电话', prop: 'phone'}, |
| | | {label: '加急额度', prop: 'num'}, |
| | | {label: '客户编号', prop: 'code2'}, |
| | | {label: '工厂域', prop: 'code'}, |
| | | { |
| | | dataType: 'action', |
| | | fixed: 'right', |
| | |
| | | ], |
| | | page: { |
| | | total:0, |
| | | size:10, |
| | | current:0 |
| | | size:20, |
| | | current:1 |
| | | }, |
| | | tableLoading: false, |
| | | // 编辑客户弹框 |
| | |
| | | }, |
| | | userRules: { |
| | | company: [{ required: true, message: '请输入客户名称', trigger: 'blur' }], |
| | | companyEn: [{ required: true, message: '请输入客户名称EN', trigger: 'blur' }], |
| | | address: [{ required: true, message: '请输入单位地址', trigger: 'blur' }], |
| | | addressEn: [{ required: true, message: '请输入单位地址EN', trigger: 'blur' }], |
| | | num: [{ required: true, message: '请输入加急额度', trigger: 'blur' }], |
| | | code2: [{ required: true, message: '请输入客户编号', trigger: 'blur' }], |
| | | }, |
| | | loading: false, |
| | | // |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .search { |
| | | height: 46px; |
| | | .search_box { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .search_item { |
| | | margin-bottom: 18px; |
| | | margin-right: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | line-height: 32px; |
| | | } |
| | | .search_label { |
| | | width: 88px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | } |
| | | .search_button { |
| | | line-height: 30px; |
| | | } |
| | | </style> |