Browse Source

优化

master
陈裕财 3 years ago
parent
commit
6040bb9083
  1. 5
      src/styles/mdp.scss
  2. 2
      src/views/xm/core/components/XmProductSelect.vue
  3. 2
      src/views/xm/core/components/XmProjectSelect.vue
  4. 2
      src/views/xm/core/xmFunc/XmFuncSelect.vue
  5. 17
      src/views/xm/core/xmMenu/XmEpicFeatures.vue
  6. 4
      src/views/xm/core/xmMenu/XmEpicFeaturesSelect.vue
  7. 8
      src/views/xm/core/xmTask/XmPhase.vue
  8. 4
      src/views/xm/core/xmTask/XmPhaseSelect.vue

5
src/styles/mdp.scss

@ -238,11 +238,6 @@
} }
.tool-bar{ .tool-bar{
z-index: 500;
top: 50%;
right:0%;
transform: translate(-10%, -50%);
position:absolute;
visibility: hidden; visibility: hidden;
} }

2
src/views/xm/core/components/XmProductSelect.vue

@ -20,7 +20,7 @@
icon="el-icon-circle-close" icon="el-icon-circle-close"
@click="clearSelect" @click="clearSelect"
title="清空当前选中的产品" title="清空当前选中的产品"
>清除选中&nbsp;&nbsp;</el-button
>取消选中状态&nbsp;&nbsp;</el-button
> >
<el-button <el-button
@click="addProductVisible = true" @click="addProductVisible = true"

2
src/views/xm/core/components/XmProjectSelect.vue

@ -20,7 +20,7 @@
icon="el-icon-circle-close" icon="el-icon-circle-close"
@click="clearSelect" @click="clearSelect"
title="清空当前选中的项目" title="清空当前选中的项目"
>清除选中&nbsp;&nbsp;</el-button
>取消选中状态&nbsp;&nbsp;</el-button
> >
<el-button <el-button
@click="addProjectVisible = true" @click="addProjectVisible = true"

2
src/views/xm/core/xmFunc/XmFuncSelect.vue

@ -12,7 +12,7 @@
<el-table ref="xmFuncTable" element-loading-text="努力加载中" element-loading-spinner="el-icon-loading" :data="xmFuncsTreeData" :max-height="maxTableHeight" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;" current-row-key="id" row-key="id" :tree-props="{children: 'children'}" > <el-table ref="xmFuncTable" element-loading-text="努力加载中" element-loading-spinner="el-icon-loading" :data="xmFuncsTreeData" :max-height="maxTableHeight" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;" current-row-key="id" row-key="id" :tree-props="{children: 'children'}" >
<el-table-column prop="name" label="模块" min-width="150" > <el-table-column prop="name" label="模块" min-width="150" >
<template slot="header"> 模块 &nbsp;<slot name="title-bar"></slot><el-button type="text" @click="unselectRow()">清除选中的行</el-button></template>
<template slot="header"> 模块 &nbsp;<slot name="title-bar"></slot><el-button type="text" @click="unselectRow()">取消选中状态</el-button></template>
<template slot-scope="scope"> <template slot-scope="scope">
<span> {{scope.row.name}}</span> <span> {{scope.row.name}}</span>

17
src/views/xm/core/xmMenu/XmEpicFeatures.vue

