井筒优化

vue/src/views/wellinfo/index.vue

@@ -189,31 +189,39 @@
                     <th>最近采油日期：</th>
                     <td>{{ item.oil_prod_recent_date }}</td>
                   </tr>
-                  <tr>
+                  <tr v-if="showColumnType.includes('oil')">
                     <th>最近月产油量：</th>
-                    <td>{{ item.oil_prod_mon }}t</td>
+                    <td>
+                      {{item.oil_prod_mon == null ? "" : (item.oil_prod_mon + "t")}}
+                    </td>
                     <td colspan="2" rowspan="2">
                       <div style="height:25px">
                         <ChartCell :timeType="('month')" :dataType="('oil')" :wellId="item.well_id" :lineColor="('#E63038')"></ChartCell>
                       </div>
                     </td>
                   </tr>
-                  <tr>
+                  <tr v-if="showColumnType.includes('oil')">
                     <th>累产油量：</th>
-                    <td>{{ item.oil_prod_year }}t</td>
+                    <td>
+                      {{item.oil_prod_year == null ? "" : (item.oil_prod_year + "t")}}
+                    </td>
                   </tr>
-                  <tr>
+                  <tr v-if="showColumnType.includes('gas')">
                     <th>最近月产气量：</th>
-                    <td>{{ item.gas_prod_mon }}m³</td>
+                    <td>
+                      {{item.gas_prod_mon == null ? "" : (item.gas_prod_mon + "m³")}}
+                    </td>
                     <td colspan="2" rowspan="2">
                       <div style="height:25px">
                         <ChartCell :timeType="('month')" :dataType="('gas')" :wellId="item.well_id"></ChartCell>
                       </div>
                     </td>
                   </tr>
-                  <tr>
+                  <tr v-if="showColumnType.includes('gas')">
                     <th>累产气量：</th>
-                    <td>{{ item.gas_prod_year }}m³</td>
+                    <td>
+                      {{item.gas_prod_year == null ? "" : (item.gas_prod_year + "m³")}}
+                    </td>
                   </tr>
                 </table>
               </a-card>
@@ -753,7 +761,10 @@ export default defineComponent({
     margin-top: 5px;
   }
 }
-
+.ant-card-index:hover{
+  box-shadow: 3px 2px 10px #999;
+  opacity: 0.8;
+}
 .color_level1, .ant-table-tbody > tr > td.color_level1:hover {
 }