| | |
| | | icon="el-icon-plus"
|
| | | size="mini"
|
| | | @click="handleAdd"
|
| | | v-hasPermi="['${moduleName}:${businessName}:add']"
|
| | | v-hasPermi="['${permissionPrefix}:add']"
|
| | | >新增</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | |
| | | type="text"
|
| | | icon="el-icon-edit"
|
| | | @click="handleUpdate(scope.row)"
|
| | | v-hasPermi="['${moduleName}:${businessName}:edit']"
|
| | | v-hasPermi="['${permissionPrefix}:edit']"
|
| | | >修改</el-button>
|
| | | <el-button
|
| | | size="mini"
|
| | | type="text"
|
| | | icon="el-icon-plus"
|
| | | @click="handleAdd(scope.row)"
|
| | | v-hasPermi="['${moduleName}:${businessName}:add']"
|
| | | v-hasPermi="['${permissionPrefix}:add']"
|
| | | >新增</el-button>
|
| | | <el-button
|
| | | size="mini"
|
| | | type="text"
|
| | | icon="el-icon-delete"
|
| | | @click="handleDelete(scope.row)"
|
| | | v-hasPermi="['${moduleName}:${businessName}:remove']"
|
| | | v-hasPermi="['${permissionPrefix}:remove']"
|
| | | >删除</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | |
| | | <el-input v-model="form.${field}" placeholder="请输入${comment}" />
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "imageUpload")
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <image-upload v-model="form.${field}"/>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "fileUpload")
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <file-upload v-model="form.${field}"/>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "editor")
|
| | |
| | | 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
|
| | |
|
| | | #if($column.javaType == "Integer" || $column.javaType == "Long")
|
| | | :value="parseInt(dict.value)"
|
| | | #else
|
| | | :value="dict.value"
|
| | | #end
|
| | | ></el-option>
|
| | | </el-select>
|
| | | </el-form-item>
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "checkbox" && "" != $dictType)
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <el-checkbox-group v-model="form.${field}">
|
| | | <el-checkbox
|
| | | v-for="dict in dict.type.${dictType}"
|
| | |
| | | </el-checkbox-group>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "checkbox" && $dictType)
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <el-checkbox-group v-model="form.${field}">
|
| | | <el-checkbox>请选择字典生成</el-checkbox>
|
| | | </el-checkbox-group>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "radio" && "" != $dictType)
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <el-radio-group v-model="form.${field}">
|
| | | <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
|
| | |
|
| | | #if($column.javaType == "Integer" || $column.javaType == "Long")
|
| | | :label="parseInt(dict.value)"
|
| | | #else
|
| | | :label="dict.value"
|
| | | #end
|
| | | >{{dict.label}}</el-radio>
|
| | | </el-radio-group>
|
| | | </el-form-item>
|
| | | #elseif($column.htmlType == "radio" && $dictType)
|
| | | <el-form-item label="${comment}">
|
| | | <el-form-item label="${comment}" prop="${field}">
|
| | | <el-radio-group v-model="form.${field}">
|
| | | <el-radio label="1">请选择字典生成</el-radio>
|
| | | </el-radio-group>
|
| | |
| | | </template>
|
| | |
|
| | | <script>
|
| | | import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName} } from "@/api/${moduleName}/${businessName}";
|
| | | import Treeselect from "@riophae/vue-treeselect";
|
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
| | | import { list${BusinessName}, get${BusinessName}, del${BusinessName}, add${BusinessName}, update${BusinessName} } from "@/api/${moduleName}/${businessName}"
|
| | | import Treeselect from "@riophae/vue-treeselect"
|
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"
|
| | |
|
| | | export default {
|
| | | name: "${BusinessName}",
|
| | |
| | | #set($comment=$column.columnComment)
|
| | | #end
|
| | | $column.javaField: [
|
| | | { required: true, message: "$comment不能为空", trigger: #if($column.htmlType == "select")"change"#else"blur"#end }
|
| | | { required: true, message: "$comment不能为空", trigger: #if($column.htmlType == "select" || $column.htmlType == "radio")"change"#else"blur"#end }
|
| | | ]#if($foreach.count != $columns.size()),#end
|
| | | #end
|
| | | #end
|
| | | }
|
| | | };
|
| | | }
|
| | | },
|
| | | created() {
|
| | | this.getList();
|
| | | this.getList()
|
| | | },
|
| | | methods: {
|
| | | /** 查询${functionName}列表 */
|
| | | getList() {
|
| | | this.loading = true;
|
| | | this.loading = true
|
| | | #foreach ($column in $columns)
|
| | | #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")
|
| | | this.queryParams.params = {};
|
| | | this.queryParams.params = {}
|
| | | #break
|
| | | #end
|
| | | #end
|
| | |
| | | #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")
|
| | | #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
|
| | | if (null != this.daterange${AttrName} && '' != this.daterange${AttrName}) {
|
| | | this.queryParams.params["begin${AttrName}"] = this.daterange${AttrName}[0];
|
| | | this.queryParams.params["end${AttrName}"] = this.daterange${AttrName}[1];
|
| | | this.queryParams.params["begin${AttrName}"] = this.daterange${AttrName}[0]
|
| | | this.queryParams.params["end${AttrName}"] = this.daterange${AttrName}[1]
|
| | | }
|
| | | #end
|
| | | #end
|
| | | list${BusinessName}(this.queryParams).then(response => {
|
| | | this.${businessName}List = this.handleTree(response.data, "${treeCode}", "${treeParentCode}");
|
| | | this.loading = false;
|
| | | });
|
| | | this.${businessName}List = this.handleTree(response.data, "${treeCode}", "${treeParentCode}")
|
| | | this.loading = false
|
| | | })
|
| | | },
|
| | | /** 转换${functionName}数据结构 */
|
| | | normalizer(node) {
|
| | | if (node.children && !node.children.length) {
|
| | | delete node.children;
|
| | | delete node.children
|
| | | }
|
| | | return {
|
| | | id: node.${treeCode},
|
| | | label: node.${treeName},
|
| | | children: node.children
|
| | | };
|
| | | }
|
| | | },
|
| | | /** 查询${functionName}下拉树结构 */
|
| | | getTreeselect() {
|
| | | list${BusinessName}().then(response => {
|
| | | this.${businessName}Options = [];
|
| | | const data = { ${treeCode}: 0, ${treeName}: '顶级节点', children: [] };
|
| | | data.children = this.handleTree(response.data, "${treeCode}", "${treeParentCode}");
|
| | | this.${businessName}Options.push(data);
|
| | | });
|
| | | this.${businessName}Options = []
|
| | | const data = { ${treeCode}: 0, ${treeName}: '顶级节点', children: [] }
|
| | | data.children = this.handleTree(response.data, "${treeCode}", "${treeParentCode}")
|
| | | this.${businessName}Options.push(data)
|
| | | })
|
| | | },
|
| | | // 取消按钮
|
| | | cancel() {
|
| | | this.open = false;
|
| | | this.reset();
|
| | | this.open = false
|
| | | this.reset()
|
| | | },
|
| | | // 表单重置
|
| | | reset() {
|
| | | this.form = {
|
| | | #foreach ($column in $columns)
|
| | | #if($column.htmlType == "radio")
|
| | | $column.javaField: #if($column.javaType == "Integer" || $column.javaType == "Long")0#else"0"#end#if($foreach.count != $columns.size()),#end
|
| | |
|
| | | #elseif($column.htmlType == "checkbox")
|
| | | #if($column.htmlType == "checkbox")
|
| | | $column.javaField: []#if($foreach.count != $columns.size()),#end
|
| | | #else
|
| | | $column.javaField: null#if($foreach.count != $columns.size()),#end
|
| | | #end
|
| | | #end
|
| | | };
|
| | | this.resetForm("form");
|
| | | }
|
| | | this.resetForm("form")
|
| | | },
|
| | | /** 搜索按钮操作 */
|
| | | handleQuery() {
|
| | | this.getList();
|
| | | this.getList()
|
| | | },
|
| | | /** 重置按钮操作 */
|
| | | resetQuery() {
|
| | | #foreach ($column in $columns)
|
| | | #if($column.htmlType == "datetime" && $column.queryType == "BETWEEN")
|
| | | #set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
|
| | | this.daterange${AttrName} = [];
|
| | | this.daterange${AttrName} = []
|
| | | #end
|
| | | #end
|
| | | this.resetForm("queryForm");
|
| | | this.handleQuery();
|
| | | this.resetForm("queryForm")
|
| | | this.handleQuery()
|
| | | },
|
| | | /** 新增按钮操作 */
|
| | | handleAdd(row) {
|
| | | this.reset();
|
| | | this.getTreeselect();
|
| | | this.reset()
|
| | | this.getTreeselect()
|
| | | if (row != null && row.${treeCode}) {
|
| | | this.form.${treeParentCode} = row.${treeCode};
|
| | | this.form.${treeParentCode} = row.${treeCode}
|
| | | } else {
|
| | | this.form.${treeParentCode} = 0;
|
| | | this.form.${treeParentCode} = 0
|
| | | }
|
| | | this.open = true;
|
| | | this.title = "添加${functionName}";
|
| | | this.open = true
|
| | | this.title = "添加${functionName}"
|
| | | },
|
| | | /** 展开/折叠操作 */
|
| | | toggleExpandAll() {
|
| | | this.refreshTable = false;
|
| | | this.isExpandAll = !this.isExpandAll;
|
| | | this.refreshTable = false
|
| | | this.isExpandAll = !this.isExpandAll
|
| | | this.$nextTick(() => {
|
| | | this.refreshTable = true;
|
| | | });
|
| | | this.refreshTable = true
|
| | | })
|
| | | },
|
| | | /** 修改按钮操作 */
|
| | | handleUpdate(row) {
|
| | | this.reset();
|
| | | this.getTreeselect();
|
| | | this.reset()
|
| | | this.getTreeselect()
|
| | | if (row != null) {
|
| | | this.form.${treeParentCode} = row.${treeCode};
|
| | | this.form.${treeParentCode} = row.${treeParentCode}
|
| | | }
|
| | | get${BusinessName}(row.${pkColumn.javaField}).then(response => {
|
| | | this.form = response.data;
|
| | | this.form = response.data
|
| | | #foreach ($column in $columns)
|
| | | #if($column.htmlType == "checkbox")
|
| | | this.form.$column.javaField = this.form.${column.javaField}.split(",");
|
| | | this.form.$column.javaField = this.form.${column.javaField}.split(",")
|
| | | #end
|
| | | #end
|
| | | this.open = true;
|
| | | this.title = "修改${functionName}";
|
| | | });
|
| | | this.open = true
|
| | | this.title = "修改${functionName}"
|
| | | })
|
| | | },
|
| | | /** 提交按钮 */
|
| | | submitForm() {
|
| | |
| | | if (valid) {
|
| | | #foreach ($column in $columns)
|
| | | #if($column.htmlType == "checkbox")
|
| | | this.form.$column.javaField = this.form.${column.javaField}.join(",");
|
| | | this.form.$column.javaField = this.form.${column.javaField}.join(",")
|
| | | #end
|
| | | #end
|
| | | if (this.form.${pkColumn.javaField} != null) {
|
| | | update${BusinessName}(this.form).then(response => {
|
| | | this.#[[$modal]]#.msgSuccess("修改成功");
|
| | | this.open = false;
|
| | | this.getList();
|
| | | });
|
| | | this.#[[$modal]]#.msgSuccess("修改成功")
|
| | | this.open = false
|
| | | this.getList()
|
| | | })
|
| | | } else {
|
| | | add${BusinessName}(this.form).then(response => {
|
| | | this.#[[$modal]]#.msgSuccess("新增成功");
|
| | | this.open = false;
|
| | | this.getList();
|
| | | });
|
| | | this.#[[$modal]]#.msgSuccess("新增成功")
|
| | | this.open = false
|
| | | this.getList()
|
| | | })
|
| | | }
|
| | | }
|
| | | });
|
| | | })
|
| | | },
|
| | | /** 删除按钮操作 */
|
| | | handleDelete(row) {
|
| | | this.#[[$modal]]#.confirm('是否确认删除${functionName}编号为"' + row.${pkColumn.javaField} + '"的数据项?').then(function() {
|
| | | return del${BusinessName}(row.${pkColumn.javaField});
|
| | | return del${BusinessName}(row.${pkColumn.javaField})
|
| | | }).then(() => {
|
| | | this.getList();
|
| | | this.#[[$modal]]#.msgSuccess("删除成功");
|
| | | }).catch(() => {});
|
| | | this.getList()
|
| | | this.#[[$modal]]#.msgSuccess("删除成功")
|
| | | }).catch(() => {})
|
| | | }
|
| | | }
|
| | | };
|
| | | }
|
| | | </script>
|