| | |
| | | */ |
| | | const searchPlaceholder = computed(() => { |
| | | const placeholderMap = { |
| | | supplier: "供应商/识别码/详细地址", |
| | | customer: "供应商/识别码/详细地址", |
| | | coal: "请输入搜索信息", |
| | | coalQualityMaintenance: "请输入搜索信息", |
| | | coalMeiZhiZiDuanWeiHu: "请输入搜索信息", |
| | | supplier: "供应商/统一识别码/详细地址", |
| | | customer: "供应商/统一识别码/详细地址", |
| | | coal: "请输入煤种信息", |
| | | coalQualityMaintenance: "请输入煤质方案信息", |
| | | coalMeiZhiZiDuanWeiHu: "请输入煤质字段信息", |
| | | }; |
| | | return placeholderMap[tabName.value] || "请输入搜索信息"; |
| | | }); |
| | |
| | | |
| | | <el-form-item class="dialog-footer"> |
| | | <el-button v-if="addOrEdit === 'edit'" @click="resetForm">重置</el-button> |
| | | <el-button v-if="addOrEdit === 'add'" @click="cancelForm">取消</el-button> |
| | | <el-button type="primary" @click="submitForm"> |
| | | <el-button v-if="addOrEdit === 'add'||addOrEdit.includes('viewRow')" @click="cancelForm">取消</el-button> |
| | | <el-button type="primary" @click="submitForm" v-if="!isViewMode"> |
| | | 确定 |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | >重置 |
| | | </el-button |
| | | > |
| | | <el-button v-if="addOrEdit === 'add'" @click="cancelForm" |
| | | <el-button v-if="addOrEdit === 'add' || addOrEdit.includes('viewRow')" @click="cancelForm" |
| | | >取消 |
| | | </el-button |
| | | > |
| | | <el-button type="primary" @click="submitForm"> 确定</el-button> |
| | | <el-button type="primary" v-if="!isViewMode" @click="submitForm" > 确定</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-dialog> |
| | |
| | | </el-form-item> |
| | | <el-form-item class="dialog-footer"> |
| | | <el-button v-if="addOrEdit === 'edit'" @click="resetForm">重置</el-button> |
| | | <el-button v-if="addOrEdit === 'add'" @click="cancelForm">取消</el-button> |
| | | <el-button type="primary" @click="submitForm"> |
| | | <el-button v-if="addOrEdit === 'add' || addOrEdit.includes('viewRow')" @click="cancelForm">取消</el-button> |
| | | <el-button type="primary" v-if="!isViewMode" @click="submitForm"> |
| | | 确定 |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | <el-button v-if="addOrEdit === 'edit'" @click="resetForm" |
| | | >重置</el-button |
| | | > |
| | | <el-button v-if="addOrEdit !== 'edit'" @click="cancelForm" |
| | | <el-button v-if="addOrEdit !== 'edit'||addOrEdit.includes('viewRow')" @click="cancelForm" |
| | | >取消</el-button |
| | | > |
| | | <el-button type="primary" @click="submitForm"> 确定</el-button> |
| | | <el-button type="primary" @click="submitForm" v-if="!isViewMode"> 确定</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-dialog> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style scoped lang="scss"> |
| | | .dashboard { |
| | | padding: 20px; |
| | | background-color: #f5f7fa; |
| | | min-height: 100vh; |
| | | min-height: 91vh; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | /* 顶部统计卡片 */ |
| | |
| | | |
| | | /* 表格样式调整 */ |
| | | .bottom-card.table { |
| | | min-width: 320px; |
| | | width: 100%; |
| | | } |
| | | |
| | | .bottom-card.table .el-table { |
| | |
| | | .bottom-card.table .el-table th { |
| | | padding: 8px 0; |
| | | } |
| | | |
| | | :deep(.el-scrollbar__view){ |
| | | width: 100% !important; |
| | | |
| | | } |
| | | :deep(.el-table__header,){ |
| | | width: 100% !important; |
| | | } |
| | | :deep(.el-table__body,){ |
| | | width: 100% !important; |
| | | } |
| | | /* 响应式设计 */ |
| | | @media (max-width: 1200px) { |
| | | .bottom-section { |
| | |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <!-- 重置和取消 --> |
| | | <el-button @click="handleClose" v-if="title.includes('新增')" |
| | | <el-button @click="handleClose" v-if="title.includes('新增') || title.includes('查看')" |
| | | >取消 |
| | | </el-button |
| | | > |
| | |
| | | >重置 |
| | | </el-button |
| | | > |
| | | <el-button type="primary" @click="handleSubmit">确认</el-button> |
| | | <el-button type="primary" v-if="!isViewMode" @click="handleSubmit">确认</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |