Последняя версия с сервера прошлого разработчика

nova/resources/js/components/Detail/KeyValueField.vue

@@ -0,0 +1,46 @@
+<template>
+  <panel-item :field="field">
+    <template slot="value">
+      <KeyValueTable
+        v-if="theData.length > 0"
+        :edit-mode="false"
+        class="overflow-hidden"
+      >
+        <KeyValueHeader
+          :key-label="field.keyLabel"
+          :value-label="field.valueLabel"
+        />
+
+        <div class="bg-white overflow-hidden key-value-items">
+          <KeyValueItem
+            v-for="item in theData"
+            :item="item"
+            :disabled="true"
+            :key="item.key"
+          />
+        </div>
+      </KeyValueTable>
+    </template>
+  </panel-item>
+</template>
+
+<script>
+import KeyValueItem from '@/components/Form/KeyValueField/KeyValueItem'
+import KeyValueHeader from '@/components/Form/KeyValueField/KeyValueHeader'
+import KeyValueTable from '@/components/Form/KeyValueField/KeyValueTable'
+
+export default {
+  props: ['resource', 'resourceName', 'resourceId', 'field'],
+
+  components: { KeyValueTable, KeyValueHeader, KeyValueItem },
+
+  data: () => ({ theData: [] }),
+
+  created() {
+    this.theData = _.map(this.field.value || {}, (value, key) => ({
+      key,
+      value,
+    }))
+  },
+}
+</script>