|
|
|
@ -2,9 +2,15 @@ |
|
|
|
<section> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-row > |
|
|
|
<xm-product-select ref="xmProductSelect1" v-if=" !xmProduct || !xmProduct.id" style="display:inline;" :auto-select="true" :link-project-id="selProject?selProject.id:null" @row-click="onProductSelected" @clear="onProductClearSelect" ></xm-product-select> |
|
|
|
<span style="float:right;"> |
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
<div style="display:flex;"> |
|
|
|
<xm-product-select v-if=" !xmProduct || !xmProduct.id" ref="xmProductSelect1" style="display:inline;" :auto-select="true" :link-project-id="selProject?selProject.id:null" @row-click="onProductSelected" @clear="onProductClearSelect" ></xm-product-select> |
|
|
|
<el-input v-else v-model="filters.key" style="width:50%;" placeholder="名称模糊查询" clearable></el-input> |
|
|
|
|
|
|
|
|
|
|
|
<span style="margin-left: auto;"> |
|
|
|
<el-popover |
|
|
|
placement="top-start" |
|
|
|
width="250" |
|
|
|
@ -69,15 +75,15 @@ |
|
|
|
<el-divider></el-divider> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
<el-input style="width:250px;" v-model="filters.key" placeholder="名称模糊查询" clearable></el-input> |
|
|
|
<el-button type="primary" @click="searchXmMenus" icon="el-icon-search" title="查询" style="float:right;">查询</el-button> |
|
|
|
</el-row> |
|
|
|
<el-button slot="reference" @click="moreVisible=!moreVisible" icon="el-icon-more"></el-button> |
|
|
|
</el-popover> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-table :cell-style="cellStyleCalc" :expand-row-keys="expandRowKeysCpd" :header-cell-style="cellStyleCalc" :row-style="{height:'60px'}" stripe fit border ref="table" :height="maxTableHeight" :data="xmMenusTreeData" current-row-key="menuId" row-key="menuId" :tree-props="{children: 'children'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" @selection-change="selsChange" @row-click="rowClick" |
|
|
|
<el-row ref="table"> |
|
|
|
<el-table :cell-style="cellStyleCalc" :expand-row-keys="expandRowKeysCpd" :header-cell-style="cellStyleCalc" :row-style="{height:'60px'}" stripe fit border :height="maxTableHeight" :data="xmMenusTreeData" current-row-key="menuId" row-key="menuId" :tree-props="{children: 'children'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" @selection-change="selsChange" @row-click="rowClick" |
|
|
|
element-loading-text="努力加载中" |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
> |
|
|
|
@ -86,7 +92,14 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-table-column prop="menuName" label="史诗、特性名称" min-width="150" > |
|
|
|
<template slot="header">史诗、特性名称 <el-button type="text" @click="unselectRow()">清除选中的行</el-button></template> |
|
|
|
<template slot="header"> |
|
|
|
<div style="display:flex;"> |
|
|
|
<div style="text-align: center;line-height: 32px;">史诗、特性</div> |
|
|
|
|
|
|
|
<el-button type="text" icon="el-icon-circle-close" @click="unselectRow()">清除选中</el-button> |
|
|
|
<el-input v-if=" !xmProduct || !xmProduct.id" v-model="filters.key" style="width:50%;margin-left: auto;" placeholder="名称模糊查询" clearable></el-input> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.dclass=='1'" class="icon" style="background-color: rgb(255, 153, 51);"> |
|
|
|
<i class="el-icon-s-promotion"></i> |
|
|
|
@ -115,8 +128,9 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-pagination layout="total, sizes, prev, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total" style="float:right;"></el-pagination> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
<!--编辑 XmMenu xm_project_menu界面--> |
|
|
|
<el-dialog :title="'编辑'+(editForm&&editForm.dclass=='1'?'史诗':'特性')" :visible.sync="editFormVisible" width="90%" top="20px" append-to-body :close-on-click-modal="false" > |
|
|
|
@ -175,6 +189,9 @@ |
|
|
|
|
|
|
|
xmMenusTreeData() { |
|
|
|
let xmMenus = JSON.parse(JSON.stringify(this.xmMenus || [])); |
|
|
|
if(this.filters.key){ |
|
|
|
xmMenus=xmMenus.filter(k=>k.menuName.indexOf(this.filters.key)>=0) |
|
|
|
} |
|
|
|
let xmMenusTreeData = treeTool.translateDataToTree(xmMenus,"pmenuId","menuId"); |
|
|
|
return xmMenusTreeData; |
|
|
|
}, |
|
|
|
@ -209,8 +226,8 @@ |
|
|
|
xmMenus: [],//查询结果 |
|
|
|
pageInfo:{//分页数据 |
|
|
|
total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
|
|
|
pageSize:100,//每页数据 |
|
|
|
count:true,//是否需要重新计算总记录数 |
|
|
|
pageSize:500,//每页数据 |
|
|
|
count:false,//是否需要重新计算总记录数 |
|
|
|
pageNum:1,//当前页码、从1开始计算 |
|
|
|
orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段 |
|
|
|
orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
|
|
|
@ -522,6 +539,7 @@ |
|
|
|
}); |
|
|
|
}, |
|
|
|
unselectRow(){ |
|
|
|
this.$refs.table.clearSelection() |
|
|
|
this.editForm=null; |
|
|
|
this.$emit('row-click',null) |
|
|
|
this.$refs.table.setCurrentRow(); |
|
|
|
|
陈裕财
3 years ago