样式12

src/views/projectManage/dialog_vue.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="task">
     <el-dialog :visible.sync="dialogFormVisible" width="70%" :close-on-click-modal="false">
-      <div style="margin: 0% 7% 2% 7%; font-size: 18px; white-space: nowrap;color:rgba(51,59,74,1);">
-        <b style="color: #409EFF;margin: 0 0.5%;font-weight: 600; ">I</b>{{ tit_Name }}
+      <div style="display:flex;align-items: center;margin: 0% 7% 2% 4.5%;">
+        <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">{{ tit_Name }}</div>
       </div>
-      <el-form ref="task_form" :model="task_form" :rules="task_rulesForm" label-position="right" style="margin: 0 3%;" label-width="120px">
+      <el-form ref="task_form" :model="task_form" :rules="task_rulesForm" label-position="right" style="margin-right: 3%;" label-width="120px">
         <el-form-item label="任务名称" prop="name" style="width: 100%">
           <el-input v-model="task_form.name" autocomplete="off" placeholder="请输入任务名称" />
         </el-form-item>

src/views/projectManage/projectList/projectIndex.vue

@@ -5,12 +5,12 @@
         class="bgborder"
         style=" margin: 1%;display:flex;align-items: center;justify-content: space-between;"
       >
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_all.bizId }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in all_bizId"
               :key="item.id"
@@ -18,12 +18,12 @@
             >{{ item.bizName }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_all.bizType }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in arr_prjectType"
               :key="item.value"
@@ -31,12 +31,12 @@
             >{{ item.name }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_all.priority }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in arr_priority"
               :key="item.value"
@@ -573,15 +573,22 @@ export default {
   color: #333333 !important;
 }
 
-.bgborder .drop_down{
-  font-size:14px
-}
-
 .bgborder .el-table .el-table__body tr:hover td {
   color: #409eff;
   background: #eef0f5;
 }
 
+.requirement_el-dropdown-menu {
+  max-height: 300px !important;
+  max-width: 200px;
+  overflow-y: auto !important;
+}
+
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #f6f7fa;
+  color: #606266;
+}
+
 .bgborder .el-input__icon {
   width: 77px !important;
 }
