Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
74098d96 by 任超
Options

style；申请业务规则

1 parent 8a48e974
Inline Side-by-side
Showing 7 changed files with 124 additions and 156 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'
......
......@@ -10,13 +10,22 @@ export function getSysSqdjywBysearch (data) {
data
})
}
// 读取明细
export function getSysSqdjywDetailById (id) {
/*
获取登记类型信息-申请业务规则
*/
export function getDjlxInfo (id) {
return request({
url: '/system/sysSqdjyw/getDjlxInfo?parentid=' + id,
method: 'post'
})
}
/*
读取申请登记业务信息-申请业务规则
*/
export function getSqdjywDetail (bsmSqyw) {
return request({
url: '/system/sysSqdjyw/getSysSqdjywDetailById',
method: 'get',
params: {
id: id
}
url: '/system/sysSqdjyw/getSqdjywDetail?bsmSqyw=' + bsmSqyw,
method: 'get'
})
}
\ No newline at end of file
......
<template>
<!-- 编辑 -->
<dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue"
<dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue"
:isSave="details.isenable == 1" title="字典信息" :saveloding="saveloding">
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
<el-row :gutter="20">
......@@ -63,6 +63,7 @@ export default {
},
{
prop: 'dcode',
width: '100',
label: '字典项编码',
render: (h, scope) => {
return (
......@@ -98,7 +99,7 @@ export default {
},
{
prop: 'isenable',
width: '160px',
width: '160',
label: '是否禁用',
render: (h, scope) => {
return (
......@@ -112,6 +113,7 @@ export default {
{
prop: 'normcode',
label: '部标编码',
width: '100',
render: (h, scope) => {
return (
<div>
......@@ -144,7 +146,7 @@ export default {
}
},
{
width: '130px',
width: '130',
label: '移动',
render: (h, scope) => {
return (
......@@ -156,7 +158,7 @@ export default {
}
},
{
width: '150px',
width: '150',
label: '操作',
render: (h, scope) => {
return (
......
......@@ -3,16 +3,16 @@
-->
<template>
<div class='该组件名称'>
<el-form :model="ruleForm" :rules="rules" label-width="135px">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="登记业务编码" prop="djywbm">
<el-input v-model="ruleForm.djywbm"></el-input>
<el-form :model="ruleForm" :rules="rules">
<el-row>
<el-col :span="5">
<el-form-item label="登记业务编码">
{{ ruleForm.djywbm }}
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="登记业务名称" prop="djywmc">
<el-input v-model="ruleForm.djywmc"></el-input>
<el-col :span="12">
<el-form-item label="登记业务名称">
{{ ruleForm.djywmc }}
</el-form-item>
</el-col>
</el-row>
......@@ -25,23 +25,15 @@
<script>
import { upward, down } from '@/utils/operation'
export default {
props: {
djqxList: { type: Array, default: [] },
ruleForm: {
type: Object, default: {}
}
},
data () {
return {
key: 0,
ruleForm: {
djywbm: '',
djywmc: ''
},
mcOptions: [
{
name: '买卖',
value: '1'
},
{
name: '买卖继承',
value: '2'
}
],
rules: {
djywbm: [
{ required: true, message: '登记业务编码', trigger: 'blur' },
......@@ -68,31 +60,32 @@ export default {
type: 'index'
},
{
prop: 'djqxbm',
prop: 'djywbm',
width: '100',
label: '登记情形编码',
render: (h, scope) => {
return (
<el-input placeholder="登记情形编码" value={scope.row[scope.column.property]}
<el-input placeholder="登记情形编码" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'djqxmc',
prop: 'djywmc',
label: '登记情形名称',
render: (h, scope) => {
return (
<el-input placeholder="登记情形名称" value={scope.row[scope.column.property]}
<el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
label: '是否启用登记情形',
width: '160',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqy} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio-group v-model={scope.row.sfqy} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={1}>启用</el-radio>
<el-radio label={0}>禁用</el-radio>
</el-radio-group>
......@@ -100,21 +93,21 @@ export default {
}
},
{
prop: 'djyymb',
prop: 'djyy',
label: '登记原因模板',
render: (h, scope) => {
return (
<el-input placeholder="登记原因模板" value={scope.row[scope.column.property]}
<el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
label: '是否启用模板',
width: '160',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqymb} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio-group v-model={scope.row.sfqymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={1}>启用</el-radio>
<el-radio label={0}>禁用</el-radio>
</el-radio-group>
......@@ -123,7 +116,7 @@ export default {
},
{
label: '移动',
width: '90',
width: '80',
render: (h, scope) => {
return (
<div>
......@@ -134,23 +127,18 @@ export default {
}
}
],
tableData: [{
djqxmc: '',
djqxbm: '',
djyymb: '',
sfqymb: 1,
sfqy: 1
},
{
djqxmc: '',
djqxbm: '',
djyymb: '',
sfqymb: 0,
sfqy: 0
}]
tableData: []
}
},
watch: {
djqxList: {
handler: function (newValue) {
this.tableData = newValue
console.log(this.tableData, 'this.tableDatathis.tableDatathis.tableData');
},
deep: true,
immediate: true
},
tableData: {
handler (newValue, oldValue) {
this.$emit('updateValue', newValue)
......@@ -187,4 +175,7 @@ export default {
}
</script>
<style scoped lang='scss'>
/deep/.el-radio {
margin-right: 5px;
}
</style>
\ No newline at end of file
......
<template>
<dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value">
<ul class="edit-title-list">
<li v-for="(item, index) in titleList" @click="handleTitleSelct(item)" :key="index"
:class="{ active: item.select }">{{
item.name
<ul class="edit-title-list" v-if="titleList.length > 0">
<li v-for="(item, index) in titleList" @click="handleTitleSelct(item, index)" :key="index"
:class="{ active: index == tn }">{{
item.nodename
}}</li>
</ul>
<div class="sqywgz-edit">
......@@ -16,18 +16,18 @@
<el-form :model="ruleForm" v-if="n == 0" :rules="rules" label-width="135px" ref="ruleForm">
<el-row>
<el-col :span="8">
<el-form-item label="权利类型编码" prop="qllxbm">
<el-input v-model="ruleForm.qllxbm"></el-input>
<el-form-item label="权利类型编码">
<el-input v-model="ruleForm.qllxbm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利类型名称" prop="qllxmc">
<el-input v-model="ruleForm.qllxmc"></el-input>
<el-form-item label="权利类型名称">
<el-input v-model="ruleForm.qllxmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="申请分类" prop="sqfl">
<el-select v-model="ruleForm.sqfl" placeholder="请选择" class="width100">
<el-form-item label="申请分类">
<el-select v-model="ruleForm.sqfl" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -36,18 +36,18 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="登记类型编码" prop="djlxbm">
<el-input v-model="ruleForm.djlxbm"></el-input>
<el-form-item label="登记类型编码">
<el-input v-model="ruleForm.djlxbm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型名称" prop="djlxmc">
<el-input v-model="ruleForm.djlxmc"></el-input>
<el-form-item label="登记类型名称">
<el-input v-model="ruleForm.djlxmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发起业务单元类型" prop="fqywdylx">
<el-select v-model="ruleForm.fqywdylx" placeholder="请选择" class="width100">
<el-form-item label="发起业务单元类型">
<el-select v-model="ruleForm.fqywdylx" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -56,13 +56,13 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="登记业务编码" prop="djywbm">
<el-input v-model="ruleForm.djywbm"></el-input>
<el-form-item label="登记业务编码">
<el-input v-model="ruleForm.djywbm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="登记业务名称" prop="djywmc">
<el-input v-model="ruleForm.djywmc"></el-input>
<el-form-item label="登记业务名称">
<el-input v-model="ruleForm.djywmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -113,7 +113,7 @@
</el-col>
</el-row>
</el-form>
<djqxsd v-else-if="n == 1" @updateValue="getValue" />
<djqxsd v-else-if="n == 1" :djqxList="djqxList" :ruleForm="ruleForm" @updateValue="getValue" />
<clgzsd v-else-if="n == 2" @updateValue="getClValue" />
<dyztsd v-else />
</div>
......@@ -126,6 +126,7 @@ import fileController from '@/api/fileController'
import djqxsd from './djqxsd.vue'
import clgzsd from './clgzsd.vue'
import dyztsd from './dyztsd.vue'
import { getSqdjywDetail } from '@/api/system'
export default {
components: {
djqxsd,
......@@ -134,24 +135,25 @@ export default {
},
props: {
value: { type: Boolean, default: false },
detailList: {
type: Array, default: []
}
},
data () {
return {
titleList: [
{
name: '第一次登记',
select: true
},
{
name: '转移登记'
},
{
name: '变更登记'
watch: {
detailList: {
handler: function (newValue) {
console.log(newValue, 'detailListdetailListdetailListdetailList');
this.titleList = newValue
this.getSqdjywDetail(newValue[0].bsmSqyw)
},
{
name: '注销登记'
deep: true
}
],
},
data () {
return {
djqxList: [],
tn: 0,
titleList: [],
imgUploadUrl: fileController.uploadUrl(),
n: 0,
leftList: [
......@@ -186,35 +188,8 @@ export default {
},
requested: false,
fileList: [],
options: [{
value: '选项1',
label: '黄金糕'
}],
options: [],
rules: {
qllxbm: [
{ required: true, message: '请输入权利类型编码', trigger: 'blur' },
],
qllxmc: [
{ required: true, message: '请输入权利类型名称', trigger: 'blur' },
],
sqfl: [
{ required: true, message: '请选择申请分类', trigger: 'change' },
],
djlxbm: [
{ required: true, message: '请输入登记类型编码', trigger: 'blur' },
],
djlxmc: [
{ required: true, message: '请输入登记类型名称', trigger: 'blur' },
],
fqywdylx: [
{ required: true, message: '请选择发起业务单元类型', trigger: 'change' },
],
djywbm: [
{ required: true, message: '请输入登记业务编码', trigger: 'blur' },
],
djywmc: [
{ required: true, message: '请输入登记业务名称', trigger: 'blur' },
],
sfqy: [
{ required: true, message: '请选择是否启用', trigger: 'change' },
],
......@@ -234,14 +209,17 @@ export default {
};
},
methods: {
handleTitleSelct (obj) {
this.titleList.forEach(item => {
if (item.select) {
item.select = false
}
getSqdjywDetail (bsmSqyw) {
getSqdjywDetail(bsmSqyw).then(res => {
let { ywDetail, djqx } = res.result
this.djqxList = djqx
this.ruleForm = ywDetail
})
},
handleTitleSelct (obj, index) {
this.n = 0
this.$set(obj, 'select', true)
this.tn = index
this.getSqdjywDetail(obj.bsmSqyw)
},
getValue (val) {
console.log(val);
......
......@@ -29,19 +29,19 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.pageSize" :current-page.sync="pageData.currentPage" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
<lb-table :page-size="pageData.pageSize" :loading="loading" :current-page.sync="pageData.currentPage"
: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" :detailList="detailList" />
</div>
</template>
<script>
import table from "@/utils/mixin/table"
import editDialog from "./components/editDialog.vue"
import { datas, sendThis } from "./sqywgzdata"
import { getSysSqdjywBysearch } from "@/api/sqywgz.js"
import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js"
export default {
name: "djbcx",
components: {
......@@ -53,6 +53,7 @@ export default {
},
data () {
return {
loading: false,
isDialog: false,
queryForm: {
qllx: "",
......@@ -63,7 +64,8 @@ export default {
total: 0,
columns: datas.columns(),
data: []
}
},
detailList: []
}
},
methods: {
......@@ -73,18 +75,22 @@ export default {
},
// 初始化数据
fetchData () {
this.loading = true
getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => {
if (res.code === 200) {
this.loading = false
let { total, records } = res.result
this.tableData.total = total
this.tableData.data = records
}
})
},
//编辑
editClick () {
editClick (row) {
this.isDialog = true
getDjlxInfo(row.bsmSqyw).then(res => {
this.detailList = res.result
})
}
},
};
......
......@@ -38,24 +38,6 @@ class data extends filter {
prop: "nodename",//
label: "权利类型",
},
// {
// // prop: "djywmc",//补换证登记 || 补证
// label: "权利类型",
// render: (h, scope) => {
// var djywmcs= scope.row.djywmc.split('||');
// var qllx=djywmcs[0];
// return (
// <div>
// <span>{qllx}</span>
// </div>
// );
// }
// },
// {
// prop: "nodename",//
// label: "登记类型",
// },
{
prop: "fqywdylx",
label: "发起业务单元类型",
......@@ -85,7 +67,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>
)
}
......