zhouwenxuan
2023-12-15 07ca2d96c6f38a2a38f958d1771b6b9848f0ce0d
src/views/components/details.vue
@@ -19,7 +19,12 @@
      <div class="title">{{state.content.title}}</div>
      <el-divider border-style="dashed"/>
      <div class="time">更新时间:{{state.content.updateTime?state.content.updateTime:state.content.createTime}}</div>
      <div v-html="state.content.content" @click="showFile($event)"></div>
        <div class="ql-container ql-snow" style="border: none" >
            <div class="ql-editor">
                <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>
            </div>
        </div>
<!--      <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>-->
    </div>
    <div class="main" v-if="state.firstClass == '法律法规'">
      <div class="title">{{state.content.title}}</div>
@@ -27,7 +32,12 @@
      <div class="info"><span>法律法规类别:{{state.content.lawType}}</span><span>颁布机构:{{state.content.pubAgency}}</span><span>颁布日期:{{state.content.pubDate}}</span></div>
      <el-divider border-style="dashed"/>
      <div class="time">更新时间:{{state.content.updateTime?state.content.updateTime:state.content.createTime}}</div>
      <div v-html="state.content.content"></div>
        <div class="ql-container ql-snow" style="border: none" >
            <div class="ql-editor">
                <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>
            </div>
        </div>
<!--      <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>-->
    </div>
    <div class="main" v-if="state.firstClass == '机构公示'">
      <div class="title">{{state.content.name}}</div>
@@ -96,7 +106,7 @@
})
const emit = defineEmits(['backJump'])
onMounted(()=>{
  getBusiness()
  // getBusiness()
})
onUnmounted(()=>{
@@ -138,7 +148,7 @@
      state.content.createTime = state.content.createTime.substring(0.,16)
      state.content.issueDate = state.content.issueDate.substring(0,10)
      state.content.validDate = state.content.validDate.substring(0,10)
      state.content.business = getName(state.content.business)
      state.content.business = state.content.businessNames.join()
    }else{
      ElMessage.warning(res.message)
    }
@@ -151,7 +161,7 @@
        e.preventDefault();
        const file = {
            fileUrl: e.target.href,
            fileName: e.target.download
            fileName: e.target.innerHTML
        }
        axios.get( file.fileUrl,{
                headers:
@@ -174,7 +184,6 @@
            } else {
                this.$message.error('获取文件失败')
            }
            this.handleClose();
        })
    }
}
@@ -220,12 +229,12 @@
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 170px;
  margin-top: 150px;
  .header{
    width: 1200px;
    height: 60px;
    margin: 20px 0 0;
    margin: 15px 0 0;
    padding: 0 15px;
    border-radius: 4px;
    background: #f5f5f5;
@@ -243,7 +252,7 @@
    box-shadow: 1px 1px 3px rgba(0,0,0,.04);
    padding: 20px 15px 40px;
    background: #fff;
    max-height: calc(100vh - 330px);
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    .title{
@@ -301,5 +310,19 @@
      }
    }
  }
    .reviewTable {
        :deep(table){
            border: 1px solid #ccc;
            text-align: center;
        }
        :deep(table td){
            border: 1px solid #ccc;
            text-align: center;
            padding: 0 5px;
        }
        :deep(table th){
            border: 1px solid #ccc;
        }
    }
}
</style>