end7less
/
program_xm_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化

master
陈裕财 3 years ago
parent
2301aae03a
commit
49483594d5
5 changed files with 40 additions and 126 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      src/styles/mdp.scss
  2. 37
      src/views/xm/core/xmIteration/top-nav.vue
  3. 40
      src/views/xm/core/xmProduct/top-nav.vue
  4. 31
      src/views/xm/core/xmProject/top-nav.vue
  5. 35
      src/views/xm/core/xmTestCasedb/top-nav.vue

13
src/styles/mdp.scss
View File

@ -285,6 +285,13 @@ table tr.hover-row{
display:none;
}
}
.xl-text{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width:300px;
}
.lg-text{
text-overflow: ellipsis;
overflow: hidden;
@ -319,12 +326,6 @@ table tr.hover-row{
margin-right: 5px;
}
/**
*解决项目、产品视图顶部左边图标不居中的问题
*/
.el-menu-item .top-icon > [class^=el-icon-] {
margin-right: 0px !important;
}
.el-dialog__header{
padding: 20px !important;
}

37
src/views/xm/core/xmIteration/top-nav.vue
View File

@ -6,44 +6,21 @@
mode="horizontal"
@select="setInfotype"
class="menus"
style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;"
background-color="rgb(48, 65, 86)"
text-color="rgb(191, 203, 217)"
active-text-color="#409eff"
:router="true"
>
<el-menu-item :index="'/xm/core/iteration/overview?iterationId='+xmIteration.id">
<span
<div
slot="title"
style="font-size: 18px; color: #ff8c00"
class="hidden-md-and-down"
style="max-width: 350px; font-weight: 600; font-size: 18px; color: #ff8c00"
class="xl-text"
:title="xmIteration.iterationName"
>
<font v-if="xmIteration.iterationName.length >= 15"
><strong
>&nbsp;<el-avatar class="top-icon" style="background-color:#ff8c00">迭代</el-avatar>{{
xmIteration.iterationName.substring(0, 15)
}}</strong
></font
>
<font type="danger" v-else
><strong
>&nbsp;<el-avatar class="top-icon" style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }}</strong
></font
>
</span>
<span
slot="title"
style="color: #ff8c00"
class="hidden-lg-and-up"
:title="xmIteration.iterationName"
>
<font v-if="xmIteration.iterationName.length >= 15"
>&nbsp;<el-avatar class="top-icon" style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName.substring(0, 15) }}</font
>
<font type="danger" v-else
>&nbsp;<el-avatar class="top-icon" style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }}</font
>
</span>
> &nbsp;<el-avatar class="top-icon" style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }}
</div>
</el-menu-item>
<!--
<el-menu-item :index="'/xm/core/iteration/project?iterationId='+xmIteration.id">

40
src/views/xm/core/xmProduct/top-nav.vue
View File

@ -6,6 +6,7 @@
mode="horizontal"
@select="setInfotype"
class="menus"
style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;"
background-color="rgb(48, 65, 86)"
text-color="rgb(191, 203, 217)"
active-text-color="#409eff"
@ -13,38 +14,14 @@
>
<el-menu-item :index="'/xm/core/product/overview?productId='+xmProduct.id">
<span
<div
slot="title"
style="font-size: 18px; color: #409eff"
class="hidden-md-and-down"
style="max-width: 350px; font-weight: 600; font-size: 18px; color: #409EFF"
class="xl-text"
:title="xmProduct.productName"
>
<font v-if="xmProduct.productName.length >= 15">
<strong>
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName.substring(0, 15) }}</strong
></font
>
<div v-else>
<font type="danger">
<strong>&nbsp; <el-avatar class="top-icon" style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }}</strong></font
>
</div>
</span>
<span
slot="title"
style="color: #409eff"
class="hidden-lg-and-up"
:title="xmProduct.productName"
>
<font v-if="xmProduct.productName.length >= 15">
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName.substring(0, 15) }}</font
>
<font type="danger" v-else>
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }}</font
>
</span>
&nbsp; <el-avatar class="top-icon" style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }}
</div>
</el-menu-item>
<el-menu-item :index="'/xm/core/product/project?productId='+xmProduct.id">
<span slot="title"><i class="el-icon-odometer"></i>项目</span>
@ -60,12 +37,13 @@
</el-menu-item>
<el-menu-item :index="'/xm/core/product/plan?productId='+xmProduct.id">
<span slot="title"><i class="el-icon-time"></i>计划</span>
<span slot="title"><i class="el-icon-time"></i>任务</span>
</el-menu-item>
<!--
<el-menu-item :index="'/xm/core/product/task?productId='+xmProduct.id" class="hidden-md-and-down">
<span slot="title"><i class="el-icon-s-operation"></i>任务</span>
</el-menu-item>
-->
<el-menu-item :index="'/xm/core/product/casedb?productId='+xmProduct.id">
<span slot="title"><i class="el-icon-question"></i>测试</span>
</el-menu-item>

