Commit a254c334 by 蒋勇

d

parent 5d7e8582
...@@ -2,7 +2,7 @@ module.exports = { ...@@ -2,7 +2,7 @@ module.exports = {
root: true, root: true,
'extends': [ 'extends': [
'plugin:vue/essential', 'plugin:vue/essential',
'@vue/standard' // '@vue/standard'
], ],
rules: { rules: {
// allow async-await // allow async-await
......
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
* @description api请求基础路径 * @description api请求基础路径
*/ */
baseUrl: { baseUrl: {
dev: 'https://www.easy-mock.com/mock/5add9213ce4d0e69998a6f51/iview-admin/', dev: 'http://t9.com:8000/',
pro: 'https://produce.com' pro: 'https://produce.com'
}, },
/** /**
......
<template>
<div>
<Card>
<Form ref="formInline" :model="formInline" :rules="ruleInline" inline>
<FormItem prop="user">
<Input type="text" v-model="formInline.user" placeholder="Username">
<Icon type="ios-person-outline" slot="prepend"></Icon>
</Input>
</FormItem>
<FormItem prop="password">
<Input type="password" v-model="formInline.password" placeholder="Password">
<Icon type="ios-lock-outline" slot="prepend"></Icon>
</Input>
</FormItem>
<FormItem>
<Button type="primary" @click="handleSubmit('formInline')">Signin</Button>
</FormItem>
</Form>
</Card>
</div>
</template>
<script>
// import { getTableData } from '@/api/data'
export default {
name: 'forms',
components: {
},
data () {
return {
columns: [
{ title: 'Name', key: 'name', sortable: true },
{ title: 'Email', key: 'email', editable: true },
{ title: 'Create-Time', key: 'createTime' },
{
title: 'Handle',
key: 'handle',
options: ['delete'],
button: [
{title: "编辑",type: "text",icon: "",key:"edit" },
{title: "启用",type: "text",icon: "",key:"enable"},
]
}
],
tableData: []
}
},
methods: {
handleDelete (params) {
console.log(params)
},
exportExcel () {
this.$refs.tables.exportCsv({
filename: `table-${(new Date()).valueOf()}.csv`
})
}
},
mounted () {
getTableData().then(res => {
this.tableData = res.data
})
}
}
</script>
<style>
</style>
<template> <template>
<div> <div>
<Card> <Card>
<tables ref="tables" editable searchable search-place="top" v-model="tableData" :columns="columns" @on-delete="handleDelete"/> <tables ref="tables" editable searchable search-place="top" v-model="tableData" :columns="columns" @on-exec="doexec"/>
<Button style="margin: 10px 0;" type="primary" @click="exportExcel">导出为Csv文件</Button> <Button style="margin: 10px 0;" type="primary" @click="exportExcel">导出为Csv文件</Button>
</Card> </Card>
</div> </div>
...@@ -24,24 +24,10 @@ export default { ...@@ -24,24 +24,10 @@ export default {
{ {
title: 'Handle', title: 'Handle',
key: 'handle', key: 'handle',
options: ['delete'],
button: [ button: [
(h, params, vm) => { {title: "删除",type: "text",icon: "md-trash",key:"delete" },
return h('Poptip', { {title: "编辑",type: "text",icon: "",key:"edit" },
props: { {title: "启用",type: "text",icon: "",key:"enable"},
confirm: true,
title: '你确定要删除吗?'
},
on: {
'on-ok': () => {
vm.$emit('on-delete', params)
vm.$emit('input', params.tableData.filter((item, index) => index !== params.row.initRowIndex))
}
}
}, [
h('Button', '自定义删除')
])
}
] ]
} }
], ],
...@@ -49,8 +35,8 @@ export default { ...@@ -49,8 +35,8 @@ export default {
} }
}, },
methods: { methods: {
handleDelete (params) { doexec (key,row) {
console.log(params) console.log(key,row)
}, },
exportExcel () { exportExcel () {
this.$refs.tables.exportCsv({ this.$refs.tables.exportCsv({
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment