zpc --- picker类组件表格呈现

src/app-register.ts

@@ -69,6 +69,7 @@ import AppImagePreview from './components/app-image-preview/app-image-preview.vu
 import AppFormatData from './components/app-format-data/app-format-data.vue'
 import AppUploadFileInfo from './components/app-upload-file-info/app-upload-file-info.vue'
 import ContextMenu from './components/context-menu/context-menu'
+import AppColumnFormat from './components/app-column-format/app-column-format.vue'
 
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
@@ -147,5 +148,6 @@ export const AppComponents = {
         v.component('app-format-data', AppFormatData);
         v.component('app-upload-file-info', AppUploadFileInfo);
         v.component('context-menu',ContextMenu);
+        v.component('app-column-format',AppColumnFormat);
     },
 };
\ No newline at end of file

src/components/app-column-format/app-column-format.less

+.app-column-format{
+    display: inline-block;
+}
\ No newline at end of file

src/components/app-column-format/app-column-format.vue

+<template>
+  <div class="app-column-format">
+      {{text}}
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Model, Emit, Watch } from "vue-property-decorator";
+
+/**
+ * 表格列格式化json数组，数据格式为"[{"srfkey":"001","srfmajortext":"TEST1"},{"srfkey":"002","srfmajortext":"TEST2"}......]"
+ */
+@Component({
+})
+export default class AppColumnFormat extends Vue {
+    
+    /**
+     * 值
+     * @type {any}
+     * @memberof AppColumnFormat
+     */
+    @Prop() public value?: any;
+
+    /**
+     * 显示文本
+     * @type {any}
+     * @memberof AppColumnFormat
+     */
+    get text(){
+      if(this.value){
+        let returnStr:string = "";
+        let tempData:Array<any> =[];
+        if(typeof(this.value) === 'string'){
+          tempData= JSON.parse(this.value);
+        }else{
+          tempData = JSON.parse(JSON.stringify(this.value));
+        }
+        tempData.forEach((item:any,index:number) =>{
+          if(index >0){
+            returnStr +="、";
+          }
+          returnStr +=item.srfmajortext;
+        })
+        return returnStr;
+      }else{
+        return "";
+      }
+    }
+
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import "./app-column-format.less";
+</style>
\ No newline at end of file