From 95fda13c28cb664a57336dd2e01d5b41ec4f717f Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 25 八月 2023 12:57:19 +0800
Subject: [PATCH] 查看详情页

---
 src/views/experiment/checkTheReport/index.vue |   84 ++++++++++++++++++++++++++++-------------
 1 files changed, 57 insertions(+), 27 deletions(-)

diff --git a/src/views/experiment/checkTheReport/index.vue b/src/views/experiment/checkTheReport/index.vue
index 5183a0c..a127c10 100644
--- a/src/views/experiment/checkTheReport/index.vue
+++ b/src/views/experiment/checkTheReport/index.vue
@@ -1,34 +1,36 @@
 <template>
   <div class="content-main">
     <div class="top-bar">
-      <el-form ref="form" :inline="true">
-        <el-form-item class="sermargin">
+      <el-form ref="form" :inline="true" :model="searchData" label-position="left">
+        <el-form-item label="鏍峰搧缂栧彿:">
           <el-input
-            v-model="input"
+            v-model="searchData.sample_code"
             class="input-form"
-            placeholder="璇风洿鎺ヨ緭鍏ユ牱寮忕紪鍙�/鎶ュ憡鍗曞彿/鏍峰搧缂栧彿/杩涜鎼滅储鎴栦笅鎷夐�夋嫨杩涜缁勫悎鏌ヨ"
+            placeholder="璇疯緭鍏ユ牱鍝佺紪鍙�"
             @keyup.enter.native="getData"
+          />
+        </el-form-item>
+        <el-form-item label="鎶ュ憡鍗曞彿:">
+          <el-input
+            v-model="searchData.reportCode"
+            class="input-form"
+            placeholder="璇疯緭鍏ユ姤鍛婂崟鍙�"
+          />
+        </el-form-item>
+        <el-form-item label="鐢宠鍗曞彿:">
+          <el-input
+            v-model="searchData.application_code"
+            class="input-form"
+            placeholder="璇疯緭鍏ョ敵璇峰崟鍙�"
           />
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getData()">鏌ヨ</el-button>
           <el-button type="primary" plain @click="resetData()">閲嶇疆</el-button>
         </el-form-item>
-        <el-dropdown>
-          <span class="el-dropdown-link">
-            楂樼骇鎼滅储<i class="el-icon-arrow-down el-icon--right"></i>
-          </span>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item>楂樼骇鎼滅储</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
       </el-form>
       <el-form>
-        <el-button
-          class="rightBtn"
-          type="primary"
-          icon="el-icon-document"
-          @click="exportData"
+        <el-button class="rightBtn" type="primary" icon="el-icon-document"
           >瀵煎嚭鎶ュ憡</el-button
         >
       </el-form>
@@ -40,7 +42,8 @@
             <el-radio-button>鍏ㄩ儴</el-radio-button>
             <el-radio-button label="0">寰呮彁浜�</el-radio-button>
             <el-radio-button label="1">寰呭鏍�</el-radio-button>
-            <el-radio-button label="2">宸插鏍�</el-radio-button>
+            <el-radio-button label="2">寰呯瀛�</el-radio-button>
+            <el-radio-button label="3">宸插畬鎴�</el-radio-button>
           </el-radio-group>
 
           <el-checkbox v-model="checked" style="margin-left: 20px"
@@ -70,23 +73,41 @@
             label="鏍峰搧缂栧彿"
             sortable
             min-width="10%"
-          />
+          >
+            <template slot-scope="scope">
+              <span style="color: #409eff;">
+                  {{ scope.row.materialCode }}
+              </span>
+            </template></el-table-column
+          >
           <el-table-column
-            prop="reportCode"
+            prop="materialCode"
             label="鎶ュ憡鍗曞彿"
             sortable
             min-width="10%"
-          />
+          >
+            <template slot-scope="scope">
+              <span style="color: #409eff;">
+                  {{ scope.row.materialCode }}
+              </span>
+            </template></el-table-column
+          >
           <el-table-column
             prop="inspectionCode"
             label="鐢宠鍗曞彿"
             sortable
             min-width="10%"
-          />
+          >
+            <template slot-scope="scope">
+              <span style="color: #409eff;">
+                  {{ scope.row.inspectionCode }}
+              </span>
+            </template></el-table-column
+          >
           <el-table-column prop="approver" label="瀹℃壒浜�" min-width="8%">
             <template slot-scope="scope">
               <span>
-                <el-tag type="info" icon="el-icon-user">
+                <el-tag v-if="scope.row.approver!=null && scope.row.approver!=''" type="info" icon="el-icon-user">
                   <i class="el-icon-user">{{ scope.row.approver }}</i>
                 </el-tag>
               </span>
@@ -151,7 +172,11 @@
 export default {
   data() {
     return {
-      input: "",
+      searchData:{
+        sample_code:'',
+        reportCode:'',
+        application_code: ''
+      },
       checkStatus: undefined,
       reportTable: [],
       page: 1,
@@ -182,7 +207,11 @@
     },
     // 閲嶇疆鎸夐挳
     resetData() {
-      this.input = undefined;
+      this.searchData={
+        sample_code:'',
+        reportCode:'',
+        application_code: ''
+      },
       this.page = 1;
       this.pageSize = 10;
       this.checkStatus = undefined;
@@ -193,7 +222,7 @@
       const params = {
         page: this.page,
         pageSize: this.pageSize,
-        name: this.input ? this.input : undefined,
+        name: this.searchData.sample_code ? this.searchData.sample_code : undefined,
         status: this.checkStatus ? this.checkStatus : undefined,
       };
       const { data } = await selectAllReport(params);
@@ -212,7 +241,8 @@
   justify-content: space-between;
   padding: 5px 24px 0px 24px;
   .input-form {
-    width: 700px;
+    width: 250px;
+    margin-right: 30px;
   }
   .el-dropdown-link {
     cursor: pointer;

--
Gitblit v1.9.3