diff --git a/pages.json b/pages.json index 9267ebd3c883540eefd4631af200b4e72d7c400c..4d9b1f67d1a279cb1a06896af8c5f20ab979761e 100644 --- a/pages.json +++ b/pages.json @@ -1,5 +1,13 @@ { "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages + { + "path": "pages/index/selfWrittenWill/index", + "style": { + "navigationBarTitleText": "自书遗嘱模板填写", + "enablePullDownRefresh": false + } + + }, { "path": "pages/index/index", "style": { @@ -128,14 +136,6 @@ "enablePullDownRefresh": false } - }, - { - "path": "pages/index/selfWrittenWill/index", - "style": { - "navigationBarTitleText": "自书遗嘱模板填写", - "enablePullDownRefresh": false - } - }, { "path": "pages/index/choseType/choseType", diff --git a/pages/index/preview/preview.vue b/pages/index/preview/preview.vue index 5a563a7eb93dddefdfb2886b206f051d152d1b10..423c41f071080a017cfc03b3104f8c78df240dc7 100644 --- a/pages/index/preview/preview.vue +++ b/pages/index/preview/preview.vue @@ -46,133 +46,16 @@ export default { data() { return { - selfWillTemp: [{ - id: 1, - type: '不动产', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一处不动产,位于(不动产地址),产权证编号是(产权证编号),产权人姓名是(产权人姓名),共有产权人有(共有产权人姓名,可填写多个),建筑面积为(面积)(单位)。在我身故后,由(张三)(百分数)%,其他人不继承` - }, - { - id: 2, - type: '车辆', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一辆车,车辆识别代号为(车辆识别代号),车牌号是(车牌号),发动机号是(发动机号),所有权人是(所有权人姓名),品牌型号为(品牌型号名),登记日期是(xx年xx月xx日)。在我身故后,由(张三继承(百分数)%,其他人不继承。` - }, - { - id: 3, - type: '存款', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一笔存款,存放于(银行名)银行,存折卡号为(存折卡号),银行卡号为(银行卡号),存款金额共(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%其他人不继承。` - }, - { - id: 4, - type: '债权或债券', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一元(债权/债券),文书编号为(文书编号),债权人是(债权人姓名),债务人是(债务人姓名),到期日是(xx年xx月xx日),债权金额有(金额)(货币单位),存放于(地址)。在我身故后,由(张三继承(百分数)%,其他人不继承。` - }, - { - id: 5, - type: '上市公司股票', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一只股票,其类型为(股票类型),证券交易所位于(地址),股票代码是(股票代码),公司简称是(公司简称),股票市值为(金额)(货币单位),持有人为(持有人姓名),股票账户是(账户号)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` - }, - { - id: 6, - type: '非上市公司股权', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一只(公司名称)公司的股权,出资类型为(出资类型),出资额有(金额)(货币单位),股东名称是(股东名称),出资比例占(百分数)%。在我身故后,由(张三)继承(百分数)%,其他人不继承。` - }, - { - id: 7, - type: '贵重物品', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一(物品名称),其规格为(物品规格),是(品牌名)品牌的产品,市值约(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` - }, - { - id: 8, - type: '理财产品', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一理财产品,产品名称为(产品名称),其发行单位是(发行单位名称),产品编号是(产品编号)。金额为(金额)(货币单位),权利人是(权利人姓名)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` - }, - { - id: 9, - type: '知识产权', - inHeritName: '', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - tempStr: `我有一知识产权,名为(知识产权名),其编号为(编号),是(产权类型)类型的知识产权,权利人是(权利人姓名),估值约(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` - }, - { - id: 10, - type: '其他财产', - inHeritList: [{ - name: '张三', - relation: 'xxx', - idCard: '23121532543' - }], - inHeritName: '', - tempStr: `我有一(财产名称),价值为(金额)(货币单位),权利人是(权利人姓名),存放地为(地址),编号是编号)。在我身故后,由(张三)继承(百分数)%,其他人不继承` - }, - - ] + selfWillTemp: [] }; }, methods: { handleNavigate(val) { - uni.navigateTo({ - url: val === 0 ? '/pages/index/choseType/choseType' : '/pages/index/preview/preview' - }) + } }, - onLoad(val) { - console.log(val) - if (val.val) { - uni.showToast({ - title: `您选择的财产类型id为${val.val}` - }) - } + mounted() { + this.selfWillTemp = this.$store.state.temp.tempList } } diff --git a/pages/index/selfWrittenWill/index.vue b/pages/index/selfWrittenWill/index.vue index 9c97dd44c089f1b9bc308368eb0812577e239f11..5df4a84f2ee53556a50dd939eac26dd19144ae4a 100644 --- a/pages/index/selfWrittenWill/index.vue +++ b/pages/index/selfWrittenWill/index.vue @@ -3,28 +3,31 @@ 我现在头脑清楚、思维清晰,能够正确理解并清楚表达我本人的意愿,具有民事行为能力。为避免本人身故后,继承人因遗产问题产生争议,根据《中华人民共和国民法典》的规定,本人特立此遗嘱,对本人所拥有的财产和权益等作出如下处理: - + - 财产类型({{item.id}}):{{item.type}} + 财产类型({{index+1}}):{{item.type}} - + 删除 - + 添加继承人 - - - 继承人姓名 - - - - - + + + + 继承人姓名 + + + + + + @@ -60,78 +63,152 @@ id: 1, type: '不动产', inHeritName: '', + inHeritList: [], tempStr: `我有一处不动产,位于(不动产地址),产权证编号是(产权证编号),产权人姓名是(产权人姓名),共有产权人有(共有产权人姓名,可填写多个),建筑面积为(面积)(单位)。在我身故后,由(张三)(百分数)%,其他人不继承` }, { id: 2, type: '车辆', inHeritName: '', + inHeritList: [], tempStr: `我有一辆车,车辆识别代号为(车辆识别代号),车牌号是(车牌号),发动机号是(发动机号),所有权人是(所有权人姓名),品牌型号为(品牌型号名),登记日期是(xx年xx月xx日)。在我身故后,由(张三继承(百分数)%,其他人不继承。` }, { id: 3, type: '存款', inHeritName: '', + inHeritList: [], tempStr: `我有一笔存款,存放于(银行名)银行,存折卡号为(存折卡号),银行卡号为(银行卡号),存款金额共(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%其他人不继承。` }, { id: 4, type: '债权或债券', inHeritName: '', + inHeritList: [], tempStr: `我有一元(债权/债券),文书编号为(文书编号),债权人是(债权人姓名),债务人是(债务人姓名),到期日是(xx年xx月xx日),债权金额有(金额)(货币单位),存放于(地址)。在我身故后,由(张三继承(百分数)%,其他人不继承。` }, { id: 5, type: '上市公司股票', inHeritName: '', + inHeritList: [], tempStr: `我有一只股票,其类型为(股票类型),证券交易所位于(地址),股票代码是(股票代码),公司简称是(公司简称),股票市值为(金额)(货币单位),持有人为(持有人姓名),股票账户是(账户号)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` }, { id: 6, type: '非上市公司股权', inHeritName: '', + inHeritList: [], tempStr: `我有一只(公司名称)公司的股权,出资类型为(出资类型),出资额有(金额)(货币单位),股东名称是(股东名称),出资比例占(百分数)%。在我身故后,由(张三)继承(百分数)%,其他人不继承。` }, { id: 7, type: '贵重物品', inHeritName: '', + inHeritList: [], tempStr: `我有一(物品名称),其规格为(物品规格),是(品牌名)品牌的产品,市值约(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` }, { id: 8, type: '理财产品', inHeritName: '', + inHeritList: [], tempStr: `我有一理财产品,产品名称为(产品名称),其发行单位是(发行单位名称),产品编号是(产品编号)。金额为(金额)(货币单位),权利人是(权利人姓名)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` }, { id: 9, type: '知识产权', inHeritName: '', + inHeritList: [], tempStr: `我有一知识产权,名为(知识产权名),其编号为(编号),是(产权类型)类型的知识产权,权利人是(权利人姓名),估值约(金额)(货币单位)。在我身故后,由(张三)继承(百分数)%,其他人不继承。` }, { id: 10, type: '其他财产', inHeritName: '', + inHeritList: [], tempStr: `我有一(财产名称),价值为(金额)(货币单位),权利人是(权利人姓名),存放地为(地址),编号是编号)。在我身故后,由(张三)继承(百分数)%,其他人不继承` }, - ] + ], + selfWillList: [] }; }, methods: { handleNavigate(val) { + if (val === 1) { + // 保存‘ + } uni.navigateTo({ url: val === 0 ? '/pages/index/choseType/choseType' : '/pages/index/preview/preview' }) + }, + addMan(id) { + this.selfWillList.map(item => { + if (item.id === id) { + item.inHeritList = [...item.inHeritList, + { + id: item.inHeritList.length + 1, + name: '', + relation: '', + idCard: '' + } + ] + } + }) + }, + deleteMan(e) { + const id = e.target.targetDataset.id + const manId = e.target.targetDataset.manId + this.selfWillList.map(item => { + console.log(id, manId) + if (item.id == id) { + let arr = [] + item.inHeritList.map(ele => { + if (ele.id !== manId) { + arr = [...arr, ele] + } + }) + item.inHeritList = arr + console.log(item) + } + }) + }, + deleteItem1(e) { + console.log(e) + }, + deleteItem(id) { + let arr = [] + this.selfWillList.map(item => { + if (item.id !== id) { + arr = [...arr, item] + } + }) + this.selfWillList = arr + this.$store.dispatch('changeTempList', arr) } }, onLoad(val) { - console.log(val) - if(val.val){ + this.selfWillList = this.$store.state.temp.tempList + let flag = false + this.selfWillList.map(item => { + if (item.id == val.val) { + flag = true + } + }) + if (val.val && !flag) { + let itemTemp + this.selfWillTemp.map(item => { + if (item.id == val.val) { + itemTemp = item + console.log(item) + } + }) + this.selfWillList = [...this.selfWillList, itemTemp] + this.$store.dispatch('changeTempList', this.selfWillList) + } else if (val.val && flag) { uni.showToast({ - title:`您选择的财产类型id为${val.val}` + title: '您已添加' }) } } @@ -205,6 +282,10 @@ } } + .inherit { + margin-bottom: 13rpx; + } + .inherit-name { width: 750rpx; height: 96rpx; @@ -217,7 +298,6 @@ color: #666666; display: flex; align-items: center; - margin-bottom: 13rpx; .label { width: 140rpx; @@ -270,11 +350,15 @@ } .bottom-btns { + width: 750rpx; display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 43rpx 22rpx; + position: fixed; + bottom: 0; + left: 0; .bottom-btn { width: 340rpx; diff --git a/store/index.js b/store/index.js index feca234616088e47f28097806cd06bb6fcea5461..84f8b561dec16de2643eb23dc169e02cf0c23b78 100644 --- a/store/index.js +++ b/store/index.js @@ -2,12 +2,13 @@ import Vue from 'vue' import Vuex from 'vuex' import user from './modules/user' import getters from './getters' - +import temp from './modules/temp' Vue.use(Vuex) const store = new Vuex.Store({ modules: { user, + temp }, getters }) diff --git a/store/modules/temp.js b/store/modules/temp.js new file mode 100644 index 0000000000000000000000000000000000000000..b616f3f1bbef5a0506fc46020930b45ab58cd694 --- /dev/null +++ b/store/modules/temp.js @@ -0,0 +1,22 @@ +const temp = { + state: { + tempList: [], //模板列表 + }, + + mutations: { + SET_TEMP_LIST: (state, tempList) => { + state.tempList = tempList + // localStorage.setItem('loginUserInfo', JSON.stringify(userInfo)) + } + }, + + actions: { + changeTempList({ + commit + }, list) { + commit('SET_TEMP_LIST', list) + } + } +} + +export default temp