java_project
/
logpm_page
4
1
Fork 0
Code Issues Pull Requests Activity
Browse Source

更新表格

dev-warehouse
zhangsiyu 2 years ago
parent
66bdc50cda
commit
a1e86afd9a
5 changed files with 316 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/components/tablecmt/tablecmt.vue
  2. 2
      src/views/distribution/reservation/reservation.vue
  3. 2
      src/views/distribution/reservation/reservationDiscuss.vue
  4. 2
      src/views/distribution/reservation/reservationMarket.vue
  5. 341
      src/views/distribution/reservation/reservationSelf.vue

5
src/components/tablecmt/tablecmt.vue
Unescape View File

@ -30,10 +30,10 @@
<el-input
v-if="column.type == 2"
v-model="column.values"
:clearable="true"
size="10"
clearable
:placeholder="`请输入${column.label}`"
@change="inputchange($event,column)"
@blur="inputchange($event,column)"
@clear="inputclear($event,column)"
/>
<el-select
@ -41,7 +41,6 @@
v-model="column.values"
class="m-2"
:placeholder="`请选择${column.label}`"
size="large"
@change="selectchange($event,column)"
@clear="selectclear($event,column)"
>

2
src/views/distribution/reservation/reservation.vue
Unescape View File

@ -66,7 +66,7 @@
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="selectsc"
@selection="selectionsc"
@selection="selectionChange"
>
<template #default="slotProps">
<el-button size="small" @click="editsolt(slotProps.scope)">Edit</el-button>

2
src/views/distribution/reservation/reservationDiscuss.vue
Unescape View File

@ -66,7 +66,7 @@
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="selectsc"
@selection="selectionsc"
@selection="selectionChange"
>
<template #default="slotProps">
<el-button size="small" @click="editsolt(slotProps.scope)">Edit</el-button>

2
src/views/distribution/reservation/reservationMarket.vue
Unescape View File

@ -66,7 +66,7 @@
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="selectsc"
@selection="selectionsc"
@selection="selectionChange"
>
<template #default="slotProps">
<el-button size="small" @click="editsolt(slotProps.scope)">Edit</el-button>

341
src/views/distribution/reservation/reservationSelf.vue
Unescape View File

@ -30,42 +30,30 @@
<!-- 头部右侧按钮模块 -->
<div class="avue-crud__right">
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
<el-button icon="el-icon-search" @click="searchHide" circle></el-button>
</div>
</div>
</el-row>
<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="selection" v-if="option.selection" width="55"
align="center"></el-table-column>
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>
<el-table-column v-if="option.index" label="序号" type="index" width="80px"
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"
: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>
<el-button type="primary" text icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>
<el-button type="primary" text icon="el-icon-delete" @click="rowDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<tablecmt
:columnList="columnList"
:tableData="data"
:loading="loading"
@inputTxt="inputsc"
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="selectsc"
@selection="selectionChange"
>
<template #default="slotProps">
<el-button size="small" @click="editsolt(slotProps.scope)">Edit</el-button>
<el-button size="small" type="danger" @click="delectsolt(slotProps.scope)"
>Delete</el-button
>
</template>
</tablecmt>
</el-row>
<el-row>
<div class="avue-crud__pagination" style="width:100%">
@ -181,6 +169,12 @@
</el-dialog>
</div>
</basic-container>
<edittablehead
@setcolum="setnewcolum"
@closce="showdrawer"
:drawerShow="drawerShow"
:columnList="columnList"
></edittablehead>
</template>
<script>
@ -200,6 +194,241 @@
export default {
data() {
return {
columnList: [
{
prop: '',
label: '序号',
type: 0,
values: '',
width: 55,
checkarr: [],
fixed: true,
},
{
prop: 'orderId',
label: '订单自编号',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: true,
sortable: true,
head: false,
},
{
prop: 'consignee',
label: '收货人',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'deliveryAddress',
label: '收货地址',
type: 2,
values: '',
width: '180',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'consigneePhone',
label: '收货人手机号',
type: 2,
values: '',
width: '180',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'serveType',
label: '服务类型',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'distributingWarehouse',
label: '配送仓库',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'trainNumber',
label: '配送车次',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
head: true,
},
{
prop: 'orderTotal',
label: '订单总数',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'total',
label: '总件数',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'loadedNumber',
label: '装车件数',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'receivedQuantity',
label: '签收数',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'deliveryDriver',
label: '送货司机',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'deliveryDriverPhone',
label: '送货司机手机号',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'signingTime',
label: '文员签收时间',
type: 4,
values: '',
width: '180',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'sjsigningTime',
label: '司机签收时间',
type: 4,
values: '',
width: '180',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'signee',
label: '签收人',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'signingStatus',
label: '签收状态',
type: 3,
values: '',
width: '150',
checkarr: [
{
value: '已签收',
label: '已签收',
},
{
value: '未签收',
label: '未签收',
},
],
fixed: false,
sortable: true,
},
{
prop: 'signingType',
label: '签收类型',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'serviceNumber',
label: '服务号',
type: 2,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'notes',
label: '备注',
type: 1,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: '',
label: '操作',
type: 6,
values: '',
width: '150',
checkarr: [],
fixed: 'right',
hide: true,
},
// 更多列的配置...
],
columnListedit: [],
drawerShow: false,
height: 0,
// 弹框标题
title: '',
@ -244,6 +473,23 @@
this.init();
this.onLoad(this.page);
this.getDictionary();
/**
* 初始化获取本地缓存的编辑隐藏的列表
* 固定搭配，不能更改
*/
let newarr = this.$functions.getStorage(window.location.pathname);
if (newarr) {
this.columnList.map(item => {
item.head = false;
});
newarr.map(ite => {
this.columnList.map(item => {
if (ite == item.label) {
item.head = true;
}
});
});
}
},
computed: {
...mapGetters(['permission']),
@ -256,6 +502,41 @@
}
},
methods: {
showdrawer(value){
this.drawerShow=value
},
/**
* 弹窗的勾选回调，用于更改头部数组
* 固定搭配，只需要更换 columnList
*/
setnewcolum(newarr, headarr) {
// console.log(newarr,'+++++++++++')
this.columnList = newarr;
this.$functions.setStorage(window.location.pathname, headarr);
},
selectionsc(value) {
console.log(value);
},
delectsolt(scope) {
const { row } = scope;
console.log(row);
},
editsolt(scope) {
const { row } = scope;
console.log(row);
},
btnsc(index, row) {
console.log(index, row);
},
selectsc(index, row) {
console.log(index, row);
},
timesc(index, row) {
console.log(index, row);
},
inputsc(index, row) {
console.log(index, row);
},
init() {
this.height = this.setPx(document.body.clientHeight - 340);
},

Write Preview
Loading…
Cancel
Save