| | |
| | | <!-- 操作按钮区 --> |
| | | <el-row :gutter="24" class="table-toolbar"> |
| | | <el-button :icon="Plus" type="primary" @click="handleAdd" |
| | | >新建</el-button |
| | | >{{activeTab == 'supplier' ? '注册' : '新建'}}</el-button |
| | | > |
| | | <el-button :icon="Delete" type="danger" @click="handleDelete" |
| | | >删除</el-button |
| | |
| | | const getUserList = async () => { |
| | | try { |
| | | const res = await testUserList(); |
| | | console.log("获取用户列表数据:", res); |
| | | console.log("userMap:", userMap.value); |
| | | if (res && res.data) { |
| | | userList.value = res.data; |
| | | userList.value.forEach((user) => { |
| | | userMap.value[user.userId] = user.username; |
| | | userMap.value[user.userId] = user.nickName; |
| | | }); |
| | | } |
| | | } catch (error) { |
| | |
| | | * 煤质方案表格列配置 |
| | | */ |
| | | const coalQualityMaintenanceColumns = ref([ |
| | | { prop: "plan", label: "方案名称", minWidth: 100 }, |
| | | { prop: "plan", label: "煤质方案", minWidth: 100 }, |
| | | { |
| | | prop: "fieldIds", |
| | | label: "字段名称", |
| | | label: "煤质字段", |
| | | minWidth: 200, |
| | | showOverflowTooltip: true, |
| | | slot: true, |
| | |
| | | return cellValue || "--"; |
| | | }, |
| | | }, |
| | | { prop: "schemeDesc", label: "字段描述", minWidth: 100 }, |
| | | { prop: "schemeDesc", label: "煤质描述", minWidth: 100 }, |
| | | ]); |
| | | |
| | | /** |
| | | * 煤质字段表格列配置 |
| | | */ |
| | | const coalMeiZhiZiDuanWeiHuColumns = ref([ |
| | | { prop: "fieldName", label: "字段名称", minWidth: 200 }, |
| | | { prop: "fieldDescription", label: "字段描述", minWidth: 200 }, |
| | | { prop: "fieldName", label: "煤质字段", minWidth: 200 }, |
| | | { prop: "fieldDescription", label: "煤质描述", minWidth: 200 }, |
| | | ]); |
| | | // ===== 事件处理函数 ===== |
| | | |
| | |
| | | width: 16%; |
| | | } |
| | | } |
| | | |
| | | .app-container{ |
| | | padding: 18px !important; |
| | | } |
| | | .table-toolbar { |
| | | margin-bottom: 20px; |
| | | display: flex; |