zhangzl
/
rongxin.api
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
java后端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 Commits
1 Branch
1.3 MiB
 
 
Tree: 3775eba503
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '3775eba503'
${ noResults }
rongxin.api/ruoyi-generator/src/main/resources/vm/vue/index.vue.vm

774 lines
33 KiB
Raw Blame History 

  1. #macro(GET_CHAR_COLUMN_LENGTH $column)## * 如果表列是char/varchar, 获取其最大字符长度, 否则为空字符串 * 参数: 列 * 结果保存在变量名为 $_char_column_length 字符串型

  2. #set($_char_column_length="")

  3. #if($column.columnType.startsWith("char") || $column.columnType.startsWith("varchar"))

  4. #set($startLeft=$column.columnType.indexOf("("))

  5. #if($startLeft != -1)

  6. #set($endRight=$column.columnType.indexOf(")", $startLeft))

  7. #if($endRight != -1)

  8. #set($startLeft=$startLeft+1)

  9. #set($_char_column_length=$column.columnType.substring($startLeft, $endRight))

  10. #end

  11. #end

  12. #end

  13. #end## GET_CHAR_COLUMN_LENGTH

  14. #macro(COLUMN_IS_NUMBER $column)## * 检查表列是否是数字型 * 参数: 列 * 结果保存在变量名为 $_column_is_number bool型

  15. #set($_column_is_number=$column.columnType.startsWith("decimal") || $column.columnType.startsWith("tinyint") || $column.columnType.startsWith("mediumint") || $column.columnType.startsWith("int") || $column.columnType.startsWith("bigint") || $column.columnType.startsWith("smallint"))

  16. #end## COLUMN_IS_NUMBER

  17. #macro(GET_NUMBER_COLUMN_MIN_AND_PRECISION $column)## * 如果表列是数字型, 获取其最小值和浮点数部分精度, 否则为空字符串 * 参数: 列 * 最小值结果保存在变量名为 $_number_column_min 字符串型 * 浮点数部分精度结果保存在变量名为 $_number_column_precision 字符串型

  18. #set($_number_column_min="")

  19. #set($_number_column_precision="")

  20. #if($column.columnType.contains("unsigned"))

  21. #set($_number_column_min="0")

  22. #end

  23. #set($startLeft=$column.columnType.indexOf("("))

  24. #if($startLeft != -1)

  25. #set($endRight=$column.columnType.indexOf(")", $startLeft))

  26. #if($endRight != -1)

  27. #set($startLeft=$startLeft+1)

  28. #set($internalText=$column.columnType.substring($startLeft, $endRight))

  29. #set($splitIndex=$internalText.indexOf(","))

  30. #if($splitIndex != -1)

  31. #set($splitIndex=$splitIndex+1)

  32. #set($_number_column_precision=$internalText.substring($splitIndex))

  33. #end

  34. #end

  35. #end

  36. #end## GET_NUMBER_COLUMN_MIN_AND_PRECISION

  37. <template>

  38.   <div class="app-container">

  39.     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">

  40. #foreach($column in $columns)

  41. #if($column.query)

  42. #set($dictType=$column.dictType)

  43. #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})

  44. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  45. #if($parentheseIndex != -1)

  46. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  47. #else

  48. #set($comment=$column.columnComment)

  49. #end

  50. #if($column.htmlType == "input")

  51.       <el-form-item label="${comment}" prop="${column.javaField}">

  52.         <el-input v-model="queryParams.${column.javaField}" placeholder="请输入${comment}" clearable @keyup.enter.native="handleQuery"/>

  53.       </el-form-item>

  54. #elseif(($column.htmlType == "select" || $column.htmlType == "radio") && "" != $dictType)

  55.       <el-form-item label="${comment}" prop="${column.javaField}">

  56.         <el-select v-model="queryParams.${column.javaField}" placeholder="请选择${comment}" clearable>

  57.           <el-option v-for="dict in dict.type.${dictType}" :key="dict.value" :label="dict.label" :value="dict.value"/>

  58.         </el-select>

  59.       </el-form-item>

  60. #elseif(($column.htmlType == "select" || $column.htmlType == "radio") && $dictType)

  61.       <el-form-item label="${comment}" prop="${column.javaField}">

  62.         <el-select v-model="queryParams.${column.javaField}" placeholder="请选择${comment}" clearable>

  63.           <el-option label="请选择字典生成" value="" />

  64.         </el-select>

  65.       </el-form-item>

  66. #elseif($column.htmlType == "datetime" && $column.queryType != "BETWEEN")

  67.       <el-form-item label="${comment}" prop="${column.javaField}">

  68.         <el-date-picker clearable v-model="queryParams.${column.javaField}" type="date" value-format="yyyy-MM-dd" placeholder="请选择${comment}"></el-date-picker>

  69.       </el-form-item>

  70. #elseif($column.htmlType == "datetime" && $column.queryType == "BETWEEN")

  71.       <el-form-item label="${comment}">

  72.         <el-date-picker v-model="daterange${AttrName}" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>

  73.       </el-form-item>

  74. #end

  75. #end

  76. #end

  77.       <el-form-item>

  78.         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

  79.         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

  80.       </el-form-item>

  81.     </el-form>

  82. 

  83.     <el-row :gutter="10" class="mb8">

  84.       <el-col :span="1.5">

  85.         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['${permissionPrefix}:add']">新增</el-button>

  86.       </el-col>

  87.       <!--

  88.       <el-col :span="1.5">

  89.         <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['${permissionPrefix}:edit']">修改</el-button>

  90.       </el-col>

  91.       <el-col :span="1.5">

  92.         <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['${permissionPrefix}:remove']">删除</el-button>

  93.       </el-col>

  94.       -->

  95. 

  96.       <el-col :span="1.5">

  97.           <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-hasPermi="['${permissionPrefix}:import']">导入</el-button>

  98.       </el-col>

  99.       <el-col :span="1.5">

  100.         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['${permissionPrefix}:export']">导出</el-button>

  101.       </el-col>

  102.       <el-col :span="1.5">

  103.           <el-button type="success" plain icon="el-icon-printer" size="mini" @click="handlePrint()" v-hasPermi="['${permissionPrefix}:print']">打印</el-button>

  104.       </el-col>

  105.       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

  106.     </el-row>

  107. 

  108.       <!-- 数据列表  列属性 min-width="60" show-overflow-tooltip  @selection-change="handleSelectionChange" -->

  109.     <el-table v-loading="loading" :data="${businessName}List" border>

  110.         <!--<el-table-column type="selection" width="55" align="center" />-->

  111. #foreach($column in $columns)

  112. #set($javaField=$column.javaField)

  113. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  114. #if($parentheseIndex != -1)

  115. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  116. #else

  117. #set($comment=$column.columnComment)

  118. #end

  119. #if($column.pk)

  120.       <el-table-column label="${comment}" align="center" prop="${javaField}" />

  121. #elseif($column.list && $column.htmlType == "datetime")

  122.     <el-table-column label="${comment}" align="center" prop="${javaField}" />

  123. #elseif($column.list && $column.htmlType == "imageUpload")

  124.       <el-table-column label="${comment}" align="center" prop="${javaField}" width="100">

  125.         <template slot-scope="scope">

  126.             <div v-if="!!scope.row.${javaField}"><el-tooltip effect="light" :content="item" placement="bottom" v-for="(item, index) in scope.row.${javaField}.split(',')" :key="index"><el-image style="height: 48px; width: 48px; margin: 2px; display: inline-block;" fit="scale-down" :src="baseRoutingUrll + item" :preview-src-list="scope.row.${javaField}.split(',').map((x) => baseRoutingUrll + x)"/></el-tooltip></div>

  127.         </template>

  128.       </el-table-column>

  129. #elseif($column.list && $column.htmlType == "fileUpload")

  130.     <el-table-column label="${comment}" header-align="center" align="left" prop="${javaField}" >

  131.         <template slot-scope="scope">

  132.             <div v-if="!!scope.row.${javaField}"><el-tooltip effect="light" :content="item.substr(item.lastIndexOf('/') + 1)" placement="bottom" v-for="(item, index) in scope.row.${javaField}.split(',')" :key="index"><a :href="baseRoutingUrll + item" target="_blank" style="height: 32px; width: 32px; margin: 2px; display: inline-block; text-align: center;"><img :src="getFileIcon(item)" style="height: 100%;"/></a></el-tooltip></div>

  133.         </template>

  134.     </el-table-column>

  135. #elseif($column.list && "" != $column.dictType)

  136.       <el-table-column label="${comment}" align="center" prop="${javaField}">

  137.         <template slot-scope="scope">

  138. #if($column.htmlType == "checkbox")

  139.           <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.${javaField} ? scope.row.${javaField}.split(',') : []"/>

  140. #else

  141.           <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.${javaField}"/>

  142. #end

  143.         </template>

  144.       </el-table-column>

  145. #elseif($column.list && "" != $javaField)

  146.       <el-table-column label="${comment}" align="center" prop="${javaField}" />

  147. #end

  148. #end

  149.       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">

  150.         <template slot-scope="scope">

  151.           <el-button size="mini" type="text" icon="el-icon-view" @click="handleLook(scope.row)" v-hasPermi="['${moduleName}:${businessName}:query']">查看</el-button>

  152.           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['${permissionPrefix}:edit']">修改</el-button>

  153.           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['${permissionPrefix}:remove']">删除</el-button>

  154.         </template>

  155.       </el-table-column>

  156.     </el-table>

  157. 

  158.     <!-- 分页插件 -->

  159.     <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>

  160. 

  161.      <!-- 导入EXCEL组件 -->

  162.       <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>

  163.           <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>

  164.               <i class="el-icon-upload"></i>

  165.               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

  166.               <div class="el-upload__tip text-left" slot="tip">

  167.                   <div class="el-upload__tip" slot="tip">

  168.                       <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的${functionName}

  169.                   </div>

  170.                   <p style="color: red">1、仅允许导入xls、xlsx格式文件；</p>

  171.                   <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>

  172.               </div>

  173.           </el-upload>

  174.           <div slot="footer" class="dialog-footer">

  175.               <el-button type="primary" @click="submitFileForm">确 定</el-button>

  176.               <el-button @click="upload.open = false">取 消</el-button>

  177.           </div>

  178.       </el-dialog>

  179. 

  180.       <!-- 查看${functionName}对话框 -->

  181.       <el-dialog :title="title" :visible.sync="viewOpen" width="800px" append-to-body>

  182.          <el-descriptions id="printDetail" :column="descColumn" border :labelStyle="{width: `${descLabelWidth}%`}" :contentStyle="{width: `${(100 / descColumn) - descLabelWidth}%`}">

  183. #foreach($column in $columns)

  184. #set($field=$column.javaField)

  185. #if($column.insert && !$column.pk)

  186. #if(($column.usableColumn) || (!$column.superColumn))

  187. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  188. #if($parentheseIndex != -1)

  189. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  190. #else

  191. #set($comment=$column.columnComment)

  192. #end

  193. #set($dictType=$column.dictType)

  194.            <el-descriptions-item label="${comment}">{{ form.${field} }}</el-descriptions-item>

  195. #end

  196. #end

  197. #end

  198.          </el-descriptions>

  199.           <!-- 弹框操作按钮 -->

  200.          <div slot="footer" class="dialog-footer">

  201.              <el-button @click="doPrint">打 印</el-button>

  202.              <el-button @click="cancelDetail">关 闭</el-button>

  203.          </div>

  204.       </el-dialog>

  205. 

  206.     <!-- 添加或修改${functionName}对话框 -->

  207.     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>

  208.       <el-form ref="form" :model="form" :rules="rules" label-width="80px">

  209. #foreach($column in $columns)

  210. #set($field=$column.javaField)

  211. #if($column.insert && !$column.pk)

  212. #if(($column.usableColumn) || (!$column.superColumn))

  213. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  214. #if($parentheseIndex != -1)

  215. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  216. #else

  217. #set($comment=$column.columnComment)

  218. #end

  219. #set($dictType=$column.dictType)

  220. #if($column.htmlType == "input")

  221. #COLUMN_IS_NUMBER($column)

  222. #if($_column_is_number)

  223. #GET_NUMBER_COLUMN_MIN_AND_PRECISION($column)

  224.         <el-form-item label="${comment}" prop="${field}">

  225.             <el-input-number v-model="form.${field}" placeholder="请输入${comment}" controls-position="right" #if($_number_column_min != "") :min="${_number_column_min}"#end #if($_number_column_precision != "") :precision="${_number_column_precision}"#end/>

  226.         </el-form-item>

  227. #else

  228. #GET_CHAR_COLUMN_LENGTH($column)

  229.         <el-form-item label="${comment}" prop="${field}">

  230.             <el-input v-model="form.${field}" placeholder="请输入${comment}" #if($_char_column_length != "") show-word-limit :maxlength="${_char_column_length}"#end/>

  231.         </el-form-item>

  232. #end

  233. #elseif($column.htmlType == "imageUpload")

  234.         <el-form-item label="${comment}" prop="${field}">

  235.           <image-upload v-model="form.${field}"/>

  236.         </el-form-item>

  237. #elseif($column.htmlType == "fileUpload")

  238.         <el-form-item label="${comment}" prop="${field}">

  239.           <file-upload v-model="form.${field}"/>

  240.         </el-form-item>

  241. #elseif($column.htmlType == "editor")

  242.         <el-form-item label="${comment}">

  243.           <editor v-model="form.${field}" :min-height="192"/>

  244.         </el-form-item>

  245. #elseif($column.htmlType == "select" && "" != $dictType)

  246.         <el-form-item label="${comment}" prop="${field}">

  247.           <el-select v-model="form.${field}" placeholder="请选择${comment}">

  248.             <el-option v-for="dict in dict.type.${dictType}" :key="dict.value" :label="dict.label" #if($column.javaType == "Integer" || $column.javaType == "Long"):value="parseInt(dict.value)" #else:value="dict.value"#end></el-option>

  249.           </el-select>

  250.         </el-form-item>

  251. #elseif($column.htmlType == "select" && $dictType)

  252.         <el-form-item label="${comment}" prop="${field}">

  253.           <el-select v-model="form.${field}" placeholder="请选择${comment}">

  254.             <el-option label="请选择字典生成" value="" />

  255.           </el-select>

  256.         </el-form-item>

  257. #elseif($column.htmlType == "checkbox" && "" != $dictType)

  258.         <el-form-item label="${comment}" prop="${field}">

  259.           <el-checkbox-group v-model="form.${field}">

  260.             <el-checkbox v-for="dict in dict.type.${dictType}" :key="dict.value" :label="dict.value">{{dict.label}}</el-checkbox>

  261.           </el-checkbox-group>

  262.         </el-form-item>

  263. #elseif($column.htmlType == "checkbox" && $dictType)

  264.         <el-form-item label="${comment}" prop="${field}">

  265.           <el-checkbox-group v-model="form.${field}">

  266.             <el-checkbox>请选择字典生成</el-checkbox>

  267.           </el-checkbox-group>

  268.         </el-form-item>

  269. #elseif($column.htmlType == "radio" && "" != $dictType)

  270.         <el-form-item label="${comment}" prop="${field}">

  271.           <el-radio-group v-model="form.${field}">

  272.             <el-radio v-for="dict in dict.type.${dictType}" :key="dict.value" :label="dict.label" #if($column.javaType == "Integer" || $column.javaType == "Long"):value="parseInt(dict.value)" #else:value="dict.value"#end></el-radio>

  273.           </el-radio-group>

  274.         </el-form-item>

  275. #elseif($column.htmlType == "radio" && $dictType)

  276.         <el-form-item label="${comment}" prop="${field}">

  277.           <el-radio-group v-model="form.${field}">

  278.             <el-radio label="1">请选择字典生成</el-radio>

  279.           </el-radio-group>

  280.         </el-form-item>

  281. #elseif($column.htmlType == "datetime")

  282.         <el-form-item label="${comment}" prop="${field}">

  283.           <el-date-picker clearable v-model="form.${field}" type="date" value-format="yyyy-MM-dd" placeholder="请选择${comment}"></el-date-picker>

  284.         </el-form-item>

  285. #elseif($column.htmlType == "textarea")

  286.         <el-form-item label="${comment}" prop="${field}">

  287.           <el-input v-model="form.${field}" type="textarea" :autosize="{ minRows: 2, maxRows: 3}" #if($_char_column_length != "") :maxlength="${_char_column_length}"#end show-word-limit placeholder="请输入内容" />

  288.         </el-form-item>

  289. #end

  290. #end

  291. #end

  292. #end

  293. #if($table.sub)

  294.         <el-divider content-position="center">${subTable.functionName}信息</el-divider>

  295.         <el-row :gutter="10" class="mb8">

  296.           <el-col :span="1.5">

  297.             <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd${subClassName}">添加</el-button>

  298.           </el-col>

  299.           <el-col :span="1.5">

  300.             <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete${subClassName}">删除</el-button>

  301.           </el-col>

  302.         </el-row>

  303.         <el-table :data="${subclassName}List" :row-class-name="row${subClassName}Index" @selection-change="handle${subClassName}SelectionChange" ref="${subclassName}">

  304.           <el-table-column type="selection" width="50" align="center" />

  305.           <el-table-column label="序号" align="center" prop="index" width="50"/>

  306. #foreach($column in $subTable.columns)

  307. #set($javaField=$column.javaField)

  308. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  309. #if($parentheseIndex != -1)

  310. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  311. #else

  312. #set($comment=$column.columnComment)

  313. #end

  314. #if($column.pk || $javaField == ${subTableFkclassName})

  315. #elseif($column.list && $column.htmlType == "input")

  316.           <el-table-column label="$comment" prop="${javaField}" width="150">

  317.             <template slot-scope="scope">

  318.               <el-input v-model="scope.row.$javaField" placeholder="请输入$comment" />

  319.             </template>

  320.           </el-table-column>

  321. #elseif($column.list && $column.htmlType == "datetime")

  322.           <el-table-column label="$comment" prop="${javaField}" width="240">

  323.             <template slot-scope="scope">

  324.               <el-date-picker clearable v-model="scope.row.$javaField" type="date" value-format="yyyy-MM-dd" placeholder="请选择$comment" />

  325.             </template>

  326.           </el-table-column>

  327. #elseif($column.list && ($column.htmlType == "select" || $column.htmlType == "radio") && "" != $column.dictType)

  328.           <el-table-column label="$comment" prop="${javaField}" width="150">

  329.             <template slot-scope="scope">

  330.               <el-select v-model="scope.row.$javaField" placeholder="请选择$comment">

  331.                 <el-option v-for="dict in dict.type.$column.dictType" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  332.               </el-select>

  333.             </template>

  334.           </el-table-column>

  335. #elseif($column.list && ($column.htmlType == "select" || $column.htmlType == "radio") && "" == $column.dictType)

  336.           <el-table-column label="$comment" prop="${javaField}" width="150">

  337.             <template slot-scope="scope">

  338.               <el-select v-model="scope.row.$javaField" placeholder="请选择$comment">

  339.                 <el-option label="请选择字典生成" value="" />

  340.               </el-select>

  341.             </template>

  342.           </el-table-column>

  343. #end

  344. #end

  345.         </el-table>

  346. #end

  347.       </el-form>

  348.       <div slot="footer" class="dialog-footer">

  349.         <el-button type="primary" @click="submitForm">确 定</el-button>

  350.         <el-button @click="cancel">取 消</el-button>

  351.       </div>

  352.     </el-dialog>

  353.   </div>

  354. </template>

  355. 

  356. <script>

  357. import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName}, print${BusinessName} } from "@/api/${moduleName}/${businessName}"

  358. import { getToken } from "@/utils/auth"

  359. export default {

  360.   name: "${BusinessName}",

  361. #if(${dicts} != '')

  362.   dicts: [${dicts}],

  363. #end

  364.   data() {

  365.     return {

  366.       // 遮罩层

  367.       loading: true,

  368.       // 导出遮罩层

  369.       exportLoading: false,

  370.       // 选中数组

  371.       ids: [],

  372. #if($table.sub)

  373.       // 子表选中数据

  374.       checked${subClassName}: [],

  375. #end

  376.       // 非单个禁用

  377.       single: true,

  378.       // 非多个禁用

  379.       multiple: true,

  380.       // 显示搜索条件

  381.       showSearch: true,

  382.       // 总条数

  383.       total: 0,

  384.       // ${functionName}表格数据

  385.       ${businessName}List: [],

  386. #if($table.sub)

  387.       // ${subTable.functionName}表格数据

  388.       ${subclassName}List: [],

  389. #end

  390.       // 弹出层标题

  391.       title: "",

  392.       // 是否显示弹出层

  393.       open: false,

  394.       // 详情组件列数

  395.       descColumn: 2,

  396.       // 详情组件Label所占百分比, 最大={100 / descColumn}. 内容所占百分比={100 / descColumn - descLabelWidth}

  397.       descLabelWidth: 15,

  398.       // 对话框显示只读的详情

  399.       viewOpen: false,

  400.       // 项目路径

  401.       baseRoutingUrl: process.env.VUE_APP_BASE_API,

  402. #foreach ($column in $columns)

  403. #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")

  404. #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})

  405.       // $comment时间范围

  406.       daterange${AttrName}: [],

  407. #end

  408. #end

  409.       // 查询参数

  410.       queryParams: {

  411.         pageNum: 1,

  412.         pageSize: 10,

  413.        // 查询排序

  414.        //orderByColumn: "id",

  415.        //isAsc: "desc",

  416.        // 翻译字典

  417.        //toTranslateDict: "1",

  418. #foreach ($column in $columns)

  419. #if($column.query)

  420.         $column.javaField: null#if($foreach.count != $columns.size()),#end

  421. #end

  422. #end

  423.       },

  424.       // 表单参数

  425.       form: {},

  426.       // 表单校验

  427.       rules: {

  428. #foreach ($column in $columns)

  429. #if($column.required)

  430. #set($parentheseIndex=$column.columnComment.indexOf("（"))

  431. #if($parentheseIndex != -1)

  432. #set($comment=$column.columnComment.substring(0, $parentheseIndex))

  433. #else

  434. #set($comment=$column.columnComment)

  435. #end

  436.         $column.javaField: [

  437.           { required: true, message: "$comment不能为空", trigger: #if($column.htmlType == "select" || $column.htmlType == "radio")"change"#else"blur"#end }

  438.         ]#if($foreach.count != $columns.size()),#end

  439. #end

  440. #end

  441.       },

  442.       // EXCEL导入

  443.       upload: {

  444.           // 是否显示弹出层（用户导入）

  445.           open: false,

  446.           // 弹出层标题（用户导入）

  447.           title: "",

  448.           // 是否禁用上传

  449.           isUploading: false,

  450.           // 是否更新已经存在的用户数据

  451.           updateSupport: 0,

  452.           // 设置上传的请求头部

  453.           headers: { Authorization: "Bearer " + getToken() },

  454.           // 上传的地址

  455.           url: process.env.VUE_APP_BASE_API + "/${moduleName}/${businessName}/importData"

  456.       },

  457. 

  458.     }

  459.   },

  460.   created() {

  461.     this.getList()

  462.   },

  463.   methods: {

  464.     /** 查询${functionName}列表 */

  465.     getList() {

  466.       this.loading = true

  467. #foreach ($column in $columns)

  468. #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")

  469.       this.queryParams.params = {}

  470. #break

  471. #end

  472. #end

  473. #foreach ($column in $columns)

  474. #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")

  475. #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})

  476.       if (null != this.daterange${AttrName} && '' != this.daterange${AttrName}) {

  477.         this.queryParams.params["begin${AttrName}"] = this.daterange${AttrName}[0]

  478.         this.queryParams.params["end${AttrName}"] = this.daterange${AttrName}[1]

  479.       }

  480. #end

  481. #end

  482.       list${BusinessName}(this.queryParams).then(response => {

  483.         this.${businessName}List = response.rows

  484.         this.total = response.total

  485.         this.loading = false

  486.       })

  487.     },

  488.     // 取消按钮

  489.     cancel() {

  490.       this.open = false

  491.       this.reset()

  492.     },

  493.     cancelDetail() {

  494.         this.viewOpen = false

  495.     },

  496.     // 表单重置

  497.     reset() {

  498.       this.form = {

  499. #foreach ($column in $columns)

  500. #if($column.htmlType == "checkbox")

  501.         $column.javaField: []#if($foreach.count != $columns.size()),#end

  502. #else

  503.         $column.javaField: null#if($foreach.count != $columns.size()),#end

  504. #end

  505. #end

  506.       }

  507. #if($table.sub)

  508.       this.${subclassName}List = []

  509. #end

  510.       this.resetForm("form")

  511.     },

  512.     /** 搜索按钮操作 */

  513.     handleQuery() {

  514.       this.queryParams.pageNum = 1

  515.       this.getList()

  516.     },

  517.     /** 重置按钮操作 */

  518.     resetQuery() {

  519. #foreach ($column in $columns)

  520. #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")

  521. #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})

  522.       this.daterange${AttrName} = []

  523. #end

  524. #end

  525.       this.resetForm("queryForm")

  526.       this.handleQuery()

  527.     },

  528.     // 多选框选中数据

  529.     handleSelectionChange(selection) {

  530.       this.ids = selection.map(item => item.${pkColumn.javaField})

  531.       this.single = selection.length!==1

  532.       this.multiple = !selection.length

  533.     },

  534.     /** 新增按钮操作 */

  535.     handleAdd() {

  536.       this.reset()

  537.       this.open = true

  538.       this.title = "添加${functionName}"

  539.     },

  540.     /** 修改按钮操作 */

  541.     handleUpdate(row) {

  542.       this.reset()

  543.       const ${pkColumn.javaField} = row.${pkColumn.javaField} || this.ids

  544.       get${BusinessName}(${pkColumn.javaField}).then(response => {

  545.         this.form = response.data

  546. #foreach ($column in $columns)

  547. #if($column.htmlType == "checkbox")

  548.         this.form.$column.javaField = this.form.${column.javaField}.split(",")

  549. #end

  550. #end

  551. #if($table.sub)

  552.         this.${subclassName}List = response.data.${subclassName}List

  553. #end

  554.         this.open = true

  555.         this.title = "修改${functionName}"

  556.       })

  557.     },

  558.     /** 查看按钮操作 */

  559.     handleLook(row) {

  560.       const ${pkColumn.javaField} = row.${pkColumn.javaField} || this.ids

  561.       get${BusinessName}(${pkColumn.javaField}).then(response => {

  562.           this.form = response.data;

  563. #foreach ($column in $columns)

  564. #if($column.htmlType == "checkbox")

  565.           this.form.$column.javaField = this.form.${column.javaField}.split(",");

  566. #end

  567. #end

  568. #if($table.sub)

  569.           this.${subclassName}List = response.data.${subclassName}List;

  570. #end

  571.           this.viewOpen = true;

  572.           this.title = "查看${functionName}";

  573.       });

  574.     },

  575.     /** 提交按钮 */

  576.     submitForm() {

  577.       this.#[[$]]#refs["form"].validate(valid => {

  578.         if (valid) {

  579. #foreach ($column in $columns)

  580. #if($column.htmlType == "checkbox")

  581.           this.form.$column.javaField = this.form.${column.javaField}.join(",")

  582. #end

  583. #end

  584. #if($table.sub)

  585.           this.form.${subclassName}List = this.${subclassName}List

  586. #end

  587.           if (this.form.${pkColumn.javaField} != null) {

  588.             update${BusinessName}(this.form).then(response => {

  589.               this.#[[$modal]]#.msgSuccess("修改成功")

  590.               this.open = false

  591.               this.getList()

  592.             })

  593.           } else {

  594.             add${BusinessName}(this.form).then(response => {

  595.               this.#[[$modal]]#.msgSuccess("新增成功")

  596.               this.open = false

  597.               this.getList()

  598.             })

  599.           }

  600.         }

  601.       })

  602.     },

  603.     /** 删除按钮操作 */

  604.     handleDelete(row) {

  605.       const ${pkColumn.javaField}s = row.${pkColumn.javaField} || this.ids

  606.       this.#[[$modal]]#.confirm('是否确认删除${functionName}编号为"' + ${pkColumn.javaField}s + '"的数据项？').then(function() {

  607.         return del${BusinessName}(${pkColumn.javaField}s)

  608.       }).then(() => {

  609.         this.getList()

  610.         this.#[[$modal]]#.msgSuccess("删除成功")

  611.       }).catch(() => {})

  612.     },

  613. #if($table.sub)

  614. 	/** ${subTable.functionName}序号 */

  615.     row${subClassName}Index({ row, rowIndex }) {

  616.       row.index = rowIndex + 1

  617.     },

  618.     /** ${subTable.functionName}添加按钮操作 */

  619.     handleAdd${subClassName}() {

  620.       let obj = {}

  621. #foreach($column in $subTable.columns)

  622. #if($column.pk || $column.javaField == ${subTableFkclassName})

  623. #elseif($column.list && "" != $javaField)

  624.       obj.$column.javaField = ""

  625. #end

  626. #end

  627.       this.${subclassName}List.push(obj)

  628.     },

  629.     /** ${subTable.functionName}删除按钮操作 */

  630.     handleDelete${subClassName}() {

  631.       if (this.checked${subClassName}.length == 0) {

  632.         this.#[[$modal]]#.msgError("请先选择要删除的${subTable.functionName}数据")

  633.       } else {

  634.         const ${subclassName}List = this.${subclassName}List

  635.         const checked${subClassName} = this.checked${subClassName}

  636.         this.${subclassName}List = ${subclassName}List.filter(function(item) {

  637.           return checked${subClassName}.indexOf(item.index) == -1

  638.         })

  639.       }

  640.     },

  641.     /** 复选框选中数据 */

  642.     handle${subClassName}SelectionChange(selection) {

  643.       this.checked${subClassName} = selection.map(item => item.index)

  644.     },

  645. #end

  646.     /** 导出按钮操作 */

  647.     handleExport() {

  648.       this.download('${moduleName}/${businessName}/export', {

  649.         ...this.queryParams

  650.       }, `${functionName}_#[[${new Date().getTime()}]]#.xlsx`)

  651.     },

  652.     /** 打印表单 */

  653.     doPrint() {

  654.         const originalTitle = document.title;

  655.         try {

  656.             document.title = this.title || '通用附件详情';

  657.             const printElement = document.getElementById('printDetail');

  658.             const printFrame = document.createElement('iframe');

  659.             printFrame.style.position = 'absolute';

  660.             printFrame.style.width = '0';

  661.             printFrame.style.height = '0';

  662.             printFrame.style.border = 'none';

  663.             printFrame.style.left = '-9999px';

  664.             printFrame.onload = function() {

  665.                 try {

  666.                     const frameDoc = printFrame.contentDocument || printFrame.contentWindow.document;

  667.                     const contentClone = printElement.cloneNode(true);

  668.                     const style = document.createElement('style');

  669.                     style.innerHTML = `

  670.                       @page {

  671.                         size: auto;

  672.                         margin: 10mm;

  673.                       }

  674.                       body {

  675.                         font-family: Arial, sans-serif;

  676.                         line-height: 1.5;

  677.                         margin: 0;

  678.                         padding: 0;

  679.                       }

  680.                       .el-descriptions {

  681.                         width: 100% !important;

  682.                       }

  683.                       .el-descriptions-item__label {

  684.                         width: ${this.descLabelWidth}% !important;

  685.                       }

  686.                       .el-descriptions-item__content {

  687.                         width: ${(100 / this.descColumn) - this.descLabelWidth}% !important;

  688.                       }

  689.                       /* 确保图片在打印时显示完整 */

  690.                       img, .el-image {

  691.                         max-width: 100% !important;

  692.                         height: auto !important;

  693.                       }

  694.                     `;

  695.                     frameDoc.head.appendChild(style);

  696.                     frameDoc.body.appendChild(contentClone);

  697.                     setTimeout(() => {

  698.                         printFrame.contentWindow.focus();

  699.                         printFrame.contentWindow.print();

  700.                         setTimeout(() => {

  701.                             document.body.removeChild(printFrame);

  702.                             document.title = originalTitle;

  703.                         }, 1000);

  704.                     }, 500);

  705.                 } catch (e) {

  706.                     document.body.removeChild(printFrame);

  707.                     document.title = originalTitle;

  708.                     this.$message.error('打印过程中发生错误');

  709.                 }

  710.             };

  711.             document.body.appendChild(printFrame);

  712.         } catch (e) {

  713.             document.title = originalTitle;

  714.             this.$message.error('打印过程中发生错误');

  715.         }

  716.     },

  717.     /** 打印按钮操作 */

  718.     handlePrint() {

  719.         print${BusinessName}(this.queryParams).then(response => {})

  720.     },

  721.     /* 导入EXCEL组件 */

  722.     handleImport() {

  723.         this.upload.title = "${functionName}导入"

  724.         this.upload.open = true

  725.     },

  726.     /** 下载模板操作 */

  727.     importTemplate() {

  728.         this.download('${moduleName}/${businessName}/importTemplate', {

  729.         }, `${businessName}_template.xlsx`)

  730.     },

  731.     // 文件上传中处理

  732.     handleFileUploadProgress(event, file, fileList) {

  733.         this.upload.isUploading = true

  734.     },

  735.     // 文件上传成功处理

  736.     handleFileSuccess(response, file, fileList) {

  737.         this.upload.open = false

  738.         this.upload.isUploading = false

  739.         this.$refs.upload.clearFiles()

  740.         this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })

  741.         this.getList()

  742.     },

  743.     // 提交上传文件

  744.     submitFileForm() {

  745.         this.$refs.upload.submit()

  746.     },

  747. #foreach($column in $columns)

  748. #if($column.insert && !$column.superColumn && !$column.pk && $column.htmlType == "fileUpload")

  749.     getFileIcon(file) {

  750.         if(!file) return '';

  751.         switch(file.toLowerCase().substr(file.lastIndexOf('.') + 1)) {

  752.             case 'jpg': case 'png': case 'jpeg': case 'bmp': case 'gif':

  753.                 return this.baseRoutingUrll + file;

  754.             case 'doc': case 'docx':

  755.                 return require('@/assets/images/icon_word.jpg');

  756.             case 'xls': case 'xlsx':

  757.                 return require('@/assets/images/icon_excel.jpg');

  758.             case 'pdf':

  759.                 return require('@/assets/images/icon_pdf.jpg');

  760.             case 'zip': case 'rar': case '7z': case 'bz2': case 'gz':

  761.                 return require('@/assets/images/icon_zip.jpg');

  762.             default:

  763.                 return require('@/assets/images/icon_rest.jpg');

  764.         }

  765.     },

  766. #break

  767. #end

  768. #end

  769. 

  770. 

  771.   }

  772. }

  773. </script>