dev
parent
f83e66ee2c
commit
129c083f05
@ -0,0 +1,3 @@
|
|||||||
|
NODE_ENV = 'development'
|
||||||
|
VUE_APP_URL = ''
|
||||||
|
VUE_APP_CDN = ''
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
NODE_ENV = 'production'
|
||||||
|
VUE_APP_URL = ''
|
||||||
|
VUE_APP_CDN = ''
|
||||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 5.2 MiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 40 KiB |
@ -1,58 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="hello">
|
|
||||||
<h1>{{ msg }}</h1>
|
|
||||||
<p>
|
|
||||||
For a guide and recipes on how to configure / customize this project,<br>
|
|
||||||
check out the
|
|
||||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
|
||||||
</p>
|
|
||||||
<h3>Installed CLI Plugins</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Essential Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
|
||||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
|
||||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
|
||||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
|
||||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Ecosystem</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
|
||||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
|
||||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'HelloWorld',
|
|
||||||
props: {
|
|
||||||
msg: String
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style scoped>
|
|
||||||
h3 {
|
|
||||||
margin: 40px 0 0;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,42 +1,155 @@
|
|||||||
<!--
|
|
||||||
* @Author: your name
|
|
||||||
* @Date: 2021-11-22 15:56:04
|
|
||||||
* @LastEditTime: 2021-11-22 17:14:10
|
|
||||||
* @LastEditors: Please set LastEditors
|
|
||||||
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
||||||
* @FilePath: /ansu-business/src/views/Waybill/index.vue
|
|
||||||
-->
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<a-button type="primary" @click="log()"> Primary </a-button>
|
<commonTable
|
||||||
<a-button>Default</a-button>
|
:columns="columns"
|
||||||
<a-button type="dashed"> Dashed </a-button>
|
:tableData="tableData"
|
||||||
<a-button type="danger"> Danger </a-button>
|
:ActionsList="ActionsList"
|
||||||
<a-config-provider :auto-insert-space-in-button="false">
|
@handleTableChange="handleTableChange"
|
||||||
<a-button type="primary"> 按钮 </a-button>
|
@Actions="Actions"
|
||||||
</a-config-provider>
|
@selectionChoosed="selectionChoosed"
|
||||||
<a-button type="primary"> 按钮 </a-button>
|
>
|
||||||
<a-button type="link"> Link </a-button>
|
<template v-slot:actionBox="data">
|
||||||
|
<a href="javascript:;" @click="del(data)">del</a>
|
||||||
|
<span style="margin: 5px">|</span>
|
||||||
|
<a href="javascript:;">detail</a>
|
||||||
|
</template>
|
||||||
|
</commonTable>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "Billing",
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
tableChoosed: [],
|
||||||
|
// 分页
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 列
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: "Name",
|
||||||
|
dataIndex: "name",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender",
|
||||||
|
dataIndex: "gender",
|
||||||
|
width: "200",
|
||||||
|
customRender: function (gender) {
|
||||||
|
if (gender === 1) {
|
||||||
|
return "是";
|
||||||
|
} else {
|
||||||
|
return "否";
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender1",
|
||||||
|
dataIndex: "gender1",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender2",
|
||||||
|
dataIndex: "gender2",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender3",
|
||||||
|
dataIndex: "gender3",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender4",
|
||||||
|
dataIndex: "gender4",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender5",
|
||||||
|
dataIndex: "gender5",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender6",
|
||||||
|
dataIndex: "gender6",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "status",
|
||||||
|
dataIndex: "status",
|
||||||
|
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
tableData: [
|
||||||
|
{ name: 1, gender: 1 },
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
],
|
||||||
|
ActionsList: [
|
||||||
|
{
|
||||||
|
label: "批量删除",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "批量导出",
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
log(){
|
handleTableChange(pagination) {
|
||||||
// console.log();
|
console.log(pagination);
|
||||||
this.$message.success('1')
|
const pager = { ...this.pagination };
|
||||||
this.$router.push({name:'Authority_details'})
|
pager.current = pagination.current;
|
||||||
}
|
pager.pageSize = pagination.pageSize;
|
||||||
}
|
this.pagination = pager;
|
||||||
|
},
|
||||||
|
del(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
Actions(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
selectionChoosed(data) {
|
||||||
|
console.log(data);
|
||||||
|
this.tableChoosed = data
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style>
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in new issue