From 78d117860baff2bc0acbe11480a66fc9dc8703a2 Mon Sep 17 00:00:00 2001
From: “zhuo” <“zhuo@itcast.cn”>
Date: 星期四, 10 八月 2023 18:01:42 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.110.209:9001/r/lims-before

---
 src/views/experiment/nonConformingFeedback/index.vue |  197 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 194 insertions(+), 3 deletions(-)

diff --git a/src/views/experiment/nonConformingFeedback/index.vue b/src/views/experiment/nonConformingFeedback/index.vue
index 90dfebc..2c58565 100644
--- a/src/views/experiment/nonConformingFeedback/index.vue
+++ b/src/views/experiment/nonConformingFeedback/index.vue
@@ -1,16 +1,207 @@
 <template>
-  <div>
-
-      涓嶇鍚堝搧璇勫
+  <div class="content-main">
+    <div class="top-bar">
+      <el-form ref="form" style="width: 1000px;" :inline="true">
+        <!-- <el-input v-model="input" class="input-form" placeholder="璇风洿鎺ヨ緭鍏ユ牱寮忕紪鍙�/鏍峰搧鍚嶇О/鍨嬪彿瑙勬牸/杩涜鎼滅储鎴栦笅鎷夐�夋嫨杩涜缁勫悎鏌ヨ"
+            @keyup.enter.native="getData" /> -->
+        <el-form-item style="width: 800px;">
+          <el-col style="display: flex; justify-content: space-around;" :span="8">
+            <el-row>鏍峰紡缂栧彿:</el-row>
+            <el-row><el-input size="small" v-model="materialCode" placeholder="璇疯緭鍏ユ牱寮忕紪鍙�"></el-input></el-row>
+          </el-col>
+          <el-col style="display: flex; justify-content: space-around;" :span="8">
+            <el-row>鏍峰紡鍚嶇О:</el-row>
+            <el-row><el-input size="small" v-model="materialName" placeholder="璇疯緭鍏ユ牱寮忓悕绉�"></el-input></el-row>
+          </el-col>
+          <el-col style="display: flex; justify-content: space-around;" :span="8">
+            <el-row>鐢宠鍗曞彿:</el-row>
+            <el-row><el-input size="small" v-model="inspectionCode" placeholder="璇疯緭鍏ョ敵璇峰崟鍙�"></el-input></el-row>
+          </el-col>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="small" @click="getData()">鏌ヨ</el-button>
+          <el-button type="primary" size="small" plain @click="resetData()">閲嶇疆</el-button>
+          <el-dropdown style="margin-left: 7px;">
+            <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-item>鐙瓙澶�</el-dropdown-item>
+              <el-dropdown-item>铻鸿洺绮�</el-dropdown-item>
+              <el-dropdown-item disabled>鍙岀毊濂�</el-dropdown-item>
+              <el-dropdown-item divided>铓典粩鐓�</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </el-form-item>
+      </el-form>
+      <el-form>
+        <el-button size="40" type="primary">鎵归噺鎻愪氦</el-button>
+      </el-form>
+    </div>
+    <div class="library-table">
+      <div class="table-box">
+        <el-table ref="tableData" :max-height="800" :cell-style="{ textAlign: 'center' }"
+          :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
+          :data="tableData" style="width: 100%">
+          <el-table-column type="selection" label="" min-width="5%" />
+          <el-table-column  label="鏍峰搧缂栧彿" min-width="10%">
+            <template slot-scope="scope">
+              <a style="color: #3894d1;">{{ scope.row.materialCode }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column prop="materialName" label="鏍峰搧鍚嶇О" min-width="10%" />
+          <el-table-column label="鐢宠鍗曞彿" min-width="10%" >
+            <template slot-scope="scope">
+              <a style="color: #3894d1;">{{ scope.row.inspectionCode }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column prop="createTime" label="鐧昏鏃ユ湡" min-width="10%" />
+          <el-table-column prop="testManager" label="妫�楠岃礋璐d汉" min-width="10%" />
+          <el-table-column prop="specifications" label="瑙勬牸鍨嬪彿" min-width="10%" />
+          <el-table-column prop="inspectionStatus" label="缁撹" min-width="10%">
+            <template slot-scope="scope">
+              <el-tag type="danger">涓嶅悎鏍�</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="鎿嶄綔" min-width="8%">
+            <template slot-scope="scope">
+              <el-button type="text" size="small">鎿嶄綔</el-button>
+              <el-button type="text" size="small">浣滃簾</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- 鍒嗛〉鍣� -->
+        <div>
+          <el-pagination :current-page="page" :page-sizes="[10, 20, 30, 40]" :page-size="pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" />
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { get, post } from '@/api/util/requestUtil';
+import urlInfo from '../../../api/urlEnum/nonConformanceReview.js'
 export default {
+  data() {
+    return {
+      input: '',
+      tableData: [],
+      page: 1,
+      total: 0,
+      pageSize: 10,
+      materialCode: null,
+      materialName: null,
+      inspectionCode: null
+    }
+  },
+  created() {
 
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    handleCurrentChange() {
+      this.getData();
+    },
+    handleSizeChange() {
+
+    },
+    exportData() {
+
+    },
+    // 閲嶇疆鎸夐挳
+    resetData() {
+      this.page = 1
+      this.pageSize = 10
+      this.materialCode=null
+      this.materialName=null
+      this.inspectionCode=null
+      this.getData()
+    },
+    async getData() {
+      let param = {
+        "currentPage": this.page,
+        'pageNum': this.pageSize,
+        "inspectionCode": this.inspectionCode,
+        "materialCode": this.materialCode,
+        "materialName": this.materialName
+      }
+      let res = await get(urlInfo.url.getNonConformanceReview, param)
+      this.tableData = res.data.nonConformanceReviewList
+      this.total = res.data.total
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+.top-bar {
+  margin: -25px -15px;
+  background: #fff;
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 24px 0px 24px;
 
+  .input-form {
+    width: 800px;
+  }
+
+  .el-dropdown-link {
+    cursor: pointer;
+    color: #409EFF !important;
+  }
+
+  .el-icon-arrow-down {
+    font-size: 12px !important;
+  }
+
+
+}
+
+.library-table {
+  background-color: #fff;
+  flex: 1;
+  margin: 0px -15px;
+  margin-top: 40px;
+  display: flex;
+  flex-direction: column;
+
+  .table-header {
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+
+    .el-form-item {
+      margin-bottom: 30px !important;
+    }
+  }
+
+  .table-box {
+    padding: 0px 20px;
+    margin-top: 20px;
+    flex: 1;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+
+    >div:nth-child(2) {
+      display: flex;
+      justify-content: end;
+      margin: 10px 0;
+    }
+
+  }
+}
+</style>
+<style >
+.content-main {
+  .el-form .el-form-item .el-form-item__content {
+    width: 100% !important;
+  }
+}
 </style>

--
Gitblit v1.9.3