Files
tnb.server/apihost/Tnb.API.Entry/wwwroot/Template/appWorkflowForm.vue.vm
2023-03-13 15:00:34 +08:00

1340 lines
64 KiB
Plaintext
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<view class="jnpf-wrap jnpf-wrap-form">
<u-form :model="@(@Model.FormModel)" :rules="@(@Model.FormRules)" ref="@(@Model.FormModel)" :errorType="['toast']" label-position="@(@Model.LabelPosition)" label-width="@(@Model.LabelWidth)" label-align="left" class="jnpf-form">
@{GenCodeAppFormControls();}
</u-form>
</view>
</template>
<script>
import {getDictionaryDataSelector,getDataInterfaceRes} from '@@/api/common'
import comMixin from '../mixin'
import request from '@@/utils/request'
export default {
mixins: [comMixin],
name:"",
data() {
return {
btnLoading: false,
@foreach(var item in @Model.OptionsList)
{
@if(item.jnpfKey == "tab")
{
@:@(@item.LowerName)Current:@(@item.Content),
}
}
@if(Model.IsChildDataTransfer)
{
@:addTableConf:{
@foreach(var item in Model.FormList)
{
@switch(item.jnpfKey)
{
case "table":
@if(item.IsDataTransfer)
{
@:@(@item.OriginalName):@(@item.AddTableConf),
}
break;
}
}
@:},
}
@(@Model.FormModel): {
@(@Model.PrimaryKey):'',
flowId:'',
@foreach(var item in Model.FormList)
{
@switch(item.jnpfKey)
{
case "checkbox":
case "cascader":
case "uploadImg":
case "uploadFz":
case "address":
case "comSelect":
@if(item.DefaultValue == null || item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):[],
}else{
@:@(@item.LowerName):@(@item.DefaultValue),
}
break;
case "select":
case "userSelect":
case "usersSelect":
case "treeSelect":
case "depSelect":
case "posSelect":
case "popupTableSelect":
case "roleSelect":
case "groupSelect":
@if(item.Multiple)
{
@if(item.DefaultValue == null || item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):[],
}else{
@:@(@item.LowerName):@(@item.DefaultValue),
}
}else{
@if(item.DefaultValue == null || @item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):undefined,
}else{
@:@(@item.LowerName):"@(@item.DefaultValue)",
}
}
break;
case "numInput":
if(@item.DefaultValue == null || @item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):0,
}else{
@:@(@item.LowerName):@(@item.DefaultValue),
}
break;
case "date":
case "rate":
case "slider":
if(@item.DefaultValue == null || @item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):undefined,
}else{
@:@(@item.LowerName):@(@item.DefaultValue),
}
break;
case "switch":
@:@(@item.LowerName):@(@item.DefaultValue ? "1" : "0"),
break;
case "table":
@:@(@item.OriginalName):[],
break;
default:
if(@item.DefaultValue == null || @item.DefaultValue.ToString() == "")
{
@:@(@item.LowerName):undefined,
}else{
@:@(@item.LowerName):"@(@item.DefaultValue)",
}
break;
}
}
},
@if(Model.IsChildDataTransfer)
{
@:addType: 1,
}else{
@:addType: 0,
}
rules: {
@foreach(var item in Model.FormList)
{
@switch(item.jnpfKey)
{
case "table":
break;
default:
@if(item.Required || (item.RegList!=null && item.RegList.Count > 0))
{
@:@(@item.LowerName):[
@if(item.Required)
{
@:{
@:required:true,
@:message:'请输入@(@item.Placeholder)',
@if(item.Trigger.Contains("["))
{
@:trigger:@(@item.Trigger),
}
else
{
@:trigger:'@(@item.Trigger)',
}
switch(item.jnpfKey)
{
case "checkbox":
case "cascader":
case "comSelect":
case "address":
case "uploadImg":
case "uploadFz":
@:type:'array'
break;
case "select":
case "userSelect":
case "usersSelect":
case "treeSelect":
case "depSelect":
case "posSelect":
case "popupTableSelect":
case "roleSelect":
case "groupSelect":
@*是否为多选*@
@if(item.Multiple)
{
@:type:'array'
}
break;
case "numInput":
case "switch":
case "date":
case "rate":
case "slider":
@:type:'number'
break;
}
@:},
}
@if(item.RegList!=null && item.RegList.Count > 0)
{
@foreach(var items in item.RegList)
{
@:{
@:pattern:@(@items.pattern),
@:message:'@(@items.message)',
if(item.Trigger.Contains("["))
{
@:trigger:@(@item.Trigger),
}
else
{
@:trigger:'@(@item.Trigger)',
}
@:},
}
}
@:],
}
break;
}
}
},
@foreach(var item in Model.OptionsList)
{
@switch(item.jnpfKey)
{
case "collapse":
@:@(@item.Name):@(@item.Content),
break;
case "tab":
@:@(@item.Name)Title:@(@item.Title),
@:@(@item.Name):"@(@item.Content)",
break;
case "popupTableSelect":
case "popupSelect":
@:@(item.Name)TemplateJson : @(item.TemplateJson == "" ? "[]" : item.TemplateJson),
@:@(item.Content)
break;
default:
@if(item.IsProps)
{
@:@(@item.LowerName)Props:@(item.Props),
}
@if(!item.IsLinkage)
{
@:@(item.Content)
}
break;
}
}
};
},
watch: {
@if(Model.IsSummary)
{
@:dataForm: {
@:handler(val, oldVal) {
@foreach(var item in Model.FormList)
{
@switch(item.jnpfKey)
{
case "table":
@if(item.ShowSummary)
{
@:this.@(@item.LowerName)();
}
break;
}
}
@:},
@:deep: true
@:}
}
},
created() {
@foreach(var item in @Model.OptionsList)
{
@if(!item.IsStatic && !item.IsLinkage && (item.IsChildren || item.IsIndex))
{
@:this.get@(@item.LowerName)Options();
}
}
@foreach(var item in Model.FormAllContols)
{
@switch(item.jnpfKey)
{
case "table":
@if(item.AddType == 1)
{
@:uni.$on('linkPageConfirm', (subVal, Vmodel) => {
@:if ('@(@item.Name)' === Vmodel) subVal.forEach(t => this.@(@Model.FormModel).@(@item.Name).push(t));
@:});
}
break;
}
}
@if(!Model.IsChildDataTransfer)
{
@:this.selfInit();
}
},
onReady() {
this.$refs.@(@Model.FormModel).setRules(this.rules);
},
methods: {
@foreach(var item in @Model.OptionsList)
{
@if(item.jnpfKey == "tab")
{
@:@(@item.LowerName)Change(index)
@:{
@:this.@(@item.LowerName)Current = index;
@:},
}
@if(!item.IsStatic && item.DictionaryType != null)
{
@:get@(@item.LowerName)Options(@(item.IsChildren ? "i" :"")){
switch(@item.DataType)
{
case "dictionary":
@:getDictionaryDataSelector('@(@item.DictionaryType)').then(res => {
@:this.@(@item.LowerName)Options = res.data.list
break;
case "dynamic":
@:let templateJson = @(item.TemplateJson == "" ? "[]" : item.TemplateJson)
@:let query = {
@:paramList: this.getParamList(templateJson, this.dataForm@(item.IsChildren ? " , i" :""))
@:}
@if(item.IsChildren){
@if(item.IsLinkage){
@:this.@(@item.OptionsName)Options = []
}else{
@:this.@(@item.LowerName)Options = []
}
}else{
@:this.@(@item.LowerName)Options = []
}
@:getDataInterfaceRes('@(@item.DictionaryType)', query).then(res => {
@:let data = res.data
@if(item.IsChildren){
@if(item.IsLinkage){
@:this.@(@item.OptionsName)Options = Array.isArray(data) ? data : []
}else{
@:this.@(@item.LowerName)Options = Array.isArray(data) ? data : []
}
}else{
@:this.@(@item.LowerName)Options = Array.isArray(data) ? data : []
}
break;
}
@:});
@:},
}
}
selfGetInfo(dataForm) {
this.dataInfo(dataForm)
},
dataAll() {},
beforeSubmit() {
const _data = this.dataList()
return _data
},
selfInit() {
this.dataAll()
this.$store.commit('base/UPDATE_RELATION_DATA', {})
},
dataList() {
var _data = JSON.parse(JSON.stringify(this.dataForm));
return _data;
},
dataInfo(dataAll) {
let _dataAll = dataAll
_dataAll.id = _dataAll.id
this.dataForm = _dataAll
this.isEdit = true
this.dataAll()
this.childIndex = -1
this.collapse()
},
collapse() {
setTimeout(() => {}, 100);
},
getParamList(templateJson, formData, index) {
for (let i = 0; i < templateJson.length; i++) {
if (templateJson[i].relationField) {
//区分是否子表
if (templateJson[i].relationField.includes('-')) {
let tableVModel = templateJson[i].relationField.split('-')[0]
let childVModel = templateJson[i].relationField.split('-')[1]
templateJson[i].defaultValue = formData[tableVModel] && formData[tableVModel][index] &&
formData[tableVModel][index][childVModel] || ''
} else {
templateJson[i].defaultValue = formData[templateJson[i].relationField] || ''
}
}
}
return templateJson
},
@foreach(var item in Model.FormList)
{
@if(item.IsLinked && item.jnpfKey != "table")
{
@:@(item.LowerName)Change(){
@foreach(var linkage in item.LinkageRelationship)
{
@switch(linkage.jnpfKey)
{
case "popupSelect":
case "popupTableSelect":
break;
default:
@*主表联动子表控件*@
@if(linkage.isChildren)
{
@:if(this.dataForm.@(linkage.fieldName).length){
@:this.dataForm.@(linkage.fieldName).forEach((ele, index) => {
@:this.get@(linkage.fieldName)_@(linkage.field)Options(index)
@:})
@:}
}else{
@:this.dataForm.@(linkage.field) = @(linkage.IsMultiple ? "[]" : "undefined")
@:this.get@(@linkage.fieldName)Options()
}
break;
}
}
@:},
}
@switch(item.jnpfKey)
{
case "table":
@*子表内有控件联动*@
@if(item.IsLinked)
{
@foreach(var children in item.ChildrenList)
{
@*子表内具体某个控件*@
@if(children.IsLinked)
{
@:@(children.LowerName)TableChange(i){
@foreach(var linkage in children.LinkageRelationship)
{
@:this.dataForm.@(item.OriginalName)[i].@(linkage.field) = @(linkage.IsMultiple ? "[]" : "undefined");
@switch(linkage.jnpfKey)
{
case "popupSelect":
case "popupTableSelect":
break;
default:
@:this.get@(item.OriginalName)_@(linkage.field)Options(i);
break;
}
}
@:},
}
}
}
@if(item.AddType == 0){
@:add@(@item.Name)() {
@:let item = {
@foreach(var children in item.ChildrenList)
{
@switch(children.jnpfKey)
{
case "checkbox":
case "cascader":
case "uploadImg":
case "uploadFz":
case "address":
case "comSelect":
@if(children.DefaultValue == null || children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):[],
}else{
@:@(@children.LowerName):@(@children.DefaultValue),
}
break;
case "select":
case "userSelect":
case "usersSelect":
case "treeSelect":
case "depSelect":
case "posSelect":
case "popupTableSelect":
case "roleSelect":
case "groupSelect":
@if(children.Multiple)
{
if(@children.DefaultValue == null || @children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):[],
}else{
@:@(@children.LowerName):@(@children.DefaultValue),
}
}else{
if(@children.DefaultValue == null || @children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):undefined,
}else{
@:@(@children.LowerName):"@(@children.DefaultValue)",
}
}
break;
case "numInput":
if(@children.DefaultValue == null || @children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):0,
}else{
@:@(@children.LowerName):@(@children.DefaultValue),
}
break;
case "date":
case "rate":
case "slider":
if(@children.DefaultValue == null || @children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):undefined,
}else{
@:@(@children.LowerName):@(@children.DefaultValue),
}
break;
case "switch":
@:@(@children.LowerName):@(@children.DefaultValue ? "1" : "0"),
break;
default:
if(@children.DefaultValue == null || @children.DefaultValue.ToString() == "")
{
@:@(@children.LowerName):undefined,
}else{
@:@(@children.LowerName):"@(@children.DefaultValue)",
}
break;
}
}
@:}
@:this.@(@Model.FormModel).@(@item.OriginalName).push(item)
@*循环出主表联动子表控件的事件*@
@foreach(var primaryTableLinkage in Model.FormList)
{
@if(primaryTableLinkage.IsLinked && primaryTableLinkage.jnpfKey != "table")
{
@foreach(var linkage in primaryTableLinkage.LinkageRelationship)
{
if(linkage.fieldName == item.OriginalName)
{
@switch(linkage.isChildren)
{
case true:
@switch(linkage.jnpfKey)
{
case "popupSelect":
case "popupTableSelect":
break;
default:
@:this.get@(linkage.fieldName)_@(linkage.field)Options(this.dataForm.@(linkage.fieldName).length - 1)
break;
}
break;
}
}
}
}
}
}else{
@:add@(@item.Name)(subVal) {
@:let data = {
@:addTableConf: this.addTableConf.@(@item.OriginalName),
@:formData: this.@(@Model.FormModel),
@:tableVmodel: '@(@item.OriginalName)'
@:}
@:uni.navigateTo({
@:url: '/pages/apply/tableLinkage/index?data=' + encodeURIComponent(JSON.stringify(data))
@:})
}
@:},
@:del@(@item.Name)(i) {
@:this.@(@Model.FormModel).@(@item.OriginalName).splice(i, 1);
@:},
@if(item.ShowSummary)
{
@:@(@item.LowerName)(){
@:let table = this.@(@Model.FormModel).@(@item.OriginalName)
@:let summaryField = @(@item.SummaryField)
@:let summaryFieldName = {
@foreach(var items in item.ChildrenList)
{
@if(items.IsSummary)
{
@:"@(@items.Name)":"@(@items.Placeholder)",
}
}
@:}
@:let data = {}
@:for (let i in summaryField) {
@:let map = {}
@:let val = 0
@:for (let j = 0; j < table.length; j++) {
@:let summary = table[j][summaryField[i]];
@:if (summary) {
@:let data = isNaN(summary) ? 0 : Number(summary)
@:val += data
@:}
@:}
@:map.id = summaryField[i];
@:map.name = summaryFieldName[summaryField[i]];
@:map.val = val;
@:data[summaryField[i]] = map;
@:}
@:return data;
@:},
}
break;
}
}
}
};
</script>
<style>
page{
background-color: #f0f2f6;
}
</style>
@{
void GenCodeAppFormControls()
{
@foreach(var item in Model.FormAllContols)
{
@switch(item.jnpfKey)
{
case "table":
@:<view class="jnpf-table">
@:<view class="jnpf-table-item" v-for="(item,i) in @(@Model.FormModel).@(@item.Name)" :key="i">
@:<view class="jnpf-table-item-title u-flex u-row-between">
@:<text class="jnpf-table-item-title-num">@(@item.Label)({{i+1}})</text>
@:<template v-if="!setting.readonly && !judgeWrite('@(@item.Name)')">
@:<view class="jnpf-table-item-title-action" v-if="@(@Model.FormModel).@(@item.Name).length > 1 && @(@item.AddType) == 0" @@click="del@(@item.ChildTableName)(i)">删除</view>
@:</template>
@:</view>
@foreach(var children in item.Children)
{
@switch(children.jnpfKey)
{
case "relationFormAttr":
case "popupAttr":
@:<u-form-item label="@(@children.Label)" prop="@(@children.RelationField)" v-if="judgeShow('@(@item.Name)-@(@children.LowerName)')" :required="requiredList['@(@item.Name + "-" + @children.LowerName)']">
break;
default:
@:<u-form-item label="@(@children.Label)" prop="@(@children.LowerName)" v-if="judgeShow('@(@item.Name)-@(@children.LowerName)')" :required="requiredList['@(@item.Name + "-" + @children.LowerName)']">
break;
}
@switch(children.jnpfKey)
{
case "uploadFz":
@:<jnpf-file v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.Limit)@(@children.SizeUnit)@(@children.FileSize)@(@children.Accept)/>
break;
case "uploadImg":
@:<jnpf-upload v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)></jnpf-upload>
break;
case "comSelect":
@:<jnpf-com-select type="organize" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-com-select>
break;
case "address":
@:<jnpf-city-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Level)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-city-select>
break;
case "billRule":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" placeholder="系统自动生成" @(@children.Disabled)></u-input>
break;
case "treeSelect":
@:<jnpf-tree-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" :options="dataForm.@(@item.Name + "[i]." + @children.LowerName))Options" :props="@(@item.Name + "_" + @children.LowerName)Props" @(@children.Disabled)@(@children.Placeholder)@(@children.Multiple)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-tree-select>
break;
case "userSelect":
@:<jnpf-user-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.UserRelationAttr)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-user-select>
break;
case "usersSelect":
@:<jnpf-user-choice v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds + @children.AbleIds : "")@(@children.UserRelationAttr)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-user-choice>
break;
case "posSelect":
@:<jnpf-postordep-select type="position" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Multiple)@(@children.Placeholder)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-postordep-select>
break;
case "depSelect":
@:<jnpf-postordep-select type="department" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Multiple)@(@children.Placeholder)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-postordep-select>
break;
@*分组选择*@
case "groupSelect":
@:<jnpf-group-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
@*角色选择*@
case "roleSelect":
@:<jnpf-role-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
case "select":
@:<jnpf-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder):options="dataForm.@(@item.Name + "[i]." + @children.LowerName)Options" :props="@(@children.LowerName)Props" @(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-select>
break;
case "cascader":
@:<jnpf-cascader v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder):options="dataForm.@(@item.Name + "[i]." + @children.LowerName)Options" :props="@(@children.LowerName)Props" @(@children.Multiple)@(@children.Disabled)@(@children.Filterable)@(@children.ShowAllLevels)@(@children.Clearable)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-cascader>
break;
case "numInput":
@:<jnpf-number-box v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Max)@(@children.Min)@(@children.Step)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-number-box>
break;
case "date":
case "time":
@:<jnpf-date-time @(@children.Type)v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-date-time>
break;
case "switch":
@:<view class="u-flex u-form-item-switch">
@:<jnpf-switch v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-switch>
@:</view>
break;
case "comInput":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@blur='"+ @children.LowerName +"TableChange(i)' ":"")></u-input>
break;
@*关联表单*@
case "relationForm":
@:<jnpf-relation-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.RelationField)@(@children.ColumnOptions)@(children.ModelId != "" ? "modelId='"+ children.ModelId +"' " :"")@(@children.Placeholder)@(@children.HasPage)@(@children.PageSize)@(@children.TemplateJson)@(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@children.Name)'+i" type="relation"></jnpf-relation-select>
break;
@*关联表单属性*@
case "relationFormAttr":
@:<jnpf-relation-attr showField="@(@children.ShowField)" @(children.IsStorage == 2 ? "v-model='" + Model.FormModel + "." + item.Name + "[i]." + children.LowerName + "'" : "") :relationField="'@(@children.RelationField)'+i" isStorage="@(@children.IsStorage)" type='relationFormAttr'></jnpf-relation-attr>
break;
@*关联表单属性*@
case "popupSelect":
@:<jnpf-popup-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.PropsValue)@(@children.RelationField)@(@children.ColumnOptions)@(@children.InterfaceId)@(@children.Placeholder)@(@children.HasPage)@(@children.PageSize)@(@children.PopupType)@(@children.PopupTitle)@(@children.PopupWidth)@(@children.TemplateJson)@(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@children.Name)'+i" type="popup"></jnpf-popup-select>
break;
@*弹窗选择属性*@
case "popupAttr":
@:<jnpf-relation-attr showField="@(@children.ShowField)" @(children.IsStorage == 2 ? "v-model='" + Model.FormModel + "." + item.Name + "[i]." + children.LowerName + "'" : "") :relationField="'@(@children.RelationField)'+i" isStorage="@(@children.IsStorage)" type='popupAttr'></jnpf-relation-attr>
break;
case "textarea":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" type="textarea" @(@children.MaxLength)@(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
case "popupTableSelect":
@:<jnpf-table-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.InterfaceId)@(@children.Placeholder)@(@children.Disabled)@(@children.ColumnOptions)@(@children.RelationField)@(@children.PropsValue)@(@children.HasPage)@(@children.PageSize)@(@children.PopupTitle)@(@children.Multiple)@(@children.Filterable)@(@children.TemplateJson)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@item.Name + "-" +@children.LowerName)'+i" @(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")></jnpf-table-select>
break;
}
@:</u-form-item>
}
@:</view>
@:<view class="jnpf-table-addBtn" @@click="add@(@item.ChildTableName)">
@:<u-icon name="plus" color="#2979ff"></u-icon>添加 <span v-if="@(@Model.FormModel).@(@item.Name).length==0">@(@item.Label)</span>
@:</view>
@if(item.ShowSummary)
{
@:<view class="jnpf-table-item">
@:<view class="jnpf-table-item-title u-flex u-row-between">
@:<text class="jnpf-table-item-title-num">@(@item.Label)合计</text>
@:</view>
@:<u-form-item v-for="(item,i) in @(@item.LowerChildTableName)()" :key="i" :label="item.name">
@:<p>{{item.val}}</p>
@:</u-form-item>
@:</view>
}
@:</view>
break;
case "groupTitle":
@:<jnpf-group content="@(@item.Content)" content-position="@(@item.Contentposition)"></jnpf-group>
break;
case "divider":
@:<u-divider half-width="200" height="80">@(@item.Default)</u-divider>
break;
case "card":
case "row":
@:<view class="jnpf-card">
@:<view class="jnpf-card-cap u-line-1">@(@item.Content)</view>
@{GenCodeAppFormChildrenControls(item.Children);}
@:</view>
break;
case "comInput":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.MaxLength)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@blur='"+ @item.LowerName +"Change'":"")></u-input>
@:</u-form-item>
break;
case "textarea":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" type="textarea" @(@item.MaxLength)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")/>
@:</u-form-item>
break;
case "numInput":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-number-box v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Max)@(@item.Min)@(@item.Step)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-number-box>
@:</u-form-item>
break;
case "switch":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<view class="u-flex u-form-item-switch">
@:<jnpf-switch v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-switch>
@:</view>
@:</u-form-item>
break;
case "radio":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-radio v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props"@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-radio>
@:</u-form-item>
break;
case "checkbox":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-checkbox v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-checkbox>
@:</u-form-item>
break;
case "select":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-select v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Placeholder)@(@item.Multiple)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-select>
@:</u-form-item>
break;
case "cascader":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-cascader v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.Filterable)@(@item.ShowAllLevels)@(@item.Clearable)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-cascader>
@:</u-form-item>
break;
case "address":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-city-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Level)@(@item.Placeholder)@(@item.IsDisabled)@(@item.Multiple)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-city-select>
@:</u-form-item>
break;
case "treeSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-tree-select v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Placeholder)@(@item.Multiple)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-tree-select>
@:</u-form-item>
break;
case "JNPFText":
@:<jnpf-text value="@(@item.DefaultValue)" :textStyle='@(@item.TextStyle)'/>
break;
case "uploadImg":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-upload v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)></jnpf-upload>
@:</u-form-item>
break;
case "uploadFz":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-file v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)@(@item.Limit)@(@item.SizeUnit)@(@item.FileSize)@(@item.Accept)/>
@:</u-form-item>
break;
case "rate":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-rate v-model="@(@Model.FormModel).@(@item.LowerName)" size="40" :count="@(@item.Count)" @(@item.Readonly)@(@item.AllowHalf)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></u-rate>
@:</u-form-item>
break;
case "slider":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-slider v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Step)@(@item.Min)@(@item.Max)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")style="width: 100%;">
@:<view class="slider-badge-button">{{@(@Model.FormModel).@(@item.LowerName)}}</view>
@:</u-slider>
@:</u-form-item>
break;
case "time":
case "date":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-date-time @(@item.Type)v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-date-time>
@:</u-form-item>
break;
case "comSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-com-select type="organize" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-com-select>
@:</u-form-item>
break;
case "depSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-postordep-select type="department" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-postordep-select>
@:</u-form-item>
break;
case "posSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-postordep-select type="position" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-postordep-select>
@:</u-form-item>
break;
case "userSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-user-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.UserRelationAttr)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-user-select>
@:</u-form-item>
break;
case "usersSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-user-choice v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds + item.AbleIds : "")@(@item.UserRelationAttr)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-user-choice>
@:</u-form-item>
break;
case "groupSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-group-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-group-select>
@:</u-form-item>
break;
case "roleSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-role-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-role-select>
@:</u-form-item>
break;
case "tab":
@:<view prop="@(@item.LowerName)">
@:<u-tabs :is-scroll="false" :list="@(@item.LowerName)Title" name="title" :current="@(@item.LowerName)Current" @@change="@(@item.LowerName)Change"></u-tabs>
@:<view>
@{ int n = 0;}
@foreach(var tab in item.Children)
{
@:<view v-if="@(@n) == @(@item.LowerName)Current">
@{GenCodeAppFormChildrenControls(tab.Children);}
@:</view>
@{n++;}
}
@:</view>
@:</view>
break;
case "collapse":
@:<view prop="@(@item.LowerName)">
@:<template>
@:<view class="collapse">
@:<u-collapse v-model="@(@item.Name)" :accordion="@(@item.Accordion)">
@foreach(var collapse in item.Children)
{
@:<u-collapse-item class="collapse-item" name="@(@collapse.Name)" title="@(@collapse.Title)">
@{GenCodeAppFormChildrenControls(collapse.Children);}
@:</u-collapse-item>
}
@:</u-collapse>
@:</view>
@:</template>
@:</view>
break;
@*关联表单*@
case "relationForm":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-relation-select @(@item.vModel)@(@item.IsDisabled)@(@item.RelationField)@(@item.ColumnOptions)@(item.ModelId != "" ? "modelId='"+ item.ModelId +"' " :"")@(@item.Placeholder)@(@item.HasPage)@(@item.PageSize)@(item.TemplateJson)vModel="@(@item.Name)" type="relation" @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")@(item.IsLinkage ? ":formData='dataForm' ": "")></jnpf-relation-select>
@:</u-form-item>
break;
@*关联表单属性*@
case "relationFormAttr":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-relation-attr showField="@(@item.ShowField)" relationField="@(@item.RelationField)" isStorage="@(@item.IsStorage)" @(@item.vModel) type='relationFormAttr' @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-relation-attr>
@:</u-form-item>
break;
@*弹窗选择*@
case "popupSelect":
@:<u-form-item label="@(@item.Label)"prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-popup-select @(@item.vModel)@(@item.IsDisabled)@(@item.PropsValue)@(@item.RelationField)@(@item.ColumnOptions)@(@item.InterfaceId)@(@item.Placeholder)@(@item.HasPage)@(@item.PageSize)@(@item.PopupType)@(@item.PopupTitle)@(@item.PopupWidth)@(item.TemplateJson)vModel="@(@item.Name)" @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"") @(item.IsLinkage ? ":formData='dataForm' ": "")type="popup"></jnpf-popup-select>
@:</u-form-item>
break;
@*弹窗选择属性*@
case "popupAttr":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-relation-attr showField="@(@item.ShowField)" relationField="@(@item.RelationField)" isStorage="@(@item.IsStorage)" @(@item.vModel) type='popupAttr' @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-relation-attr>
@:</u-form-item>
break;
case "colorPicker":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-colorPicker v-model="@(@Model.FormModel).@(@item.LowerName)" @(item.ColorFormat)@(@item.IsDisabled)></jnpf-colorPicker>
@:</u-form-item>
break;
case "editor":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)">
@:<jnpf-editor @(@item.vModel)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change'":"")></jnpf-editor>
@:</u-form-item>
break;
case "button":
@:<u-form-item>
@:<jnpf-button buttonText="@(@item.ButtonText)" align="@(@item.Align)" type="@(@item.Type)"></jnpf-button>
@:</u-form-item>
break;
case "alert":
@:<u-form-item>
@:<jnpf-alert-tips type="@(@item.Type)" title="@(@item.Title)" tagIcon='icon-ym icon-ym-generator-alert' :showIcon="@(@item.ShowIcon)" :closable="false"></jnpf-alert-tips>
@:</u-form-item>
break;
case "link":
@:<u-form-item>
@:<jnpf-link content="@(@item.Content)" href="@(@item.Href)" target='@(@item.Target)' :textStyle='@(@item.TextStyle)' />
@:</u-form-item>
break;
case "popupTableSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-table-select @(@item.vModel)@(@item.InterfaceId)@(@item.Placeholder)@(@item.IsDisabled)@(@item.ColumnOptions)@(@item.RelationField)@(@item.PropsValue)@(@item.HasPage)@(@item.PageSize)@(@item.PopupTitle)@(@item.Multiple)@(@item.Filterable)@(item.TemplateJson)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":""):vModel="'@(@item.LowerName)'" @(item.IsLinkage ? ":formData='dataForm' ": "")></jnpf-table-select>
@:</u-form-item>
break;
case "createUser":
case "createTime":
case "currOrganize":
case "currPosition":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-open-data v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Type)@(@item.IsDisabled)></jnpf-open-data>
@:</u-form-item>
break;
default:
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.NoShow)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" placeholder="系统自动生成" @(@item.IsDisabled)></u-input>
@:</u-form-item>
break;
}
}
}
}
@{
void GenCodeAppFormChildrenControls(ICollection<FormControlDesignModel> childrenList)
{
@foreach(var item in childrenList)
{
@switch(item.jnpfKey)
{
case "table":
@:<view class="jnpf-table">
@:<view class="jnpf-table-item" v-for="(item,i) in @(@Model.FormModel).@(@item.Name)" :key="i">
@:<view class="jnpf-table-item-title u-flex u-row-between">
@:<text class="jnpf-table-item-title-num">@(@item.Label)({{i+1}})</text>
@:<template v-if="!setting.readonly && !judgeWrite('@(@item.Name)')">
@:<view class="jnpf-table-item-title-action" v-if="@(@Model.FormModel).@(@item.Name).length > 1" @@click="del@(@item.ChildTableName)(i)">删除</view>
@:</template>
@:</view>
@foreach(var children in item.Children)
{
@switch(children.jnpfKey)
{
case "relationFormAttr":
case "popupAttr":
@:<u-form-item label="@(@children.Label)" prop="@(@children.RelationField)" v-if="judgeShow('@(@item.Name)-@(@children.LowerName)')" :required="requiredList['@(@item.Name + "-" + @children.LowerName)']">
break;
default:
@:<u-form-item label="@(@children.Label)" prop="@(@children.LowerName)" v-if="judgeShow('@(@item.Name)-@(@children.LowerName)')" :required="requiredList['@(@item.Name + "-" + @children.LowerName)']">
break;
}
@switch(children.jnpfKey)
{
case "uploadFz":
@:<jnpf-file v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.Limit)@(@children.SizeUnit)@(@children.FileSize)@(@children.Accept)/>
break;
case "uploadImg":
@:<jnpf-upload v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)></jnpf-upload>
break;
case "comSelect":
@:<jnpf-com-select type="organize" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-com-select>
break;
case "address":
@:<jnpf-city-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Level)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-city-select>
break;
case "billRule":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" placeholder="系统自动生成" @(@children.Disabled)></u-input>
break;
case "treeSelect":
@:<jnpf-tree-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" :options="dataForm.@(@item.Name + "[i]." + @children.LowerName)Options" :props="@(@item.Name + "_" + @children.LowerName)Props" @(@children.Disabled)@(@children.Placeholder)@(@children.Multiple)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-tree-select>
break;
case "userSelect":
@:<jnpf-user-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.UserRelationAttr)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-user-select>
break;
case "usersSelect":
@:<jnpf-user-choice v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds + @children.AbleIds : "")@(@children.UserRelationAttr)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-user-choice>
break;
case "posSelect":
@:<jnpf-postordep-select type="position" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Multiple)@(@children.Placeholder)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-postordep-select>
break;
case "depSelect":
@:<jnpf-postordep-select type="department" v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Multiple)@(@children.Placeholder)@(@children.Disabled)@(@children.SelectType != "" ? "selectType='" + children.SelectType + "' " : "")@(@children.IsCustomSelect ? @children.AbleDepIds + @children.AblePosIds + @children.AbleUserIds + @children.AbleRoleIds + @children.AbleGroupIds : "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-postordep-select>
break;
@*分组选择*@
case "groupSelect":
@:<jnpf-group-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
@*角色选择*@
case "roleSelect":
@:<jnpf-role-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
case "select":
@:<jnpf-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder):options="dataForm.@(@item.Name + "[i]." + @children.LowerName)Options" :props="@(@item.Name + "_" + @children.LowerName)Props" @(@children.Multiple)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-select>
break;
case "cascader":
@:<jnpf-cascader v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder):options="dataForm.@(@item.Name + "[i]." + @children.LowerName)Options" :props="@(@item.Name + "_" + @children.LowerName)Props" @(@children.Multiple)@(@children.Disabled)@(@children.Filterable)@(@children.ShowAllLevels)@(@children.Clearable)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-cascader>
break;
case "numInput":
@:<jnpf-number-box v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Max)@(@children.Min)@(@children.Step)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-number-box>
break;
case "date":
case "time":
@:<jnpf-date-time @(@children.Type)v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-date-time>
break;
case "switch":
@:<view class="u-flex u-form-item-switch">
@:<jnpf-switch v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")></jnpf-switch>
@:</view>
break;
case "comInput":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@blur='"+ @children.LowerName +"TableChange(i)' ":"")></u-input>
break;
@*关联表单*@
case "relationForm":
@:<jnpf-relation-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.RelationField)@(@children.ColumnOptions)@(children.ModelId != "" ? "modelId='"+ children.ModelId +"' " :"")@(@children.Placeholder)@(@children.HasPage)@(@children.PageSize)@(@children.TemplateJson)@(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@children.Name)'+i" type="relation"></jnpf-relation-select>
break;
@*关联表单属性*@
case "relationFormAttr":
@:<jnpf-relation-attr showField="@(@children.ShowField)" @(children.IsStorage == 2 ? "v-model='" + Model.FormModel + "." + item.Name + "[i]." + children.LowerName + "'" : "") :relationField="'@(@children.RelationField)'+i" isStorage="@(@children.IsStorage)" type='relationFormAttr'></jnpf-relation-attr>
break;
@*弹窗选择属性*@
case "popupSelect":
@:<jnpf-popup-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.Disabled)@(@children.PropsValue)@(@children.RelationField)@(@children.ColumnOptions)@(@children.InterfaceId)@(@children.Placeholder)@(@children.HasPage)@(@children.PageSize)@(@children.PopupType)@(@children.PopupTitle)@(@children.PopupWidth)@(@children.TemplateJson)@(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@children.Name)'+i" type="popup"></jnpf-popup-select>
break;
@*弹窗选择属性*@
case "popupAttr":
@:<jnpf-relation-attr showField="@(@children.ShowField)" @(children.IsStorage == 2 ? "v-model='" + Model.FormModel + "." + item.Name + "[i]." + children.LowerName + "'" : "") :relationField="'@(@children.RelationField)'+i" isStorage="@(@children.IsStorage)" type='popupAttr'></jnpf-relation-attr>
break;
case "textarea":
@:<u-input v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" type="textarea" @(@children.MaxLength)@(@children.Placeholder)@(@children.Disabled)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":"")/>
break;
case "popupTableSelect":
@:<jnpf-table-select v-model="@(@Model.FormModel).@(@item.Name)[i].@(@children.LowerName)" @(@children.InterfaceId)@(@children.Placeholder)@(@children.Disabled)@(@children.ColumnOptions)@(@children.RelationField)@(@children.PropsValue)@(@children.HasPage)@(@children.PageSize)@(@children.PopupTitle)@(@children.Multiple)@(@children.Filterable)@(@children.TemplateJson)@(@children.IsLinked ? "@change='"+ @children.LowerName +"TableChange(i)' ":""):vModel="'@(@item.Name + "-" +@children.LowerName)'+i" @(children.IsLinkage ? ":formData='dataForm' :rowIndex='i' ": "")></jnpf-table-select>
break;
}
@:</u-form-item>
}
@:</view>
@:<view class="jnpf-table-addBtn" @@click="add@(@item.ChildTableName)">
@:<u-icon name="plus" color="#2979ff"></u-icon>添加 <span v-if="@(@Model.FormModel).@(@item.Name).length==0">@(@item.Label)</span>
@:</view>
@if(item.ShowSummary)
{
@:<view class="jnpf-table-item">
@:<view class="jnpf-table-item-title u-flex u-row-between">
@:<text class="jnpf-table-item-title-num">@(@item.Label)合计</text>
@:</view>
@:<u-form-item v-for="(item,i) in @(@item.LowerChildTableName)()" :key="i" :label="item.name">
@:<p>{{item.val}}</p>
@:</u-form-item>
@:</view>
}
@:</view>
break;
case "groupTitle":
@:<jnpf-group content="@(@item.Content)" content-position="@(@item.Contentposition)"></jnpf-group>
break;
case "divider":
@:<u-divider half-width="200" height="80">@(@item.Default)</u-divider>
break;
case "card":
case "row":
@:<view class="jnpf-card">
@:<view class="jnpf-card-cap u-line-1">@(@item.Content)</view>
@{GenCodeAppFormChildrenControls(item.Children);}
@:</view>
break;
case "comInput":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.MaxLength)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@blur='"+ @item.LowerName +"Change' ":"")></u-input>
@:</u-form-item>
break;
case "textarea":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" type="textarea" @(@item.MaxLength)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")/>
@:</u-form-item>
break;
case "numInput":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-number-box v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Max)@(@item.Min)@(@item.Step)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-number-box>
@:</u-form-item>
break;
case "switch":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<view class="u-flex u-form-item-switch">
@:<jnpf-switch v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-switch>
@:</view>
@:</u-form-item>
break;
case "radio":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-radio v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-radio>
@:</u-form-item>
break;
case "checkbox":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-checkbox v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-checkbox>
@:</u-form-item>
break;
case "select":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-select v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Placeholder)@(@item.Multiple)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-select>
@:</u-form-item>
break;
case "cascader":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-cascader v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.Filterable)@(@item.ShowAllLevels)@(@item.Clearable)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-cascader>
@:</u-form-item>
break;
case "address":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-city-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Level)@(@item.Placeholder)@(@item.IsDisabled)@(@item.Multiple)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-city-select>
@:</u-form-item>
break;
case "treeSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-tree-select v-model="@(@Model.FormModel).@(@item.LowerName)" :options="@(@item.LowerName)Options" :props="@(@item.LowerName)Props" @(@item.Placeholder)@(@item.Multiple)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-tree-select>
@:</u-form-item>
break;
case "JNPFText":
@:<jnpf-text value="@(@item.DefaultValue)" :textStyle='@(@item.TextStyle)'/>
break;
case "uploadImg":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-upload v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)></jnpf-upload>
@:</u-form-item>
break;
case "uploadFz":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-file v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.IsDisabled)@(@item.Limit)@(@item.SizeUnit)@(@item.FileSize)@(@item.Accept)/>
@:</u-form-item>
break;
case "rate":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-rate v-model="@(@Model.FormModel).@(@item.LowerName)" size="40" :count="@(@item.Count)" @(@item.Readonly)@(@item.AllowHalf)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></u-rate>
@:</u-form-item>
break;
case "slider":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<u-slider v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Step)@(@item.Min)@(@item.Max)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")style="width: 100%;">
@:<view class="slider-badge-button">{{@(@Model.FormModel).@(@item.LowerName)}}</view>
@:</u-slider>
@:</u-form-item>
break;
case "time":
case "date":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-date-time @(@item.Type)v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-date-time>
@:</u-form-item>
break;
case "comSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-com-select type="organize" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-com-select>
@:</u-form-item>
break;
case "depSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-postordep-select type="department" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-postordep-select>
@:</u-form-item>
break;
case "posSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-postordep-select type="position" v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-postordep-select>
@:</u-form-item>
break;
case "userSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-user-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")@(@item.UserRelationAttr)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-user-select>
@:</u-form-item>
break;
case "usersSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-user-choice v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.SelectType != "" ? "selectType='" + item.SelectType + "' " : "")@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds + item.AbleIds : "")@(@item.UserRelationAttr)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-user-choice>
@:</u-form-item>
break;
case "groupSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-group-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-group-select>
@:</u-form-item>
break;
case "roleSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-role-select v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Multiple)@(@item.Placeholder)@(@item.IsDisabled)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-role-select>
@:</u-form-item>
break;
@*关联表单*@
case "relationForm":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-relation-select @(@item.vModel)@(@item.IsDisabled)@(@item.RelationField)@(@item.ColumnOptions)@(item.ModelId != "" ? "modelId='"+ item.ModelId +"' " :"")@(@item.Placeholder)@(@item.HasPage)@(@item.PageSize) @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")@(@item.TemplateJson)@(@item.IsLinkage ? ":formData='dataForm' ": "")vModel="@(@item.Name)" type="relation"></jnpf-relation-select>
@:</u-form-item>
break;
@*关联表单属性*@
case "relationFormAttr":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-relation-attr showField="@(@item.ShowField)" @(item.IsStorage == 2 ? item.IsDisabled : "")relationField="@(@item.RelationField)" isStorage="@(@item.IsStorage)" @(@item.vModel)type='relationFormAttr' @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-relation-attr>
@:</u-form-item>
break;
@*弹窗选择*@
case "popupSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-popup-select @(@item.vModel)@(@item.IsDisabled)@(@item.PropsValue)@(@item.RelationField)@(@item.ColumnOptions)@(@item.InterfaceId)@(@item.Placeholder)@(@item.HasPage)@(@item.PageSize)@(@item.PopupType)@(@item.PopupTitle)@(@item.PopupWidth)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")@(@item.TemplateJson)@(@item.IsLinkage ? ":formData='dataForm' ": "")vModel="@(@item.Name)" type="popup"></jnpf-popup-select>
@:</u-form-item>
break;
@*弹窗选择属性*@
case "popupAttr":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-relation-attr showField="@(@item.ShowField)" @(item.IsStorage == 2 ? item.IsDisabled : "")relationField="@(@item.RelationField)" isStorage="@(@item.IsStorage)" @(@item.vModel) type='popupAttr' @(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-relation-attr>
@:</u-form-item>
break;
case "tab":
@:<view prop="@(@item.LowerName)">
@:<u-tabs :is-scroll="false" :list="@(@item.LowerName)Title" name="title" :current="@(@item.LowerName)Current" @@change="@(@item.LowerName)Change"></u-tabs>
@:<view>
@{ int m = 0;}
@foreach(var collapse in item.Children)
{
@:<view v-if="@(@m) == @(@item.LowerName)Current">
@{GenCodeAppFormChildrenControls(collapse.Children);}
@:</view>
@{m++;}
}
@:</view>
@:</view>
break;
case "collapse":
@:<view prop="@(@item.LowerName)">
@:<template>
@:<view class="collapse">
@:<u-collapse v-model="@(@item.Name)" :accordion="@(@item.Accordion)">
@foreach(var collapse in item.Children)
{
@:<u-collapse-item class="collapse-item" name="@(@collapse.Name)" title="@(@collapse.Title)">
@{GenCodeAppFormChildrenControls(collapse.Children);}
@:</u-collapse-item>
}
@:</u-collapse>
@:</view>
@:</template>
@:</view>
break;
case "colorPicker":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)" @(@item.IsRequired)>
@:<jnpf-colorPicker v-model="@(@Model.FormModel).@(@item.LowerName)" @(item.ColorFormat)@(@item.IsDisabled)></jnpf-colorPicker>
@:</u-form-item>
break;
case "editor":
@:<u-form-item label="@(@item.Label)" prop="@(@item.RelationField)">
@:<jnpf-editor @(@item.vModel)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":"")></jnpf-editor>
@:</u-form-item>
break;
case "button":
@:<u-form-item>
@:<jnpf-button buttonText="@(@item.ButtonText)" align="@(@item.Align)" type="@(@item.Type)"></jnpf-button>
@:</u-form-item>
break;
case "alert":
@:<u-form-item>
@:<jnpf-alert-tips type="@(@item.Type)" title="@(@item.Title)" tagIcon='icon-ym icon-ym-generator-alert' :showIcon="@(@item.ShowIcon)" :closable="false"></jnpf-alert-tips>
@:</u-form-item>
break;
case "link":
@:<u-form-item>
@:<jnpf-link content="@(@item.Content)" href="@(@item.Href)" target='@(@item.Target)' :textStyle='@(@item.TextStyle)' />
@:</u-form-item>
break;
case "popupTableSelect":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-table-select @(@item.vModel)@(@item.InterfaceId)@(@item.Placeholder)@(@item.IsDisabled)@(@item.ColumnOptions)@(@item.RelationField)@(@item.PropsValue)@(@item.HasPage)@(@item.PageSize)@(@item.PopupTitle)@(@item.Multiple)@(@item.Filterable)@(item.TemplateJson)@(@item.IsLinked ? "@change='"+ @item.LowerName +"Change' ":""):vModel="'@(@item.LowerName)'" @(item.IsLinkage ? ":formData='dataForm' ": "")></jnpf-table-select>
@:</u-form-item>
break;
case "createUser":
case "createTime":
case "currOrganize":
case "currPosition":
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.IsRequired)>
@:<jnpf-open-data v-model="@(@Model.FormModel).@(@item.LowerName)" @(@item.Type)@(@item.IsDisabled)></jnpf-open-data>
@:</u-form-item>
break;
default:
@:<u-form-item label="@(@item.Label)" prop="@(@item.LowerName)" @(@item.NoShow)>
@:<u-input v-model="@(@Model.FormModel).@(@item.LowerName)" placeholder="系统自动生成" @(@item.IsDisabled)></u-input>
@:</u-form-item>
break;
}
}
}
}