From d5f572496c5fb12fec2fe346b847bf58331299c9 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 17 七月 2024 15:56:51 +0800
Subject: [PATCH] 1
---
src/pages/fileDetail/index.vue | 76 ++++++++++++++++++++++++++++++-------
1 files changed, 61 insertions(+), 15 deletions(-)
diff --git a/src/pages/fileDetail/index.vue b/src/pages/fileDetail/index.vue
index ad77e4c..6275b57 100644
--- a/src/pages/fileDetail/index.vue
+++ b/src/pages/fileDetail/index.vue
@@ -1,38 +1,84 @@
<template>
- <view id="box">
- <!-- RDF瀵瑰簲鐨勫弬鏁� -->
- {{data}}
+ <view class="pageBox">
+ <headNav :idIndex="1 + ''" text="鍘嗕唬浜虹墿" />
+ <div class="contentBox">
+ <pre v-if="options.outputType == 'XML' || options.outputType == 'JSON'">
+ <code>
+ {{ data }}
+ </code>
+ </pre>
+ <div v-else-if="options.outputType == 'NT'" v-html="data"></div>
+ <div v-else-if="options.outputType == 'RDF'">
+ <ul>
+ <li v-for="key in Object.keys(data)" class="itemBox">
+ <span style="color: #666;">{{key.split(':')[0]}}:<b style="color: #000">{{key.split(':')[1]}}</b></span>
+ <span>{{data[key]}}</span>
+ </li>
+ </ul>
+ </div>
+ </div>
</view>
</template>
<script>
-import { getMedicalDataOutput } from "@/api/index.js";
+import { getMedicalDataOutput, getPersonDataOutput } from "@/api/index.js";
+
export default {
data() {
return {
- Obj: {},
+ options: {},
data: ""
};
},
onLoad(options) {
- this.Obj = options;
- },
- mounted() {
+ this.options = options;
this.innt();
},
methods: {
innt() {
- getMedicalDataOutput(this.Obj).then((res) => {
- console.log(res);
- this.data = res;
- });
+ if (this.options.type == "Person") {
+ getPersonDataOutput({
+ personId: this.options.id,
+ dataTypeEO: this.options.outputType
+ }).then((res) => {
+ if (this.options.outputType == 'RDF') {
+ this.data = res.object;
+ } else {
+ this.data = res;
+ }
+ });
+ } else {
+ getMedicalDataOutput(this.options).then((res) => {
+ this.data = res;
+ });
+ }
}
}
};
</script>
<style>
- #box{
- font-size: 14px;
- }
+.pageBox {
+ font-size: 14px;
+}
+.contentBox {
+ padding: 30px;
+}
+.itemBox{
+ margin-bottom: 10px;
+ display: flex;
+}
+.itemBox span{
+ display: inline-block;
+}
+.itemBox span:first-child{
+ width: 200px;
+ line-height: 40px;
+}
+.itemBox span:last-child{
+ flex: 1;
+ line-height: 40px;
+ border-bottom: 1px solid #ccc;
+}
+
</style>
--
Gitblit v1.9.1