Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
27699d38 by 任超
Options

style:其他及附记模板

1 parent 4fd3a224
Inline Side-by-side
Showing 5 changed files with 139 additions and 36 deletions
......@@ -5,4 +5,4 @@ NODE_ENV=development
VUE_APP_BASE_API = '/dev-api'
# 开发环境
VUE_APP_API_BASE_URL = 'http://192.168.2.95:8009'
VUE_APP_API_BASE_URL = 'http://192.168.2.44:8009'
......
......@@ -39,3 +39,33 @@ export function saveSqdjyw (data) {
data
})
}
/*
其他及附记模板-列表详情
*/
export function sysSqywmbszSearch (data) {
return request({
url: '/system/sysSqywmbsz/search',
method: 'post',
data
})
}
/*
其他及附记模板-读取明细
*/
export function getSysSqywmbszDetailById (id) {
return request({
url: '/system/sysSqywmbsz/getSysSqywmbszDetailById?id=' + id,
method: 'get'
})
}
/*
其他及附记模板-修改申请业务模板设置
*/
export function updateSysSqywmbsz (data) {
return request({
url: '/system/sysSqywmbsz/updateSysSqywmbsz',
method: 'put',
data
})
}
\ No newline at end of file
......
<template>
<dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="value">
<dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" loadingText="正在提交中..." @closeDialog="closeDialog"
:saveloding="saveloding" v-model="value">
<div class="qtjfjmb-edit-title">
<b>权利信息</b>
</div>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
<el-row>
<el-col :span="12">
<el-form-item label="权利类型编码" prop="qllxbm">
<el-input v-model="ruleForm.qllxbm"></el-input>
<el-form-item label="权利类型编码" prop="qllx">
<el-input v-model="ruleForm.qllx"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -19,15 +20,15 @@
<el-row>
<el-col :span="12">
<el-form-item label="不动产权类型" prop="bdcqlx">
<el-select v-model="ruleForm.bdcqlx" class="width100" placeholder="请选择">
<el-select v-model="ruleForm.bdcqzlx" class="width100" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="打印模板" prop="dymb">
<el-input v-model="ruleForm.dymb"></el-input>
<el-form-item label="打印模板" prop="dymbbs">
<el-input v-model="ruleForm.dymbbs"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -49,16 +50,56 @@
</ul>
<el-row v-if="n == 0">
<el-col :span="24">
<el-form-item label="附记模板1" prop="fjmb1">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb1">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.firstreg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 1">
<el-col :span="24">
<el-form-item label="附记模板2" prop="fjmb2">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb2">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.transferreg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 2">
<el-col :span="24">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.changereg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 3">
<el-col :span="24">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.logoutreg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 4">
<el-col :span="24">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.rivisereg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 5">
<el-col :span="24">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.renewalreg">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-else-if="n == 6">
<el-col :span="24">
<el-form-item label="附记模板">
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.replacereg">
</el-input>
</el-form-item>
</el-col>
......@@ -68,44 +109,58 @@
</template>
<script>
import { updateSysSqywmbsz } from '@/api/system'
export default {
components: {
},
props: {
value: { type: Boolean, default: false },
details: {
type: Object,
default: () => {
return {}
}
}
},
watch: {
details: {
handler (newValue, oldValue) {
this.ruleForm = newValue
console.log(this.ruleForm);
},
deep: true
}
},
data () {
return {
saveloding: false,
n: 0,
ruleForm: {
qllxbm: '',
qllx: '',
qllxmc: '',
bdcqlx: '',
dymb: '',
bdcqzlx: '',
dymbbs: '',
qlqtztmb: '',
fjmb1: '',
firstreg: '',
fjmb2: ''
},
options: [],
rules: {
qllxbm: [
qllx: [
{ required: true, message: '请输入权利类型编码', trigger: 'blur' }
],
qllxmc: [
{ required: true, message: '请输入权利类型名称', trigger: 'blur' }
],
bdcqlx: [
bdcqzlx: [
{ required: true, message: '请选择不动产权类型', trigger: 'change' }
],
dymb: [
dymbbs: [
{ required: true, message: '请输入打印模板', trigger: 'blur' }
],
qlqtztmb: [
{ required: true, message: '请输入权利其他状况模板', trigger: 'blur' }
],
fjmb: [
{ required: true, message: '请输入附记模板', trigger: 'blur' }
],
},
titleList: [
{
......@@ -137,7 +192,16 @@ export default {
this.n = index
},
submitForm () {
this.$emit('input', false)
let that = this
this.saveloding = true
updateSysSqywmbsz(this.ruleForm).then(res => {
if (res.code === 200) {
setTimeout(() => {
that.saveloding = false
that.$emit('input', false)
}, 500)
}
})
},
closeDialog () {
this.$emit('input', false)
......
......@@ -35,11 +35,11 @@ class data extends filter {
label: "不动产权证类型",
},
{
prop: "zjczsj",
prop: "updatetime",
label: "最近操作时间",
},
{
prop: "zjczr",
prop: "updater",
label: "最近操作人",
},
{
......@@ -50,7 +50,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button>
</div>
)
}
......
......@@ -23,16 +23,17 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
<lb-table :page-size="pageData.size" :loading="loading" :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<editDialog v-model="isDialog" />
<editDialog v-model="isDialog" :details="details" />
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { sysSqywmbszSearch, getSysSqywmbszDetailById } from '@/api/system'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./qtjfjmb"
import editDialog from "./components/editDialog.vue"
......@@ -50,6 +51,7 @@ export default {
},
data () {
return {
loading: false,
isDialog: false,
queryForm: {
qllx: ""
......@@ -57,20 +59,27 @@ export default {
tableData: {
total: 0,
columns: datas.columns(),
data: [
{
slsj: "2022-5-12",
}
]
}
data: []
},
details: {}
}
},
methods: {
// 初始化数据
fetchData () {
this.loading = true
sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
this.loading = false
let { records, total } = res.result
this.tableData.data = records
this.tableData.total = total
})
},
editClick () {
editClick (row) {
getSysSqywmbszDetailById(row.bsmMb).then(res => {
this.isDialog = true
this.details = res.result
})
}
},
};
......