elcs.101

src/views/Docpan/Show.vue

 <template>
     <div>
-    <div style="height:800px;overflow:auto">
+        <div style="height: 800px; overflow: auto">
+            <embed
+                v-if="this.model.docXML"
+                :src="pdf"
+                type="application/pdf"
+                height="100%"
+                width="100%"
+            />
 
-        <embed v-if="this.model.docXML!=''" :src="pdf" type="application/pdf" height="100%" width="100%"/>
-        <el-col><pre >{{this.model.docTXT}}</pre></el-col>
-    </div>
+            <el-row v-if="!this.model.docXML">
+                <el-col v-for="(item, index) in model.docTXT" :key="index" >
+                    <el-col :offset="4" :span="8">
+                        {{ item[0] }}
+                    </el-col>
+                    <el-col :span="12">
+                        {{ item[1] }}
+                    </el-col> <el-divider></el-divider>
+                </el-col>
                
+            </el-row>
+        </div>
     </div>
 </template>
 
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 
 export default {
-  data(){
+    data() {
         return {
-      model: {docXML:""},
-      pdf:"data:application/pdf;base64,",
-    }
+            model: { docXML: "" },
+            pdf: "data:application/pdf;base64,",
+        };
     },
     created() {
-    this.model.docXML = window.sessionStorage.docXML
+        this.model.docXML = window.sessionStorage.docXML;
         this.model.docTXT = window.sessionStorage.docTXT
-    if(this.model.docXML!="")
-    Api.post("pdf",{"xml":this.model.docXML}).then(res=>{
+            .split("\r\n")
+            .filter((item) => item)
+            .map((item) => {
+                let idx = item.indexOf(":");
+                return [
+                    item.substring(0, idx).trim(),
+                    item.substring(idx + 1).trim(),
+                ];
+            });
+        if (this.model.docXML != "")
+            Api.post("pdf", { xml: this.model.docXML }).then((res) => {
                 if (res.respCode == "AAAAAA") {
-            this.pdf += res.data
+                    this.pdf += res.data;
                 }
-    })
-  }
-  
-}
+            });
+    },
+};
 </script>
 
 <style scoped>