钎焊高亮、修改

src/views/pro-steps/components/zhiyin.vue

@@ -17,6 +17,7 @@
         :data="tableData"
         style="margin-bottom: 20px"
         class="tableView1"
+        :row-style="rowStyle"
         border
       >
         <el-table-column type="index" label="序号" align="center" />
@@ -68,7 +69,7 @@
 import { useProcessStore } from "@/store";
 import {operationBrazeQuery, processBrazePage, processBrazeUpdate} from '@/api/braze'
 const proStore = useProcessStore();
-const selectBraze = ref(null)
+const selectBraze = ref([])
 const brazeOption = ref([])
 const baseUrl = import.meta.env.VITE_APP_UPLOAD_URL;
 const getBrazeOption = () => {
@@ -80,9 +81,15 @@ getBrazeOption()
 
 const tableData = ref([])
 const handleSelectChange = (brazeId) => {
+  console.log()
+  imageUrl.value = brazeOption.value.find(item => item.id == brazeId).filePath
   const data = {
     brazeId,
     processId: proStore.scanInfo.id,
+    orders: [{
+      column: 'created',
+      isAsc: true
+    }]
   }
   processBrazePage(data).then(res => {
     tableData.value = res.data.records
@@ -97,15 +104,19 @@ const toFinish = async (row) => {
   ElMessage.success('操作成功');
   handleSelectChange(selectBraze.value)
 }
-
+const highLight = ref(null)
 const imageUrl = ref("")
 watch(tableData, () => {
-  imageUrl.value = ""
   const data = tableData.value.find(item => item.state == 0)
-  imageUrl.value = data ? data.viewPath : ''
-  console.log(imageUrl.value)
+  highLight.value = data ? data.id : ''
 })
-
+const rowStyle = (data) => {
+  if(highLight.value == data.row.id) {
+    return {
+      backgroundColor: '#00eeff'
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>