From 5eb1499c02ac96f5d58fabfd17e36103d35a675c Mon Sep 17 00:00:00 2001 From: Fixiaobai <fixiaobai@163.com> Date: 星期四, 07 九月 2023 14:01:26 +0800 Subject: [PATCH] modified: src/views/experiment/nonConformingFeedback/index.vue modified: src/views/experiment/planAssignments/plan.vue modified: src/views/login/index.vue modified: src/views/standardLibrary/index.vue --- src/views/experiment/nonConformingFeedback/index.vue | 178 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 176 insertions(+), 2 deletions(-) diff --git a/src/views/experiment/nonConformingFeedback/index.vue b/src/views/experiment/nonConformingFeedback/index.vue index 6733e19..e89b8a9 100644 --- a/src/views/experiment/nonConformingFeedback/index.vue +++ b/src/views/experiment/nonConformingFeedback/index.vue @@ -1,13 +1,187 @@ <template> - <div>涓嶅悎鏍煎弽棣�</div> + <div class="content-main"> + <div class="top-bar"> + <el-form ref="form" style="width: 100%;margin-top: 10px;" :inline="true"> + <el-form-item label="鏍峰紡缂栧彿锛�"> + <el-input size="small" v-model="materialCode" placeholder="璇疯緭鍏ユ牱寮忕紪鍙�"></el-input> + </el-form-item> + <el-form-item label="鏍峰紡鍚嶇О锛�"> + <el-input size="small" v-model="materialName" placeholder="璇疯緭鍏ユ牱寮忓悕绉�"></el-input> + </el-form-item> + <el-form-item label="鐢宠鍗曞彿锛�"> + <el-row><el-input size="small" v-model="inspectionCode" placeholder="璇疯緭鍏ョ敵璇峰崟鍙�"></el-input></el-row> + </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 style="margin-top: 10px;"> + <el-button size="small" 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: 'left' }" + :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'left' }" + :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> - +.content-main { + .el-form .el-form-item .el-form-item__content { + width: 100% !important; + } + .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> -- Gitblit v1.9.3