mirror of https://gitee.com/xiaonuobase/snowy
【优化】移动端代码生成器模板调整
王鹏
parent
9f06cf96c6
commit
b2da2975f4
|
|
@ -557,24 +557,26 @@ public class GenBasicServiceImpl extends ServiceImpl<GenBasicMapper, GenBasic> i
|
|||
List<GenBasicPreviewResult.GenBasicCodeResult> genBasicCodeMobileResultList = CollectionUtil.newArrayList();
|
||||
GEN_MOBILE_FILE_LIST.forEach(fileJsonObject -> {
|
||||
String fileTemplateName = fileJsonObject.getStr("name");
|
||||
String fileTemplatePath = "";
|
||||
if (!"page.json.btl".equals(fileTemplateName)){
|
||||
fileTemplatePath = fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName();
|
||||
}
|
||||
|
||||
GenBasicPreviewResult.GenBasicCodeResult genBasicCodeMobileResult = new GenBasicPreviewResult.GenBasicCodeResult();
|
||||
Template templateMobile = groupTemplateMobile.getTemplate(fileTemplateName);
|
||||
templateMobile.binding(bindingJsonObject);
|
||||
|
||||
String resultName = StrUtil.removeSuffix(fileTemplateName, ".btl");
|
||||
if("Api.js.btl".equalsIgnoreCase(fileTemplateName)) {
|
||||
resultName = StrUtil.lowerFirst(genBasic.getClassName()) + resultName;
|
||||
resultName = StrUtil.toSymbolCase(genBasic.getClassName() + resultName, '-');
|
||||
genBasicCodeMobileResult.setCodeFileName(resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName() + File.separator + resultName);
|
||||
} else if("page.json.btl".equals(fileTemplateName)) {
|
||||
genBasicCodeMobileResult.setCodeFileName(resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + File.separator + resultName);
|
||||
} else if ("route.js.btl".equals(fileTemplateName)) {
|
||||
resultName = StrUtil.toSymbolCase(genBasic.getClassName(), '-') + ".js";
|
||||
genBasicCodeMobileResult.setCodeFileName(resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + resultName);
|
||||
} else {
|
||||
genBasicCodeMobileResult.setCodeFileName(resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + genBasic.getBusName() + File.separator + resultName);
|
||||
genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName() + File.separator + genBasic.getBusName() + File.separator + resultName);
|
||||
}
|
||||
genBasicCodeMobileResult.setCodeFileContent(templateMobile.render());
|
||||
genBasicCodeMobileResultList.add(genBasicCodeMobileResult);
|
||||
|
|
@ -620,6 +622,8 @@ public class GenBasicServiceImpl extends ServiceImpl<GenBasicMapper, GenBasic> i
|
|||
bindingJsonObject.set("className", genBasic.getClassName());
|
||||
// 类首字母小写名
|
||||
bindingJsonObject.set("classNameFirstLower", StrUtil.lowerFirst(genBasic.getClassName()));
|
||||
// 类小写且以横线分割
|
||||
bindingJsonObject.set("classNameLowerKebab", StrUtil.toSymbolCase(genBasic.getClassName(), '-'));
|
||||
// 主键名
|
||||
bindingJsonObject.set("dbTableKey", genBasic.getDbTableKey());
|
||||
// 主键Java类型
|
||||
|
|
|
|||
|
|
@ -1,34 +1,36 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 获取${functionName}分页
|
||||
export function ${classNameFirstLower}Page(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/page',
|
||||
method: 'get',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 提交${functionName}表单 add为false时为编辑，默认为新增
|
||||
export function ${classNameFirstLower}SubmitForm(data, add = true) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/'+ (add ? 'add' : 'edit'),
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 删除${functionName}
|
||||
export function ${classNameFirstLower}Delete(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/delete',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 获取${functionName}详情
|
||||
export function ${classNameFirstLower}Detail(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/detail',
|
||||
method: 'get',
|
||||
data: data
|
||||
})
|
||||
export default {
|
||||
// 获取${functionName}分页
|
||||
${classNameFirstLower}Page(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/page',
|
||||
method: 'GET',
|
||||
data: data
|
||||
})
|
||||
},
|
||||
// 提交${functionName}表单 add为false时为编辑，默认为新增
|
||||
${classNameFirstLower}SubmitForm(data, add = true) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/'+ (add ? 'add' : 'edit'),
|
||||
method: 'POST',
|
||||
data: data
|
||||
})
|
||||
},
|
||||
// 删除${functionName}
|
||||
${classNameFirstLower}Delete(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/delete',
|
||||
method: 'POST',
|
||||
data: data
|
||||
})
|
||||
},
|
||||
// 获取${functionName}详情
|
||||
${classNameFirstLower}Detail(data) {
|
||||
return request({
|
||||
url: '/${moduleName}/${busName}/detail',
|
||||
method: 'GET',
|
||||
data: data
|
||||
})
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,92 +1,81 @@
|
|||
<template>
|
||||
<view class="container snowy-shadow">
|
||||
<uv-form ref="formRef" :model="formData" :rules="rules" label-position="top" labelWidth="auto" :labelStyle="{marginBottom: '25rpx', fontSize: '27rpx', color: '#606266'}">
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<view class="snowy-form">
|
||||
<uni-forms ref="formRef" :model="formData" label-position="top" :rules="rules" validate-trigger="blur" labelWidth="auto">
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId') { %>
|
||||
<% if(configList[i].effectType == 'input') { %>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uv-input v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
|
||||
<uni-easyinput v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'textarea') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uv-textarea v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-textarea>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
|
||||
<uni-easyinput type="textarea" v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'select') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
|
||||
</uv-form-item>
|
||||
<% } else if (configList[i].effectType == 'radio') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uv-radio-group v-model="formData.${configList[i].fieldNameCamelCase}">
|
||||
<uv-radio :customStyle="{marginRight: '50rpx'}" v-for="(item, index) in ${configList[i].fieldNameCamelCase}Options" :key="index" :name="item.value" :label="item.text"></uv-radio>
|
||||
</uv-radio-group>
|
||||
</uv-form-item>
|
||||
<% } else if (configList[i].effectType == 'checkbox') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uv-checkbox-group v-model="formData.${configList[i].fieldNameCamelCase}">
|
||||
<uv-checkbox :customStyle="{marginRight: '50rpx'}" v-for="(item, index) in ${configList[i].fieldNameCamelCase}Options" :key="index" :name="item.value" :label="item.text"></uv-checkbox>
|
||||
</uv-checkbox-group>
|
||||
</uv-form-item>
|
||||
<% } else if (configList[i].effectType == 'datepicker') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<snowy-calendar v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></snowy-calendar>
|
||||
</uv-form-item>
|
||||
<% } else if (configList[i].effectType == 'timepicker') {%>
|
||||
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
|
||||
<snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" @getOptData="get${configList[i].fieldNameCamelCaseFirstUpper}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请选择${configList[i].fieldRemark}' }]">
|
||||
<uni-data-checkbox :multiple="${configList[i].effectType == 'checkbox'?true:false}" :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"> </uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'datepicker' || configList[i].effectType == 'timepicker') {%>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请选择${configList[i].fieldRemark}' }]">
|
||||
<uni-datetime-picker type=${configList[i].effectType == 'timepicker'?'datetime':'date'} v-model="formData.${configList[i].fieldNameCamelCase}" > </uni-datetime-picker>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'inputNumber') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uv-number-box v-model="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100"></uv-number-box>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
|
||||
<uni-number-box v-model="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100"></uni-number-box>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'slider') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
|
||||
<slider :value="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100" :step="1" @change="(e)=>{formData.${configList[i].fieldNameCamelCase} = e.detail.value}"></slider>
|
||||
</uv-form-item>
|
||||
</uni-forms-item>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</uv-form>
|
||||
</uni-forms>
|
||||
<tui-button margin="50rpx 0" :preventClick="true" :shadow="true" @click="submit">提交</tui-button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="${classNameFirstLower}Form">
|
||||
<%
|
||||
var iptTool = 0;
|
||||
for(var i = 0; i < configList.~size; i++) {
|
||||
if(!configList[i].needTableId) {
|
||||
if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {
|
||||
iptTool++;
|
||||
}
|
||||
}
|
||||
}
|
||||
%>
|
||||
import { onLoad } from "@dcloudio/uni-app"
|
||||
import { ${classNameFirstLower}Detail, ${classNameFirstLower}SubmitForm } from '@/api/${moduleName}/${classNameFirstLower}Api'
|
||||
import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
|
||||
import { reactive, ref, getCurrentInstance } from "vue"
|
||||
import CallbackState from "@/enum/callback-state"
|
||||
|
||||
const { proxy } = getCurrentInstance()
|
||||
const formRef = ref()
|
||||
const formData = ref({
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId') { %>
|
||||
${configList[i].fieldNameCamelCase}: '',
|
||||
<% } %>
|
||||
<% } %>
|
||||
})
|
||||
// https://www.uvui.cn/components/form.html
|
||||
const formData = ref({})
|
||||
// 常用正则规则大全：https://any86.github.io/any-rule/
|
||||
// 去pages/biz/user/form.vue中寻找示例
|
||||
const rules = reactive({
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId' && configList[i].required) { %>
|
||||
${configList[i].fieldNameCamelCase}: [{
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入${configList[i].fieldRemark}',
|
||||
trigger: ['blur', 'change']
|
||||
}],
|
||||
<% } %>
|
||||
<% } %>
|
||||
})
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId) { %>
|
||||
<% if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
|
||||
const ${configList[i].fieldNameCamelCase}Options = ref([])
|
||||
<% if(configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
|
||||
const ${configList[i].fieldNameCamelCase}Options = ref([])
|
||||
<% } %>
|
||||
<% if(configList[i].effectType == 'select') { %>
|
||||
const get${configList[i].fieldNameCamelCaseFirstUpper}Options = (param, callback) => callback({ state: CallbackState.SUCCESS, data: uni.$snowy.tool.dictList('${configList[i].dictTypeCode}') })
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
onLoad((option) => {
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId) { %>
|
||||
<% if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
|
||||
<% if(configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
|
||||
${configList[i].fieldNameCamelCase}Options.value = uni.$snowy.tool.dictList('${configList[i].dictTypeCode}')
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
|
@ -94,17 +83,17 @@
|
|||
if(!option.id){
|
||||
return
|
||||
}
|
||||
${classNameFirstLower}Detail({
|
||||
${classNameFirstLower}Api.${classNameFirstLower}Detail({
|
||||
id: option.id
|
||||
}).then(res => {
|
||||
formData.value = res?.data
|
||||
}).then(data => {
|
||||
formData.value = data
|
||||
})
|
||||
})
|
||||
const submit = () => {
|
||||
formRef.value.validate().then(res => {
|
||||
${classNameFirstLower}SubmitForm(formData.value, !formData.value.id).then(respond => {
|
||||
${classNameFirstLower}Api.${classNameFirstLower}SubmitForm(formData.value, !formData.value.id).then(data => {
|
||||
uni.$emit('formBack', {
|
||||
data: respond.data
|
||||
data: data
|
||||
})
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
|
|
@ -114,8 +103,4 @@
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
margin: 80rpx 0 0;
|
||||
padding: 30rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -6,98 +6,82 @@
|
|||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { searchCount ++; }%>
|
||||
<% } %>
|
||||
<% if (searchCount > 0) { %>
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
|
||||
<% if(row <= 1) { %>
|
||||
<snowy-search placeholder="请输入${configList[i].fieldRemark}" v-model="searchFormState.${configList[i].fieldNameCamelCase}" @confirm="loadData(true)" @clear="loadData(true)" :enableSenior="true" @seniorSearch="$refs.searchRef.open()"></snowy-search>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<search ref="searchRef" :searchFormState="searchFormState" @confirm="loadData(true)"></search>
|
||||
<% } %>
|
||||
<view class="${busName}-list">
|
||||
<view class="item" v-for="(item, index) in ${classNameFirstLower}Data" :key="index" :index="index" @tap="moreTapItem(item, index)">
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].whetherTable && configList[i].fieldNameCamelCase != 'tenantId') { %>
|
||||
<uv-row customStyle="margin-bottom: 15rpx">
|
||||
<uv-col :span="1">
|
||||
<uv-icon size="18" name="tags-fill" color="#5677fc"></uv-icon>
|
||||
</uv-col>
|
||||
<uv-col :span="5">
|
||||
<view class="item-left">${configList[i].fieldRemark}</view>
|
||||
</uv-col>
|
||||
<uv-col :span="6" textAlign="right">
|
||||
<view class="item-right snowy-bold snowy-ellipsis"> {{ item.${configList[i].fieldNameCamelCase} }} </view>
|
||||
</uv-col>
|
||||
</uv-row>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</view>
|
||||
<view>
|
||||
<z-paging ref="dataPagingRef" :fixed="true" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic" @virtualListChange="virtualListChange" @query="loadData" :auto="true">
|
||||
<template #top>
|
||||
<% if (searchCount > 0) { %>
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
|
||||
<% if(row <= 1) { %>
|
||||
<view class="snowy-z-paging-item">
|
||||
<snowy-search placeholder="请输入${configList[i].fieldRemark}" v-model="searchFormData.${configList[i].fieldNameCamelCase}" @confirm="$refs.dataPagingRef.reload()" @clear="$refs.dataPagingRef.reload()" :seniorEnable="true" @seniorSearch="$refs.searchRef.open()"></snowy-search>
|
||||
</view>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<search ref="searchRef" :searchFormData="searchFormData" @confirm="$refs.dataPagingRef.reload()"></search>
|
||||
<% } %>
|
||||
</template>
|
||||
<view class="snowy-shadow snowy-z-paging-item snowy-padding snowy-hover" v-for="(item, index) in ${classNameFirstLower}Data" :key="index" @tap="moreTapItem(item, index)">
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].whetherTable && configList[i].fieldNameCamelCase != 'tenantId') { %>
|
||||
<uni-row class="item-uni-row">
|
||||
<uni-col :span="2">
|
||||
<uni-icons size="18" type="paperclip" color="#5677fc"></uni-icons>
|
||||
</uni-col>
|
||||
<uni-col :span="10">
|
||||
<view class="snowy-sub-title">${configList[i].fieldRemark}</view>
|
||||
</uni-col>
|
||||
<uni-col :span="12">
|
||||
<view class="snowy-text-right snowy-text-bold snowy-text-ellipsis"> {{ item.${configList[i].fieldNameCamelCase} }} </view>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</view>
|
||||
</z-paging>
|
||||
<snowy-float-btn v-if="$snowy.hasPerm('mobile${className}Add')" @click="add"></snowy-float-btn>
|
||||
<more ref="moreRef" @handleOk="loadData(true)"></more>
|
||||
</view>
|
||||
<snowy-empty :fixed="true" v-show="$xeu.isEmpty(${classNameFirstLower}Data)" />
|
||||
<snowy-float-btn v-if="$snowy.hasPerm('mobile${className}Add')" @click="add"></snowy-float-btn>
|
||||
<more ref="moreRef" @handleOk="loadData(true)"></more>
|
||||
</template>
|
||||
|
||||
<script setup name="${busName}">
|
||||
<% if (searchCount > 0) { %>
|
||||
import search from './search.vue'
|
||||
<% } %>
|
||||
import { ${classNameFirstLower}Page } from '@/api/${moduleName}/${classNameFirstLower}Api'
|
||||
import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
|
||||
import more from './more.vue'
|
||||
import { onLoad, onShow, onReady, onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app"
|
||||
import { reactive, ref, getCurrentInstance } from "vue"
|
||||
import { reactive, ref, getCurrentInstance, nextTick } from "vue"
|
||||
|
||||
const { proxy } = getCurrentInstance()
|
||||
const searchFormState = reactive({
|
||||
<% if (searchCount > 0) { %>
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { %>
|
||||
${configList[i].fieldNameCamelCase}: '',
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
})
|
||||
const parameter = reactive({
|
||||
current: 1,
|
||||
size: 10
|
||||
})
|
||||
const dataPagingRef = ref()
|
||||
const searchFormData = ref({})
|
||||
const ${classNameFirstLower}Data = ref([])
|
||||
const loadData = (isReset) => {
|
||||
if (isReset) {
|
||||
parameter.current = 1
|
||||
${classNameFirstLower}Data.value = []
|
||||
}
|
||||
Object.assign(parameter, searchFormState)
|
||||
${classNameFirstLower}Page(parameter).then(res => {
|
||||
if (uni.$xeu.isEmpty(res?.data?.records)){
|
||||
return
|
||||
}
|
||||
${classNameFirstLower}Data.value = ${classNameFirstLower}Data.value.concat(res.data.records)
|
||||
parameter.current++
|
||||
}).finally(()=>{
|
||||
uni.stopPullDownRefresh()
|
||||
})
|
||||
const virtualListChange = (vList) => {
|
||||
${classNameFirstLower}Data.value = vList
|
||||
}
|
||||
const loadData = async (pageNo, pageSize) => {
|
||||
const parameter = {
|
||||
current: pageNo,
|
||||
size: pageSize
|
||||
}
|
||||
Object.assign(parameter, searchFormData.value)
|
||||
const data = await ${classNameFirstLower}Api.${classNameFirstLower}Page(parameter)
|
||||
dataPagingRef.value.complete(data?.records)
|
||||
}
|
||||
loadData(true)
|
||||
onShow(() => {
|
||||
uni.$once('formBack', (data) => {
|
||||
loadData(true)
|
||||
})
|
||||
})
|
||||
// 下拉刷新
|
||||
onPullDownRefresh(() => {
|
||||
loadData(true)
|
||||
})
|
||||
// 上拉加载
|
||||
onReachBottom(() => {
|
||||
loadData()
|
||||
uni.$once('formBack', (data) => {
|
||||
nextTick(() => {
|
||||
dataPagingRef.value.reload()
|
||||
})
|
||||
})
|
||||
})
|
||||
// 新增
|
||||
const add = () => {
|
||||
uni.navigateTo({
|
||||
uni.navigateTo({
|
||||
url: '/pages/${moduleName}/${busName}/form'
|
||||
})
|
||||
})
|
||||
}
|
||||
// 更多操作
|
||||
const moreRef = ref()
|
||||
|
|
@ -107,22 +91,9 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.${busName}-list {}
|
||||
.item {
|
||||
background: #ffffff;
|
||||
margin: 20rpx 0;
|
||||
padding: 25rpx;
|
||||
box-shadow: 0 1px 2px #ccc;
|
||||
border-radius: 15rpx;
|
||||
.item-left {
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.item-right {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
.item:hover {
|
||||
box-shadow: 1upx 5upx 5upx #5677fc;
|
||||
@import '@/static/scss/index.scss';
|
||||
::v-deep .uni-row {
|
||||
@extend .snowy-flex-v-center;
|
||||
padding: 5rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,22 @@
|
|||
<template>
|
||||
<uv-popup ref="popRef" mode="bottom" bg-color="null" z-index="99">
|
||||
<view class="container">
|
||||
<tui-list-view unlined="all" background-color="transparent">
|
||||
<tui-list-cell v-if="$snowy.hasPerm('mobile${className}Edit')" :hover="true" :arrow="false" @click="edit" :radius="10" >
|
||||
<view class="item"> 编辑 </view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell v-if="$snowy.hasPerm('mobile${className}Delete')" :hover="true" :arrow="false" @click="del" :radius="10" :margin-top="2">
|
||||
<view class="item"> 刪除 </view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell :hover="true" :arrow="false" @click="cancel" :margin-top="10" :radius="10">
|
||||
<view class="item"> 取消 </view>
|
||||
</tui-list-cell>
|
||||
</tui-list-view>
|
||||
</view>
|
||||
</uv-popup>
|
||||
<uni-popup ref="popRef" type="bottom" background-color="transparent" maskBackgroundColor="rgba(0, 0, 0, 0.6)">
|
||||
<tui-list-view unlined="all" background-color="transparent">
|
||||
<tui-list-cell v-if="$snowy.hasPerm('mobile${className}Edit')" :hover="true" :arrow="false" @click="edit" :radius="10" >
|
||||
<view class="snowy-text-center"> 编辑 </view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell v-if="$snowy.hasPerm('mobile${className}Delete')" :hover="true" :arrow="false" @click="del" :radius="10" :margin-top="2">
|
||||
<view class="snowy-text-center"> 刪除 </view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell :hover="true" :arrow="false" @click="cancel" :margin-top="10" :radius="10">
|
||||
<view class="snowy-text-center"> 取消 </view>
|
||||
</tui-list-cell>
|
||||
</tui-list-view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
<script setup name="${classNameFirstLower}More">
|
||||
import { ${classNameFirstLower}Delete } from '@/api/${moduleName}/${classNameFirstLower}Api'
|
||||
import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
|
||||
import { reactive, ref, getCurrentInstance } from "vue"
|
||||
|
||||
const emits = defineEmits(['handleOk'])
|
||||
const popRef = ref()
|
||||
const record = ref({})
|
||||
|
|
@ -30,33 +29,26 @@
|
|||
uni.navigateTo({
|
||||
url: '/pages/${moduleName}/${busName}/form?id=' + record.value.id
|
||||
})
|
||||
popupRef.value.close()
|
||||
popRef.value.close()
|
||||
}
|
||||
// 删除
|
||||
const del = () => {
|
||||
uni.$snowy.modal.confirm(`确定要删除吗？`).then(() => {
|
||||
${classNameFirstLower}Delete([{
|
||||
${classNameFirstLower}Api.${classNameFirstLower}Delete([{
|
||||
id: record.value.id
|
||||
}]).then(res => {
|
||||
}]).then(data => {
|
||||
emits('handleOk')
|
||||
popupRef.value.close()
|
||||
popRef.value.close()
|
||||
})
|
||||
})
|
||||
}
|
||||
// 取消
|
||||
const cancel = () => {
|
||||
popupRef.value.close()
|
||||
popRef.value.close()
|
||||
}
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
padding: 5upx;
|
||||
background-color: transparent;
|
||||
.item {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
"path": "pages/${moduleName}/${busName}/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "${functionName}管理",
|
||||
"enablePullDownRefresh": true,
|
||||
"enablePullDownRefresh": false,
|
||||
//#ifdef H5
|
||||
"navigationStyle": "custom"
|
||||
//#endif
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
"path": "index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "${functionName}管理",
|
||||
"enablePullDownRefresh": true,
|
||||
"enablePullDownRefresh": false,
|
||||
//#ifdef H5
|
||||
"navigationStyle": "custom"
|
||||
//#endif
|
||||
|
|
|
|||
|
|
@ -6,48 +6,56 @@
|
|||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { searchCount ++; }%>
|
||||
<% } %>
|
||||
<uv-popup ref="popRef" mode="bottom" bg-color="null" z-index="99">
|
||||
<view class="container">
|
||||
<view class="close">
|
||||
<icon type="clear" :size="20" color="#5677fc" @click="close"></icon>
|
||||
<uni-popup ref="popRef" type="bottom" background-color="transparent" maskBackgroundColor="rgba(0, 0, 0, 0.6)">
|
||||
<view class="snowy-shadow snowy-padding">
|
||||
<view class="snowy-flex-end">
|
||||
<icon type="clear" :size="20" color="#5677fc" @click="close"></icon>
|
||||
</view>
|
||||
<% if (searchCount > 0) { %>
|
||||
<uv-form ref="formRef" :model="searchFormState" label-position="top" labelWidth="auto" :labelStyle="{marginBottom: '25rpx', fontSize: '27rpx', color: '#606266'}">
|
||||
<uni-forms ref="formRef" :model="searchFormData" label-position="top" labelWidth="auto">
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { %>
|
||||
<% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
|
||||
<uv-input v-model="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
|
||||
<uni-easyinput v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
|
||||
<snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="searchFormState.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
|
||||
<snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="searchFormData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
|
||||
<uni-number-box v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"/>
|
||||
</uni-forms-item>
|
||||
<% } else if (configList[i].effectType == 'datepicker') {%>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
|
||||
<uni-datetime-picker v-model="searchFormData.${configList[i].fieldNameCamelCase}" type="datetimerange"/>
|
||||
</uni-forms-item>
|
||||
<% } else {%>
|
||||
<uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
|
||||
<uv-input v-model="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
|
||||
</uv-form-item>
|
||||
<uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
|
||||
<uni-easyinput v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</uv-form>
|
||||
</uni-forms>
|
||||
<% } %>
|
||||
<uv-row :gutter="10">
|
||||
<uv-col :span="6">
|
||||
<uni-row :gutter="10">
|
||||
<uni-col :span="12">
|
||||
<tui-button height="90rpx" type="gray" @click="reset">重置</tui-button>
|
||||
</uv-col>
|
||||
<uv-col :span="6">
|
||||
</uni-col>
|
||||
<uni-col :span="12">
|
||||
<tui-button height="90rpx" type="primary" @click="confirm">确认</tui-button>
|
||||
</uv-col>
|
||||
</uv-row>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
</view>
|
||||
</uv-popup>
|
||||
</uni-popup>
|
||||
</template>
|
||||
<script setup name="${classNameFirstLower}Search">
|
||||
import { ref } from "vue"
|
||||
const emits = defineEmits(['reset', 'confirm'])
|
||||
const props = defineProps({
|
||||
searchFormState: {
|
||||
searchFormData: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
|
|
@ -61,7 +69,10 @@
|
|||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
// 弹出ref
|
||||
const popRef = ref()
|
||||
// 打开
|
||||
const open = () => {
|
||||
popRef.value.open()
|
||||
}
|
||||
|
|
@ -69,31 +80,21 @@
|
|||
// 重置数据
|
||||
<% for(var i = 0; i < configList.~size; i++) { %>
|
||||
<% if(!configList[i].needTableId && configList[i].needPage) { %>
|
||||
props.searchFormState.${configList[i].fieldNameCamelCase} = ''
|
||||
props.searchFormData.${configList[i].fieldNameCamelCase} = ''
|
||||
<% } %>
|
||||
<% } %>
|
||||
emits('reset', props.searchFormState)
|
||||
emits('reset', props.searchFormData)
|
||||
}
|
||||
const confirm = () => {
|
||||
popRef.value.close()
|
||||
emits('confirm', props.searchFormState)
|
||||
emits('confirm', props.searchFormData)
|
||||
}
|
||||
const close = () => {
|
||||
popRef.value.close()
|
||||
popRef.value.close()
|
||||
}
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
margin: 5rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 20rpx;
|
||||
background-color: white;
|
||||
.close {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue