From e7c088a46085ca75f64f32555296dd774b95461f Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 12 六月 2024 16:35:34 +0800
Subject: [PATCH] 1

---
 src/pages/fileDetail/index.vue |   63 ++++++++++++++++++++++++-------
 1 files changed, 48 insertions(+), 15 deletions(-)

diff --git a/src/pages/fileDetail/index.vue b/src/pages/fileDetail/index.vue
index d38d632..0f51bc1 100644
--- a/src/pages/fileDetail/index.vue
+++ b/src/pages/fileDetail/index.vue
@@ -1,12 +1,22 @@
 <template>
-  <view id="box">
-    <pre v-if="options.outputType == 'XML' || options.outputType == 'JSON'">
-      <code>
-        {{ data }}
-      </code>
-    </pre>
-    <div v-else-if="'NT'" v-html="data"></div>
-    <div v-else-if="'RDF'" v-html="data"></div>
+  <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>
 
@@ -17,7 +27,7 @@
   data() {
     return {
       options: {},
-      data: "",
+      data: ""
     };
   },
   onLoad(options) {
@@ -29,23 +39,46 @@
       if (this.options.type == "Person") {
         getPersonDataOutput({
           personId: this.options.id,
-          dataTypeEO: this.options.outputType,
+          dataTypeEO: this.options.outputType
         }).then((res) => {
-          this.data = res;
+          if (this.options.outputType == 'RDF') {
+            this.data = res.object;
+          } else {
+            this.data = res;
+          }
         });
       } else {
         getMedicalDataOutput(this.options).then((res) => {
           this.data = res;
-          console.log(this.data, "data");
         });
       }
-    },
-  },
+    }
+  }
 };
 </script>
 
 <style>
-#box {
+.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