bugfixede

src/router/newRouter.js

@@ -194,7 +194,7 @@ const layout = [
       },
       // 文博 项目列表
       {
-        path: 'onlineProblem',
+        path: 'onlineProblemIndex',
         name: '线上问题 ',
         icon: 'onlineProblem',
         cutOff: true,
@@ -202,14 +202,14 @@ const layout = [
         meta: { title: '线上问题 ' }
       },
       {
-        path: '/onlineProblem/create',
+        path: 'onlineProblemCreate',
         name: '质惠新建线上问题',
         hidden: true,
         component: () => import('@/views/projectManage/onlineproblem/create'),
         meta: { title: '质惠新建线上问题' }
       },
       {
-        path: '/onlineProblem/detial',
+        path: 'onlineProblemDetails',
         name: '质惠线上问题详情',
         hidden: true,
         component: () => import('@/views/projectManage/onlineproblem/detial'),

src/views/projectManage/onlineproblem/component/list.vue

@@ -19,9 +19,14 @@
         </el-table-column>
         <el-table-column label="标题" min-width="200" show-overflow-tooltip align="left">
           <template slot-scope="scope">
-            <span class="title" @click.stop="gotoDetail(scope.row)">
-              {{ scope.row.title }}
-            </span>
+            <div>
+              <div class="titleId">
+                PROBLEM-{{ scope.row.id }}
+              </div>
+              <div class="title" @click.stop="gotoDetail(scope.row)">
+                {{ scope.row.title }}
+              </div>
+            </div>
           </template>
         </el-table-column>
         <el-table-column label="责任团队" min-width="150" prop="teamName" show-overflow-tooltip align="center" />
@@ -100,7 +105,14 @@ export default {
     background: #fff;
     font-weight: 700;
   }
+  .titleId {
+    font-size: 12px;
+    color: #A7AEBC;
+  }
   .title {
+    line-height: 23px;
+    font-size: 14px;
+    color: #666;
     &:hover {
       color: #409eff;
       cursor: pointer;

src/views/projectManage/onlineproblem/create/component/makeBetterList.vue

@@ -189,7 +189,7 @@ export default {
           height: 20px;
           line-height: 20px;
           padding: 0 0 0 5px;
-          width: 44px;
+          width: 50px;
         }
         .overBtn {
           margin-left: 20px;

src/views/projectManage/onlineproblem/detial/component/makeBetterView.vue

@@ -85,6 +85,7 @@ export default {
       .name {
         word-break:break-all;
         word-wrap:break-word;
+        flex: 1;
       }
     }
     .formWrap {

src/views/projectManage/onlineproblem/detial/index.vue

@@ -2,6 +2,7 @@
   <div class="wb-op-detial">
     <div class="content headerH1">
       <div style="width: 70%">
+        <div class="titleId">PROBLEM-{{ form_data.id }}</div>
         <el-input
           v-if="form_data"
           v-model="form_data.title"
@@ -63,7 +64,7 @@
     <div class="content">
       <header class="headerH2">
         <headTitle title="改进项" :icon="makeBetterEdit ? '' : 'el-icon-edit'" :open-btn="true" @handle="makeBetterEdit = true">
-          <span slot="handleSlot">
+          <span slot="handleSlot" class="handleSlot">
             <span v-show="makeBetterEdit" class="makeBetterBtn" @click="makeBetterSave">
               <i class="el-icon-circle-check" />
               保存
@@ -329,6 +330,11 @@ export default {
   .headerH1 {
     display: flex;
     justify-content: space-between;
+    .titleId {
+      color: #A7AEBC;
+      font-size: 12px;
+      margin-bottom: -4px;
+    }
     .title {
       color: #444;
       font-size: 22px;
@@ -344,12 +350,18 @@ export default {
   }
   .headerH2 {
     margin-top: 5px;
+    .handleSlot {
+      margin-left: 20px;
+    }
     .makeBetterBtn {
       color: #1890FF;
-      margin-left: 15px;
+      margin-left: 6px;
       cursor: pointer;
     }
   }
+  .el-icon-link {
+    margin-left: 4px;
+  }
   .replayLink {
     display: flex;
     justify-content: center;
@@ -364,15 +376,16 @@ export default {
 .wb-op-detial {
   .content {
     &.headerH1 {
-      padding: 0px 30px;
+      padding: 0px 20px 0 30px;
       height: 60px;
-      line-height: 60px;
+      align-items: center;
       .title {
         .el-input__inner {
           border-color: transparent;
+          font-family: MicrosoftYaHei;
           color: #333b4a;
-          font-size: 20px;
-          font-weight: 500;
+          font-size: 18px;
+          font-weight: 600;
           &:hover {
             border-color: #DCDFE6;
           }