|
@@ -2,6 +2,46 @@
|
|
|
<div class="properties-centent kk-checkbox">
|
|
|
<div class="properties-body">
|
|
|
<a-form>
|
|
|
+ <!-- 新增的 start -->
|
|
|
+ <a-form-item label="表单名称">
|
|
|
+ <Input style="width:100%;" v-model="config.formName" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="表单别名">
|
|
|
+ <Input style="width:100%;" v-model="config.nickFormName" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="绑定表名称(主表)">
|
|
|
+ <!-- <Input style="width:100%;" v-model="config.mainTableName" /> -->
|
|
|
+ <el-select v-model="config.mainTableName" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in tableList"
|
|
|
+ :key="item.tableName"
|
|
|
+ :label="item.tableComment"
|
|
|
+ :value="item.tableName">
|
|
|
+ <span style="float: left">{{ item.tableComment }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.tableName }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="表单描述">
|
|
|
+ <Textarea v-model="config.formDescription" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="表单sql">
|
|
|
+ <Textarea v-model="config.formSQL" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="表单节点id">
|
|
|
+ <!-- <Input style="width:100%;" v-model="config.mainTableName" /> -->
|
|
|
+ <el-select v-model="config.formNodeId" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in []"
|
|
|
+ :key="item.tableName"
|
|
|
+ :label="item.tableComment"
|
|
|
+ :value="item.tableName">
|
|
|
+ <span style="float: left">{{ item.tableComment }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.tableName }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </a-form-item>
|
|
|
+ <!-- 新增的 end -->
|
|
|
<a-form-item label="表单布局">
|
|
|
<Radio buttonStyle="solid" v-model="config.layout">
|
|
|
<RadioButton value="horizontal">水平</RadioButton>
|
|
@@ -27,7 +67,7 @@
|
|
|
>
|
|
|
<el-select v-model="config.tdId" @change="relationTableChange" filterable placeholder="请选择">
|
|
|
<el-option
|
|
|
- v-for="item in tableList"
|
|
|
+ v-for="item in dragTableList"
|
|
|
:key="item.tId"
|
|
|
:label="item.dtName"
|
|
|
:value="item.tId">
|
|
@@ -120,10 +160,12 @@
|
|
|
* date 2019-11-20
|
|
|
* description 表单属性设置面板组件
|
|
|
*/
|
|
|
+import {getUncommonTable} from '@/utils/other'
|
|
|
import kCheckbox from "../../KCheckbox/index.vue";
|
|
|
import { pluginManager } from "../../../utils/index";
|
|
|
import {dragTableList} from '@/api/dragform/tableList.js'
|
|
|
const InputNumber = pluginManager.getComponent("number").component;
|
|
|
+const Input = pluginManager.getComponent("input").component;
|
|
|
const Radio = pluginManager.getComponent("radio").component;
|
|
|
const RadioButton = pluginManager.getComponent("radioButton").component;
|
|
|
const Textarea = pluginManager.getComponent("textarea").component;
|
|
@@ -134,6 +176,7 @@ export default {
|
|
|
name: "formProperties",
|
|
|
data() {
|
|
|
return {
|
|
|
+ dragTableList: [],
|
|
|
tableList:[],
|
|
|
}
|
|
|
},
|
|
@@ -141,6 +184,7 @@ export default {
|
|
|
kCheckbox,
|
|
|
InputNumber,
|
|
|
Radio,
|
|
|
+ Input,
|
|
|
RadioButton,
|
|
|
Textarea,
|
|
|
Slider,
|
|
@@ -157,6 +201,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 获取所有非基础表
|
|
|
+ async getUncommonTable() {
|
|
|
+ let res = await getUncommonTable()
|
|
|
+ this.tableList = res;
|
|
|
+ },
|
|
|
handleChangeCol(e) {
|
|
|
this.config.labelCol.xs = this.config.labelCol.sm = this.config.labelCol.md = this.config.labelCol.lg = this.config.labelCol.xl = this.config.labelCol.xxl = e;
|
|
|
|
|
@@ -164,14 +213,15 @@ export default {
|
|
|
24 - e;
|
|
|
},
|
|
|
relationTableChange(tId) {
|
|
|
- let sqlKey = this.tableList.filter(item => item.tId == tId)[0].sqlKey;
|
|
|
+ let sqlKey = this.dragTableList.filter(item => item.tId == tId)[0].sqlKey;
|
|
|
sessionStorage.setItem('sqlKey',sqlKey)
|
|
|
}
|
|
|
},
|
|
|
async created () {
|
|
|
let res = await dragTableList()
|
|
|
+ this.getUncommonTable()
|
|
|
if (res.code == 200) {
|
|
|
- this.tableList=res.data
|
|
|
+ this.dragTableList=res.data
|
|
|
} else {
|
|
|
this.$message.error("请选择数据表");
|
|
|
this.$message.error(res.msg)
|