陈裕财
5 years ago
8 changed files with 525 additions and 165 deletions
-
205src/views/xm/core/xmIteration/XmIterationMng.vue
-
349src/views/xm/core/xmIteration/XmIterationSelect.vue
-
2src/views/xm/core/xmIterationMenu/XmIterationMenuMng.vue
-
32src/views/xm/core/xmMenu/XmMenuMng.vue
-
4src/views/xm/core/xmMenu/XmMenuRichDetail.vue
-
28src/views/xm/core/xmMenu/XmMenuSelect.vue
-
25src/views/xm/core/xmProduct/XmProductMng.vue
-
23src/views/xm/core/xmTask/XmTaskMng.vue
@ -0,0 +1,349 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<!--列表 XmIteration 迭代定义--> |
||||
|
<el-table ref="table" :max-height="tableHeight" :data="xmIterationTreeData" row-key="id" default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
||||
|
<el-table-column prop="iterationName" label="迭代名称" min-width="160" > |
||||
|
<template slot="header" slot-scope="scope"> |
||||
|
<el-row> |
||||
|
迭代名称 <el-tag size="mini" v-if="editForm.iterationName" closable @close="clearSelectIteration()">{{editForm.seqNo}} {{editForm.iterationName}}</el-tag> |
||||
|
</el-row> |
||||
|
</template> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.seqNo}} {{scope.row.iterationName}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="onlineTime" label="上线时间" min-width="80" :formatter="formatterDate"> |
||||
|
<template slot="header" slot-scope="scope"> |
||||
|
上线时间 <el-popover v-if=" !menuId && !productId" |
||||
|
placement="top-start" |
||||
|
title="" |
||||
|
width="400" |
||||
|
trigger="click" > |
||||
|
<el-row> |
||||
|
<el-col :span="24" style="padding-top:5px;"> |
||||
|
<font class="more-label-font"> |
||||
|
迭代查询范围： |
||||
|
</font> |
||||
|
<el-select size="mini" v-model="filters.queryScope" style="width:100%;" placeholder="迭代查询范围"> |
||||
|
<el-option :label="userInfo.branchName+'机构下所有的迭代'" value="branchId"></el-option> |
||||
|
<el-option label="我相关的迭代" value="compete"></el-option> |
||||
|
<el-option label="按迭代编号精确查找" value="iterationId"></el-option> |
||||
|
<el-option label="后台智能匹配" value=""></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col :span="24" style="padding-top:5px;"> |
||||
|
<el-input v-if="filters.queryScope=='iterationId'" size="mini" v-model="filters.id" style="width:100%;" placeholder="输入产品编号" @keyup.enter.native="searchXmProducts"> |
||||
|
</el-input> |
||||
|
</el-col> |
||||
|
<el-col :span="24" style="padding-top:5px;"> |
||||
|
<font class="more-label-font">上线时间:</font> |
||||
|
<el-date-picker |
||||
|
v-model="dateRangerOnline" |
||||
|
type="daterange" |
||||
|
align="right" |
||||
|
unlink-panels |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="完成日期" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
:default-time="['00:00:00','23:59:59']" |
||||
|
:picker-options="pickerOptions" |
||||
|
></el-date-picker> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="24" style="padding-top:5px;"> |
||||
|
<el-tag>默认只能查询本人创建的迭代、本人作为故事责任人参与的迭代</el-tag> |
||||
|
</el-col> |
||||
|
<el-col :span="24" style="padding-top:5px;"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="getXmIterations">查询</el-button> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
<el-button slot="reference" icon="el-icon-more" circle></el-button> |
||||
|
</el-popover> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination layout="total, sizes, prev, pager, 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> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from '@/common/config';//全局公共库 |
||||
|
import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
||||
|
import { listXmIteration,listXmIterationWithState, delXmIteration, batchDelXmIteration,loadTasksToXmIterationState } from '@/api/xm/core/xmIteration'; |
||||
|
|
||||
|
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
|
||||
|
xmIterationTreeData(){ |
||||
|
return this.translateDataToTree(this.xmIterations); |
||||
|
}, |
||||
|
}, |
||||
|
props:[ 'productId','menuId','visible'], |
||||
|
watch:{ |
||||
|
visible:function(visible){ |
||||
|
if(visible==true){ |
||||
|
this.clearSelectIteration(); |
||||
|
this.getXmIterations(); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
const beginDate = new Date(); |
||||
|
const endDate = new Date(); |
||||
|
beginDate.setTime(beginDate.getTime() - 3600 * 1000 * 24 * 7 * 4 * 3 ); |
||||
|
endDate.setTime(endDate.getTime() + 3600 * 1000 * 24 * 7 * 4 * 3 ); |
||||
|
return { |
||||
|
filters: { |
||||
|
key: '', |
||||
|
queryScope:'',//迭代查询范围 iterationId\branchId\compete\'' |
||||
|
id:'',//迭代编号 |
||||
|
}, |
||||
|
pickerOptions: util.pickerOptions('datarange'), |
||||
|
dateRangerOnline: [ |
||||
|
util.formatDate.format(beginDate, "yyyy-MM-dd"), |
||||
|
util.formatDate.format(endDate, "yyyy-MM-dd") |
||||
|
],//上线时间选择范围 |
||||
|
xmIterations: [],//查询结果 |
||||
|
pageInfo:{//分页数据 |
||||
|
total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
||||
|
pageSize:10,//每页数据 |
||||
|
count:false,//是否需要重新计算总记录数 |
||||
|
pageNum:1,//当前页码、从1开始计算 |
||||
|
orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段 |
||||
|
orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
||||
|
}, |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
sels: [],//列表选中数据 |
||||
|
options:{ |
||||
|
//sex:[], |
||||
|
},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
|
||||
|
addFormVisible: false,//新增xmIteration界面是否显示 |
||||
|
//新增xmIteration界面初始化数据 |
||||
|
addForm: { |
||||
|
id:'',branchId:'',iterationName:'',startTime:'',endTime:'',onlineTime:'',pid:'',adminUserid:'',adminUsername:'',ctime:'',budgetCost:'',budgetWorkload:'',distBudgetCost:'',distBudgetWorkload:'',actCost:'',actWorkload:'',actStaffNum:'',seqNo:'', |
||||
|
}, |
||||
|
|
||||
|
editFormVisible: false,//编辑界面是否显示 |
||||
|
//编辑xmIteration界面初始化数据 |
||||
|
editForm: { |
||||
|
id:'',branchId:'',iterationName:'',startTime:'',endTime:'',onlineTime:'',pid:'',adminUserid:'',adminUsername:'',ctime:'',budgetCost:'',budgetWorkload:'',distBudgetCost:'',distBudgetWorkload:'',actCost:'',actWorkload:'',actStaffNum:'',seqNo:'', |
||||
|
}, |
||||
|
editFormInit: { |
||||
|
id:'',branchId:'',iterationName:'',startTime:'',endTime:'',onlineTime:'',pid:'',adminUserid:'',adminUsername:'',ctime:'',budgetCost:'',budgetWorkload:'',distBudgetCost:'',distBudgetWorkload:'',actCost:'',actWorkload:'',actStaffNum:'',seqNo:'', |
||||
|
}, |
||||
|
|
||||
|
/**begin 自定义属性请在下面加 请加备注**/ |
||||
|
valueChangeRows:[], |
||||
|
parentIteration:null, |
||||
|
iterationStateVisible:false, |
||||
|
gstcVisible:false, |
||||
|
tableHeight:300, |
||||
|
ganrrColumns: { |
||||
|
children: 'children', |
||||
|
name: 'iterationName', |
||||
|
id: 'id', |
||||
|
pid: 'pid', |
||||
|
startDate: 'startTime', |
||||
|
endDate: 'endTime', |
||||
|
} |
||||
|
/**end 自定义属性请在上面加 请加备注**/ |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
handleSizeChange(pageSize) { |
||||
|
this.pageInfo.pageSize=pageSize; |
||||
|
this.getXmIterations(); |
||||
|
}, |
||||
|
handleCurrentChange(pageNum) { |
||||
|
this.pageInfo.pageNum = pageNum; |
||||
|
this.getXmIterations(); |
||||
|
}, |
||||
|
// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名 |
||||
|
sortChange( obj ){ |
||||
|
var dir='asc'; |
||||
|
if(obj.order=='ascending'){ |
||||
|
dir='asc' |
||||
|
}else{ |
||||
|
dir='desc'; |
||||
|
} |
||||
|
if(obj.prop=='xxx'){ |
||||
|
this.pageInfo.orderFields=['xxx']; |
||||
|
this.pageInfo.orderDirs=[dir]; |
||||
|
} |
||||
|
this.getXmIterations(); |
||||
|
}, |
||||
|
searchXmIterations(){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.getXmIterations(); |
||||
|
}, |
||||
|
//获取列表 XmIteration 迭代定义 |
||||
|
getXmIterations() { |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count:this.pageInfo.count |
||||
|
}; |
||||
|
if(!this.dateRangerOnline || this.dateRangerOnline.length==0){ |
||||
|
this.$message({ message: "上线日期范围不能为空", type: 'error' }); |
||||
|
return; |
||||
|
} |
||||
|
if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){ |
||||
|
let orderBys=[]; |
||||
|
for(var i=0;i<this.pageInfo.orderFields.length;i++){ |
||||
|
orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i]) |
||||
|
} |
||||
|
params.orderBy= orderBys.join(",") |
||||
|
} |
||||
|
if(this.filters.key){ |
||||
|
params.key= "%"+this.filters.key+"%" |
||||
|
} |
||||
|
if(this.productId){ |
||||
|
params.productId=this.productId |
||||
|
} |
||||
|
if(this.menuId){ |
||||
|
params.menuId=this.menuId |
||||
|
} |
||||
|
if( !this.menuId && !this.productId ){ |
||||
|
params.queryScope=this.filters.queryScope |
||||
|
if(this.filters.queryScope=='iterationId'){ |
||||
|
if(!this.filters.id){ |
||||
|
this.$message({ message:"您选择了按迭代编号精确查找模式，请输入迭代编号", type: 'error' }); |
||||
|
return; |
||||
|
} |
||||
|
params.id=this.filters.id |
||||
|
|
||||
|
} |
||||
|
if(this.filters.queryScope=="branchId"){ |
||||
|
params.branchId=this.userInfo.branchId |
||||
|
} |
||||
|
params.onlineTimeStart=this.dateRangerOnline[0]+" 00:00:00" |
||||
|
params.onlineTimeEnd=this.dateRangerOnline[1]+" 23:59:59" |
||||
|
} |
||||
|
|
||||
|
this.load.list = true; |
||||
|
listXmIterationWithState(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.pageInfo.total = res.data.total; |
||||
|
this.pageInfo.count=false; |
||||
|
this.xmIterations = res.data.data; |
||||
|
}else{ |
||||
|
this.$message({ message: tips.msg, type: 'error' }); |
||||
|
} |
||||
|
this.load.list = false; |
||||
|
}).catch( err => this.load.list = false ); |
||||
|
}, |
||||
|
|
||||
|
//选择行xmIteration |
||||
|
selsChange: function (sels) { |
||||
|
this.sels = sels; |
||||
|
}, |
||||
|
|
||||
|
rowClick: function(row, event, column){ |
||||
|
this.editForm=row |
||||
|
this.$emit('row-click',row, event, column);// @row-click="rowClick" |
||||
|
}, |
||||
|
/**begin 自定义函数请在下面加**/ |
||||
|
|
||||
|
translateDataToTree(data2) { |
||||
|
var data=JSON.parse(JSON.stringify(data2)); |
||||
|
let parents = data.filter(value =>{ |
||||
|
//如果我的上级为空，则我是最上级 |
||||
|
if(value.pid == 'undefined' || value.pid == null || value.pid == ''){ |
||||
|
return true; |
||||
|
|
||||
|
//如果我的上级不在列表中，我作为最上级 |
||||
|
}else if(data.some(i=>value.pid==i.id)){ |
||||
|
return false; |
||||
|
}else { |
||||
|
return true |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
let children = data.filter(value =>{ |
||||
|
if(data.some(i=>value.pid==i.id)){ |
||||
|
return true; |
||||
|
}else{ |
||||
|
return false; |
||||
|
} |
||||
|
}) |
||||
|
let translator = (parents, children) => { |
||||
|
parents.forEach((parent) => { |
||||
|
children.forEach((current, index) => { |
||||
|
if (current.pid === parent.id) { |
||||
|
let temp = JSON.parse(JSON.stringify(children)) |
||||
|
temp.splice(index, 1) |
||||
|
translator([current], temp) |
||||
|
typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current] |
||||
|
} |
||||
|
} |
||||
|
) |
||||
|
} |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
translator(parents, children) |
||||
|
|
||||
|
return parents |
||||
|
}, |
||||
|
|
||||
|
clearSelectIteration(){ |
||||
|
this.editForm=this.editFormInit |
||||
|
this.$emit('clear-select',null );// @row-click="rowClick" |
||||
|
}, |
||||
|
fieldChange:function(row,fieldName){ |
||||
|
|
||||
|
if(this.valueChangeRows.some(i=>i.id==row.id)){ |
||||
|
return; |
||||
|
}else{ |
||||
|
this.valueChangeRows.push(row) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
formatterDate(row,column,cellValue, index){ |
||||
|
if(cellValue){ |
||||
|
return cellValue.substr(0,10); |
||||
|
}else{ |
||||
|
return cellValue; |
||||
|
} |
||||
|
}, |
||||
|
/**end 自定义函数请在上面加**/ |
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
var clientRect=this.$refs.table.$el.getBoundingClientRect(); |
||||
|
var subHeight=65/1000 * window.innerHeight; |
||||
|
this.tableHeight = window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; |
||||
|
this.getXmIterations(); |
||||
|
}); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.more-label-font{ |
||||
|
text-align:center; |
||||
|
float:left; |
||||
|
padding-top:10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue