领域检索优化

vue/src/components/basic/es-result/cycle-view.vue

@@ -1,17 +1,17 @@
 <template>
   <div>
-    <div class="search-title">生命周期  井号：留70-175X    井名：录井</div>
+    <div class="search-title">生命周期</div>
     <div class="search-view">
       <div class="search-view-cycle">
-        <div v-for="(it,index) in data" class="search-view-cycle-body">
+        <div v-for="(it,index) in dataList" class="search-view-cycle-body">
           <div :class="it.state>1?'search-view-cycle-box search-view-cycle-box-active':'search-view-cycle-box search-view-cycle-box-normal'">
             <div class="search-view-cycle-top">
               <p v-if="index==0" class="search-view-cycle-line-hide">&nbsp;</p>
               <p v-else :class="it.state>1?'search-view-cycle-line-active':'search-view-cycle-line'">&nbsp;</p>
               <p v-if="it.state==3" class="search-view-cycle-num-over">✓</p>
               <p v-else class="search-view-cycle-num">{{index+1}}</p>
-              <p v-if="index==data.length-1" class="search-view-cycle-line-hide">&nbsp;</p>
-              <p v-else :class="data[index+1].state>1?'search-view-cycle-line-active':'search-view-cycle-line'">&nbsp;</p>
+              <p v-if="index==dataList.length-1" class="search-view-cycle-line-hide">&nbsp;</p>
+              <p v-else :class="dataList[index+1].state>1?'search-view-cycle-line-active':'search-view-cycle-line'">&nbsp;</p>
             </div>
             <div>{{it.node}}</div>
             <div>开始时间：</div>
@@ -31,10 +31,12 @@ export default defineComponent({
   components: {},
   props: {
     kid: String,
+    data: Object,
   },
   setup(props) {
     console.log(props);
-    const data = ref([{node:'钻井',state:3,starTime:'2017-10-01 12:00'},
+    const data = props.data;
+    const dataList = ref([{node:'钻井',state:3,starTime:'2017-10-01 12:00'},
       {node:'录井',state:3,starTime:'2017-10-02 12:00'},
       {node:'测井',state:2,starTime:'2017-10-03 13:00'},
       {node:'试油',state:1,starTime:'2017-10-04 14:00'},
@@ -42,7 +44,7 @@ export default defineComponent({
       {node:'结果',state:1,starTime:'2017-10-06 16:00'}]);
 
     return {
-      data
+      data,dataList
     };
   }
 });

vue/src/components/basic/es-result/list-view.vue

@@ -3,7 +3,7 @@
     <div class="search-title">{{ title }}</div>
     <div class="search-view">
       <a-table :columns="columns" :data-source="data" :scroll="{ x:'1500', y: 300 }"
-               :pagination="false" @resizeColumn="handleResizeColumn"
+               :pagination="false" @resizeColumn="handleResizeColumn" :rowClassName = "rowClassName"
                bordered>
         <template #bodyCell="{ column, record }">
             <div v-html="record[column.key]"></div>
@@ -42,8 +42,12 @@ export default defineComponent({
     fieldData.filter(it=>it.isDisplay==1).forEach(it=>{
       columns.value.push({title: it.fieldName, dataIndex: it.fieldCode, key: it.fieldCode, resizable: true, width: 120},)
     })
+    const rowClassName = (record,index) => {
+      console.log(record);
+      return index % 2 === 0 ? 'even' : 'odd';
+    }
     return {
-      columns, data, title,
+      columns, data, title,rowClassName,
       handleResizeColumn: (w, col) => {
         col.width = w;
       }

vue/src/views/esdomain/result.vue

@@ -475,4 +475,11 @@ export default defineComponent({
     line-height: 25px;
   }
 }
+.even {
+  background-color: #f2f2f2;
+}
+
+.odd {
+  background-color: #ffffff;
+}
 </style>