日报测试

package.json

@@ -20,6 +20,7 @@
     "element-ui": "^2.9.1",
     "file-saver": "^2.0.2",
     "html2canvas": "^1.0.0-rc.3",
+    "jodit": "^3.2.58",
     "js-cookie": "2.2.0",
     "jspdf": "^1.5.3",
     "normalize.css": "7.0.0",

src/api/caseProject.js

@@ -122,3 +122,13 @@ export function settingQueryModuleInfoListData(data) {
     data
   })
 }
+
+// 测试计划管理
+
+export function queryTestPlanTree(data) {
+  return request({
+    url: mockUrl + '/case/queryTestPlanTree',
+    method: 'post',
+    data
+  })
+}

src/layout/components/Navbar.vue

@@ -98,7 +98,7 @@ export default {
     bizchnage(ele) {
       Utils.$emit('demo', ele)
       localStorage.setItem('key', ele)
-      // window.location.reload()
+      window.location.reload()
     }
   }
 }

src/router/index.js

@@ -180,7 +180,7 @@ export const constantRoutes = [
           {
             path: 'testPageData',
             name: '测试计划管理',
-            hidden: true,
+            // hidden: true,
             component: () => import('@/views/Platform/presentation/testPage.vue'),
             meta: { title: '测试计划管理' }
           },

src/views/Platform/presentation/DailyNewsAdded.vue

@@ -44,6 +44,7 @@
             </div>
           </el-col> -->
         <!-- </el-row> -->
+        <div id="editor" name="editor" style="width:50px;" />
 
         <div class="backStyle">一. 进度和风险</div>
         <div id="projectProgress" class="toolbar" />
@@ -75,16 +76,16 @@
           <div style="flex: 1;"><el-button @click="open(fromCreateData)"> 取 消 </el-button></div>
         </dir>
       </el-form>
-
     </div>
   </div>
 </template>
-
+<script src="//cdnjs.cloudflare.com/ajax/libs/jodit/3.1.92/jodit.min.js"></script>
 <script>
 import E from 'wangeditor'
 import echarts from 'echarts'
-
+import Jodit from 'jodit'
 import { dailyReportCreate, dailyReportUpdate, bugDailyList } from '@/api/testPresentetion'
+
 export default {
   name: 'DailyNewsAdded',
   data() {
@@ -138,6 +139,18 @@ export default {
     this.getRouterData()
   },
   mounted() {
+    this.editor = new Jodit('#editor', {
+    "uploader": {
+    "insertImageAsBase64URI": true
+  },
+  "spellcheck": false,
+  "language": "Auto",
+  "toolbarSticky": false,
+  "showCharsCounter": false,
+  "showWordsCounter": false,
+  "showXPathInStatusbar": false
+    })
+    this.editor.value = '<br><h2>一. 进度和风险</h2><br><p>1,项目整体进度</p><br><br><p>2,项目风险与问题</p><br><table width="100%"><colgroup><col width="8%"><col width="8%"><col width="8%"><col width="8%"></colgroup><thead><tr><th>风险等级</th><th>风险项</th><th>当前状态</th><th>跟进人</th></tr></thead><tbody><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><br><h2>二. 测试情况</h2><br><p>1,测试进展</p><br><table width="100%"><colgroup><col width="8%"><col width="8%"><col width="8%"><col width="8%"><col width="8%"><col width="8%"><col width="8%"></colgroup><thead><tr><th>标题1</th><th>标题2</th><th>标题3</th><th>标题4</th><th>标题5</th><th>标题6</th><th>标题7</th></tr></thead><tbody><tr><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><br><p>2,测试说明</p><br><br>'
     this.TestProgress = new E('#TestProgress', '#TestProgress1')
     this.projectProgress = new E('#projectProgress', '#projectProgress1')
 
@@ -167,7 +180,6 @@ export default {
         this.pro = this.$route.query.data
       }
       if (this.$route.query.state1) { // 项目主页面新建
-        console.log(this.$route.query.state1)
         this.fromCreateData = {}
         this.showButton1 = false
         this.showButton = true
@@ -240,6 +252,7 @@ export default {
 
     // 新建bug提交
     getCreateData(ele) {
+       console.log(this.editor)
       this.$refs['fromCreateData'].validate((valid) => {
         if (valid) {
           this.fromCreateData = ele
@@ -352,12 +365,8 @@ export default {
     }
     .time_line{
     position: absolute;
-    /* z-index: 1; */
-    /* left: 0; */
-    /* top: 100px; */
     height: 2px;
     background: #ccc;
-    /* transition: transform 0.4s; */
     }
     .order_item{
     position: absolute;
@@ -390,3 +399,8 @@ export default {
     width: 100%;
     }
 </style>
+
+<style>
+  /*引入css 样式文件*/
+  @import './build/jodit.min.css';
+</style>

src/views/Platform/presentation/testPage.vue

@@ -19,7 +19,17 @@
                 <span slot-scope="{ node, data }" style="width:100%;" class="custom-tree-node" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
                   <span :title="data.label" class="span_el" @dblclick="dblclick(data)">{{ node.label }}</span>
                   <el-input v-if="data.que" ref="get_Input" v-model="node_Name.name" size="mini" @blur="queryNodeName(node_Name.name, data)">输入框</el-input>
-                  <el-button v-show="data.del" type="text" size="mini" icon="el-icon-delete" @click="() => remove(node, data)" />
+                  <el-dropdown style="margin-left:10px" trigger="click">
+                    <span class="el-dropdown-link">
+                      ···<i class="el-icon-arrow-down el-icon--right" />
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item>黄金糕</el-dropdown-item>
+                      <el-dropdown-item>狮子头</el-dropdown-item>
+                      <el-dropdown-item>螺蛳粉</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                  <!-- <el-button v-show="data.del" type="text" size="mini" icon="el-icon-delete" @click="() => remove(node, data)" /> -->
                 </span>
               </el-tree>
               <el-input v-if="Folder_Show" ref="input1" v-model="add_Folder" size="mini" placeholder="新建文件夹" @blur="hide_input(add_Folder)" />
@@ -166,8 +176,7 @@
 </template>
 
 <script>
-import { projectGetNameMap } from '@/api/testCaseProject.js'
-import { queryCasesData, createCaseData, updateCaseData, deleteCaseData, settingQueryModuleInfoListData, caseUpdateFolderName, createFolderData, deleteFolderData } from '@/api/caseProject.js'
+import { queryCasesData, createCaseData, updateCaseData, deleteCaseData, settingQueryModuleInfoListData, caseUpdateFolderName, createFolderData, deleteFolderData, queryTestPlanTree } from '@/api/caseProject.js'
 export default {
   name: 'TestCaseProject',
   data() {
@@ -226,16 +235,16 @@ export default {
   },
   methods: {
     AllQueryFolderData() {
-      projectGetNameMap({}).then(res => {
+      queryTestPlanTree({ bizId: localStorage.getItem('key') }).then(res => {
         for (var a of res.data) {
+          var arr = []
           for (var b of a.taskNameMapList) {
             var num = {}
-            var arr = []
             num.label = b.taskName
             num.id = b.id
             arr.push(num)
           }
-          this.data1.push({ id: a.id, label: a.projectName, children: num })
+          this.data1.push({ bizId: a.bizId, id: a.id, label: a.projectName, children: arr })
         }
       })
     },