| | |
| | | <el-divider /> |
| | | <div style="margin-left: 10px;display: flex"> |
| | | <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button> |
| | | <el-button type="primary" icon="el-icon-upload2">导入</el-button> |
| | | <!-- <el-button type="primary" icon="el-icon-upload2">导入</el-button>--> |
| | | </div> |
| | | <el-divider /> |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | :height="tableHeight" |
| | | :height="tableHeight+'px'" |
| | | stripe |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | |
| | | <el-table-column |
| | | prop="name" |
| | | label="单位名称" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="200px" |
| | | /> |
| | |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.btype==='WX'">外斜供方</div> |
| | | <div v-if="row.btype==='WX'">外协供方</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | label="创建时间" |
| | | sortable="custom" |
| | | width="200" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="操作" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-button type="text" @click="edit('edit',row)">修改</el-button> |
| | | <el-button type="text" @click="edit('edit',row)">编辑</el-button> |
| | | <el-button type="text" @click="del(row)">删除</el-button> |
| | | </div> |
| | | </template> |
| | |
| | | </div> |
| | | |
| | | <el-dialog |
| | | :title="operation==='add'?'新增':'修改'" |
| | | :title="operation==='add'?'新增':'编辑'" |
| | | :visible.sync="dialogVisible" |
| | | width="50%" |
| | | width="800px" |
| | | top="15vh" |
| | | :close-on-click-modal="false" |
| | | @closed="handleClose" |
| | | @close="handleClose" |
| | | > |
| | | <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px"> |
| | | <el-form-item label="供方编码" prop="unitcode"> |
| | | <el-form-item label="单位编码" prop="unitcode"> |
| | | <el-input v-model="dialogForm.unitcode" :disabled="operation!=='add'" style="width: 220px" /> |
| | | </el-form-item> |
| | | <el-form-item label="供方名称" prop="unitname"> |
| | | <el-form-item label="单位名称" prop="unitname"> |
| | | <el-input v-model="dialogForm.unitname" style="width: 220px" /> |
| | | </el-form-item> |
| | | <el-form-item style="width: 100%" label="供方属性" prop="checkboxIsSelected"> |
| | | <el-form-item style="width: 100%" label="单位属性" prop="checkboxIsSelected"> |
| | | <el-checkbox-group v-model="dialogForm.checkboxIsSelected" @change="checkboxGroupChange"> |
| | | <el-checkbox key="WG" value="WG" label="外购供方" /> |
| | | <el-checkbox key="WX" value="WX" label="外协供方" /> |
| | |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | | name: 'Zzjg', |
| | | name: 'WLDW', |
| | | components: { |
| | | Pagination |
| | | }, |
| | |
| | | return callback(new Error('编码不能为中文')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | const validateMobile = (rule, value, callback) => { |
| | | if (!value) { |
| | | callback() |
| | | // return callback(new Error('请输入电话号码')) |
| | | } else { |
| | | const mobile = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ // 长号 |
| | | const mobile2 = /^[0-9]{6}$/ // 短号 |
| | | if (mobile.test(value) || mobile2.test(value)) { |
| | | callback() |
| | | // return callback(new Error('电话号码不符合规则')) |
| | | } else { |
| | | return callback(new Error('电话号码不符合规则')) |
| | | // callback() |
| | | } |
| | | } |
| | | } |
| | |
| | | ], |
| | | checkboxIsSelected: [ |
| | | { required: true, message: '请选择供方属性', trigger: ['blur', 'change'] } |
| | | ], |
| | | contact: [ |
| | | { required: true, validator: validateMobile, trigger: ['blur', 'change'] } |
| | | ] |
| | | } |
| | | |