|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="address" | 
|---|
|  |  |  | label="当前费用"> | 
|---|
|  |  |  | label="已产生费用"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="address" | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import applyChangeDetails from '@/components/business/applyChangeDetails' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaApplyChangeWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalWindow, applyChangeDetails }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | editDate: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | formInline: { | 
|---|
|  |  |  | user: '', | 
|---|
|  |  |  | region: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | visible1: false, | 
|---|
|  |  |  | visible2: false, | 
|---|
|  |  |  | visible3: false, | 
|---|
|  |  |  | visible4: false, | 
|---|
|  |  |  | visible5: false, | 
|---|
|  |  |  | reverse: true, | 
|---|
|  |  |  | radio: 0, | 
|---|
|  |  |  | fileList: [ | 
|---|
|  |  |  | {name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | activities: [{ | 
|---|
|  |  |  | content: '活动按期开始', | 
|---|
|  |  |  | timestamp: '2018-04-15' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | content: '通过审核', | 
|---|
|  |  |  | timestamp: '2018-04-13' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | content: '创建成功', | 
|---|
|  |  |  | timestamp: '2018-04-11' | 
|---|
|  |  |  | }], | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  | activeName: 'first', | 
|---|
|  |  |  | currentPage: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | api: '/business/insuranceApply', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleRemove(file, fileList) { | 
|---|
|  |  |  | console.log(file, fileList); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handlePreview(file) { | 
|---|
|  |  |  | console.log(file); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleExceed(files, fileList) { | 
|---|
|  |  |  | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | beforeRemove(file, fileList) { | 
|---|
|  |  |  | return this.$confirm(`确定移除 ${ file.name }?`); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | successEvent() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(val) { | 
|---|
|  |  |  | console.log(`每页 ${val} 条`); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleCurrentChange(val) { | 
|---|
|  |  |  | console.log(`当前页: ${val}`); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleClick(tab, event) { | 
|---|
|  |  |  | console.log(tab, event); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onSubmit() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import applyChangeDetails from '@/components/business/applyChangeDetails' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaApplyChangeWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalWindow, applyChangeDetails }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | editDate: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | formInline: { | 
|---|
|  |  |  | user: '', | 
|---|
|  |  |  | region: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | visible1: false, | 
|---|
|  |  |  | visible2: false, | 
|---|
|  |  |  | visible3: false, | 
|---|
|  |  |  | visible4: false, | 
|---|
|  |  |  | visible5: false, | 
|---|
|  |  |  | reverse: false, | 
|---|
|  |  |  | radio: 0, | 
|---|
|  |  |  | fileList: [ | 
|---|
|  |  |  | { name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | activities: [{ | 
|---|
|  |  |  | content: '活动按期开始', | 
|---|
|  |  |  | timestamp: '2018-04-15' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | content: '通过审核', | 
|---|
|  |  |  | timestamp: '2018-04-13' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | content: '创建成功', | 
|---|
|  |  |  | timestamp: '2018-04-11' | 
|---|
|  |  |  | }], | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  | activeName: 'first', | 
|---|
|  |  |  | currentPage: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | api: '/business/insuranceApply', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleRemove (file, fileList) { | 
|---|
|  |  |  | console.log(file, fileList) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handlePreview (file) { | 
|---|
|  |  |  | console.log(file) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleExceed (files, fileList) { | 
|---|
|  |  |  | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | beforeRemove (file, fileList) { | 
|---|
|  |  |  | return this.$confirm(`确定移除 ${file.name}?`) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | successEvent () { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange (val) { | 
|---|
|  |  |  | console.log(`每页 ${val} 条`) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleCurrentChange (val) { | 
|---|
|  |  |  | console.log(`当前页: ${val}`) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleClick (tab, event) { | 
|---|
|  |  |  | console.log(tab, event) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onSubmit () { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .v-modal { | 
|---|