table不随屏幕改变尺寸问题

This commit is contained in:
mabo
2021-05-27 16:37:00 +08:00
parent 087ffe230d
commit 0df88e08e4
88 changed files with 5255 additions and 5397 deletions

View File

@@ -55,7 +55,6 @@
</i-switch>
</Alert>
</Row>
<Row>
<Table
v-if="showDev"
@@ -78,8 +77,6 @@
>
</Table>
</Row>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"

View File

@@ -35,18 +35,16 @@
<Row class="operation" style="margin-top: 20px">
<Button @click="sendMessage" type="primary">发送消息</Button>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="messageColumns"
:data="messageData"
ref="table"
sortable="custom"
@on-sort-change="messageChangeSort"
@on-selection-change="messageChangeSelect"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="messageColumns"
:data="messageData"
ref="table"
sortable="custom"
@on-sort-change="messageChangeSort"
@on-selection-change="messageChangeSelect"
></Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchMessageForm.pageNumber"
@@ -64,18 +62,16 @@
</TabPane>
<TabPane label="通知类站内信" name="SETTING">
<Row>
<Table
:loading="loading"
border
:columns="noticeColumns"
:data="noticeData"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="noticeColumns"
:data="noticeData"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"
@@ -206,18 +202,16 @@
</RadioGroup>
</FormItem>
<FormItem label="指定商家">
<Row>
<Table
:loading="loading"
border
:columns="messageDetailColumns"
:data="shopMessageData"
ref="table"
sortable="custom"
@on-sort-change="messageChangeSort"
@on-selection-change="messageChangeSelect"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="messageDetailColumns"
:data="shopMessageData"
ref="table"
sortable="custom"
@on-sort-change="messageChangeSort"
@on-selection-change="messageChangeSelect"
></Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchShopMessageForm.pageNumber"

View File

@@ -1,17 +1,13 @@
<template>
<div class="search">
<Row>
<Col>
<Card>
<Tabs value="LIST" @on-click="paneChange">
<TabPane label="发送任务列表" name="LIST">
<Row class="operation" style="margin-bottom: 10px">
<Button @click="sendBatchSmsModal" type="primary">发送短信</Button>
</Row>
<Row>
<Table :loading="loading" border :columns="smsColumns" :data="smsData" ref="table" sortable="custom" @on-sort-change="templateChangeSort">
</Table>
</Row>
<Table :loading="loading" border :columns="smsColumns" :data="smsData" ref="table" sortable="custom" @on-sort-change="templateChangeSort">
</Table>
<Row type="flex" justify="end" class="page">
<Page :current="smsSearchForm.pageNumber" :total="smsTotal" :page-size="smsSearchForm.pageSize" @on-change="smsChangePage" @on-page-size-change="smsChangePageSize"
@@ -23,10 +19,8 @@
<Button @click="addTemplate" type="primary">添加短信模板</Button>
<Button @click="syncTemplate" type="info">同步</Button>
</Row>
<Row>
<Table :loading="loading" border :columns="templateColumns" :data="templateData" ref="table" sortable="custom" @on-sort-change="smsChangeSort">
</Table>
</Row>
<Table :loading="loading" border :columns="templateColumns" :data="templateData" ref="table" sortable="custom" @on-sort-change="smsChangeSort">
</Table>
<Row type="flex" justify="end" class="page">
<Page :current="templateSearchForm.pageNumber" :total="templateTotal" :page-size="templateSearchForm.pageSize" @on-change="templateChangePage"
@on-page-size-change="templateChangePageSize" :page-size-opts="[10, 20, 50]" size="small" show-total show-elevator show-sizer></Page>
@@ -37,36 +31,30 @@
<Button @click="addSign" type="primary">添加短信签名</Button>
<Button @click="syncSign" type="info">同步</Button>
</Row>
<Row>
<Table :loading="loading" border :columns="signColumns" :data="signData" ref="table" sortable="custom" @on-sort-change="signChangeSort">
<template slot="signStatus" slot-scope="scope">
<div v-if="scope.row.signStatus ==2 ">
审核拒绝
<Poptip trigger="hover" :content=scope.row.reason placement="top-start" transfer>
<span style="color: #ed3f14">原因</span>
</Poptip>
</div>
<div v-if="scope.row.signStatus ==0 ">
审核中
</div>
<div v-if="scope.row.signStatus ==1 ">
审核通过
</div>
<Table :loading="loading" border :columns="signColumns" :data="signData" ref="table" sortable="custom" @on-sort-change="signChangeSort">
<template slot="signStatus" slot-scope="scope">
<div v-if="scope.row.signStatus ==2 ">
审核拒绝
<Poptip trigger="hover" :content=scope.row.reason placement="top-start" transfer>
<span style="color: #ed3f14">原因</span>
</Poptip>
</div>
<div v-if="scope.row.signStatus ==0 ">
审核中
</div>
<div v-if="scope.row.signStatus ==1 ">
审核通过
</div>
</template>
</Table>
</Row>
</template>
</Table>
<Row type="flex" justify="end" class="page">
<Page :current="signSearchForm.pageNumber" :total="signTotal" :page-size="signSearchForm.pageSize" @on-change="signChangePage" @on-page-size-change="signChangePageSize"
:page-size-opts="[10, 20, 50]" size="small" show-total show-elevator show-sizer></Page>
</Row>
</TabPane>
</Tabs>
</Card>
</Col>
</Row>
<Modal :title="templateModalTitle" v-model="templateModalVisible" :mask-closable="false" :width="500">
<Form ref="templateForm" :model="templateForm" :label-width="100" :rules="templateFormValidate">
<FormItem label="模板名称" prop="templateName">

