export class User {
  userId: number
  userName: string
  gender: number
  role: RoleType
  constructor(user: User) {
    this.userId = user.userId
    this.userName = user.userName
    this.gender = user.gender
    this.role = user.role
  }
  static createEmptyUser(): User {
    const user = new User({
      userId: 0,
      userName: '',
      gender: 0,
      role: 'user',
    })
    return user
  }
}

// 对一个视频节目的抽象
type Channel = 'movie' | 'series' | 'anime' | 'variety' | 'documentary' ｜ 'other'
export class VideoProgram {
  id: number
  title: string
  type: VideoType
  channel: Channel
  album: Album // 省略对专辑类型Album的描述
  // 此处省略相关属性
  constructor(program: VideoProgram) {
    this.id = program.id
    this.title = program.title
    this.type = program.type
    this.channel = program.channel
    this.album = program.album
    //此处省略相关属性
  }
  // 
  get produceStatus() {
    return produceStatusMap[this.status] // 此处status只做说明，并未在对象中生命此属性
  }
  // 复杂的业务逻辑处理，但也是领域模型的对应方法
  canPutOnline(): boolean {
    // 这里需要判断视频的生产状态，审核状态等等来决定是否可以将视频上线
    // 在修改上线状态的时候，需要前置判断
    ......
    // return true | false
  }
}

import videoApi from '@/api/video'
import albumApi from '@/api/album'
// 最简单的方式就是直接调用api获取相应的数据
export async function getList() {
  const res = await videoApi.getlist()
  return res.data
}
// 对返回的数据进行相应的转换或处理
export async function getFormatList() {
    const list = await videoApi.getlist()
    list.map((item) => {
        // 做一些数据的转换或整合
    })
    return list
}
// 同时可以对多个API进行整合
export async function getVideoInfo(vid: number) {
    const basicInfo = await videoApi.getBasicInfo(vid)
    const albumInfo = await albumApi.getAlbumByVideoId(vid)
    const statusInfo = await videoApi.getVideoStatus(vid)
    const res = // 此处整合桑格接口信息并整体返回
    return res
}

import { request } from '@/common/utils/useRequest'
// 此处requst为封装的request请求
export function getList() {
  return request({
    method: 'GET',
    url: '/api/video/list',
  })
}

// 关于列表的方法整合
function useTable() {
    const setPageSize = function(size) {
        // 设置pageSize
    }
    const setPage = function(page) {
        // 初始化列表Page对象
    }
    const initPageSort = function(options) {
        // 初始化列表排序
    }
    const setQuery = function(query) {
        // 设置查询项
    }
    const resetQuery = function() {
        // 情况查询项
    }
    // ......
    return {
        setPage,
        setPageSize,
        initPageSort,
        setQuery,
        resetQuery,
        .....
    }
    export { useTable }
}

<template>
  <div class="container">
    <MyForm :data="formData" @change="changeQuery" />
    <MyContralBar :config="controlConfig.value" />
    <MyTable :data="tableData.value" @page-change="changePage" />
  </div>
</template>
<script setup>
import { reactive, onBeforeMount } from 'vue'
import { MyForm, MyContralBar, MyTable } from 'components/listComponents'
import { getList } from '../api/listApi'

const formData = reactive({})
const tableData = reactive({})
// .......省略部分代码
onBeforeMount(async () => {
  tableData = await getList()
})

async function changeQuery() {
  tableData = await getList(formData)
}
// .......省略部分代码
</script>

export const useAbcStore = defineStore('abc', {
  state: () => ({
    a: 0,
    b: 'abc',
    c: true
  }),
  getters: {
    doubleA() {
      return this.a * 2
    },  
  },
  actions: {
    changeC(bool) {
      this.c = bool
    },
    updateB(name) {
      this.b = this.c ? name | this.b
    }
  },
})

export enum Type {
  Movie,
  Series,
  Comic,
  Variety,
}

export const START_NUM = 5

export const Role = {
  admin: '管理员',
  editor: '编辑',
  developer: '开发',
  operator: '运营',
  user: '普通用户',
}

export const convertNum = (num) => {
  return Number(num.toFixed(2))
}