| | |
| | | <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 |
| | | }, |