report

src/components/report/Report.vue

@@ -15,7 +15,7 @@
             <el-radio label="项目用例报告" name="type"></el-radio>
             <el-radio label="其他" name="type"></el-radio>
           </el-radio-group>
-          <span v-if="!isModifyMode" class="badge">{{report.type}}</span>
+          <span v-if="!isModifyMode" class="badge">{{serviceType[report.type]}}</span>
         </el-form-item>
         <el-form-item label="摘要" prop="abstract">
           <div>
@@ -88,6 +88,7 @@
 <script>
 import Http from '@/js/http.js'
 import Apis from '@/js/api.js'
+import ServiceType from  '@/constants/enum/service-type'
 
 export default {
   name: 'Report-Create',
@@ -96,16 +97,8 @@ export default {
     return {
       reportId: 0,
       isModifyMode: false,
-      report: {
-        name: '测试报告1',
-        abstract: {
-          target: '测试对象xxxx',
-          content: '测试内容xxxxx'
-        },
-        file: [{name: 'report5', url: 'report5.excel'}],
-        type: '项目测试方案',
-        conclusion: 'app挺好'
-      },
+      serviceType:ServiceType,
+      report: {},
       rules: {
         name: [
           {required: true, message: '请输入报告名称', trigger: 'blur'}
@@ -135,20 +128,10 @@ export default {
   methods: {
     init () {
       this.reportId = +this.$route.params.reportId
+      this.loadData()
     },
     modifyForm () {
       this.isModifyMode = true
-      //请求 report
-      // this.report = {
-      //   name: "测试报告1",
-      //   abstract: {
-      //     target: "测试对象xxxx",
-      //     content: "测试内容xxxxx"
-      //   },
-      //   file: [{ name: "report5", url: "report5.excel" }],
-      //   type: "项目测试方案",
-      //   conclusion: "app挺好"
-      // };
     },
     submitForm (formName) {
       this.$refs[formName].validate(valid => {