Merge branch 'master' of http://192.168.110.209:9001/r/lims-before
| | |
| | | method: 'get', |
| | | params |
| | | }) |
| | | } |
| | | |
| | | export function getlink(params){ |
| | | return request({ |
| | | url:'/link-basic-table/link', |
| | | method:'get', |
| | | params |
| | | }) |
| | | } |
| | | |
| | | export function getSampleName(params){ |
| | | return request({ |
| | | url: '/link-basic/material', |
| | | method: 'get', |
| | | params |
| | | }) |
| | | |
| | | } |
| | | |
| | | export function getModelSpecification(params){ |
| | | return request({ |
| | | url: '/link-basic/specification', |
| | | method: 'get', |
| | | params |
| | | }) |
| | | } |
| | | // æ·»å æ£éªç³è¯·å |
| | | export function addInspection(data){ |
| | | return request({ |
| | | url: '/link-basic/addInspection', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | const baseurl='/nonConformanceReview' |
| | | |
| | | const url={ |
| | | "getNonConformanceReview": baseurl+"/getNonConformanceReview",//è·åä¸åæ ¼åè¯å®¡ |
| | | } |
| | | export default{ |
| | | url |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | const baseurl='/non-conforming-feedback' |
| | | |
| | | const url={ |
| | | "getNonConformingFeedback": baseurl+"/getNonConformingFeedback",//è·åä¸åæ ¼ååé¦ |
| | | } |
| | | export default{ |
| | | url |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | const baseurl='/cnasSatisfactionSurvey' |
| | | |
| | | const url={ |
| | | "getCnasSatisfactionSurvey": baseurl+"/getCnasSatisfactionSurvey",//è·åä¸åæ ¼ååé¦ |
| | | } |
| | | export default{ |
| | | url |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '@/utils/request' |
| | | |
| | | export function get(path, params) { |
| | | return request({ |
| | | url: path, |
| | | method: 'get', |
| | | params |
| | | }) |
| | | } |
| | | |
| | | export function post(path, data) { |
| | | return request({ |
| | | url: path, |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | |
| | | padding-right: 15px; |
| | | } |
| | | } |
| | | .el-menu--popup{ |
| | | width: 120px; |
| | | } |
| | | </style> |
| | |
| | | path: 'inspectionApplication', |
| | | name: 'InspectionApplication', |
| | | component: () => import('@/views/experiment/inspectionApplication/index'), |
| | | meta: { title: 'æ£éªç³è¯·', icon: 'tree' } |
| | | meta: { title: 'æ°å¢æ£éª', icon: 'tree' } |
| | | }, |
| | | { |
| | | path: 'planAssignments', |
| | |
| | | const state = { |
| | | showSettings: showSettings, |
| | | fixedHeader: fixedHeader, |
| | | sidebarLogo: sidebarLogo |
| | | sidebarLogo: sidebarLogo, |
| | | link:'' |
| | | } |
| | | |
| | | const mutations = { |
| | |
| | | if (state.hasOwnProperty(key)) { |
| | | state[key] = value |
| | | } |
| | | }, |
| | | SAVE_LINK(state,link){ |
| | | state.link = link |
| | | } |
| | | } |
| | | |
| | |
| | | // please modify it according to the actual situation |
| | | config.headers['X-Token'] = getToken() |
| | | } |
| | | config.headers['link'] = store.state.settings.link |
| | | // console.log('config' ,config) |
| | | return config |
| | | }, |
| | | error => { |
| | |
| | | <template> |
| | | <div> |
| | | 满æåº¦è°æ¥ |
| | | <div class="content-main survey"> |
| | | <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 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="entryDate" 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-form-item> |
| | | </el-form> |
| | | <el-form> |
| | | <el-button size="40" icon="el-icon-document-add" 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="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="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> |
| | | <!-- åé¡µå¨ --> |
| | | <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> |
| | | </template> |
| | | |
| | | <script> |
| | | import { get, post } from '@/api/util/requestUtil'; |
| | | import urlInfo from '../../../api/urlEnum/satisfactionSurveys.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | | input: '', |
| | | tableData: [], |
| | | page: 1, |
| | | total: 0, |
| | | pageSize: 10, |
| | | entryDate: null, |
| | | surveyDate: null, |
| | | id: 0, |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | }, |
| | | mounted() { |
| | | this.getData() |
| | | }, |
| | | methods: { |
| | | handleCurrentChange() { |
| | | this.getData(); |
| | | }, |
| | | handleSizeChange() { |
| | | |
| | | }, |
| | | exportData() { |
| | | |
| | | }, |
| | | // éç½®æé® |
| | | resetData() { |
| | | this.page = 1 |
| | | this.pageSize = 10 |
| | | this.surveyDate=null |
| | | this.entryDate=null |
| | | this.getData() |
| | | }, |
| | | async getData() { |
| | | let param = { |
| | | "currentPage": this.page, |
| | | 'pageNum': this.pageSize, |
| | | "surveyDate": this.surveyDate, |
| | | "entryDate": this.entryDate |
| | | } |
| | | let res = await get(urlInfo.url.getCnasSatisfactionSurvey, param) |
| | | this.tableData = res.data.cnasSatisfactionSurveyList |
| | | 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> |
| | |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true" :model="searchData"> |
| | | <el-form-item> |
| | | <el-form-item label="ç³è¯·åå·:"> |
| | | <el-input |
| | | v-model="searchData.keyword" |
| | | v-model="searchData.applicationnumber" |
| | | class="input-form" |
| | | placeholder="请è¾å
¥ç³è¯·åå·/æ£éªå¯¹è±¡/对象ä½ç½®/对象åç§°" |
| | | placeholder="请è¾å
¥ç³è¯·åå·" |
| | | style="width: 200px; margin-right: 20px;" |
| | | > |
| | | <i slot="prefix" class="el-input__icon el-icon-search" /> |
| | | <i slot="prefix" class="el-input__icon el-icon-search" /> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ£éªç±»å:"> |
| | | <el-select v-model="searchData.type" placeholder="å
¨é¨" style="width: 100px;margin-right: 20px;"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="æ£éªç¶æ:" style="margin-right: 20px;"> |
| | | <el-select v-model="searchData.state" placeholder="å
¨é¨" style="width: 100px;margin-right: 20px;"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary">æ¥è¯¢</el-button> |
| | |
| | | return { |
| | | showDetail: false, |
| | | searchData: { |
| | | keyword: '' |
| | | applicationnumber: '', |
| | | type: '', |
| | | state: '' |
| | | }, |
| | | inspectionTable: [{ |
| | | applicationnum: 'QC22-09155', |
| | |
| | | amount: '', |
| | | checkdate: '' |
| | | }, |
| | | options:[{ |
| | | value: '0', |
| | | label: 'é项1' |
| | | },{ |
| | | value:'1', |
| | | label: 'é项2' |
| | | }], |
| | | currentPage: 1, |
| | | total: 20, // æ»æ¡æ° |
| | | pageSize: 10, // æ¯é¡µçæ°æ®æ¡æ° |
| | |
| | | <template> |
| | | <div> |
| | | <el-row span="22"> |
| | | <el-col span="5"> |
| | | <el-input placeholder="请è¾å
¥å
容"> |
| | | </el-input> |
| | | </el-col> |
| | | <el-col span=""></el-col> |
| | | <el-col></el-col> |
| | | <el-col></el-col> |
| | | <el-col></el-col> |
| | | </el-row> |
| | | <el-row span="22"> |
| | | |
| | | </el-row> |
| | | <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="æ£éªè´è´£äºº" 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/nonConformingFeedback.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.getNonConformingFeedback, param) |
| | | this.tableData = res.data.nonConformingFeedbackList |
| | | this.total = res.data.total |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | | <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> |
| | |
| | | <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="æ£éªè´è´£äºº" 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> |
| | |
| | | <template> |
| | | <div v-if="!showDetail"> |
| | | <div class="content-main"> |
| | | <div class="firstBox"> |
| | | <div class="title">æ£æµä¿¡æ¯</div> |
| | | <div class="tableBox"> |
| | | <div class="tableBox-header"> |
| | | <el-button class="split" type="primary" size="small" style="background-color: rgb(1, 102, 226);">æ·»å æ ·å</el-button> |
| | | <el-button class="split" @click="dialogueFormVisible = true" type="primary" size="small" style="background-color: rgb(1, 102, 226);">æ·»å æ ·å</el-button> |
| | | <el-input |
| | | v-model="searchData" |
| | | class="input-form split" |
| | |
| | | min-width="10%" |
| | | /> |
| | | <el-table-column |
| | | prop="sampleid" |
| | | prop="sampleNumber" |
| | | label="æ ·åç¼å·" |
| | | min-width="8%" |
| | | /> |
| | | <el-table-column |
| | | prop="samplename" |
| | | prop="sampleName" |
| | | label="æ ·ååç§°" |
| | | min-width="10%" |
| | | /> |
| | | <el-table-column |
| | | prop="modelandspecification" |
| | | prop="specificationsModels" |
| | | label="è§æ ¼åå·" |
| | | min-width="10%" |
| | | /> |
| | |
| | | min-width="8%" |
| | | /> |
| | | <el-table-column |
| | | prop="amount" |
| | | prop="samplesNumber" |
| | | label="æ°é" |
| | | min-width="8%" |
| | | /> |
| | |
| | | label="æ·»å æ¹å¼" |
| | | min-width="8%"> |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="scope.row.addway === 0 ? 'success' : 'primary'" |
| | | disable-transitions |
| | | >{{ scope.row.addway === 0 ? 'æ«æ' : 'å½å
¥' }}</el-tag> |
| | | <div v-if="scope.row.addway === 0"> |
| | | <el-tag :type= 'success' disable-transitions>æ«æ</el-tag> |
| | | </div> |
| | | <div v-if="scope.row.addway === 1"> |
| | | <el-tag :type= 'primary' disable-transitions>å½å
¥</el-tag> |
| | | </div> |
| | | <div v-else></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | min-width="8%" |
| | | /> |
| | | <el-table-column |
| | | prop="other" |
| | | prop="remarks" |
| | | label="夿³¨" |
| | | min-width="8%" |
| | | /> |
| | |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small">ä¿®æ¹</el-button> |
| | | <el-button type="text" size="small" @click="handleClick(scope.row)">å é¤</el-button> |
| | | <el-button type="text" size="small" @click="deleteRow(scope.row)">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </div> |
| | | <div class="secondBox"> |
| | | <el-row class="header"> |
| | | <el-col :span="12">åºæ¬ä¿¡æ¯</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <!-- ç¹å»è¿åï¼å½å页é¢å¼ä¸ºfalse --> |
| | | <el-button type="primary" size="mini" style="background-color: rgb(1, 102, 226); ">æå°å§æå</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form :model="infoForm" ref="infoForm" class="infoForm" label-position="right" label-width="100px" size="mini" > |
| | | <div class="formwrapper"> |
| | | <el-row :gutter="200"> |
| | | <el-col :span="12">åºæ¬ä¿¡æ¯</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <!-- ç¹å»è¿åï¼å½å页é¢å¼ä¸ºfalse --> |
| | | <el-button type="primary" size="mini" style="background-color: rgb(1, 102, 226); ">æå°å§æå</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form :model="infoForm" ref="infoForm" class="infoForm" label-position="right" label-width="100px" size="mini" > |
| | | <div class="formwrapper"> |
| | | <el-row :gutter="200"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="å§æç¼å·ï¼"> |
| | | <el-input style="width: 160px" type="text" :value="infoForm.commisioncode" readonly disabled="true" autocomplete="off" /> |
| | |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="å§æåä½ï¼"> |
| | | <el-select style="width: 160px;" v-model="infoForm.department" size="small" placeholder="è¯·éæ©äº§ååç§°"> |
| | | <el-option value="é项1"></el-option> |
| | | <el-option value="é项2"></el-option> |
| | | </el-select> |
| | | <el-input style="width: 160px" v-model="infoForm.department" placeholder="请è¾å
¥å§æåä½" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="è系人ï¼"> |
| | | <el-select style="width: 160px;" v-model="infoForm.contacter" size="small" placeholder="è¯·éæ©äº§ååç§°"> |
| | | <el-option value="é项1"></el-option> |
| | | <el-option value="é项2"></el-option> |
| | | </el-select> |
| | | <el-input style="width: 160px" v-model="infoForm.contacter" placeholder="请è¾å
¥å§æåä½" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="èç³»çµè¯ï¼"> |
| | | <el-select style="width: 160px;" v-model="infoForm.tel" size="small" placeholder="è¯·éæ©äº§ååç§°"> |
| | | <el-option value="é项1"></el-option> |
| | | <el-option value="é项2"></el-option> |
| | | </el-select> |
| | | <el-input style="width: 160px" v-model="infoForm.tel" placeholder="请è¾å
¥èç³»çµè¯" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="200"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="èç³»å°åï¼" > |
| | | <el-select style="width: 160px;" v-model="infoForm.address" size="small" placeholder="è¯·éæ©äº§ååç§°"> |
| | | <el-option value="é项1"></el-option> |
| | | <el-option value="é项2"></el-option> |
| | | </el-select> |
| | | <el-input style="width: 160px;" v-model="infoForm.address" placeholder="请è¾å
¥èç³»å°å" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | |
| | | <el-col :span="5"> |
| | | <el-form-item label="éæ ·æ¹å¼ï¼"> |
| | | <el-select style="width: 160px;" v-model="infoForm.way" size="small" placeholder="éæ ·"> |
| | | <el-option value="é项1"></el-option> |
| | | <el-option value="é项2"></el-option> |
| | | <el-option v-for="options in sampleDeliveryMode" :key="options.key" :value="options.value">{{ options.value }}</el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | </div> |
| | | <div class="submitBtn"> |
| | | <el-button type="primary" size="small" style="background-color: rgb(1, 102, 226);">æäº¤</el-button> |
| | | <el-button type="primary" size="small" @click="submitInspection" style="background-color: rgb(1, 102, 226);">æäº¤</el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | <div class="checkType"> |
| | | <el-dialog |
| | | title="æ·»å ææ " |
| | | :visible.sync="dialogueFormVisible" |
| | | width="40%" |
| | | > |
| | | <el-form :model="addPointerForm" ref="addPointerForm" class="addPointerForm" label-position="right" label-width="100px" size="mini"> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="æ ·åç¼å·ï¼"> |
| | | <el-select style="width: 160px;" v-model="addPointerForm.sampleNumber" size="small" placeholder="è¯·éæ©æ ·åç¼å·"> |
| | | <el-option v-for="options in samplecodeoptions" :value="options.value" :key="options.key" >{{ options.value }}</el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="æ ·ååç§°ï¼"> |
| | | <el-select style="width: 160px;" v-model="addPointerForm.sampleName" size="small" placeholder="è¯·éæ©æ ·ååç§°"> |
| | | <el-option v-for="options in sampleoptions" :value="options.value" :key="options.key">{{ options.value }}</el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="è§æ ¼åå·ï¼"> |
| | | <el-select style="width: 160px;" v-model="addPointerForm.specificationsModels" size="small" placeholder="è¯·éæ©æ ·ååç§°"> |
| | | <el-option v-for="options in model_spe_options" :value="options.value" :key="options.key">{{ options.value }}</el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="æ ·ååä½ï¼"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.unit" placeholder="请è¾å
¥åä½" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="æ ·åæ°éï¼"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.samplesNumber" placeholder="请è¾å
¥æ°é" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="夿³¨ï¼"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.remarks" placeholder="请è¾å
¥å¤æ³¨" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="æ·»å å®éªï¼"> |
| | | <el-checkbox-group v-model="addPointerForm.experiment" style="display: flex; flex-direction: column;"> |
| | | <el-checkbox v-for="expers in experList" :label="expers.label" :key="expers.key">{{ expers.label }}</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="addInspection">æ·»å </el-button> |
| | | <el-button @click="dialogueFormVisible = false">å æ¶</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div v-else> |
| | | <router-view></router-view> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import {getSampleName, getModelSpecification, getlink, addInspection} from '@/api/inspection/commisioninspection' |
| | | export default { |
| | | data() { |
| | | return { |
| | | currentPage: 0, |
| | | searchData: '', |
| | | infoForm: { |
| | | commisioncode: 'ST9162324', |
| | | commisioncode: '', |
| | | department: '', |
| | | contacter: '', |
| | | tel: '', |
| | |
| | | num: '', |
| | | other: '' |
| | | }, |
| | | detectionInfo: [{ |
| | | sampleid: 'GW31478631', |
| | | samplename: 'ç»ç¼æ', |
| | | modelandspecification: 'JLHA/G1A-185/30-26/7', |
| | | unit: 'æ ¹', |
| | | amount: '40', |
| | | addway: 0, |
| | | experiment: '交æµèåè¯éª', |
| | | other: '123', |
| | | opertion: '', |
| | | }] |
| | | detectionInfo: [], |
| | | addPointerForm:{ |
| | | sampleNumber: '', |
| | | sampleName: '', |
| | | specificationsModels: '', |
| | | unit: '', |
| | | samplesNumber: '', |
| | | remarks: '', |
| | | experiment: [], |
| | | addway: '' |
| | | }, |
| | | experList:[{ |
| | | key: '1', |
| | | label: 'å¤è§æ£æ¥' |
| | | },{ |
| | | key: '2', |
| | | label: 'å¨ä½çµåè¯éª' |
| | | },{ |
| | | key: '3', |
| | | label: 'çµé»ç®¡æ³æ¼çµæµè¯éª' |
| | | },{ |
| | | key: '4', |
| | | label: 'ç»ç¼é¨å交æµèåè¯éª' |
| | | }], |
| | | sampleoptions:[{ |
| | | key:'1', |
| | | value: 'é项1' |
| | | },{ |
| | | key:'2', |
| | | value: 'é项2' |
| | | }], |
| | | samplecodeoptions:[{ |
| | | key:'1', |
| | | value: '' |
| | | }], |
| | | model_spe_options:[{ |
| | | key:'1', |
| | | value: 'é项1' |
| | | },{ |
| | | key: '2', |
| | | value: 'é项2' |
| | | }], |
| | | sampleDeliveryMode:[{ |
| | | key: '1', |
| | | value: 'éæ ·' |
| | | },{ |
| | | key: '2', |
| | | value: 'ä¸é¨' |
| | | }], |
| | | dialogueFormVisible: false, |
| | | showDetail: false |
| | | } |
| | | }, |
| | | created(){ |
| | | this.getlink() |
| | | }, |
| | | mounted(){ |
| | | this.getSampleName() |
| | | this.getModelSpecification() |
| | | }, |
| | | methods: { |
| | | // è·å龿¥link |
| | | getlink(){ |
| | | getlink().then((result)=>{ |
| | | this.$store.commit('settings/SAVE_LINK',result.data) |
| | | console.log(this.$store.state.settings.link) |
| | | }) |
| | | }, |
| | | async getSampleName(){ |
| | | const res = await getSampleName() |
| | | // console.log('res',res.data) |
| | | this.sampleoptions = res.data.map((item)=>{ |
| | | return{ |
| | | key:item.id.toString(), |
| | | value:item.name |
| | | } |
| | | }) |
| | | this.samplecodeoptions = res.data.map((item)=>{ |
| | | return{ |
| | | key:item.id.toString(), |
| | | value:item.code |
| | | } |
| | | }) |
| | | }, |
| | | async getModelSpecification(){ |
| | | const res = await getModelSpecification({materialId: '1'}) |
| | | // console.log(res) |
| | | this.model_spe_options = res.data.map((item)=>{ |
| | | return{ |
| | | key:item.specificationsId, |
| | | value:item.specificationsName |
| | | } |
| | | }) |
| | | }, |
| | | addInspection(){ |
| | | let exper = this.addPointerForm.experiment[0] |
| | | this.addPointerForm.addway = 1 |
| | | for(let i=1;i<this.addPointerForm.experiment.length;i++){ |
| | | exper += ',' + this.addPointerForm.experiment[i] |
| | | } |
| | | // console.log(exper) |
| | | this.addPointerForm.experiment = exper |
| | | let tmp = this.addPointerForm |
| | | this.detectionInfo.push(tmp) |
| | | this.dialogueFormVisible = false |
| | | this.addPointerForm ={ |
| | | sampleNumber: '', |
| | | sampleName: '', |
| | | specificationsModels: '', |
| | | unit: '', |
| | | samplesNumber: '', |
| | | remarks: '', |
| | | experiment: [], |
| | | addway: '' |
| | | } |
| | | }, |
| | | async submitInspection(){ |
| | | let sampledeliveryway |
| | | if(this.infoForm.way === 'éæ ·'){ |
| | | sampledeliveryway = 1 |
| | | }else{ |
| | | sampledeliveryway = 2 |
| | | } |
| | | const res = await addInspection({completionDeadline: this.infoForm.deadline, |
| | | contactAddress: this.infoForm.address, |
| | | contactNumber: this.infoForm.tel, |
| | | contacts: this.infoForm.contacter, |
| | | entrustRemarks: this.infoForm.other, |
| | | entrusted: this.infoForm.department, |
| | | inspectionTime: this.infoForm.time, |
| | | linkDetectionList: this.detectionInfo, |
| | | reportNumber: parseInt(this.infoForm.num), |
| | | sampleDeliveryMode: sampledeliveryway, |
| | | sampleDeliveryPhone: this.infoForm.sendertel, |
| | | sampleSender: this.infoForm.sender}) |
| | | // const res = await addInspection({ |
| | | // completionDeadline: "2023-08-03", |
| | | // contactAddress: "æ±èåé", |
| | | // contactNumber: "12321423432", |
| | | // contacts: "å°é»", |
| | | // entrustRemarks: "姿夿³¨YPBH123456789YPBH123456789YPBH123456789", |
| | | // entrusted: "é¿éå·´å·´", |
| | | // inspectionTime: "2023-08-03", |
| | | // linkDetectionList: [ |
| | | // { |
| | | // "experiment": "忢¦", |
| | | // "remarks": "éè¿äº", |
| | | // "sampleName": "å卿º", |
| | | // "sampleNumber": "YPBH123456789", |
| | | // "samplesNumber": 20, |
| | | // "specificationsModels": "GGXH-AAAAA", |
| | | // "unit": "ç¾åº¦" |
| | | // } |
| | | // ], |
| | | // reportNumber: 23, |
| | | // sampleDeliveryMode: 1, |
| | | // sampleDeliveryPhone: "123456789676", |
| | | // sampleSender: "å°ç½" |
| | | // }) |
| | | // console.log(res) |
| | | this.infoForm.commisioncode = res.data |
| | | if(res.data){ |
| | | this.$message({ |
| | | message: 'æåä½ !', |
| | | type: 'success' |
| | | }) |
| | | // è·³è½¬é¡µé¢ |
| | | this.$router.push('/inspectionManagement/commissionInspection') |
| | | this.showDetail = true |
| | | }else{ |
| | | this.$message.error(res.message) |
| | | } |
| | | }, |
| | | handleSizeChange(pageSize) { |
| | | this.pageParams.pageSize = pageSize |
| | | }, |
| | | handleCurrentChange(pageNo) { |
| | | this.pageParams.pageNo = pageNo |
| | | }, |
| | | deleteRow(row){ |
| | | console.log(row) |
| | | row = null |
| | | } |
| | | } |
| | | } |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary">æ¥è¯¢</el-button> |
| | | <el-button type="primary" plain>éç½®</el-button> |
| | | <el-button type="primary" @click="search">æ¥è¯¢</el-button> |
| | | <el-button type="primary" plain @click="reset">éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form> |
| | |
| | | <div class="library-table"> |
| | | <div class="table-header"> |
| | | <div class="search-bar"> |
| | | <el-radio-group v-model="radioValue"> |
| | | <el-radio-button label="å
¨é¨" /> |
| | | <el-radio-button label="å¾
æ£éª" /> |
| | | <el-radio-button label="å·²æ£éª" /> |
| | | </el-radio-group> |
| | | <el-radio-group v-model="radioValue" @change="radioclick"> |
| | | <el-radio-button v-for="item in conditionsOptions" :key="item.value" :label="item.value"> |
| | | {{ item.label }} |
| | | </el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="generateInsp"> |
| | | <el-button type="primary" size="mini" icon="el-icon-document" style="background-color: rgb(1, 102, 226);">çææ¥æ£å</el-button> |
| | |
| | | <el-table-column |
| | | prop="entrust_coding" |
| | | label="å§æç¼å·" |
| | | min-width="8%" |
| | | min-width="10%" |
| | | /> |
| | | <el-table-column |
| | | prop="entrusted" |
| | |
| | | options: [{ |
| | | value: '1', |
| | | label: 'é¨é¨1' |
| | | }, { |
| | | value: '2', |
| | | label: 'é¨é¨2' |
| | | }, { |
| | | value: '3', |
| | | label: 'é¨é¨3' |
| | | }], |
| | | radioValue: '', |
| | | radioValue: 0, |
| | | commisionTable: [{ |
| | | specifications_models: "GGXH-AAAAA", |
| | | inspectionTime: "2023-08-03", |
| | |
| | | sample_name: "å卿º", |
| | | inspection_status: 1 |
| | | }], |
| | | conditionsOptions: [ |
| | | { |
| | | label: 'å
¨é¨', |
| | | value: 0 |
| | | }, |
| | | { |
| | | label: 'å·²æ£éª', |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: 'å¾
æ£éª', |
| | | value: 2 |
| | | } |
| | | ], |
| | | currentPage: 1, |
| | | pageSize: 5, |
| | | total: 100, |
| | |
| | | }, |
| | | methods: { |
| | | async getCommisionList(){ |
| | | const res = await getCommisionList({pageNo:this.currentPage , pageSize:this.pageSize}) |
| | | const res = await getCommisionList({pageNo:this.currentPage, pageSize:this.pageSize}) |
| | | this.commisionTable = res.data.row |
| | | // this.total = res.data.row.length |
| | | console.log(this.commisionTable) |
| | | this.total = res.data.total |
| | | // console.log(res) |
| | | // è·åææçå§æåä½åç§° |
| | | const allDepartmentNames = [...new Set(this.commisionTable.map(item => item.entrusted))] |
| | | // å°allDepartmentNames转æ¢ä¸ºoptionséè¦çæ ¼å¼ |
| | | this.options = allDepartmentNames.map(name => ({ value: name, label: name })) |
| | | |
| | | }, |
| | | // æ¥è¯¢æ¹æ³ |
| | | async search() { |
| | | // å°æç´¢æ¡ä»¶ä½ä¸ºåæ°ä¼ éç»getCommisionListæ¹æ³ |
| | | if(this.radioValue === 0){ |
| | | const res = await getCommisionList({ |
| | | pageNo: this.currentPage, |
| | | pageSize: this.pageSize, |
| | | entrustCoding: this.searchData.code, |
| | | sampleName: this.searchData.name, |
| | | entrusted: this.searchData.department, |
| | | }) |
| | | }else{ |
| | | const res = await getCommisionList({ |
| | | pageNo: this.currentPage, |
| | | pageSize: this.pageSize, |
| | | entrustCoding: this.searchData.code, |
| | | sampleName: this.searchData.name, |
| | | entrusted: this.searchData.department, |
| | | inspectionStatus: this.radioValue |
| | | }) |
| | | } |
| | | // console.log(res) |
| | | this.commisionTable = res.data.row |
| | | this.total = res.data.total |
| | | }, |
| | | |
| | | // éç½®æ¹æ³ |
| | | reset() { |
| | | // éç½®æç´¢æ¡ä»¶ |
| | | this.searchData.code = '' |
| | | this.searchData.name = '' |
| | | this.searchData.department = '' |
| | | this.radioValue = '0' |
| | | // éæ°è·åæ°æ® |
| | | this.getCommisionList() |
| | | }, |
| | | async radioclick(){ |
| | | // å¤çç¹å»radioçæ¶é´ |
| | | // console.log('radioValue',this.radioValue) |
| | | if(this.radioValue === 0){ |
| | | this.getCommisionList() |
| | | }else{ |
| | | const res = await getCommisionList({pageNo:this.currentPage, pageSize:this.pageSize, inspectionStatus: this.radioValue}) |
| | | // console.log(res) |
| | | this.commisionTable = res.data.row |
| | | this.total = res.data.total |
| | | } |
| | | |
| | | }, |
| | | // æ¯é¡µæ¡æ°æ¹åæ¶è§¦å éæ©ä¸é¡µæ¾ç¤ºå¤å°è¡ |
| | | handleSizeChange(val) { |
| | | console.log(`æ¯é¡µ ${val} æ¡`) |
| | | async handleSizeChange(val) { |
| | | // console.log(`æ¯é¡µ ${val} æ¡`) |
| | | this.currentPage = 1 |
| | | this.pageSize = val |
| | | if(this.radioValue === 0){ |
| | | this.getCommisionList() |
| | | }else{ |
| | | const res = await getCommisionList({pageNo:this.currentPage, pageSize:this.pageSize, inspectionStatus: this.radioValue}) |
| | | this.commisionTable = res.data.row |
| | | this.total = res.data.total |
| | | } |
| | | }, |
| | | // å½å页æ¹åæ¶è§¦å 跳转å
¶ä»é¡µ |
| | | handleCurrentChange(val) { |
| | | console.log(`å½å页: ${val}`) |
| | | async handleCurrentChange(val) { |
| | | // console.log(`å½å页: ${val}`) |
| | | this.currentPage = val |
| | | this.commisionTable = getCommisionList({pageNo:this.currentPage , pageSize:this.pageSize}) |
| | | if(this.radioValue === 0){ |
| | | this.getCommisionList() |
| | | }else{ |
| | | const res = await getCommisionList({pageNo:this.currentPage, pageSize:this.pageSize, inspectionStatus: this.radioValue}) |
| | | this.commisionTable = res.data.row |
| | | this.total = res.data.total |
| | | } |
| | | }, |
| | | goToaddCommision() { |
| | | this.$router.push('/inspectionManagement/commissionInspection/addCommision') |
| | |
| | | // height: 800px; |
| | | // } |
| | | .standard-library-main{ |
| | | width: 100%; |
| | | width: 100vh; |
| | | height: 100%; |
| | | // 页é¢ä¸å¿å
容åºå |
| | | .content-main{ |
| | |
| | | background: #fff; |
| | | } |
| | | .library-bom{ |
| | | flex: 2; |
| | | // width: 20%; |
| | | padding-right: 10px; |
| | | width: 40vh; |
| | | // height: 100%; |
| | | max-height: 100%; |
| | | margin-right: 12px; |
| | | overflow-y: scroll; |
| | | // overflow-y: scroll; |
| | | .el-tree { |
| | | // margin-top: 12px; |
| | | ::v-deep .el-tree-node__content{ |
| | |
| | | } |
| | | .library-table{ |
| | | // height: 100%; |
| | | flex: 8; |
| | | width: 170vh; |
| | | max-height: 100%; |
| | | // flex: 8; |
| | | margin-left: 12px; |