template> -Go服务器开发

根据您提供的代码片段，我将补充完整的 <script setup> 部分以及一些可能需要的细节，以确保这个 Vue 3 + Vite 项目能够正常工作。请注意，您的模板中有一些小错误，我已经进行了修正。

以下是补充后的代码：

<template>
  <a-modal v-model:open="isModalVisible" title="对账详情" width="950px" height="500px">
    <template #footer>
      <a-button @click="closeModal">取消</a-button>
      <a-button class="button-light-blue" type="primary" @click="handleSubmit">确定</a-button>
    </template>
    <div class="modalForm">
      <a-form ref="formRef" :model="formModal" v-bind="modalLayout">
        <a-row>
          <!-- 根据需求添加更多内容 -->
        </a-row>
        <div>
          <a-row>
            <!-- 根据需求添加更多内容 -->
          </a-row>
        </div>
        <a-row>
          <!-- 根据需求添加更多内容 -->
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-item label="备注" style="width:240%;margin-left:-130px">
              <a-textarea
                v-model:value="formModal.customerAppeal"
                placeholder="请输入备注"
                rows="3"
                @input="(e) => handleInput(e, 'customerAppeal')"
              />
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </div>
  </a-modal>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const isModalVisible = ref(false);
const formModal = ref({
  customerAppeal: ''
});

const modalLayout = {
  // 定义你的布局属性，比如：
  labelCol: { span: 6 },
  wrapperCol: { span: 18 },
};

const closeModal = () => {
  isModalVisible.value = false;
};

const handleSubmit = () => {
  // 提交处理逻辑，例如发送请求
  console.log('Submitted:', formModal.value);
};

const handleInput = (event, fieldName) => {
  formModal.value[fieldName] = event.target.value;
};
</script>

<style scoped>
// 添加你的样式
.modalForm {
  padding: 20px;
}
</style>