From 47ab3b599d4765161d4adaf5b9a368429b152845 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期四, 11 四月 2024 14:30:00 +0800 Subject: [PATCH] 添加按钮 --- src/views/quality/rawMaterial/rawMaterial-form.vue | 821 ++++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 532 insertions(+), 289 deletions(-) diff --git a/src/views/quality/rawMaterial/rawMaterial-form.vue b/src/views/quality/rawMaterial/rawMaterial-form.vue index 9d51fc8..9daa95d 100644 --- a/src/views/quality/rawMaterial/rawMaterial-form.vue +++ b/src/views/quality/rawMaterial/rawMaterial-form.vue @@ -3,11 +3,11 @@ <div class="page-header"> <div class="header-left"> <a @click="$router.go(-1)"><i class="icon-btn-back"></i></a> - <h2 v-if="resultVal!=null && dataForm.id!=null">鏌ョ湅-鍘熸潗鏂欐楠�</h2> + <h2 v-if="(resultVal!=null && resultVal!='') && dataForm.id!=null">鏌ョ湅-鍘熸潗鏂欐楠�</h2> <h2 v-else>缂栬緫-鍘熸潗鏂欐楠�</h2> </div> <div class="btn-group header-right"> - <el-button @click="save()" type="primary" v-if="this.dataForm.id==null">淇濆瓨</el-button> + <el-button @click="save()" type="primary" v-if="dataForm.id==null">淇濆瓨</el-button> </div> </div> <div class="page-main"> @@ -28,24 +28,25 @@ </el-col> <el-col :span="6"> <el-form-item label="闆朵欢鍙�" prop="code"> - <el-input v-model="dataForm.code" :disabled="resultVal!=null && dataForm.id!=null"> - <!-- <el-button + <el-input v-model="dataForm.code"> + <el-button slot="append" icon="el-icon-search" - :disabled="resultVal!=null && dataForm.id!=null" - @click="queryCode()"></el-button> --> + :disabled="(resultVal!=null && resultVal!='')" + @click="queryCode"></el-button> <el-button slot="append" icon="el-icon-full-screen" - :disabled="resultVal!=null && dataForm.id!=null" + :disabled="(resultVal!=null && resultVal!='')" @click="Turnonthecamera"></el-button> </el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item prop="name" label="鍘熸潗鏂欏悕绉�"> - <el-input v-model="dataForm.name" disabled > - </el-input> + <el-tooltip class="item" effect="dark" :content="dataForm.name"> + <el-input v-model="dataForm.name" disabled ></el-input> + </el-tooltip> </el-form-item> </el-col> <el-col :span="6"> @@ -63,7 +64,9 @@ <el-row> <el-col :span="6"> <el-form-item label="瑙勬牸鍨嬪彿" prop="specs"> - <el-input v-model="dataForm.specs" disabled></el-input> + <el-tooltip class="item" effect="dark" :content="dataForm.specs"> + <el-input v-model="dataForm.specs" disabled></el-input> + </el-tooltip> </el-form-item> </el-col> <el-col :span="6"> @@ -76,151 +79,260 @@ </el-col> <el-col :span="6"> <el-form-item label="渚涘簲鍟嗗悕绉�" prop="supplier"> + <el-tooltip class="item" effect="dark" :content="dataForm.supplier" > <el-input v-model="dataForm.supplier" disabled /> + </el-tooltip> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="鏁伴噺" prop="number"> - <el-input v-model="dataForm.number" :disabled="resultVal!=null" /> + <el-input v-model="dataForm.number" :disabled="(resultVal!=null && resultVal!='')" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="6"> - <el-form-item prop="projectName" label="椤圭洰鍚嶇О" v-if="dataForm.id!=null"> + <el-form-item label="鎶ユ鏃ユ湡" prop="startTime"> + <el-date-picker + disabled + v-model="dataForm.startTime" + type="datetime" + format="yyyy-MM-dd HH:mm:ss" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="鎶ユ鏃ユ湡"> + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="6" v-if="dataForm.id!=null"> + <el-form-item label="鎶ユ浜�" prop="createUser" > + <el-input v-model="dataForm.createUser" disabled /> + </el-form-item> + </el-col> + <el-col :span="6" v-if="dataForm.id!=null"> + <el-form-item prop="projectName" label="椤圭洰鍚嶇О" > <el-tooltip :disabled="dataForm.projectName==null" :content="dataForm.projectName"> <el-input v-model="dataForm.projectName" disabled ></el-input> </el-tooltip> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="鎶ユ鏃ユ湡" prop="createTime" v-if="dataForm.id!=null"> - <el-input v-model="dataForm.createTime" disabled /> - </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="鎶ユ浜�" prop="createUser" v-if="dataForm.id!=null"> - <el-input v-model="dataForm.createUser" disabled /> - </el-form-item> - </el-col> + <el-form-item label="澶囨敞" prop="remark"> + <el-input v-model="dataForm.remark" /> + </el-form-item> + </el-col> </el-row> </el-form> </div> + <div> + <el-tabs class="rawMaterial-detail" @tab-click="tabsClick"> + <el-tab-pane label="妫�楠岄」鐩�"> + <el-row style="width:100%;z-index: 10;height:50px;" v-if="resultVal==null"> + <el-col :span="12"></el-col> + <el-col :span="12" style="text-align: right;"> + <el-button v-if="resultVal==null || dataForm.id==null" size="small" + type="primary" + @click="saveTable()">淇濆瓨</el-button> + <el-button v-if="dataForm.id==null" size="small" @click="clickAddLine()">娣诲姞妫�楠岄」鐩�</el-button> + <el-button class="pad-addcol-btn" v-if="resultVal==null || dataForm.id==null" size="small" @click="addTeatValueColumn()">娣诲姞妫�娴嬪�煎垪</el-button> + <el-button v-if="resultVal==null || dataForm.id==null" size="small" @click="delTeatValueColumn()">鍒犻櫎妫�娴嬪�煎垪</el-button> + </el-col> + </el-row> + <el-row style="width:100%;"> + <el-col :span="24"> + <el-table + :header-cell-style="{textAlign:'center',color:'black',backgroundColor:'#fafafa'}" + :cell-style="{textAlign:'center'}" + ref="table" + :data="list" + border + style="width: 100%;" + height="400" + row-key="iid" + default-expand-all + highlight-current-row + @row-click="handleTable" + :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> + <el-table-column type="index" prop="parentIndex" label="搴忓彿" width="60"> + <template scope="scope"> + <span v-if="scope.row.isIndex">{{scope.row.parentIndex}}</span> + </template> + </el-table-column> + <el-table-column prop="father" label="妫�楠岄」鐩�" width="160"> + <template slot-scope="scope"> + <el-input v-if="scope.row.children" style="width:80%" :disabled="dataForm.id!=null" v-model="scope.row.father" placeholder="璇疯緭鍏ユ楠岄」鐩�"></el-input> + </template> + </el-table-column> + <el-table-column prop="name" label="椤圭洰" width="160"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <el-input class="inline-input" :disabled="dataForm.id!=null" v-model="scope.row.name" + placeholder="璇疯緭鍏ラ」鐩悕绉�"></el-input> + </div> + </template> + </el-table-column> + <el-table-column prop="unit" label="鍗曚綅" width="160"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <el-input :disabled="dataForm.id != null" v-model="scope.row.unit" placeholder="璇疯緭鍏ュ崟浣�"></el-input> + </div> + </template> - - - <div class="rawMaterial-detail"> - <el-row style="width:100%;z-index: 10;height:50px;"> - <el-col :span="18">妫�楠岄」鐩�</el-col> - <el-col :span="2"> - <el-button style="width:90%" v-if="dataForm.id==null" size="small" @click="clickAddLine()">娣诲姞妫�楠岄」鐩�</el-button> - </el-col> - <el-col :span="2"> - <el-button style="width:90%" v-if="resultVal==null || dataForm.id==null" size="small" @click="addTeatValueColumn()">娣诲姞妫�娴嬪�煎垪</el-button> - </el-col> - <el-col :span="2"> - <el-button style="width:90%" v-if="resultVal==null || dataForm.id==null" size="small" @click="delTeatValueColumn()">鍒犻櫎妫�娴嬪�煎垪</el-button> - </el-col> - </el-row> - <el-row style="width:100%;"> - <el-col :span="24"> - <el-table - :header-cell-style="{textAlign:'center',color:'black',backgroundColor:'#fafafa'}" - :cell-style="{textAlign:'center'}" - ref="table" - :data="list" - border - style="width: 100%;" - height="400" - row-key="iid" - default-expand-all - :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> - <el-table-column type="index" label="搴忓彿" width="60"> - </el-table-column> - <el-table-column prop="father" label="妫�楠岄」鐩�" width="260"> - <template slot-scope="scope"> - <el-input v-if="scope.row.children" style="width:90%" :disabled="dataForm.id!=null" v-model="scope.row.father" placeholder="璇疯緭鍏ユ楠岄」鐩�"></el-input> - </template> - </el-table-column> - <el-table-column prop="name" label="椤圭洰" width="260"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-input class="inline-input" :disabled="dataForm.id!=null" v-model="scope.row.name" - placeholder="璇疯緭鍏ラ」鐩悕绉�"></el-input> - </div> - </template> - </el-table-column> - <el-table-column prop="unit" label="鍗曚綅" width="260"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-input :disabled="dataForm.id != null" v-model="scope.row.unit" placeholder="璇疯緭鍏ュ崟浣�"></el-input> - </div> - </template> - - </el-table-column> - <el-table-column prop="required" label="鏍囧噯鍊�" width="260"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-input :disabled="dataForm.id != null" v-model="scope.row.required" - placeholder="璇疯緭鍏ユ爣鍑嗗��"></el-input> - </div> - </template> - </el-table-column> - <el-table-column prop="testValue" label="妫�娴嬪��" min-width="260" v-for="(item,index) in empiricalValueAdd" :key="index"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start"> - <el-select style="width:100%" allow-create filterable default-first-option - :disabled="scope.row.deviceId == null || (dataForm.id!=null&&resultVal!=null)" - v-model="scope.row.testValueList[index]" - placeholder="璇疯緭鍏ユ垨閫夋嫨妫�娴嬪��" - @change="changeState(scope.row,scope.$index)"> - <el-option label="鏄�" value="鏄�"/> - <el-option label="鍚�" value="鍚�"/> - </el-select> - </el-tooltip> - </div> - </template> - </el-table-column> - <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="260"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-select :disabled="dataForm!=null && resultVal!=null" style="width:100%" - v-model="scope.row.deviceId" filterable @change="updateDevice(scope.row,scope.$index)"> - <el-option v-for="(item,index) in deviceList" - :key="index" :value="item.id" :label="item.code +'-'+ item.name"></el-option> - </el-select> - </div> - </template> - </el-table-column> - <el-table-column prop="note" label="妫�楠屾弿杩�" width="260" > - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <el-input @blur="changeState(scope.row, scope.$index)" :disabled="scope.row.deviceId == null || (dataForm.id!=null&&resultVal!=null)" v-model="scope.row.note" placeholder="妫�楠屾弿杩�"></el-input> - </div> - </template> - </el-table-column> - <el-table-column fixed="right" v-if="dataForm.id != null" prop="testState" label="缁撹" min-width="150"> - <template slot-scope="scope"> - <div v-if="!scope.row.children"> - <span v-if="scope.row.testState == 0" style="color:#F56C6C">涓嶅悎鏍�</span> - <span v-else-if="scope.row.testState == 1" style="color:#67C23A">鍚堟牸</span> - <span v-else>鏆傛棤缁撹</span> - </div> - </template> - </el-table-column> - <el-table-column fixed="right" style="background-color: white;" v-if="dataForm.id == null" label="鎿嶄綔" width="150"> - <template slot-scope="scope"> - <div v-if="scope.row.fId!=null"> - <el-button type="text" @click="addChildren(scope.row)">娣诲姞椤圭洰</el-button> - <el-button type="text" @click="delChildren(scope.row,scope.$index,true)">鍒犻櫎琛�</el-button> - </div> - <el-button v-else type="text" @click="delChildren(scope.row,scope.$index,false)">鍙栨秷</el-button> - </template> - </el-table-column> - </el-table> - </el-col> - </el-row> + </el-table-column> + <el-table-column prop="required" label="鏍囧噯鍊�" width="160"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <el-input :disabled="dataForm.id != null" v-model="scope.row.required" + placeholder="璇疯緭鍏ユ爣鍑嗗��"></el-input> + </div> + </template> + </el-table-column> + <el-table-column prop="testValue" label="妫�娴嬪��" min-width="160" v-for="(item,index) in empiricalValueAdd" :key="index"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <!-- :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" --> + <!-- @input="$nextTick(()=>{checkTestValues(scope.row)})" --> + <!-- @blur.capture.native="changeState(scope.row)" --> + <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start"> + <el-autocomplete clearable + cache="false" + ref="testValueInput" + @blur="checkTestValues(scope.row,'blur',$event)" + @select="checkTestValues(scope.row,'select',$event)" + :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" + v-model="scope.row.testValueList[index]" + :fetch-suggestions="querySearch" + placeholder="璇疯緭鍏ユ垨閫夋嫨妫�娴嬪��" > + <template slot-scope="{ item }"> + <div>{{ item.value }}</div> + </template> + </el-autocomplete> + </el-tooltip> + </div> + </template> + </el-table-column> + <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="200"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <el-select ref="" :disabled="dataForm!=null && (resultVal!=null && resultVal!='')" style="width:60%" + v-model="scope.row.deviceId" filterable @change="updateDevice(scope.row,scope.$index)"> + <el-option v-for="(item,index) in deviceList" + :key="index" :value="item.id" :label="item.code +'-'+ item.name"></el-option> + </el-select> + <el-button + size="small" + slot="append" + icon="el-icon-full-screen" + :disabled="dataForm!=null && (resultVal!=null && resultVal!='')" + @click="codeDevice(scope.row,scope.$index)"></el-button> + </div> + </template> + </el-table-column> + <el-table-column prop="note" label="妫�楠屾弿杩�" width="160" > + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <el-input @blur="checkTestValues(scope.row,'blur',$event)" :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" v-model="scope.row.note" placeholder="妫�楠屾弿杩�"></el-input> + </div> + </template> + </el-table-column> + <el-table-column fixed="right" v-if="dataForm.id != null" prop="testState" label="缁撹" min-width="150"> + <template slot-scope="scope"> + <div v-if="!scope.row.children"> + <span v-if="scope.row.testState == 0" style="color:#F56C6C">涓嶅悎鏍�</span> + <span v-else-if="scope.row.testState == 1" style="color:#67C23A">鍚堟牸</span> + <span v-else>鏆傛棤缁撹</span> + </div> + </template> + </el-table-column> + <el-table-column fixed="right" style="background-color: white;" v-if="dataForm.id == null" label="鎿嶄綔" width="150"> + <template slot-scope="scope"> + <div v-if="scope.row.fId!=null"> + <el-button type="text" @click="addChildren(scope.row)">娣诲姞椤圭洰</el-button> + <el-button type="text" @click="delChildren(scope.row,scope.$index,true)">鍒犻櫎琛�</el-button> + </div> + <el-button v-else type="text" @click="delChildren(scope.row,scope.$index,false)">鍙栨秷</el-button> + </template> + </el-table-column> + </el-table> + </el-col> + </el-row> + </el-tab-pane> + <el-tab-pane label="闄勪欢涓婁紶" type="card"> + <div style="display: flex;justify-content:flex-end;"> + <div></div> + </div> + <div + v-loading="progrecessFileLoading" + element-loading-text="璇风◢绛夛紝鏂囦欢涓婁紶涓�" + > + <el-upload + :disabled="dataForm.rawInsNo==null || (resultVal!=null && resultVal!='')" + drag + ref="upload" + action="/mes/attachment/upload" + :auto-upload="true" + :headers="headers" + :before-upload="submitUpload" + :on-success="uploadSuccess" + :data="paramData" + :with-credentials="true" + :show-file-list="false" + > + <i class="el-icon-upload"></i> + <div class="el-upload__text"> + 灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em> + </div> + </el-upload> + </div> + <el-table :data="processConfigFileTableData" height="260px"> + <el-table-column + prop="rawInsNo" + align="center" + width="120" + label="鍘熸潗鏂欐楠岀紪鍙�" + show-overflow-tooltip + ></el-table-column> + <el-table-column + prop="originalFileName" + align="center" + label="鍘熸枃浠跺悕" + width="200" + ></el-table-column> + <el-table-column prop="fileName" align="center" label="鏂囦欢鍚庣紑"></el-table-column> + <el-table-column prop="createUser" align="center" label="涓婁紶浜�"></el-table-column> + <el-table-column + prop="createTime" + align="center" + label="涓婁紶鏃堕棿" + show-overflow-tooltip + ></el-table-column> + <el-table-column prop="updateUser" align="center" label="鏇存柊浜�"> + </el-table-column> + <el-table-column + prop="updateTime" + align="center" + label="鏇存柊鏃堕棿" + show-overflow-tooltip + ></el-table-column> + <el-table-column align="center" label="鎿嶄綔"> + <template slot-scope="scope"> + <el-button + @click="delProcessConfigFile(scope.row)" + type="text" + size="small" + :disabled="(resultVal!=null && resultVal!='')" + >鍒犻櫎</el-button + > + <el-button + @click="downloadProcessConfigFile(scope.row)" + type="text" + size="small" + >涓嬭浇</el-button + > + </template> + </el-table-column> + </el-table> + </el-tab-pane> + </el-tabs> </div> <div class="rawMaterial-result"> <el-row> @@ -231,18 +343,18 @@ <el-table border height="90" :data="conclusionTable" ref="conclusion" v-model="conclusion" :header-cell-style="{textAlign:'center',color:'black',backgroundColor:'#fafafa'}" :cell-style="{textAlign:'center'}"> - <el-table-column prop="code" label="鐗╂枡缂栧彿"></el-table-column> - <el-table-column prop="name" label="鐗╂枡鍚嶇О"></el-table-column> + <el-table-column prop="code" width="150" show-overflow-tooltip label="鐗╂枡缂栧彿"></el-table-column> + <el-table-column prop="name" width="150" show-overflow-tooltip label="鐗╂枡鍚嶇О"></el-table-column> <el-table-column prop="userName" label="妫�楠屽憳"></el-table-column> <el-table-column prop="judgeState" label="妫�楠岀粨璁�"> <template slot-scope="scope"> - <el-tag type="success" v-if="scope.row.testState == '1'">鍚堟牸</el-tag> - <el-tag type="danger" v-else-if="scope.row.testState == '0'">涓嶅悎鏍�</el-tag> + <el-tag type="success" v-if="scope.row.testState == 1">鍚堟牸</el-tag> + <el-tag type="danger" v-else-if="scope.row.testState == 0">涓嶅悎鏍�</el-tag> </template> </el-table-column> <el-table-column label="鎿嶄綔"> <template> - <el-button type="text" :disabled="resultVal!=null && dataForm.id!=null" @click="showDialog()" size="small">涓婃姤</el-button> + <el-button type="text" :disabled="(resultVal!=null && resultVal!='') && dataForm.id!=null" @click="showDialog()" size="small">涓婃姤</el-button> </template> </el-table-column> </el-table> @@ -266,18 +378,30 @@ <el-button type="primary" @click="submitSave()">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog - title="鎵弿" - :visible.sync="qrcode" - width="60%"> - <div style="height: 100vh;width: 100%;"> - <qr-code-app ref="codeCompont" @ok="getResultInfo" @cancelCodeDialog="cancelCodeDialog"></qr-code-app> - </div> - <span slot="footer" class="dialog-footer"> - <el-button @click="qrcode = false">鍙� 娑�</el-button> - <el-button type="primary" @click="qrcode = false">纭� 瀹�</el-button> - </span> -</el-dialog> + <el-dialog + title="鎵弿" + :visible.sync="qrcode" + width="60%"> + <div style="height: 100vh;width: 100%;"> + <qr-code-app ref="codeCompont" @ok="getResultInfo" @cancelCodeDialog="cancelCodeDialog"></qr-code-app> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="qrcode = false">鍙� 娑�</el-button> + <el-button type="primary" @click="qrcode = false">纭� 瀹�</el-button> + </span> + </el-dialog> + <el-dialog + title="璁惧鎵弿" + :visible.sync="deviceCode" + width="60%"> + <div style="height: 100vh;width: 100%;"> + <qr-code-app ref="codeDeviceCompont" @ok="getDeviceResultInfo" @cancelCodeDialog="cancelDeviceCodeDialog"></qr-code-app> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="deviceCode = false">鍙� 娑�</el-button> + <el-button type="primary" @click="deviceCode = false">纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> @@ -289,16 +413,36 @@ updateRawInsProduct, updateRawInspectsById, updateDeviceById, chooseIFS} from '@/api/quality/rawMaterial' + import { + getProcessConfigFiles, + deleteProcessConfigFile, + downloadProcessConfigFile + } from '@/api/quality/attachment' import rawMaterialPartDialog from '@/views/common/rawMaterial-part' + import { getStore } from '@/util/store' import qrCodeApp from '@/views/common/qrCodeApp' export default { components:{ rawMaterialPartDialog, - qrCodeApp + qrCodeApp, }, computed:{}, data(){ return{ + progrecessFileLoading: false, + processConfigFileTableData: [], + fileList: [], + headers: { + Authorization: 'Bearer ' + getStore({ name: 'access_token' }) + }, + paramData: { + no: '', + lineNumber: '', + type: 0 + }, + row: null, + proIndex: 0, + deviceCode: false, qrcode: false, userdata:[], currentRow:[], @@ -326,6 +470,7 @@ unit: '', number: '', supplier: '', + remark:'', rawInsProducts: [{ deviceId: 0, father:'', @@ -346,9 +491,11 @@ testState: '' }], dataRule: { - code:[{ required: true, message: '璇锋壂鎻忛�夋嫨闆朵欢', trigger: 'blur' }] + code:[{ required: true, message: '璇锋壂鎻忛�夋嫨闆朵欢', trigger: 'blur' }], + // startTime: [{ required: true, message: '璇烽�夋嫨鎶ユ鏃ユ湡', trigger: 'blur' }] }, deviceList: [], + currentTable:null } }, beforeUpdate(){ @@ -358,12 +505,12 @@ }, created(){ this.dataForm.id = this.$route.query.id - this.resultVal = this.$route.query.resultVal + this.resultVal = this.$route.params.resultVal if(this.resultVal == null){ let val = sessionStorage.getItem("raw-resultVal-"+this.dataForm.id) val == undefined ? null : this.resultVal=val } - this.init() + this.init(this.dataForm.id) this.getDeviceList() }, watch:{ @@ -374,84 +521,110 @@ }, }, methods:{ + querySearch(queryString, cb){ + // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹� + cb([{value:'鏄�'},{value:'鍚�'}]); + }, + tabsClick(tab,even){ + if(tab.index == 1){ + if(this.dataForm.rawInsNo==null){ + this.$message.error("璇峰厛淇濆瓨鍘熸潗鏂欐楠屼俊鎭�") + return + } + this.getConfigFiles(); + } + }, + getConfigFiles() { + const param = { + no: this.dataForm.rawInsNo, + lineNumber: this.dataForm.id, + type: 0 + } + getProcessConfigFiles(param).then((res) => { + this.processConfigFileTableData = res.data.data + }) + }, + downloadProcessConfigFile(row) { + downloadProcessConfigFile({ + bucket: row.bucketName, + fileName: row.fileName, + originalFileName: row.originalFileName + }) + }, + delProcessConfigFile(row) { + this.$confirm('鏄惁鍒犻櫎璇ラ檮浠�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + closeOnClickModal: false + }).then(function() { + return deleteProcessConfigFile(row.id) + }).then((data) => { + this.getConfigFiles() + }) + }, + submitUpload() { + this.paramData.no = this.dataForm.rawInsNo + this.paramData.lineNumber = this.dataForm.id + this.progrecessFileLoading = true + }, + uploadSuccess() { + this.progrecessFileLoading = false + this.getConfigFiles() + }, + cancelDeviceCodeDialog(){ + this.deviceCode = false + }, + getDeviceResultInfo(val){ + let id=val.split("id@")[1] + if(id!=undefined&&id!=''&&id!=null){ + let filterData=this.deviceList.filter(item=>{ + return item.id==id + })[0] + console.log(filterData); + this.row.deviceId=Number(id) + this.updateDevice(this.row,this.proIndex) + }else{ + this.$message({ + message: '浜岀淮鐮佹湭璇嗗埆鍑鸿閲忓櫒鍏蜂俊鎭紒', + type: 'warning' + }); + } + }, + codeDevice(row,index){ + this.row=row + console.log("row",row); + this.deviceCode =true + this.$refs.codeDeviceCompont.openCamera() + this.proIndex=index + }, getResultInfo(data){ - console.log("鎵弿鍚庢墽琛�"); + if(!data.includes("part_no")){ + this.$message({ + message: '浜岀淮鐮佹湭璇嗗埆鍑洪浂浠朵俊鎭紒', + type: 'warning' + }); + } let obj=JSON.parse(data) let info={"code":obj["part_no"]} - this.paramObj = info - this.showPart = true + if(info.code!=undefined&&info.code!=''){ + this.paramObj = info + this.showPart = true + }else{ + this.$message({ + message: '浜岀淮鐮佹湭璇嗗埆鍑洪浂浠朵俊鎭紒', + type: 'warning' + }); + } }, cancelCodeDialog(){ this.qrcode = false }, // 鎵撳紑鐩告満 Turnonthecamera() { - console.log("鎵ц"); - this.qrcode = true - this.$refs.codeCompont.openCamera() - // this.camera = 'rear' - }, - // 鎵爜缁撴灉鍥炶皟 - // onDecode(result) { - // console.log(result) - // this.turnCameraOff() - // }, - // 鐩告満鍙嶈浆 - // switchCamera() { - // switch (this.camera) { - // case 'front': - // this.camera = 'rear' - // break - // case 'rear': - // this.camera = 'front' - // break - // default: - // this.$toast('閿欒') - // } - // }, - // 鍏抽棴鐩告満 - // turnCameraOff() { - // this.camera = 'off' - // this.qrcode = false - // }, - // 鎵撳紑鎵嬬數绛� - // ClickFlash() { - // switch (this.torchActive) { - // case true: - // this.torchActive = false - // break - // case false: - // this.torchActive = true - // break - // default: - // this.$toast('閿欒') - // } - // }, - - // 妫�鏌ユ槸鍚﹁皟鐢ㄦ憚鍍忓ご - // async onInit(promise) { - // try { - // await promise - // } catch (error) { - // if (error.name === 'StreamApiNotSupportedError') { - // } else if (error.name === 'NotAllowedError') { - // this.errorMessage = 'Hey! I need access to your camera' - // } else if (error.name === 'NotFoundError') { - // this.errorMessage = 'Do you even have a camera on your device?' - // } else if (error.name === 'NotSupportedError') { - // this.errorMessage = - // 'Seems like this page is served in non-secure context (HTTPS, localhost or file://)' - // } else if (error.name === 'NotReadableError') { - // this.errorMessage = - // "Couldn't access your camera. Is it already in use?" - // } else if (error.name === 'OverconstrainedError') { - // this.errorMessage = - // "Constraints don't match any installed camera. Did you asked for the front camera although there is none?" - // } else { - // this.errorMessage = 'UNKNOWN ERROR: ' + error.message - // } - // } - // }, + this.qrcode = true + this.$refs.codeCompont.openCamera() + }, // 纭鍥炶皟 selectPart(param, nodePart, index) { if (typeof param !== 'undefined') { @@ -459,6 +632,7 @@ this.dataForm.code = param.code this.dataForm.name = param.name this.dataForm.formTime = param.formTime + this.dataForm.startTime = param.formTime this.dataForm.unit = param.unit this.dataForm.specs = param.specs this.dataForm.supplier = param.supplier @@ -466,8 +640,8 @@ this.dataForm.message = param.message this.dataForm.projectName = param.projectName this.projectList = param.rawInsProducts == null ? [] : param.rawInsProducts - param.rawInsProducts.forEach(o=>{ - this.clickAddLine(o) + param.rawInsProducts.forEach((o,index)=>{ + this.clickAddLine(o,index) }) } @@ -538,10 +712,12 @@ }); }, addTeatValueColumn(){ - this.empiricalValueAdd = this.empiricalValueAdd + 1; + this.$nextTick(()=>{ + this.empiricalValueAdd = this.empiricalValueAdd + 1; + }) }, // 娣诲姞琛� - clickAddLine(row) { + clickAddLine(row,index) { let ele = { fId: Math.random(), father: null, @@ -549,6 +725,8 @@ children:[] } if(row){ + ele.isIndex = true; + ele.parentIndex = index + 1; ele.father = row.father?row.father:null row.children.forEach(item => { ele.children.push({ @@ -573,6 +751,8 @@ }) this.list.push(ele) }else{ + ele.isIndex = true; + ele.parentIndex = this.list.length + 1; ele.children.push({ deviceId: null, deviceName: null, @@ -580,7 +760,7 @@ required: null, rpId: null, name: null, - unit: null, + unit: '', userName: null, testValue: '', testValueList: [], @@ -607,7 +787,7 @@ } updateRawInsProduct(obj).then(res=>{ if(res.data.code === 0){ - this.init() + this.init(this.dataForm.id) } }) } @@ -631,13 +811,15 @@ } } }, - init(){ - if(this.dataForm.id){ - getObj(this.dataForm.id).then(res=>{ + init(id){ + if(id){ + getObj(id).then(res=>{ let data = res.data.data this.dataForm.rawInsNo = data.rawInsNo this.dataForm.name = data.name this.dataForm.formTime = data.formTime + this.dataForm.startTime = data.startTime + this.dataForm.remark = data.remark this.dataForm.code = data.code this.dataForm.specs = data.specs this.dataForm.unit = data.runit @@ -648,17 +830,19 @@ this.dataForm.createUser = data.createUser let userNameList = [] this.list = [] - data.children.forEach(item => { + data.children.forEach((item,index) => { if (item.children) { let ele = { iid: null, father: null, children: [] } + ele.isIndex = true; + ele.parentIndex = index + 1; ele.iid = Math.random() ele.father = item.rpFather if (item.children != undefined) { - item.children.forEach(obj => { + item.children.forEach((obj) => { let arr= [] if(obj.userName){ userNameList.push(obj.userName) @@ -688,16 +872,22 @@ this.list.push(ele) }} }) - let rVal = '1' + let rVal = '' + let passNum = 0 + let unPassNum = 0 this.list.forEach(item=>{ if(item.children){ item.children.forEach(ele=>{ if(ele.testState == 0){ - rVal = '0' + unPassNum += 1 + } + if(ele.testState == 1){ + passNum+=1 } }) } }) + rVal = (passNum+unPassNum)>0 ? unPassNum>0 ? '0' :'1' : '' this.conclusionTable = [{ code: data.code, name: data.name, @@ -711,43 +901,63 @@ this.conclusionTable = [] } }, - changeState(row, index) { + selectBlur(e){ + console.log(e,e.target.tabIndex); + console.log(e.target.value); + }, + checkTestValues(row,currentOption,event){ if(row){ - let isTrue = true - for(var i=0;i<row.testValueList.length;i++){ - let val = row.testValueList[i] - let reg = /^[0-9]*[1-9][0-9]*$/ - console.log(['鏄�','鍚�'].includes(val)); - if(!reg.test(val) && !['鏄�','鍚�'].includes(val)){ - this.$message.error("璇疯緭鍏ユ暟瀛楁垨閫夋嫨鏄惁") - row.testValueList[i] = null - isTrue = false + let isTrue = true + if(currentOption==='blur'){ + let targetVal = event.target.value + if( (targetVal && ['鏄�','鍚�'].includes(targetVal)) || !targetVal){ + isTrue = false + }else{ + for(var i=0;i<row.testValueList.length;i++){ + let val = row.testValueList[i] + if(val != '' && val != null){ + if(!['鏄�','鍚�'].includes(val)){ + let reg = /(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/ + if(!reg.test(val)){ + row.testValueList[i] = '' + event.target.value = '' + this.$message.error("璇疯緭鍏�6浣嶆暟瀛楁垨閫夋嫨鏄惁") + isTrue = false + } + } + } + } + } } - } - if(!isTrue){ - return - } + if(!isTrue){ + return + } + // this.changeState(row) } - if (row.rpId != null && row.rpId != '') { - let val = row.testValueList.join(",") - if (val === undefined || val === '' || val === null) { - return - } - let obj = { - deviceId: row.deviceId, - rpId: row.rpId, - testValue: val, - note: row.note - } - updateRawInsProduct(obj).then(res => { - if (res.data.code == 0) { - this.$message.success("鏇存柊鎴愬姛") - } else { - this.$message.error("鏇存柊澶辫触") + }, + changeState(row) { + this.$nextTick(()=>{ + if (row.rpId != null && row.rpId != '') { + let val = row.testValueList.join(",") + if (val === undefined || val === '' || val === null) { + return } - this.init() - }) - } + let obj = { + deviceId: row.deviceId, + rpId: row.rpId, + testValue: val, + note: row.note + } + updateRawInsProduct(obj).then(res => { + if (res.data.code == 0) { + this.$message.success("鏇存柊鎴愬姛") + } else { + this.$message.error("鏇存柊澶辫触") + } + this.init(this.dataForm.id) + }) + } + }) }, // 鍒犻櫎瀛愰」鐩� delChildren(row,index,isParent) { @@ -763,7 +973,11 @@ let childrenIndex = this.list[i].children.findIndex(el =>{ return el.iid == row.iid }) - this.list[i].children.splice(childrenIndex,1) + if(this.list[i].children.length<2){ + this.list.splice(i,1) + }else{ + this.list[i].children.splice(childrenIndex,1) + } } }, //娣诲姞瀛愰」鐩� @@ -775,7 +989,7 @@ required: null, rpId: null, name: null, - unit: null, + unit: '', userName: null, testValue: null, testValueList: [], @@ -785,18 +999,27 @@ row.children.push(obj) }, save(){ - let data = this.dataForm - this.list.forEach(item=>{ - item.children.forEach(c=>{ - c.testValue=c.testValueList.join(",") - }) - }) - data.rawInsProducts = this.list - addRawInspects(data).then(res=>{ - this.$message.success("淇濆瓨鎴愬姛") - this.$router.go(-1) - }).catch(error=>{ - this.$message.error(error) + this.$refs.dataForm.validate(valid=>{ + if(valid){ + const _than = this + let data = this.dataForm + this.list.forEach(item=>{ + item.children.forEach(c=>{ + c.testValue=c.testValueList.join(",") + c.required = c.required.replace(',','锛�').replace('(','锛�').replace(')','锛�') + }) + }) + data.rawInsProducts = this.list + addRawInspects(data).then(res=>{ + this.$message.success("淇濆瓨鎴愬姛") + // this.$router.go(-1) + }).catch(error=>{ + this.$message.error(error) + }) + _than.$nextTick(()=>{ + _than.init(Number(res.data.msg)) + }) + } }) }, getDeviceList(){ @@ -804,6 +1027,14 @@ this.deviceList = res.data.data }) }, + handleTable(row){ + this.currentTable = row + }, + saveTable(){ + if(this.currentTable){}else{ + this.$message.error("璇烽�夋嫨涓�涓」鐩�") + } + } }, } </script> @@ -811,14 +1042,14 @@ <style> .rawMaterial-detail { width: 100%; - height: 470px; + height: 530px; padding: 10px 20px; - display: flex; border: 1px solid #ddd; background-color: #fff; margin-top: 10px; box-sizing: border-box; - flex-wrap: wrap; + /* display: flex; + flex-wrap: wrap; */ } .rawMaterial-result { @@ -835,7 +1066,7 @@ .rawMaterial-basic { background-color: #fff; - height: 155px; + height: 170px; display: flex; flex-wrap: wrap; padding: 10px 20px; @@ -1008,4 +1239,16 @@ border: 1px solid #e4e7ed; border-bottom: none; } +.dropdown{ + position: relative; + right: 30px; + top: 5px; + color: #C0C4CC; + font-size: 14px; +} +@media (max-width: 767px) { + .pad-addcol-btn{ + font-size:12px; + } +} </style> -- Gitblit v1.9.3