前端优化弹窗样式

src/views/projectManage/bugList/css/index.css

@@ -107,9 +107,7 @@
   background:#409EFF;
   border-radius:1px;
 }
-.Parent .el-dialog__header {
-  padding: 0;
-}
+
 .Parent .el-dialog__body {
   padding: 30px 20px 15px 20px;
   color: #606266;

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

@@ -1,28 +1,21 @@
 <template>
   <div class="Parent">
-    <el-dialog :visible.sync="modalShow" width="70%" top="4vh" :modal-append-to-body="false" :close-on-click-modal="false" :destroy-on-close="true" @close="modalClose">
+    <el-dialog :visible.sync="modalShow" :title="titleName" class="public_task" width="70%" :close-on-click-modal="false" :destroy-on-close="true" @close="modalClose">
+      <div class="blueStripe" />
       <el-form ref="formInline" label-position="left" :model="formInline" :rules="rules" label-width="90px">
-        <el-row style="margin: 0 4% 2% 4%;">
-          <el-col :span="24">
-            <div class="flex_start titFont">
-              <div class="titIcon" />
-              <span style="margin-left: 1%; width: 100px;">{{ titleName }}</span>
-            </div>
-          </el-col>
-        </el-row>
         <div id="soll" style="height: 460px; overflow:scroll; overflow-x: hidden">
           <div>
             <el-row style="margin: 0 4%;">
               <el-col :span="24">
                 <el-form-item label="标题" prop="bugName">
-                  <el-input v-model="formInline.bugName" size="small" placeholder="请输入" style="width:100%;" />
+                  <el-input v-model="formInline.bugName" placeholder="请输入" style="width:100%;" />
                 </el-form-item>
               </el-col>
             </el-row>
             <div class="Layouts" style="width: 100%;">
               <div style="width:100%; margin: 0 4%;">
                 <el-form-item label="所属任务" prop="taskId">
-                  <el-select v-model="formInline.taskId" size="small" filterable placeholder="请选择" style="width:100%;" @click.native="bugListSelect">
+                  <el-select v-model="formInline.taskId" filterable placeholder="请选择" style="width:100%;" @click.native="bugListSelect">
                     <el-option v-for="item in taskEnumList" :key="item.id" :label="item.name" :value="item.id" />
                   </el-select>
                 </el-form-item>
@@ -35,28 +28,28 @@
                   >
                     <i style="color: red; margin-left: -31px;" class="el-icon-warning-outline" />
                   </el-tooltip>
-                  <el-select v-model="formInline.priorityLevel" size="small" filterable placeholder="请选择" style="width:100%; margin-left: 12px;">
+                  <el-select v-model="formInline.priorityLevel" filterable placeholder="请选择" style="width:100%; margin-left: 16px;">
                     <el-option v-for="item in priorityLevelEnumList" :key="item.code" :label="item.name" :value="item.name" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="业务线" prop="bizId">
-                  <el-select v-model="formInline.bizId" :disabled="true" size="small" filterable placeholder="请选择" style="width:100%;">
+                  <el-select v-model="formInline.bizId" :disabled="true" filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in bizIdEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="发现阶段" prop="discoveryStage">
-                  <el-select v-model="formInline.discoveryStage" size="small" filterable placeholder="请选择" style="width:100%;">
+                  <el-select v-model="formInline.discoveryStage" filterable placeholder="请选择" style="width:100%;">
                     <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-select v-model="formInline.theBugType" size="small" filterable placeholder="请选择" style="width:100%;">
+                  <el-select v-model="formInline.theBugType" filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in theBugTypeEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
 
                 <el-form-item label="责任人" style="width:100%;" prop="assigner">
-                  <el-select v-model="formInline.assigner" multiple filterable remote :remote-method="remoteMethod" :loading="loading" size="small" style="width: 100%" placeholder="请输入姓名或邮箱前缀" @change="getcurrentHandler(formInline.assigner)">
+                  <el-select v-model="formInline.assigner" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀" @change="getcurrentHandler(formInline.assigner)">
                     <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                       <div style="display: flex;justify-content: start;">
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
@@ -69,7 +62,7 @@
               </div>
               <div style="width:100%; margin: 0 4%;">
                 <el-form-item label="端类型" prop="sysType">
-                  <el-select v-model="formInline.sysType" size="small" filterable placeholder="请选择" style="width:100%;">
+                  <el-select v-model="formInline.sysType" filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in sysTypeEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
@@ -83,23 +76,23 @@
                   >
                     <i style="color: red; margin-left: -17px;" class="el-icon-warning-outline" />
                   </el-tooltip>
-                  <el-select v-model="formInline.priority" size="small" filterable placeholder="请选择" style="width:100%; margin-left: -2px;">
+                  <el-select v-model="formInline.priority" filterable placeholder="请选择" style="width:100%; margin-left: 3px;">
                     <el-option v-for="item in priorityEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="所属模块" prop="moduleIds">
-                  <el-cascader v-model="formInline.moduleIds" size="small" collapse-tags :props="props" :options="business_platform_Modular" placeholder="请选择" style="width: 100%" />
+                  <el-cascader v-model="formInline.moduleIds" collapse-tags :props="props" :options="business_platform_Modular" placeholder="请选择" style="width: 100%" />
                 </el-form-item>
                 <el-form-item label="发现方式" prop="discoveryMeth">
-                  <el-select v-model="formInline.discoveryMeth" size="small" filterable placeholder="请选择" style="width:100%;">
+                  <el-select v-model="formInline.discoveryMeth" filterable placeholder="请选择" style="width:100%;">
                     <el-option v-for="item in discoveryMethEnumList" :key="item.code" :label="item.name" :value="item.code" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="提报人" style="width:100%;" prop="creatorList">
-                  <el-input v-model="formInline.creatorList" :disabled="true" size="small" placeholder="请输入姓名或邮箱前缀" style="width:100%;" />
+                  <el-input v-model="formInline.creatorList" :disabled="true" placeholder="请输入姓名或邮箱前缀" style="width:100%;" />
                 </el-form-item>
                 <el-form-item label="修复人" style="width:100%;" prop="currentHandler">
-                  <el-select v-model="formInline.currentHandler" multiple filterable remote :remote-method="remoteMethod" :loading="loading" size="small" style="width: 100%" placeholder="请输入姓名或邮箱前缀">
+                  <el-select v-model="formInline.currentHandler" multiple filterable remote :remote-method="remoteMethod" :loading="loading" style="width: 100%" placeholder="请输入姓名或邮箱前缀">
                     <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                       <div style="display: flex;justify-content: start;">
                         <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
@@ -115,27 +108,27 @@
             <div v-show="show2" class="Layouts" style="width: 100%;">
               <div style="width:100%; margin: 0 4%;height: 200px">
                 <el-form-item label="客户端">
-                  <el-select v-model="formInline.appId" size="small" clearable filterable placeholder="请选择" style="width:100%;" @change="getClient(formInline.appId)">
+                  <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-input v-model="formInline.osType" size="small" clearable placeholder="请输入" />
+                  <el-input v-model="formInline.osType" clearable placeholder="请输入" />
                 </el-form-item>
                 <el-form-item label="网络">
-                  <el-select v-model="formInline.networkType" size="small" clearable filterable placeholder="请选择" style="width:100%;">
+                  <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-select v-model="formInline.appVersion" size="small" clearable filterable placeholder="请选择" style="width:100%;">
+                  <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-input v-model="formInline.sdkVersion" clearable placeholder="请输入" size="small" />
+                  <el-input v-model="formInline.sdkVersion" clearable placeholder="请输入" />
                 </el-form-item>
               </div>
             </div>
@@ -170,16 +163,16 @@
                     list-type="picture"
                     :before-upload="beforeUpload"
                   >
-                    <el-button size="small" type="primary">上传附件</el-button>
+                    <el-button type="primary">上传附件</el-button>
                   </el-upload>
                 </section>
               </el-form-item>
             </div>
           </div>
         </div>
-        <el-form-item style="text-align: right;margin: 15px 4% 0 4%;">
-          <el-button size="small" @click="modalShow = false">取 消</el-button>
-          <el-button :disabled="dis" type="primary" size="small" @click="bug_created(formInline)">创 建</el-button>
+        <el-form-item style="text-align: right;margin: 15px 0% 0;">
+          <el-button @click="modalShow = false">取 消</el-button>
+          <el-button :disabled="dis" type="primary" @click="bug_created(formInline)">创 建</el-button>
         </el-form-item>
       </el-form>
       <el-button id="pasteUpload" type="primary" style="display: none" @click.stop="pasteUpload">upload</el-button>
@@ -221,6 +214,7 @@ import { bugGetEnum, settingGetBizList, taskListCreate, releaseList, bugCreate,
 import { memberQueryMemberInfoByIDAPorName } from '@/api/projectIndex'
 import normalDialog from '@/components/dialog/normalDialog'
 import '@/views/projectManage/bugList/css/index.css'
+import '@/styles/PublicStyle/index.scss'
 import axios from 'axios'
 
 document.body.onpaste = function(event) {

src/views/projectManage/dialog_vue.vue

@@ -89,7 +89,7 @@
           </el-form-item>
         </div>
       </el-form>
-      <div slot="footer" style="padding:0 27px">
+      <div slot="footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
         <el-button v-if="tit_Name === '新建任务'" type="primary" @click="tit_Name === '新建任务'?create_task(task_form):uptate_task(task_form)">创 建</el-button>
         <el-button v-else type="primary" @click="tit_Name === '新建任务'?create_task(task_form):uptate_task(task_form)">保 存</el-button>

src/views/projectManage/projectList/css/index.css

@@ -38,9 +38,6 @@
   color: #606266;
 }
 
-.diologPadding .el-dialog__footer {
-  padding: 10px 70px 20px
-}
 .bgborder .rotateNone {
   transform: rotate(90deg);
 }

src/views/projectManage/projectList/projectIndex.vue

@@ -311,7 +311,7 @@
           <el-input v-model="form.description" type="textarea" placeholder="请输入" show-word-limit />
         </el-form-item>
       </el-form>
-      <div slot="footer" style="padding: 0 27px;">
+      <div slot="footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
         <el-button type="primary" @click="created_project(form)">创 建</el-button>
       </div>