| | |
| | | <basic-container> |
| | | <el-form ref="queryParamsRef" :model="searchParams" class="gd-search-form"> |
| | | <el-form-item label="案例名称" prop="caseName"> |
| | | <el-input class="gd-input" v-model="searchParams.caseName" placeholder="请输入" clearable @clear="handleSearch" /> |
| | | <el-input |
| | | class="gd-input gray" |
| | | v-model="searchParams.caseName" |
| | | placeholder="请输入" |
| | | clearable |
| | | @clear="handleSearch" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="应用创新状态" prop="innovationStatus"> |
| | | <el-select |
| | | class="gd-select" |
| | | class="gd-select gray" |
| | | popper-class="gd-select-popper" |
| | | v-model="searchParams.innovationStatus" |
| | | placeholder="请选择" |
| | | clearable |
| | | @change="handleSearch" |
| | | > |
| | | <el-option v-for="item in dictObj.appInnovationStatus" :key="item.dictKey" |
| | | <el-option |
| | | v-for="item in dictObj.appInnovationStatus" |
| | | :key="item.dictKey" |
| | | :label="item.dictValue" |
| | | :value="item.dictKey"/> |
| | | :value="item.dictKey" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | |
| | | <el-table-column prop="belongDomain" show-overflow-tooltip label="所属领域" /> |
| | | <el-table-column prop="innovationStatus" show-overflow-tooltip label="应用创新状态"> |
| | | <template v-slot="{ row }"> |
| | | {{ getDictLabel(row.innovationStatus) }} |
| | | {{ getDictLabel(row.innovationStatus, dictObj.appInnovationStatus) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="applicationScenarioDesc" show-overflow-tooltip label="应用场景描述" /> |
| | |
| | | <el-table-column prop="resourceName" show-overflow-tooltip label="资源名称" /> |
| | | <el-table-column prop="resourceCode" show-overflow-tooltip label="资源编码" /> |
| | | <el-table-column prop="caseDesc" show-overflow-tooltip label="案例描述" /> |
| | | <el-table-column label="操作" class-name="operation-btns"> |
| | | <el-table-column label="操作" class-name="operation-btns" width="180"> |
| | | <template v-slot="{ row }"> |
| | | <el-link @click="openForm('view', row)">查看</el-link> |
| | | <!-- <el-link @click="openForm('edit', row)">编辑</el-link>--> |
| | | <el-link @click="handleDelete(row)">删除</el-link> |
| | | <el-link @click="handleDelete(row)" v-if="!['1', '2'].includes(row.innovationStatus)">删除</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | const dialogRef = ref(null) // 弹框实例 |
| | | const dialogVisible = ref(false) |
| | | const dictObj = ref({}) // 字典对象 |
| | | const innovationDetailsStatus = ref( '') |
| | | provide('dictObj', dictObj) |
| | | provide('innovationDetailsStatus', innovationDetailsStatus) |
| | | // 获取字典 |
| | | function getDictList() { |
| | | return getDictionaryByCode('appInnovationStatus').then(res => { |
| | | dictObj.value = res.data.data |
| | | |
| | | }) |
| | | } |
| | | |
| | | |
| | | // 获取列表 |
| | | async function getList() { |
| | |
| | | |
| | | // 新增/编辑/查看 弹框 |
| | | function openForm(mode, row) { |
| | | innovationDetailsStatus.value = row?.innovationStatus |
| | | dialogVisible.value = true |
| | | nextTick(() => { |
| | | dialogRef.value?.open({ mode, row }) |
| | |
| | | }) |
| | | </script> |
| | | <style scoped lang="scss"></style> |
| | | |