Merge branch 'master' of http://42.192.7.176:3000/suojin/smartpark_durable_front
taozi
4 months ago
commit
c9a11dd5ac
10 changed files with 433 additions and 541 deletions
@ -0,0 +1,85 @@ |
||||
<template> |
||||
<el-dialog |
||||
:title="purchaseTitle" |
||||
append-to-body |
||||
:visible.sync="openShow" |
||||
width="30%" |
||||
@close="closeDialog" |
||||
> |
||||
<avue-form ref="form" :option="option"></avue-form> |
||||
|
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="closeDialog">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
purchaseTitle:'归还', |
||||
openShow: false, |
||||
option: { |
||||
submitBtn: false, |
||||
emptyBtn: false, |
||||
column: [ |
||||
{ |
||||
label: "归还数量", |
||||
prop: "name", |
||||
span: 24, |
||||
type: "number", |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: "归还理由", |
||||
prop: "sex", |
||||
span: 24, |
||||
type:'textarea', |
||||
rows:5, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
mounted() { |
||||
this.openShow = this.showDialog; |
||||
}, |
||||
methods: { |
||||
closeDialog() { |
||||
this.openShow = false; |
||||
this.$emit("closeDialog"); |
||||
}, |
||||
submit() { |
||||
this.$refs.form.validate((valid) => { |
||||
if (valid) { |
||||
this.$emit("submit", this.formData); |
||||
} |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,86 @@ |
||||
<template> |
||||
<el-dialog |
||||
:title="purchaseTitle" |
||||
append-to-body |
||||
:visible.sync="openShow" |
||||
width="30%" |
||||
@close="closeDialog" |
||||
> |
||||
<avue-form ref="form" :option="option"></avue-form> |
||||
|
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="closeDialog">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</template> |
||||
<script> |
||||
|
||||
export default { |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
purchaseTitle:'报废', |
||||
openShow: false, |
||||
option: { |
||||
submitBtn: false, |
||||
emptyBtn: false, |
||||
column: [ |
||||
{ |
||||
label: "报废数量", |
||||
prop: "name", |
||||
span: 24, |
||||
type: "number", |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: "报废理由", |
||||
prop: "sex", |
||||
span: 24, |
||||
type:'textarea', |
||||
rows:5, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
mounted() { |
||||
this.openShow = this.showDialog; |
||||
}, |
||||
methods: { |
||||
closeDialog() { |
||||
this.openShow = false; |
||||
this.$emit("closeDialog"); |
||||
}, |
||||
submit() { |
||||
this.$refs.form.validate((valid) => { |
||||
if (valid) { |
||||
this.$emit("submit", this.formData); |
||||
} |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,73 @@ |
||||
<template> |
||||
<el-dialog |
||||
:title="purchaseTitle" |
||||
append-to-body |
||||
:visible.sync="openShow" |
||||
width="50%" |
||||
@close="closeDialog" |
||||
> |
||||
<el-tabs v-model="transactionType" @tab-click="handleTabClick"> |
||||
<el-tab-pane label="出库" name="1"></el-tab-pane> |
||||
<el-tab-pane label="入库" name="2"></el-tab-pane> |
||||
<el-tab-pane label="报废" name="3"></el-tab-pane> |
||||
</el-tabs> |
||||
<el-table :data="tableData" style="width: 100%"> |
||||
<el-table-column type="index" width="50"> </el-table-column> |
||||
<el-table-column prop="quantity" label="数量"> </el-table-column> |
||||
<el-table-column prop="operatorName" label="操作人"> </el-table-column> |
||||
<el-table-column prop="operationTime" label="时间"> </el-table-column> |
||||
<el-table-column prop="departmentName" label="部门"> </el-table-column> |
||||
</el-table> |
||||
</el-dialog> |
||||
</template> |
||||
<script> |
||||
import { recordList } from "@/api/secondOrder/list"; |
||||
|
||||
export default { |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
|
||||
rowData:{ |
||||
type: Object, |
||||
default: () => ({}) |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
openShow: false, |
||||
transactionType: "1", |
||||
tableData: [], |
||||
purchaseTitle:'记录', |
||||
}; |
||||
}, |
||||
mounted() { |
||||
this.openShow = this.showDialog; |
||||
console.log('二级出入库记录 rowData',this.rowData); |
||||
}, |
||||
methods: { |
||||
handleTabClick() { |
||||
this.tableData = []; |
||||
// 出库 |
||||
if (this.transactionType == "1") { |
||||
// recordList().then((res) => {}); |
||||
} |
||||
// 入库 |
||||
if (this.transactionType == "2") { |
||||
// recordList().then((res) => {}); |
||||
} |
||||
// 报废 |
||||
if (this.transactionType == "3") { |
||||
// recordList().then((res) => {}); |
||||
} |
||||
}, |
||||
closeDialog() { |
||||
this.openShow = false; |
||||
this.$emit("closeDialog"); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue