优化样式

src/views/projectManage/bugList/bugindex.vue

@@ -8,7 +8,7 @@
             <el-button size="mini" type="primary" @click="createdDefect">新建缺陷</el-button>
           </div>
           <el-divider style="color: #EEF0F5; margin: 10px 0 ;" />
-          <el-col :span="24" class="Layout" style="padding: 5px 0 15px 15px">
+          <el-col :span="24" class="Layout" style="padding: 5px 0 0 15px">
             <el-form :model="formInline" class="flex_start" style="width: 100%;">
               <div class="Layout">
                 <div class="queryName">缺陷标题</div>
@@ -29,7 +29,7 @@
             </el-form>
             <div class="screen" @click="showSelect">{{ goodName }}</div>
           </el-col>
-          <el-col v-if="DetailedScreening" :span="24" class="Layout">
+          <el-col v-if="DetailedScreening" :span="24" class="Layout" style="margin-top: 15px;">
             <el-form :model="formInline" style="width: 100%;">
               <el-row style="width: 100%;">
                 <el-col :span="24" class="DetailedScreening" style="width: 100%;padding: 15px;margin-bottom: 15px;">

src/views/projectManage/bugList/file/createdBug.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="Parent">
     <!-- <el-dialog :visible.sync="modalShow" :title="titleName" class="public_task" width="70%" :close-on-click-modal="false" :destroy-on-close="true" :modal-append-to-body="false" @close="modalClose"> -->
-    <modal :visible="modalShow" :title="titleName" @close="modalClose">
+    <modal :visible="modalShow" class="copy-task" :title="titleName" @close="modalClose">
       <div class="blueStripe" />
       <el-form ref="formInline" label-position="left" :model="formInline" :rules="rules" label-width="90px">
         <div id="soll">
@@ -46,7 +46,7 @@
                     <el-option v-for="item in bugStageEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
-                <el-form-item label="缺陷类型" prop="theBugType">
+                <el-form-item label="缺陷类型" prop="theBugType" class="form-item-normal-lable">
                   <el-cascader v-model="formInline.theBugType" :options="theBugTypeEnumList" :props="{ value:'code', label:'name', children: 'childrenEnums', emitPath: false }" placeholder="请选择" clearable />
                 </el-form-item>
 
@@ -103,33 +103,33 @@
             <div class="he" @click="show2 = !show2"><i class="el-icon-arrow-right" :class="{rotateNone:show2,rotate:!show2}" /> 客户端信息</div>
             <div v-show="show2" class="Layouts" style="width: 100%;">
               <div style="width:100%; margin: 0 4%;height: 200px">
-                <el-form-item label="客户端">
+                <el-form-item label="客户端" class="form-item-normal-lable">
                   <el-select v-model="formInline.appId" clearable filterable placeholder="请选择" style="width:100%;" @change="getClient(formInline.appId)">
                     <el-option v-for="item in appClient" :key="item.code" :label="item.msg" :value="item.code" />
                   </el-select>
                 </el-form-item>
-                <el-form-item label="机型" style="width:100%;">
+                <el-form-item label="机型" style="width:100%;" class="form-item-normal-lable">
                   <el-input v-model="formInline.osType" clearable placeholder="请输入" />
                 </el-form-item>
-                <el-form-item label="网络">
+                <el-form-item label="网络" class="form-item-normal-lable">
                   <el-select v-model="formInline.networkType" clearable filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in networkTypeEnumList" :key="item.code" :label="item.name" :value="item.name" />
                   </el-select>
                 </el-form-item>
               </div>
               <div style="width:100%; margin: 0 4%; height: 200px;">
-                <el-form-item label="影响版本">
+                <el-form-item label="影响版本" class="form-item-normal-lable">
                   <el-select v-model="formInline.appVersion" clearable filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in Editionlist" :key="item.code" :label="item.msg" :value="item.code" />
                   </el-select>
                 </el-form-item>
-                <el-form-item label="系统版本" style="width:100%;">
+                <el-form-item label="系统版本" style="width:100%;" class="form-item-normal-lable">
                   <el-input v-model="formInline.sdkVersion" clearable placeholder="请输入" />
                 </el-form-item>
               </div>
             </div>
             <div style=" margin: 0 4%;">
-              <el-form-item label="描述" style="width:100%;">
+              <el-form-item label="描述" style="width:100%;" class="form-item-normal-lable">
                 <el-row v-if="editr">
                   <el-col :span="24">
                     <!-- <div id="wange" style="background-color: #FFF;" class="toolbar" />
@@ -144,7 +144,7 @@
                   </el-col>
                 </el-row>
               </el-form-item>
-              <el-form-item label="附件" style="width:100%;">
+              <el-form-item label="附件" style="width:100%;" class="form-item-normal-lable">
                 <section class="upload-main">
                   <el-tooltip class="item" effect="dark" content="支持的文件格式有：.zip, .xlsx, .txt, .csv, .xls, .mov, .mp4, .m4a, .avi, .amr, .mp3, .wav, .3gpp, .png, .jpg, .jpeg, .gif" placement="top-start" popper-class="tip-style">
                     <div class="upload-info"><i class="el-icon-question" />格式说明</div>
@@ -875,3 +875,25 @@ export default {
   }
 }
 </style>
+
+<style lang="scss">
+.copy-task {
+  .el-select {
+    width: 20vw;
+  }
+  .el-dialog__body {
+    padding: 20px 40px;
+  }
+  label {
+    font-weight: 400;
+  }
+  .form-item-normal-lable {
+    .el-form-item__label:before {
+      content: "";
+      color: #333333;
+      margin-right: 12px;
+      font-weight: 400;
+    }
+  }
+}
+</style>

src/views/projectManage/components/onlineTime.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bottom-detail">
+  <div class="date-laout">
     <el-row>交付日期：{{ scheduleDetail.endTime }}</el-row>
     <el-row class="date-laout">排期：{{ scheduleDetail.startTime | handlerDate }} ~ {{ scheduleDetail.endTime | handlerDate }}
       <span v-if="scheduleDetail.scheduleTimeAnnotation" style="color: #999999; font-size: 14px;">
