0.0
2 years ago
4 changed files with 536 additions and 30 deletions
@ -0,0 +1,416 @@
|
||||
<template> |
||||
<basic-container> |
||||
<div class="avue-crud"> |
||||
<el-row :gutter="24" class="rows"> |
||||
<el-col :xl="7" :lg="7" :md="8" :sm="24" > |
||||
<span style="padding-left: 10%" >当前签收单状态：{{basicdata[0].signingStatus}}</span> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider>基本信息</el-divider> |
||||
<el-row> |
||||
<!-- 列表模块 --> |
||||
<el-table ref="table" |
||||
:data="basicdata" |
||||
:height="height" |
||||
style="width: 100%" |
||||
:border="basicoption.border"> |
||||
<el-table-column type="expand" v-if="basicoption.expand" align="center"></el-table-column> |
||||
<template v-for="(item,index) in basicoption.column"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
align="center" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
</el-table> |
||||
</el-row> |
||||
<el-divider>订单列表</el-divider> |
||||
<!-- <el-row>--> |
||||
<!-- <!– 列表模块 –>--> |
||||
<!-- <el-table ref="table" v-loading="loading"--> |
||||
<!-- @selection-change="selectionChange"--> |
||||
<!-- :data="data"--> |
||||
<!-- :height="height"--> |
||||
<!-- style="width: 100%"--> |
||||
<!-- :border="option.border">--> |
||||
<!-- <el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>--> |
||||
<!-- <template v-for="(item,index) in option.column">--> |
||||
<!-- <!– table字段 –>--> |
||||
<!-- <el-table-column v-if="item.hide!==true"--> |
||||
<!-- :prop="item.prop"--> |
||||
<!-- :label="item.label"--> |
||||
<!-- align="center"--> |
||||
<!-- :width="item.width"--> |
||||
<!-- :key="index">--> |
||||
<!-- </el-table-column>--> |
||||
<!-- </template>--> |
||||
<!-- <!– 操作栏模块 –>--> |
||||
<!-- <el-table-column prop="menu" label="操作" :width="220" align="center">--> |
||||
<!-- <template #="{row}">--> |
||||
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查看</el-button>--> |
||||
<!-- </template>--> |
||||
<!-- </el-table-column>--> |
||||
<!-- </el-table>--> |
||||
<!-- </el-row>--> |
||||
<el-row> |
||||
<div class="avue-crud__pagination" style="width:100%"> |
||||
<!-- 分页模块 --> |
||||
<!-- <el-pagination align="right"--> |
||||
<!-- background--> |
||||
<!-- @size-change="sizeChange"--> |
||||
<!-- @current-change="currentChange"--> |
||||
<!-- :current-page="page.currentPage"--> |
||||
<!-- :page-sizes="[10, 20, 30, 40, 50, 100]"--> |
||||
<!-- :page-size="page.pageSize"--> |
||||
<!-- layout="total, sizes, prev, pager, next, jumper"--> |
||||
<!-- :total="page.total">--> |
||||
<!-- </el-pagination>--> |
||||
</div> |
||||
</el-row> |
||||
<!-- 表单模块 --> |
||||
<!-- <el-dialog :title="title"--> |
||||
<!-- v-model="box"--> |
||||
<!-- width="50%"--> |
||||
<!-- :before-close="beforeClose"--> |
||||
<!-- append-to-body>--> |
||||
<!-- <el-table ref="table" v-loading="loading"--> |
||||
<!-- @selection-change="selectionChange"--> |
||||
<!-- :data="wrapdata"--> |
||||
<!-- :height="height"--> |
||||
<!-- style="width: 100%"--> |
||||
<!-- :border="option.border">--> |
||||
<!-- <el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>--> |
||||
<!-- <template v-for="(item,index) in wrapoption.column">--> |
||||
<!-- <!– table字段 –>--> |
||||
<!-- <el-table-column v-if="item.hide!==true"--> |
||||
<!-- :prop="item.prop"--> |
||||
<!-- :label="item.label"--> |
||||
<!-- align="center"--> |
||||
<!-- :width="item.width"--> |
||||
<!-- :key="index">--> |
||||
<!-- </el-table-column>--> |
||||
<!-- </template>--> |
||||
<!-- </el-table>--> |
||||
<!-- <!– 表单按钮 –>--> |
||||
<!-- <template #footer>--> |
||||
<!-- <span v-if="!view" class="dialog-footer">--> |
||||
<!-- <el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit">提 交</el-button>--> |
||||
<!-- <el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>--> |
||||
<!-- </span>--> |
||||
<!-- </template>--> |
||||
<!-- </el-dialog>--> |
||||
</div> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList, getDetail, add, update, remove } from '@/api/distribution/distributionSignfor'; |
||||
|
||||
import { mapGetters } from 'vuex'; |
||||
import { getDictionaryBiz } from '@/api/system/dict'; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
height: 300, |
||||
// 弹框标题 |
||||
title: '', |
||||
// 是否展示弹框 |
||||
box: false, |
||||
dataForm: {}, |
||||
// 是否显示查询 |
||||
search: true, |
||||
//是否显示新增 |
||||
isadd: false, |
||||
deliverydata:{}, |
||||
// 加载中 |
||||
loading: true, |
||||
//查看按钮 |
||||
edt:false, |
||||
//查看pda |
||||
padview:false, |
||||
// 是否为查看模式。。 |
||||
view: false, |
||||
// 查询信息 |
||||
query: {}, |
||||
inputTypeData:[], |
||||
// 分页信息 |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
total: 40 |
||||
}, |
||||
// 表单数据 |
||||
form: {}, |
||||
// 选择行 |
||||
selectionList: [], |
||||
isLiabilityData: [], |
||||
//状态列表 |
||||
stateData: [], |
||||
// 表单配置 |
||||
basicoption: { |
||||
menu:false, |
||||
index: false, |
||||
border: false, |
||||
selection: false, |
||||
column: [ |
||||
{ |
||||
label: "客户配送单号", |
||||
prop: "noteNumber", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
] |
||||
}, |
||||
// 表单配置 |
||||
wrapoption: { |
||||
expand: false, |
||||
index: true, |
||||
border: true, |
||||
selection: true, |
||||
column: [ |
||||
{ |
||||
label: "包条码", |
||||
prop: "packetBarCode", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "一级品类", |
||||
prop: "firsts", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "二级品类", |
||||
prop: "second", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "三级品类", |
||||
prop: "thirdProduct", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "物料名称", |
||||
prop: "material", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
|
||||
|
||||
] |
||||
}, |
||||
// 表单列表 |
||||
data: [], |
||||
// 基本信息表单列表 |
||||
basicdata: [], |
||||
// |
||||
wrapdata:[], |
||||
}; |
||||
}, |
||||
watch: { |
||||
// eslint-disable-next-line no-unused-vars |
||||
'$route'(to, from) { |
||||
// this.isadd =false; |
||||
// this.query.masterId = null; |
||||
// this.masterId = null; |
||||
if (!!this.$route.query.data) { |
||||
// //做一些路由变化的响应 |
||||
// // this.isadd =true; |
||||
// this.query.masterId = this.$route.query.data; |
||||
// this.masterId = this.$route.query.data; |
||||
//重新获取数据 |
||||
this.onLoad(this.page); |
||||
} else { |
||||
} |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.init(); |
||||
this.onLoad(); |
||||
}, |
||||
created() { |
||||
// //查询字典 |
||||
// this.queryDictionary(); |
||||
}, |
||||
computed: { |
||||
...mapGetters(['permission']), |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(','); |
||||
} |
||||
}, |
||||
methods: { |
||||
//修改 |
||||
rowUpdate() { |
||||
|
||||
}, |
||||
queryDictionary() { |
||||
getDictionaryBiz('yes_no').then(res => { |
||||
this.isLiabilityData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('basic_in_type').then(res => { |
||||
this.inputTypeData = res.data.data; |
||||
}); |
||||
|
||||
}, |
||||
//返回 |
||||
handleViewpda() { |
||||
|
||||
}, |
||||
init() { |
||||
this.height = this.setPx(document.body.clientHeight - 340); |
||||
}, |
||||
searchHide() { |
||||
this.search = !this.search; |
||||
}, |
||||
searchChange() { |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page); |
||||
}, |
||||
handleSubmit() { |
||||
this.$refs.form.validate(valid => { |
||||
if (valid) { |
||||
this.form.stringValue =jsonString; |
||||
if (!this.form.id) { |
||||
this.form.masterId = this.propertyformdata.id; |
||||
add(this.form).then(() => { |
||||
this.box = false; |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
let str = { |
||||
val: false |
||||
} |
||||
this.$emit("returnproperty", str); |
||||
}); |
||||
} else { |
||||
update(this.form).then(() => { |
||||
this.box = false; |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
let str = { |
||||
val: false |
||||
} |
||||
this.$emit("returnproperty", str); |
||||
}); |
||||
} |
||||
} else { |
||||
console.log('error submit!!'); |
||||
return false; |
||||
} |
||||
}); |
||||
}, |
||||
handleAdd() { |
||||
this.title = '新增'; |
||||
this.form = {}; |
||||
this.box = true; |
||||
}, |
||||
handleEdit(row) { |
||||
this.title = '编辑'; |
||||
this.box = true; |
||||
getDetail(row.id).then(res => { |
||||
this.form = res.data.data; |
||||
}); |
||||
}, |
||||
handleView(row) { |
||||
console.log("查看>>>>>>>>>>",row); |
||||
this.title = '查看'; |
||||
this.view = true; |
||||
this.box = true; |
||||
getWrapdetail(row.id).then(res => { |
||||
console.log("查看>>>>>>>",res.data.data); |
||||
}); |
||||
}, |
||||
handleDelete() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning('请选择至少一条数据'); |
||||
return; |
||||
} |
||||
this.$confirm('确定将选择数据删除?', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}) |
||||
.then(() => { |
||||
return remove(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.selectionClear(); |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
}); |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm('确定将选择数据删除?', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
}); |
||||
}, |
||||
beforeClose(done) { |
||||
done(); |
||||
this.form = {}; |
||||
this.view = false; |
||||
}, |
||||
selectionChange(list) { |
||||
this.selectionList = list; |
||||
}, |
||||
selectionClear() { |
||||
this.selectionList = []; |
||||
this.$refs.table.clearSelection(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
this.onLoad(this.page); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
this.onLoad(this.page); |
||||
}, |
||||
onLoad() { |
||||
//查询详情 |
||||
this.loading = true; |
||||
let id = this.$route.query.id; |
||||
getDetail(id).then(res => { |
||||
const data = res.data.data |
||||
|
||||
this.basicdata[0] = data |
||||
this.data = res.data.data.reservationList |
||||
}); |
||||
this.loading = false; |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
Loading…
Reference in new issue