优化准出报告服务端

src/views/Platform/presentation/Acceptance.vue

@@ -53,24 +53,20 @@
       </div>
 
       <div class="backStyle" style="margin-bottom:2%;">二. 项目背景</div>
-      <div id="editorElem" class="toolbar" />
-      <div id="editorElem1" class="text" />
+      <normal-area id="clients-children-projectBackground" :value.sync="clienEdit.projectBackground" :height="200" />
 
       <div class="backStyle">三. 模块信息</div>
       <div class="titStyle" style="margin: 20px 0;">1、模块信息</div>
 
-      <div id="editorElems" class="toolbar" />
-      <div id="editorElems1" class="text" />
+      <normal-area id="clients-children-moduleInfo" :value.sync="clienEdit.moduleInfo" :height="200" />
 
       <div class="titStyle" style="margin: 20px 0;">2、本期功能</div>
 
-      <div id="editorFrom" class="toolbar" />
-      <div id="editorFrom1" class="text" />
+      <normal-area id="clients-children-functionInfo" :value.sync="clienEdit.functionInfo" :height="200" />
 
       <div class="titStyle" style="margin: 20px 0;">3、风险点</div>
 
-      <div id="editorF" class="toolbar" />
-      <div id="editorF1" class="text" />
+      <normal-area id="clients-children-onlineRisk" :value.sync="clienEdit.onlineRisk" :height="200" />  
 
       <div class="titStyle" style="margin: 20px 0;">4、缺陷分析</div>
 
@@ -121,8 +117,7 @@
         </div>
       </div>
 
-      <div id="editorEl" class="toolbar" />
-      <div id="editorEl1" class="text" />
+      <normal-area id="clients-children-fctInfo" :value.sync="clienEdit.fctInfo" :height="200" />
 
       <div class="titStyle BJIsize">
         <el-form-item style="flex:1; ">2、可靠性测试</el-form-item>
@@ -133,8 +128,7 @@
         </div>
       </div>
 
-      <div id="editorEle" class="toolbar" />
-      <div id="editorEle1" class="text" />
+      <normal-area id="clients-children-rqtInfo" :value.sync="clienEdit.rqtInfo" :height="200" /> 
 
       <div class="titStyle BJIsize">
         <el-form-item style="flex:1; ">3、稳定性测试</el-form-item>
@@ -145,8 +139,7 @@
         </div>
       </div>
 
-      <div id="editorSix" class="toolbar" />
-      <div id="editorSix1" class="text" />
+      <normal-area id="clients-children-pftInfo" :value.sync="clienEdit.pftInfo" :height="200" /> 
 
       <div class="titStyle BJIsize">
         <el-form-item style="flex:1; ">4、安全性测试</el-form-item>
@@ -156,9 +149,7 @@
           <el-tag :type="safeResultChange2" size="small" effect="dark" class="tag" @click="safeResultradio(2)"> 测试未通过 </el-tag>
         </div>
       </div>
-
-      <div id="editorEight" class="toolbar" />
-      <div id="editorEight1" class="text" />
+        <normal-area id="clients-children-safeResultInfo" :value.sync="clienEdit.safeResultInfo" :height="200" /> 
 
       <div class="titStyle BJIsize">
         <el-form-item style="flex:1; ">5、线上监控</el-form-item>
@@ -168,8 +159,7 @@
           <el-tag :type="moniterResultChange2" size="small" effect="dark" class="tag" @click="moniterResultradio(2)"> 测试未通过 </el-tag>
         </div>
       </div>
-      <div id="editorNine" class="toolbar" />
-      <div id="editorNine1" class="text" />
+        <normal-area id="clients-children-moniterResultInfo" :value.sync="clienEdit.moniterResultInfo" :height="200" /> 
     </el-form>
   </div>
 </template>
@@ -177,8 +167,12 @@
 <script>
 import { projectTestReportUpdate, projectTestReportCreate, bugFinishList } from '@/api/ResultPage'
 import E from 'wangeditor'
