2023-06-08 21:09:28 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<!-- 描述列表组件 -->
|
|
|
|
|
|
<a-modal width="1000px" v-model:visible="visible" :footer="false">
|
|
|
|
|
|
<template #title>{{ previewRecord.name }}</template>
|
2023-06-12 20:47:54 +08:00
|
|
|
|
<ma-info :columns="columns" :data="previewRecord" :column="3"></ma-info>
|
2023-06-08 21:09:28 +08:00
|
|
|
|
</a-modal>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
|
import { ref, reactive } from "vue"
|
|
|
|
|
|
import MaInfo from "@/components/ma-info/index.vue"
|
|
|
|
|
|
// 提供open方法给外界，并获取整行数据
|
|
|
|
|
|
const visible = ref(false)
|
|
|
|
|
|
const previewRecord = ref({})
|
|
|
|
|
|
const columns = ref([])
|
|
|
|
|
|
const open = (record, outColumns) => {
|
|
|
|
|
|
visible.value = true
|
|
|
|
|
|
previewRecord.value = record
|
|
|
|
|
|
columns.value = outColumns
|
|
|
|
|
|
}
|
|
|
|
|
|
defineExpose({ open })
|
|
|
|
|
|
// MA-INFO的columns
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped></style>
|
