陈裕财
5 years ago
8 changed files with 525 additions and 165 deletions
-
211src/views/xm/core/xmIteration/XmIterationMng.vue
-
349src/views/xm/core/xmIteration/XmIterationSelect.vue
-
2src/views/xm/core/xmIterationMenu/XmIterationMenuMng.vue
-
38src/views/xm/core/xmMenu/XmMenuMng.vue
-
4src/views/xm/core/xmMenu/XmMenuRichDetail.vue
-
32src/views/xm/core/xmMenu/XmMenuSelect.vue
-
29src/views/xm/core/xmProduct/XmProductMng.vue
-
25src/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