去除无效的代码
This commit is contained in:
Chopper
parent
0995a3b75f
commit
bf023ccad5
@ -101,7 +101,7 @@ public class CodeGenerator {
|
||||
*/
|
||||
public static void main(String[] args) throws IOException {
|
||||
// 模板路径
|
||||
ClasspathResourceLoader resourceLoader = new ClasspathResourceLoader("/templates/java/");
|
||||
ClasspathResourceLoader resourceLoader = new ClasspathResourceLoader("/templates/");
|
||||
Configuration cfg = Configuration.defaultConfiguration();
|
||||
GroupTemplate gt = new GroupTemplate(resourceLoader, cfg);
|
||||
// 生成代码
|
||||
|
||||
@ -1,735 +0,0 @@
|
||||
<template>
|
||||
<div class="search">
|
||||
<Row>
|
||||
<Col>
|
||||
<Card>
|
||||
<%
|
||||
if(searchSize>0&&!hideSearch){
|
||||
%>
|
||||
<Row <% if(searchSize>0){ %>v-show="openSearch"<% } %> @keydown.enter.native="handleSearch">
|
||||
<Form ref="searchForm" :model="searchForm" inline :label-width="70">
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.searchable){
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="text"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Input type="text" v-model="searchForm.${item.field}" placeholder="请输入${item.name}" clearable style="width: 200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="select"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Select v-model="searchForm.${item.field}" placeholder="请选择" clearable style="width: 200px">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="date"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker type="date" v-model="searchForm.${item.field}" placeholder="请选择" readonly clearable style="width: 200px"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="daterange"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker v-model="selectDate" type="daterange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" readonly style="width: 200px"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="area"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<al-cascader v-model="searchForm.${item.field}" data-type="code" level="${item.searchLevel}" style="width:200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
<Form-item style="margin-left:-35px;" class="br">
|
||||
<Button @click="handleSearch" type="primary" icon="ios-search">搜索</Button>
|
||||
<Button @click="handleReset">重置</Button>
|
||||
</Form-item>
|
||||
</Form>
|
||||
</Row>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(searchSize>0&&hideSearch){
|
||||
%>
|
||||
<Row @keydown.enter.native="handleSearch">
|
||||
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
|
||||
<%
|
||||
for(item in firstTwo){
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="text"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Input type="text" v-model="searchForm.${item.field}" placeholder="请输入${item.name}" clearable style="width: 200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="select"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Select v-model="searchForm.${item.field}" placeholder="请选择" clearable style="width: 200px">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="date"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker type="date" v-model="searchForm.${item.field}" placeholder="请选择" readonly clearable style="width: 200px"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="daterange"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker v-model="selectDate" type="daterange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" readonly placeholder="选择起始时间" style="width: 200px"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="area"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<al-cascader v-model="searchForm.${item.field}" data-type="code" level="${item.searchLevel}" style="width:200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<span v-if="drop">
|
||||
<%
|
||||
for(item in rest){
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="text"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Input type="text" v-model="searchForm.${item.field}" placeholder="请输入${item.name}" clearable style="width: 200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="select"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<Select v-model="searchForm.${item.field}" placeholder="请选择" clearable style="width: 200px">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="date"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker type="date" v-model="searchForm.${item.field}" placeholder="请选择" clearable style="width: 200px" readonly format="yyyy-MM-dd HH:mm:ss"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="daterange"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<DatePicker v-model="selectDate" type="daterange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" readonly style="width: 200px"></DatePicker>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.searchType=="area"){
|
||||
%>
|
||||
<Form-item label="${item.name}" prop="${item.field}">
|
||||
<al-cascader v-model="searchForm.${item.field}" data-type="code" level="${item.searchLevel}" style="width:200px"/>
|
||||
</Form-item>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
</span>
|
||||
<Form-item style="margin-left:-35px;" class="br">
|
||||
<Button @click="handleSearch" type="primary" icon="ios-search">搜索</Button>
|
||||
<Button @click="handleReset">重置</Button>
|
||||
<a class="drop-down" @click="dropDown">
|
||||
{{dropDownContent}}
|
||||
<Icon :type="dropDownIcon"></Icon>
|
||||
</a>
|
||||
</Form-item>
|
||||
</Form>
|
||||
</Row>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<Row class="operation">
|
||||
<Button @click="add" type="primary" icon="md-add">添加</Button>
|
||||
<Button @click="delAll" icon="md-trash">批量删除</Button>
|
||||
<Button @click="getDataList" icon="md-refresh">刷新</Button>
|
||||
<% if(searchSize>0){ %>
|
||||
<Button type="dashed" @click="openSearch=!openSearch">{{openSearch ? "关闭搜索" : "开启搜索"}}</Button>
|
||||
<% } %>
|
||||
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
|
||||
</Row>
|
||||
<Row v-show="openTip">
|
||||
<Alert show-icon>
|
||||
已选择 <span class="select-count">{{selectCount}}</span> 项
|
||||
<a class="select-clear" @click="clearSelectAll">清空</a>
|
||||
</Alert>
|
||||
</Row>
|
||||
<Row>
|
||||
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
|
||||
</Row>
|
||||
<Row type="flex" justify="end" class="page">
|
||||
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10,20,50]" size="small" show-total show-elevator show-sizer></Page>
|
||||
</Row>
|
||||
</Card>
|
||||
</Col>
|
||||
</Row>
|
||||
<Modal :title="modalTitle" v-model="modalVisible" :mask-closable='false' :width="${modalWidth}">
|
||||
<Form ref="form" :model="form" :label-width="100" :rules="formValidate" <% if(rowNum>1){ %>inline<% } %>>
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<FormItem label="${item.name}" prop="${item.field}" <% if(rowNum>1&&(item.type=="switch"||item.type=="radio")){ %>style="width:${itemWidth}"<% } %>>
|
||||
<%
|
||||
if(item.type=="text"){
|
||||
%>
|
||||
<Input v-model="form.${item.field}" clearable style="width:${width}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="select"){
|
||||
%>
|
||||
<Select v-model="form.${item.field}" clearable style="width:${width}">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="switch"){
|
||||
%>
|
||||
<i-switch v-model="form.${item.field}"></i-switch>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="radio"){
|
||||
%>
|
||||
<RadioGroup v-model="form.${item.field}">
|
||||
<Radio label="0">请自行编辑单选框</Radio>
|
||||
<Radio label="1">请自行编辑单选框</Radio>
|
||||
</RadioGroup>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="number"){
|
||||
%>
|
||||
<InputNumber v-model="form.${item.field}" style="width:${width}"></InputNumber>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="date"){
|
||||
%>
|
||||
<DatePicker type="date" v-model="form.${item.field}" readonly clearable style="width:${width}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="daterange"){
|
||||
%>
|
||||
<DatePicker type="daterange" v-model="form.${item.field}" readonly clearable style="width:${width}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="time"){
|
||||
%>
|
||||
<TimePicker type="time" v-model="form.${item.field}" clearable style="width:${width}"></TimePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="area"){
|
||||
%>
|
||||
<al-cascader v-model="form.${item.field}" data-type="code" level="${item.level}" style="width:${width}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="slider"){
|
||||
%>
|
||||
<Slider v-model="form.${item.field}" style="width:${width}"></Slider>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="upload"){
|
||||
%>
|
||||
<upload-pic-input v-model="form.${item.field}" style="width:${width}"></upload-pic-input>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
</FormItem>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
</Form>
|
||||
<div slot="footer">
|
||||
<Button type="text" @click="modalVisible=false">取消</Button>
|
||||
<Button type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
|
||||
</div>
|
||||
</Modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<%
|
||||
if(upload){
|
||||
%>
|
||||
import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
|
||||
<%
|
||||
}
|
||||
%>
|
||||
export default {
|
||||
name: "${vueName}",
|
||||
components: {
|
||||
<%
|
||||
if(upload){
|
||||
%>
|
||||
uploadPicInput
|
||||
<%
|
||||
}
|
||||
%>
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
<% if(searchSize>0){ %>
|
||||
openSearch: true, // 显示搜索
|
||||
<% }%>
|
||||
openTip: true, // 显示提示
|
||||
loading: true, // 表单加载状态
|
||||
modalType: 0, // 添加或编辑标识
|
||||
modalVisible: false, // 添加或编辑显示
|
||||
modalTitle: "", // 添加或编辑标题
|
||||
<% if(hideSearch) { %>
|
||||
drop: false,
|
||||
dropDownContent: "展开",
|
||||
dropDownIcon: "ios-arrow-down",
|
||||
<% } %>
|
||||
searchForm: { // 搜索框初始化对象
|
||||
pageNumber: 1, // 当前页数
|
||||
pageSize: 10, // 页面大小
|
||||
sort: "createTime", // 默认排序字段
|
||||
order: "desc", // 默认排序方式
|
||||
<% if(daterangeSearch){ %>
|
||||
startDate: "", // 起始时间
|
||||
endDate: "" // 终止时间
|
||||
<% } %>
|
||||
},
|
||||
<% if(daterangeSearch){ %>
|
||||
selectDate: null,
|
||||
<% } %>
|
||||
form: { // 添加或编辑表单对象初始化数据
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<% if(item.type=="switch"){ %>
|
||||
${item.field}: true,
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: 0,
|
||||
<% }else if(item.type=="area"){ %>
|
||||
${item.field}: [],
|
||||
<% }else{ %>
|
||||
${item.field}: "",
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
},
|
||||
// 表单验证规则
|
||||
formValidate: {
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable&&item.validate){
|
||||
%>
|
||||
<% if(item.type=="daterange"||item.type=="area"){ %>
|
||||
${item.field}: [{ type: "array", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="date"){ %>
|
||||
${item.field}: [{ type: "date", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: [{ type: "number", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="switch"){ %>
|
||||
${item.field}: [{ type: "boolean", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else{ %>
|
||||
${item.field}: [{ required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
},
|
||||
submitLoading: false, // 添加或编辑提交状态
|
||||
selectList: [], // 多选数据
|
||||
selectCount: 0, // 多选计数
|
||||
columns: [
|
||||
// 表头
|
||||
{
|
||||
type: "selection",
|
||||
width: 60,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
type: "index",
|
||||
width: 60,
|
||||
align: "center"
|
||||
},
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.tableShow){
|
||||
%>
|
||||
{
|
||||
title: "${item.name}",
|
||||
key: "${item.field}",
|
||||
minWidth: 120,
|
||||
<%
|
||||
if(item.sortable){
|
||||
%>
|
||||
sortable: true,
|
||||
<%
|
||||
}else{
|
||||
%>
|
||||
sortable: false,
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.defaultSort){
|
||||
%>
|
||||
sortType: "${item.defaultSortType}"
|
||||
<%
|
||||
}
|
||||
%>
|
||||
},
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
{
|
||||
title: "操作",
|
||||
key: "action",
|
||||
align: "center",
|
||||
width: 200,
|
||||
render: (h, params) => {
|
||||
return h("div", [
|
||||
h(
|
||||
"Button",
|
||||
{
|
||||
props: {
|
||||
type: "primary",
|
||||
size: "small",
|
||||
icon: "ios-create-outline"
|
||||
},
|
||||
style: {
|
||||
marginRight: "5px"
|
||||
},
|
||||
on: {
|
||||
click: () => {
|
||||
this.edit(params.row);
|
||||
}
|
||||
}
|
||||
},
|
||||
"编辑"
|
||||
),
|
||||
h(
|
||||
"Button",
|
||||
{
|
||||
props: {
|
||||
type: "error",
|
||||
size: "small",
|
||||
icon: "md-trash"
|
||||
},
|
||||
on: {
|
||||
click: () => {
|
||||
this.remove(params.row);
|
||||
}
|
||||
}
|
||||
},
|
||||
"删除"
|
||||
)
|
||||
]);
|
||||
}
|
||||
}
|
||||
],
|
||||
data: [], // 表单数据
|
||||
total: 0 // 表单数据总数
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.getDataList();
|
||||
},
|
||||
changePage(v) {
|
||||
this.searchForm.pageNumber = v;
|
||||
this.getDataList();
|
||||
this.clearSelectAll();
|
||||
},
|
||||
changePageSize(v) {
|
||||
this.searchForm.pageSize = v;
|
||||
this.getDataList();
|
||||
},
|
||||
handleSearch() {
|
||||
this.searchForm.pageNumber = 1;
|
||||
this.searchForm.pageSize = 10;
|
||||
this.getDataList();
|
||||
},
|
||||
handleReset() {
|
||||
this.$refs.searchForm.resetFields();
|
||||
this.searchForm.pageNumber = 1;
|
||||
this.searchForm.pageSize = 10;
|
||||
<% if(daterangeSearch){ %>
|
||||
this.selectDate = null;
|
||||
this.searchForm.startDate = "";
|
||||
this.searchForm.endDate = "";
|
||||
<% } %>
|
||||
// 重新加载数据
|
||||
this.getDataList();
|
||||
},
|
||||
changeSort(e) {
|
||||
this.searchForm.sort = e.key;
|
||||
this.searchForm.order = e.order;
|
||||
if (e.order === "normal") {
|
||||
this.searchForm.order = "";
|
||||
}
|
||||
this.getDataList();
|
||||
},
|
||||
clearSelectAll() {
|
||||
this.$refs.table.selectAll(false);
|
||||
},
|
||||
changeSelect(e) {
|
||||
this.selectList = e;
|
||||
this.selectCount = e.length;
|
||||
},
|
||||
<% if(daterangeSearch){ %>
|
||||
selectDateRange(v) {
|
||||
if (v) {
|
||||
this.searchForm.startDate = v[0];
|
||||
this.searchForm.endDate = v[1];
|
||||
}
|
||||
},
|
||||
<% } %>
|
||||
<% if(hideSearch){ %>
|
||||
dropDown() {
|
||||
if (this.drop) {
|
||||
this.dropDownContent = "展开";
|
||||
this.dropDownIcon = "ios-arrow-down";
|
||||
} else {
|
||||
this.dropDownContent = "收起";
|
||||
this.dropDownIcon = "ios-arrow-up";
|
||||
}
|
||||
this.drop = !this.drop;
|
||||
},
|
||||
<% } %>
|
||||
getDataList() {
|
||||
this.loading = true;
|
||||
// 带多条件搜索参数获取表单数据 请自行修改接口
|
||||
this.getRequest("/${vueName}/getByPage", this.searchForm).then(res => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.data = res.result.records;
|
||||
this.total = res.result.total;
|
||||
}
|
||||
});
|
||||
// 以下为模拟数据
|
||||
//this.data = [
|
||||
//];
|
||||
this.total = this.data.length;
|
||||
this.loading = false;
|
||||
},
|
||||
handleSubmit() {
|
||||
this.$refs.form.validate(valid => {
|
||||
if (valid) {
|
||||
this.submitLoading = true;
|
||||
if (this.modalType === 0) {
|
||||
// 添加 避免编辑后传入id等数据 记得删除
|
||||
delete this.form.id;
|
||||
this.postRequest("/${vueName}/insertOrUpdate", this.form).then(res => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.getDataList();
|
||||
this.modalVisible = false;
|
||||
}
|
||||
});
|
||||
// 模拟请求成功
|
||||
//this.submitLoading = false;
|
||||
//this.$Message.success("操作成功");
|
||||
//this.getDataList();
|
||||
//this.modalVisible = false;
|
||||
} else {
|
||||
// 编辑
|
||||
this.postRequest("/${vueName}/insertOrUpdate", this.form).then(res => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.getDataList();
|
||||
this.modalVisible = false;
|
||||
}
|
||||
});
|
||||
// 模拟请求成功
|
||||
//this.submitLoading = false;
|
||||
//this.$Message.success("操作成功");
|
||||
//this.getDataList();
|
||||
//this.modalVisible = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
add() {
|
||||
this.modalType = 0;
|
||||
this.modalTitle = "添加";
|
||||
this.$refs.form.resetFields();
|
||||
delete this.form.id;
|
||||
this.modalVisible = true;
|
||||
},
|
||||
edit(v) {
|
||||
this.modalType = 1;
|
||||
this.modalTitle = "编辑";
|
||||
this.$refs.form.resetFields();
|
||||
// 转换null为""
|
||||
for (let attr in v) {
|
||||
if (v[attr] === null) {
|
||||
v[attr] = "";
|
||||
}
|
||||
}
|
||||
let str = JSON.stringify(v);
|
||||
let data = JSON.parse(str);
|
||||
this.form = data;
|
||||
this.modalVisible = true;
|
||||
},
|
||||
remove(v) {
|
||||
this.$Modal.confirm({
|
||||
title: "确认删除",
|
||||
// 记得确认修改此处
|
||||
content: "您确认要删除么?",
|
||||
loading: true,
|
||||
onOk: () => {
|
||||
// 删除
|
||||
this.deleteRequest("/${vueName}/delByIds/" + v.id).then(res => {
|
||||
this.$Modal.remove();
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.getDataList();
|
||||
}
|
||||
});
|
||||
// 模拟请求成功
|
||||
//this.$Message.success("操作成功");
|
||||
//this.$Modal.remove();
|
||||
//this.getDataList();
|
||||
}
|
||||
});
|
||||
},
|
||||
delAll() {
|
||||
if (this.selectCount <= 0) {
|
||||
this.$Message.warning("您还未选择要删除的数据");
|
||||
return;
|
||||
}
|
||||
this.$Modal.confirm({
|
||||
title: "确认删除",
|
||||
content: "您确认要删除所选的 " + this.selectCount + " 条数据?",
|
||||
loading: true,
|
||||
onOk: () => {
|
||||
let ids = "";
|
||||
this.selectList.forEach(function(e) {
|
||||
ids += e.id + ",";
|
||||
});
|
||||
ids = ids.substring(0, ids.length - 1);
|
||||
// 批量删除
|
||||
this.deleteRequest("/${vueName}/delByIds/" + ids).then(res => {
|
||||
this.$Modal.remove();
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.clearSelectAll();
|
||||
this.getDataList();
|
||||
}
|
||||
});
|
||||
// 模拟请求成功
|
||||
//this.$Message.success("操作成功");
|
||||
//this.$Modal.remove();
|
||||
//this.clearSelectAll();
|
||||
//this.getDataList();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
// 建议引入通用样式 可删除下面样式代码
|
||||
// @import "../../../styles/table-common.less";
|
||||
.search {
|
||||
.operation {
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
.select-count {
|
||||
font-weight: 600;
|
||||
color: #40a9ff;
|
||||
}
|
||||
.select-clear {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.page {
|
||||
margin-top: 2vh;
|
||||
}
|
||||
.drop-down {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,687 +0,0 @@
|
||||
<template>
|
||||
<div class="search">
|
||||
<Card>
|
||||
<Row class="operation">
|
||||
<Button @click="add" type="primary" icon="md-add">添加子节点</Button>
|
||||
<Button @click="addRoot" icon="md-add">添加一级节点</Button>
|
||||
<Button @click="delAll" icon="md-trash">批量删除</Button>
|
||||
<Button @click="getParentList" icon="md-refresh">刷新</Button>
|
||||
<i-switch v-model="strict" size="large" style="margin-left:5px">
|
||||
<span slot="open">级联</span>
|
||||
<span slot="close">单选</span>
|
||||
</i-switch>
|
||||
</Row>
|
||||
<Row type="flex" justify="start">
|
||||
<Col span="6">
|
||||
<Alert show-icon>
|
||||
当前选择编辑：
|
||||
<span class="select-title">{{editTitle}}</span>
|
||||
<a class="select-clear" v-if="form.id" @click="cancelEdit">取消选择</a>
|
||||
</Alert>
|
||||
<Input
|
||||
v-model="searchKey"
|
||||
suffix="ios-search"
|
||||
@on-change="search"
|
||||
placeholder="输入节点名搜索"
|
||||
clearable
|
||||
/>
|
||||
<div class="tree-bar" :style="{maxHeight: maxHeight}">
|
||||
<Tree
|
||||
ref="tree"
|
||||
:data="data"
|
||||
:load-data="loadData"
|
||||
show-checkbox
|
||||
@on-check-change="changeSelect"
|
||||
@on-select-change="selectTree"
|
||||
:check-strictly="!strict"
|
||||
></Tree>
|
||||
<Spin size="large" fix v-if="loading"></Spin>
|
||||
</div>
|
||||
</Col>
|
||||
<Col span="${span}" style="margin-left:10px">
|
||||
<Form ref="form" :model="form" :label-width="100" :rules="formValidate" <% if(rowNum>1){ %>inline<% } %>>
|
||||
<FormItem label="上级节点" prop="parentTitle">
|
||||
<div style="display:flex;">
|
||||
<Input v-model="form.parentTitle" readonly style="margin-right:10px;"/>
|
||||
<Poptip transfer trigger="click" placement="right-start" title="选择上级部门" width="250">
|
||||
<Button icon="md-list">选择部门</Button>
|
||||
<div slot="content" style="position:relative;min-height:5vh">
|
||||
<Tree :data="dataEdit" :load-data="loadData" @on-select-change="selectTreeEdit"></Tree>
|
||||
<Spin size="large" fix v-if="loadingEdit"></Spin>
|
||||
</div>
|
||||
</Poptip>
|
||||
</div>
|
||||
</FormItem>
|
||||
<FormItem label="名称" prop="title">
|
||||
<Input v-model="form.title" />
|
||||
</FormItem>
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<FormItem label="${item.name}" prop="${item.field}" <% if(rowNum>1&&(item.type=="switch"||item.type=="radio")){ %>style="width:${itemWidth}"<% } %>>
|
||||
<%
|
||||
if(item.type=="text"){
|
||||
%>
|
||||
<Input v-model="form.${item.field}" style="width:${editWidth}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="select"){
|
||||
%>
|
||||
<Select v-model="form.${item.field}" style="width:${editWidth}">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="number"){
|
||||
%>
|
||||
<InputNumber v-model="form.${item.field}" style="width:${editWidth}"></InputNumber>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="switch"){
|
||||
%>
|
||||
<i-switch v-model="form.${item.field}"></i-switch>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="radio"){
|
||||
%>
|
||||
<RadioGroup v-model="form.${item.field}">
|
||||
<Radio label="0">请自行编辑单选框</Radio>
|
||||
<Radio label="1">请自行编辑单选框</Radio>
|
||||
</RadioGroup>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="date"){
|
||||
%>
|
||||
<DatePicker type="date" v-model="form.${item.field}" style="width:${editWidth}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="daterange"){
|
||||
%>
|
||||
<DatePicker type="daterange" v-model="form.${item.field}" style="width:${editWidth}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="time"){
|
||||
%>
|
||||
<TimePicker type="time" v-model="form.${item.field}" style="width:${editWidth}"></TimePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="area"){
|
||||
%>
|
||||
<al-cascader v-model="form.${item.field}" data-type="code" level="${item.level}" style="width:${editWidth}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="slider"){
|
||||
%>
|
||||
<Slider v-model="form.${item.field}" style="width:${editWidth}"></Slider>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="upload"){
|
||||
%>
|
||||
<upload-pic-input v-model="form.${item.field}" style="width:${editWidth}"></upload-pic-input>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
</FormItem>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
<FormItem label="排序值" prop="sortOrder">
|
||||
<Poptip trigger="hover" placement="right" content="值越小越靠前，支持小数">
|
||||
<InputNumber :max="1000" :min="0" v-model="form.sortOrder"></InputNumber>
|
||||
</Poptip>
|
||||
</FormItem>
|
||||
<br>
|
||||
<Form-item>
|
||||
<Button
|
||||
@click="submitEdit"
|
||||
:loading="submitLoading"
|
||||
type="primary"
|
||||
icon="ios-create-outline"
|
||||
style="margin-right:5px"
|
||||
>修改并保存</Button>
|
||||
<Button @click="handleReset">重置</Button>
|
||||
</Form-item>
|
||||
</Form>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
|
||||
<Modal :title="modalTitle" v-model="modalVisible" :mask-closable="false" :width="${modalWidth}">
|
||||
<Form ref="formAdd" :model="formAdd" :label-width="100" :rules="formValidate" <% if(rowNum>1){ %>inline<% } %>>
|
||||
<div v-if="showParent">
|
||||
<FormItem label="上级节点：">{{form.title}}</FormItem>
|
||||
</div>
|
||||
<FormItem label="名称" prop="title">
|
||||
<Input v-model="form.title" />
|
||||
</FormItem>
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<FormItem label="${item.name}" prop="${item.field}" <% if(rowNum>1&&(item.type=="number"||item.type=="switch"||item.type=="radio")){ %>style="width:${itemWidth}"<% } %>>
|
||||
<%
|
||||
if(item.type=="text"){
|
||||
%>
|
||||
<Input v-model="formAdd.${item.field}" style="width:${width}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="select"){
|
||||
%>
|
||||
<Select v-model="formAdd.${item.field}" style="width:${width}">
|
||||
<Option value="0">请自行编辑下拉菜单</Option>
|
||||
</Select>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="number"){
|
||||
%>
|
||||
<InputNumber v-model="formAdd.${item.field}"></InputNumber>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="switch"){
|
||||
%>
|
||||
<i-switch v-model="formAdd.${item.field}"></i-switch>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="radio"){
|
||||
%>
|
||||
<RadioGroup v-model="formAdd.${item.field}">
|
||||
<Radio label="0">请自行编辑单选框</Radio>
|
||||
<Radio label="1">请自行编辑单选框</Radio>
|
||||
</RadioGroup>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="date"){
|
||||
%>
|
||||
<DatePicker type="date" v-model="formAdd.${item.field}" style="width:${width}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="daterange"){
|
||||
%>
|
||||
<DatePicker type="daterange" v-model="formAdd.${item.field}" style="width:${width}"></DatePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="time"){
|
||||
%>
|
||||
<TimePicker type="time" v-model="formAdd.${item.field}" style="width:${width}"></TimePicker>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="area"){
|
||||
%>
|
||||
<al-cascader v-model="formAdd.${item.field}" data-type="code" level="${item.level}" style="width:${width}"/>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="slider"){
|
||||
%>
|
||||
<Slider v-model="formAdd.${item.field}" style="width:${width}"></Slider>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
<%
|
||||
if(item.type=="upload"){
|
||||
%>
|
||||
<upload-pic-input v-model="formAdd.${item.field}" style="width:${width}"></upload-pic-input>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
</FormItem>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
<FormItem label="排序值" prop="sortOrder">
|
||||
<Poptip trigger="hover" placement="right" content="值越小越靠前，支持小数">
|
||||
<InputNumber :max="1000" :min="0" v-model="formAdd.sortOrder"></InputNumber>
|
||||
</Poptip>
|
||||
</FormItem>
|
||||
</Form>
|
||||
<div slot="footer">
|
||||
<Button type="text" @click="modalVisible=false">取消</Button>
|
||||
<Button type="primary" :loading="submitLoading" @click="submitAdd">提交</Button>
|
||||
</div>
|
||||
</Modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<%
|
||||
if(upload){
|
||||
%>
|
||||
import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
|
||||
<%
|
||||
}
|
||||
%>
|
||||
export default {
|
||||
name: "${vueName}",
|
||||
components: {
|
||||
<%
|
||||
if(upload){
|
||||
%>
|
||||
uploadPicInput
|
||||
<%
|
||||
}
|
||||
%>
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
maxHeight: "500px",
|
||||
strict: true,
|
||||
loading: false, // 树加载状态
|
||||
loadingEdit: false, // 编辑上级树加载状态
|
||||
modalVisible: false, // 添加显示
|
||||
selectList: [], // 多选数据
|
||||
selectCount: 0, // 多选计数
|
||||
showParent: false, // 显示上级标识
|
||||
modalTitle: "", // 添加标题
|
||||
editTitle: "", // 编辑节点名称
|
||||
searchKey: "", // 搜索树
|
||||
form: {
|
||||
// 编辑对象初始化数据
|
||||
id: "",
|
||||
title: "",
|
||||
parentId: "",
|
||||
parentTitle: "",
|
||||
sortOrder: 0,
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<% if(item.type=="switch"){ %>
|
||||
${item.field}: true,
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: 0,
|
||||
<% }else if(item.type=="area"){ %>
|
||||
${item.field}: [],
|
||||
<% }else{ %>
|
||||
${item.field}: "",
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
},
|
||||
formAdd: {
|
||||
// 添加对象初始化数据
|
||||
},
|
||||
formValidate: {
|
||||
// 表单验证规则
|
||||
title: [{ required: true, message: "不能为空", trigger: "blur" }],
|
||||
sortOrder: [
|
||||
{
|
||||
required: true,
|
||||
type: "number",
|
||||
message: "排序值不能为空",
|
||||
trigger: "blur"
|
||||
}
|
||||
],
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable&&item.validate){
|
||||
%>
|
||||
<% if(item.type=="daterange"||item.type=="area"){ %>
|
||||
${item.field}: [{ type: "array", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="date"){ %>
|
||||
${item.field}: [{ type: "date", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: [{ type: "number", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else if(item.type=="switch"){ %>
|
||||
${item.field}: [{ type: "boolean", required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% }else{ %>
|
||||
${item.field}: [{ required: true, message: "不能为空", trigger: "blur" }],
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
},
|
||||
submitLoading: false,
|
||||
data: [],
|
||||
dataEdit: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
// 初始化一级节点
|
||||
this.getParentList();
|
||||
// 初始化一级节点为编辑上级节点使用
|
||||
this.getParentListEdit();
|
||||
},
|
||||
getParentList() {
|
||||
// this.loading = true;
|
||||
// this.getRequest("一级数据请求路径，如/tree/getByParentId/0").then(res => {
|
||||
// this.loading = false;
|
||||
// if (res.success) {
|
||||
// res.result.forEach(function(e) {
|
||||
// if (e.isParent) {
|
||||
// e.loading = false;
|
||||
// e.children = [];
|
||||
// }
|
||||
// });
|
||||
// this.data = res.result;
|
||||
// }
|
||||
// });
|
||||
// 模拟请求成功
|
||||
this.data = [
|
||||
];
|
||||
},
|
||||
getParentListEdit() {
|
||||
// this.loadingEdit = true;
|
||||
// this.getRequest("/tree/getByParentId/0").then(res => {
|
||||
// this.loadingEdit = false;
|
||||
// if (res.success) {
|
||||
// res.result.forEach(function(e) {
|
||||
// if (e.isParent) {
|
||||
// e.loading = false;
|
||||
// e.children = [];
|
||||
// }
|
||||
// });
|
||||
// // 头部加入一级
|
||||
// let first = {
|
||||
// id: "0",
|
||||
// title: "一级节点"
|
||||
// };
|
||||
// res.result.unshift(first);
|
||||
// this.dataEdit = res.result;
|
||||
// }
|
||||
// });
|
||||
// 模拟请求成功
|
||||
this.dataEdit = [
|
||||
];
|
||||
},
|
||||
loadData(item, callback) {
|
||||
// 异步加载树子节点数据
|
||||
// this.getRequest("请求路径，如/tree/getByParentId/" + item.id).then(res => {
|
||||
// if (res.success) {
|
||||
// res.result.forEach(function(e) {
|
||||
// if (e.isParent) {
|
||||
// e.loading = false;
|
||||
// e.children = [];
|
||||
// }
|
||||
// });
|
||||
// callback(res.result);
|
||||
// }
|
||||
// });
|
||||
},
|
||||
search() {
|
||||
// 搜索树
|
||||
if (this.searchKey) {
|
||||
// 模拟请求
|
||||
// this.loading = true;
|
||||
// this.getRequest("搜索请求路径", { title: this.searchKey }).then(res => {
|
||||
// this.loading = false;
|
||||
// if (res.success) {
|
||||
// this.data = res.result;
|
||||
// }
|
||||
// });
|
||||
// 模拟请求成功
|
||||
this.data = [
|
||||
];
|
||||
} else {
|
||||
// 为空重新加载
|
||||
this.getParentList();
|
||||
}
|
||||
},
|
||||
selectTree(v) {
|
||||
if (v.length > 0) {
|
||||
// 转换null为""
|
||||
for (let attr in v[0]) {
|
||||
if (v[0][attr] === null) {
|
||||
v[0][attr] = "";
|
||||
}
|
||||
}
|
||||
let str = JSON.stringify(v[0]);
|
||||
let data = JSON.parse(str);
|
||||
this.form = data;
|
||||
this.editTitle = data.title;
|
||||
} else {
|
||||
this.cancelEdit();
|
||||
}
|
||||
},
|
||||
cancelEdit() {
|
||||
let data = this.$refs.tree.getSelectedNodes()[0];
|
||||
if (data) {
|
||||
data.selected = false;
|
||||
}
|
||||
this.$refs.form.resetFields();
|
||||
this.form.id = "";
|
||||
this.editTitle = "";
|
||||
},
|
||||
selectTreeEdit(v) {
|
||||
if (v.length > 0) {
|
||||
// 转换null为""
|
||||
for (let attr in v[0]) {
|
||||
if (v[0][attr] === null) {
|
||||
v[0][attr] = "";
|
||||
}
|
||||
}
|
||||
let str = JSON.stringify(v[0]);
|
||||
let data = JSON.parse(str);
|
||||
this.form.parentId = data.id;
|
||||
this.form.parentTitle = data.title;
|
||||
}
|
||||
},
|
||||
handleReset() {
|
||||
this.$refs.form.resetFields();
|
||||
this.form.status = 0;
|
||||
},
|
||||
submitEdit() {
|
||||
this.$refs.form.validate(valid => {
|
||||
if (valid) {
|
||||
if (!this.form.id) {
|
||||
this.$Message.warning("请先点击选择要修改的节点");
|
||||
return;
|
||||
}
|
||||
this.submitLoading = true;
|
||||
// 避免传入null字符串
|
||||
// this.postRequest("请求路径，如/tree/edit", this.form).then(res => {
|
||||
// this.submitLoading = false;
|
||||
// if (res.success) {
|
||||
// this.$Message.success("编辑成功");
|
||||
// this.init();
|
||||
// this.modalVisible = false;
|
||||
// }
|
||||
// });
|
||||
// 模拟成功
|
||||
this.submitLoading = false;
|
||||
this.$Message.success("编辑成功");
|
||||
this.modalVisible = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
submitAdd() {
|
||||
this.$refs.formAdd.validate(valid => {
|
||||
if (valid) {
|
||||
this.submitLoading = true;
|
||||
// this.postRequest("请求路径，如/tree/add", this.formAdd).then(res => {
|
||||
// this.submitLoading = false;
|
||||
// if (res.success) {
|
||||
// this.$Message.success("添加成功");
|
||||
// this.init();
|
||||
// this.modalVisible = false;
|
||||
// }
|
||||
// });
|
||||
// 模拟成功
|
||||
this.submitLoading = false;
|
||||
this.$Message.success("添加成功");
|
||||
this.modalVisible = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
add() {
|
||||
if (this.form.id == "" || this.form.id == null) {
|
||||
this.$Message.warning("请先点击选择一个节点");
|
||||
return;
|
||||
}
|
||||
this.modalTitle = "添加子节点";
|
||||
this.showParent = true;
|
||||
this.formAdd = {
|
||||
parentId: this.form.id,
|
||||
sortOrder: 0,
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<% if(item.type=="switch"){ %>
|
||||
${item.field}: true,
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: 0,
|
||||
<% }else if(item.type=="area"){ %>
|
||||
${item.field}: [],
|
||||
<% }else{ %>
|
||||
${item.field}: "",
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
};
|
||||
this.modalVisible = true;
|
||||
},
|
||||
addRoot() {
|
||||
this.modalTitle = "添加一级节点";
|
||||
this.showParent = false;
|
||||
this.formAdd = {
|
||||
parentId: 0,
|
||||
sortOrder: 0,
|
||||
title: "",
|
||||
<%
|
||||
for(item in fields){
|
||||
if(item.editable){
|
||||
%>
|
||||
<% if(item.type=="switch"){ %>
|
||||
${item.field}: true,
|
||||
<% }else if(item.type=="number"||item.type=="slider"){ %>
|
||||
${item.field}: 0,
|
||||
<% }else if(item.type=="area"){ %>
|
||||
${item.field}: [],
|
||||
<% }else{ %>
|
||||
${item.field}: "",
|
||||
<% } %>
|
||||
<%
|
||||
}
|
||||
}
|
||||
%>
|
||||
};
|
||||
this.modalVisible = true;
|
||||
},
|
||||
changeSelect(v) {
|
||||
this.selectCount = v.length;
|
||||
this.selectList = v;
|
||||
},
|
||||
delAll() {
|
||||
if (this.selectCount <= 0) {
|
||||
this.$Message.warning("您还未勾选要删除的数据");
|
||||
return;
|
||||
}
|
||||
this.$Modal.confirm({
|
||||
title: "确认删除",
|
||||
content: "您确认要删除所选的 " + this.selectCount + " 条数据及其下级所有数据?",
|
||||
loading: true,
|
||||
onOk: () => {
|
||||
let ids = "";
|
||||
this.selectList.forEach(function(e) {
|
||||
ids += e.id + ",";
|
||||
});
|
||||
ids = ids.substring(0, ids.length - 1);
|
||||
// this.deleteRequest("请求路径，如/tree/delByIds/" + ids).then(res => {
|
||||
// this.$Modal.remove();
|
||||
// if (res.success) {
|
||||
// this.$Message.success("删除成功");
|
||||
// this.selectList = [];
|
||||
// this.selectCount = 0;
|
||||
// this.cancelEdit();
|
||||
// this.init();
|
||||
// }
|
||||
// });
|
||||
// 模拟成功
|
||||
this.$Modal.remove();
|
||||
this.$Message.success("删除成功");
|
||||
this.selectList = [];
|
||||
this.selectCount = 0;
|
||||
this.cancelEdit();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// 计算高度
|
||||
let height = document.documentElement.clientHeight;
|
||||
this.maxHeight = Number(height-287) + "px";
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
// 建议引入通用样式 可删除下面样式代码
|
||||
// @import "../../../styles/tree-common.less";
|
||||
.search {
|
||||
.operation {
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
.select-title {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #40a9ff;
|
||||
}
|
||||
.select-clear {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-bar {
|
||||
overflow: auto;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.tree-bar::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.tree-bar::-webkit-scrollbar-thumb {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 0 2px #d1d1d1;
|
||||
background: #e4e4e4;
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user