test-project002/tr-modules/tr-module-gen/target/classes/frontend/viewDrawer.vue.btl

<template>
    <BasicDrawer
            v-bind="$attrs"
            destroyOnClose
            @register="registerDrawer"
            :title="getTitle"
            :width="width">
        <Description @register="registerDesc" :data="descData" />
    </BasicDrawer>
</template>
<script lang="ts" setup>
    import { onBeforeMount, ref } from 'vue'; // onBeforeMount,
    import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
    import { Description, useDescription } from '/@/components/Description';
    import { viewSchema } from './data';

    import { ${frontModuleName}${busNameFirstUpper}Detail } from '/@/api/${frontModuleName}/${frontModuleName}${busNameFirstUpper}Api';
    import { listDictModel } from '/@/api/common';
    import { formatDictValue } from '/@/utils';

    const descData = ref({});
    const getTitle = '查看${functionName}';
    const width = '45%';

    <% for(var i = 0; i < configList.~size; i++) { %>
    <% if(configList[i].dictTypeCode!=null) {%>
    const  ${configList[i].fieldNameCamelCase}Options = ref();
        <% } %>
    <% } %>
    onBeforeMount(async () => {
    <% for(var i = 0; i < configList.~size; i++) { %>
        <% if(configList[i].dictTypeCode!=null) {%>
        ${configList[i].fieldNameCamelCase}Options.value = await listDictModel({ dictCode: '${configList[i].dictTypeCode}' });
            <% } %>
        <% } %>
    });
    const [registerDrawer] = useDrawerInner(async data => {
        console.log('::::::::::', data.record);
        const resData = await ${frontModuleName}${busNameFirstUpper}Detail(data.record.id);
        descData.value = {
            ...resData,
            <% for(var i = 0; i < configList.~size; i++) { %>
            <% if(configList[i].dictTypeCode!=null) {%>
            ${configList[i].fieldNameCamelCase}: formatDictValue(${configList[i].fieldNameCamelCase}Options.value, resData.${configList[i].fieldNameCamelCase}),
                <% } %>
            <% } %>
        };
    });
    const [registerDesc] = useDescription({
        schema: viewSchema,
        column: 2,
        size: 'middle',
        labelStyle: {
            width: '120px',
        },
    });
</script>