修改文档库详情的显示方式

jero-web/src/views/documentManage/library/docDetail/index.vue

@@ -51,11 +51,15 @@
                 {{val}}
               </div>
               <div class="content-text" v-if="val == $t('essentialInformation')">
-                <div class="text-field" :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false}"
+                <div class="text-field"
+                     :class="{'text-content-button-one':ol.field_show_type == 8 ? true :false,
+                     'text-content-button-Two':index1 == 1 || index1 == 9? true:false}"
                      v-for="(ol,index1) in item[val]">
                   <span v-if="ol.field_show_type == 10" class="text-field-left-Index" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
                   <span v-else class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
-                  <span class="text-field-right text-field-right-color" v-if="ol.urlClick" @click="urlClick(ol)"
+                  <span class="text-field-right text-field-right-text" v-if="index1 == 9"
+                        :title="ol.value">{{ol.value ? ol.value+'的时间更好的付款就给和看景点风光和的空间古典风格' : '--'}}</span>
+                  <span class="text-field-right text-field-right-color" v-else-if="ol.urlClick" @click="urlClick(ol)"
                         :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
                   <span class="text-field-right" v-else-if="ol.field_show_type == 7">
                      <a-button type="primary" class="button-text"
@@ -809,7 +813,6 @@
             overflow: hidden;
             margin-right: 6px;
             float: left;
-            margin-top: 3px;
           }
 
           .text-field-right {
@@ -825,6 +828,39 @@
             font-weight: bold;
           }
         }
+
+        .text-content-button-Two {
+          width: 67%;
+
+          .text-field-left {
+            width: 114px;
+            display: inline-block;
+            font-size: 14px;
+            font-weight: 400;
+            color: #6F7385;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            margin-right: 6px;
+            float: left;
+          }
+
+          .text-field-right {
+            width: calc(100% - 130px);
+            display: inline-block;
+            font-size: 14px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            word-break: break-word;
+            overflow: hidden;
+            float: left;
+            color: #040B29;
+            font-weight: bold;
+          }
+          .text-field-right-text{
+            width: calc(50% - 140px);
+          }
+        }
       }
     }
   }