31
src/views/xm/core/xmProject/top-nav.vue
View File

@ -14,35 +14,16 @@
>
<el-menu-item :index="'/xm/core/project/overview?projectId='+projectInfo.id">
<span
<div
slot="title"
style="font-size: 18px; color: #ffd04b"
class="hidden-sm-and-down"
style="max-width: 350px;font-weight: 600; font-size: 18px; color: #E6A23C"
class="xl-text"
:title="projectInfo.name"
>
<font v-if="projectInfo.name.length >= 15"
><strong
>&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar> {{ projectInfo.name.substring(0, 15) }}</strong
></font
>
<font type="danger" v-else
><strong>&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar> {{ projectInfo.name }}</strong></font
>
</span>
&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>
<span>{{ projectInfo.name }}</span>
<span
slot="title"
style="color: #ffd04b"
class="hidden-md-and-up"
:title="projectInfo.name"
>
<font v-if="projectInfo.name.length >= 15"
>&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>{{ projectInfo.name.substring(0, 15) }}</font
>
<font type="danger" v-else
>&nbsp;<el-avatar class="top-icon" style="background-color:#E6A23C">项目</el-avatar>{{ projectInfo.name }}</font
>
</span>
</div>
</el-menu-item>
<el-menu-item :index="'/xm/core/project/product?projectId='+projectInfo.id">
<span slot="title"><i class="el-icon-s-opportunity"></i>产品</span>

35
src/views/xm/core/xmTestCasedb/top-nav.vue
View File

@ -6,6 +6,7 @@
mode="horizontal"
@select="setInfotype"
class="menus"
style="margin:0 auto;overflow-x: auto;overflow-y: hidden;display: flex;"
background-color="rgb(48, 65, 86)"
text-color="rgb(191, 203, 217)"
active-text-color="#409eff"
@ -13,38 +14,14 @@
>
<el-menu-item :index="'/xm/core/test/overview?casedbId='+testCasedb.id">
<span
<div
slot="title"
style="font-size: 18px; color: #409eff"
class="hidden-md-and-down"
style="max-width:350px;font-size: 18px;font-weight: 600; color: #409EFF"
class="xl-text"
:title="testCasedb.name"
>
<font v-if="testCasedb.name.length >= 15">
<strong>
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>&nbsp;{{ testCasedb.name.substring(0, 15) }}</strong
></font
>
<div v-else>
<font type="danger">
<strong>&nbsp; <el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name }}</strong></font
>
</div>
</span>
<span
slot="title"
style="color: #409eff"
class="hidden-lg-and-up"
:title="testCasedb.name"
>
<font v-if="testCasedb.name.length >= 15">
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name.substring(0, 15) }}</font
>
<font type="danger" v-else>
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">测试</el-avatar>{{ testCasedb.name }}</font
>
</span>
&nbsp;<el-avatar class="top-icon" style="background-color:#409EFF">bugs</el-avatar>&nbsp;{{ testCasedb.name }}
</div>
</el-menu-item>
<el-menu-item :index="'/xm/core/test/case?casedbId='+testCasedb.id">
<span slot="title"><i class="el-icon-odometer"></i>用例管理</span>

Write Preview
Loading…
Cancel
Save