158 lines
5.6 KiB
Plaintext
158 lines
5.6 KiB
Plaintext
<template>
|
||
<view>
|
||
<uni-forms ref="form" :model="form" :rules="rules" label-width="80px">
|
||
#foreach($column in $columns)
|
||
#set($field=$column.javaField)
|
||
#if($column.insert && !$column.pk)
|
||
#if(($column.usableColumn) || (!$column.superColumn))
|
||
#set($parentheseIndex=$column.columnComment.indexOf("（"))
|
||
#if($parentheseIndex != -1)
|
||
#set($comment=$column.columnComment.substring(0, $parentheseIndex))
|
||
#else
|
||
#set($comment=$column.columnComment)
|
||
#end
|
||
#set($dictType=$column.dictType)
|
||
#if($column.htmlType == "input")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-easyinput v-model="form.${field}" placeholder="请输入${comment}" />
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "imageUpload")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<u-upload
|
||
:fileList="form.${field}"
|
||
@afterRead="afterRead"
|
||
@delete="deletePic"
|
||
name="3"
|
||
multiple
|
||
:maxCount="10"
|
||
:previewFullImage="true"
|
||
></u-upload>
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "fileUpload")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<!-- <file-upload v-model="form.${field}"/> -->
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "editor")
|
||
<uni-forms-item label="${comment}">
|
||
<!-- <editor v-model="form.${field}" :min-height="192"/> -->
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "select" && "" != $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-select
|
||
v-for="dict in ${field}Options"
|
||
:key="dict.dictValue"
|
||
:text="dict.dictLabel"
|
||
:value="dict.dictValue"
|
||
/>
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "select" && $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-select label="请选择字典生成" value="" />
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "checkbox" && "" != $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-checkbox v-model="form.${field}" multiple :localdata="${field}Options"></uni-data-checkbox>
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "checkbox" && $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-checkbox v-model="form.${field}" multiple :localdata="[{text:'请选择字典生成'}]"></uni-data-checkbox>
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "radio" && "" != $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-checkbox v-model="form.${field}" :localdata="${field}Options" />
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "radio" && $dictType)
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-data-checkbox v-model="form.${field}" :localdata="[{text:'请选择字典生成'}]"></uni-data-checkbox>
|
||
</uni-forms-item>
|
||
#elseif($column.list && $column.htmlType == "time")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<picker mode="time" :value="form.${field}" start="00:00:00" end="23:59:59">
|
||
<view>{{form.${field}}}</view>
|
||
</picker>
|
||
</uni-forms-item>
|
||
#elseif($column.list && $column.htmlType == "date")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-datetime-picker type="date" v-model="form.${field}"/>
|
||
</uni-forms-item>
|
||
#elseif($column.list && $column.htmlType == "datetime")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-datetime-picker type="datetime" v-model="form.${field}"/>
|
||
</uni-forms-item>
|
||
#elseif($column.htmlType == "textarea")
|
||
<uni-forms-item label="${comment}" prop="${field}">
|
||
<uni-easyinput v-model="form.${field}" type="textarea" placeholder="请输入内容" />
|
||
</uni-forms-item>
|
||
#end
|
||
#end
|
||
#end
|
||
#end
|
||
</uni-forms>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName} } from "@/api/${moduleName}/${businessName}";
|
||
|
||
|
||
export default {
|
||
name: "${BusinessName}Edit",
|
||
data() {
|
||
return {
|
||
#foreach($column in $columns)
|
||
#set($javaField=$column.javaField)
|
||
#if($column.list && "" != $column.dictType)
|
||
${javaField}Options:[]
|
||
#end
|
||
#end
|
||
// 表单参数
|
||
${businessName}: {
|
||
#foreach ($column in $columns)
|
||
#if($column.htmlType == "checkbox")
|
||
$column.javaField: []#if($foreach.count != $columns.size()),#end
|
||
#else
|
||
$column.javaField: null#if($foreach.count != $columns.size()),#end
|
||
#end
|
||
#end
|
||
},
|
||
};
|
||
},
|
||
onShow(params) {
|
||
if(params.${pkColumn.javaField}){
|
||
get${BusinessName}(params.${pkColumn.javaField}).then(res=>{
|
||
this.${businessName} = res.data
|
||
})
|
||
}
|
||
},
|
||
created() {
|
||
#foreach($column in $columns)
|
||
#set($javaField=$column.javaField)
|
||
#if($column.list && "" != $column.dictType)
|
||
this.getDicts(${column.dictType}).then(response => {
|
||
for(let opt in response.data){
|
||
this.${javaField}Options.push({text: opt.dictLabel,value: opt.dictValue})
|
||
}
|
||
});
|
||
#end
|
||
#end
|
||
},
|
||
methods: {
|
||
/** 删除按钮操作 */
|
||
handleDelete(${pkColumn.javaField}) {
|
||
del${BusinessName}(${pkColumn.javaField}).then(()=>{
|
||
this.navigateTo("/pages/${moduleName}/${businessName}/list")
|
||
})
|
||
},
|
||
/** ${subTable.functionName}添加按钮操作 */
|
||
handleAdd${BusinessName}() {
|
||
add${BusinessName}(this.${businessName}).then(()=>{
|
||
this.navigateTo("/pages/${moduleName}/${businessName}/list")
|
||
})
|
||
},
|
||
navigateTo(url){
|
||
this.$tab.navigateTo(url)
|
||
}
|
||
}
|
||
};
|
||
</script>
|