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