样式处理。

components/page/filed.vue

 <template>
   <Col :span="span" class="filed-col">
-    <div v-text="name" class="label"></div>
-    <p>
+    <div class="label">
+      <label  v-text="name"></label>
+    </div>
+    <div class="value">
       <slot></slot>
-    </p>
+    </div>
   </Col>
 </template>
 <script>
@@ -34,34 +36,38 @@ export default {
       border: 1px solid #ddd;
       border-right: none;
       margin: 0 -1px -1px -1px;
-      box-sizing: border-box;
+      // box-sizing: border-box;
       display: flex;
       flex-direction: row;
       line-height: 40px;
-      .label {
+      >.label {
         background: #f7f7f7;
-        display: inline-block;
+        flex-grow: 0;
         width: 110px;
         text-align: right;
         padding: 0 10px 0 0;
         border-right: 1px solid #ddd;
+        flex-shrink: 0;
       }
-      p {
+      >.value {
         word-break: break-all;
         word-wrap: break-word;
         flex-grow: 1;
         padding-left: 10px;
+        >div{
+          line-height: 30px;
+        }
       }
     }
-    .ivu-col-span-24 {
-      .label {
-        height: 100%;
-        padding: 0.5% 5px;
-      }
-      p {
-        padding-top: 1%;
-      }
-    }
+    // .ivu-col-span-24 {
+    //   .label {
+    //     height: 100%;
+    //     padding: 0 5px;
+    //   }
+    //   .value {
+    //     padding-top: 2px;
+    //   }
+    // }
   }
 }
 .new_detail {

pages/technology/details/routinghcorder/add.vue

@@ -79,7 +79,7 @@
         </Col>
         <Col span="24">
           <FormItem :label="l('afterChangeContent')" prop="afterChangeContent">
-            <i-quill v-model="entity.afterChangeContent" :height="200" border v-paste="handleImg" />
+            <i-quill v-model="entity.afterChangeContent" :height="200" border v-paste="handleImg1" />
           </FormItem>
         </Col>
 
@@ -235,24 +235,45 @@ export default {
     },
     handleImg(e) {
       console.warn(e);
-      //   let file = null
-      //   if (
-      //     e.clipboardData &&
-      //     e.clipboardData.items[0] &&
-      //     e.clipboardData.items[0].type &&
-      //     e.clipboardData.items[0].type.indexOf('image') > -1
-      //   ) {
-      //     //这里就是判断是否有粘贴进来的文件且文件为图片格式
-      //     file = e.clipboardData.items[0].getAsFile()
-      //     let reader = new FileReader()
-      //     reader.readAsDataURL(file)
-      //     setTimeout(() => {
-      //       var img = '<img src="' + reader.result + '" alt=""/>'
-      //       this.bugForm.content += img
-      //     }, 1000)
+        let file = null
+        if (
+          e.clipboardData &&
+          e.clipboardData.items[0] &&
+          e.clipboardData.items[0].type &&
+          e.clipboardData.items[0].type.indexOf('image') > -1
+        ) {
+          //这里就是判断是否有粘贴进来的文件且文件为图片格式
+          file = e.clipboardData.items[0].getAsFile()
+          let reader = new FileReader()
+          reader.readAsDataURL(file)
+          setTimeout(() => {
+            var img = '<img src="' + reader.result + '" alt=""/>'
+            this.entity.beforeChangeContent += img
+          }, 1000)
 
-      //     // new R
-      //   }
+          // new R
+        }
+    },
+     handleImg1(e) {
+      console.warn(e);
+        let file = null
+        if (
+          e.clipboardData &&
+          e.clipboardData.items[0] &&
+          e.clipboardData.items[0].type &&
+          e.clipboardData.items[0].type.indexOf('image') > -1
+        ) {
+          //这里就是判断是否有粘贴进来的文件且文件为图片格式
+          file = e.clipboardData.items[0].getAsFile()
+          let reader = new FileReader()
+          reader.readAsDataURL(file)
+          setTimeout(() => {
+            var img = '<img src="' + reader.result + '" alt=""/>'
+            this.entity.afterChangeContent += img
+          }, 1000)
+
+          // new R
+        }
     },
     departChange(v,items)
     {

pages/technology/details/routinghcorder/detail.vue

 <template>
   <div class="detail">
     <Row>
-      <Filed :span="12" :name="l('routingHeaderId')">{{entity.routingHeaderId}}</Filed>
+      <!-- <Filed :span="12" :name="l('routingHeaderId')">{{entity.routingHeaderId}}</Filed>
       <Filed :span="12" :name="l('classId')">{{entity.classId}}</Filed>
       <Filed :span="12" :name="l('proposeUserId')">{{entity.proposeUserId}}</Filed>
       <Filed :span="12" :name="l('proposeUserName')">{{entity.proposeUserName}}</Filed>
-      <Filed :span="12" :name="l('departmentId')">{{entity.departmentId}}</Filed>
+      <Filed :span="12" :name="l('departmentId')">{{entity.departmentId}}</Filed> -->
       <Filed :span="12" :name="l('departmentName')">{{entity.departmentName}}</Filed>
       <Filed :span="12" :name="l('technicalName')">{{entity.technicalName}}</Filed>
       <Filed :span="12" :name="l('technicalCode')">{{entity.technicalCode}}</Filed>
@@ -13,18 +13,24 @@
       <Filed :span="12" :name="l('quantity')">{{entity.quantity}}</Filed>
       <Filed :span="12" :name="l('printData')">{{entity.printData}}</Filed>
       <Filed :span="12" :name="l('executiveBranch')">{{entity.executiveBranch}}</Filed>
-      <Filed :span="12" :name="l('executiveBranchId')">{{entity.executiveBranchId}}</Filed>
-      <Filed :span="12" :name="l('handlingOpinionsId')">{{entity.handlingOpinionsId}}</Filed>
+      <!-- <Filed :span="12" :name="l('executiveBranchId')">{{entity.executiveBranchId}}</Filed> -->
+      <!-- <Filed :span="12" :name="l('handlingOpinionsId')">{{entity.handlingOpinionsId}}</Filed> -->
       <Filed :span="12" :name="l('handlingOpinions')">{{entity.handlingOpinions}}</Filed>
-      <Filed :span="12" :name="l('beforeChangeContent')">{{entity.beforeChangeContent}}</Filed>
-      <Filed :span="12" :name="l('afterChangeContent')">{{entity.afterChangeContent}}</Filed>
+      <Filed :span="24" :name="l('beforeChangeContent')">
+        <div v-html="entity.beforeChangeContent"></div>
+       </Filed>
+      <Filed :span="24" :name="l('afterChangeContent')">
+         <div v-html="entity.afterChangeContent"></div>
+      </Filed>
       <Filed :span="12" :name="l('changeorderCode')">{{entity.changeorderCode}}</Filed>
       <Filed :span="24" :name="l('changeReason')">{{entity.changeReason}}</Filed>
       <Filed :span="12" :name="l('effectiveDate')">{{entity.effectiveDate}}</Filed>
       <Filed :span="12" :name="l('checkPerson')">{{entity.checkPerson}}</Filed>
       <Filed :span="12" :name="l('approvalPerson')">{{entity.approvalPerson}}</Filed>
-      <Filed :span="12" :name="l('status')">{{entity.status}}</Filed>
-      <Filed :span="24" :name="l('note')">{{entity.note}}</Filed>
+      <Filed :span="12" :name="l('status')">
+        <State code="unProduct.repairstatus"  :value="entity.status"/>
+       </Filed>
+      <!-- <Filed :span="24" :name="l('note')">{{entity.note}}</Filed> -->
     </Row>
   </div>
 </template>