+import normalArea from '@/components/input/normalArea'
 export default {
   name: 'Acceptance',
+  components: {
+    normalArea
+  },
   props: {
     clienData: {
       type: Object,
@@ -221,9 +215,7 @@ export default {
         taskLateReason: [{ required: true, message: '延期原因不能为空', trigger: 'change' }],
         smokeTestResult: [{ required: true, message: '准入结果不能为空', trigger: 'change' }],
         developer: [{ required: true, message: '开发人员不能为空', trigger: 'change' }],
-        // devTimeEnd: [{ required: true, message: '开发周期不能为空', trigger: 'change' }],
         tester: [{ required: true, message: '测试人员不能为空', trigger: 'change' }]
-        // testTimeEnd: [{ required: true, message: '测试周期不能为空', trigger: 'change' }]
       },
       showData: false,
       showDelay: false,
@@ -233,15 +225,17 @@ export default {
       value: '',
       status: '',
       ClientData: {},
-      editorElem: '',
-      editorElems: '',
-      editorFrom: '',
-      editorF: '',
-      editorEl: '',
-      editorEle: '',
-      editorSix: '',
-      editorEight: '',
-      editorNine: '',
+      clienEdit: {
+        projectBackground: '',
+        moduleInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7" width="100%"><colgroup><col width="20%"><col width="20%"></colgroup><thead><tr><th>提测模块</th><th>提测分支</th></tr></thead><tbody><tr><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td></tr></tbody></table>`,
+        functionInfo: '',
+        onlineRisk: '',
+        fctInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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>`,
+        rqtInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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>`,
+        pftInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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>`,
+        safeResultInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7"  width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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>`,
+        moniterResultInfo: `<p></p><table border="1" style="border: 1px solid #DEE2E7" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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>`
+     },
       tableData: [],
       fctResult: '',
       rqtResult: '',
@@ -255,87 +249,21 @@ export default {
   created() {
     this.getRouterData()
   },
-  mounted() {
-    this.editorElem = new E('#editorElem', '#editorElem1')
-    this.editorElems = new E('#editorElems', '#editorElems1')
-    this.editorFrom = new E('#editorFrom', '#editorFrom1')
-    this.editorF = new E('#editorF', '#editorF1')
-    this.editorEl = new E('#editorEl', '#editorEl1')
-    this.editorEle = new E('#editorEle', '#editorEle1')
-    this.editorSix = new E('#editorSix', '#editorSix1')
-    this.editorEight = new E('#editorEight', '#editorEight1')
-    this.editorNine = new E('#editorNine', '#editorNine1')
-
-    this.editorElem.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorElems.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorFrom.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorF.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorEl.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorEle.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorSix.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorEight.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-    this.editorNine.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table']
-
-    this.editorElem.customConfig.zIndex = 110
-    this.editorElems.customConfig.zIndex = 110
-    this.editorFrom.customConfig.zIndex = 110
-    this.editorF.customConfig.zIndex = 110
-    this.editorEl.customConfig.zIndex = 110
-    this.editorEle.customConfig.zIndex = 110
-    this.editorSix.customConfig.zIndex = 110
-    this.editorEight.customConfig.zIndex = 110
-    this.editorNine.customConfig.zIndex = 110
-
-    this.editorElem.customConfig.onchange = (html) => { this.editorElem = html }
-    this.editorElem.create()
-
-    this.editorElems.customConfig.onchange = (html) => { this.editorElems = html }
-    this.editorElems.create()
-
-    this.editorFrom.customConfig.onchange = (html) => { this.editorFrom = html }
-    this.editorFrom.create()
-
-    this.editorF.customConfig.onchange = (html) => { this.editorF = html }
-    this.editorF.create()
-
-    this.editorEl.customConfig.onchange = (html) => { this.editorEl = html }
-    this.editorEl.create()
-
-    this.editorEle.customConfig.onchange = (html) => { this.editorEle = html }
-    this.editorEle.create()
-
-    this.editorSix.customConfig.onchange = (html) => { this.editorSix = html }
-    this.editorSix.create()
-
-    this.editorEight.customConfig.onchange = (html) => { this.editorEight = html }
-    this.editorEight.create()
-
-    this.editorNine.customConfig.onchange = (html) => { this.editorNine = html }
-    this.editorNine.create()
-
-    this.editorElem.txt.html(``)
-    this.editorElems.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"></colgroup><thead><tr><th>提测模块</th><th>提测分支</th></tr></thead><tbody><tr><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td></tr></tbody></table><p></p>`)
-    this.editorEl.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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><p></p>`)
-    this.editorEle.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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><p></p>`)
-    this.editorSix.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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><p></p>`)
-    this.editorEight.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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><p></p>`)
-    this.editorNine.txt.html(`<p></p><table style="border-radius:4px;" width="100%"><colgroup><col width="20%"><col width="20%"><col width="20%"><col width="20%"></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><p></p>`)
-  },
   methods: {
     getRouterData() {
       this.getBugData(this.clienData)
       console.log(this.clienData, '准出服务端')
       this.ClientData = this.clienData
       this.$nextTick(() => {
-        this.ClientData.projectBackground !== null ? this.editorElem.txt.html(this.ClientData.projectBackground) : ''
-        this.ClientData.moduleInfo !== null ? this.editorElems.txt.html(this.ClientData.moduleInfo) : ''
-        this.ClientData.functionInfo !== null ? this.editorFrom.txt.html(this.ClientData.functionInfo) : ''
-        this.ClientData.onlineRisk !== null ? this.editorF.txt.html(this.ClientData.onlineRisk) : ''
-        this.ClientData.rqtInfo !== null ? this.editorEle.txt.html(this.ClientData.rqtInfo) : ''
-        this.ClientData.fctInfo !== null ? this.editorEl.txt.html(this.ClientData.fctInfo) : ''
-        this.ClientData.pftInfo !== null ? this.editorSix.txt.html(this.ClientData.pftInfo) : ''
-        this.ClientData.safeResultInfo !== null ? this.editorEight.txt.html(this.ClientData.safeResultInfo) : ''
-        this.ClientData.moniterResultInfo !== null ? this.editorNine.txt.html(this.ClientData.moniterResultInfo) : ''
+        this.clienEdit.projectBackground = this.ClientData.projectBackground || this.clienEdit.projectBackground
+        this.clienEdit.moduleInfo = this.ClientData.moduleInfo || this.clienEdit.moduleInfo
+        this.clienEdit.functionInfo = this.ClientData.functionInfo || this.clienEdit.functionInfo
+        this.clienEdit.onlineRisk = this.ClientData.onlineRisk || this.clienEdit.onlineRisk
+        this.clienEdit.fctInfo = this.ClientData.fctInfo || this.clienEdit.fctInfo
+        this.clienEdit.rqtInfo = this.ClientData.rqtInfo || this.clienEdit.rqtInfo
+        this.clienEdit.pftInfo = this.ClientData.pftInfo || this.clienEdit.pftInfo
+        this.clienEdit.safeResultInfo = this.ClientData.safeResultInfo || this.clienEdit.safeResultInfo
+        this.clienEdit.moniterResultInfo = this.ClientData.moniterResultInfo || this.clienEdit.moniterResultInfo
       })
       if (this.ClientData.status === 1) {
         this.tagBtn = 'success'
@@ -480,15 +408,15 @@ export default {
       this.$refs['ClientData'].validate((valid) => {
         if (valid) {
           this.ClientData = ele
-          typeof (this.editorElem) === 'string' ? this.ClientData.projectBackground = this.editorElem : ''
-          typeof (this.editorElems) === 'string' ? this.ClientData.moduleInfo = this.editorElems : ''
-          typeof (this.editorFrom) === 'string' ? this.ClientData.functionInfo = this.editorFrom : ''
-          typeof (this.editorF) === 'string' ? this.ClientData.onlineRisk = this.editorF : ''
-          typeof (this.editorEle) === 'string' ? this.ClientData.rqtInfo = this.editorEle : ''
-          typeof (this.editorEl) === 'string' ? this.ClientData.fctInfo = this.editorEl : ''
-          typeof (this.editorSix) === 'string' ? this.ClientData.pftInfo = this.editorSix : ''
-          typeof (this.editorEight) === 'string' ? this.ClientData.safeResultInfo = this.editorEight : ''
-          typeof (this.editorNine) === 'string' ? this.ClientData.moniterResultInfo = this.editorNine : ''
+          this.ClientData.projectBackground = this.clienEdit.projectBackground
+          this.ClientData.moduleInfo = this.clienEdit.moduleInfo
+          this.ClientData.functionInfo = this.clienEdit.functionInfo
+          this.ClientData.onlineRisk = this.clienEdit.onlineRisk
+          this.ClientData.fctInfo = this.clienEdit.fctInfo
+          this.ClientData.rqtInfo = this.clienEdit.rqtInfo
+          this.ClientData.pftInfo = this.clienEdit.pftInfo
+          this.ClientData.safeResultInfo = this.clienEdit.safeResultInfo
+          this.ClientData.moniterResultInfo = this.clienEdit.moniterResultInfo
           this.ClientData.fctResult = this.fctResult
           this.ClientData.rqtResult = this.rqtResult
           this.ClientData.pftResult = this.pftResult
@@ -525,15 +453,15 @@ export default {
       this.$refs['ClientData'].validate((valid) => {
         if (valid) {
           this.ClientData = ele
-          typeof (this.editorElem) === 'string' ? this.ClientData.projectBackground = this.editorElem : ''
-          typeof (this.editorElems) === 'string' ? this.ClientData.moduleInfo = this.editorElems : ''
-          typeof (this.editorFrom) === 'string' ? this.ClientData.functionInfo = this.editorFrom : ''
-          typeof (this.editorF) === 'string' ? this.ClientData.onlineRisk = this.editorF : ''
-          typeof (this.editorEle) === 'string' ? this.ClientData.rqtInfo = this.editorEle : ''
-          typeof (this.editorEl) === 'string' ? this.ClientData.fctInfo = this.editorEl : ''
-          typeof (this.editorSix) === 'string' ? this.ClientData.pftInfo = this.editorSix : ''
-          typeof (this.editorEight) === 'string' ? this.ClientData.safeResultInfo = this.editorEight : ''
-          typeof (this.editorNine) === 'string' ? this.ClientData.moniterResultInfo = this.editorNine : ''
+          this.ClientData.projectBackground = this.clienEdit.projectBackground
+          this.ClientData.moduleInfo = this.clienEdit.moduleInfo
+          this.ClientData.functionInfo = this.clienEdit.functionInfo
+          this.ClientData.onlineRisk = this.clienEdit.onlineRisk
+          this.ClientData.fctInfo = this.clienEdit.fctInfo
+          this.ClientData.rqtInfo = this.clienEdit.rqtInfo
+          this.ClientData.pftInfo = this.clienEdit.pftInfo
+          this.ClientData.safeResultInfo = this.clienEdit.safeResultInfo
+          this.ClientData.moniterResultInfo = this.clienEdit.moniterResultInfo
           this.$route.query.id ? this.ClientData.taskId = this.$route.query.id : ''
           this.ClientData.bizId = Number(localStorage.getItem('bizId'))
           this.ClientData.taskIds = this.Tsk

src/views/Platform/presentation/ClientAcceptance.vue

@@ -182,9 +182,7 @@ export default {
   watch: {
     clienData: {
       handler(newV, old) {
-        console.log(newV, '结果')
         if (newV.id) {
-          alert(1)
           this.getRouterData()
         }
         this.bugNum = { type: 2, taskIds: newV.taskIds }
@@ -193,9 +191,6 @@ export default {
       immediate: true
     }
   },
-  created() {
-    this.getRouterData()
-  },
   methods: {
     getRouterData() {
       this.ClientData = this.clienData