陈裕财
2 years ago
2 changed files with 170 additions and 147 deletions
-
160src/views/xm/core/components/XmIterationSelect.vue
-
157src/views/xm/core/components/XmProjectSelect.vue
@ -1,80 +1,90 @@ |
|||||
<template> |
<template> |
||||
<span> |
|
||||
<mdp-select-table v-model="myVal" ref="selectTableRef" show-style="tag" :placeholder="placeholder" :props="{id:'id',name:'iterationName'}" :load-fun="listXmIterationWithState" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick"> |
|
||||
<el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建迭代</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多迭代</el-button></el-row> |
|
||||
</mdp-select-table> |
|
||||
|
|
||||
<mdp-dialog ref="addDialog"> |
|
||||
<template v-slot="visible,data,dialog"> |
|
||||
<xm-iteration-add op-type="add" |
|
||||
:xm-product="productId?{ id: productId, name: '' }:null" |
|
||||
:sel-project="linkProjectId?{id:linkProjectId,name:''}:null" |
|
||||
@cancel="dialog.close()" |
|
||||
@submit="afterAddSubmit" |
|
||||
> |
|
||||
</xm-iteration-add> |
|
||||
</template> |
|
||||
</mdp-dialog> |
|
||||
</span> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
|
|
||||
import { listXmIterationWithState } from "@/api/xm/core/xmIteration"; |
|
||||
import XmIterationAdd from "../xmIteration/XmIterationEdit.vue"; |
|
||||
export default { |
|
||||
components: { XmIterationAdd }, |
|
||||
name: 'xm-iteration-select', |
|
||||
|
<span> |
||||
|
<mdp-select-table v-model="myVal" ref="selectTableRef" :init-name="initName" show-style="showStyle" :placeholder="placeholder" :props="{id:'id',name:'iterationName'}" :load-fun="listXmIterationWithState" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick" :disabled="disabled"> |
||||
|
<el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建迭代</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多迭代</el-button></el-row> |
||||
|
</mdp-select-table> |
||||
|
|
||||
|
<mdp-dialog ref="addDialog"> |
||||
|
<template v-slot="visible,data,dialog"> |
||||
|
<xm-iteration-add op-type="add" |
||||
|
:sel-project="{ id: linkProjectId, name: '' }" |
||||
|
@cancel="dialog.close()" |
||||
|
@submit="afterAddSubmit" |
||||
|
> |
||||
|
</xm-iteration-add> |
||||
|
</template> |
||||
|
</mdp-dialog> |
||||
|
</span> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { listXmIterationWithState } from "@/api/xm/core/xmIteration"; |
||||
|
import XmIterationAdd from "../xmIteration/XmIterationEdit.vue"; |
||||
|
export default { |
||||
|
components: { XmIterationAdd }, |
||||
|
name: 'xm-iteration-select', |
||||
props:{ |
props:{ |
||||
/** |
|
||||
* 项目编号 |
|
||||
*/ |
|
||||
linkProjectId:{ |
|
||||
type:String, |
|
||||
default:null, |
|
||||
}, |
|
||||
productId:{ |
|
||||
type:String, |
|
||||
default:null, |
|
||||
}, |
|
||||
placeholder:{ |
|
||||
type:String, |
|
||||
default:"选择产迭代" |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
myVal:null, |
|
||||
} |
|
||||
}, |
|
||||
methods:{ |
|
||||
listXmIterationWithState, |
|
||||
afterAddSubmit(row){ |
|
||||
this.$refs['selectTableRef'].onTableDataSelect(this.multiple?[row]:row) |
|
||||
|
/** |
||||
|
* 项目编号 |
||||
|
*/ |
||||
|
linkProjectId:{ |
||||
|
type:String, |
||||
|
default:null, |
||||
|
}, |
||||
|
placeholder:{ |
||||
|
type:String, |
||||
|
default:"选择/创建迭代" |
||||
|
}, |
||||
|
value:{ |
||||
|
type:String, |
||||
|
default:null, |
||||
|
}, |
||||
|
initName:{ |
||||
|
type:String, |
||||
|
default:null |
||||
|
}, |
||||
|
disabled:{ |
||||
|
type:Boolean, |
||||
|
default:false |
||||
|
}, |
||||
|
showStyle:{ |
||||
|
type:String, |
||||
|
default:'origin' |
||||
|
} |
||||
}, |
}, |
||||
onChange2(row){ |
|
||||
debugger; |
|
||||
this.$emit("selected", row); |
|
||||
this.$emit("change2", row); |
|
||||
|
data(){ |
||||
|
return { |
||||
|
myVal:null, |
||||
|
} |
||||
}, |
}, |
||||
onChange(val){ |
|
||||
this.$emit("change", val); |
|
||||
this.$emit("input",val); |
|
||||
|
methods:{ |
||||
|
listXmIterationWithState, |
||||
|
afterAddSubmit(row){ |
||||
|
this.$refs['selectTableRef'].onTableDataSelect(this.multiple?[row]:row) |
||||
|
}, |
||||
|
onChange2(row){ |
||||
|
debugger; |
||||
|
this.$emit("selected", row); |
||||
|
this.$emit("change2", row); |
||||
|
}, |
||||
|
onChange(val){ |
||||
|
this.$emit("change", val); |
||||
|
this.$emit("input",val); |
||||
|
}, |
||||
|
onClear(){ |
||||
|
this.$emit("clear"); |
||||
|
}, |
||||
|
onRowClick(row){ |
||||
|
this.$emit('row-click',row) |
||||
|
} |
||||
}, |
}, |
||||
onClear(){ |
|
||||
this.$emit("clear"); |
|
||||
}, |
|
||||
onRowClick(row){ |
|
||||
this.$emit('row-click',row) |
|
||||
} |
|
||||
}, |
|
||||
mounted(){ |
|
||||
|
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
</style> |
|
||||
|
|
||||
|
mounted(){ |
||||
|
this.myVal=this.value |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
</style> |
||||
|
|
||||
@ -1,77 +1,90 @@ |
|||||
<template> |
<template> |
||||
<span> |
|
||||
<mdp-select-table v-model="myVal" ref="selectTableRef" show-style="tag" :placeholder="placeholder" :props="{id:'id',name:'projectName'}" :load-fun="listXmProject" :params="{linkProductId:linkProductId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick"> |
|
||||
<el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建项目</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多项目</el-button></el-row> |
|
||||
</mdp-select-table> |
|
||||
|
|
||||
<mdp-dialog ref="addDialog"> |
|
||||
<template v-slot="visible,data,dialog"> |
|
||||
<xm-project-add op-type="add" |
|
||||
:xm-project="{ id: linkProductId, name: '' }" |
|
||||
@cancel="dialog.close()" |
|
||||
@submit="afterAddSubmit" |
|
||||
> |
|
||||
</xm-project-add> |
|
||||
</template> |
|
||||
</mdp-dialog> |
|
||||
</span> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
|
|
||||
import { listXmProject } from "@/api/xm/core/xmProject"; |
|
||||
import { mapGetters } from "vuex"; |
|
||||
|
|
||||
import XmProjectAdd from "../xmProject/XmProjectEdit.vue"; |
|
||||
|
|
||||
export default { |
|
||||
components: { XmProjectAdd }, |
|
||||
name: 'xm-project-select', |
|
||||
|
<span> |
||||
|
<mdp-select-table v-model="myVal" ref="selectTableRef" :init-name="initName" show-style="showStyle" :placeholder="placeholder" :props="{id:'id',name:'projectName'}" :load-fun="listXmProject" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick" :disabled="disabled"> |
||||
|
<el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建项目</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多项目</el-button></el-row> |
||||
|
</mdp-select-table> |
||||
|
|
||||
|
<mdp-dialog ref="addDialog"> |
||||
|
<template v-slot="visible,data,dialog"> |
||||
|
<xm-project-add op-type="add" |
||||
|
:sel-project="{ id: linkProjectId, name: '' }" |
||||
|
@cancel="dialog.close()" |
||||
|
@submit="afterAddSubmit" |
||||
|
> |
||||
|
</xm-project-add> |
||||
|
</template> |
||||
|
</mdp-dialog> |
||||
|
</span> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { listXmProject } from "@/api/xm/core/xmProject"; |
||||
|
import XmProjectAdd from "../xmProject/XmProjectEdit.vue"; |
||||
|
export default { |
||||
|
components: { XmProjectAdd }, |
||||
|
name: 'xm-project-select', |
||||
props:{ |
props:{ |
||||
/** |
|
||||
* 项目编号 |
|
||||
*/ |
|
||||
linkProductId:{ |
|
||||
type:String, |
|
||||
default:null, |
|
||||
}, |
|
||||
placeholder:{ |
|
||||
type:String, |
|
||||
default:"选择项目" |
|
||||
} |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
myVal:null, |
|
||||
} |
|
||||
}, |
|
||||
methods:{ |
|
||||
listXmProject, |
|
||||
afterAddSubmit(row){ |
|
||||
this.$refs['selectTableRef'].onTableDataSelect(this.multiple?[row]:row) |
|
||||
}, |
|
||||
onChange2(row){ |
|
||||
debugger; |
|
||||
this.$emit("selected", row); |
|
||||
this.$emit("change2", row); |
|
||||
|
/** |
||||
|
* 项目编号 |
||||
|
*/ |
||||
|
linkProjectId:{ |
||||
|
type:String, |
||||
|
default:null, |
||||
|
}, |
||||
|
placeholder:{ |
||||
|
type:String, |
||||
|
default:"选择/创建项目" |
||||
|
}, |
||||
|
value:{ |
||||
|
type:String, |
||||
|
default:null, |
||||
|
}, |
||||
|
initName:{ |
||||
|
type:String, |
||||
|
default:null |
||||
|
}, |
||||
|
disabled:{ |
||||
|
type:Boolean, |
||||
|
default:false |
||||
|
}, |
||||
|
showStyle:{ |
||||
|
type:String, |
||||
|
default:'origin' |
||||
|
} |
||||
}, |
}, |
||||
onChange(val){ |
|
||||
this.$emit("change", val); |
|
||||
this.$emit("input",val); |
|
||||
|
data(){ |
||||
|
return { |
||||
|
myVal:null, |
||||
|
} |
||||
}, |
}, |
||||
onClear(){ |
|
||||
this.$emit("clear"); |
|
||||
|
methods:{ |
||||
|
listXmProject, |
||||
|
afterAddSubmit(row){ |
||||
|
this.$refs['selectTableRef'].onTableDataSelect(this.multiple?[row]:row) |
||||
|
}, |
||||
|
onChange2(row){ |
||||
|
debugger; |
||||
|
this.$emit("selected", row); |
||||
|
this.$emit("change2", row); |
||||
|
}, |
||||
|
onChange(val){ |
||||
|
this.$emit("change", val); |
||||
|
this.$emit("input",val); |
||||
|
}, |
||||
|
onClear(){ |
||||
|
this.$emit("clear"); |
||||
|
}, |
||||
|
onRowClick(row){ |
||||
|
this.$emit('row-click',row) |
||||
|
} |
||||
}, |
}, |
||||
onRowClick(row){ |
|
||||
this.$emit('row-click',row) |
|
||||
} |
|
||||
}, |
|
||||
mounted(){ |
|
||||
|
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
</style> |
|
||||
|
|
||||
|
mounted(){ |
||||
|
this.myVal=this.value |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
</style> |
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue