ldeyun/RUOYI-geek
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整模板

Browse Source
This commit is contained in:
Dftre 2024-06-28 01:23:31 +08:00
parent 0f5d1901c6
commit 459743836c
2 changed files with 77 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
ruoyi-models/ruoyi-generator/src/main/resources/vm/uniapp/list.vue.vm
View File

@ -1,6 +1,18 @@
<template> <template>
<view> <view>
<uni-card :is-shadow="false" is-full v-for="(item,index) in ${businessName}List" :key="index"> <uni-table border stripe type="selection" emptyText="暂无更多数据" :loading="loading">
<uni-tr>
#foreach($column in $columns)
#set($parentheseIndex=$column.columnComment.indexOf("（"))
#if($parentheseIndex != -1)
#set($comment=$column.columnComment.substring(0, $parentheseIndex))
#else
#set($comment=$column.columnComment)
#end
<uni-th>${comment}</uni-th>
#end
</uni-tr>
<uni-tr v-for="(item,index) in ${businessName}List" :key="index">
#foreach($column in $columns) #foreach($column in $columns)
#set($javaField=$column.javaField) #set($javaField=$column.javaField)
#set($parentheseIndex=$column.columnComment.indexOf("（")) #set($parentheseIndex=$column.columnComment.indexOf("（"))
@ -10,58 +22,59 @@
#set($comment=$column.columnComment) #set($comment=$column.columnComment)
#end #end
#if($column.pk) #if($column.pk)
<uni-section title="${comment}" :sub-title="item.${javaField}" type="line"></uni-section> <uni-td>{{ item.${javaField} }}</uni-td>
#elseif($column.list && $column.htmlType == "time") #elseif($column.list && $column.htmlType == "time")
<uni-section title="${comment}" :sub-title="item.${javaField}" type="line"></uni-section> <uni-td>{{ item.${javaField} }}</uni-td>
#elseif($column.list && $column.htmlType == "date") #elseif($column.list && $column.htmlType == "date")
<uni-section title="${comment}" :sub-title="item.${javaField}" type="line"></uni-section> <uni-td>{{ item.${javaField} }}</uni-td>
#elseif($column.list && $column.htmlType == "datetime") #elseif($column.list && $column.htmlType == "datetime")
<uni-section title="${comment}" :sub-title="item.${javaField}" type="line"></uni-section> <uni-td>{{ item.${javaField} }}</uni-td>
#elseif($column.list && $column.htmlType == "imageUpload") #elseif($column.list && $column.htmlType == "imageUpload")
<uni-section title="${comment}" type="line"> <uni-td>
<u-album :urls="addBaseUrl(item.${javaField}.split(','))"></u-album> <u-album :urls="addBaseUrl(item.${javaField}.split(','))"></u-album>
</uni-section> </uni-td>
#elseif($column.list && "" != $column.dictType) #elseif($column.list && "" != $column.dictType)
#if($column.htmlType == "checkbox") #if($column.htmlType == "checkbox")
<uni-td>
<dict-tag :options="${javaField}Options" :value="item.${javaField} ? item.${javaField}.split(',') : []"/> <dict-tag :options="${javaField}Options" :value="item.${javaField} ? item.${javaField}.split(',') : []"/>
</uni-td>
#else #else
<uni-td>
<dict-tag :options="${javaField}Options" :value="item.${javaField}"/> <dict-tag :options="${javaField}Options" :value="item.${javaField}"/>
</uni-td>
#end #end
#elseif($column.list && "" != $javaField) #elseif($column.list && "" != $javaField)
<uni-section title="${comment}" :sub-title="item.${javaField}" type="line"></uni-section> <uni-td>{{ item.${javaField} }}</uni-td>
#end #end
#end #end
</uni-card> </uni-tr>
</uni-table>
</view> </view>
</template> </template>
<script> <script setup>
import config from "@/config" import config from "@/config"
import { list${BusinessName}} from "@/api/${moduleName}/${businessName}"; import { list${BusinessName}} from "@/api/${moduleName}/${businessName}";
import {onLoad,onShow} from "@dcloudio/uni-app";
import { ref } from "vue";
#if(${dicts} != '') #if(${dicts} != '')
import DictTag from "@/components/dict-tag/dict-tag; import DictTag from "@/components/dict-tag/dict-tag;
import { getDicts } from "@/api/system/dict/data"; import { getDicts } from "@/api/system/dict/data";
#end #end
export default {
#if(${dicts} != '')
components:{ DictTag },
#end
name: "${BusinessName}List",
data() {
return {
#foreach($column in $columns) #foreach($column in $columns)
#set($javaField=$column.javaField) #set($javaField=$column.javaField)
#if($column.list && "" != $column.dictType) #if($column.list && "" != $column.dictType)
${javaField}Options:[], const ${javaField}Options = ref([])
#end #end
#end #end
// 总条数 // 总条数
total: 0, const total = ref(0);
// ${functionName}表格数据 const loading = ref(true)
${businessName}List: [], // ${functionName}表格数据
// 查询参数 const ${businessName}List = ref([])
queryParams: { // 查询参数
const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
#foreach ($column in $columns) #foreach ($column in $columns)
@ -69,64 +82,59 @@ export default {
$column.javaField: null#if($foreach.count != $columns.size()),#end $column.javaField: null#if($foreach.count != $columns.size()),#end
#end #end
#end #end
}, })
onLoad(()=>{
};
},
created() {
#foreach($column in $columns) #foreach($column in $columns)
#set($javaField=$column.javaField) #set($javaField=$column.javaField)
#if($column.list && "" != $column.dictType) #if($column.list && "" != $column.dictType)
getDicts(${column.dictType}).then(response => { getDicts(${column.dictType}).then(response => {
this.${javaField}Options = response.data; ${javaField}Options.value = response.data;
}); });
#end #end
#end #end
}, })
onShow() { onShow(()=>{
this.getList(); getList();
}, })
methods: {
addBaseUrl(arr){ function addBaseUrl(arr){
return arr.map(item => config.baseUrl+item) return arr.map(item => config.baseUrl+item)
}, }
/** 查询${functionName}列表 */ /** 查询${functionName}列表 */
getList() { function getList() {
#foreach ($column in $columns) #foreach ($column in $columns)
#if(($column.htmlType == "datetime" || $column.htmlType == "date" || $column.htmlType == "time") && $column.queryType == "BETWEEN") #if(($column.htmlType == "datetime" || $column.htmlType == "date" || $column.htmlType == "time") && $column.queryType == "BETWEEN")
this.queryParams.params = {}; queryParams.value.params = {};
#break #break
#end #end
#end #end
#foreach ($column in $columns) #foreach ($column in $columns)
#if(($column.htmlType == "datetime" || $column.htmlType == "date" || $column.htmlType == "time") && $column.queryType == "BETWEEN") #if(($column.htmlType == "datetime" || $column.htmlType == "date" || $column.htmlType == "time") && $column.queryType == "BETWEEN")
#set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)}) #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
if (null != this.daterange${AttrName} && '' != this.daterange${AttrName}) { if (null != daterange${AttrName}.value && '' != daterange${AttrName}.value) {
this.queryParams.params["begin${AttrName}"] = this.daterange${AttrName}[0]; queryParams.value.params["begin${AttrName}"] = daterange${AttrName}.value[0];
this.queryParams.params["end${AttrName}"] = this.daterange${AttrName}[1]; queryParams.value.params["end${AttrName}"] = daterange${AttrName}.value[1];
} }
#end #end
#end #end
list${BusinessName}(this.queryParams).then(response => { list${BusinessName}(queryParams.value).then(response => {
this.${businessName}List = response.rows; ${businessName}List.value = response.rows;
this.total = response.total; total.value = response.total;
this.loading = false; loading.value = false;
}); });
}, }
/** 查看详情按钮操作 */ /** 查看详情按钮操作 */
handleShow(${pkColumn.javaField}) { function handleShow(${pkColumn.javaField}) {
this.navigateTo("/pages/${moduleName}/${businessName}/show?${pkColumn.javaField}=" + ${pkColumn.javaField}) tab.navigateTo("/pages/${moduleName}/${businessName}/show?${pkColumn.javaField}=" + ${pkColumn.javaField})
}, }
/** 查看详情按钮操作 */ /** 查看详情按钮操作 */
handleEdit(${pkColumn.javaField}) { function handleEdit(${pkColumn.javaField}) {
this.navigateTo("/pages/${moduleName}/${businessName}/edit?${pkColumn.javaField}=" + ${pkColumn.javaField}) tab.navigateTo("/pages/${moduleName}/${businessName}/edit?${pkColumn.javaField}=" + ${pkColumn.javaField})
}, }
handleAdd(${pkColumn.javaField}) { function handleAdd(${pkColumn.javaField}) {
this.navigateTo("/pages/${moduleName}/${businessName}/edit") tab.navigateTo("/pages/${moduleName}/${businessName}/edit")
}, }
navigateTo(url){ function navigateTo(url){
this.$tab.navigateTo(url) tab.navigateTo(url)
} }
}
};
</script> </script>

1
ruoyi-models/ruoyi-generator/src/main/resources/vm/vue/v3/readme.txt
View File

@ -1 +0,0 @@
如果使用的是RuoYi-Vue3前端，那么需要覆盖一下此目录的模板index.vue.vm、index-tree.vue.vm文件到上级vue目录。