@@ -106,7 +106,7 @@ export default {
 .bottom-detail {
   font-size: 14px;
   width: calc(100% - 40px);
-  padding-top: 20px;
+  padding: 20px 0;
 }
 
 .el-timeline {
@@ -116,7 +116,7 @@ export default {
   padding: 0px;
 }
 .date-laout {
-  margin: 15px 0;
+  margin: 10px 0;
 }
 .onlineVersion:hover {
   cursor: pointer;

src/views/projectManage/dialog_vue.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="task">
+  <div class="copy-task">
     <el-dialog :title="tit_Name" :visible.sync="dialogFormVisible" width="70%" :close-on-click-modal="false" :destroy-on-close="true">
       <div class="blueStripe" />
-      <el-form ref="task_form" :model="task_form" :rules="task_rulesForm" label-position="right" style="margin-right: 3%;" label-width="130px">
+      <el-form ref="task_form" :model="task_form" :rules="task_rulesForm" label-position="left" label-width="130px">
         <el-form-item label="任务名称" prop="name" style="width: 100%">
           <el-input v-model="task_form.name" autocomplete="off" placeholder="请输入任务名称" />
         </el-form-item>
@@ -39,7 +39,7 @@
                 </el-option-group>
               </el-select>
             </el-form-item>
-            <el-form-item label="开发负责人">
+            <el-form-item label="开发负责人" class="form-item-normal-lable">
               <el-select v-model="task_form.rdOwner" filterable clearable remote placeholder="请输入姓名或邮箱前缀" :remote-method="remoteMethod" :loading="loading" style="width: 100%">
                 <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                   <div style="display: flex;justify-content: start;">
@@ -58,10 +58,10 @@
                 <el-radio :label="1">是</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="模块" prop="moduleIds">
+            <el-form-item label="模块" prop="moduleIds" class="form-item-normal-lable">
               <el-cascader v-model="task_form.moduleIds" clearable collapse-tags :props="props" :options="business_platform_Modular" placeholder="请选择" style="width: 20vw" />
             </el-form-item>
-            <el-form-item label="测试负责人">
+            <el-form-item label="测试负责人" class="form-item-normal-lable">
               <el-select v-model="task_form.qaOwner" filterable clearable remote placeholder="请输入姓名或邮箱前缀" :remote-method="remoteMethod1" :loading="loading" style="width: 20vw">
                 <el-option v-for="item in options1" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                   <div style="display: flex;justify-content: start;">
@@ -74,7 +74,7 @@
             </el-form-item>
           </div>
         </div>
-        <el-form-item label="技术文档链接">
+        <el-form-item label="技术文档链接" class="form-item-normal-lable">
           <el-input v-model="task_form.devUrl" placeholder="请粘贴链接" />
         </el-form-item>
         <div style="display:flex;align-items: center;justify-content: space-between;">
@@ -490,25 +490,41 @@ export default {
     }
   }
 }
-
 </script>
-<style lang="scss" scoped>
-.task {
+
+<style lang="scss">
+.copy-task {
+  .el-select {
+    width: 20vw;
+  }
+  .el-dialog__body {
+    padding: 20px 40px;
+  }
+  label {
+    font-weight: 400;
+  }
+  .form-item-normal-lable {
+    .el-form-item__label:before {
+      content: "";
+      color: #333333;
+      margin-right: 12px;
+      font-weight: 400;
+    }
+  }
   /deep/ .el-dialog__title {
     line-height: 24px;
     font-size: 18px;
     color: #303133;
     padding-left: 10px;
-}
-
-.blueStripe {
-  width:4px;
-  height:17px;
-  background:#409EFF;
-  border-radius:1px;
-  position: absolute;
-  top: 23px;
-  left: 20px;
-}
+  }
+  .blueStripe {
+    width:4px;
+    height:17px;
+    background:#409EFF;
+    border-radius:1px;
+    position: absolute;
+    top: 23px;
+    left: 20px;
+  }
 }
 </style>

src/views/projectManage/iteration/index.vue

@@ -54,6 +54,7 @@
                 'status_color1': scope.row.status === 1,
                 'status_color2': scope.row.status === 2
               }"
+              style="width: 82px;"
               class="public_botton"
               size="mini"
               @change="changeIterationStatus(scope.row)"

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

