|
|
@@ -2,63 +2,71 @@
|
|
|
<com-head :options="options" v-model="currentTypeId" notContent v-if="options.length" />
|
|
|
|
|
|
<div class="body-layer">
|
|
|
- <div class="body-head">
|
|
|
- <h3 style="visibility: hidden">场景管理</h3>
|
|
|
- <div>
|
|
|
- <template v-if="isDraw">
|
|
|
- <el-button type="primary" @click="gotoDraw(BoardType.map, -1)">
|
|
|
- 创建{{ BoardTypeDesc[BoardType.map] }}
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="gotoDraw(BoardType.scene, -1)">
|
|
|
- 创建{{ BoardTypeDesc[BoardType.scene] }}
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- <el-button type="primary" @click="addCaseFileHandler"> 上传 </el-button>
|
|
|
+ <template v-if="currentTypeId === 2">
|
|
|
+ <Photos :caseId="caseId" />
|
|
|
+ </template>
|
|
|
+ <template v-else-if="currentTypeId === 3">
|
|
|
+ <Records :caseId="caseId" />
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="body-head">
|
|
|
+ <h3 style="visibility: hidden">场景管理</h3>
|
|
|
+ <div>
|
|
|
+ <template v-if="isDraw">
|
|
|
+ <el-button type="primary" @click="gotoDraw(BoardType.map, -1)">
|
|
|
+ 创建{{ BoardTypeDesc[BoardType.map] }}
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" @click="gotoDraw(BoardType.scene, -1)">
|
|
|
+ 创建{{ BoardTypeDesc[BoardType.scene] }}
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <el-button type="primary" @click="addCaseFileHandler"> 上传 </el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <el-table :data="files" tooltip-effect="dark" style="width: 100%" size="large">
|
|
|
- <el-table-column label="序号" width="70" v-slot:default="{ $index }">
|
|
|
- <div style="text-align: center">
|
|
|
- {{ $index + 1 }}
|
|
|
- </div>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="名称" v-slot:default="{ row }: { row: CaseFile }">
|
|
|
- <span v-if="!inputCaseTitles.includes(row)">
|
|
|
- {{ row.filesTitle }}
|
|
|
- <el-icon class="edit-title" @click="inputCaseTitles.push(row)">
|
|
|
- <EditPen />
|
|
|
- </el-icon>
|
|
|
- </span>
|
|
|
- <template v-else>
|
|
|
- <ElInput
|
|
|
- v-model="row.filesTitle"
|
|
|
- placeholder="请输入文件名"
|
|
|
- focus
|
|
|
- :maxlength="50"
|
|
|
- style="width: 280px"
|
|
|
+ <el-table :data="files" tooltip-effect="dark" style="width: 100%" size="large">
|
|
|
+ <el-table-column label="序号" width="70" v-slot:default="{ $index }">
|
|
|
+ <div style="text-align: center">
|
|
|
+ {{ $index + 1 }}
|
|
|
+ </div>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="名称" v-slot:default="{ row }: { row: CaseFile }">
|
|
|
+ <span v-if="!inputCaseTitles.includes(row)">
|
|
|
+ {{ row.filesTitle }}
|
|
|
+ <el-icon class="edit-title" @click="inputCaseTitles.push(row)">
|
|
|
+ <EditPen />
|
|
|
+ </el-icon>
|
|
|
+ </span>
|
|
|
+ <template v-else>
|
|
|
+ <ElInput
|
|
|
+ v-model="row.filesTitle"
|
|
|
+ placeholder="请输入文件名"
|
|
|
+ focus
|
|
|
+ :maxlength="50"
|
|
|
+ style="width: 280px"
|
|
|
+ >
|
|
|
+ <template #append>
|
|
|
+ <el-button type="primary" plain @click="updateFileTitle(row)">
|
|
|
+ 确定
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </ElInput>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="创建时间" prop="createTime"></el-table-column>
|
|
|
+ <el-table-column label="操作" v-slot:default="{ row }: { row: CaseFile }">
|
|
|
+ <span class="oper-span" @click="query(row)"> 查看 </span>
|
|
|
+ <span
|
|
|
+ class="oper-span"
|
|
|
+ @click="gotoDraw(row.imgType!, row.filesId)"
|
|
|
+ v-if="row.imgType !== null"
|
|
|
>
|
|
|
- <template #append>
|
|
|
- <el-button type="primary" plain @click="updateFileTitle(row)">
|
|
|
- 确定
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </ElInput>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="创建时间" prop="createTime"></el-table-column>
|
|
|
- <el-table-column label="操作" v-slot:default="{ row }: { row: CaseFile }">
|
|
|
- <span class="oper-span" @click="query(row)"> 查看 </span>
|
|
|
- <span
|
|
|
- class="oper-span"
|
|
|
- @click="gotoDraw(row.imgType!, row.filesId)"
|
|
|
- v-if="row.imgType !== null"
|
|
|
- >
|
|
|
- 编辑
|
|
|
- </span>
|
|
|
- <span class="oper-span delBtn" @click="del(row)"> 删除 </span>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ 编辑
|
|
|
+ </span>
|
|
|
+ <span class="oper-span delBtn" @click="del(row)"> 删除 </span>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -81,6 +89,8 @@ import {
|
|
|
import { getCaseInfo, updateCaseInfo } from "@/store/case";
|
|
|
import { appConstant } from "@/app";
|
|
|
import { ElIcon, ElInput, ElMessage } from "element-plus";
|
|
|
+import Photos from "./photos/index.vue";
|
|
|
+import Records from "./records/index.vue";
|
|
|
|
|
|
const caseId = computed(() => {
|
|
|
const caseId = router.currentRoute.value.params.caseId;
|
