schangxiang@126.com
2025-05-20 cd8356ffd97d25981287d7e075cef498f7e6da58
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import { defineComponent } from 'vue'
import styles from './Flow.module.scss'
import Tag from '../Tag/Tag'
import { scope } from '@/libs/Language/Language'
 
export default defineComponent({
  name: '流程显示tag',
  props: {
    modelValue: {
      type: Array,
      default: () => [],
    },
    disabled: {
      type: Boolean,
      default: false,
    },
    LanguageScopeKey: {
      type: String,
      default: '',
    },
    placeholder: {
      type: String,
      default: '',
    },
  },
  emits: ['click'],
  setup(props, { attrs, slots, emit }) {
    const _t = scope(props.LanguageScopeKey)
    return () => {
      return (
        <div
          class={{
            [styles.flows_pick]: true,
            [styles.disabled]: props.disabled,
          }}
        >
          {!props.modelValue?.length ? (
            <span class={styles.flowTag}>{props.placeholder}</span>
          ) : (
            props.modelValue.map((item: any) => {
              return (
                <Tag style={{ marginRight: '5px', marginBottom: '5px' }}>
                  {item.name || item.description}
                </Tag>
              )
            })
          )}
        </div>
      )
    }
  },
})