style:其他及附记模板
Showing
5 changed files
with
139 additions
and
36 deletions
... | @@ -39,3 +39,33 @@ export function saveSqdjyw (data) { | ... | @@ -39,3 +39,33 @@ export function saveSqdjyw (data) { |
39 | data | 39 | data |
40 | }) | 40 | }) |
41 | } | 41 | } |
42 | |||
43 | /* | ||
44 | 其他及附记模板-列表详情 | ||
45 | */ | ||
46 | export function sysSqywmbszSearch (data) { | ||
47 | return request({ | ||
48 | url: '/system/sysSqywmbsz/search', | ||
49 | method: 'post', | ||
50 | data | ||
51 | }) | ||
52 | } | ||
53 | /* | ||
54 | 其他及附记模板-读取明细 | ||
55 | */ | ||
56 | export function getSysSqywmbszDetailById (id) { | ||
57 | return request({ | ||
58 | url: '/system/sysSqywmbsz/getSysSqywmbszDetailById?id=' + id, | ||
59 | method: 'get' | ||
60 | }) | ||
61 | } | ||
62 | /* | ||
63 | 其他及附记模板-修改申请业务模板设置 | ||
64 | */ | ||
65 | export function updateSysSqywmbsz (data) { | ||
66 | return request({ | ||
67 | url: '/system/sysSqywmbsz/updateSysSqywmbsz', | ||
68 | method: 'put', | ||
69 | data | ||
70 | }) | ||
71 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="value"> | 2 | <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" loadingText="正在提交中..." @closeDialog="closeDialog" |
3 | :saveloding="saveloding" v-model="value"> | ||
3 | <div class="qtjfjmb-edit-title"> | 4 | <div class="qtjfjmb-edit-title"> |
4 | <b>权利信息</b> | 5 | <b>权利信息</b> |
5 | </div> | 6 | </div> |
6 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px"> |
7 | <el-row> | 8 | <el-row> |
8 | <el-col :span="12"> | 9 | <el-col :span="12"> |
9 | <el-form-item label="权利类型编码" prop="qllxbm"> | 10 | <el-form-item label="权利类型编码" prop="qllx"> |
10 | <el-input v-model="ruleForm.qllxbm"></el-input> | 11 | <el-input v-model="ruleForm.qllx"></el-input> |
11 | </el-form-item> | 12 | </el-form-item> |
12 | </el-col> | 13 | </el-col> |
13 | <el-col :span="12"> | 14 | <el-col :span="12"> |
... | @@ -19,15 +20,15 @@ | ... | @@ -19,15 +20,15 @@ |
19 | <el-row> | 20 | <el-row> |
20 | <el-col :span="12"> | 21 | <el-col :span="12"> |
21 | <el-form-item label="不动产权类型" prop="bdcqlx"> | 22 | <el-form-item label="不动产权类型" prop="bdcqlx"> |
22 | <el-select v-model="ruleForm.bdcqlx" class="width100" placeholder="请选择"> | 23 | <el-select v-model="ruleForm.bdcqzlx" class="width100" placeholder="请选择"> |
23 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 24 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
24 | </el-option> | 25 | </el-option> |
25 | </el-select> | 26 | </el-select> |
26 | </el-form-item> | 27 | </el-form-item> |
27 | </el-col> | 28 | </el-col> |
28 | <el-col :span="12"> | 29 | <el-col :span="12"> |
29 | <el-form-item label="打印模板" prop="dymb"> | 30 | <el-form-item label="打印模板" prop="dymbbs"> |
30 | <el-input v-model="ruleForm.dymb"></el-input> | 31 | <el-input v-model="ruleForm.dymbbs"></el-input> |
31 | </el-form-item> | 32 | </el-form-item> |
32 | </el-col> | 33 | </el-col> |
33 | </el-row> | 34 | </el-row> |
... | @@ -49,16 +50,56 @@ | ... | @@ -49,16 +50,56 @@ |
49 | </ul> | 50 | </ul> |
50 | <el-row v-if="n == 0"> | 51 | <el-row v-if="n == 0"> |
51 | <el-col :span="24"> | 52 | <el-col :span="24"> |
52 | <el-form-item label="附记模板1" prop="fjmb1"> | 53 | <el-form-item label="附记模板"> |
53 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb1"> | 54 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.firstreg"> |
54 | </el-input> | 55 | </el-input> |
55 | </el-form-item> | 56 | </el-form-item> |
56 | </el-col> | 57 | </el-col> |
57 | </el-row> | 58 | </el-row> |
58 | <el-row v-else-if="n == 1"> | 59 | <el-row v-else-if="n == 1"> |
59 | <el-col :span="24"> | 60 | <el-col :span="24"> |
60 | <el-form-item label="附记模板2" prop="fjmb2"> | 61 | <el-form-item label="附记模板"> |
61 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb2"> | 62 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.transferreg"> |
63 | </el-input> | ||
64 | </el-form-item> | ||
65 | </el-col> | ||
66 | </el-row> | ||
67 | <el-row v-else-if="n == 2"> | ||
68 | <el-col :span="24"> | ||
69 | <el-form-item label="附记模板"> | ||
70 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.changereg"> | ||
71 | </el-input> | ||
72 | </el-form-item> | ||
73 | </el-col> | ||
74 | </el-row> | ||
75 | <el-row v-else-if="n == 3"> | ||
76 | <el-col :span="24"> | ||
77 | <el-form-item label="附记模板"> | ||
78 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.logoutreg"> | ||
79 | </el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | </el-row> | ||
83 | <el-row v-else-if="n == 4"> | ||
84 | <el-col :span="24"> | ||
85 | <el-form-item label="附记模板"> | ||
86 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.rivisereg"> | ||
87 | </el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | </el-row> | ||
91 | <el-row v-else-if="n == 5"> | ||
92 | <el-col :span="24"> | ||
93 | <el-form-item label="附记模板"> | ||
94 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.renewalreg"> | ||
95 | </el-input> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | </el-row> | ||
99 | <el-row v-else-if="n == 6"> | ||
100 | <el-col :span="24"> | ||
101 | <el-form-item label="附记模板"> | ||
102 | <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.replacereg"> | ||
62 | </el-input> | 103 | </el-input> |
63 | </el-form-item> | 104 | </el-form-item> |
64 | </el-col> | 105 | </el-col> |
... | @@ -68,44 +109,58 @@ | ... | @@ -68,44 +109,58 @@ |
68 | </template> | 109 | </template> |
69 | 110 | ||
70 | <script> | 111 | <script> |
112 | import { updateSysSqywmbsz } from '@/api/system' | ||
71 | export default { | 113 | export default { |
72 | components: { | 114 | components: { |
73 | }, | 115 | }, |
74 | props: { | 116 | props: { |
75 | value: { type: Boolean, default: false }, | 117 | value: { type: Boolean, default: false }, |
118 | details: { | ||
119 | type: Object, | ||
120 | default: () => { | ||
121 | return {} | ||
122 | } | ||
123 | } | ||
124 | }, | ||
125 | watch: { | ||
126 | details: { | ||
127 | handler (newValue, oldValue) { | ||
128 | this.ruleForm = newValue | ||
129 | console.log(this.ruleForm); | ||
130 | }, | ||
131 | deep: true | ||
132 | } | ||
76 | }, | 133 | }, |
77 | data () { | 134 | data () { |
78 | return { | 135 | return { |
136 | saveloding: false, | ||
79 | n: 0, | 137 | n: 0, |
80 | ruleForm: { | 138 | ruleForm: { |
81 | qllxbm: '', | 139 | qllx: '', |
82 | qllxmc: '', | 140 | qllxmc: '', |
83 | bdcqlx: '', | 141 | bdcqzlx: '', |
84 | dymb: '', | 142 | dymbbs: '', |
85 | qlqtztmb: '', | 143 | qlqtztmb: '', |
86 | fjmb1: '', | 144 | firstreg: '', |
87 | fjmb2: '' | 145 | fjmb2: '' |
88 | }, | 146 | }, |
89 | options: [], | 147 | options: [], |
90 | rules: { | 148 | rules: { |
91 | qllxbm: [ | 149 | qllx: [ |
92 | { required: true, message: '请输入权利类型编码', trigger: 'blur' } | 150 | { required: true, message: '请输入权利类型编码', trigger: 'blur' } |
93 | ], | 151 | ], |
94 | qllxmc: [ | 152 | qllxmc: [ |
95 | { required: true, message: '请输入权利类型名称', trigger: 'blur' } | 153 | { required: true, message: '请输入权利类型名称', trigger: 'blur' } |
96 | ], | 154 | ], |
97 | bdcqlx: [ | 155 | bdcqzlx: [ |
98 | { required: true, message: '请选择不动产权类型', trigger: 'change' } | 156 | { required: true, message: '请选择不动产权类型', trigger: 'change' } |
99 | ], | 157 | ], |
100 | dymb: [ | 158 | dymbbs: [ |
101 | { required: true, message: '请输入打印模板', trigger: 'blur' } | 159 | { required: true, message: '请输入打印模板', trigger: 'blur' } |
102 | ], | 160 | ], |
103 | qlqtztmb: [ | 161 | qlqtztmb: [ |
104 | { required: true, message: '请输入权利其他状况模板', trigger: 'blur' } | 162 | { required: true, message: '请输入权利其他状况模板', trigger: 'blur' } |
105 | ], | 163 | ], |
106 | fjmb: [ | ||
107 | { required: true, message: '请输入附记模板', trigger: 'blur' } | ||
108 | ], | ||
109 | }, | 164 | }, |
110 | titleList: [ | 165 | titleList: [ |
111 | { | 166 | { |
... | @@ -137,7 +192,16 @@ export default { | ... | @@ -137,7 +192,16 @@ export default { |
137 | this.n = index | 192 | this.n = index |
138 | }, | 193 | }, |
139 | submitForm () { | 194 | submitForm () { |
140 | this.$emit('input', false) | 195 | let that = this |
196 | this.saveloding = true | ||
197 | updateSysSqywmbsz(this.ruleForm).then(res => { | ||
198 | if (res.code === 200) { | ||
199 | setTimeout(() => { | ||
200 | that.saveloding = false | ||
201 | that.$emit('input', false) | ||
202 | }, 500) | ||
203 | } | ||
204 | }) | ||
141 | }, | 205 | }, |
142 | closeDialog () { | 206 | closeDialog () { |
143 | this.$emit('input', false) | 207 | this.$emit('input', false) | ... | ... |
... | @@ -35,11 +35,11 @@ class data extends filter { | ... | @@ -35,11 +35,11 @@ class data extends filter { |
35 | label: "不动产权证类型", | 35 | label: "不动产权证类型", |
36 | }, | 36 | }, |
37 | { | 37 | { |
38 | prop: "zjczsj", | 38 | prop: "updatetime", |
39 | label: "最近操作时间", | 39 | label: "最近操作时间", |
40 | }, | 40 | }, |
41 | { | 41 | { |
42 | prop: "zjczr", | 42 | prop: "updater", |
43 | label: "最近操作人", | 43 | label: "最近操作人", |
44 | }, | 44 | }, |
45 | { | 45 | { |
... | @@ -50,7 +50,7 @@ class data extends filter { | ... | @@ -50,7 +50,7 @@ class data extends filter { |
50 | render: (h, scope) => { | 50 | render: (h, scope) => { |
51 | return ( | 51 | return ( |
52 | <div> | 52 | <div> |
53 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button> | 53 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button> |
54 | </div> | 54 | </div> |
55 | ) | 55 | ) |
56 | } | 56 | } | ... | ... |
... | @@ -23,16 +23,17 @@ | ... | @@ -23,16 +23,17 @@ |
23 | </div> | 23 | </div> |
24 | <!-- 表格 --> | 24 | <!-- 表格 --> |
25 | <div class="from-clues-content"> | 25 | <div class="from-clues-content"> |
26 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" | 26 | <lb-table :page-size="pageData.size" :loading="loading" :current-page.sync="pageData.current" |
27 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 27 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
28 | :data="tableData.data"> | 28 | :column="tableData.columns" :data="tableData.data"> |
29 | </lb-table> | 29 | </lb-table> |
30 | </div> | 30 | </div> |
31 | <editDialog v-model="isDialog" /> | 31 | <editDialog v-model="isDialog" :details="details" /> |
32 | </div> | 32 | </div> |
33 | </template> | 33 | </template> |
34 | <script> | 34 | <script> |
35 | import { mapGetters } from 'vuex' | 35 | import { mapGetters } from 'vuex' |
36 | import { sysSqywmbszSearch, getSysSqywmbszDetailById } from '@/api/system' | ||
36 | import table from "@/utils/mixin/table" | 37 | import table from "@/utils/mixin/table" |
37 | import { datas, sendThis } from "./qtjfjmb" | 38 | import { datas, sendThis } from "./qtjfjmb" |
38 | import editDialog from "./components/editDialog.vue" | 39 | import editDialog from "./components/editDialog.vue" |
... | @@ -50,6 +51,7 @@ export default { | ... | @@ -50,6 +51,7 @@ export default { |
50 | }, | 51 | }, |
51 | data () { | 52 | data () { |
52 | return { | 53 | return { |
54 | loading: false, | ||
53 | isDialog: false, | 55 | isDialog: false, |
54 | queryForm: { | 56 | queryForm: { |
55 | qllx: "" | 57 | qllx: "" |
... | @@ -57,20 +59,27 @@ export default { | ... | @@ -57,20 +59,27 @@ export default { |
57 | tableData: { | 59 | tableData: { |
58 | total: 0, | 60 | total: 0, |
59 | columns: datas.columns(), | 61 | columns: datas.columns(), |
60 | data: [ | 62 | data: [] |
61 | { | 63 | }, |
62 | slsj: "2022-5-12", | 64 | details: {} |
63 | } | ||
64 | ] | ||
65 | } | ||
66 | } | 65 | } |
67 | }, | 66 | }, |
68 | methods: { | 67 | methods: { |
69 | // 初始化数据 | 68 | // 初始化数据 |
70 | fetchData () { | 69 | fetchData () { |
70 | this.loading = true | ||
71 | sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => { | ||
72 | this.loading = false | ||
73 | let { records, total } = res.result | ||
74 | this.tableData.data = records | ||
75 | this.tableData.total = total | ||
76 | }) | ||
71 | }, | 77 | }, |
72 | editClick () { | 78 | editClick (row) { |
79 | getSysSqywmbszDetailById(row.bsmMb).then(res => { | ||
73 | this.isDialog = true | 80 | this.isDialog = true |
81 | this.details = res.result | ||
82 | }) | ||
74 | } | 83 | } |
75 | }, | 84 | }, |
76 | }; | 85 | }; | ... | ... |
-
Please register or sign in to post a comment