@ -79,7 +79,7 @@
</div> </div>
</el-row> </el-row>
<el-row > <el-row >
<el-table ref="table" :cell-style="cellStyleCalc" :expand-row-keys="expandRowKeysCpd" :header-cell-style="cellStyleCalc" 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"
<el-table ref="table" row-style="height:46px;" :cell-style="cellStyleCalc" :expand-row-keys="expandRowKeysCpd" :header-cell-style="cellStyleCalc" 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-text="努力加载中"
element-loading-spinner="el-icon-loading" element-loading-spinner="el-icon-loading"
> >
@ -91,9 +91,6 @@
<template slot="header"> <template slot="header">
<div style="display:flex;"> <div style="display:flex;">
<div style="text-align: center;line-height: 32px;" title="史诗特性名称">史诗特性</div> <div style="text-align: center;line-height: 32px;" title="史诗特性名称">史诗特性</div>
&nbsp;&nbsp;
<el-button type="text" icon="el-icon-circle-close " class="hidden-md-and-down" @click="unselectRow()" title="清除选中的行">清除选中</el-button>
<el-button type="text" icon="el-icon-circle-close " class="hidden-lg-and-up" @click="unselectRow()" title="清除选中的行"></el-button>
<el-input v-if=" !xmProduct || !xmProduct.id" v-model="filters.key" style="width:50%;margin-left: auto;" placeholder="名称模糊查询" clearable></el-input> <el-input v-if=" !xmProduct || !xmProduct.id" v-model="filters.key" style="width:50%;margin-left: auto;" placeholder="名称模糊查询" clearable></el-input>
</div> </div>
@ -108,10 +105,9 @@
<div v-if="scope.row.dclass=='3'" class="icon hidden-md-and-down" style="background-color: rgb(79, 140, 255);"> <div v-if="scope.row.dclass=='3'" class="icon hidden-md-and-down" style="background-color: rgb(79, 140, 255);">
<i class="el-icon-document"></i> <i class="el-icon-document"></i>
</div> </div>
<span class="hidden-md-and-down">{{scope.row.seqNo}}</span><span>{{scope.row.menuName}} </span>
<div class="tool-bar" v-if="!disabledMng" @click.stop>
<el-popover
<span class="hidden-md-and-down">{{scope.row.seqNo}}</span>
<span>{{scope.row.menuName}} </span>
<el-popover class="tool-bar" v-if="!disabledMng" @click.stop
placement="top" placement="top"
width="100" width="100"
open-delay="500" open-delay="500"
@ -120,9 +116,10 @@
<el-button style="margin-left:0px;margin-bottom: 10px;" @click.stop="showEdit( scope.row,scope.$index)" icon="el-icon-edit" title="编辑" >修改 </el-button> <el-button style="margin-left:0px;margin-bottom: 10px;" @click.stop="showEdit( scope.row,scope.$index)" icon="el-icon-edit" title="编辑" >修改 </el-button>
<el-button slot="reference" icon="el-icon-setting" circle plain></el-button>
<el-button type="text" slot="reference" icon="el-icon-setting" size="mini" circle plain></el-button>
</el-popover> </el-popover>
</div>
<el-button type="text" size="mini" circle plain v-if="editForm&&editForm.menuId==scope.row.menuId" @click.stop="unselectRow()" title="取消选中状态" icon="el-icon-circle-close"></el-button>
<el-tag style="float:right;" class="hidden-md-and-down" v-for="(item,index) in formatDictsWithClass(dicts,'menuStatus',scope.row.status)" :key="index" :type="item.className">{{item.name}}</el-tag> <el-tag style="float:right;" class="hidden-md-and-down" v-for="(item,index) in formatDictsWithClass(dicts,'menuStatus',scope.row.status)" :key="index" :type="item.className">{{item.name}}</el-tag>
<span <span
:style="{borderRadius: '30px',color:scope.row.finishRate >= 100 ? 'green' : 'blue',float:'right'}" :style="{borderRadius: '30px',color:scope.row.finishRate >= 100 ? 'green' : 'blue',float:'right'}"

4
src/views/xm/core/xmMenu/XmEpicFeaturesSelect.vue

@ -8,7 +8,7 @@
<el-button v-if="showSelect!==false && multi===true" type="primary" @click="selectConfirm()">确认选择</el-button> <el-button v-if="showSelect!==false && multi===true" type="primary" @click="selectConfirm()">确认选择</el-button>
</el-row> </el-row>
<el-row> <el-row>
<el-table element-loading-text="努力加载中" element-loading-spinner="el-icon-loading" 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-table element-loading-text="努力加载中" row-style="height:46px;" element-loading-spinner="el-icon-loading" 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">
<template v-if="showSelect!==false && multi===true"> <template v-if="showSelect!==false && multi===true">
<el-table-column label="" type="selection" width="60" > <el-table-column label="" type="selection" width="60" >
</el-table-column> </el-table-column>
@ -28,7 +28,7 @@
<i class="el-icon-document"></i> <i class="el-icon-document"></i>
</div> </div>
<span class="hidden-md-and-down">{{scope.row.seqNo}} &nbsp;</span><span>{{scope.row.menuName}} </span> <span class="hidden-md-and-down">{{scope.row.seqNo}} &nbsp;</span><span>{{scope.row.menuName}} </span>
<el-button type="text" size="mini" circle plain v-if="editForm&&editForm.menuId==scope.row.menuId" @click.stop="unselectRow()" title="清除选中的行" icon="el-icon-circle-close"></el-button>
<el-button type="text" size="mini" circle plain v-if="editForm&&editForm.menuId==scope.row.menuId" @click.stop="unselectRow()" title="取消选中状态" icon="el-icon-circle-close"></el-button>
<span style="float:right;" <span style="float:right;"
:style="{borderRadius: '30px',color:scope.row.finishRate >= 100 ? 'green' : 'blue'}" :style="{borderRadius: '30px',color:scope.row.finishRate >= 100 ? 'green' : 'blue'}"

