样式+2

src/views/projectManage/projectList/projectIndex.vue

@@ -90,7 +90,7 @@
         </div>
       </el-header>
 
-      <el-main style="background-color: #ffffff; border-radius: 8px; margin: 0 1% 1% 1%;min-height: 86vh;padding:0 !important">
+      <el-main class="requirement-x" style="background-color: #ffffff; border-radius: 8px; margin: 0 1% 1% 1%;min-height: 86vh;padding:0 !important">
         <div style="margin: 1.5%; font-weight: 600; white-space: nowrap;">
           <b style="color: #409EFF;margin: 0 0.5%; font-size: 20px; ">I</b>项目列表
           <el-button
@@ -110,56 +110,42 @@
         >
           <el-table-column label="优先级" min-width="100" align="center">
             <template slot-scope="scope">
-              <el-tag
+              <div
                 v-show="scope.row.priorityStr === 'p0'"
-                size="mini"
-                :style="{background: '#F56C6C',border: '#F56C6C'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#F56C6C',border: '#F56C6C',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p1'"
-                size="mini"
-                :style="{background: '#FF8952',border: '#FF8952'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#FF8952',border: '#FF8952',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p2'"
-                size="mini"
-                :style="{background: '#7ED321',border: '#7ED321'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#7ED321',border: '#7ED321',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p3'"
-                size="mini"
-                :style="{background: '#61D3B8',border: '#61D3B8'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#61D3B8',border: '#61D3B8',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p4'"
-                size="mini"
-                :style="{background: '#F7AD3F',border: '#F7AD3F'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#F7AD3F',border: '#F7AD3F',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p5'"
-                size="mini"
-                :style="{background: '#69B3FF',border: '#69B3FF'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
-              <el-tag
+                :style="{background: '#69B3FF',border: '#69B3FF',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
+              <div
                 v-show="scope.row.priorityStr === 'p6'"
-                size="mini"
-                :style="{background: '#C889FF',border: '#C889FF'} "
-                effect="dark"
-              >{{ scope.row.priorityStr }}</el-tag>
+                :style="{background: '#C889FF',border: '#C889FF',width:'41.39px',height:'23px',margin: '0 auto','border-radius': '4px','color': 'white'} "
+              >{{ scope.row.priorityStr.toUpperCase() }}</div>
             </template>
           </el-table-column>
           <el-table-column label="项目名称" min-width="200" show-overflow-tooltip>
             <template slot-scope="scope">
-              <span
+              <div
                 style="cursor: pointer;"
                 @click="link_project(scope.row.id)"
-              >{{ scope.row.name }}</span>
+              >{{ scope.row.name }}</div>
             </template>
           </el-table-column>
           <el-table-column label="业务线" min-width="100" align="center">
@@ -593,6 +579,12 @@ export default {
   border-radius: 8px;
 }
 
+.requirement-x .el-table .cell {
+    padding: 5px 0;
+    font-size: 14px;
+    font-family: MicrosoftYaHei;
+}
+
 .bgborder .el-input__inner {
   border: none;
   padding: 0px 50px 0px 0px;

src/views/projectManage/projectList/projectViewDetails.vue

@@ -44,10 +44,10 @@
         </span>
       </el-header>
       <el-container>
-        <el-aside class="bgborder" style=" margin:0 1.7%;minWidth: 55%;">
+        <el-aside class="bgborder" style=" margin:0 1.7%;minWidth: 55%;overflow-x: hidden;">
           <el-row :gutter="20">
             <el-col :span="20">
-              <div style="display:flex;align-items: center;margin-bottom:20px;margin: 20px 0 50px 20px;">
+              <div style="display:flex;align-items: center;margin-bottom:20px;margin: 10px 0 50px 20px;">
                 <div style="width:4px;height:17px;background:rgba(64,158,255,1);border-radius:1px;" />
                 <div style="width:83px;height:20px;font-size:18px;font-family:MicrosoftYaHei;color:rgba(51,59,74,1);margin-left:6px">数据统计</div>
               </div>