@ebiz/designer-components 0.1.124 → 0.1.126

package/src/components/senior/EbizApprovalList/ApprovalList.vue

@@ -1,127 +1,127 @@
-<template>
-  <div color="#999">
-    <div class="card">
-      <div class="header">
-        <ebiz-tag size="medium" variant="dark" class="component-base-style" :content="{
-            REJECTED: '已驳回',
-            APPROVED: '已通过',
-            ACTIVE: '进行中',
-            CANCELED: '已取消'
-          }[status] || '未知状态'
-          " :theme="{
-              REJECTED: 'danger',
-              APPROVED: 'success',
-              ACTIVE: 'primary',
-              CANCELED: 'default'
-            }[status] || 'default'
-            "></ebiz-tag>
-        <span style="display: inline-block; font-size: 14px">{{ typeDesc || '未知' }}</span>
-        <span style="display: inline-block; font-size: 14px; color: #666; margin-left: auto"
-          class="component-base-style">{{ utils.calcTime(date, 'y/M/d') }}</span>
-      </div>
-      <div v-if="fields.length">
-        <div class="body">
-          <div v-for="(item, index) in fields.sort((a, b) => a.sort - b.sort)" class="component-base-style"
-            :key="index">
-            <span style="display: inline-block" class="label">{{ item.label + ':' }}</span>
-            <span v-if="item.value_type == 'text' || item.value_type == 'textarea'" style="display: inline-block"
-              class="value">{{ item.actual_value }}</span>
-            <ebiz-file-list v-if="item.value_type == 'files' || item.value_type == 'images'" displayMode="grid"
-              :showActions="true" :showFileSize="true" size="mini" class="component-base-style"
-              :files="item.actual_value || []"></ebiz-file-list>
-          </div>
-        </div>
-      </div>
-      <div v-if="!fields.length" style="
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          gap: 15px;
-          height: 100px;
-          flex-direction: column;
-        " class="component-base-style">
-        <ebiz-tdesign-icon name="data-error" size="large" color="#999" style="font-size: 40px"
-          class="component-base-style"></ebiz-tdesign-icon>
-        <span style="display: inline-block; color: #999" class="component-base-style">字段未配置</span>
-      </div>
-      <div v-if="btns?.length" class="footer">
-        <ebiz-tdesign-button v-for="(item, index) in btns ?? []" size="medium" :content="item.label"
-          :theme="item.theme || 'primary'" :disabled="item.disabled" :key="index" :class="item.hidden ? 'hidden' : ''"
-          @click="(...eventArgs) => btnClick(eventArgs, index, item)"></ebiz-tdesign-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { EbizTag, EbizTdesignIcon, EbizTdesignButton, EbizFileList } from ''
-import * as vue from 'vue'
-import { defineProps, defineEmits } from 'vue'
-import { I18nInjectionKey } from 'vue-i18n'
-
-const props = defineProps({
-  status: { type: String, default: '' },
-  type: { type: String, default: '' },
-  typeDesc: { type: String, default: '' },
-  date: { type: String, default: '' },
-  fields: { type: Array, default: () => [] },
-  btns: { type: Array, default: () => [] },
-  mode: { type: String, default: 'ing' },
-  item: { type: Object, default: () => ({}) }
-})
-
-const emit = defineEmits(['btn-click'])
-const { t, lowcodeWrap, stores } = vue.inject(I18nInjectionKey).lowcode()
-const wrap = lowcodeWrap(props, { emit })
-wrap({ stores })
-
-const { utils } = wrap(function () {
-  return this
-})()
-const state = vue.reactive({})
-wrap({ state })
-
-const btnClick = wrap(function btnClick(event, args0, args1) {
-  this.emit('btnClick', args0, args1)
-})
-
-wrap({ btnClick })
-</script>
-<style scoped>
-.card {
-  padding: 12px;
-  border-radius: 15px;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 10px;
-}
-
-.body {}
-
-.label {
-  color: #666;
-  min-width: 100px;
-  font-size: 14px;
-}
-
-.value {
-  color: #666;
-  font-size: 14px;
-}
-
-.footer {
-  margin-top: 10px;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-}
-
-.hidden {
-  display: none !important;
-}
-</style>
+<template>
+  <div color="#999">
+    <div class="card">
+      <div class="header">
+        <ebiz-tag size="medium" variant="dark" class="component-base-style" :content="{
+            REJECTED: '已驳回',
+            APPROVED: '已通过',
+            ACTIVE: '进行中',
+            CANCELED: '已取消'
+          }[status] || '未知状态'
+          " :theme="{
+              REJECTED: 'danger',
+              APPROVED: 'success',
+              ACTIVE: 'primary',
+              CANCELED: 'default'
+            }[status] || 'default'
+            "></ebiz-tag>
+        <span style="display: inline-block; font-size: 14px">{{ typeDesc || '未知' }}</span>
+        <span style="display: inline-block; font-size: 14px; color: #666; margin-left: auto"
+          class="component-base-style">{{ utils.calcTime(date, 'y/M/d') }}</span>
+      </div>
+      <div v-if="fields.length">
+        <div class="body">
+          <div v-for="(item, index) in fields.sort((a, b) => a.sort - b.sort)" class="component-base-style"
+            :key="index">
+            <span style="display: inline-block" class="label">{{ item.label + ':' }}</span>
+            <span v-if="item.value_type == 'text' || item.value_type == 'textarea'" style="display: inline-block"
+              class="value">{{ item.actual_value }}</span>
+            <ebiz-file-list v-if="item.value_type == 'files' || item.value_type == 'images'" displayMode="grid"
+              :showActions="true" :showFileSize="true" size="mini" class="component-base-style"
+              :files="item.actual_value || []"></ebiz-file-list>
+          </div>
+        </div>
+      </div>
+      <div v-if="!fields.length" style="
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 15px;
+          height: 100px;
+          flex-direction: column;
+        " class="component-base-style">
+        <ebiz-tdesign-icon name="data-error" size="large" color="#999" style="font-size: 40px"
+          class="component-base-style"></ebiz-tdesign-icon>
+        <span style="display: inline-block; color: #999" class="component-base-style">字段未配置</span>
+      </div>
+      <div v-if="btns?.length" class="footer">
+        <ebiz-tdesign-button v-for="(item, index) in btns ?? []" size="medium" :content="item.label"
+          :theme="item.theme || 'primary'" :disabled="item.disabled" :key="index" :class="item.hidden ? 'hidden' : ''"
+          @click="(...eventArgs) => btnClick(eventArgs, index, item)"></ebiz-tdesign-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { EbizTag, EbizTdesignIcon, EbizTdesignButton, EbizFileList } from ''
+import * as vue from 'vue'
+import { defineProps, defineEmits } from 'vue'
+import { I18nInjectionKey } from 'vue-i18n'
+
+const props = defineProps({
+  status: { type: String, default: '' },
+  type: { type: String, default: '' },
+  typeDesc: { type: String, default: '' },
+  date: { type: String, default: '' },
+  fields: { type: Array, default: () => [] },
+  btns: { type: Array, default: () => [] },
+  mode: { type: String, default: 'ing' },
+  item: { type: Object, default: () => ({}) }
+})
+
+const emit = defineEmits(['btn-click'])
+const { t, lowcodeWrap, stores } = vue.inject(I18nInjectionKey).lowcode()
+const wrap = lowcodeWrap(props, { emit })
+wrap({ stores })
+
+const { utils } = wrap(function () {
+  return this
+})()
+const state = vue.reactive({})
+wrap({ state })
+
+const btnClick = wrap(function btnClick(event, args0, args1) {
+  this.emit('btnClick', args0, args1)
+})
+
+wrap({ btnClick })
+</script>
+<style scoped>
+.card {
+  padding: 12px;
+  border-radius: 15px;
+  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.body {}
+
+.label {
+  color: #666;
+  min-width: 100px;
+  font-size: 14px;
+}
+
+.value {
+  color: #666;
+  font-size: 14px;
+}
+
+.footer {
+  margin-top: 10px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.hidden {
+  display: none !important;
+}
+</style>