王子文 生产日报

ui/src/views/production/daily/index.vue

@@ -110,7 +110,7 @@
               <span v-if="!updating">{{reportData.nap}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.nap"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2">
+            <td class="no-border solid-line-top no-padding" rowspan="2">
               <!--<div class="triangle-right"></div>-->
             </td>
             <td class="bg-blue-light" rowspan="2">H2</td>
@@ -168,7 +168,9 @@
               <span v-if="!updating">{{reportData.c5}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.c5"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">ETHYLEN</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.ethylenYieldPercentage}}</span>
@@ -259,7 +261,9 @@
               <span v-if="!updating">{{reportData.c6C8Na}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.c6C8Na"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">Propylene</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.propyleneYieldPercentage}}</span>
@@ -345,7 +349,9 @@
               <span v-if="!updating">{{reportData.wisonEthane}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.wisonEthane"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light">C3 LPG</td>
             <td class="bg-yellow-light">
               <span v-if="!updating">{{reportData.c3LpgYieldPercentage}}</span>
@@ -415,7 +421,9 @@
               <span v-if="!updating">{{reportData.lpgToFurnace}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.lpgToFurnace"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">MixedC4'S</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.mixedC4sYieldPercentage}}</span>
@@ -496,7 +504,9 @@
               <span v-if="!updating">{{reportData.raff1FrBd}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.raff1FrBd"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">EBO</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.eboYieldPercentage}}</span>
@@ -552,7 +562,9 @@
               <span v-if="!updating">{{reportData.raff2FrIb}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.raff2FrIb"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">Naphthalene</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.naphthaleneYieldPercentage}}</span>
@@ -598,7 +610,9 @@
               <span v-if="!updating">{{reportData.raff3FrBd}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.raff3FrBd"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">PO/Flux Oil</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.poFluxOilYieldPercentage}}</span>
@@ -651,7 +665,9 @@
               <span v-if="!updating">{{reportData.raffinate2pFr2ph}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.raffinate2pFr2ph"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">Offags</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.offgasYieldPercentage}}</span>
@@ -732,7 +748,9 @@
               <span v-if="!updating">{{reportData.c2FrLdpe}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.c2FrLdpe"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">RPG</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.rpgYieldPercentage}}</span>
@@ -787,7 +805,9 @@
               <span v-if="!updating">{{reportData.c3FrOxo}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.c3FrOxo"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">Methane</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.methaneYieldPercentage}}</span>
@@ -832,7 +852,9 @@
               <span v-if="!updating">{{reportData.mixedC3C4}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.mixedC3C4"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light" rowspan="2">Residue oil</td>
             <td class="bg-yellow-light" rowspan="2">
               <span v-if="!updating">{{reportData.residueOilYieldPercentage}}</span>
@@ -869,7 +891,9 @@
               <span v-if="!updating">{{reportData.aeuBenzeneChange}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.aeuBenzeneChange"/>
             </td>
-            <td class="no-border solid-line-bottom" colspan="3" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-yellow-light">
               <span v-if="!updating">{{reportData.aeuTolueneToYpc}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.aeuTolueneToYpc"/>
@@ -884,7 +908,9 @@
               <span v-if="!updating">{{reportData.hyC9}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.hyC9"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="no-border" colspan="10"></td>
             <td class="no-border solid-line-bottom"></td>
             <td class="bg-blue-light" rowspan="2">Toluene</td>
@@ -927,7 +953,9 @@
               <span v-if="!updating">{{reportData.pguOffgas}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.pguOffgas"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="no-border" colspan="7"></td>
             <td class="no-border bg-yellow">t/h</td>
             <td class="no-border bg-yellow">
@@ -978,7 +1006,9 @@
               <span v-if="!updating">{{reportData.washOil}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.washOil"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="no-border" colspan="5"></td>
             <td class="bg-blue-light">Produced</td>
             <td class="bg-blue-light">Change</td>
@@ -1040,7 +1070,9 @@
               <span v-if="!updating">{{reportData.toluene}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.toluene"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-blue-light">RPG</td>
             <td class="no-border solid-line-bottom">
               <span v-if="!updating">{{reportData.rpgToPgu2}}</span>
@@ -1093,7 +1125,9 @@
               <span v-if="!updating">{{reportData.hyC4FrR800}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.hyC4FrR800"/>
             </td>
-            <td class="no-border solid-line-top" rowspan="2"></td>
+            <td class="no-border solid-line-top no-padding" rowspan="2">
+              <!--<div class="triangle-right"></div>-->
+            </td>
             <td class="bg-yellow-light">
               <span v-if="!updating">{{reportData.pguRpg2}}</span>
               <el-input v-if="updating" size="mini" v-model="reportData.pguRpg2"/>
@@ -4630,6 +4664,9 @@ export default {
 </script>
 
 <style scoped>
+  .no-padding{
+    padding:0px;
+  }
   .triangle-top{
     height:8px;
     width:8px;
@@ -4645,9 +4682,10 @@ export default {
     border-style:solid;
     border-width:8px;
     display:inline-block;
+    float:right;
     position:relative;
-    top:-27px;
-    left:25px;
+    right:-8px;
+    top:-24px;
   }
   .triangle-bottom{
     height:8px;