web/src/views/service-unit-manage/service-unit/unit-manage/index.vue

<template>
  <div class="unit-manage flex flex-col">
    <SearchForm :fields="fields" :params="params"></SearchForm>
    <div class="flex-1 page-wrap"> </div>
  </div>
</template>

<script setup lang="jsx" name="UnitManage">
import { ref, reactive } from 'vue';
const fields = ref([
  {
    prop: 'a',
    label: '业务类型',
    type: 'select',
    labelWidth: '80px',
    colSpan: 4,
  },
  {
    prop: 'b',
    label: '负责人',
    type: 'select',
    labelWidth: '80px',
    colSpan: 4,
  },
  {
    prop: 'c',
    label: '当前状态',
    type: 'select',
    labelWidth: '80px',
    colSpan: 4,
  },
  {
    prop: 'd',
    label: '创建时间',
    type: 'select',
    labelWidth: '80px',
    colSpan: 4,
  },
  {
    type: 'buttons',
    colSpan: 3,
    children: [
      {
        type: 'button',
        text: '查询',
      },
    ],
  },
  {
    prop: 'e',
    label: '创建时间',
    labelWidth: '100px',
    colSpan: 4,
  },
]);
const params = reactive({
  a: '',
  b: '',
  c: '',
  d: '',
  e: [],
});
</script>

<style></style>