View File

@@ -103,18 +103,16 @@
>
</Alert>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
</div>
<div v-show="showType == 'thumb'">
<div class="oss-wrapper">

View File

@@ -9,18 +9,16 @@
<Button @click="addRole" type="primary">添加角色</Button>
<Button @click="delAll">批量删除</Button>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
<Row type="flex" justify="end" class="page">
<Page
:current="pageNumber"

View File

@@ -1,100 +1,88 @@
<template>
<div class="search">
<Row>
<Col>
<Card>
<Tabs value="RESOURCE" @on-click="handleClickType">
<TabPane label="图片源" name="RESOURCE">
<Row>
<Col>
<Row class="operation" style="margin-bottom: 10px">
<Button @click="add" type="primary">添加</Button>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
>
<!-- 商品栏目格式化 -->
<template slot="imageSlot" slot-scope="scope">
<div style="">
<img :src="scope.row.resource" style="height: 60px;margin-top: 1px;width: 90px">
</div>
</template>
</Table>
</Row>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"
:total="total"
:page-size="searchForm.pageSize"
@on-change="changePage"
@on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]"
size="small"
show-total
show-elevator
show-sizer
>
</Page>
</Row>
</Col>
</Row>
</TabPane>
<TabPane label="滑块源" name="SLIDER">
<Row>
<Col>
<Row class="operation" style="margin-bottom: 10px">
<Button @click="add" type="primary" icon="md-add">添加</Button>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
>
<!-- 商品栏目格式化 -->
<template slot="imageSlot" slot-scope="scope">
<div style="">
<img :src="scope.row.resource" style="height: 60px;margin-top: 1px;width: 60px">
</div>
</template>
</Table>
</Row>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"
:total="total"
:page-size="searchForm.pageSize"
@on-change="changePage"
@on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]"
size="small"
show-total
show-elevator
show-sizer
></Page>
</Row>
</Col>
</Row>
</TabPane>
</Tabs>
</Card>
</Col>
</Row>
<Card>
<Tabs value="RESOURCE" @on-click="handleClickType">
<TabPane label="图片源" name="RESOURCE">
<Row class="operation" style="margin-bottom: 10px">
<Button @click="add" type="primary">添加</Button>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
>
<!-- 商品栏目格式化 -->
<template slot="imageSlot" slot-scope="scope">
<div style="">
<img
:src="scope.row.resource"
style="height: 60px; margin-top: 1px; width: 90px"
/>
</div>
</template>
</Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"
:total="total"
:page-size="searchForm.pageSize"
@on-change="changePage"
@on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]"
size="small"
show-total
show-elevator
show-sizer
>
</Page>
</Row>
</TabPane>
<TabPane label="滑块源" name="SLIDER">
<Row class="operation" style="margin-bottom: 10px">
<Button @click="add" type="primary" icon="md-add">添加</Button>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
>
<!-- 商品栏目格式化 -->
<template slot="imageSlot" slot-scope="scope">
<div style="">
<img
:src="scope.row.resource"
style="height: 60px; margin-top: 1px; width: 60px"
/>
</div>
</template>
</Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"
:total="total"
:page-size="searchForm.pageSize"
@on-change="changePage"
@on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]"
size="small"
show-total
show-elevator
show-sizer
></Page>
</Row>
</TabPane>
</Tabs>
</Card>
<Modal
:title="modalTitle"
v-model="modalVisible"
@@ -103,10 +91,15 @@
>
<Form ref="form" :model="form" :label-width="100" :rules="formValidate">
<FormItem label="名称" prop="name">
<Input v-model="form.name" maxlength="20" clearable style="width: 100%"/>
<Input
v-model="form.name"
maxlength="20"
clearable
style="width: 100%"
/>
</FormItem>
<FormItem label="图片" prop="resource">
<Input v-model="form.resource" clearable style="width: 100%"/>
<Input v-model="form.resource" clearable style="width: 100%" />
</FormItem>
<FormItem label="类型" prop="type">
<radio-group v-model="form.type" type="button">
@@ -118,9 +111,8 @@
<div slot="footer">
<Button type="text" @click="modalVisible = false">取消</Button>
<Button type="primary" :loading="submitLoading" @click="handleSubmit"
>提交
</Button
>
>提交
</Button>
</div>
</Modal>
</div>
@@ -131,7 +123,7 @@ import * as API_Setting from "@/api/setting";
export default {
data() {
return {
modalVisible: false,//添加验证码源弹出框
modalVisible: false, //添加验证码源弹出框
modalTitle: "", //添加验证码源弹出框标题
loading: true, // 表单加载状态
selectList: [], // 多选数据
@@ -142,7 +134,7 @@ export default {
name: "",
resource: "",
type: "RESOURCE",
},//添加编辑表单
}, //添加编辑表单
formValidate: {
name: [
{
@@ -165,18 +157,19 @@ export default {
pageSize: 10, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
type: "RESOURCE"
type: "RESOURCE",
},
columns: [
{
title: "名称",
key: "name",
minWidth: 80,
},{
},
{
title: "图片",
key: "resource",
width: 150,
slot: "imageSlot"
slot: "imageSlot",
},
{
title: "创建人",
@@ -213,13 +206,13 @@ export default {
size: "small",
},
style: {
marginRight: "5px"
marginRight: "5px",
},
on: {
click: () => {
this.edit(params.row);
}
}
},
},
},
"编辑"
),
@@ -233,17 +226,17 @@ export default {
on: {
click: () => {
this.remove(params.row);
}
}
},
},
},
"删除"
)
),
]);
},
},
],
data: [], // 表单数据
total: 0,//条数
total: 0, //条数
};
},
@@ -264,15 +257,15 @@ export default {
},
//切换tab
handleClickType(v) {
this.searchForm.pageNumber = 1 // 当前页数
this.searchForm.pageSize = 10 // 页面大小
this.searchForm.pageNumber = 1; // 当前页数
this.searchForm.pageSize = 10; // 页面大小
//图片源
if (v == "RESOURCE") {
this.searchForm.type = "RESOURCE"
this.searchForm.type = "RESOURCE";
}
//滑块源
if (v == "SLIDER") {
this.searchForm.type = "SLIDER"
this.searchForm.type = "SLIDER";
}
this.getDataList();
},
@@ -283,7 +276,7 @@ export default {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total
this.total = res.result.total;
}
});
this.loading = false;
@@ -294,25 +287,25 @@ export default {
},
//添加验证码源
add() {
this.form.type = this.searchForm.type
this.modalVisible = true
this.modalType = 0
this.modalTitle = "添加验证码源"
this.form.type = this.searchForm.type;
this.modalVisible = true;
this.modalType = 0;
this.modalTitle = "添加验证码源";
},
//修改验证码源
edit(v) {
this.form.name = v.name
this.form.id = v.id
this.form.resource = v.resource
this.form.type = v.type
this.form.name = v.name;
this.form.id = v.id;
this.form.resource = v.resource;
this.form.type = v.type;
this.modalType = 1
this.modalVisible = true
this.modalTitle = "修改验证码源"
this.modalType = 1;
this.modalVisible = true;
this.modalTitle = "修改验证码源";
},
//提交表单
handleSubmit() {
this.form.type = this.searchForm.type
this.form.type = this.searchForm.type;
this.$refs.form.validate((valid) => {
if (valid) {
this.submitLoading = true;
@@ -329,14 +322,16 @@ export default {
});
} else {
// 编辑
API_Setting.editVerification(this.form.id, this.form).then((res) => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("修改成功");
this.getDataList();
this.modalVisible = false;
API_Setting.editVerification(this.form.id, this.form).then(
(res) => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("修改成功");
this.getDataList();
this.modalVisible = false;
}
}
});
);
}
}
});
@@ -359,8 +354,7 @@ export default {
});
},
});
}
},
},
mounted() {
this.getDataList();

View File

@@ -43,18 +43,16 @@
<Button @click="delAll">批量删除</Button>
<Button @click="resetPass">重置密码</Button>
</Row>
<Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="table"
></Table>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="table"
></Table>
<Row type="flex" justify="end" class="page">
<Page
:current="searchForm.pageNumber"