fix:1.班次页面:月度统计时间调整为上月26到本月25;班次支持右键添加批注
2.外购下单:KJNS域订单免检自动更新批次属性;外购下单-全部页新增【更新IFS批次属性】按钮,支持更新已提交订单的批次属性
3.资源要求-设备:设备核查计划:核查负责人回显问题修复;设备使用授权:检验项目导出数据错误问题修复
| | |
| | | |
| | | import request from "@/utils/request"; |
| | | |
| | | // 绩效管理-班次-编辑批注内容 |
| | | export function editAnnotationText(data) { |
| | | return request({ |
| | | url: "/performanceShift/editAnnotationText", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | | } |
| | | |
| | | // 绩效管理-班次-分页查询 |
| | | export function page(query) { |
| | | return request({ |
| | |
| | | type="primary" @click="viewInsInfo1">查看</el-link> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- <Inspection v-if="state>0" :key="InspectionKey" :inspectorList="inspectorList" :orderId="orderId"--> |
| | | <!-- :sonLaboratory="'原材料'" :state="state"--> |
| | | <!-- :typeSource="typeSource"--> |
| | | <!-- @goback="goback" @refreshView="refreshView"/>--> |
| | | <!-- IFS物料属性编辑弹框--> |
| | | <el-dialog |
| | | title="更新IFS库存物料批次属性" |
| | | :visible.sync="ifsMaterialPropsVisible" |
| | | :close-on-click-modal="false" |
| | | width="20%"> |
| | | <el-form style="width:100%" :model="ifsMaterialPropsForm"> |
| | | <el-form-item label="载具编号(Attr1):"> |
| | | <el-input placeholder="载具编号" size="small" v-model="ifsMaterialPropsForm.drumNo"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="起始米标(Attr2):"> |
| | | <el-input @blur="validateQuality()" placeholder="起始米标" size="small" v-model="ifsMaterialPropsForm.startMeterMark"> |
| | | <span slot="suffix">km</span> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="截止米标(Attr3):"> |
| | | <el-input @blur="validateQuality()" placeholder="截止米标" size="small" v-model="ifsMaterialPropsForm.endMeterMark"> |
| | | <span slot="suffix">km</span> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="外护颜色(Attr4):"> |
| | | <el-select style="width:100%" size="small" v-model="ifsMaterialPropsForm.outerColor"> |
| | | <el-option v-for="(item,index) in outerColorList" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="绝缘颜色(Attr5):"> |
| | | <el-select style="width:100%" size="small" v-model="ifsMaterialPropsForm.insulationColor"> |
| | | <el-option v-for="(item,index) in insulationColorList" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="印字信息(Attr8):"> |
| | | <el-select style="width:100%" size="small" v-model="ifsMaterialPropsForm.letteringInfo" placeholder="请选择"> |
| | | <el-option v-for="(item,index) in letteringInfoList" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="closePartPropDialog()">取 消</el-button> |
| | | <el-button type="primary" @click="saveOrUpdatePartProp()">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import FilesLookVisible from "@/views/business/materialOrderComponents/materialOrder/filesLookVisible.vue"; |
| | | import DownFileDialog from "@/views/business/materialOrderComponents/materialOrder/downFileDialog.vue"; |
| | | import limsTable from "@/components/Table/lims-table.vue"; |
| | | import {getDicts} from "@/api/system/dict/data"; |
| | | import { |
| | | concessionRelease, |
| | | getIfsByQuarter, |
| | |
| | | updateEntrustCode |
| | | } from "@/api/business/rawMaterialOrder"; |
| | | import { getWarehouseSubmit, getIfsByStateOne, getIfsByOver, getIfsByAll } from "@/api/business/outsourcingFinishProductInspection"; |
| | | import {getOneByIfsId,saveOrUpdateProps} from "@/api/business/ifsPartProps.js"; |
| | | import { mapGetters } from "vuex"; |
| | | |
| | | export default { |
| | |
| | | data() { |
| | | // 这里存放数据 |
| | | return { |
| | | selectedRow:{}, |
| | | outerColorList:[], |
| | | insulationColorList:[], |
| | | letteringInfoList: [], |
| | | ifsMaterialPropsForm:{ |
| | | id:null, |
| | | ifsInventoryId: null, |
| | | drumNo: '', // 载具编号 |
| | | startMeterMark: '', // 起始米标 |
| | | endMeterMark: '', // 截止米标 |
| | | insulationColor: '', // 绝缘颜色 |
| | | outerColor: '', // 外护颜色 |
| | | inboundLength: '', // 入库长度 |
| | | letteringInfo: '', // 印字信息 |
| | | }, |
| | | ifsMaterialPropsVisible:false, |
| | | tableData: [], |
| | | tableLoading: false, |
| | | column: [ |
| | |
| | | clickFun: (row) => { |
| | | this.handleFileLook(row); |
| | | }, |
| | | }, |
| | | { |
| | | name: '更新IFS批次属性', |
| | | type: 'text', |
| | | clickFun: (row) => { |
| | | this.showMaterialPropsDialog(row); |
| | | }, |
| | | } |
| | | ] |
| | | } |
| | |
| | | }, |
| | | // 方法集合 |
| | | methods: { |
| | | validateQuality(){ |
| | | let inboundLength = Number(this.calcInbondLength(this.ifsMaterialPropsForm.startMeterMark,this.ifsMaterialPropsForm.endMeterMark)); |
| | | let testQuantity = Number(this.selectedRow.purQtyInStore); |
| | | if(inboundLength!=null && testQuantity!==inboundLength){ |
| | | this.$message.warning(`入库长度(${inboundLength}km)与检验数量(${testQuantity}km)不符,请确认!`); |
| | | } |
| | | }, |
| | | calcInbondLength(startMeterMark,endMeterMark){ |
| | | let inboundLength = null; |
| | | if((startMeterMark!=null && startMeterMark!=='') && (endMeterMark!=null&&endMeterMark!=='')){ |
| | | let minus = this.$Big(endMeterMark).minus(this.$Big(startMeterMark)); |
| | | inboundLength = Math.abs(minus) |
| | | } |
| | | return inboundLength; |
| | | }, |
| | | saveOrUpdatePartProp(){ |
| | | this.ifsMaterialPropsForm.ifsInventoryId = this.selectedRow.id |
| | | saveOrUpdateProps({ |
| | | ...this.ifsMaterialPropsForm, |
| | | partNo: this.selectedRow.partNo, |
| | | lotBatchNo: this.selectedRow.updateBatchNo, |
| | | contract: this.selectedRow.contract |
| | | }).then((res)=>{ |
| | | if(res.code==200){ |
| | | this.$message.success("保存成功"); |
| | | this.ifsMaterialPropsVisible = false; |
| | | this.refreshView() |
| | | } |
| | | }) |
| | | }, |
| | | getPartProps(ifsId){ |
| | | getOneByIfsId(ifsId).then((res)=>{ |
| | | if(res.code==200 && res.data){ |
| | | this.ifsMaterialPropsForm = res.data; |
| | | } |
| | | }) |
| | | }, |
| | | //打开IFS物料属性弹框 |
| | | showMaterialPropsDialog(row){ |
| | | this.selectedRow = row |
| | | this.getPartProps(row.id) |
| | | this.getOuterColorDicts() |
| | | this.getInsulationColorDicts() |
| | | this.getLetteringInfoDicts() |
| | | this.$nextTick(()=>{ |
| | | this.ifsMaterialPropsVisible = true; |
| | | }) |
| | | }, |
| | | getLetteringInfoDicts(){ |
| | | getDicts("lettering_info_type").then(res=>{ |
| | | if(res.code==200){ |
| | | this.letteringInfoList = res.data |
| | | } |
| | | }) |
| | | }, |
| | | getInsulationColorDicts(){ |
| | | getDicts("insulation_color_type").then(res=>{ |
| | | if(res.code==200){ |
| | | this.insulationColorList = res.data |
| | | } |
| | | }) |
| | | }, |
| | | getOuterColorDicts(){ |
| | | getDicts("outer_color_type").then(res=>{ |
| | | if(res.code==200){ |
| | | this.outerColorList = res.data |
| | | } |
| | | }) |
| | | }, |
| | | closePartPropDialog(){ |
| | | this.ifsMaterialPropsForm = { |
| | | id:null, |
| | | ifsInventoryId: null, |
| | | drumNo: '', // 载具编号 |
| | | startMeterMark: '', // 起始米标 |
| | | endMeterMark: '', // 截止米标 |
| | | insulationColor: '', // 绝缘颜色 |
| | | outerColor: '', // 外护颜色 |
| | | inboundLength: '', // 入库长度 |
| | | letteringInfo: '', // 印字信息 |
| | | } |
| | | this.selectedRow = {} |
| | | this.ifsMaterialPropsVisible = false; |
| | | }, |
| | | // 点击查询回调 |
| | | goSearch() { |
| | | this.page.current = 1 |
| | |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="padding-left: 30px"> |
| | | <el-button size="mini" type="primary" @click="refreshTable()"> 询</el-button> |
| | | <el-button size="mini" type="primary" @click="refreshTable()">查 询</el-button> |
| | | <el-button size="mini" @click="refresh()">重置</el-button> |
| | | </div> |
| | | <div class="search_thing btns" style="padding-left: 30px"> |
| | |
| | | <el-dropdown trigger="click" placement="bottom" @command="(e) => handleCommand(e, m)" |
| | | :disabled="!checkPermi(['performance:class:edit'])" |
| | | style="width: 100%; height: 100%; cursor: pointer"> |
| | | <div class="work-box" :class="{ |
| | | type0: m.shift === '0', |
| | | type1: m.shift === '1', |
| | | type2: m.shift === '2', |
| | | type3: m.shift === '3', |
| | | type4: m.shift === '4', |
| | | type5: m.shift === '5', |
| | | type6: m.shift === '6', |
| | | }"> |
| | | <span style="cursor: pointer" :style="`opacity: ${getShiftByDic(m.shift) == '无' ? 0 : 1 |
| | | };`">{{ getShiftByDic(m.shift) }}</span> |
| | | </div> |
| | | <el-tooltip :disabled="!m.annotationText" :content="m.annotationText"> |
| | | <el-tag @contextmenu.prevent.native="handleContextMenu(m,$event)" class="work-box" :type="getDictTypeByShift(m.shift)">{{ getShiftByDic(m.shift) }}</el-tag> |
| | | </el-tooltip> |
| | | <i v-if="m.checkinResult==='success'" class="el-icon-success" style="position: relative;top:-20px;color:#67c23a;"></i> |
| | | <i v-else-if="m.checkinResult==='fail'" class="el-icon-warning" style="position: relative;top:-20px;color:#f56c6c;"></i> |
| | | <svg v-if="m.annotationText" style="position: relative;top:-62px;left:31px;" t="1772437700487" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6193" width="12" height="12"><path d="M751.228537 117.332567c-1.023063 7.672974-1.470653 15.601715-1.278829 23.466514l1.278829 41.434062-32.418317 25.768406L473.466862 402.639333l-34.656268 27.494825-42.137418-13.747412a332.495559 332.495559 0 0 0-270.280524 28.965478l193.742604 194.637785 49.107037 49.362802 14.51471 14.642593 193.99837 194.829609a331.21673 331.21673 0 0 0 29.732776-271.559353l-13.747413-42.137418 27.494825-34.656268 194.509902-245.535182 25.768406-32.354375 41.434062 1.278829 4.220136 0.127883c6.522028 0 13.044057-0.44759 19.438202-1.406712l-155.377732-155.24985zM734.539817 0c9.719101 0 19.566085 3.644663 27.111177 11.189754l251.034146 250.650499a38.236989 38.236989 0 0 1-5.946555 59.081903 219.255244 219.255244 0 0 1-119.570518 35.359623c-2.301892 0-4.539843 0-6.841736-0.127882L685.752488 601.689078a413.253615 413.253615 0 0 1-71.742311 388.764038 39.451877 39.451877 0 0 1-58.378547 2.941307l-235.752139-236.775202L64.497325 1012.193211a37.277867 37.277867 0 1 1-52.623816-52.7517l255.510048-255.57399L31.631418 467.092319a39.451877 39.451877 0 0 1 3.197072-58.378548 411.399313 411.399313 0 0 1 258.771063-91.244454c43.480188 0 86.832494 6.905677 128.586263 20.461265l245.407299-194.573843A218.871596 218.871596 0 0 1 702.56909 17.264192a37.981223 37.981223 0 0 1 31.970727-17.264192z" fill="#f56c6c" p-id="6194"></path></svg> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item v-for="(n, j) in classType" :key="'h' + j" :command="n.dictValue">{{ n.dictLabel |
| | | }}</el-dropdown-item> |
| | |
| | | style="margin-top: 10px; text-align: right; margin-right: 30px"> |
| | | </el-pagination> |
| | | |
| | | <ul v-show="showMenu" |
| | | class="contextmenu" |
| | | :style="{left:menuX+'px',top:menuY+'px'}" |
| | | @click.stop> |
| | | <li @click="editAnnotation()">编辑批注</li> |
| | | <li class="divider"></li> |
| | | </ul> |
| | | <el-dialog title="时间配置" :visible.sync="configTimeVisible" width="620px"> |
| | | <div v-loading="configTimeVisibleLoading" style="min-height: 200px"> |
| | | <div v-for="(item, index) in timeQuery"> |
| | |
| | | obtainItemParameterList, |
| | | update, |
| | | selectUserCondition, |
| | | editAnnotationText |
| | | } from "@/api/performance/class"; |
| | | export default { |
| | | name: 'Class', |
| | |
| | | }, |
| | | list: [], |
| | | currentPage: 1, // 当前页 |
| | | pageSize: 6, // 一页10条 |
| | | pageSize: 20, // 一页10条 |
| | | total: 0, |
| | | pageLoading: false, // 组件loading的展示,默认为true |
| | | finishLoding: false, // 加载完成,显示已经没有更多了 |
| | |
| | | configTimeVisibleLoading: false, // 时间配置弹框loading |
| | | timeTypeList: [], |
| | | timeQuery: [], |
| | | showMenu: false, |
| | | menuX: 0, |
| | | menuY: 0, |
| | | selectedTarget: null, |
| | | }; |
| | | }, |
| | | watch: { |
| | | // 'query.year'(val){ |
| | | // this.monthList = [] |
| | | // if(val.getFullYear()==new Date().getFullYear()){ |
| | | // for(let i=new Date().getMonth()+1;i>0;i--){ |
| | | // this.monthList.push(i) |
| | | // } |
| | | // }else{ |
| | | // for (let i=12;i>0;i--) { |
| | | // this.monthList.push(i) |
| | | // } |
| | | // } |
| | | // this.monthList.reverse() |
| | | // }, |
| | | // 'query.month'(val){ |
| | | // if(!val){ |
| | | // this.currentPage = 1; |
| | | // this.yearList = [] |
| | | // this.initYear() |
| | | // } |
| | | // } |
| | | |
| | | }, |
| | | mounted() { |
| | | document.addEventListener('click', this.handleClickOutside) |
| | | this.selectEnumByCategory(); |
| | | this.obtainItemParameterList(); |
| | | this.getUsers(); |
| | |
| | | } |
| | | this.monthList.reverse(); |
| | | }, |
| | | destroyed() { |
| | | document.removeEventListener('click', this.handleClickOutside) |
| | | }, |
| | | methods: { |
| | | handleContextMenu(target,e) { |
| | | // 阻止浏览器默认右键菜单 |
| | | e.preventDefault() |
| | | |
| | | const menuMinWidth = 105 |
| | | const offsetLeft = this.$el.getBoundingClientRect().left // container margin left |
| | | const offsetWidth = this.$el.offsetWidth // container width |
| | | const maxLeft = offsetWidth - menuMinWidth // left boundary |
| | | const left = e.clientX - offsetLeft + 15 // 15: margin right |
| | | |
| | | if (left > maxLeft) { |
| | | this.menuX = maxLeft |
| | | } else { |
| | | this.menuX = left |
| | | } |
| | | this.menuY = e.clientY - 60 |
| | | // 显示菜单 |
| | | this.selectedTarget = target |
| | | this.showMenu = true |
| | | }, |
| | | editAnnotation() { |
| | | // 点击菜单后关闭菜单 |
| | | this.showMenu = false |
| | | if(this.selectedTarget && !this.selectedTarget.shift){ |
| | | this.$message.warning('请先选择班次') |
| | | return |
| | | } |
| | | this.$prompt('', '编辑批注', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | inputType:'textarea', |
| | | inputPlaceholder:'填写批注内容', |
| | | inputPattern: /^.{0,100}$/, |
| | | inputErrorMessage: '最大输入100个字符' |
| | | }).then(({ value }) => { |
| | | editAnnotationText({ |
| | | id:this.selectedTarget.id, |
| | | annotationText:value |
| | | }).then(res=>{ |
| | | this.refreshTable() |
| | | this.$message.success("提交成功") |
| | | }) |
| | | }).catch(() => { }); |
| | | }, |
| | | handleClickOutside() { |
| | | this.showMenu = false |
| | | }, |
| | | getDictTypeByShift(e) { |
| | | let obj = this.classType.find((m) => m.dictValue == e); |
| | | if (obj) { |
| | | return obj.listClass; |
| | | } |
| | | return ""; |
| | | }, |
| | | refresh() { |
| | | this.list = []; |
| | | this.yearList = []; |
| | |
| | | } |
| | | return item; |
| | | }); |
| | | console.log(this.list) |
| | | let headerList = res.data.headerList; |
| | | this.weeks = []; |
| | | headerList.forEach((item) => { |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style scoped lang="scss"> |
| | | .class-page { |
| | | padding: 10px; |
| | | } |
| | | |
| | | .form_title { |
| | | height: 36px; |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | font-weight: 800; |
| | | } |
| | | |
| | | .search { |
| | |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | background: #edeff2; |
| | | justify-content: center; |
| | | border-radius: 8px 8px 8px 8px; |
| | | color: #999; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .work-box.type0 { |
| | | background: rgba(58, 123, 250, 0.15); |
| | | color: #3a7bfa !important; |
| | | } |
| | | |
| | | .work-box.type0 span { |
| | | color: #3a7bfa !important; |
| | | } |
| | | |
| | | .work-box.type1 { |
| | | background: #e3dcfe; |
| | | color: #635998 !important; |
| | | } |
| | | |
| | | .work-box.type1 span { |
| | | color: #635998 !important; |
| | | } |
| | | |
| | | .work-box.type2 { |
| | | background: #fae2ca; |
| | | color: #bc8d5e !important; |
| | | } |
| | | |
| | | .work-box.type2 span { |
| | | color: #bc8d5e !important; |
| | | } |
| | | |
| | | .work-box.type3 { |
| | | background: #e1f3d8; |
| | | color: #67c23a !important; |
| | | } |
| | | |
| | | .work-box.type3 span { |
| | | color: #67c23a !important; |
| | | } |
| | | |
| | | .work-box.type4 { |
| | | background: #fde2e2; |
| | | color: #f56c6c !important; |
| | | } |
| | | |
| | | .work-box.type4 span { |
| | | color: #f56c6c !important; |
| | | } |
| | | |
| | | .work-box.type5 { |
| | | background: #ff46c145; |
| | | color: #ff46c0 !important; |
| | | } |
| | | |
| | | .work-box.type5 span { |
| | | color: #ff46c0 !important; |
| | | } |
| | | |
| | | .work-box.type6 { |
| | | background: #00036418; |
| | | color: #000464 !important; |
| | | } |
| | | |
| | | .work-box.type6 span { |
| | | color: #000464 !important; |
| | | } |
| | | |
| | | .work-box-left { |
| | | display: flex; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | line-height: 24px; |
| | | } |
| | | |
| | | .content-user { |
| | | width: 100%; |
| | | height: 70px; |
| | |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | } |
| | | |
| | | /* 自定义右键菜单样式 */ |
| | | .contextmenu { |
| | | margin: 0; |
| | | background: #fff; |
| | | z-index: 3000; |
| | | position: absolute; |
| | | list-style-type: none; |
| | | padding: 5px 0; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: #333; |
| | | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3); |
| | | li { |
| | | margin: 0; |
| | | padding: 7px 16px; |
| | | cursor: pointer; |
| | | &:hover { |
| | | background: #eee; |
| | | } |
| | | } |
| | | } |
| | | </style> |