1

monkeyhouyi
1 parent eb9b5842
Showing 4 changed files with 49 additions and 43 deletions
src/assets/style/common.scss
src/views/baseCaseHandling/Form.vue
src/views/baseInspectionReport/Form.vue
src/views/baseSystemInfo/DetailForm.vue
@@ -66,10 +66,10 @@ a {
 .form-item {
   display: flex;
   justify-content: flex-start;
-  align-items: center;
-  flex-direction: row;
+  align-items: flex-start;
   color: #000;
   line-height: 30px;
+  flex-direction: row;
   .label {
     color: #757678;
     text-align: right;
@@ -77,6 +77,12 @@ a {
     &.w-100 {
       width: 100px;
     }
+    &.w-120 {
+      width: 120px;
+    }
+  }
+  .text {
+    flex: 1;
   }
 }
@@ -118,35 +118,35 @@
     </el-row>
     <el-row v-if="isDetail">
           <el-col class="form-item">
-            <div class="label">案件名称：</div>
+            <div class="label w-120">案件名称：</div>
             <div class="text">{{ dataForm.systemNameStr || '--' }}</div>
           </el-col>
           <el-col class="form-item">
-            <div class="label">运营主体：</div>
+            <div class="label w-120">运营主体：</div>
             <div class="text">{{ dataForm.registeredEntityStr || '--' }}</div>
           </el-col>
           <el-col class="form-item">
-            <div class="label">应用类别：</div>
+            <div class="label w-120">应用类别：</div>
             <div class="text">{{ dataForm.category || '--' }}</div>
           </el-col>
           <el-col class="form-item">
-            <div class="label">备案号：</div>
+            <div class="label w-120">备案号：</div>
             <div class="text">{{ dataForm.recordNumber || '--' }}</div>
           </el-col>
           <el-col class="form-item">
-            <div class="label">所属区县：</div>
+            <div class="label w-120">所属区县：</div>
             <div class="text">{{ areaOptions.find(item => item.id == dataForm.districtCounty).fullName }}</div>
           </el-col>
           <el-col class="form-item">
-            <div class="label">违法原因：</div>
+            <div class="label w-120">违法原因：</div>
             <p class="text">{{ dataForm.illegalReasons || '--' }}</p>
           </el-col>
           <el-col class="form-item">
-            <div class="label">处罚要求：</div>
+            <div class="label w-120">处罚要求：</div>
             <p class="text">{{ dataForm.punishmentRequirements || '--' }}</p>
           </el-col>
           <el-col class="form-item">
-            <div class="label">处罚内容：</div>
+            <div class="label w-120">处罚内容：</div>
             <p class="text">{{ dataForm.punishmentContent || '--' }}</p>
           </el-col>
     </el-row>
@@ -133,47 +133,47 @@
     </el-row>
     <el-row v-else>
       <el-col class="form-item">
-        <div class="label">问题来源：</div>
+        <div class="label w-120">问题来源：</div>
         <div class="text">{{ sourceOptions.find(v => v.Id == dataForm.reportSource).FullName || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">应用名称：</div>
+        <div class="label w-120">应用名称：</div>
         <div class="text">{{ dataForm.platformNameStr || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">运营主体：</div>
+        <div class="label w-120">运营主体：</div>
         <div class="text">{{ dataForm.companyStr || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">应用类型：</div>
+        <div class="label w-120">应用类型：</div>
         <div class="text">{{ dataForm.platformTypeStr || '--' }}</div>
       </el-col>
       <el-col class="form-item" v-if="dataForm.platformType == '580634746028033285'">
-        <div class="label">归属平台：</div>
+        <div class="label w-120">归属平台：</div>
         <div class="text">{{ dataForm.selfMediaPlatformType || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">问题类型：</div>
+        <div class="label w-120">问题类型：</div>
         <div class="text">{{ dataForm.questionType || '--' }}</div>
       </el-col>
       <el-col class="form-item" v-show="dataForm.questionType == '错误表述'">
-        <div class="label">正确描述：</div>
+        <div class="label w-120">正确描述：</div>
         <div class="text">{{ dataForm.accurateDescription || '--' }}</div>
       </el-col>
       <el-col class="form-item" v-show="dataForm.questionType == '错误表述'">
-        <div class="label">错误描述：</div>
+        <div class="label w-120">错误描述：</div>
         <div class="text">{{ dataForm.incorrectDescription || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">问题内容：</div>
+        <div class="label w-120">问题内容：</div>
         <div class="text">{{ dataForm.questionContent || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">关键词：</div>
+        <div class="label w-120">关键词：</div>
         <div class="text">{{ dataForm.questionClass || '--' }}</div>
       </el-col>
       <el-col class="form-item">
-        <div class="label">附件：</div>
+        <div class="label w-120">附件：</div>
         <NCC-UploadFz v-model="dataForm.annex" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
       </el-col>
     </el-row>
@@ -14,13 +14,13 @@
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">运营主体:</div>
-                    {{ dataForm.companyName || "--" }}
+                    <p class="text">{{ dataForm.companyName || '--' }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">应用类型:</div>
-                    {{ dataForm.systemType | dynamicTextUP(systemTypeOptions) }}
+                    <p class="text">{{ dataForm.systemType | dynamicTextUP(systemTypeOptions) }}</p>
                 </div>
             </el-col>
             <template
@@ -32,68 +32,68 @@
               <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">特殊备案类型:</div>
-                    {{ dataForm.specialRecordType || "--" }}
+                    <p class="text">{{ dataForm.specialRecordType || "--" }}</p>
                 </div>
               </el-col>
               <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">特殊备案内容:</div>
-                    {{ dataForm.specialRecordContent || "--" }}
+                    <p class="text">{{ dataForm.specialRecordContent || "--" }}</p>
                 </div>
               </el-col>
               <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">特殊备案号:</div>
-                    {{ dataForm.specialRecordNumber || "--" }}
+                    <p class="text">{{ dataForm.specialRecordNumber || "--" }}</p>
                 </div>
               </el-col>
               <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">特殊备案时间:</div>
-                    {{ ncc.dateFormat(dataForm.specialRecordTime, 'YYYY-MM-DD HH:mm:ss') || "--" }}
+                    <p class="text">{{ ncc.dateFormat(dataForm.specialRecordTime, 'YYYY-MM-DD HH:mm:ss') || "--" }}</p>
                 </div>
               </el-col>
             </template>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">应用名称:</div>
-                    {{ dataForm.systemName || "--" }}
+                    <p class="text">{{ dataForm.systemName || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">应用分类:</div>
-                    {{ dataForm.systemClass | dynamicTextClassName(systemClassOptions) }}
+                    <p class="text">{{ dataForm.systemClass | dynamicTextClassName(systemClassOptions) }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">备案许可证:</div>
-                    {{ dataForm.recordLicense || "--" }}
+                    <p class="text">{{ dataForm.recordLicense || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">归属平台:</div>
-                    {{ dataForm.platform || "--" }}
+                    <p class="text">{{ dataForm.platform || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">域名:</div>
-                    {{ dataForm.domain || "--" }}
+                    <p class="text">{{ dataForm.domain || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">下载量:</div>
-                    {{ dataForm.systemDownloadVolume || "--" }}
+                    <p class="text">{{ dataForm.systemDownloadVolume || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">版本:</div>
-                    {{ dataForm.version || "--" }}
+                    <p class="text">{{ dataForm.version || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
@@ -111,7 +111,7 @@
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">办公地址:</div>
-                    {{ dataForm.officeAddress || "--" }}
+                    <p class="text">{{ dataForm.officeAddress || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
@@ -128,43 +128,43 @@
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">运营主体名称:</div>
-                    {{ companyForm.companyName || "--" }}
+                    <p class="text">{{ companyForm.companyName || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
-                    <div class="label w-100">社会信用代:</div>
-                    {{ companyForm.socialCreditAgency || "--" }}
+                  <div class="label w-100">社会信用代:</div>
+                  <p class="text">{{ companyForm.socialCreditAgency || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">运营主体法人:</div>
-                    {{ companyForm.legalPerson || "--" }}
+                    <p class="text">{{ companyForm.legalPerson || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">运营主体地址:</div>
-                    {{ companyForm.address || "--" }}
+                    <p class="text">{{ companyForm.address || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">联系人:</div>
-                    {{ companyForm.contactUser || "--" }}
+                    <p class="text">{{ companyForm.contactUser || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">联系方式:</div>
-                    {{ companyForm.contactPhone || "--" }}
+                    <p class="text">{{ companyForm.contactPhone || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">
                 <div class="form-item">
                     <div class="label w-100">所属区县:</div>
-                    {{ companyForm.areaName || "--" }}
+                    <p class="text">{{ companyForm.areaName || "--" }}</p>
                 </div>
             </el-col>
             <el-col :span="24">