优化移动端代码生成

This commit is contained in:
不做码农 2023-07-17 22:00:10 +08:00
parent 384d85c98a
commit 67d6d7dd8e
2 changed files with 40 additions and 33 deletions

View File

@ -13,20 +13,20 @@ $end
$if(column.IsPK || column.IsIncrement) $if(column.IsPK || column.IsIncrement)
$if(column.IsPK && column.IsIncrement == false) $if(column.IsPK && column.IsIncrement == false)
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="opertype != 1"></u--input> <u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="opertype != 1"></u--input>
</u-form-item> </u-form-item>
$else $else
<u-form-item label="${labelName}" prop="${columnName}" v-if="opertype != 1"> <u-form-item label="${labelName}" prop="${columnName}" v-if="opertype != 1">
<u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="true"/> <u--input type="number" v-model.number="form.${columnName}" placeholder="请输入${labelName}" :disabled="true"/>
</u-form-item> </u-form-item>
$end $end
$else $else
$if(column.HtmlType == "radio" || column.HtmlType == "selectRadio") $if(column.HtmlType == "radio" || column.HtmlType == "selectRadio")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<u-radio-group v-model="form.${columnName}"> <u-radio-group v-model="form.${columnName}">
<u-radio v-for="item in ${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end" :name="${value}" class="margin-right-xl">{{item.label}}</u-radio> <u-radio v-for="item in ${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end" :name="${value}" class="margin-right-xl">{{item.label}}</u-radio>
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "checkbox") $elseif(column.HtmlType == "checkbox")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
@ -39,12 +39,12 @@ $elseif(column.HtmlType == "checkbox")
</view> </view>
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "inputNumber" || column.HtmlType == "customInput") $elseif(column.HtmlType == "inputNumber" || column.HtmlType == "customInput")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<u-number-box v-model="form.${columnName}"></u-number-box> <u-number-box v-model="form.${columnName}"></u-number-box>
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "datetime" || column.HtmlType == "month") $elseif(column.HtmlType == "datetime" || column.HtmlType == "month")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<uni-datetime-picker v-model="form.${columnName}" /> <uni-datetime-picker v-model="form.${columnName}" />
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "textarea") $elseif(column.HtmlType == "textarea")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
@ -52,17 +52,17 @@ $elseif(column.HtmlType == "textarea")
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "imageUpload" || column.HtmlType == "fileUpload") $elseif(column.HtmlType == "imageUpload" || column.HtmlType == "fileUpload")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<UploadFile v-model="form.${columnName}"></UploadFile> <uploadImage v-model="form.${columnName}"></uploadImage>
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "select" || column.HtmlType == "selectMulti") $elseif(column.HtmlType == "select" || column.HtmlType == "selectMulti")
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<uni-data-select v-model="form.${columnName}" :clear="true" :localdata="${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end" <uni-data-select v-model="form.${columnName}" :clear="true" :localdata="${if(column.DictType != "")}dict.type.${column.DictType}${else}${column.CsharpFieldFl}Options$end"
format="{label} - {value}"></uni-data-select> format="{label} - {value}"></uni-data-select>
</u-form-item> </u-form-item>
$else $else
<u-form-item label="${labelName}" prop="${columnName}"> <u-form-item label="${labelName}" prop="${columnName}">
<u--input v-model${number}="form.${columnName}" placeholder="请输入${labelName}" ${column.DisabledStr}/> <u--input v-model${number}="form.${columnName}" placeholder="请输入${labelName}" ${column.DisabledStr}/>
</u-form-item> </u-form-item>
$end $end
$end $end
$end $end
@ -90,10 +90,15 @@ $end
$if(replaceDto.ShowBtnEdit) $if(replaceDto.ShowBtnEdit)
update${genTable.BusinessName}, update${genTable.BusinessName},
$end $end
} }
from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js' from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js'
export default { export default {
$if(replaceDto.UploadFile == 1)
components: {
UploadImage
},
$end
dicts: [ dicts: [
$foreach(item in genTable.Columns) $foreach(item in genTable.Columns)
$if((item.HtmlType == "radio" || item.HtmlType.Contains("select") || item.HtmlType == "checkbox") && item.DictType != "") $if((item.HtmlType == "radio" || item.HtmlType.Contains("select") || item.HtmlType == "checkbox") && item.DictType != "")

View File

@ -17,7 +17,7 @@ $if(column.IsList == true)
$if(column.HtmlType == "imageUpload") $if(column.HtmlType == "imageUpload")
<view class="info-line"> <view class="info-line">
<text class="label-name">${labelName}</text> <text class="label-name">${labelName}</text>
<ImagePreview :src="item.${columnName}"></ImagePreview> <imagePreview :src="item.${columnName}"></imagePreview>
</view> </view>
$elseif(column.HtmlType == "checkbox" || column.HtmlType == "select" || column.HtmlType == "radio") $elseif(column.HtmlType == "checkbox" || column.HtmlType == "select" || column.HtmlType == "radio")
<view class="info-line"> <view class="info-line">
@ -98,14 +98,16 @@ $if(column.HtmlType == "datetime")
</u-form-item> </u-form-item>
$elseif(column.HtmlType == "radio" || column.HtmlType == "select") $elseif(column.HtmlType == "radio" || column.HtmlType == "select")
<u-form-item label="${labelName}" prop="${column.CsharpFieldFl}" borderBottom ref="item2"> <u-form-item label="${labelName}" prop="${column.CsharpFieldFl}" borderBottom ref="item2">
<view class="tag-item"> <view class="tag-wrap">
<u-tag text="全部" :plain="null != queryParams.${column.CsharpFieldFl}" name="" @click="queryParams.${column.CsharpFieldFl} = null"> <view class="tag-item">
</u-tag> <u-tag text="全部" :plain="null != queryParams.${column.CsharpFieldFl}" name="" @click="queryParams.${column.CsharpFieldFl} = null">
</view> </u-tag>
<view class="tag-item" v-for="(item, index) in $if(column.DictType != "") dict.type.${column.DictType} $else ${column.CsharpFieldFl}Options$end" :key="index"> </view>
<u-tag :text="item.label" :plain="item.value != queryParams.${column.CsharpFieldFl}" :name="item.value" <view class="tag-item" v-for="(item, index) in $if(column.DictType != "") dict.type.${column.DictType} $else ${column.CsharpFieldFl}Options$end" :key="index">
@click="${column.CsharpFieldFl}Select(item)"> <u-tag :text="item.label" :plain="item.value != queryParams.${column.CsharpFieldFl}" :name="item.value"
</u-tag> @click="${column.CsharpFieldFl}Select(item)">
</u-tag>
</view>
</view> </view>
</u-form-item> </u-form-item>
$else $else
@ -135,10 +137,10 @@ $end
import "@/static/scss/page.scss"; import "@/static/scss/page.scss";
import { import {
list${genTable.BusinessName}, list${genTable.BusinessName},
$if(replaceDto.ShowBtnDelete || replaceDto.ShowBtnMultiDel) $if(replaceDto.ShowBtnDelete)
del${genTable.BusinessName}, del${genTable.BusinessName},
$end $end
} }
from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js' from '@/api/${tool.FirstLowerCase(genTable.ModuleName)}/${genTable.BusinessName.ToLower()}.js'
import { import {