parent
c5a24b17bc
commit
ec274d30fd
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,9 @@
|
||||
export const form = {
|
||||
id: undefined,
|
||||
type: undefined,
|
||||
showWeights: 0,
|
||||
customizeUrl: "",
|
||||
isShow: false,
|
||||
associationId: undefined,
|
||||
imgUrls: [],
|
||||
}
|
||||
@ -1,53 +1,105 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-table
|
||||
:columns="columns"
|
||||
:data-source="tableData"
|
||||
:pagination="pagination"
|
||||
:scroll="{ x: 1400 }"
|
||||
@change="handleTableChange"
|
||||
:row-selection="{
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: selectionChoosed,
|
||||
}"
|
||||
:row-key="
|
||||
(record, index) => {
|
||||
return record.id;
|
||||
}
|
||||
"
|
||||
<a-modal
|
||||
width="90%"
|
||||
title="选择链接"
|
||||
:visible="show"
|
||||
@ok="handleOk"
|
||||
@cancel="handleCancel"
|
||||
>
|
||||
</a-table>
|
||||
<div>
|
||||
<a-table
|
||||
:columns="columns[typeMean]"
|
||||
:data-source="tableData"
|
||||
:pagination="pagination"
|
||||
:scroll="{ x: 1400 }"
|
||||
@change="handleTableChange"
|
||||
:row-selection="{
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: selectionChoosed,
|
||||
}"
|
||||
:row-key="
|
||||
(record, index) => {
|
||||
return record.id;
|
||||
}
|
||||
"
|
||||
>
|
||||
</a-table>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { columns } from "./tableConfig.js";
|
||||
import { columns, pagination } from "./tableConfig.js";
|
||||
import { shopPushList } from "@/api/shop/goods";
|
||||
export default {
|
||||
props:{
|
||||
type
|
||||
props: {
|
||||
type: Number,
|
||||
show:Boolean
|
||||
},
|
||||
data() {
|
||||
return{
|
||||
return {
|
||||
columns,
|
||||
tableData:[]
|
||||
}
|
||||
pagination,
|
||||
typeMean: "shop",
|
||||
tableData: [],
|
||||
selectedRowKeys: [],
|
||||
joinString:''
|
||||
};
|
||||
},
|
||||
watch:{
|
||||
type:{
|
||||
handler(val){
|
||||
if(val===2){
|
||||
shopPushList().then(res=>{
|
||||
this.tableData = res.data
|
||||
})
|
||||
methods: {
|
||||
selectionChoosed(data) {
|
||||
this.selectedRowKeys = data;
|
||||
},
|
||||
handleTableChange(pagination) {
|
||||
console.log(pagination);
|
||||
const pager = { ...this.pagination };
|
||||
pager.current = pagination.current;
|
||||
pager.pageSize = pagination.pageSize;
|
||||
this.pagination = pager;
|
||||
this.getData();
|
||||
},
|
||||
handleCancel(){
|
||||
this.$emit('close')
|
||||
},
|
||||
handleOk(){
|
||||
if(this.selectedRowKeys.length === 0){
|
||||
this.$message.error('请选择')
|
||||
}
|
||||
else if(this.selectedRowKeys.length > 1){
|
||||
this.$message.error('只能选择一条链接')
|
||||
}else{
|
||||
for(let k of this.tableData){
|
||||
if(k.id===this.selectedRowKeys[0]){
|
||||
this.joinString = k.skuName
|
||||
}
|
||||
}
|
||||
this.$emit('submit',this.selectedRowKeys,this.joinString)
|
||||
}
|
||||
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
type: {
|
||||
handler(val) {
|
||||
if (val === 2) {
|
||||
shopPushList({
|
||||
pageNum: this.pagination.current,
|
||||
size: this.pagination.pageSize,
|
||||
}).then((res) => {
|
||||
this.tableData = res.data.rows;
|
||||
this.pagination.total = res.data.total;
|
||||
});
|
||||
}else{
|
||||
this.typeMean = 'shop'
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
}
|
||||
}
|
||||
immediate: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue