瀏覽代碼

优化紧急需求(二次更改)

qinzhipeng_v 5 年之前
父節點
當前提交
61c4a829ff

二進制
src/assets/extraUrgent.png


二進制
src/assets/urgent.png


+ 17 - 2
src/views/projectManage/iteration/components/requiredTable.vue

@@ -102,8 +102,10 @@
       </el-table-column>
       <el-table-column label="需求名称" min-width="250" show-overflow-tooltip>
         <template v-slot="scope">
-          <span class="public_Jump" @click="clickRequiredName(scope.row.id)">{{ scope.row.name }}</span>
-        </template>
+          <div class="table-project-name" @click="clickRequiredName(scope.row.id)">
+            <span class="id">{{ scope.row.requirementDisplayId }} <img v-if="scope.row.type === 1" :src="extraUrgent" style="padding: 0 10px;"></span>
+            <span class="public_Jump">{{ scope.row.name }}</span>
+            <div /></div></template>
       </el-table-column>
       <el-table-column label="状态" min-width="100" align="center">
         <template v-slot="scope">
@@ -160,6 +162,7 @@ import { configShowTaskEnum } from '@/api/taskIndex'
 import image_role from '@/assets/麻将@2x.png' // 表格移动
 import { iterationList, iterationRequire, iterationUpdateReqStatus, iterationOrder, iterationChangeIteration } from '@/api/iteration.js'
 import { showRequirementEnum, updateRequirementStatus } from '@/api/requirement.js'
+import extraUrgent from '@/assets/extraUrgent.png'
 export default {
   components: {
     iterationDelete,
@@ -176,6 +179,7 @@ export default {
   },
   data() {
     return {
+      extraUrgent: extraUrgent, // 紧急图片
       allChange: false, // 是否全展开
       expandArr: [], // 展开行数组
       taskScheduleEvent: [], // 排期类型
@@ -407,4 +411,15 @@ export default {
   opacity:1;
 }
 
+.table-project-name {
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  .id {
+    color: #A7AEBC;
+    font-size: 10px;
+  }
+}
+
 </style>

+ 3 - 1
src/views/projectManage/projectList/components/needsList.vue

@@ -21,7 +21,7 @@
       <el-table-column label="需求名称" width="250" align="left" show-overflow-tooltip>
         <template slot-scope="scope">
           <div class="table-project-name" @click="needs_link(scope.row.id)">
-            <span class="id">{{ scope.row.requirementDisplayId }}</span>
+            <span class="id">{{ scope.row.requirementDisplayId }} <img v-if="scope.row.type === 1" :src="extraUrgent" style="padding: 0 10px;"></span>
             <span class="name">{{ scope.row.name }}</span>
           </div>
         </template>
@@ -65,9 +65,11 @@
 <script>
 import { requirementQueryRequirementInfoList } from '@/api/projectIndex'
 import { showRequirementEnum, updateRequirementStatus } from '@/api/requirement'
+import extraUrgent from '@/assets/extraUrgent.png'
 export default {
   data() {
     return {
+      extraUrgent: extraUrgent,
       needsDataList: [],
       allStatus: []
     }

+ 3 - 1
src/views/projectManage/requirement/list/index.vue

@@ -94,7 +94,7 @@
         </el-table-column>
         <el-table-column prop="name" label="需求名称" min-width="250" show-overflow-tooltip align="left">
           <template v-slot="scope">
-            <span style="font-size: 12px;color: rgba(167,174,188,1);">{{ scope.row.requirementDisplayId }}</span><br>
+            <span style="font-size: 12px;color: rgba(167,174,188,1);">{{ scope.row.requirementDisplayId }}<img v-if="scope.row.type === 1" :src="extraUrgent" style="padding: 0 10px;"></span><br>
             <span class="stylus-hover" @click="getToRequirementDetails(scope.row.id)">{{ scope.row.name }}</span>
           </template>
         </el-table-column>
@@ -151,6 +151,7 @@ import {
 } from '@/api/requirement.js'
 import RequirementCreate from './create'
 import '@/views/projectManage/publicCss/index.css'
+import extraUrgent from '@/assets/extraUrgent.png'
 
 export default {
   components: {
@@ -158,6 +159,7 @@ export default {
   },
   data() {
     return {
+      extraUrgent: extraUrgent,
       priorityColors: ['#F56C6C', '#FF8952', '#F5E300', '#7ED321', '#61D3B8', '#69B3FF', '#BDBDBD'],
       currentRow: null,
       searchInfo: {

+ 8 - 34
src/views/projectManage/requirement/requirementDetail.vue

@@ -1,14 +1,9 @@
 <template>
   <div class="bg-project" @click="display = false">
     <el-container>
-      <el-header class="main-header">
+      <el-header class="main-header" :class="{'paddingLeft': form_query.type === 1}">
         <div class="top-page-title">
-          <div v-if="form_query.type === 1" class="triangleContainer">
-            <div class="triangleContent">
-              <div class="triangle" />
-              <div class="title">紧 急</div>
-            </div>
-          </div>
+          <img v-if="form_query.type === 1" :src="urgent" style="padding: 0 10px;">
           <div class="header-title">
             <span class="title-id">REQUIREMENT-{{ form_query.id }}</span>
             <el-tooltip class="item" effect="dark" :content="form_query.name" placement="bottom">
@@ -285,6 +280,7 @@ import dataStatistics from './components/dataStatistics'
 import scheduleList from './components/scheduleList'
 import bugTableDialog from '@/views/projectManage/bugList/details/bugTableDialog' // 缺陷表格
 import schedule from '@/views/projectManage/schedule' // 排期锁定弹窗
+import urgent from '@/assets/urgent.png'
 export default {
   components: {
     searchPeople,
@@ -310,6 +306,7 @@ export default {
   },
   data() {
     return {
+      urgent: urgent,
       showunlock: true,
       ScheduId: '', // 排期ID
       BackToTheLatest: false, // 回到最新
@@ -374,6 +371,7 @@ export default {
       this.BackToTheLatest = false // 回到最新
       this.lockHide = false // 隐藏排期变更记录
       this.showunlock = true
+      this.ScheduId = 0
       this.taskScheduleList = res1.data.schedulDetailResponses
       this.isScheduleLocked = res1.data.isScheduleLocked // 锁定状态1锁定0未锁定
       this.$refs.ScheduleEvent.listByTask(this.requirementId)
@@ -634,31 +632,7 @@ export default {
   color: #409EFF !important;
    border:1px solid #409EFF !important;
 }
-// 左上角紧急样式
-.triangleContainer {
-        height: 60px;
-        background: #fff;
-    }
-    .triangleContent {
-        position: relative;
-    }
-    .triangle {
-        position: absolute;
-        top: -30px;
-        left: -60px;
-        transform: rotate(315deg);
-        border: 30px solid transparent;
-        border-bottom-color: red;
-        font-weight: 600;
-    }
-    .title {
-        position: inherit;
-        right: 28px;
-        top: 4px;
-        transform: rotate(-43deg);
-        font-size: 12px;
-        color: #fff;
-        white-space: nowrap;
-    }
-    // 左上角紧急样式
+.paddingLeft {
+  padding-left: 0px;
+}
 </style>

+ 8 - 0
src/views/projectManage/taskList/taskViewDetail.vue

@@ -108,6 +108,11 @@
                 </div>
               </el-form-item>
             </el-form>
+            <el-form :inline="true" :model="form_query" class="demo-form-inline" style="white-space: nowrap;" label-position="right" label-width="100px">
+              <el-form-item label="技术文档:">
+                <span class="PRD-link"><a :href="form_query.devUrl" target="_blank">{{ form_query.devUrl }}</a></span>
+              </el-form-item>
+            </el-form>
           </div>
         </section>
         <section class="main-section">
@@ -662,6 +667,9 @@ export default {
         white-space: pre-line;
       }
     }
+    .PRD-link:hover{
+      color:#409EFF;
+    }
     .PRD-link {
       width: 50%;
       overflow: hidden;

+ 3 - 1
src/views/workbench/team/components/needsList.vue

@@ -27,7 +27,7 @@
       <el-table-column label="需求名称" min-width="250" align="left" show-overflow-tooltip>
         <template slot-scope="scope">
           <div class="table-project-name" @click="needs_link(scope.row.id)">
-            <span class="id">{{ scope.row.requirementDisplayId }}</span>
+            <span class="id">{{ scope.row.requirementDisplayId }} <img v-if="scope.row.type === 1" :src="extraUrgent" style="padding: 0 10px;"></span>
             <span class="name">{{ scope.row.name }}</span>
           </div>
         </template>
@@ -75,6 +75,7 @@ import {
   requirementTeamList
 } from '@/api/workSchedule'
 import { showRequirementEnum, updateRequirementStatus } from '@/api/requirement'
+import extraUrgent from '@/assets/extraUrgent.png'
 export default {
   props: {
     searchForm: {
@@ -95,6 +96,7 @@ export default {
   },
   data() {
     return {
+      extraUrgent: extraUrgent, // 紧急图片
       needsDataList: [], // 需求列表
       allStatus: [], // 状态列表
       pages: {