修改报告详情基本信息样式

src/views/home/components/echarts/components/report.vue

@@ -62,7 +62,7 @@ export default {
         }).catch(error => {
           data = []
         })
-      }
+      
       this.reportType.forEach((item,index) => {
         var obj = data.find(i=>{
           return i.value == item.value
@@ -75,6 +75,7 @@ export default {
         }
       });
       this.initChart()
+      }
     },
     initChart() {
       const chartDom = this.$refs.reportEcharts;

src/views/report/components/details/components/basicMessage.vue

@@ -6,10 +6,10 @@
           <template>
             <div>
               <el-form-item v-if="form.reportType == 3" label="标的产品：" prop="signPatentNo">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'signPatentNo' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'signPatentNo' })"></div>
               </el-form-item>
               <el-form-item v-else label="标的专利：" prop="signPatentNo">
-                <div class="box">
+                <div class="box1">
                   <el-link type="primary" @click="$commonJS.checkPatentDetails(form.signPatentNo,projectId)">
                     <span v-html="$commonJS.getColumnData(form, { type: 'String', value: 'signPatentNo' })"></span>
                   </el-link>
@@ -22,7 +22,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报告名称：" prop="name">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'name' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'name' })"></div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -31,51 +31,51 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="案件编号：">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'caseNumber' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'caseNumber' })"></div>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="无效宣告请求人：">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'invalidApplication' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'invalidApplication' })"></div>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
               <el-form-item label="发文序号：">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'issueNumber' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'issueNumber' })"></div>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="发明创造名称：">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'inventionName' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'inventionName' })"></div>
               </el-form-item>
             </el-col>
           </el-row>
         </div>
       </template>
       <el-form-item label="是否完成：">
-        <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'status' })==3?'是':'否'"></div>
+        <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'status' })==3?'是':'否'"></div>
       </el-form-item>
       <template v-if="form.status == 3">
         <div>
           <el-form-item label="核心结论：">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'cronNames' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'cronNames' })"></div>
           </el-form-item>
           <el-form-item label="结论论述：">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'cronDescription' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'cronDescription' })"></div>
           </el-form-item>
         </div>
       </template>
       <el-row>
         <el-col :span="12">
           <el-form-item label="承担部门：" prop="departmentId">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'departmentName' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'departmentName' })"></div>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="负责人：" prop="headId">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'headName' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'headName' })"></div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -84,31 +84,31 @@
           <template>
             <div>
               <el-form-item label="委托方：" prop="entrustId" v-if="userinfo.tenantType == 1">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'entrustName' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'entrustName' })"></div>
               </el-form-item>
               <el-form-item label="委托部门：" prop="departmentId" v-else>
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'departmentName' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'departmentName' })"></div>
               </el-form-item>
             </div>
           </template>
         </el-col>
         <el-col :span="12">
           <el-form-item label="卷号：" prop="volumeNumber">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'volumeNumber' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'volumeNumber' })"></div>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="产品/技术：">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'productOrTech' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'productOrTech' })"></div>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="关联报告：">
-            <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'associateReportName' })"></div>
+            <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'associateReportName' })"></div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -117,14 +117,14 @@
           <el-row>
             <el-col :span="24">
               <el-form-item label="事件：">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'eventNames' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'eventNames' })"></div>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="24">
               <el-form-item label="调查类型：" prop="matterIds">
-                <div class="box" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'matterNames' })"></div>
+                <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'Array', value: 'matterNames' })"></div>
               </el-form-item>
             </el-col>
           </el-row>
@@ -133,7 +133,7 @@
       <el-form-item label="附件：">
         <!-- <myUpload :file-list="form.systemFileList" @on-change="onchangeFile" @on-remove="onRemove" style="height: 180px;"
           :autoUpload="true"></myUpload> -->
-          <div class="box">
+          <div class="box1">
             <div v-for="item in form.systemFileList" style="display:flex;align-items:center" :key="item.guid">
               <div style="margin-right:20px">{{ item.originalName }}</div>
                 <my-menu :data="item" :deleted="false"></my-menu>
@@ -141,7 +141,7 @@
           </div>
       </el-form-item>
       <el-form-item label="备注：" prop="description">
-        <div class="box" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'description' })"></div>
+        <div class="box1" v-html="$commonJS.getColumnData(form, { type: 'String', value: 'description' })"></div>
       </el-form-item>
     </el-form>
 
@@ -221,7 +221,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.box{
+.box1{
     // border: 2px solid var(--color1);
     // border-radius: 5px;
     padding: 0px 10px;