修改缺陷路由

src/router/index.js

@@ -159,44 +159,44 @@ export const constantRoutes = [{
     ]
   },
   {
-    path: '/Platform/bugManage/bugindex',
-    name: '缺陷主页2.0',
+    path: '/Platform/projectManage/bugManage/bugindex',
+    name: '缺陷',
     // hidden: true,
     component: () =>
           import('@/views/Platform/bugManage/bugindex'),
-    meta: { title: '缺陷主页2.0' }
-  },
-  {
-    path: '/Platform/defectManagement',
-    name: '缺陷',
-    component: () =>
-          import('@/views/Platform/defectManagement'),
     meta: { title: '缺陷' }
   },
-  {
-    path: '/Platform/defectManagement/bugCreate',
-    name: '新建Bug',
-    hidden: true,
-    component: () =>
-          import('@/views/Platform/bugManage/bugCreate'),
-    meta: { title: '新建Bug' }
-  },
-  {
-    path: '/Platform/defectManagement/bugQuery',
-    name: '查看Bug',
-    hidden: true,
-    component: () =>
-          import('@/views/Platform/bugManage/bugQuery'),
-    meta: { title: '查看Bug' }
-  },
-  {
-    path: '/Platform/defectManagement/bugUpdate',
-    name: '更新Bug',
-    hidden: true,
-    component: () =>
-          import('@/views/Platform/bugManage/bugUpdate'),
-    meta: { title: '更新Bug' }
-  },
+  // {
+  //   path: '/Platform/defectManagement',
+  //   name: '缺陷',
+  //   component: () =>
+  //         import('@/views/Platform/defectManagement'),
+  //   meta: { title: '缺陷' }
+  // },
+  // {
+  //   path: '/Platform/defectManagement/bugCreate',
+  //   name: '新建Bug',
+  //   hidden: true,
+  //   component: () =>
+  //         import('@/views/Platform/bugManage/bugCreate'),
+  //   meta: { title: '新建Bug' }
+  // },
+  // {
+  //   path: '/Platform/defectManagement/bugQuery',
+  //   name: '查看Bug',
+  //   hidden: true,
+  //   component: () =>
+  //         import('@/views/Platform/bugManage/bugQuery'),
+  //   meta: { title: '查看Bug' }
+  // },
+  // {
+  //   path: '/Platform/defectManagement/bugUpdate',
+  //   name: '更新Bug',
+  //   hidden: true,
+  //   component: () =>
+  //         import('@/views/Platform/bugManage/bugUpdate'),
+  //   meta: { title: '更新Bug' }
+  // },
   {
     path: '/Platform/useCasePage',
     name: '测试',

src/views/Platform/bugManage/bugindex.vue → src/views/projectManage/bugManage/bugindex.vue

@@ -178,188 +178,6 @@
       </el-row>
     </el-main>
     <createdBug v-if="modalShow" ref="createdBug" />
-    <el-drawer
-      style="margin-top: 80px;margin-left: 45%; width: 55%;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)"
-      :title="'BUG-' + bugQuery.id"
-      size="100%"
-      :visible.sync="drawer"
-      :modal="false"
-      :with-header="false"
-      :before-close="handleClose"
-      :show-close="true"
-      :wrapper-closable="false"
-    >
-      <div style="margin: 3%;">
-        <div class="Layout">
-          <span>
-            <span style="font-weight: 600; font-size: 22px; vertical-align: middle;">{{ 'BUG-' + bugQuery.id }}</span>
-            <el-dropdown placement="bottom" style="margin-left: 10px;">
-              <el-button size="mini" plain>
-                未开始<i class="el-icon-arrow-down el-icon--right" />
-              </el-button>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="createDialogVisible = true">新建需求</el-dropdown-item>
-                <el-dropdown-item>新建任务</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </span>
-          <span class="Layout" style="width: 100px;">
-            <el-dropdown placement="bottom">
-              <el-button size="mini" plain> ··· </el-button>
-              <el-dropdown-menu slot="dropdown" style="text-align: center;">
-                <el-dropdown-item @click.native="createDialogVisible = true">查看详情</el-dropdown-item>
-                <el-dropdown-item>删除</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-            <i class="el-icon-close" style="cursor: pointer;" @click="handleClose" />
-          </span>
-        </div>
-        <div style="margin: 3% 0%; font-weight: 600; font-size: 30px;">{{ bugQuery.bugName }}</div>
-        <div style="height: 570px; overflow:scroll;">
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />详情</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form label-position="left" label-width="100px" :model="bugQuery" style="display:flex;" class="forms">
-                <span style="flex:1;">
-                  <el-form-item label="所属任务:">{{ bugQuery.taskName }}</el-form-item>
-                  <el-form-item label="优先级:">{{ bugQuery.priorityName }}</el-form-item>
-                  <el-form-item label="所属模块:">{{ bugQuery.clientName }}</el-form-item>
-                  <el-form-item label="发现方式:">{{ bugQuery.discoveryMethodName }}</el-form-item>
-                  <el-form-item label="缺陷原因:">{{ bugQuery.reasomName }}</el-form-item>
-                  <el-form-item label="Reopen次数:">{{ bugQuery.reopenTimes }}</el-form-item>
-                </span>
-                <span style="flex:1;">
-                  <el-form-item label="端类型:">{{ bugQuery.platformTypeName }}</el-form-item>
-                  <el-form-item label="缺陷等级:">{{ bugQuery.priority }}</el-form-item>
-                  <el-form-item label="发现阶段:">{{ bugQuery.stageName }}</el-form-item>
-                  <el-form-item label="缺陷类型:">{{ bugQuery.bugTypeName }}</el-form-item>
-                  <el-form-item label="修复结果:">{{ bugQuery.repairResult }}</el-form-item>
-                </span>
-              </el-form>
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />客户端信息</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form label-position="left" label-width="100px" :model="bugQuery" class="Layout forms">
-                <span style="width:50%; margin-right: 3%;">
-                  <el-form-item label="客户端:">{{ bugQuery.appId }}</el-form-item>
-                  <el-form-item label="机型:">{{ bugQuery.osType }}</el-form-item>
-                  <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
-                </span>
-                <span style="width:50%; margin-left: 3%;">
-                  <el-form-item label="影响版本:">{{ bugQuery.discoveryMethodName }}</el-form-item>
-                  <el-form-item label="系统版本:">{{ bugQuery.sdkVerison }}</el-form-item>
-                  <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
-                </span>
-              </el-form>
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />用户信息</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
-                <el-form-item label="提报人:">{{ bugQuery.creator }}</el-form-item>
-                <el-form-item label="责任人">{{ bugQuery.assigner }}</el-form-item>
-                <el-form-item label="修复人">{{ bugQuery.currentHandler }}</el-form-item>
-              </el-form>
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />时间</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
-                <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
-                <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
-                <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
-              </el-form>
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />描述</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              {{ `If I knew it was the last time, I believe I wonldn't Say goodbye with smile. Although all of world is snowing，Although all migratory birds have followed to north. I am waiting for you here all the time until I am dead one day. I really don't know How many days that I can't sleep,only because of you. Come back，Come back to me！Please！` }}
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />附件</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col>
-              <el-upload
-                class="upload-demo"
-                action="http://star.xiaojukeji.com/upload/img.node"
-                :on-preview="handlePictureCardPreview"
-                :on-progress="progress"
-                :on-success="handleChange"
-                :file-list="fileList"
-                list-type="picture-card"
-              >
-                <el-button size="small" type="primary">上传附件</el-button>
-              </el-upload>
-              <el-dialog :visible.sync="dialogVisible">
-                <img width="100%" :src="dialogImageUrl" alt="">
-              </el-dialog>
-            </el-col>
-          </el-row>
-          <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />评论</div>
-          <el-row>
-            <el-col :span="24">
-              <el-divider style="color: #EEF0F5;" />
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <p v-show="commentShow" style="color:#9B9B9B">还没有评论，快来评论吧！</p>
-              <div v-for="(item, value) of commentTxt" :key="value" class="animated bounceInRight">
-                <span style="color: #333B4A; font-size:14px;margin-left:1%;">{{ item.commentInfo.name }}</span>
-                <span style="color: #9B9B9B; font-size:12px;margin-left:1%;">{{ item.commentInfo.gmtCreater }}</span>
-                <p style="color: #333B4A; font-size:14px;margin-left:2%;">{{ item.commentInfo.content }}</p>
-              </div>
-              <el-input
-                v-model="content"
-                rows="6"
-                type="textarea"
-                placeholder="请输入评论内容..."
-                show-word-limit
-              />
-              <p style="text-align: right;">
-                <el-button size="mini" type="primary" @click="comment(content)">发表评论</el-button>
-              </p>
-            </el-col>
-          </el-row>
-        </div>
-      </div>
-    </el-drawer>
-
   </el-container>
 </template>
 

src/views/projectManage/bugManage/file/drawerAge.vue

@@ -0,0 +1,208 @@
+<template>
+  <el-drawer
+    style="margin-top: 80px;margin-left: 45%; width: 55%;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)"
+    :title="'BUG-' + bugQuery.id"
+    size="100%"
+    :visible.sync="drawer"
+    :modal="false"
+    :with-header="false"
+    :before-close="handleClose"
+    :show-close="true"
+    :wrapper-closable="false"
+  >
+    <div style="margin: 3%;">
+      <div class="Layout">
+        <span>
+          <span style="font-weight: 600; font-size: 22px; vertical-align: middle;">{{ 'BUG-' + bugQuery.id }}</span>
+          <el-dropdown placement="bottom" style="margin-left: 10px;">
+            <el-button size="mini" plain>
+              未开始<i class="el-icon-arrow-down el-icon--right" />
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="createDialogVisible = true">新建需求</el-dropdown-item>
+              <el-dropdown-item>新建任务</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </span>
+        <span class="Layout" style="width: 100px;">
+          <el-dropdown placement="bottom">
+            <el-button size="mini" plain> ··· </el-button>
+            <el-dropdown-menu slot="dropdown" style="text-align: center;">
+              <el-dropdown-item @click.native="createDialogVisible = true">查看详情</el-dropdown-item>
+              <el-dropdown-item>删除</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <i class="el-icon-close" style="cursor: pointer;" @click="handleClose" />
+        </span>
+      </div>
+      <div style="margin: 3% 0%; font-weight: 600; font-size: 30px;">{{ bugQuery.bugName }}</div>
+      <div style="height: 570px; overflow:scroll;">
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />详情</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form label-position="left" label-width="100px" :model="bugQuery" style="display:flex;" class="forms">
+              <span style="flex:1;">
+                <el-form-item label="所属任务:">{{ bugQuery.taskName }}</el-form-item>
+                <el-form-item label="优先级:">{{ bugQuery.priorityName }}</el-form-item>
+                <el-form-item label="所属模块:">{{ bugQuery.clientName }}</el-form-item>
+                <el-form-item label="发现方式:">{{ bugQuery.discoveryMethodName }}</el-form-item>
+                <el-form-item label="缺陷原因:">{{ bugQuery.reasomName }}</el-form-item>
+                <el-form-item label="Reopen次数:">{{ bugQuery.reopenTimes }}</el-form-item>
+              </span>
+              <span style="flex:1;">
+                <el-form-item label="端类型:">{{ bugQuery.platformTypeName }}</el-form-item>
+                <el-form-item label="缺陷等级:">{{ bugQuery.priority }}</el-form-item>
+                <el-form-item label="发现阶段:">{{ bugQuery.stageName }}</el-form-item>
+                <el-form-item label="缺陷类型:">{{ bugQuery.bugTypeName }}</el-form-item>
+                <el-form-item label="修复结果:">{{ bugQuery.repairResult }}</el-form-item>
+              </span>
+            </el-form>
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />客户端信息</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form label-position="left" label-width="100px" :model="bugQuery" class="Layout forms">
+              <span style="width:50%; margin-right: 3%;">
+                <el-form-item label="客户端:">{{ bugQuery.appId }}</el-form-item>
+                <el-form-item label="机型:">{{ bugQuery.osType }}</el-form-item>
+                <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
+              </span>
+              <span style="width:50%; margin-left: 3%;">
+                <el-form-item label="影响版本:">{{ bugQuery.discoveryMethodName }}</el-form-item>
+                <el-form-item label="系统版本:">{{ bugQuery.sdkVerison }}</el-form-item>
+                <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
+              </span>
+            </el-form>
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />用户信息</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
+              <el-form-item label="提报人:">{{ bugQuery.creator }}</el-form-item>
+              <el-form-item label="责任人">{{ bugQuery.assigner }}</el-form-item>
+              <el-form-item label="修复人">{{ bugQuery.currentHandler }}</el-form-item>
+            </el-form>
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />时间</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
+              <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
+              <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
+              <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
+            </el-form>
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />描述</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            {{ `If I knew it was the last time, I believe I wonldn't Say goodbye with smile. Although all of world is snowing，Although all migratory birds have followed to north. I am waiting for you here all the time until I am dead one day. I really don't know How many days that I can't sleep,only because of you. Come back，Come back to me！Please！` }}
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />附件</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col>
+            <el-upload
+              class="upload-demo"
+              action="http://star.xiaojukeji.com/upload/img.node"
+              :on-preview="handlePictureCardPreview"
+              :on-progress="progress"
+              :on-success="handleChange"
+              :file-list="fileList"
+              list-type="picture-card"
+            >
+              <el-button size="small" type="primary">上传附件</el-button>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisible">
+              <img width="100%" :src="dialogImageUrl" alt="">
+            </el-dialog>
+          </el-col>
+        </el-row>
+        <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />评论</div>
+        <el-row>
+          <el-col :span="24">
+            <el-divider style="color: #EEF0F5;" />
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <p v-show="commentShow" style="color:#9B9B9B">还没有评论，快来评论吧！</p>
+            <div v-for="(item, value) of commentTxt" :key="value" class="animated bounceInRight">
+              <span style="color: #333B4A; font-size:14px;margin-left:1%;">{{ item.commentInfo.name }}</span>
+              <span style="color: #9B9B9B; font-size:12px;margin-left:1%;">{{ item.commentInfo.gmtCreater }}</span>
+              <p style="color: #333B4A; font-size:14px;margin-left:2%;">{{ item.commentInfo.content }}</p>
+            </div>
+            <el-input
+              v-model="content"
+              rows="6"
+              type="textarea"
+              placeholder="请输入评论内容..."
+              show-word-limit
+            />
+            <p style="text-align: right;">
+              <el-button size="mini" type="primary" @click="comment(content)">发表评论</el-button>
+            </p>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      drawer: false
+    }
+  },
+  methods: {
+    init(e) {
+      this.modalShow = true
+      if (e === 1) {
+        this.drawer = true
+      }
+      if (e === 2) {
+        this.drawer = false
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>