zhangzl
/
rongxin.api
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
java后端
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
40 提交
1 分支
31 MiB
 
 
目录树: 465e5994ae
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '465e5994ae'
${ noResults }
rongxin.api/ruoyi-generator/src/main/resources/vm/vue/index.vue.vm

778 行
34 KiB
原始文件 Blame 文件历史 

  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.       <el-col :span="1.5">

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

  97.       </el-col>

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

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

  100.       </el-col>

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

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

  103.       </el-col>

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

  105.     </el-row>

  106. 

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

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

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

  110. #foreach($column in $columns)

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

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

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

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

  115. #else

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

  117. #end

  118. #if($column.pk)

  119.       <el-table-column label="${comment}" align="center" prop="${javaField}"  min-width="60"/>

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

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

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

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

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

  125.             <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>

  126.         </template>

  127.       </el-table-column>

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

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

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

  131.             <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>

  132.         </template>

  133.       </el-table-column>

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

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

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

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

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

  139. #else

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

  141. #end

  142.         </template>

  143.       </el-table-column>

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

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

  146. #end

  147. #end

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

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

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

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

  152.           <el-dropdown size="mini" v-hasPermi="['${permissionPrefix}:remove']">

  153.             <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>

  154.             <el-dropdown-menu slot="dropdown" style="padding: 5px">

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

  156.             </el-dropdown-menu>

  157.           </el-dropdown>

  158.         </template>

  159.       </el-table-column>

  160.     </el-table>

  161. 

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

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

  164. 

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

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

  167.           <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>

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

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

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

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

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

  173.                   </div>

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

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

  176.               </div>

  177.           </el-upload>

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

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

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

  181.           </div>

  182.       </el-dialog>

  183. 

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

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

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

  187. #foreach($column in $columns)

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

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

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

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

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

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

  194. #else

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

  196. #end

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

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

  199. #end

  200. #end

  201. #end

  202.          </el-descriptions>

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

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

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

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

  207.          </div>

  208.       </el-dialog>

  209. 

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

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

  212.       <el-form ref="form" :model="form" :rules="rules" label-width="100px">

  213. #foreach($column in $columns)

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

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

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

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

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

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

  220. #else

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

  222. #end

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

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

  225. #COLUMN_IS_NUMBER($column)

  226. #if($_column_is_number)

  227. #GET_NUMBER_COLUMN_MIN_AND_PRECISION($column)

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

  229.             <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/>

  230.         </el-form-item>

  231. #else

  232. #GET_CHAR_COLUMN_LENGTH($column)

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

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

  235.         </el-form-item>

  236. #end

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

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

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

  240.         </el-form-item>

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

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

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

  244.         </el-form-item>

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

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

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

  248.         </el-form-item>

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

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

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

  252.             <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>

  253.           </el-select>

  254.         </el-form-item>

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

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

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

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

  259.           </el-select>

  260.         </el-form-item>

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

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

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

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

  265.           </el-checkbox-group>

  266.         </el-form-item>

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

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

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

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

  271.           </el-checkbox-group>

  272.         </el-form-item>

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

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

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

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

  277.           </el-radio-group>

  278.         </el-form-item>

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

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

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

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

  283.           </el-radio-group>

  284.         </el-form-item>

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

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

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

  288.         </el-form-item>

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

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

  291.           <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="请输入内容" />

  292.         </el-form-item>

  293. #end

  294. #end

  295. #end

  296. #end

  297. #if($table.sub)

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

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

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

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

  302.           </el-col>

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

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

  305.           </el-col>

  306.         </el-row>

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

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

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

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

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

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

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

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

  315. #else

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

  317. #end

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

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

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

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

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

  323.             </template>

  324.           </el-table-column>

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

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

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

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

  329.             </template>

  330.           </el-table-column>

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

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

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

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

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

  336.               </el-select>

  337.             </template>

  338.           </el-table-column>

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

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

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

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

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

  344.               </el-select>

  345.             </template>

  346.           </el-table-column>

  347. #end

  348. #end

  349.         </el-table>

  350. #end

  351.       </el-form>

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

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

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

  355.       </div>

  356.     </el-dialog>

  357.   </div>

  358. </template>

  359. 

  360. <script>

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

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

  363. export default {

  364.   name: "${BusinessName}",

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

  366.   dicts: [${dicts}],

  367. #end

  368.   data() {

  369.     return {

  370.       // 遮罩层

  371.       loading: true,

  372.       // 导出遮罩层

  373.       exportLoading: false,

  374.       // 选中数组

  375.       ids: [],

  376. #if($table.sub)

  377.       // 子表选中数据

  378.       checked${subClassName}: [],

  379. #end

  380.       // 非单个禁用

  381.       single: true,

  382.       // 非多个禁用

  383.       multiple: true,

  384.       // 显示搜索条件

  385.       showSearch: true,

  386.       // 总条数

  387.       total: 0,

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

  389.       ${businessName}List: [],

  390. #if($table.sub)

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

  392.       ${subclassName}List: [],

  393. #end

  394.       // 弹出层标题

  395.       title: "",

  396.       // 是否显示弹出层

  397.       open: false,

  398.       // 详情组件列数

  399.       descColumn: 2,

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

  401.       descLabelWidth: 15,

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

  403.       viewOpen: false,

  404.       // 项目路径

  405.       baseRoutingUrll: process.env.VUE_APP_BASE_API,

  406. #foreach ($column in $columns)

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

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

  409.       // $comment时间范围

  410.       daterange${AttrName}: [],

  411. #end

  412. #end

  413.       // 查询参数

  414.       queryParams: {

  415.         pageNum: 1,

  416.         pageSize: 10,

  417.        // 查询排序

  418.        //orderByColumn: "id",

  419.        //isAsc: "desc",

  420.        // 翻译字典

  421.        //toTranslateDict: "1",

  422. #foreach ($column in $columns)

  423. #if($column.query)

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

  425. #end

  426. #end

  427.       },

  428.       // 表单参数

  429.       form: {},

  430.       // 表单校验

  431.       rules: {

  432. #foreach ($column in $columns)

  433. #if($column.required)

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

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

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

  437. #else

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

  439. #end

  440.         $column.javaField: [

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

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

  443. #end

  444. #end

  445.       },

  446.       // EXCEL导入

  447.       upload: {

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

  449.           open: false,

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

  451.           title: "",

  452.           // 是否禁用上传

  453.           isUploading: false,

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

  455.           updateSupport: 0,

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

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

  458.           // 上传的地址

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

  460.       },

  461. 

  462.     }

  463.   },

  464.   created() {

  465.     this.getList()

  466.   },

  467.   methods: {

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

  469.     getList() {

  470.       this.loading = true

  471. #foreach ($column in $columns)

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

  473.       this.queryParams.params = {}

  474. #break

  475. #end

  476. #end

  477. #foreach ($column in $columns)

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

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

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

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

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

  483.       }

  484. #end

  485. #end

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

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

  488.         this.total = response.total

  489.         this.loading = false

  490.       })

  491.     },

  492.     // 取消按钮

  493.     cancel() {

  494.       this.open = false

  495.       this.reset()

  496.     },

  497.     cancelDetail() {

  498.         this.viewOpen = false

  499.     },

  500.     // 表单重置

  501.     reset() {

  502.       this.form = {

  503. #foreach ($column in $columns)

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

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

  506. #else

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

  508. #end

  509. #end

  510.       }

  511. #if($table.sub)

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

  513. #end

  514.       this.resetForm("form")

  515.     },

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

  517.     handleQuery() {

  518.       this.queryParams.pageNum = 1

  519.       this.getList()

  520.     },

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

  522.     resetQuery() {

  523. #foreach ($column in $columns)

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

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

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

  527. #end

  528. #end

  529.       this.resetForm("queryForm")

  530.       this.handleQuery()

  531.     },

  532.     // 多选框选中数据

  533.     handleSelectionChange(selection) {

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

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

  536.       this.multiple = !selection.length

  537.     },

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

  539.     handleAdd() {

  540.       this.reset()

  541.       this.open = true

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

  543.     },

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

  545.     handleUpdate(row) {

  546.       this.reset()

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

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

  549.         this.form = response.data

  550. #foreach ($column in $columns)

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

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

  553. #end

  554. #end

  555. #if($table.sub)

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

  557. #end

  558.         this.open = true

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

  560.       })

  561.     },

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

  563.     handleLook(row) {

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

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

  566.           this.form = response.data;

  567. #foreach ($column in $columns)

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

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

  570. #end

  571. #end

  572. #if($table.sub)

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

  574. #end

  575.           this.viewOpen = true;

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

  577.       });

  578.     },

  579.     /** 提交按钮 */

  580.     submitForm() {

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

  582.         if (valid) {

  583. #foreach ($column in $columns)

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

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

  586. #end

  587. #end

  588. #if($table.sub)

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

  590. #end

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

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

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

  594.               this.open = false

  595.               this.getList()

  596.             })

  597.           } else {

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

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

  600.               this.open = false

  601.               this.getList()

  602.             })

  603.           }

  604.         }

  605.       })

  606.     },

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

  608.     handleDelete(row) {

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

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

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

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

  613.         this.getList()

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

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

  616.     },

  617. #if($table.sub)

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

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

  620.       row.index = rowIndex + 1

  621.     },

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

  623.     handleAdd${subClassName}() {

  624.       let obj = {}

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

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

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

  628.       obj.$column.javaField = ""

  629. #end

  630. #end

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

  632.     },

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

  634.     handleDelete${subClassName}() {

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

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

  637.       } else {

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

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

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

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

  642.         })

  643.       }

  644.     },

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

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

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

  648.     },

  649. #end

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

  651.     handleExport() {

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

  653.         ...this.queryParams

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

  655.     },

  656.     /** 打印表单 */

  657.     doPrint() {

  658.         const originalTitle = document.title;

  659.         try {

  660.             document.title = this.title || '打印详情';

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

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

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

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

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

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

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

  668.             printFrame.onload = function() {

  669.                 try {

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

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

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

  673.                     style.innerHTML = `

  674.                       @page {

  675.                         size: auto;

  676.                         margin: 10mm;

  677.                       }

  678.                       body {

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

  680.                         line-height: 1.5;

  681.                         margin: 0;

  682.                         padding: 0;

  683.                       }

  684.                       .el-descriptions {

  685.                         width: 100% !important;

  686.                       }

  687.                       .el-descriptions-item__label {

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

  689.                       }

  690.                       .el-descriptions-item__content {

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

  692.                       }

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

  694.                       img, .el-image {

  695.                         max-width: 100% !important;

  696.                         height: auto !important;

  697.                       }

  698.                     `;

  699.                     frameDoc.head.appendChild(style);

  700.                     frameDoc.body.appendChild(contentClone);

  701.                     setTimeout(() => {

  702.                         printFrame.contentWindow.focus();

  703.                         printFrame.contentWindow.print();

  704.                         setTimeout(() => {

  705.                             document.body.removeChild(printFrame);

  706.                             document.title = originalTitle;

  707.                         }, 1000);

  708.                     }, 500);

  709.                 } catch (e) {

  710.                     document.body.removeChild(printFrame);

  711.                     document.title = originalTitle;

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

  713.                 }

  714.             };

  715.             document.body.appendChild(printFrame);

  716.         } catch (e) {

  717.             document.title = originalTitle;

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

  719.         }

  720.     },

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

  722.     handlePrint() {

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

  724.     },

  725.     /* 导入EXCEL组件 */

  726.     handleImport() {

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

  728.         this.upload.open = true

  729.     },

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

  731.     importTemplate() {

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

  733.         }, `${functionName}_template.xlsx`)

  734.     },

  735.     // 文件上传中处理

  736.     handleFileUploadProgress(event, file, fileList) {

  737.         this.upload.isUploading = true

  738.     },

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

  740.     handleFileSuccess(response, file, fileList) {

  741.         this.upload.open = false

  742.         this.upload.isUploading = false

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

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

  745.         this.getList()

  746.     },

  747.     // 提交上传文件

  748.     submitFileForm() {

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

  750.     },

  751. #foreach($column in $columns)

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

  753.     getFileIcon(file) {

  754.         if(!file) return '';

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

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

  757.                 return this.baseRoutingUrll + file;

  758.             case 'doc': case 'docx':

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

  760.             case 'xls': case 'xlsx':

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

  762.             case 'pdf':

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

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

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

  766.             default:

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

  768.         }

  769.     },

  770. #break

  771. #end

  772. #end

  773. 

  774. 

  775.   }

  776. }

  777. </script>