美文网首页
无标题文章

无标题文章

作者: _DevilTimer | 来源:发表于2019-11-01 14:53 被阅读0次

安装

npm install element-china-area-data -S

在线示例

地址在此,网页打开会比较慢

使用

import{ provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode }from'element-china-area-data'

provinceAndCityData是省市二级联动数据(不带“全部”选项)

regionData是省市区三级联动数据(不带“全部”选项)

provinceAndCityDataPlus是省市区三级联动数据(带“全部”选项)

regionDataPlus是省市区三级联动数据(带“全部”选项)

"全部"选项绑定的value是空字符串""

CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText['110000']输出北京市

TextToCode是个大对象,属性是汉字,属性值是区域码 用法例如:TextToCode['北京市'].code输出110000,TextToCode['北京市']['市辖区'].code输出110100,TextToCode['北京市']['市辖区']['朝阳区'].code输出110105

省市二级联动(不带“全部”选项):

<template>

size="large"

:options="options"

v-model="selectedOptions"

@change="handleChange">

<script>

import{ provinceAndCityData }from'element-china-area-data'

exportdefault{

    data () {

return{

options: provinceAndCityData,

selectedOptions: []

      }

    },

methods: {

      handleChange (value) {

console.log(value)

      }

    }

  }

省市二级联动(带“全部”选项):

<template>

size="large"

:options="options"

v-model="selectedOptions"

@change="handleChange">

<script>

import{ provinceAndCityDataPlus }from'element-china-area-data'

exportdefault{

    data () {

return{

options: provinceAndCityDataPlus,

selectedOptions: []

      }

    },

methods: {

      handleChange (value) {

console.log(value)

      }

    }

  }

省市区三级联动(不带“全部”选项)

<template>

size="large"

:options="options"

v-model="selectedOptions"

@change="handleChange">

<script>

import{ regionData }from'element-china-area-data'

exportdefault{

    data () {

return{

options: regionData,

selectedOptions: []

      }

    },

methods: {

      handleChange (value) {

console.log(value)

      }

    }

  }

省市区三级联动(带“全部”选项)

<template>

size="large"

:options="options"

v-model="selectedOptions"

@change="handleChange">

<script>

import{ regionDataPlus }from'element-china-area-data'

exportdefault{

    data () {

return{

options: regionDataPlus,

selectedOptions: []

      }

    },

methods: {

      handleChange (value) {

console.log(value)

      }

    }

  }

export default {

    "data": [

        {

            "operation": "incomePublish",

            "operationName": "罚没支出",

            "billConditionAndContents": [

                {

                    "condition": "意向金/意向金/罚没支出",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/账单/罚没支出",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                }

            ]

        },

        {

            "operation": "incomeRefund",

            "operationName": "退款支出",

            "billConditionAndContents": [

                {

                    "condition": "租金/预收/退款支出",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRCY001/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRWY098/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/账单/退款支出",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRCY-G067/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/预收/退款支出",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRCY-G067/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金滞纳金/账单/退款支出",

                    "feeType": "rentLateFeeVal",

                    "feeTypeName": "租金滞纳金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRCY-G067/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRWY098/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "CBCY-Y090/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/账单/退款支出",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRCY001/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRCY001/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/退款支出",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRCY-G067/付款申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                }

            ]

        },

        {

            "operation": "incomeSwitch",

            "operationName": "结转支出",

            "billConditionAndContents": [

                {

                    "condition": "履约保证金/账单/结转支出/非跨主体/租金滞纳金",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "CBCY-Y090/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/账单/结转支出/非跨主体/履约保证金",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/预收/结转支出/跨主体/租金",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRWY098/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/账单/结转支出/非跨主体/租金",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/预收/结转支出/非跨主体/违约金",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "CBCY-Y090/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/结转支出/跨主体/租金",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/账单/结转支出/跨主体/履约保证金",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/结转支出/非跨主体/履约保证金",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/结转支出/非跨主体/租金",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/预收/结转支出/跨主体/违约金",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "SRWY098/负/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "CBCY-Y090/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "SRWY098/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/结转支出/跨主体/履约保证金",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "记账申请单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                }

            ]

        },

        {

            "operation": "incomeCharge",

            "operationName": "收款收入",

            "billConditionAndContents": [

                {

                    "condition": "履约保证金/账单/收款收入",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "违约金/账单/收款收入",

                    "feeType": "realDefaultFeeVal",

                    "feeTypeName": "违约金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "CBCY-Y090/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金滞纳金/账单/收款收入",

                    "feeType": "rentLateFeeVal",

                    "feeTypeName": "租金滞纳金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "CBCY-Y090/正/应收单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        },

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/预收/收款收入",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "履约保证金/预收/收款收入",

                    "feeType": "realEarnestFeeVal",

                    "feeTypeName": "履约保证金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "意向金/意向金/收款收入",

                    "feeType": "FINANCE_INTENT",

                    "feeTypeName": "意向金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                },

                {

                    "condition": "租金/账单/收款收入",

                    "feeType": "realRentFeeVal",

                    "feeTypeName": "租金",

                    "flowTotalAmount": 0,

                    "billContents": [

                        {

                            "content": "收款单",

                            "billAmount": 0,

                            "pushedNumber": 0,

                            "waitPushNumber": 0,

                            "failNumber": 0,

                            "pushingNumber": 0,

                            "noNeedPushNumber": 0,

                            "matchFlag": "匹配"

                        }

                    ]

                }

            ]

        }

    ],

    "ext": null,

    "code": 200,

    "message": "获取成功"

}

```

相关文章

  • 无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章 无标题文章无标题文章无标题文章无...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • fasfsdfdf

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章

  • 无标题文章

    无标题文章 无标题文章 无标题文章无标题文章 无标题文章 无标题文章

网友评论

      本文标题:无标题文章

      本文链接:https://www.haomeiwen.com/subject/qlupcqtx.html