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

src/components/DictText/index.vue

+<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

@@ -48,7 +48,6 @@
         <template v-else-if="item.prop == 'checkStatus'">
           <slot name="checkStatus" :scope="scope.row"></slot>
         </template>
-
         <template v-else-if="item.prop == 'years'">
           <slot name="years" :scope="scope.row"></slot>
         </template>

src/components/TextShow/index.vue

+<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

@@ -41,7 +41,7 @@ export default {
 .online_3d_viewer {
   width: 100%;
   height: 100%;
-  min-height: 300px;
+  min-height: 600px;
   min-width: 300px;
 }
 </style>

src/components/index.js

+
+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

 
 // 关于展览的常量
+
+
 export const THEME_TYPE = {
     NORMAL_STYLE: {
         value: '1',

src/contants/index.js

+export const SOURCE_TYPE = {
+    展览: 'biz_exhibition',
+    文物: 'biz_cultural_relic'
+}
\ No newline at end of file

src/main.js

 import Vue from 'vue'
 
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
-
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
-
 import '@/styles/index.scss' // global css
-
 import App from './App'
 import store from './store'
 import router from './router'
-
 import '@/icons' // icon
 import '@/permission' // permission control
 import VideoPlayer from 'vue-video-player'
 import 'video.js/dist/video-js.css'
 import 'vue-video-player/src/custom-theme.css'
-
 import {
   getFullUrl
 } from '@/utils/index'
 import { file } from '@/utils/file'
-
 import * as echarts from 'echarts';
+import Components from '@/components'
 
-Vue.use(VideoPlayer)
-
+Vue.use(Components)
 Vue.prototype.$getFullUrl = getFullUrl
 Vue.prototype.$echarts = echarts
 Vue.prototype.$file = file
-
 Vue.use(ElementUI)
-
+Vue.use(VideoPlayer)
 Vue.config.productionTip = false
 
 

src/views/culturalRelic/components/UploadListDialog.vue

-<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

@@ -2,7 +2,7 @@
   <el-dialog
     :visible="visible"
     width="70%"
-    style="height: 50vh"
+    style="height: 80vh"
     :before-close="handleClose"
     top="5vh"
     lock-scroll

src/views/culturalRelic/config.js

-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",
   label: "名称",
   columnAlign: 'center',

src/views/displayApproval/components/PreviewDialog.vue

 <template>
   <el-dialog
     :visible.sync="visible"
-    fullscreen
+    top="3vh"
     :before-close="handleClose"
     lock-scroll
   >
@@ -17,14 +17,18 @@
           :label="item"
           :name="item"
         >
-          <ApprovalInfo :info="aprrovalInfo" v-if="item == '审批详情'" />
+          <ApprovalInfo
+            :info="aprrovalInfo"
+            :isShowApprovalForm="prviewType == 'approval'"
+            v-if="item == '流程详情'"
+          />
           <CulturalRelicBaseInfo
             :info="culturalRelicBaseInfo"
             v-if="item == '文物基本信息'"
           />
           <CulturalRelicTable :crList="crList" 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-tabs>
     </div>
@@ -37,6 +41,7 @@ import CulturalRelicBaseInfo from "./culturalRelic/CulturalRelicInfo.vue";
 import CulturalRelicTable from "./culturalRelic/CulturalRelicTable.vue";
 import DisplayBaseInfo from "./display/DisplayBaseInfo.vue";
 import ApprovalInfo from "./approval/ApprovalInfo.vue";
+import DisplayRender from "./display/DisplayRender.vue";
 import { cr, crList, display } from "../mock";
 export default {
   name: "PreviewDialog",
@@ -44,7 +49,8 @@ export default {
     CulturalRelicBaseInfo,
     CulturalRelicTable,
     ApprovalInfo,
-    DisplayBaseInfo
+    DisplayBaseInfo,
+    DisplayRender,
   },
   props: {
     // 预览类型，view or approval
@@ -60,7 +66,7 @@ export default {
   computed: {
     ...mapGetters(["dicts"]),
     tabs() {
-      const tabs = ["审批详情"];
+      const tabs = ["流程详情"];
       const { sourceType, addWay } = this.aprrovalInfo;
       switch (sourceType) {
         case "展览":
@@ -80,7 +86,7 @@ export default {
   data() {
     return {
       visible: false,
-      activeName: "审批详情",
+      activeName: "流程详情",
       culturalRelicBaseInfo: cr, //单个文物的信息
       crList,
       displayInfo: display,
@@ -89,9 +95,15 @@ export default {
   methods: {
     handleClose(done) {
       this.visible = false;
+      this.activeName = "流程详情";
     },
   },
 };
 </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

 <template>
-  <div>
+  <div class="approval-form">
     <!-- 审批表单 -->
-    <el-button
+    <el-form
       size="mini"
-      @click.native="handleCancel"
-      style="margin-right: 6px"
-      >取消</el-button
+      :model="dialogForm"
+      prop="remark"
+      :rules="rules"
+      ref="form"
     >
-    <el-popover
-      placement="top-end"
-      width="400"
-      trigger="manual"
-      v-model="popoverVisible"
-    >
-      <div>
-        <el-form
+      <el-form-item label="审批意见：">
+        <el-radio-group
+          v-model="checkStatus"
           size="mini"
-          :model="dialogForm"
-          prop="remark"
-          :rules="rules"
-          ref="form"
+          style="margin-bottom: 20px"
         >
-          <el-form-item label="驳回意见" prop="remark">
-            <el-input
-              type="textarea"
-              placeholder="驳回意见"
-              v-model="dialogForm.remark"
-              size="mini"
-              :rows="4"
-            >
-            </el-input>
-            <el-button
-              size="mini"
-              type="primary"
-              style="float: right; margin-top: 16px"
-              @click.native="handleCheck(-2)"
-              >确定</el-button
-            >
-          </el-form-item>
-        </el-form>
-      </div>
-      <el-button
-        size="mini"
-        slot="reference"
-        type="danger"
-        icon="el-icon-close"
-        @click.native="handleShowPopover"
-        >驳回</el-button
-      >
-    </el-popover>
-    <el-button
-      size="mini"
-      style="margin-left: 6px"
-      type="primary"
-      icon="el-icon-check"
-      @click.native="handleCheck(1)"
-      >同意</el-button
-    >
+          <el-radio :label="1" border>同意</el-radio>
+          <el-radio :label="-2" border>驳回</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="驳回意见：" prop="remark" v-if="checkStatus == -2">
+        <el-input
+          type="textarea"
+          placeholder="驳回意见"
+          v-model="dialogForm.remark"
+          size="mini"
+          :rows="4"
+        >
+        </el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          size="mini"
+          style="margin:0; width: 100%"
+          type="primary"
+          icon="el-icon-check"
+          @click.native="handleCheck"
+          >确定</el-button
+        >
+      </el-form-item>
+    </el-form>
   </div>
 </template>
 
@@ -64,6 +46,10 @@
 export default {
   data() {
     return {
+      checkStatus: 1,
+      dialogForm: {
+        remark: "", //驳回意见
+      },
       rules: {
         remark: [
           {
@@ -76,7 +62,8 @@ export default {
     };
   },
   methods: {
-    async handleCheck(checkStatus) {
+    async handleCheck() {
+      const { checkStatus } = this;
       if (checkStatus == -2) {
         this.$refs.form.validate(async (valid) => {
           if (valid) {
@@ -123,4 +110,4 @@ export default {
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped></style>

src/views/displayApproval/components/approval/ApprovalInfo.vue

@@ -2,7 +2,7 @@
   <!-- 审核的基本信息 -->
   <div>
     <el-card class="card" shadow="hover">
-      <el-descriptions title="审核基本详情">
+      <el-descriptions title="流程基本信息">
         <el-descriptions-item
           :label="item.label"
           v-for="(item, index) in approvleTableTitle"
@@ -11,8 +11,8 @@
         >
       </el-descriptions>
     </el-card>
-    <el-card shadow="hover">
-      <h3>审核流程</h3>
+    <el-card shadow="hover" class="card">
+      <h3>详细流程节点</h3>
       <el-steps :active="historyChecks.length">
         <el-step
           v-for="(item, index) in historyChecks"
@@ -28,20 +28,33 @@
         </el-step>
       </el-steps>
     </el-card>
+    <el-card v-if="isShowApprovalForm">
+       <h3>请审批</h3>
+      <ApprovalForm />
+    </el-card>
   </div>
 </template>
 
 <script>
 import { approvleTableTitle } from "../../config";
 import { historyChecks } from "../../mock";
+import ApprovalForm from "./ApprovalForm.vue";
 export default {
   name: "AprrovalInfo",
+  components: {
+    ApprovalForm,
+  },
   props: {
     // 审核的信息
     info: {
       type: Object,
       default: () => ({}),
     },
+    // 是否展示审核的表单
+    isShowApprovalForm: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     getStepTitle(item) {

src/views/displayApproval/components/culturalRelic/CulturalRelicInfo.vue

@@ -13,15 +13,17 @@
             v-if="item.prop == 'faceImagePressUrl'"
             :src="info['faceImagePressUrl']"
             fit="contain"
+            :preview-src-list="[info['faceImageUrl']]"
           >
           </el-image>
-          <div v-else-if="item.prop == 'imagesVo'">
+          <div v-else-if="item.prop == 'imagesVo' && info.imagesVo.length > 0">
             <el-image
               v-for="(v, i) in info['imagesVo']"
               :key="i"
               class="image"
               :src="v.pressUrl"
               fit="contain"
+              :preview-src-list="imgsList"
             >
             </el-image>
           </div>
@@ -48,7 +50,7 @@
               <el-table-column prop="source" label="来源"></el-table-column>
               <el-table-column prop="source" label="操作">
                 <template slot-scope="scope">
-                  <el-button type='text'>预览</el-button>
+                  <el-button type="text">预览</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -76,6 +78,14 @@ export default {
       default: () => ({}),
     },
   },
+  computed: {
+    // 大图预览的
+    imgsList() {
+      return this.info.imagesVo.map((item) => {
+        return item.url;
+      });
+    },
+  },
   data() {
     return {
       crTabletitle,
@@ -101,8 +111,8 @@ export default {
   border-radius: 4px;
 }
 .video {
-  width: 200px;
-  height: 200px;
+  width: 400px;
+  height: 400px;
   border: 1px solid #dadada;
   border-radius: 4px;
 }

src/views/displayApproval/components/culturalRelic/CulturalRelicTable.vue

@@ -10,9 +10,7 @@
       </template>
       <template v-slot:faceImagePressUrl="data">
         <img
-          :src="
-            $getFullUrl(data.scope.faceImagePressUrl)
-          "
+          :src="$getFullUrl(data.scope.faceImagePressUrl)"
           alt="暂无图片"
           style="
             cursor: pointer;

src/views/displayApproval/components/display/DisplayBaseInfo.vue

@@ -2,7 +2,7 @@
   <!-- 文物基本信息 -->
   <div>
     <el-card shadow="hover">
-      <el-descriptions title="文物基本详情" :column="1" labelClassName="label">
+      <el-descriptions title="展览基本详情" :column="1" labelClassName="label">
         <el-descriptions-item
           :label="item.label"
           v-for="(item, index) in displayTabletitle"
@@ -13,47 +13,67 @@
             v-if="item.prop == 'faceImagePressUrl'"
             :src="info['faceImagePressUrl']"
             fit="contain"
+            :preview-src-list="[info['faceImageUrl']]"
           >
           </el-image>
           <div v-else-if="item.prop == 'imagesVo'">
-            <el-image
-              v-for="(v, i) in info['imagesVo']"
-              :key="i"
-              class="image"
-              :src="v.pressUrl"
-              fit="contain"
-            >
-            </el-image>
+            <div v-if="info['imagesVo'].length > 0">
+              <el-image
+                v-for="(v, i) in info['imagesVo']"
+                :key="i"
+                class="image"
+                :src="v.pressUrl"
+                fit="contain"
+                :preview-src-list="imgsList"
+              >
+              </el-image>
+            </div>
+            <span v-else>暂无音频</span>
           </div>
           <div v-else-if="item.prop == 'videosVo'">
-            <VideoPlayer
-              class="video"
-              v-for="(v, i) in info['videosVo']"
-              :key="i"
-              :src="v.url"
-            />
+            <div v-if="info['videosVo'].length > 0">
+              <VideoPlayer
+                class="video"
+                v-for="(v, i) in info['videosVo']"
+                :key="i"
+                :src="v.url"
+              />
+            </div>
+            <span v-else>暂无音频</span>
           </div>
           <div v-else-if="item.prop == 'audiosVo'">
-            <AudioPlayer
-              v-for="(v, i) in info['audiosVo']"
-              :key="i"
-              :url="v.url"
-              ref="AudioPlayer"
-            />
+            <div v-if="info['audiosVo'].length > 0">
+              <AudioPlayer
+                v-for="(v, i) in info['audiosVo']"
+                :key="i"
+                :url="v.url"
+                ref="AudioPlayer"
+              />
+            </div>
+            <span v-else>暂无音频</span>
           </div>
           <div v-else-if="item.prop == 'literatureVo'">
-            <el-table stripe border :data="info['literatureVo']">
-              <el-table-column prop="name" label="名称"></el-table-column>
-              <el-table-column prop="authors" label="作者"></el-table-column>
-              <el-table-column prop="source" label="来源"></el-table-column>
-              <el-table-column prop="source" label="操作">
-                <template slot-scope="scope">
-                  <el-button type='text'>预览</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
+            <div v-if="info['literatureVo'].length > 0">
+              <el-table stripe border :data="info['literatureVo']">
+                <el-table-column prop="name" label="名称"></el-table-column>
+                <el-table-column prop="authors" label="作者"></el-table-column>
+                <el-table-column prop="source" label="来源"></el-table-column>
+                <el-table-column prop="source" label="操作">
+                  <template slot-scope="scope">
+                    <el-button type="text">预览</el-button>
+                  </template>
+                </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 v-else-if="item.prop === 'intro'" v-html="info['intro']"></div>
           <span v-else>{{ info[item.prop] || "无" }}</span>
         </el-descriptions-item>
       </el-descriptions>
@@ -76,6 +96,14 @@ export default {
       default: () => ({}),
     },
   },
+  computed: {
+    // 大图预览的数组
+    imgsList() {
+      return this.info.imagesVo.map((item) => {
+        return item.url;
+      });
+    },
+  },
   data() {
     return {
       displayTabletitle,
@@ -101,8 +129,8 @@ export default {
   border-radius: 4px;
 }
 .video {
-  width: 200px;
-  height: 200px;
+  width: 400px;
+  height: 400px;
   border: 1px solid #dadada;
   border-radius: 4px;
 }

src/views/displayApproval/components/display/DisplayRender.vue

 <template>
   <!-- 展览效果预览图 -->
-  <div class="container" v-if="dicts && Object.keys(displayDetail).length > 0">
+  <div class="container">
     <NavBar />
     <NormalStyle
-      v-if="displayDetail.themeType == NORMAL_STYLE.value"
-      :displayDetail="displayDetail"
+      v-if="info.themeType == NORMAL_STYLE.value"
+      :displayDetail="info"
       :dicts="dicts"
     />
     <ChStyle
-      v-if="displayDetail.themeType == CH_STYLE.value"
-      :displayDetail="displayDetail"
+      v-if="info.themeType == CH_STYLE.value"
+      :displayDetail="info"
       :dicts="dicts"
     />
     <RedStyle
-      v-if="displayDetail.themeType == RED_STYLE.value"
-      :displayDetail="displayDetail"
+      v-if="info.themeType == RED_STYLE.value"
+      :displayDetail="info"
       :dicts="dicts"
     />
     <Footer />

src/views/displayApproval/config.js

@@ -216,13 +216,13 @@ export const crTabletitle = [{
   columnAlign: 'center',
   isFaceImage: true,
 },
-{
-  prop: "statusLabel",
-  label: "上下架状态",
-  width: 100,
-  columnAlign: 'center',
-  isStatus: true
-},
+// {
+//   prop: "statusLabel",
+//   label: "上下架状态",
+//   width: 100,
+//   columnAlign: 'center',
+//   isStatus: true
+// },
 {
   prop: "num",
   label: "数量",

src/views/displayApproval/mock.js

@@ -198,7 +198,7 @@ export const cr = {
     "yearsLabel": "隐生代"
 }
 
-// 批量文物信息
+// 批量文物信息(未对一些字典进行翻译)
 export const crList = {
     size: 10,
     current: 1,