Compare commits
No commits in common. "ab371f676adb7cd9839cb622205cf17956a51412" and "b1b9b7ee1afbd065e1a7e31d6c7a8f3338066b1c" have entirely different histories.
ab371f676a
...
b1b9b7ee1a
|
@ -1,9 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="agtablebox">
|
<el-table v-bind="$attrs" v-on="$listeners" :data="data">
|
||||||
<el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small" :header-cell-style="$attrs.headerCellStyle||{backgroundColor:'#f7f7f7'}">
|
|
||||||
<el-table-column v-for="item,index in columns" :key="index" v-bind="item">
|
<el-table-column v-for="item,index in columns" :key="index" v-bind="item">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="item.soltName">
|
<div v-if="item.soltName">
|
||||||
|
|
||||||
<slot :name="item.soltName" :row="scope.row" >
|
<slot :name="item.soltName" :row="scope.row" >
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
|
@ -14,53 +14,30 @@
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="agtablefooter">
|
|
||||||
<el-pagination
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:current-page.sync="currentPage"
|
|
||||||
:page-sizes="pageSizes||[10,100,200,500]"
|
|
||||||
:page-size="pageSize"
|
|
||||||
layout="sizes,prev, pager, next, jumper"
|
|
||||||
:total="total">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "agTable",
|
name: "agTable",
|
||||||
props:["columns","data",'pageSize','currentPage','total','pageSizes'],
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
props:["columns","data"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
width: "160px",
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {},
|
||||||
handleSizeChange(e){
|
|
||||||
this.$emit('onSizeChange',e);
|
|
||||||
},
|
|
||||||
handleCurrentChange(e){
|
|
||||||
this.$emit('onCurrentChange',e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.agtablebox{
|
|
||||||
background: #fff;
|
|
||||||
width: 100%;
|
|
||||||
.agtablefooter{
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
padding:12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
::v-deep {
|
::v-deep {
|
||||||
.el-table {
|
.el-table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -1,9 +0,0 @@
|
||||||
import agUpdate from './src'
|
|
||||||
|
|
||||||
// 为组件提供 install 安装方法,供按需引入
|
|
||||||
agUpdate.install = function (Vue) {
|
|
||||||
Vue.component(agUpdate.name, agUpdate)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导出组件
|
|
||||||
export default agUpdate;
|
|
|
@ -1,64 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-upload
|
|
||||||
action=""
|
|
||||||
list-type="picture-card"
|
|
||||||
v-bind="$attrs"
|
|
||||||
v-on="$listeners"
|
|
||||||
:on-preview="handlePictureCardPreview"
|
|
||||||
:on-remove="handleRemove"
|
|
||||||
:file-list="fileList"
|
|
||||||
@change="onUpdate"
|
|
||||||
ref="agupdateref"
|
|
||||||
>
|
|
||||||
<i class="el-icon-plus"></i>
|
|
||||||
</el-upload>
|
|
||||||
<el-dialog :visible.sync="dialogVisible">
|
|
||||||
<img width="100%" :src="dialogImageUrl" alt="">
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "agUpdate",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogImageUrl: '',
|
|
||||||
dialogVisible: false,
|
|
||||||
fileList:[]
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
console.log(this.$refs.agupdateref,'this.$refs.agupdateref');
|
|
||||||
|
|
||||||
let input=this.$refs.agupdateref.vnode;
|
|
||||||
console.log(input,'input');
|
|
||||||
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleRemove(file, fileList) {
|
|
||||||
console.log(file, fileList);
|
|
||||||
},
|
|
||||||
handlePictureCardPreview(file) {
|
|
||||||
this.dialogImageUrl = file.url;
|
|
||||||
this.dialogVisible = true;
|
|
||||||
},
|
|
||||||
onUpdate(e){
|
|
||||||
console.log(e,"ee");
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
::v-deep {
|
|
||||||
.el-table {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -1,15 +1,13 @@
|
||||||
// 导入组件
|
// 导入组件
|
||||||
import agInput from './agInput/index';
|
import agInput from './agInput/index'
|
||||||
import agSelect from './agSelect/index';
|
import agSelect from './agSelect/index'
|
||||||
import agUpdate from './agUpload';
|
|
||||||
|
|
||||||
// 注册组件
|
// 注册组件
|
||||||
|
|
||||||
// 组件列表
|
// 组件列表
|
||||||
const components = [
|
const components = [
|
||||||
agInput,
|
agInput,
|
||||||
agSelect,
|
agSelect
|
||||||
agUpdate
|
|
||||||
]
|
]
|
||||||
|
|
||||||
// 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册)
|
// 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册)
|
||||||
|
@ -32,6 +30,5 @@
|
||||||
export {
|
export {
|
||||||
// 以下是具体的组件列表
|
// 以下是具体的组件列表
|
||||||
agInput,
|
agInput,
|
||||||
agSelect,
|
agSelect
|
||||||
agUpdate
|
|
||||||
}
|
}
|
|
@ -39,7 +39,7 @@
|
||||||
>
|
>
|
||||||
</ag-MultifunctionSearch>
|
</ag-MultifunctionSearch>
|
||||||
<agQuery :inputs="inputs" @onSearch="onSearch"/>
|
<agQuery :inputs="inputs" @onSearch="onSearch"/>
|
||||||
<agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500" >
|
<agTable :columns="columns" :data="tabledata" >
|
||||||
<template #name="{row}">
|
<template #name="{row}">
|
||||||
<div>{{row.name}}11</div>
|
<div>{{row.name}}11</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -47,9 +47,6 @@
|
||||||
<div>{{row.date}} </div>
|
<div>{{row.date}} </div>
|
||||||
</template>
|
</template>
|
||||||
</agTable>
|
</agTable>
|
||||||
<agUpdate>
|
|
||||||
|
|
||||||
</agUpdate>
|
|
||||||
<!-- <el-input
|
<!-- <el-input
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="请输入内容"
|
placeholder="请输入内容"
|
||||||
|
@ -78,10 +75,8 @@ import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
|
||||||
import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
|
import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
|
||||||
import agQuery from "../packages/agQuery/src/index.vue";
|
import agQuery from "../packages/agQuery/src/index.vue";
|
||||||
import agTable from "../packages/agTable/src/index.vue";
|
import agTable from "../packages/agTable/src/index.vue";
|
||||||
import agElemUI from "../packages/index.js";
|
|
||||||
|
|
||||||
Vue.use(ElementUI);
|
Vue.use(ElementUI);
|
||||||
Vue.use(agElemUI);
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue