| | |
| | | <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 type="date" style="width: 130px;" v-model="materialCode" placeholder="è¯·éæ©è°æ¥æ¥æ"></el-input></el-row> |
| | | <el-row><el-input type="date" style="width: 130px;" v-model="surveyDate" 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 style="width: 130px;" v-model="materialName" placeholder="è¯·éæ©å½å
¥æ¥æ"></el-input></el-row> |
| | | <el-row><el-input style="width: 130px;" v-model="entryDate" placeholder="è¯·éæ©å½å
¥æ¥æ"></el-input></el-row> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | <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 type="index" label="åºå·" min-width="5%"> |
| | | <template slot-scope="scope"> |
| | | <el-checkbox v-model="id" value="scope.row.id" ></el-checkbox> |
| | | </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="æ£éªè´è´£äºº" 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 prop="surveyDate" label="è°æ¥æ¥æ" min-width="10%"/> |
| | | <el-table-column prop="userUnit" label="客æ·åä½åç§°" min-width="10%" /> |
| | | <el-table-column prop="projectName" label="项ç®åç§°" min-width="10%" /> |
| | | <el-table-column prop="fillName" label="填表人å§å" min-width="10%" /> |
| | | <el-table-column prop="dateInfo" label="æ¥æ" min-width="10%" /> |
| | | <el-table-column prop="post" label="èä½" min-width="10%" /> |
| | | <el-table-column prop="telephone" label="èç³»çµè¯" min-width="10%" /> |
| | | <el-table-column prop="userName" label="å½å
¥äºº" min-width="10%" /> |
| | | <el-table-column label="éä»¶" min-width="10%" > |
| | | <template> |
| | | <a style="color: #3894d1;">æ¥çéä»¶</a> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- åé¡µå¨ --> |
| | |
| | | |
| | | <script> |
| | | import { get, post } from '@/api/util/requestUtil'; |
| | | import urlInfo from '../../../api/urlEnum/nonConformanceReview.js' |
| | | import urlInfo from '../../../api/urlEnum/satisfactionSurveys.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | page: 1, |
| | | total: 0, |
| | | pageSize: 10, |
| | | materialCode: null, |
| | | materialName: null, |
| | | inspectionCode: null |
| | | entryDate: null, |
| | | surveyDate: null, |
| | | id: 0, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | resetData() { |
| | | this.page = 1 |
| | | this.pageSize = 10 |
| | | this.materialCode=null |
| | | this.materialName=null |
| | | this.inspectionCode=null |
| | | this.surveyDate=null |
| | | this.entryDate=null |
| | | this.getData() |
| | | }, |
| | | async getData() { |
| | | let param = { |
| | | "currentPage": this.page, |
| | | 'pageNum': this.pageSize, |
| | | "inspectionCode": this.inspectionCode, |
| | | "materialCode": this.materialCode, |
| | | "materialName": this.materialName |
| | | "surveyDate": this.surveyDate, |
| | | "entryDate": this.entryDate |
| | | } |
| | | let res = await get(urlInfo.url.getNonConformanceReview, param) |
| | | this.tableData = res.data.nonConformanceReviewList |
| | | let res = await get(urlInfo.url.getCnasSatisfactionSurvey, param) |
| | | this.tableData = res.data.cnasSatisfactionSurveyList |
| | | this.total = res.data.total |
| | | } |
| | | } |