@@ -591,7 +598,7 @@ export default {
 }
 
 .drop_down {
-  font-size: 13px;
+  font-size: 14px;
   color: #333333;
 }
 .el-dialog__header {

src/views/projectManage/projectList/projectViewDetails.vue

@@ -58,23 +58,23 @@
           <div style="display: flex; justify-content: space-between; align-items: center;">
             <span style="text-align: center; margin-left: 10%">
               <p>需求数量</p>
-              <p style="font-size: 44px;">{{ form_query.requirementCount }}</p>
+              <p style="font-size: 72px;margin: 0">{{ form_query.requirementCount }}</p>
               <p>
-                <el-button size="mini" type="primary" @click="createDialogVisible = true">提需求</el-button>
+                <el-button size="mini" type="info" plain @click="createDialogVisible = true">提需求</el-button>
               </p>
             </span>
             <span style="text-align: center;">
               <p>任务数量</p>
-              <p style="font-size: 44px;">{{ form_query.taskCount }}</p>
+              <p style="font-size: 72px;margin: 0">{{ form_query.taskCount }}</p>
               <p>
-                <el-button size="mini" type="primary" @click="reated_task()">建任务</el-button>
+                <el-button size="mini" type="info" plain @click="reated_task()">建任务</el-button>
               </p>
             </span>
             <span style="text-align: center;margin-right:10%;">
               <p>Bug数量</p>
-              <p style="font-size: 44px;">{{ form_query.bugCount }}</p>
+              <p style="font-size: 72px;margin: 0">{{ form_query.bugCount }}</p>
               <p>
-                <el-button size="mini" type="primary" @click="created_bug">提bug</el-button>
+                <el-button size="mini" type="info" plain @click="created_bug">提bug</el-button>
               </p>
             </span>
           </div>
@@ -92,7 +92,7 @@
               :model="form_query"
             >
               <el-row>
-                <el-col :span="5">项目类型:</el-col>
+                <el-col :span="6">项目类型:</el-col>
                 <el-col :span="18">
                   <div>{{ form_query.projectTypeStr }}</div>
                   <el-button
@@ -104,11 +104,11 @@
                 </el-col>
               </el-row>
               <el-row>
-                <el-col :span="4">业务线:</el-col>
+                <el-col :span="6">业务线:</el-col>
                 <el-col :span="18">{{ form_query.bizStr }}</el-col>
               </el-row>
               <el-row>
-                <el-col :span="4">优先级:</el-col>
+                <el-col :span="6">优先级:</el-col>
                 <el-col :span="18">{{ form_query.priorityStr }}</el-col>
               </el-row>
               <el-row>
@@ -128,7 +128,7 @@
                 <el-col :span="18">{{ form_query.testOwnerZh }}</el-col>
               </el-row>
               <el-row>
-                <el-col :span="5">项目描述:</el-col>
+                <el-col :span="6">项目描述:</el-col>
                 <el-col :span="18">
                   <div min-height="80px" style="white-space:pre-line; color: rgb(102, 102, 102);border:1px solid #BFC6DC; border-radius:8px; padding: 0 3%;height: 80px; overflow-y: auto;min-width:100%;">{{ form_query.description }}</div>
                 </el-col>

src/views/projectManage/requirement/details/index.vue

@@ -100,29 +100,29 @@
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">业务线:</el-col>
+            <el-col :span="6">业务线:</el-col>
             <el-col :span="18">{{ requirement.bizName }}</el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">优先级:</el-col>
+            <el-col :span="6">优先级:</el-col>
             <el-col :span="18">{{ requirement.priorityName }}</el-col>
           </el-row>
           <el-row>
-            <el-col :span="5">需求来源:</el-col>
+            <el-col :span="6">需求来源:</el-col>
             <el-col :span="18">{{ requirement.sourceTypeName }}</el-col>
           </el-row>
           <el-row>
-            <el-col :span="2">PM:</el-col>
+            <el-col :span="6">PM:</el-col>
             <el-col :span="18">{{ getPmName() }}</el-col>
           </el-row>
           <el-row>
-            <el-col :span="5">PRD链接:</el-col>
+            <el-col :span="6">PRD链接:</el-col>
             <el-col :span="18">
               <el-link type="primary" :href="requirement.mrdUrl">{{ requirement.mrdUrl }}</el-link>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="5">是否跟版:</el-col>
+            <el-col :span="6">是否跟版:</el-col>
             <el-col :span="18">{{ requirement.dependOnRelease? '是':'否' }}</el-col>
           </el-row>
           <el-row v-if="requirement.dependOnRelease">

src/views/projectManage/requirement/list/index.vue

@@ -2,8 +2,8 @@
   <div style="width:100%;height:100%;padding-top:1px;background-color: #F2F3F6;">
     <div class="container">
       <el-header class="requirement-header" style=" margin: 1%;display:flex;align-items: center;justify-content: space-between;">
-        <el-dropdown @command="handleCommand">
-          <span class="el-dropdown-link">
+        <el-dropdown placement="bottom" @command="handleCommand">
+          <span class="el-dropdown-link drop_down">
             {{ getTitle(searchTitle.project) }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
@@ -15,8 +15,8 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
-          <span class="el-dropdown-link">
+        <el-dropdown placement="bottom" @command="handleCommand">
+          <span class="el-dropdown-link drop_down">
             {{ getTitle(searchTitle.businessline) }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
@@ -28,8 +28,8 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
-          <span class="el-dropdown-link">
+        <el-dropdown placement="bottom" @command="handleCommand">
+          <span class="el-dropdown-link drop_down">
             {{ getTitle(searchTitle.source) }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
@@ -41,8 +41,8 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
-          <span class="el-dropdown-link">
+        <el-dropdown placement="bottom" @command="handleCommand">
+          <span class="el-dropdown-link drop_down">
             {{ getTitle(searchTitle.priority) }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
@@ -353,10 +353,14 @@ export default {
 </script>
 
 <style scoped>
-.el-dropdown-link {
+/* .el-dropdown-link {
   white-space: nowrap;
   cursor: pointer;
   color: #333333;
+} */
+.drop_down {
+  font-size: 14px;
+  color: #333333;
 }
 .el-icon-arrow-down {
   font-size: 12px;
@@ -365,7 +369,7 @@ export default {
   margin: 1%;
   background-color: #ffffff;
   border-radius: 8px;
-  line-height: 60px;
+  /* line-height: 60px; */
 }
 .requirement-main {
   margin: 0 1%;
@@ -392,7 +396,7 @@ export default {
 .requirement-header .el-input__inner {
   border: none;
 }
-#requirement_basicName1::-webkit-input-placeholder {
+/* #requirement_basicName1::-webkit-input-placeholder {
   color: #333333;
 }
 #requirement_basicName2::-webkit-input-placeholder {
@@ -400,14 +404,20 @@ export default {
 }
 #requirement_basicName3::-webkit-input-placeholder {
   color: #333333;
-}
+} */
 .requirement-main .el-table .cell {
   padding: 5px 0;
   font-size: 14px;
   font-family: MicrosoftYaHei;
 }
 .requirement-main .el-table .el-table__body tr:hover td { color: #409EFF; background: #EEF0F5; } /*hover时字体, 背景颜色*/
-.requirement_el-dropdown-menu {
+.requirement_el-dropdown-menu .el-dropdown-menu{
   max-height: 300px !important;
-  overflow: auto !important;}
+  max-width: 200px;
+  overflow-y: auto !important;
+  }
+  .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #f6f7fa;
+  color: #606266;
+}
 </style>

src/views/projectManage/taskList/taskIndex.vue

@@ -24,12 +24,12 @@
             <span style="float: right; color: #8492a6; font-size: 13px,">{{ item.id }}</span>
           </el-option>
         </el-select>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.project_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in projectList"
               :key="item.value"
@@ -37,12 +37,12 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.demand_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in demandList"
               :key="item.value"
@@ -50,13 +50,13 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <!--是否免测-->
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.noTest_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in noTest"
               :key="item.code"
@@ -64,13 +64,13 @@
             >{{ item.msg }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <!--业务线-->
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.bizId_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in BusinessLine"
               :key="item.value"
@@ -78,12 +78,12 @@
             >{{ item.name }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.platform_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in arr_platform"
               :key="item.value"
@@ -91,12 +91,12 @@
             >{{ item.name }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <el-dropdown @command="handleCommand">
+        <el-dropdown placement="bottom" @command="handleCommand">
           <span class="el-dropdown-link drop_down" style="cursor: pointer;">
             {{ form_task.Modular_label }}
             <i class="el-icon-arrow-down el-icon--right" />
           </span>
-          <el-dropdown-menu slot="dropdown" align="center">
+          <el-dropdown-menu slot="dropdown" align="center" class="requirement_el-dropdown-menu">
             <el-dropdown-item
               v-for="item in arr_Modular"
               :key="item.value"
@@ -549,10 +549,14 @@ export default {
   font-size: 14px;
   color: #333333;
 }
-
-.el-dropdown-menu {
+.requirement_el-dropdown-menu {
   max-height: 300px !important;
-  max-width: 20%;
-  overflow-x: auto;
+  max-width: 200px;
+  overflow: auto !important;
+}
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #f6f7fa;
+  color: #606266;
 }
+
 </style>

src/views/projectManage/taskList/taskViewDetails.vue

@@ -83,13 +83,13 @@
             </div>
             <el-form
               label-position="left"
-              label-width="100px"
+              label-width="150px"
               style="margin: 0 4%;font-size: 14px;color: rgb(102, 102, 102);"
               :model="task_form"
             >
               <el-row :gutter="20">
                 <el-col :span="19">
-                  <el-form-item label="所属项目：" label-width="90px" style="word-break: break-all;">
+                  <el-form-item label="所属项目：" label-width="150px" style="word-break: break-all;">
                     <span
                       v-show="task_form.projectName !== '无归属项目'"
                       style="color: #409EFF;cursor: pointer;"
@@ -109,7 +109,7 @@
                   >修 改</el-button>
                 </el-col>
               </el-row>
-              <el-form-item label="所属需求：" label-width="90px">
+              <el-form-item label="所属需求：" label-width="150px">
                 <span
                   v-show="task_form.requireName !== '无归属需求'"
                   style="color: #409EFF;cursor: pointer;"
@@ -123,11 +123,11 @@
                 label="业务线/平台/模块："
                 label-width="150px"
               >{{ task_form.bizIdString }} / {{ task_form.typeString }} / {{ task_form.clientTypeString }}</el-form-item>
-              <el-form-item label="是否免测：" label-width="90px">{{ task_form.noTestString }}</el-form-item>
-              <el-form-item label="开发负责人：" label-width="100px">{{ task_form.rdObject === null? '' : task_form.rdObject.name }}</el-form-item>
-              <el-form-item label="测试负责人：" label-width="100px">{{ task_form.qaObject === null? '' : task_form.qaObject.name }}</el-form-item>
-              <el-form-item label="涉及的客户端：" label-width="120px">{{ task_form.involveAppString }}</el-form-item>
-              <el-form-item label="技术文档：" label-width="90px" style="word-break: break-all;">
+              <el-form-item label="是否免测：" label-width="150px">{{ task_form.noTestString }}</el-form-item>
+              <el-form-item label="开发负责人：" label-width="150px">{{ task_form.rdObject === null? '' : task_form.rdObject.name }}</el-form-item>
+              <el-form-item label="测试负责人：" label-width="150px">{{ task_form.qaObject === null? '' : task_form.qaObject.name }}</el-form-item>
+              <el-form-item label="涉及的客户端：" label-width="150px">{{ task_form.involveAppString }}</el-form-item>
+              <el-form-item label="技术文档：" label-width="150px" style="word-break: break-all;">
                 <span
                   style="color: #409EFF;cursor: pointer;"
                   @click="devUrl_tow(2, task_form.devUrl)"