8
src/views/xm/core/xmTask/XmPhase.vue

@ -99,7 +99,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-table class="task-table"
<el-table class="task-table" row-style="height:46px;"
element-loading-text="努力加载中" element-loading-spinner="el-icon-loading" element-loading-text="努力加载中" element-loading-spinner="el-icon-loading"
:data="tasksTreeData" :data="tasksTreeData"
@sort-change="sortChange" @sort-change="sortChange"
@ -132,8 +132,8 @@
<div style="display:flex;"> <div style="display:flex;">
<div style="text-align: center;line-height: 32px;">计划名称</div> <div style="text-align: center;line-height: 32px;">计划名称</div>
&nbsp;&nbsp; &nbsp;&nbsp;
<el-button type="text" class="hidden-lg-and-up" icon="el-icon-circle-close" @click="unselectRow()" title="清除选中的行">清除选中</el-button>
<el-button type="text" class="hidden-md-and-down" icon="el-icon-circle-close" @click="unselectRow()" title="清除选中的行">清除选中的行</el-button>
<el-button type="text" class="hidden-lg-and-up" icon="el-icon-circle-close" @click="unselectRow()" title="取消选中状态">取消选中状态</el-button>
<el-button type="text" class="hidden-md-and-down" icon="el-icon-circle-close" @click="unselectRow()" title="取消选中状态">取消选中状态</el-button>
<el-input v-if=" !selProject || !selProject.id" v-model="filters.key" style="width:50%;margin-left: auto;" placeholder="名称模糊查询" clearable></el-input> <el-input v-if=" !selProject || !selProject.id" v-model="filters.key" style="width:50%;margin-left: auto;" placeholder="名称模糊查询" clearable></el-input>
</div> </div>
</template> </template>
@ -183,7 +183,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-button v-if="editForm && editForm.id==scope.row.id" @click.stop="unselectRow()" icon="el-icon-close" title="编辑" > 清除选中状态</el-button>
<el-button v-if="editForm && editForm.id==scope.row.id" @click.stop="unselectRow()" icon="el-icon-close" title="编辑" > 取消选中状态状态</el-button>
</el-row> </el-row>
<el-button slot="reference" icon="el-icon-setting" title="新建\修改计划" circle plain > </el-button> <el-button slot="reference" icon="el-icon-setting" title="新建\修改计划" circle plain > </el-button>

4
src/views/xm/core/xmTask/XmPhaseSelect.vue

@ -7,7 +7,7 @@
</el-row> </el-row>
<el-row class="padding-top"> <el-row class="padding-top">
<el-table class="task-table"
<el-table class="task-table" row-style="height:46px;"
element-loading-text="努力加载中" element-loading-spinner="el-icon-loading" element-loading-text="努力加载中" element-loading-spinner="el-icon-loading"
:data="tasksTreeData" :data="tasksTreeData"
@sort-change="sortChange" @sort-change="sortChange"
@ -40,7 +40,7 @@
min-width="300" show-overflow-tooltip min-width="300" show-overflow-tooltip
> >
<template slot="header">计划名称 &nbsp;<el-button type="text" @click="unselectRow()">清除选中的行</el-button></template>
<template slot="header">计划名称 &nbsp;<el-button type="text" @click="unselectRow()">取消选中状态</el-button></template>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="icon" :style="{backgroundColor: scope.row.ntype==='1'?'#E6A23C':'#409EFF'}"> <div class="icon" :style="{backgroundColor: scope.row.ntype==='1'?'#E6A23C':'#409EFF'}">
<i :class="scope.row.ntype==='1'?'el-icon-time':'el-icon-s-operation'" ></i> <i :class="scope.row.ntype==='1'?'el-icon-time':'el-icon-s-operation'" ></i>

Loading…
Cancel
Save