Browse Source

fix: codegen #I6R4OB

main
xingyu 2 years ago
parent
commit
8ccc8bb22a
  1. 11
      src/views/infra/codegen/EditTable.vue
  2. 12
      src/views/infra/codegen/components/BasicInfoForm.vue
  3. 30
      src/views/infra/codegen/components/CloumInfoForm.vue
  4. 2
      src/views/infra/codegen/components/FinishForm.vue

11
src/views/infra/codegen/EditTable.vue

@ -1,6 +1,6 @@
<template>
<PageWrapper>
<div class="m-0-auto w-200">
<div class="step-form-form">
<Steps :current="current">
<Step title="生成信息" />
<Step title="字段信息" />
@ -54,7 +54,6 @@ function handleStep1Next(step1Values: any) {
current.value++
basicInfoValue.value = step1Values
state.initSetp2 = true
console.info(step1Values)
}
function handleStepPrev() {
@ -66,7 +65,6 @@ async function handleStep2Next(step2Values: any) {
columnsInfoValue.value = step2Values
await handleSubmit()
state.initSetp3 = true
console.log(step2Values)
}
async function handleSubmit() {
@ -95,3 +93,10 @@ onMounted(async () => {
await getList()
})
</script>
<style lang="less" scoped>
.step-form-form {
width: 750px;
margin: 0 auto;
margin-top: 10px;
}
</style>

12
src/views/infra/codegen/components/BasicInfoForm.vue

@ -5,15 +5,11 @@
</div>
<Divider />
<h3>说明</h3>
<h4>转账到支付宝账户</h4>
<p>
如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明
</p>
<h4>基本信息</h4>
<p> 配置生成的基本信息 </p>
<h4>转账到银行卡</h4>
<p>
如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明
</p>
<h4>生成信息</h4>
<p> 配置生成生成的详细信息 </p>
</div>
</template>
<script lang="ts" setup>

30
src/views/infra/codegen/components/CloumInfoForm.vue

@ -4,18 +4,13 @@
<BasicTable :dataSource="columnsInfo" @register="registerTable" @row-click="handleEdit" />
</div>
<Divider />
<a-button @click="customResetFunc">上一步</a-button>
<a-button @click="customSubmitFunc">下一步</a-button>
<div class="step2-button">
<a-button @click="customResetFunc">上一步</a-button>
<a-button type="primary" @click="customSubmitFunc">下一步</a-button>
</div>
<h3>说明</h3>
<h4>转账到支付宝账户</h4>
<p>
如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明
</p>
<h4>转账到银行卡</h4>
<p>
如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明如果需要这里可以放一些关于产品的常见问题说明
</p>
<h4>配置字段</h4>
<p> 配置表的字段类型增删改查字典等 </p>
</div>
</template>
<script lang="ts" setup>
@ -62,6 +57,11 @@ function handleEdit(record: EditRecordRow) {
margin: 0 auto;
}
&-button {
display: flex;
justify-content: center;
}
h3 {
margin: 0 0 12px;
font-size: 16px;
@ -80,12 +80,4 @@ function handleEdit(record: EditRecordRow) {
color: @text-color;
}
}
.pay-select {
width: 20%;
}
.pay-input {
width: 70%;
}
</style>

2
src/views/infra/codegen/components/FinishForm.vue

@ -1 +1 @@
<template><span>保存成功</span></template>
<template><span>保存成功,其他功能待完善</span></template>