<script setup l
ang
="ts">
imp
ort { ref, reactive, watch, onMounted, computed, t
oRefs, onUnmounted } from 'vue'
imp
ort { buildGridConfig,validateStr
ingLength,isAdm
in,f
ormAllStr
ingValueTrim } from 'util/common'
imp
ort * as _data from '
./data'
imp
ort * as dhtmlxe from 'util/dhtmlxe'
imp
ort { MESSAGE_
INFO,REG } from 'util/const
ant'
imp
ort * as _url from '@/api/V93000/TesterGroup'
imp
ort UploadFile from '@/components/Common/UploadFile
.vue'
imp
ort { ElMessage, ElMessageBox, type F
orm
Inst
ance } from 'element-plus'
imp
ort _lodash from 'lodash'
imp
ort {getDeviceListApi} from '@/api/V93000/DeviceM
anagement'
imp
ort { load } from '@/components/Load
ing/
index'
imp
ort st
ore from '@/st
ore/
index
.js'
imp
ort { SessionSt
orage, iso8601ToDateStr
ing, getPageDurationData } from '@/util/common'
const props:
any
= def
ineProps
({
testerSidebar:Str
ing,
selectL
ink:{},
isM
anualSelect:Boole
an
}
)
//公共数据维护
const gtype
= _data
.gtype
const rsource
= {testerconfig:{
hide:false,v:'tester',text:"Refer Tester Config"},device:{
hide:false,v:'device',text:"Refer Device"},model:{
hide:false,v:'modelfile',text:"Model File"}}
const smt_platf
orm
= {smt7:{v:0,text:"SMT7
(<7
.10
)"},smt710:{v:2,text:"SMT7
(>
=7
.10
)"},smt8:{v:1,text:"SMT8"}}
const modeType
= {relax:{v:1,text:"Strict Mode"},strict:{v:2,text:"Relax Mode"}}
// 弹窗显示维护
const showRuleEditFlag
= ref
(false
)
const showGroupEditFlag
= ref
(false
)
const showRuleDetailFlag
= ref
(false
)
const showTester
= ref
(false
)
const refData
= reactive
({clearFileFlag:false,groupGridNumber:0 }
)
const f
ormLabelWidth
= '140px'
const ruleColSp
an=12
const selectTesterId
= ref
()
const selectGroupId
= ref
()
const getDetail
= ref
()
// 为了避免多次渲染grid，全局grid维护
let groupGrid:
any
let groupTesterGrid:
any
let testerListGrid:
any
let gtGrid_g_id:Number
= 0 //选中的grid id
// rule 编辑弹窗的三个grid，编辑时选中rule_
index 维护
let stesterGrid:
any
let sdeviceGrid:
any
let show_ruleGrid:
any
let showRuleDetailGrid:
any
let testerDetailGrid:
any
let testerDetailLayout:
any
const ruleF
ormRef
= ref
()
const groupF
ormRef
= ref
()
// 全局group 和 tester数据维护
let group_list:
any, tester_list:
any, edit_group_t:
any
// 弹窗的title
let groupTitle:str
ing
= "Add Group"
let ruleTitle:str
ing
= "Add Rule"
let is_adm
in = isAdm
in()
let clickType
= ref
(false
)
const allTesterList
= ref<
any[]>
([]
) // 完整数据
let currentViewTids: number[]
= []
const f
ormGroup
= reactive
({
gname: '',
id:0,
gtype: gtype
.auto,
g_tids:[]
}
)
const f
ormRule
= reactive
({
id:0,
gid:"0",
status:1,
name:"",
rule_type:gtype
.auto,
source:rsource
.testerconfig
.v,
is_strict:modeType
.strict
.v,
smt:smt_platf
orm
.smt7
.v,
reference:[],
rule:[],
pogofile:"",
modulefile:""
}
)
let selectedRuleList:
any
= null
const commonRulesByGroup
= reactive
({
gname:[
{ required:
true, message: 'Please
Input', trigger: 'blur' },
{pattern: REG
.N
ORMAL_STR
INT8, message: MESSAGE_
INFO
.VALIDATE_N
ORMAL_STR
ING7,trigger: ['blur']},
{ max: 60,validat
or: validateStr
ingLength, trigger: 'blur' }
],
rname:[
{ required:
true, message: 'Please
Input', trigger: 'blur' },
{ max: 60,validat
or: validateStr
ingLength, trigger: 'blur' }
]
}
)
onMounted
(() => {
initStart
()
init
()
reflushGroupList
()
w
indow
.addEventListener
('ch
ange', h
andleCh
ange
)
}
)
onUnmounted
(() => {
props
.selectL
ink
= undef
ined
document.removeEventListener
('ch
ange', h
andleCh
ange
)
}
)
watch
(
() => props
.isM
anualSelect,
(newValue, oldValue
) => { props
.isM
anualSelect
= newValue }
)
//跳转至Tab页面统计之前页面停留时长
const
initStart
= ()=> {
//调用接口处理
st
ore
.dispatch
('updatePageDurationData', getPageDurationData
())
//记录当前页面
SessionSt
orage
.set
('lastFeature', 'tester-group-setup'
)
SessionSt
orage
.set
('lastFeatureTime', iso8601ToDateStr
ing
(new Date
().toISOStr
ing
()))
}
const
init
= async
()=>{
let layout
= new dhx
.Layout
("tester_group_layout", _data
.TESTER_GROUP_LIST_LAYOUT
)
let current
Columns = _data
.GROUP_LIST
if
( !is_adm
in ) current
Columns = _data
.GROUP_LIST
.filter
((item:
any
)=>{ return item
.id !
= 'action'}
)
groupGrid
= new dhx
.TreeGrid
(null, buildGridConfig
(current
Columns,{autoWidth:
true}
))
groupGrid
.selection
.setCell
(groupGrid
.data
.getItem
(groupGrid
.data
.getId
(1
)), groupGrid
.config
.columns[0]
);
layout
.getCell
('group'
).attach
(groupGrid
)
if
(props
.selectL
ink && props
.isM
anualSelect && clickType
.value
== false
) {
setTimeout
(() => {
selectGroupId
.value
= props
.selectL
ink
.group_id
groupGrid
.selection
.setCell
(props
.selectL
ink
.group_id
)
selectedRuleList
= group_list[props
.selectL
ink
.group_id]?
.rule_list
if
(selectedRuleList
) {
const ruleIds
= Object
.values
(selectedRuleList
).map
((r:
any
) => r
.id
)
selectTesterId
.value
= ruleIds
}
}, 500
)
}
groupGrid
.events
.on
("cellClick",function
(row:
any,column:
any,e:
any
){
selectGroupId
.value
= row
.gid
if
(row
.rule_id
== undef
ined
){
const ruleIds
= Object
.values
(group_list[row
.g_id]
.rule_list
)
.map
((r:
any
) => r
.id
)
selectTesterId
.value
= ruleIds
}else{
selectTesterId
.value
= [row
.rule_id]
}
if
(column
.id
== "status" && row
.status !
= undef
ined
) {
let status
= row
.status
== 1 ? 0 : 1
groupGrid
.data
.update
(row
.id, { status:status }
)
_url
.ch
angeRuleStatus
({id:row
.rule_id,status:status}
).then
(function
(res
){
if
(res
) {
group_list[row
.g_id]['rule_list'][row
.r_
index]['status']
= status
group_list[row
.g_id]['rule_list'][row
.r_
index]['tids']
= res
.data
reflushGroupTesterList
()
}
}
)
} else if
(column
.id
== "action"
) {
btnOnClick
(row,column,e
)
}
const data
= row?
.rule_list
const allTidsEmpty
= Object
.values
(data
).every
(rule
=>
Array
.isArray
(rule
.tids
) && rule
.tids
.length
=== 0
)
if
(allTidsEmpty
) {
groupTesterGrid
.data
.removeAll
()
}
let gid
= row
.g_id
if
(gtGrid_g_id
== gid
) return
gtGrid_g_id
= gid
reflushGroupTesterList
()
}
)
groupTesterGrid
= new dhx
.Grid
(null, buildGridConfig
(_data
.GROUP_TESTER_LIST,{autoWidth:
true,autoHeight:
true}
))
groupTesterGrid
.columns = initGridColumnFunc
(_data
.GROUP_TESTER_LIST
)
layout
.getCell
("group_rule_tester_grid"
).attach
(groupTesterGrid
)
dhtmlxe
.initPag
ination
(groupTesterGrid,layout,"group_rule_tester"
)
initGridEvent
()
}
const
initGridColumnFunc
= (columns:
any
) => {
f
or (let key
in columns) {
if
("reference"
== columns[key]
.id
) {
columns[key]
.htmlEnable
= true
columns[key]
.template
= function
(row,value
) {
const checked
= value
.count_current ? 'checked' : '';
return `
<div style
="
display:flex;align-items:center;marg
in-left:20px;">
<!-- 图标 -->
<i class
="dxi dxi-l
ink-vari
ant"
style
="curs
or:po
inter;font-size:16px;marg
in-right:8px;flex-shr
ink:0;"
title
="Show Detail"></i>
<!-- 勾选框 -->
<label class
="dhx_checkbox dhx_cell-edit
or__checkbox ">
<
input type
="checkbox" id
="header_check" ${checked} class
="dhx_checkbox__
input dhx_checkbox--check-all">
<sp
an class
="dhx_checkbox__visual-
input "></sp
an>
</label>
</div>`
}
}
}
return
columns
}
const
initGridEvent
= ()=>{
groupTesterGrid
.events
.on
("cellClick", function
(row:
any, column:
any, e:
any
) {
if
(column
.id
=== "reference"
){
const rules
= Object
.values
(group_list[gtGrid_g_id]?
.rule_list || {}
)
const referenceTesterIds: number[]
= []
rules
.f
orEach
((r:
any
) => {
if
(Array
.isArray
(r
.reference_tester
)) {
referenceTesterIds
.push
(...r
.reference_tester
.map
(Number
))
}
}
)
const isCurrentlyReferenced
= referenceTesterIds
.includes
(Number
(row
.id
))
const currentRow
= groupTesterGrid
.data
.getItem
(row
.id
)
if
(currentRow && currentRow
.count_current !
== (isCurrentlyReferenced ? 1 : 0
)) {
groupTesterGrid
.data
.update
(row
.id, { count_current: isCurrentlyReferenced ? 1 : 0 }
)
}
if
(e
.target
.tagName
.toLowerCase
() == 'i'
){
let params
= {
tid: row
.id,
rsource: "tester"
}
_url
.getReferenceDetailApi
(params
).then
((res
)=>{
if
(res && res
.code
== 200
){
showTester
.value
= true
getDetail
.value
= res
.data
.reference
}
}
)
}
else if
(e
.target
.tagName
.toLowerCase
() === '
input'
) {
const checkbox
= e
.target as HTML
InputElement
const testerId
= row
.id
if
(props
.selectL
ink && props
.isM
anualSelect && clickType
.value
== false
) {
setTimeout
(() => {
groupTesterGrid
.data
.f
orEach
((item:
any
) => {
groupTesterGrid
.data
.update
(item
.id, { count_current: 0 }
)
}
)
groupTesterGrid
.data
.update
(testerId, { count_current: checkbox
.checked ? 1 : 0 }
)
const rules
= Object
.values
(group_list[props
.selectL
ink
.group_id]?
.rule_list
)
rules
.f
orEach
((r:
any
) => {
if
(r
.status
=== 1
) r
.reference_tester
= []
}
)
}, 500
)
}else{
const rules
= Object
.values
(group_list[gtGrid_g_id]?
.rule_list
)
rules
.f
orEach
((r:
any
) => {
if
(r
.status
=== 1
) r
.reference_tester
= []
}
)
}
const ruleIds
= Array
.isArray
(selectTesterId
.value
) ? selectTesterId
.value : [selectTesterId
.value];
const rawValue
= Str
ing
(selectGroupId
.value || ''
);
const group_id
= rawValue
.startsWith
('rule_'
) ? rawValue
.replace
(/^rule_/, ''
) : rawValue;
groupTesterGrid
.data
.f
orEach
((item:
any
) => {
groupTesterGrid
.data
.update
(item
.id, { count_current: 0 }
)
}
)
// 再点亮当前行
groupTesterGrid
.data
.update
(testerId, { count_current: checkbox
.checked ? 1 : 0 }
)
const data
= {
tester_id: testerId,
is_reference: checkbox
.checked ? 1 : 0,
group_id
}
_url
.saveReferenceApi
(data
).then
(res
=> {
groupTesterGrid
.data
.update
(testerId, { reference_tester: testerId }
)
if
(res && res
.code
=== 200
) {
ElMessage
.success
(MESSAGE_
INFO
.CO_SAVE_SUCCESS
)
if
(selectedRuleList
) {
const ruleList
= group_list[gtGrid_g_id]?
.rule_list ?? {}
ruleIds
.f
orEach
((rId: number
) => {
f
or (const key
in ruleList
) {
const rule
= ruleList[key]
if
(rule
.id
=== Number
(rId
)) {
rule
.reference_tester
= checkbox
.checked ? [testerId] : []
break
}
}
}
)
} else {
const ruleList
= group_list[gtGrid_g_id]?
.rule_list ?? {}
ruleIds
.f
orEach
((rId: number
) => {
f
or (const key
in ruleList
) {
const rule
= ruleList[key]
if
(rule
.id
=== Number
(rId
)) {
rule
.reference_tester
= checkbox
.checked ? [testerId] : []
break // 找到就停，避免无意义循环
}
}
}
)
syncCheckboxState
()
}
groupTesterGrid
.data
.update
(testerId, { count_current: checkbox
.checked ? 1 : 0 }
)
} else {
/* 失败回滚 UI */
checkbox
.checked
= !checkbox
.checked
const target
= groupTesterGrid
.data
.getItem
(testerId
)
if
(target
) groupTesterGrid
.data
.update
(testerId, { count_current: checkbox
.checked ? 1 : 0 }
)
}
}
)
}
}else{
}
}
)
}
const syncCheckboxState
= () => {
const rules
= Object
.values
(group_list[gtGrid_g_id]?
.rule_list || {}
)
const referenceTesterIds: number[]
= []
rules
.f
orEach
((r:
any
) => {
if
(Array
.isArray
(r
.reference_tester
)) {
referenceTesterIds
.push
(...r
.reference_tester
.map
(Number
))
}
}
)
groupTesterGrid
.data
.f
orEach
((row:
any
) => {
const shouldBeChecked
= referenceTesterIds
.includes
(Number
(row
.id
))
if
(row
.count_current !
== (shouldBeChecked ? 1 : 0
)) {
groupTesterGrid
.data
.update
(row
.id, { count_current: shouldBeChecked ? 1 : 0 }
)
}
}
)
}
const getFirstRule
= (rulelist:
any
) =>{
f
or(let r_k
in rulelist
){
return rulelist[r_k]
}
}
const getGroupTids
= (rulelist:
any
) =>{
let tids:
any
= []
f
or(let r_k
in rulelist
){
if
(rulelist[r_k]['status']
== 1
) {
tids
= _lodash
.concat
(tids,rulelist[r_k]['tids']
)
}
}
return _lodash
.uniq
(tids
)
}
const btnOnClick
=(row:
any,column:
any,e:
any
)=>{
let key
= e
.target
.getAttribute
("key"
)
clickType
.value
= true
switch
(key
) {
case "addrule":
initRulePage
('add',row
)
break
case "editrule":
initRulePage
('edit',row
)
break
case "delrule":
initRulePage
('rm',row
)
break
case "editgroup":
initGroupPage
('edit'
)
break
case "delgroup":
initGroupPage
('rm'
)
break
case "detailrule":
showRuleDetailFlag
.value
= true
break
}
}
const reflushGroupTesterList
= () => {
groupTesterGrid
.data
.removeAll
()
const exp
andedIds
= groupGrid
.getExp
anded ? groupGrid
.getExp
anded
() : []
const referenceTesterIds: number[]
= []
if
(!group_list[gtGrid_g_id]
) return
Object
.values
(group_list[gtGrid_g_id]
.rule_list
).f
orEach
((r:
any
) => {
if
(Array
.isArray
(r
.reference_tester
)) {
referenceTesterIds
.push
(...r
.reference_tester
.map
(Str
ing
)) // 转成字符串
}
}
)
const g_tids
= getGroupTids
(group_list[gtGrid_g_id]
.rule_list
)
if
(!g_tids || g_tids
.length
=== 0
) return
const
rows:
any[]
= []
const rule_tester:
any
= {}
if
(group_list[gtGrid_g_id]
.gtype
=== gtype
.auto
) {
f
or (const i
in g_tids
) {
const tid
= g_tids[i]
rule_tester[tid]
= []
f
or (const j
in group_list[gtGrid_g_id]
.rule_list
) {
const temp_tids
= group_list[gtGrid_g_id]
.rule_list[j]['tids']
if
(temp_tids
.indexOf
(tid
) !
== -1
) {
rule_tester[tid]
.push
(group_list[gtGrid_g_id]
.rule_list[j]['name']
)
}
}
}
}
f
or (const i
in g_tids
) {
const t
= tester_list[g_tids[i]]
if
(!t
) cont
inue;
const rname
= rule_tester[g_tids[i]] ? rule_tester[g_tids[i]]
.jo
in("\n"
) : ''
const checked
= referenceTesterIds
.includes
(Str
ing
(t
.id
)) ? 1 : 0
rows.push
({
tid: t
.tid,
tname: t
.tname,
rname,
id: t
.id,
count_current: checked,
rule_list:t
.rule_list
}
)
}
exp
andedIds
.f
orEach
(id
=> {
if
(groupGrid
.data
.getItem
(id
)) {
groupGrid
.exp
and
(id
)
}
}
)
groupTesterGrid
.data
.parse
(rows)
// groupTesterGrid
.data
.removeAll
()
// if
(!group_list[gtGrid_g_id]
) return;
// const referenceTesterIds: number[]
= []
// if
(!group_list[gtGrid_g_id]
) return
// Object
.values
(group_list[gtGrid_g_id]
.rule_list
).f
orEach
((r:
any
) => {
// if
(Array
.isArray
(r
.reference_tester
)) {
// referenceTesterIds
.push
(...r
.reference_tester
.map
(Str
ing
)) // 转成字符串
// }
// }
)
// let g_tids
= getGroupTids
(group_list[gtGrid_g_id]
.rule_list
)
// if
(!g_tids || g_tids
.length
== 0
) return
// let
rows = []
// // 初始化每个tester 的rule
// let rule_tester:
any
= {}
// if
( group_list[gtGrid_g_id]['gtype']
== gtype
.auto
) {
// f
or (var i
in g_tids
){
// let tid
= g_tids[i]
// rule_tester[tid]
= []
// f
or (var j
in group_list[gtGrid_g_id]
.rule_list
){
// var temp_tids
= group_list[gtGrid_g_id]
.rule_list[j]['tids']
// if
(temp_tids
.indexOf
(tid
) !
= -1
) {
// rule_tester[tid]
.push
(group_list[gtGrid_g_id]
.rule_list[j]['name']
)
// }
// }
// }
// }
// f
or (var i
in g_tids
){
// var t
= tester_list[g_tids[i]];
// if
(!t
) cont
inue;
// const checked
= referenceTesterIds
.includes
(Str
ing
(t
.id
)) ? 1 : 0
// var rname
= rule_tester[g_tids[i]] ? rule_tester[g_tids[i]]
.jo
in("\n"
):'';
//
rows.push
({
// tid: t
.tid,
// tname: t
.tname,
// rname,
// id: t
.id,
// count_current: checked,
// rule_list:t
.rule_list
// }
)
// }
// groupTesterGrid
.data
.parse
(rows)
}
const reflushL
inkList
= (id:
any
) =>{
// groupTesterGrid
.data
.removeAll
()
if
(!group_list[id]
) return
const referenceTesterIds: number[]
= []
group_list
= group_list
Object
.values
(group_list[id]
.rule_list
).f
orEach
((r:
any
) => {
if
(Array
.isArray
(r
.reference_tester
)) {
referenceTesterIds
.push
(...r
.reference_tester
.map
(Str
ing
)) // 转成字符串
}
}
)
let g_tids
= getGroupTids
(group_list[id]
.rule_list
)
console
.log
(g_tids,"g_tids"
)
if
(!g_tids || g_tids
.length
== 0
) return
let
rows = []
// 初始化每个tester 的rule
let rule_tester:
any
= {}
if
( group_list[id]['gtype']
== gtype
.auto
) {
f
or (var i
in g_tids
){
let tid
= g_tids[i]
rule_tester[tid]
= []
f
or (var j
in group_list[id]
.rule_list
){
var temp_tids
= group_list[id]
.rule_list[j]['tids']
if
(temp_tids
.indexOf
(tid
) !
= -1
) {
rule_tester[tid]
.push
(group_list[id]
.rule_list[j]['name']
)
}
}
}
}
f
or (var i
in g_tids
){
var t
= tester_list[g_tids[i]]
if
(!t
) cont
inue;
var rname
= rule_tester[g_tids[i]] ? rule_tester[g_tids[i]]
.jo
in("\n"
):''
const checked
= referenceTesterIds
.includes
(Str
ing
(t
.id
)) ? 1 : 0
console
.log
(referenceTesterIds
.includes
(Str
ing
(t
.id
)),"referenceTesterIds"
)
rows.push
({tid:t['tid'],tname:t['tname'],rname,id:t['id'],count_current: checked}
)
}
groupTesterGrid
.data
.parse
(rows)
initGridEvent
()
}
const reflushGroupList
=(gid?:
any
)=>{
load
.show
()
_url
.testerGroup
Init
().then
(function
(res:
any
){
load
.hide()
group_list
= res
.data
.group_list
tester_list
= res
.data
.tester_list
groupGrid
.data
.removeAll
()
groupTesterGrid
.data
.removeAll
()
if
(props
.selectL
ink && props
.isM
anualSelect && clickType
.value
== false
) {
console
.log
(props
.selectL
ink
.group_id,"props
.selectL
ink
.group_id"
)
setTimeout
(() => {
reflushL
inkList
(props
.selectL
ink
.group_id
)
}, 500
)
}
gtGrid_g_id
= 0
if
( !res
) {
refData
.groupGridNumber
= 0
return;
}
let
rows = []
f
or (var g_id
in res
.data
.group_list
){
var gdata
= res
.data
.group_list[g_id]
rows.push
({g_id:g_id,id:g_id,gname:gdata['gname'],gtype:gdata['gtype'],gid:gdata['gid'],rule_list:gdata['rule_list']}
)
f
or(var r_k
in gdata['rule_list']
){
var rdata
= gdata['rule_list'][r_k]
if
(rdata['rule_type'] !
= gtype
.auto
) cont
inue
rows.push
({g_id:g_id,id:"rule_"+r_k,parent:g_id,gid:gdata['gid'], status:rdata['status'],rule_list:gdata['rule_list'],
rname:rdata['name'],rule_id:rdata['id'],r_
index:r_k,
rtype:modeType
.strict
.v
== rdata['is_strict'] ? modeType
.strict
.text : modeType
.relax
.text,count_current: 0,reference_tester: []}
)
}
}
refData
.groupGridNumber
= rows.length
groupGrid
.data
.parse
(rows)
groupGrid
.collapseAll
()
if
(gid
) {
groupGrid
.exp
and
(gid
)
gtGrid_g_id
= gid
reflushGroupTesterList
()
}
}
)
}
// 使用elment标签画页面
// edit group code
const
initGroupPage
= (action:Str
ing
)=>{
emit
("
initGroupPage"
)
if
(action
== "add"
){
groupTitle
= "Add Group"
f
ormGroup
.id
= 0
f
ormGroup
.gname
= ""
f
ormGroup
.gtype
= gtype
.auto
f
ormGroup
.g_tids
= []
showGroupEditFlag
.value
= true
return
}
const selectedCell
= groupGrid
.selection
.getCell
();
if
(!selectedCell
) {
ElMessage
.warn
ing
(MESSAGE_
INFO
.TSG_SELECT_GROUP
)
return
}
let row
= selectedCell
.row
if
( action
== "edit"
) {
let gdata
= group_list[row
.g_id]
groupTitle
= "Edit Group"
f
ormGroup
.gname
= gdata
.gname
f
ormGroup
.gtype
= gdata
.gtype
f
ormGroup
.id
= gdata
.id
f
ormGroup
.g_tids
= getGroupTids
(gdata
.rule_list
)
showGroupEditFlag
.value
= true
} else if
( action
== "rm"
) {
ElMessageBox
.confirm
(MESSAGE_
INFO
.TSG_DEL_CONFIRM,'Warn
ing',{confirmButtonText: 'OK',c
ancelButtonText: 'C
ancel',type: 'warn
ing',c
ancelButtonClass:'confirm_c
ancel_button'}
).then
(function
(){
_url
.delGroup
({id:row
.g_id}
).then
(function
(res
){
if
( !res
) return;
ElMessage
.success
(MESSAGE_
INFO
.CO_DEL_SUCCESS
)
reflushGroupList
()
}
)
}
)
}
}
const showEditGroupNewCallback
= ()=>{
testerListGrid
= new dhx
.Grid
("showGroupTester", buildGridConfig
(_data
.M
ANUAL_TESTER,{autoWidth:
true,multiselection:
true}
))
if
(!edit_group_t
) {
edit_group_t
= []
f
or(var t
in tester_list
){
var t_t
= tester_list[t];
edit_group_t
.push
({id:t,tid:t_t['tid'],tname:t_t['tname'],site:t_t['site']}
)
}
}
testerListGrid
.data
.parse
(edit_group_t
)
testerListGrid
.events
.on
("cellClick",function
(row:
any,column:
any
){
if
( 'select'
== column
.id
) {dhtmlxe
.select
OrUnselectCheckbox
(testerListGrid
)}
}
)
// group 弹窗初始化
if
(f
ormGroup
.id
){
// if
(f
ormGroup
.gtype
== gtype
.auto
) refreshGroupByRule
(true);
if
(f
ormGroup
.gtype
== gtype
.m
anual
) {
testerListGrid
.data
.f
orEach
(function
(item:
any
) {
if
(f
ormGroup
.g_tids
.indexOf
(item
.id
) == -1
) {
item
.select
= 0
} else {
item
.select
= 1
}
}
)
}
} else {
testerListGrid
.data
.f
orEach
(function
(item:
any
) {
item
.select
= 0
}
)
}
}
const saveGroup
Info
= (el:
any
) =>{
if
(!el
) return;
el
.validate
((valid:boole
an) => {
if
(valid
) {
let f
ormData
= _lodash
.cloneDeep
(f
ormGroup
)
if
( f
ormData
.gtype
== gtype
.m
anual
) {
f
ormData
.g_tids
= []
let
initData
= testerListGrid
.data
.get
InitialData
()
f
or (let
index
= 0;
index <
initData
.length;
index++
) {
const item
= initData[
index]
if
(item
.select
) f
ormData
.g_tids
.push
(item
.id
)
}
}
f
ormData
= f
ormAllStr
ingValueTrim
(f
ormData
)
_url
.saveGroup
(f
ormData
).then
(function
(res:
any
){
if
( !res
) return;
if
( res
.code !
= 200
) return
ElMessage
.success
(MESSAGE_
INFO
.CO_SAVE_SUCCESS
)
reflushGroupList
(f
ormGroup
.id
)
showGroupEditFlag
.value
= false
}
)
}
}
)
}
const
initRulePage
=(action:Str
ing,row:
any
)=>{
f
ormRule
.gid
= row
.g_id
if
(action
== "add"
){
ruleTitle
= "Add Rule"
f
ormRule
.id
= 0
f
ormRule
.status
= 1
f
ormRule
.name
= ""
f
ormRule
.source
= rsource
.testerconfig
.v
f
ormRule
.is_strict
= modeType
.strict
.v
f
ormRule
.smt
= smt_platf
orm
.smt7
.v
f
ormRule
.reference
= []
f
ormRule
.rule
= []
showRuleEditFlag
.value
= true
return
}
const selectedCell
= groupGrid
.selection
.getCell
();
if
(!selectedCell
) {
ElMessage
.warn
ing
(MESSAGE_
INFO
.TSG_SELECT_RULE
)
return
}
let rdata
= group_list[row
.g_id]
.rule_list[row
.r_
index]
if
( action
== "edit"
) {
ruleTitle
= "Edit Rule"
f
ormRule
.id
= rdata
.id
f
ormRule
.status
= rdata
.status
f
ormRule
.name
= rdata
.name
f
ormRule
.source
= rdata
.source
f
ormRule
.is_strict
= rdata
.is_strict
f
ormRule
.smt
= rdata
.smt
f
ormRule
.reference
= rdata
.reference
f
ormRule
.rule
= rdata
.rule
showRuleEditFlag
.value
= true
} else if
( action
== "rm"
) {
ElMessageBox
.confirm
(MESSAGE_
INFO
.TSG_DEL_RULE_CONFIRM,'Warn
ing',{confirmButtonText: 'OK',c
ancelButtonText: 'C
ancel',type: 'warn
ing',c
ancelButtonClass:'confirm_c
ancel_button'}
).then
(function
(){
_url
.delRule
({id:rdata
.id}
).then
(function
(res
){
if
( !res
) return;
ElMessage
.success
(MESSAGE_
INFO
.CO_DEL_SUCCESS
)
delete group_list[row
.g_id]
.rule_list[row
.r_
index]
groupGrid
.data
.remove
(row
.id
)
reflushGroupTesterList
()
}
)
}
)
}
}
const showEditRuleNewCallback
= ()=>{
if
(stesterGrid
== undef
ined
){
stesterGrid
= new dhx
.Grid
("showRuleTester", buildGridConfig
(_data
.RULE_S_TESTER,{autoWidth:
true}
))
f
or(var t
in tester_list
){
var t_t
= tester_list[t];
if
(t_t
.snapshots_id
== null
) cont
inue
stesterGrid
.data
.add
(t_t
);
}
stesterGrid
.events
.on
("cellClick",function
(row,column,e
){
flashRule
({tid:row
.id}
);
}
)
}
if
(sdeviceGrid
== undef
ined
) {
sdeviceGrid
= new dhx
.Grid
("showRuleDevice", buildGridConfig
(_data
.RULE_S_DEVICE,{autoWidth:
true}
))
getDeviceListApi
().then
((res
)=>{
if
( res && 200
== res
.code
) {
sdeviceGrid
.data
.parse
(res
.data
.getdevicelist
.data
.data
)
}
}
)
sdeviceGrid
.events
.on
("cellClick",function
(row,column,e
){
flashRule
({d_id:row
.id,product_name:row
.product_name}
);
}
)
}
if
(show_ruleGrid
== undef
ined
)
show_ruleGrid
= new dhx
.Grid
("ruleDetail", buildGridConfig
(_data
.RULE_DETAIL,{autoWidth:
true}
))
if
(f
ormRule
.name !
= ""
){
getRuleShowParse
(f
ormRule
.reference
)
} else {
show_ruleGrid
.data
.removeAll
()
}
refData
.clearFileFlag
= true
}
//tid:Str
ing, d_id:Str
ing, d_type:Str
ing, product_name:Str
ing
const flashRule
= (data:
any
)=>{
data
.rsource
= f
ormRule
.source
show_ruleGrid
.data
.removeAll
()
f
ormRule
.reference
= []
f
ormRule
.rule
= []
load
.show
()
_url
.getRuleItems
(data
).then
(function
(res
){
if
(res && res
.data
) {
if
(data
.d_id
) {
res
.data
.reference['pname']
= data
.product_name;
}
f
ormRule
.reference
= res
.data
.reference
f
ormRule
.rule
= res
.data
.rule
getRuleShowParse
(res
.data
.reference
)
}
load
.hide()
}
)
}
const getRuleShowParse
= (items:
any,bygrid?:
any
)=>{
if
(items !
= null
){
let data
= []
if
(items
.tname
) data
.push
({tname: items
.tname}
)
if
(items
.pname
) data
.push
({pname: items
.pname}
)
if
(items
.smt
) data
.push
({smt: items
.smt}
)
f
or (let k
in items
.board
){
let pogo_l
= [];
f
or (let key
in items
.board[k]['pogo']
) pogo_l
.push
(items
.board[k]['pogo'][key]['p']
);
data
.push
({b_name: items
.board[k]['recipe_name'],cable: items
.board[k]['cable'],pogo: pogo_l}
)
}
if
(bygrid
)
bygrid
.data
.parse
(data
)
else
show_ruleGrid
.data
.parse
(data
)
}
}
const rtypeCh
ange
= (v:
any
)=>{
f
ormRule
.reference
= []
f
ormRule
.rule
= []
show_ruleGrid
.data
.removeAll
()
}
const saveRule
Info
= (f
ormEl
)=>{
if
(!f
ormEl
) return;
f
ormEl
.validate
((valid
) => {
if
(valid
) {
if
(!f
ormRule
.reference || f
ormRule
.reference
.length
== 0
) {
if
(f
ormRule
.source
== rsource
.model
.v
) {
ElMessage
.err
or(MESSAGE_
INFO
.TSG_RULE_CHECK_MODULE
)
return
} else if
(f
ormRule
.source
== rsource
.testerconfig
.v
) {
ElMessage
.err
or(MESSAGE_
INFO
.TSG_RULE_CHECK_TESTER
)
return
} else if
(f
ormRule
.source
== rsource
.device
.v
) {
ElMessage
.err
or(MESSAGE_
INFO
.TSG_RULE_CHECK_DEVICE
)
return
}
ElMessage
.err
or(MESSAGE_
INFO
.TSG_RULE_CHECK
)
return
}
_url
.saveGroupRule
(f
ormRule
).then
(function
(res
){
if
(res && res
.code
== 200
){
reflushGroupList
(f
ormRule
.gid
)
showRuleEditFlag
.value
= false
}
}
)
}
}
)
}
const showRuleDetailFlagCallback
=()=>{
if
(showRuleDetailGrid
== undef
ined
)
showRuleDetailGrid
= new dhx
.Grid
("showRuleDetail", buildGridConfig
(_data
.RULE_DETAIL,{autoWidth:
true}
))
const selectedCell
= groupGrid
.selection
.getCell
();
if
(!selectedCell
) {
ElMessage
.warn
ing
(MESSAGE_
INFO
.TSG_SELECT_GROUP
)
return
}
let row
= selectedCell
.row
getRuleShowParse
(group_list[row
.g_id]['rule_list'][row
.r_
index]['reference'],showRuleDetailGrid
)
}
const iconClick
=(e
)=>{
if
(e
== "add"
) {
initGroupPage
('add'
)
}
}
const onTesterDialogOpened
= () => {
testerDetail
()
getRuleShowParse
(getDetail
.value,testerDetailGrid
)
}
const testerDetail
= () =>{
if
(null !
= testerDetailGrid
) testerDetailGrid
.destruct
or()
if
(null !
= testerDetailLayout
) testerDetailLayout
.destruct
or()
testerDetailLayout
= new dhx
.Layout
("tester_layout", {
type: "none",
rows: [{ id: "tester_grid" }],
}
)
let column_config
= dhtmlxe
.mergeGridColumnConfig
(_data
.TESTER
INF
ORMATION, ""
)
let gridConfig
= buildGridConfig
(column_config, { autoWidth:
true }
)
testerDetailGrid
= new dhx
.Grid
(null, gridConfig
)
testerDetailLayout
.getCell
("tester_grid"
).attach
(testerDetailGrid
)
}
const h
andleCh
ange
= (e
) => {
if
(!e
.target
.classList
.conta
ins
('dhx_checkbox--check-all'
)) return;
if
(e
.target
.checked
) {
document.querySelect
orAll
('
.dhx_checkbox--check-all'
).f
orEach
(cb
=> {
if
(cb !
== e
.target
) {
cb
.checked
= false;
}
}
);
}
}
def
ineExpose
({iconClick}
)
const emit
= def
ineEmits
(['
initGroupPage']
)
</script>
<template>
<div>
<div v-show
="refData
.groupGridNumber > 0" class
="tester_setup_layout" id
="tester_group_layout"></div>
<div v-show
="refData
.groupGridNumber
== 0" class
="tester_setup_layout grid_head">
<sp
an class
="no_license">Please add a new tester group
.</sp
an>
</div>
<el-dialog width
="600px" top
="10vh" @open
="showEditGroupNewCallback" v-model
="showGroupEditFlag"
:close-on-click-modal
="false" :draggable
="
true" :title
="groupTitle" destroy-on-close>
<el-f
orm ref
="groupF
ormRef" :model
="f
ormGroup" class
="demo-f
orm-
inl
ine" label-position
="left">
<el-
input v-model
="f
ormGroup
.id" v-show
="false" />
<el-f
orm-item label
="Group Name" label-width
="120px" :rules
="commonRulesByGroup
.gname" prop
="gname">
<el-
input v-model
="f
ormGroup
.gname" clearable style
="width: 420px;" />
</el-f
orm-item>
<el-f
orm-item label
="Group Type" label-width
="120px" >
<div class
="f
orm-item-row">
<el-select v-model
="f
ormGroup
.gtype" :disabled
="f
ormGroup
.id !
= 0">
<el-option label
="Auto Group
ing" value
="AUTO" />
<el-option label
="M
anual Group
ing" value
="M
ANUAL" />
</el-select>
</div>
</el-f
orm-item>
</el-f
orm>
<el-row style
="height: 450px;marg
in-top:10px" v-show
="f
ormGroup
.gtype
== gtype
.m
anual">
<el-col :sp
an="24">
<div style
="height: 100%;" id
="showGroupTester"></div>
</el-col>
</el-row>
<template #footer center>
<sp
an class
="dialog-footer">
<el-button @click
="saveGroup
Info
(groupF
ormRef
)" type
="primary" >Submit</el-button>
<el-button @click
="showGroupEditFlag
= false">C
ancel</el-button>
</sp
an>
</template>
</el-dialog>
<el-dialog width
="940px" top
="10vh" @open
="showEditRuleNewCallback" @close
="
()=>{
refData
.clearFileFlag
= false
if
(f
ormRule
.source
== rsource
.model
.v
)
flashRule
({rmfile:1,pogofile:f
ormRule
.pogofile,modulefile:f
ormRule
.modulefile}
)
}" v-model
="showRuleEditFlag" :title
="ruleTitle" :close-on-click-modal
="false" :draggable
="
true">
<el-f
orm :model
="f
ormRule" label-position
="right" ref
="ruleF
ormRef" class
="rule-f
orm" >
<el-row>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Rule name" :label-width
="f
ormLabelWidth" :rules
="commonRulesByGroup
.rname" prop
="name">
<el-
input v-model
="f
ormRule
.name" />
</el-f
orm-item>
</el-col>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Source" :label-width
="f
ormLabelWidth">
<el-select v-model
="f
ormRule
.source" @ch
ange
="rtypeCh
ange" >
<el-option v-f
or="
(item,
index
) in rsource" :label
="item
.text" :value
="item
.v" v-show
="item
.hide == false" />
</el-select>
</el-f
orm-item>
</el-col>
</el-row>
<el-row>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Mode" :label-width
="f
ormLabelWidth">
<el-select v-model
="f
ormRule
.is_strict">
<el-option v-f
or="
(item,
index
) in modeType" :label
="item
.text" :value
="item
.v" />
</el-select>
</el-f
orm-item>
</el-col>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Smt Platf
orm" :label-width
="f
ormLabelWidth" v-show
="f
ormRule
.source
== rsource
.model
.v">
<el-select v-model
="f
ormRule
.smt" >
<el-option v-f
or="
(item,
index
) in smt_platf
orm" :label
="item
.text" :value
="item
.v" />
</el-select>
</el-f
orm-item>
</el-col>
</el-row>
<el-row>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Model File" required :label-width
="f
ormLabelWidth" v-show
="f
ormRule
.source
== rsource
.model
.v">
<UploadFile source
="TSG_MODULE_FILE" :clearFileFlag
="refData
.clearFileFlag" :onlyUpload
="
true" :dragFlag
="false" @uploadFileCallBack
="
(res
)=>{
f
ormRule
.modulefile
= res
.data
flashRule
({smt_platf
orm:f
ormRule
.smt,pogofile:f
ormRule
.pogofile,modulefile:f
ormRule
.modulefile}
)
}"></UploadFile>
</el-f
orm-item>
</el-col>
<el-col :sp
an="ruleColSp
an">
<el-f
orm-item label
="Pogo Mapp
ing File" :label-width
="f
ormLabelWidth"
v-show
="f
ormRule
.source
== rsource
.model
.v && f
ormRule
.smt
== smt_platf
orm
.smt7
.v">
<UploadFile source
="TSG_MODULE_FILE" :clearFileFlag
="refData
.clearFileFlag" :onlyUpload
="
true" :dragFlag
="false" @uploadFileCallBack
="
(res
)=>{
f
ormRule
.pogofile
= res
.data
flashRule
({smt_platf
orm:f
ormRule
.smt,pogofile:f
ormRule
.pogofile,modulefile:f
ormRule
.modulefile}
)
}"></UploadFile>
</el-f
orm-item>
</el-col>
</el-row>
<el-row class
="w
in_grid" v-show
="f
ormRule
.source
== rsource
.testerconfig
.v">
<label class
="el-f
orm-item__label"
style
="width: 140px;">Select Tester</label>
<div style
="width:calc
(100% - 140px
); height: 100%;" id
="showRuleTester"></div>
</el-row>
<el-row class
="w
in_grid" v-show
="f
ormRule
.source
== rsource
.device
.v">
<label class
="el-f
orm-item__label"
style
="width: 140px;">Select Device</label>
<div style
="width:calc
(100% - 140px
); height: 100%;" id
="showRuleDevice"></div>
</el-row>
<el-row class
="w
in_grid" style
="marg
in-top: 10px;">
<el-col :sp
an="24">
<div style
="height: 100%;" id
="ruleDetail"></div>
</el-col>
</el-row>
</el-f
orm>
<template #footer center>
<sp
an class
="dialog-footer">
<el-button type
="primary" @click
="saveRule
Info
(ruleF
ormRef
)">Submit</el-button>
<el-button @click
="showRuleEditFlag
= false">C
ancel</el-button>
</sp
an>
</template>
</el-dialog>
<el-dialog width
="940px" top
="10vh" @open
="showRuleDetailFlagCallback" :draggable
="
true"
v-model
="showRuleDetailFlag" title
="Rule Detail">
<div style
='height: 540px;' id
="showRuleDetail"></div>
</el-dialog>
<el-dialog width
="840px" :draggable
="
true" @opened
="onTesterDialogOpened"
v-model
="showTester" title
="Tester Detail">
<div style
='height: 500px;' id
="tester_layout"></div>
</el-dialog>
</div>
</template>
<style l
ang
="scss" scoped>
.dialog-footer{
display: flex;
justify-content: center;
align-items: center;
}
.w
in_grid{
height: 240px;
}
:deep
(.rule-f
orm
.el-select
){
width: 215px;
}
:deep
(.rule-f
orm
.el-
input
){
width: 215px;
}
:deep
(.f
orm-item-row
.el-
input__wrapper
) {
width: 420px;
}
</style>
我这个怎么如果从别的页面跳过来，我选中，再次点击别的行切回来我就选中的变成未选中了在视觉上，
本文介绍如何使用Excel对象模型通过VBA代码自动化地隐藏或显示Excel工作表中的行和列。此方法适用于外部Excel文件，并提供了示例代码来演示如何实现这一功能。
扫一扫
2232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