@@ -830,7 +830,7 @@ export default {
 <style scoped lang="scss">
 .search_box {
   .item {
-    width: 270px;
+    // width: 270px;
     margin-right: 15px;
     .queryName {
       min-width: 80px;

src/views/projectManage/requirement/requirementDetail.vue

@@ -132,13 +132,12 @@
           <section class="main-section">
             <div class="required-tips">
               <span class="tipName"><i class="el-icon-question icon-sty" /> 帮助提示</span><br>
-              ·需求排期是对任务排期的汇总，给需求排期请优先拆解任务；每个任务仅支持一次提测和一次准出，请合理拆解任务后再排期。<br>
-              ·需求状态未变更【已排期】前，排期不可锁定；状态变更为【已排期】时，需求排期将被系统自动锁定。<br>
-              ·需求排期锁定时，任务排期将全部被锁定；所有任务锁定时，需求排期将被系统自动锁定。<br>
-              ·任务锁定时，系统会自动将任务排期及交付时间同步至望岳。若多个任务关联同一个望岳任务，同步时排期会汇总一并同步到望岳，交付时间则按最晚日期同步至望岳。
+              <ul style="padding:0 18px">
+                <li v-for="(item, index) in textTips" :key="index">{{ item }}</li>
+              </ul>
             </div>
-            <div class="allTips">
-              <el-radio-group v-model="listOrGannt" size="small" style="margin-left: 10px">
+            <div class="allTips" style="margin: 0 0 20px 20px">
+              <el-radio-group v-model="listOrGannt" size="small">
                 <el-radio-button label="列表" />
                 <el-radio-button label="甘特图" />
               </el-radio-group>
@@ -151,7 +150,7 @@
           </section>
 
           <el-container v-show="listOrGannt === '列表'" class="allTips">
-            <el-main style="padding: 0;">
+            <el-main style="padding: 0 10px;">
               <demand :id="requirementId" ref="ScheduleEvent" :showunlock="showunlock" :type-list="taskScheduleEvent" :required-list="taskScheduleList" @getRequirementById="getRequirementById" />
             </el-main>
             <el-aside v-if="lockHide" class="SchedulingAside">
@@ -173,7 +172,7 @@
           </el-container>
           <gannt-views v-if="listOrGannt === '甘特图'" />
           <div class="detail-info border-top">
-            <el-divider />
+            <el-divider v-if="brdPassRealTime || prdPassRealTime || techInRealTime || onlineRealTime" />
             <el-form ref="form_query" :inline="true" :model="form_query" class="Layout_space_start" label-position="left" label-width="140px">
               <el-form-item
                 v-if="brdPassRealTime"
@@ -381,6 +380,7 @@ export default {
   },
   data() {
     return {
+      textTips: ['需求排期是对任务排期的汇总，给需求排期请优先拆解任务；每个任务仅支持一次提测和一次准出，请合理拆解任务后再排期。', '需求状态未变更【已排期】前，排期不可锁定；状态变更为【已排期】时，需求排期将被系统自动锁定。', '需求排期锁定时，任务排期将全部被锁定；所有任务锁定时，需求排期将被系统自动锁定。', '任务锁定时，系统会自动将任务排期及交付时间同步至望岳。若多个任务关联同一个望岳任务，同步时排期会汇总一并同步到望岳，交付时间则按最晚日期同步至望岳。'],
       urgent: urgent,
       showunlock: true,
       textarea2: '',
@@ -866,7 +866,7 @@ border-radius: 50%;
    margin: 10px 30px;
 }
 .border-top {
- padding: 0 20px 10px !important;
+ padding: 0 30px 10px !important;
  >>>.el-divider--horizontal {
     display: block;
     height: 1px;

src/views/projectManage/taskList/taskViewDetail.vue

@@ -112,7 +112,7 @@
                     <el-button size="mini" type="text" @click="taskVisible = false">取消</el-button>
                     <el-button type="primary" size="mini" @click="taskOpenOrClose(textarea1), taskVisible = false">确定</el-button>
                   </div>
-                  <el-button slot="reference" class="el-btn-size" size="mini" @click="changeTaskClose">{{ form_query.status === -4 ? closeTask = '解除关闭任务' : closeTask = '关闭任务' }}</el-button>
+                  <el-button slot="reference" :class="[closeTask === '解除关闭任务' ? 'el-btn-size' : '' ]" size="mini" @click="changeTaskClose">{{ form_query.status === -4 ? closeTask = '解除关闭任务' : closeTask = '关闭任务' }}</el-button>
                 </el-popover>
               </div>
               <div v-if="!form_query.isTaskClose && form_query.status !== -2 && form_query.status === -4">
@@ -212,11 +212,9 @@
                 <span> 帮助提示</span>
               </div>
               <div class="tips-context">
-                .每个任务仅支持一次提测和一次准出，请合理拆解任务后再排期。<br>
-                .任务状态未变更【已排期】前，排期不可锁定；状态变更为【已排期】时，任务排期将被系统自动锁定。<br>
-                .需求排期锁定时，任务排期将全部被锁定；所有任务锁定时，需求排期将被系统自动锁定。<br>
-                .任务排期锁定后，如果解锁了排期，排期将在24小时后再次自动锁定。请解锁后，及时进行排期调整。<br>
-                .任务新增、修改、删除排期时，系统会于半小时后将任务排期及交付时间同步至望岳。若多个任务关联同一个望岳任务，同步时排期会汇总一并同步到望岳，交付时间则按最晚日期同步至望岳。<br>
+                <ul style="padding:0 18px">
+                  <li v-for="(item, index) in textTips" :key="index">{{ item }}</li>
+                </ul>
               </div>
             </div>
             <div class="list-tips">
@@ -508,6 +506,7 @@ export default {
   },
   data() {
     return {
+      textTips: ['每个任务仅支持一次提测和一次准出，请合理拆解任务后再排期。', '任务状态未变更【已排期】前，排期不可锁定；状态变更为【已排期】时，任务排期将被系统自动锁定。', '需求排期锁定时，任务排期将全部被锁定；所有任务锁定时，需求排期将被系统自动锁定。', '任务排期锁定后，如果解锁了排期，排期将在24小时后再次自动锁定。请解锁后，及时进行排期调整。', '任务新增、修改、删除排期时，系统会于半小时后将任务排期及交付时间同步至望岳。若多个任务关联同一个望岳任务，同步时排期会汇总一并同步到望岳，交付时间则按最晚日期同步至望岳。'],
       autoLockScheduleCountdown: '--', // 解锁剩余时间
       timer: null, // 定时器
       isShowLockedTime: false, // 是否显示解锁倒计时
@@ -1059,7 +1058,7 @@ export default {
     display: flex;
     flex-direction: column;
     margin: 0 10px;
-    padding: 20px 13px;
+    padding: 15px 13px 5px;
     border-radius: 4px;
     background-color: rgba(64, 158, 255,0.1);
     .tips-icon {
@@ -1208,7 +1207,7 @@ export default {
   padding: 0 30px;
 }
 .el-btn-size {
-   margin: 10px 30px 10px 0;
+   margin: 10px 30px 10px 10px;
 }
 .blueStr {
   width:4px;

src/views/projectManage/taskList/versionsCalendar.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="background-color:#F2F3F6;display:flex;align-items: center;justify-content: center;">
     <el-container>
-      <el-header class="bgborder" style=" margin: 1%;display:flex;align-items: center;justify-content: flex-start;">
+      <el-header class="bgborder" style=" margin: 0 10px 10px;display:flex;align-items: center;justify-content: flex-start;">
         <el-row>
           <el-col :span="20">
             <el-select
@@ -22,7 +22,7 @@
         </el-row>
       </el-header>
 
-      <el-main class="bgborder" style=" margin: 0 1% 1% 1%;min-height: 120.5vh;padding:0 !important">
+      <el-main class="bgborder" style=" margin: 0 10px 10px;min-height: 120.5vh;padding:0 !important">
         <div style="display:flex;align-items: center;margin:24.094px;justify-content: space-between;">
           <div style="display:flex;align-items: center;">
             <div style="width:4px;height:17px;background:#409EFF;border-radius:1px;" />
@@ -143,9 +143,9 @@
               </el-table>
             </div>
           </div>
-          <div style="display: flex;justify-content: flex-end;margin-top:20px;">
-            <el-button type="info" @click="getVersionList(),dialogFormVisible=false">关闭</el-button>
-          </div>
+        </div>
+        <div style="text-align: right;margin:20px 0 -10px;">
+          <el-button @click="getVersionList(),dialogFormVisible=false">关闭</el-button>
         </div>
       </el-dialog>
     </el-container>
@@ -557,7 +557,7 @@ export default {
 
   .el-dialog { min-width: 400px }
 
-  .footer { text-align: right; margin: 1%; background-color: #FFFFFF; border-radius: 8px; }
+  .footer { text-align: right; margin: 10px; background-color: #FFFFFF; border-radius: 8px; }
 
   .bgborder { background-color: #FFFFFF; border-radius: 4px;}
 

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

@@ -1,7 +1,7 @@
 <template>
-  <el-container class="version_list">
-    <div style="width:100%;height:100%;background-color: #F2F3F6;margin-right: 10px">
-      <el-main class="layout_header" style="margin: 0 10px; padding: 15px">
+  <el-container class="">
+    <div style="width:100%;height:100%;background-color: #F2F3F6;">
+      <el-main class="layout_header">
         <div class="layout_header_title">
           <span style="font-size: 22px;letter-spacing: 1px;font-weight: 600;color: #333B4A;padding-left: 15px">版本</span>
           <i class="el-icon-date calendar" @click="link_calendar" />
@@ -564,13 +564,12 @@ export default {
   padding: 0 5px 2% 0
 }
 .layout_header {
-  width: 99%;
-  margin: 10px;
+  margin: 0 10px 10px;
+  padding: 15px
 }
 .layout_main {
-  width: 99%;
   margin: 0 10px 10px 10px;
-  min-height: calc(100vh - 209px);
+  min-height: calc(100vh - 170px);
 }
 .div_priority {
   display: inline-block;

src/views/reportManagement/testPresentation.vue

@@ -29,26 +29,26 @@
         </span>
         <template slot="operateBox" slot-scope="scope">
           <div v-if="title === '测试日报'">
-            <span v-if="scope.row.status === 0" class="didi-hover" @click="dailyButtom(3,scope.row)">发送</span>
-            <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="didi-hover" @click="dailyButtom(2,scope.row)">编辑</span>
-            <span v-if="scope.row.status === 0" class="didi-hover" @click="report_click(4,scope.row )">删除</span>
-            <span v-if="scope.row.status === 3" class="didi-hover" @click="dailyButtom(4,scope.row)">复制</span>
+            <span v-if="scope.row.status === 0" class="btnColor" @click="dailyButtom(3,scope.row)">发送</span>
+            <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="btnColor" @click="dailyButtom(2,scope.row)">编辑</span>
+            <span v-if="scope.row.status === 0" class="btnColor" @click="report_click(4,scope.row )">删除</span>
+            <span v-if="scope.row.status === 3" class="btnColor" @click="dailyButtom(4,scope.row)">复制</span>
           </div>
           <div v-if="title === '准出报告'">
             <div v-if="scope.row.status === 3 ? false : true">
-              <span v-if="scope.row.status === 0" class="didi-hover" @click="clientButtom(3,scope.row)">发送</span>
-              <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="didi-hover" @click="clientButtom(2, scope.row)">编辑</span>
-              <span v-if="scope.row.status === 0" class="didi-hover" @click="report_click(4,scope.row )">删除</span>
+              <span v-if="scope.row.status === 0" class="btnColor" @click="clientButtom(3,scope.row)">发送</span>
+              <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="btnColor" @click="clientButtom(2, scope.row)">编辑</span>
+              <span v-if="scope.row.status === 0" class="btnColor" @click="report_click(4,scope.row )">删除</span>
             </div>
           </div>
           <div v-if="title === '提测报告'">
             <div v-if="scope.row.status === 1 ? false : true">
-              <span v-if="scope.row.status === 3" class="didi-hover" @click="report_click(1,scope.row)">通过</span>
-              <span v-if="scope.row.status === 3" style="margin-left: 30px;" class="didi-hover" @click="report_click(2,scope.row)">打回</span>
-              <span v-if="scope.row.status === 0" class="didi-hover" @click="report_click(5,scope.row)">发送</span>
-              <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="didi-hover" @click="report_click(6,scope.row)">编辑</span>
-              <span v-if="scope.row.status === 0" class="didi-hover" @click="report_click(4,scope.row )">删除</span>
-              <span v-if="scope.row.status === 2" class="didi-hover" @click="report_click(3,scope.row)">重新提测</span>
+              <span v-if="scope.row.status === 3" class="btnColor" @click="report_click(1,scope.row)">通过</span>
+              <span v-if="scope.row.status === 3" style="margin-left: 30px;" class="btnColor" @click="report_click(2,scope.row)">打回</span>
+              <span v-if="scope.row.status === 0" class="btnColor" @click="report_click(5,scope.row)">发送</span>
+              <span v-if="scope.row.status === 0" style="margin: 0 30px;" class="btnColor" @click="report_click(6,scope.row)">编辑</span>
+              <span v-if="scope.row.status === 0" class="btnColor" @click="report_click(4,scope.row )">删除</span>
+              <span v-if="scope.row.status === 2" class="btnColor" @click="report_click(3,scope.row)">重新提测</span>
             </div>
           </div>
         </template>
@@ -621,6 +621,9 @@ export default {
     margin: 10px;
     background: #FFF;
     border-radius: 4px;
+    .btnColor {
+      color: #409eff;
+    }
   }
 }
 .tips-report {