Skip to content

E
exhibition_backstage
提交 b55ed24e authored 作者: 龙菲's avatar 龙菲
浏览文件
操作

修改批量上传逻辑；审核增加审批意见、增加展览基本详情展示

上级 00636e6f
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 395 行增加 和 304 行删除
src/components/DictText/index.vue 0 → 100644
浏览文件 @ b55ed24e
<template>
<span>
<el-tag v-if="showTag" :type="tagType">{{ dictText }}</el-tag>
<span v-else>{{ dictText }}</span>
</span>
</template>
<script>
import { mapGetters } from "vuex";
export default {
props: {
// 字典名称，必填
name: {
type: String,
default: "",
require: true,
},
// 字典值，必填
dictValue: {
type: String,
default: "",
require: true,
},
// 是否要展示为tag
showTag: {
type: Boolean,
default: false,
},
// 标签类别，非必填
tagType: {
type: String,
default: "primary",
},
},
computed: {
...mapGetters(["dicts"]),
},
data() {
return {
dictText: "", //最终翻译显示的文本
};
},
async created() {
const { name, dictValue } = this;
await this.$store.dispatch("dict/getDictList", [name]);
this.dictText = this.dicts[name][dictValue];
},
};
</script>
<style scoped lang="scss"></style>
src/components/Table/TablePage.vue
浏览文件 @ b55ed24e
...@@ -48,7 +48,6 @@ ...@@ -48,7 +48,6 @@
<template v-else-if="item.prop == 'checkStatus'"> <template v-else-if="item.prop == 'checkStatus'">
<slot name="checkStatus" :scope="scope.row"></slot> <slot name="checkStatus" :scope="scope.row"></slot>
</template> </template>
<template v-else-if="item.prop == 'years'"> <template v-else-if="item.prop == 'years'">
<slot name="years" :scope="scope.row"></slot> <slot name="years" :scope="scope.row"></slot>
</template> </template>
......
src/components/TextShow/index.vue 0 → 100644
浏览文件 @ b55ed24e
<template>
<!-- 有些富文本可能是白色，需要统一修改 -->
<span v-html="richText" class="rich-text"></span>
</template>
<script>
export default {
props: {
richText: {
type: String,
default: "",
},
},
};
</script>
<style lang="scss">
.rich-text p {
color: #333 !important;
}
</style>
src/components/Viewer3d/index.vue
浏览文件 @ b55ed24e
...@@ -41,7 +41,7 @@ export default { ...@@ -41,7 +41,7 @@ export default {
.online_3d_viewer { .online_3d_viewer {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 300px; min-height: 600px;
min-width: 300px; min-width: 300px;
} }
</style> </style>
src/components/index.js 0 → 100644
浏览文件 @ b55ed24e
import DictText from './DictText/index.vue'//字典文字显示
import TextShow from './TextShow/index.vue'//富文本文字显示
export default {
install(Vue) {
//注册全局组件
Vue.component('DictText', DictText)
Vue.component('TextShow', TextShow)
}
}
\ No newline at end of file
src/contants/display.js
浏览文件 @ b55ed24e
// 关于展览的常量 // 关于展览的常量
export const THEME_TYPE = { export const THEME_TYPE = {
NORMAL_STYLE: { NORMAL_STYLE: {
value: '1', value: '1',
......
src/contants/index.js 0 → 100644
浏览文件 @ b55ed24e
export const SOURCE_TYPE = {
展览: 'biz_exhibition',
文物: 'biz_cultural_relic'
}
\ No newline at end of file
src/main.js
浏览文件 @ b55ed24e
import Vue from 'vue' import Vue from 'vue'
import 'normalize.css/normalize.css' // A modern alternative to CSS resets import 'normalize.css/normalize.css' // A modern alternative to CSS resets
import ElementUI from 'element-ui' import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' import 'element-ui/lib/theme-chalk/index.css'
import '@/styles/index.scss' // global css import '@/styles/index.scss' // global css
import App from './App' import App from './App'
import store from './store' import store from './store'
import router from './router' import router from './router'
import '@/icons' // icon import '@/icons' // icon
import '@/permission' // permission control import '@/permission' // permission control
import VideoPlayer from 'vue-video-player' import VideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css' import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css' import 'vue-video-player/src/custom-theme.css'
import { import {
getFullUrl getFullUrl
} from '@/utils/index' } from '@/utils/index'
import { file } from '@/utils/file' import { file } from '@/utils/file'
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import Components from '@/components'
Vue.use(VideoPlayer) Vue.use(Components)
Vue.prototype.$getFullUrl = getFullUrl Vue.prototype.$getFullUrl = getFullUrl
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts
Vue.prototype.$file = file Vue.prototype.$file = file
Vue.use(ElementUI) Vue.use(ElementUI)
Vue.use(VideoPlayer)
Vue.config.productionTip = false Vue.config.productionTip = false
......
src/views/culturalRelic/components/UploadListDialog.vue deleted 100644 → 0
浏览文件 @ 00636e6f
<template>
<el-dialog
:visible="dialogVisible"
width="60%"
style="height: 98%"
:before-close="handleClose"
top="5vh"
lock-scroll
>
<div class="title" slot="title">
<div class="divider"></div>
<span class="label">上传列表</span>
<span class="tips">
<i class="el-icon-info"></i
>提示：上传过程中请勿关闭此弹窗或刷新页面等操作
</span>
</div>
<div class="upload-progress">
<el-table :data="filesList" fit>
<el-table-column prop="name" label="文件名"> </el-table-column>
<el-table-column prop="size" label="文件大小">
<template slot-scope="scope">
{{ getSize(scope.row.size) }}
</template>
</el-table-column>
<el-table-column prop="progress" label="进度" width="300">
<template slot-scope="scope">
<el-progress
:percentage="scope.row.percent"
v-if="!isNaN(parseInt(scope.row.percent))"
:status="scope.row.status"
></el-progress>
</template>
</el-table-column>
<el-table-column prop="operation" label="操作" width="100">
<template slot-scope="scope">
<el-button
type="text"
size="mini"
icon="el-icon-circle-close"
@click.native="handleCancel(scope.$index)"
v-if="scope.row.status == null"
></el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="dialog-footer">
<el-button type="primary" size="mini" @click.native="handleClose">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
import TablePage from "@/components/Table/TablePage";
export default {
name: "UploadListDialog",
components: {
TablePage,
},
props: {
visible: {
type: Boolean,
default: false,
},
filesList: {
type: Array,
default: () => [],
},
},
watch: {
visible: {
handler: function (value) {
this.dialogVisible = value;
},
deep: true,
immediate: true,
},
filesList(value) {
// console.log("value", value);
},
},
data() {
return {
dialogVisible: false,
isUpLoading: false,
percentState: 0,
list: {
records: [],
current: 1,
size: 10,
},
progressStatus: null,
};
},
computed: {
getSize(size) {
return (size) => {
return (size / 1024 / 1024).toFixed(2) + "M"; //1M=1024Kb=1024*1024byte
};
},
},
mounted() {
// this.loadData();
},
methods: {
// 取消编辑
cancelForm() {
this.handleClose();
},
handleCancel(index) {
this.$emit("handleCancel", index);
},
handleClose() {
this.$emit("handleClose");
},
},
};
</script>
<style lang='scss' scoped>
.title {
display: flex;
align-items: center;
.divider {
width: 8px;
height: 16px;
border-left: 4px solid #409eff;
margin-right: 8px;
}
.label {
font-weight: bold;
}
.tips{
font-size: 14px;
color: #666;
margin-left: 10px;
}
}
.dialog-content {
padding: 0 32px;
display: flex;
flex-direction: column;
.upload-area {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 30px;
}
.upload-progress {
margin-bottom: 30px;
}
.upload-records {
margin-bottom: 30px;
}
}
.dialog-footer {
margin-top: 30px;
display: flex;
justify-content: flex-end;
}
.el-dialog__body {
padding: 0 20px 30px 20px;
}
</style>
\ No newline at end of file
src/views/culturalRelic/components/View3dDialog.vue
浏览文件 @ b55ed24e
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<el-dialog <el-dialog
:visible="visible" :visible="visible"
width="70%" width="70%"
style="height: 50vh" style="height: 80vh"
:before-close="handleClose" :before-close="handleClose"
top="5vh" top="5vh"
lock-scroll lock-scroll
......
src/views/culturalRelic/config.js
浏览文件 @ b55ed24e
export const title = [{ export const passedTitle = [{
prop: "name",
label: "名称",
columnAlign: 'center',
showOverFlowToolTip: true,
},
// {
// prop: "level",
// label: "文物级别",
// columnAlign: 'center',
// },
// {
// prop: "detailSize",
// label: "尺寸",
// columnAlign: 'center',
// },
// {
// prop: "textureType",
// label: "质地",
// columnAlign: 'center',
// },
// {
// prop: "type",
// label: "类别",
// width: 100,
// columnAlign: 'center',
// isCulturalRelicType:true
// },
// {
// prop: "createId",
// label: "创建人",
// columnAlign: 'center',
// },
// {
// prop: "createTime",
// label: "创建时间",
// columnAlign: 'center',
// },
{
prop: "deptName",
label: "馆藏单位",
columnAlign: 'center',
showOverFlowToolTip: true,
},
// {
// prop: "regionName",
// label: "所属地",
// columnAlign: 'center',
// showOverFlowToolTip: true,
// },
// {
// prop: "intro",
// label: "馆藏介绍",
// columnAlign: 'center',
// showOverFlowToolTip: true,
// width: 120,
// },
// {
// prop: "themeWord",
// label: "主题词",
// columnAlign: 'center',
// showOverFlowToolTip: true,
// },
{
prop: "faceImageUrl",
label: "封面",
columnAlign: 'center',
isFaceImage: true,
},
{
prop: "status",
label: "上下架状态",
width: 100,
columnAlign: 'center',
isStatus: true
},
// {
// prop: "num",
// label: "数量",
// columnAlign: 'center',
// },
{
prop: "loveCount",
label: "点赞量",
columnAlign: 'center',
sortable: true
},
{
prop: "collectCount",
label: "收藏量",
columnAlign: 'center', sortable: true
},
{
prop: "browseCount",
label: "浏览量",
columnAlign: 'center', sortable: true
},
{
prop: "sourceWay",
label: "来源方式",
columnAlign: 'center',
showOverFlowToolTip: true,
},
{
prop: "checkStatus",
label: "审核状态",
columnAlign: 'center',
},
{
prop: "checkRemark",
label: "审核意见",
columnAlign: 'center',
showOverFlowToolTip: true,
},
{
prop: "remark",
label: "备注",
columnAlign: 'center',
},
// directory 文件夹
// flag3d 是否有3d图片
// updateId 更新人
]
export const unPassedTitle = [{
prop: "name", prop: "name",
label: "名称", label: "名称",
columnAlign: 'center', columnAlign: 'center',
......
src/views/displayApproval/components/PreviewDialog.vue
浏览文件 @ b55ed24e
<template> <template>
<el-dialog <el-dialog
:visible.sync="visible" :visible.sync="visible"
fullscreen top="3vh"
:before-close="handleClose" :before-close="handleClose"
lock-scroll lock-scroll
> >
...@@ -17,14 +17,18 @@ ...@@ -17,14 +17,18 @@
:label="item" :label="item"
:name="item" :name="item"
> >
<ApprovalInfo :info="aprrovalInfo" v-if="item == '审批详情'" /> <ApprovalInfo
:info="aprrovalInfo"
:isShowApprovalForm="prviewType == 'approval'"
v-if="item == '流程详情'"
/>
<CulturalRelicBaseInfo <CulturalRelicBaseInfo
:info="culturalRelicBaseInfo" :info="culturalRelicBaseInfo"
v-if="item == '文物基本信息'" v-if="item == '文物基本信息'"
/> />
<CulturalRelicTable :crList="crList" v-if="item == '文物列表'" /> <CulturalRelicTable :crList="crList" v-if="item == '文物列表'" />
<DisplayBaseInfo :info="displayInfo" v-if="item == '展览基本信息'" /> <DisplayBaseInfo :info="displayInfo" v-if="item == '展览基本信息'" />
<DisplayRender :info="displayInfo" v-if="item == '展览基本信息'" /> <DisplayRender :info="displayInfo" v-if="item == '效果预览'" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
...@@ -37,6 +41,7 @@ import CulturalRelicBaseInfo from "./culturalRelic/CulturalRelicInfo.vue"; ...@@ -37,6 +41,7 @@ import CulturalRelicBaseInfo from "./culturalRelic/CulturalRelicInfo.vue";
import CulturalRelicTable from "./culturalRelic/CulturalRelicTable.vue"; import CulturalRelicTable from "./culturalRelic/CulturalRelicTable.vue";
import DisplayBaseInfo from "./display/DisplayBaseInfo.vue"; import DisplayBaseInfo from "./display/DisplayBaseInfo.vue";
import ApprovalInfo from "./approval/ApprovalInfo.vue"; import ApprovalInfo from "./approval/ApprovalInfo.vue";
import DisplayRender from "./display/DisplayRender.vue";
import { cr, crList, display } from "../mock"; import { cr, crList, display } from "../mock";
export default { export default {
name: "PreviewDialog", name: "PreviewDialog",
...@@ -44,7 +49,8 @@ export default { ...@@ -44,7 +49,8 @@ export default {
CulturalRelicBaseInfo, CulturalRelicBaseInfo,
CulturalRelicTable, CulturalRelicTable,
ApprovalInfo, ApprovalInfo,
DisplayBaseInfo DisplayBaseInfo,
DisplayRender,
}, },
props: { props: {
// 预览类型，view or approval // 预览类型，view or approval
...@@ -60,7 +66,7 @@ export default { ...@@ -60,7 +66,7 @@ export default {
computed: { computed: {
...mapGetters(["dicts"]), ...mapGetters(["dicts"]),
tabs() { tabs() {
const tabs = ["审批详情"]; const tabs = ["流程详情"];
const { sourceType, addWay } = this.aprrovalInfo; const { sourceType, addWay } = this.aprrovalInfo;
switch (sourceType) { switch (sourceType) {
case "展览": case "展览":
...@@ -80,7 +86,7 @@ export default { ...@@ -80,7 +86,7 @@ export default {
data() { data() {
return { return {
visible: false, visible: false,
activeName: "审批详情", activeName: "流程详情",
culturalRelicBaseInfo: cr, //单个文物的信息 culturalRelicBaseInfo: cr, //单个文物的信息
crList, crList,
displayInfo: display, displayInfo: display,
...@@ -89,9 +95,15 @@ export default { ...@@ -89,9 +95,15 @@ export default {
methods: { methods: {
handleClose(done) { handleClose(done) {
this.visible = false; this.visible = false;
this.activeName = "流程详情";
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
::v-deep .el-tabs__content {
max-height: 60vh;
overflow: auto;
}
</style>
src/views/displayApproval/components/approval/ApprovalForm.vue
浏览文件 @ b55ed24e
<template> <template>
<div> <div class="approval-form">
<!-- 审批表单 --> <!-- 审批表单 -->
<el-button <el-form
size="mini" size="mini"
@click.native="handleCancel" :model="dialogForm"
style="margin-right: 6px" prop="remark"
>取消</el-button :rules="rules"
ref="form"
> >
<el-popover <el-form-item label="审批意见：">
placement="top-end" <el-radio-group
width="400" v-model="checkStatus"
trigger="manual"
v-model="popoverVisible"
>
<div>
<el-form
size="mini" size="mini"
:model="dialogForm" style="margin-bottom: 20px"
prop="remark"
:rules="rules"
ref="form"
> >
<el-form-item label="驳回意见" prop="remark"> <el-radio :label="1" border>同意</el-radio>
<el-input <el-radio :label="-2" border>驳回</el-radio>
type="textarea" </el-radio-group>
placeholder="驳回意见" </el-form-item>
v-model="dialogForm.remark" <el-form-item label="驳回意见：" prop="remark" v-if="checkStatus == -2">
size="mini" <el-input
:rows="4" type="textarea"
> placeholder="驳回意见"
</el-input> v-model="dialogForm.remark"
<el-button size="mini"
size="mini" :rows="4"
type="primary" >
style="float: right; margin-top: 16px" </el-input>
@click.native="handleCheck(-2)" </el-form-item>
>确定</el-button <el-form-item>
> <el-button
</el-form-item> size="mini"
</el-form> style="margin:0; width: 100%"
</div> type="primary"
<el-button icon="el-icon-check"
size="mini" @click.native="handleCheck"
slot="reference" >确定</el-button
type="danger" >
icon="el-icon-close" </el-form-item>
@click.native="handleShowPopover" </el-form>
>驳回</el-button
>
</el-popover>
<el-button
size="mini"
style="margin-left: 6px"
type="primary"
icon="el-icon-check"
@click.native="handleCheck(1)"
>同意</el-button
>
</div> </div>
</template> </template>
...@@ -64,6 +46,10 @@ ...@@ -64,6 +46,10 @@
export default { export default {
data() { data() {
return { return {
checkStatus: 1,
dialogForm: {
remark: "", //驳回意见
},
rules: { rules: {
remark: [ remark: [
{ {
...@@ -76,7 +62,8 @@ export default { ...@@ -76,7 +62,8 @@ export default {
}; };
}, },
methods: { methods: {
async handleCheck(checkStatus) { async handleCheck() {
const { checkStatus } = this;
if (checkStatus == -2) { if (checkStatus == -2) {
this.$refs.form.validate(async (valid) => { this.$refs.form.validate(async (valid) => {
if (valid) { if (valid) {
...@@ -123,4 +110,4 @@ export default { ...@@ -123,4 +110,4 @@ export default {
}; };
</script> </script>
<style></style> <style lang="scss" scoped></style>
src/views/displayApproval/components/approval/ApprovalInfo.vue
浏览文件 @ b55ed24e
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<!-- 审核的基本信息 --> <!-- 审核的基本信息 -->
<div> <div>
<el-card class="card" shadow="hover"> <el-card class="card" shadow="hover">
<el-descriptions title="审核基本详情"> <el-descriptions title="流程基本信息">
<el-descriptions-item <el-descriptions-item
:label="item.label" :label="item.label"
v-for="(item, index) in approvleTableTitle" v-for="(item, index) in approvleTableTitle"
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
> >
</el-descriptions> </el-descriptions>
</el-card> </el-card>
<el-card shadow="hover"> <el-card shadow="hover" class="card">
<h3>审核流程</h3> <h3>详细流程节点</h3>
<el-steps :active="historyChecks.length"> <el-steps :active="historyChecks.length">
<el-step <el-step
v-for="(item, index) in historyChecks" v-for="(item, index) in historyChecks"
...@@ -28,20 +28,33 @@ ...@@ -28,20 +28,33 @@
</el-step> </el-step>
</el-steps> </el-steps>
</el-card> </el-card>
<el-card v-if="isShowApprovalForm">
<h3>请审批</h3>
<ApprovalForm />
</el-card>
</div> </div>
</template> </template>
<script> <script>
import { approvleTableTitle } from "../../config"; import { approvleTableTitle } from "../../config";
import { historyChecks } from "../../mock"; import { historyChecks } from "../../mock";
import ApprovalForm from "./ApprovalForm.vue";
export default { export default {
name: "AprrovalInfo", name: "AprrovalInfo",
components: {
ApprovalForm,
},
props: { props: {
// 审核的信息 // 审核的信息
info: { info: {
type: Object, type: Object,
default: () => ({}), default: () => ({}),
}, },
// 是否展示审核的表单
isShowApprovalForm: {
type: Boolean,
default: false,
},
}, },
computed: { computed: {
getStepTitle(item) { getStepTitle(item) {
......
src/views/displayApproval/components/culturalRelic/CulturalRelicInfo.vue
浏览文件 @ b55ed24e
...@@ -13,15 +13,17 @@ ...@@ -13,15 +13,17 @@
v-if="item.prop == 'faceImagePressUrl'" v-if="item.prop == 'faceImagePressUrl'"
:src="info['faceImagePressUrl']" :src="info['faceImagePressUrl']"
fit="contain" fit="contain"
:preview-src-list="[info['faceImageUrl']]"
> >
</el-image> </el-image>
<div v-else-if="item.prop == 'imagesVo'"> <div v-else-if="item.prop == 'imagesVo' && info.imagesVo.length > 0">
<el-image <el-image
v-for="(v, i) in info['imagesVo']" v-for="(v, i) in info['imagesVo']"
:key="i" :key="i"
class="image" class="image"
:src="v.pressUrl" :src="v.pressUrl"
fit="contain" fit="contain"
:preview-src-list="imgsList"
> >
</el-image> </el-image>
</div> </div>
...@@ -48,7 +50,7 @@ ...@@ -48,7 +50,7 @@
<el-table-column prop="source" label="来源"></el-table-column> <el-table-column prop="source" label="来源"></el-table-column>
<el-table-column prop="source" label="操作"> <el-table-column prop="source" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type='text'>预览</el-button> <el-button type="text">预览</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -76,6 +78,14 @@ export default { ...@@ -76,6 +78,14 @@ export default {
default: () => ({}), default: () => ({}),
}, },
}, },
computed: {
// 大图预览的
imgsList() {
return this.info.imagesVo.map((item) => {
return item.url;
});
},
},
data() { data() {
return { return {
crTabletitle, crTabletitle,
...@@ -101,8 +111,8 @@ export default { ...@@ -101,8 +111,8 @@ export default {
border-radius: 4px; border-radius: 4px;
} }
.video { .video {
width: 200px; width: 400px;
height: 200px; height: 400px;
border: 1px solid #dadada; border: 1px solid #dadada;
border-radius: 4px; border-radius: 4px;
} }
......
src/views/displayApproval/components/culturalRelic/CulturalRelicTable.vue
浏览文件 @ b55ed24e
...@@ -10,9 +10,7 @@ ...@@ -10,9 +10,7 @@
</template> </template>
<template v-slot:faceImagePressUrl="data"> <template v-slot:faceImagePressUrl="data">
<img <img
:src=" :src="$getFullUrl(data.scope.faceImagePressUrl)"
$getFullUrl(data.scope.faceImagePressUrl)
"
alt="暂无图片" alt="暂无图片"
style=" style="
cursor: pointer; cursor: pointer;
......
src/views/displayApproval/components/display/DisplayBaseInfo.vue
浏览文件 @ b55ed24e
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<!-- 文物基本信息 --> <!-- 文物基本信息 -->
<div> <div>
<el-card shadow="hover"> <el-card shadow="hover">
<el-descriptions title="文物基本详情" :column="1" labelClassName="label"> <el-descriptions title="展览基本详情" :column="1" labelClassName="label">
<el-descriptions-item <el-descriptions-item
:label="item.label" :label="item.label"
v-for="(item, index) in displayTabletitle" v-for="(item, index) in displayTabletitle"
...@@ -13,47 +13,67 @@ ...@@ -13,47 +13,67 @@
v-if="item.prop == 'faceImagePressUrl'" v-if="item.prop == 'faceImagePressUrl'"
:src="info['faceImagePressUrl']" :src="info['faceImagePressUrl']"
fit="contain" fit="contain"
:preview-src-list="[info['faceImageUrl']]"
> >
</el-image> </el-image>
<div v-else-if="item.prop == 'imagesVo'"> <div v-else-if="item.prop == 'imagesVo'">
<el-image <div v-if="info['imagesVo'].length > 0">
v-for="(v, i) in info['imagesVo']" <el-image
:key="i" v-for="(v, i) in info['imagesVo']"
class="image" :key="i"
:src="v.pressUrl" class="image"
fit="contain" :src="v.pressUrl"
> fit="contain"
</el-image> :preview-src-list="imgsList"
>
</el-image>
</div>
<span v-else>暂无音频</span>
</div> </div>
<div v-else-if="item.prop == 'videosVo'"> <div v-else-if="item.prop == 'videosVo'">
<VideoPlayer <div v-if="info['videosVo'].length > 0">
class="video" <VideoPlayer
v-for="(v, i) in info['videosVo']" class="video"
:key="i" v-for="(v, i) in info['videosVo']"
:src="v.url" :key="i"
/> :src="v.url"
/>
</div>
<span v-else>暂无音频</span>
</div> </div>
<div v-else-if="item.prop == 'audiosVo'"> <div v-else-if="item.prop == 'audiosVo'">
<AudioPlayer <div v-if="info['audiosVo'].length > 0">
v-for="(v, i) in info['audiosVo']" <AudioPlayer
:key="i" v-for="(v, i) in info['audiosVo']"
:url="v.url" :key="i"
ref="AudioPlayer" :url="v.url"
/> ref="AudioPlayer"
/>
</div>
<span v-else>暂无音频</span>
</div> </div>
<div v-else-if="item.prop == 'literatureVo'"> <div v-else-if="item.prop == 'literatureVo'">
<el-table stripe border :data="info['literatureVo']"> <div v-if="info['literatureVo'].length > 0">
<el-table-column prop="name" label="名称"></el-table-column> <el-table stripe border :data="info['literatureVo']">
<el-table-column prop="authors" label="作者"></el-table-column> <el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="source" label="来源"></el-table-column> <el-table-column prop="authors" label="作者"></el-table-column>
<el-table-column prop="source" label="操作"> <el-table-column prop="source" label="来源"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="source" label="操作">
<el-button type='text'>预览</el-button> <template slot-scope="scope">
</template> <el-button type="text">预览</el-button>
</el-table-column> </template>
</el-table> </el-table-column>
</el-table>
</div>
<span v-else>暂无文献</span>
</div>
<TextShow
v-else-if="item.prop === 'intro'"
:richText="info['intro']"
></TextShow>
<div v-else-if="item.prop === 'type'">
<DictText name="displayType" :dictValue="info['type']" />
</div> </div>
<div v-else-if="item.prop === 'intro'" v-html="info['intro']"></div>
<span v-else>{{ info[item.prop] || "无" }}</span> <span v-else>{{ info[item.prop] || "无" }}</span>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
...@@ -76,6 +96,14 @@ export default { ...@@ -76,6 +96,14 @@ export default {
default: () => ({}), default: () => ({}),
}, },
}, },
computed: {
// 大图预览的数组
imgsList() {
return this.info.imagesVo.map((item) => {
return item.url;
});
},
},
data() { data() {
return { return {
displayTabletitle, displayTabletitle,
...@@ -101,8 +129,8 @@ export default { ...@@ -101,8 +129,8 @@ export default {
border-radius: 4px; border-radius: 4px;
} }
.video { .video {
width: 200px; width: 400px;
height: 200px; height: 400px;
border: 1px solid #dadada; border: 1px solid #dadada;
border-radius: 4px; border-radius: 4px;
} }
......
src/views/displayApproval/components/display/DisplayRender.vue
浏览文件 @ b55ed24e
<template> <template>
<!-- 展览效果预览图 --> <!-- 展览效果预览图 -->
<div class="container" v-if="dicts && Object.keys(displayDetail).length > 0"> <div class="container">
<NavBar /> <NavBar />
<NormalStyle <NormalStyle
v-if="displayDetail.themeType == NORMAL_STYLE.value" v-if="info.themeType == NORMAL_STYLE.value"
:displayDetail="displayDetail" :displayDetail="info"
:dicts="dicts" :dicts="dicts"
/> />
<ChStyle <ChStyle
v-if="displayDetail.themeType == CH_STYLE.value" v-if="info.themeType == CH_STYLE.value"
:displayDetail="displayDetail" :displayDetail="info"
:dicts="dicts" :dicts="dicts"
/> />
<RedStyle <RedStyle
v-if="displayDetail.themeType == RED_STYLE.value" v-if="info.themeType == RED_STYLE.value"
:displayDetail="displayDetail" :displayDetail="info"
:dicts="dicts" :dicts="dicts"
/> />
<Footer /> <Footer />
......
src/views/displayApproval/config.js
浏览文件 @ b55ed24e
...@@ -216,13 +216,13 @@ export const crTabletitle = [{ ...@@ -216,13 +216,13 @@ export const crTabletitle = [{
columnAlign: 'center', columnAlign: 'center',
isFaceImage: true, isFaceImage: true,
}, },
{ // {
prop: "statusLabel", // prop: "statusLabel",
label: "上下架状态", // label: "上下架状态",
width: 100, // width: 100,
columnAlign: 'center', // columnAlign: 'center',
isStatus: true // isStatus: true
}, // },
{ {
prop: "num", prop: "num",
label: "数量", label: "数量",
......
src/views/displayApproval/mock.js
浏览文件 @ b55ed24e
...@@ -198,7 +198,7 @@ export const cr = { ...@@ -198,7 +198,7 @@ export const cr = {
"yearsLabel": "隐生代" "yearsLabel": "隐生代"
} }
// 批量文物信息 // 批量文物信息(未对一些字典进行翻译)
export const crList = { export const crList = {
size: 10, size: 10,
current: 1, current: 1,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论