feat(信息模版页面中情报板类型尺寸信息连表查询):

This commit is contained in:
fuhao 2024-09-06 09:28:52 +08:00
parent ab97c58f74
commit 5d0b4abbd8
No known key found for this signature in database
1 changed files with 18 additions and 10 deletions

View File

@ -63,7 +63,7 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一编号" align="center" prop="id" /> <el-table-column label="唯一编号" align="center" prop="id" />
<el-table-column label="内容模版名称" align="center" prop="name" /> <el-table-column label="内容模版名称" align="center" prop="name" />
<el-table-column label="情报板尺寸" align="center" prop="boardSize" /> <el-table-column label="情报板尺寸" align="center" prop="boardSizeTypeName" />
<el-table-column label="信息类型" align="center" prop="typeName" /> <el-table-column label="信息类型" align="center" prop="typeName" />
<el-table-column label="预置内容" align="center" prop="content" /> <el-table-column label="预置内容" align="center" prop="content" />
<el-table-column label="播放时间" align="center" prop="playTime" /> <el-table-column label="播放时间" align="center" prop="playTime" />
@ -109,15 +109,15 @@
:props="{lable: 'lable', value: 'id', expandTrigger:'hover', emitPath: false}" :props="{lable: 'lable', value: 'id', expandTrigger:'hover', emitPath: false}"
/> />
</el-form-item> </el-form-item>
<el-form-item label="情报板尺寸" prop="boardSize"> <el-form-item label="情报板尺寸" prop="boardSizeType">
<el-select <el-select
v-model="form.boardSize" v-model="form.boardSizeType"
placeholder="请选择情报板尺寸"> placeholder="请选择">
<el-option <el-option
v-for="dict in dict.type.board_size" v-for="dict in this.boardTypeOptions"
:key="dict.value" :key="dict.id"
:label="dict.label + ' ' + dict.value" :label="dict.name"
:value="dict.value" :value="dict.id"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -190,6 +190,7 @@
import { listContent, getContent, delContent, addContent, updateContent } from "@/api/board/content"; import { listContent, getContent, delContent, addContent, updateContent } from "@/api/board/content";
import TextPreview from "@/views/board/component/TextPreview.vue"; import TextPreview from "@/views/board/component/TextPreview.vue";
import {planTypeTreeSelect} from "@/api/board/plantype"; import {planTypeTreeSelect} from "@/api/board/plantype";
import {listBoardType} from "@/api/board/boardtype";
export default { export default {
name: "Content", name: "Content",
@ -216,12 +217,12 @@ export default {
// //
open: false, open: false,
planTypeOptions: [], planTypeOptions: [],
boardTypeOptions: [],
// //
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
name: null, name: null,
boardSize: null,
infoType: null, infoType: null,
content: null, content: null,
previewPath: null, previewPath: null,
@ -241,7 +242,7 @@ export default {
name: [ name: [
{ required: true, message: "预置信息名称不能为空", trigger: "blur" } { required: true, message: "预置信息名称不能为空", trigger: "blur" }
], ],
boardSize: [ boardSizeType: [
{ required: true, message: "情报板尺寸不能为空", trigger: "blur" } { required: true, message: "情报板尺寸不能为空", trigger: "blur" }
], ],
infoType: [ infoType: [
@ -298,6 +299,7 @@ export default {
created() { created() {
this.getList(); this.getList();
this.getPlanTypeTree(); this.getPlanTypeTree();
this.getBoardTypeList();
}, },
computed:{ computed:{
bgSize() { bgSize() {
@ -422,6 +424,12 @@ export default {
this.planTypeOptions = response.data; this.planTypeOptions = response.data;
}); });
}, },
/** 查询情报板类型定义 */
getBoardTypeList() {
listBoardType().then(response => {
this.boardTypeOptions = response.rows;
});
},
} }
}; };
</script> </script>