web_dist/src/views/data-base/page-editor-help-v2/components/page-editor-v2/PageHelpOtherConfigurations.vue

<script setup lang="ts">
import {copyStrFunc} from "@/utils/public";
import {PageStore} from "@/views/data-base/page-editor-help-v2/page-help-v2";
import {CyJsonEditorDialog} from "@/components/cy/cy-monaco-editor/CyMonacoEditor";
import {ElButton} from "element-plus";

const props = defineProps<{
  store: PageStore
}>()

function generateTableColumns() {
  const {getColumns, tableBind} = props.store
  getColumns(tableBind, 'mainTableRef');
}

function generateQuery() {
  let str = "";
  const length = props.store.pageData.value.header.length
  props.store.pageData.value.header.forEach((item, index) => {
    str += `\t${item.key}${(index !== length - 1 ? "," : "")}\n`
  })
  str = `const {\n${str}} = body`
  copyStrFunc(str)
}

function saveData() {
  props.store.handleSavaData()
}

function editorPageJson() {
  CyJsonEditorDialog(props.store.pageData.value, {fullScreen: true}).then(res => {
    props.store.mutation.setPageData(res.json)
  })
}
</script>

<template>
  提交地址：
  <el-input type="textarea"
            v-model="props.store.pageData.value.submitUrl"/>
  <el-button @click="generateQuery">生成查询</el-button>
  <el-button @click="generateTableColumns">生成表格列</el-button>
  <el-button @click="saveData">保存</el-button>
  <el-button @click="store.defaultValue">默认值</el-button>
  <el-button @click="editorPageJson">编辑页面JSON对象</el-button>
</template>

<style scoped lang="scss">

</style>