Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0d199123 by 任超
Options

style:申请业务规则

1 parent 3b3e5ee5
Inline Side-by-side
Showing 12 changed files with 210 additions and 78 deletions
...@@ -5,4 +5,4 @@ NODE_ENV=development ...@@ -5,4 +5,4 @@ NODE_ENV=development
5 VUE_APP_BASE_API = '/dev-api' 5 VUE_APP_BASE_API = '/dev-api'
6 6
7 # 开发环境 7 # 开发环境
8 VUE_APP_API_BASE_URL = 'http://192.168.2.95:8009' 8 VUE_APP_API_BASE_URL = 'http://192.168.2.44:8009'
......
1 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 1 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
2 export default class filter { 2 export default class filter {
3 // 业务来源 3 // 业务来源
4 busSource(val) { 4 busSource (val) {
5 let status = { 1: '办事大厅', 2: '微信小程序' } 5 let status = { 1: '办事大厅', 2: '微信小程序' }
6 return status[val] 6 return status[val]
7 } 7 }
...@@ -11,12 +11,4 @@ export default class filter { ...@@ -11,12 +11,4 @@ export default class filter {
11 let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' } 11 let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' }
12 return status[val] 12 return status[val]
13 } 13 }
14
15 //是否启用（1：启用，2：禁用）
16 sfqys (val) {
17 let status = { 1: '启用', 2: '禁用' }
18 return status[val]
19 }
20
21
22 } 14 }
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 </el-col> 16 </el-col>
17 <el-col :span="12" class="btnCol"> 17 <el-col :span="12" class="btnCol">
18 <el-form-item> 18 <el-form-item>
19 <el-button type="primary" @click="fetchData">查询</el-button> 19 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
20 <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button> 20 <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
......
1 <template> 1 <template>
2 <div class="dymbgl from-clues-content"> 2 <div class="dymbgl from-clues-content">
3 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" heightNum="210" :total="tableData.total" 3 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" heightNum="215" :total="tableData.total"
4 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 4 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
5 :data="tableData.data"> 5 :data="tableData.data">
6 </lb-table> 6 </lb-table>
...@@ -48,6 +48,6 @@ export default { ...@@ -48,6 +48,6 @@ export default {
48 @import "~@/styles/public.scss"; 48 @import "~@/styles/public.scss";
49 49
50 .dymbgl { 50 .dymbgl {
51 margin-top: -2px; 51 margin-top: -1px;
52 } 52 }
53 </style> 53 </style>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 </el-col> 14 </el-col>
15 <el-col :span="18" class="btnCol"> 15 <el-col :span="18" class="btnCol">
16 <el-form-item> 16 <el-form-item>
17 <el-button type="primary" @click="fetchData()">查询</el-button> 17 <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
18 <el-button @click="moreQueryClick()">高级查询</el-button> 18 <el-button @click="moreQueryClick()">高级查询</el-button>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 --> 3 -->
4 <template> 4 <template>
5 <div class='该组件名称'> 5 <div class='该组件名称'>
6 <el-form :model="ruleForm" :rules="rules"> 6 <el-form :model="ruleForm">
7 <el-row> 7 <el-row>
8 <el-col :span="5"> 8 <el-col :span="5">
9 <el-form-item label="登记业务编码"> 9 <el-form-item label="登记业务编码">
...@@ -26,20 +26,19 @@ ...@@ -26,20 +26,19 @@
26 </div> 26 </div>
27 <el-divider></el-divider> 27 <el-divider></el-divider>
28 <ul class="qlxx-list"> 28 <ul class="qlxx-list">
29 <li v-for="(item, index) in dataList.qlxxList" :key="index"> 29 <li v-for="(item, index) in dataList.sxql" :key="index">
30 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> 30 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
31 </li> 31 </li>
32 </ul> 32 </ul>
33 <ul class="screen-list"> 33 <ul class="screen-list">
34 <li v-for="(item, index) in dataList.screenList" :key="index"> 34 <li v-for="(item, index) in dataList.sxzt" :key="index">
35 <div class="screen-list-left"> 35 <div class="screen-list-left">
36 <el-switch v-model="item.checked" @change="handleSelect(item)"> 36 <el-switch v-model="item.checked" @change="handleSelect(item)">
37 </el-switch> 37 </el-switch>
38 {{ item.name }} 38 {{ item.sxzdmc }}
39 </div> 39 </div>
40 <el-radio-group v-model="item.radio" :disabled="!item.checked"> 40 <el-radio-group v-model="item.selected" :disabled="!item.checked">
41 <el-radio :label="1">正在办理</el-radio> 41 <el-radio :label="obj.sxzdz" v-for="(obj, index) in item.children">{{ obj.sxzdmc }}</el-radio>
42 <el-radio :label="2">未办理</el-radio>
43 </el-radio-group> 42 </el-radio-group>
44 </li> 43 </li>
45 </ul> 44 </ul>
...@@ -51,53 +50,18 @@ export default { ...@@ -51,53 +50,18 @@ export default {
51 ruleForm: { 50 ruleForm: {
52 type: Object, default: {} 51 type: Object, default: {}
53 }, 52 },
54 sxql: { 53 subData: {
55 type: Array, default: () => { 54 type: Object, default: () => {
56 return [] 55 return {}
57 } 56 }
58 } 57 }
59 }, 58 },
60 data () { 59 data () {
61 return { 60 return {
62 rules: {
63 djywbm: [
64 { required: true, message: '登记业务编码', trigger: 'blur' },
65 ],
66 djywmc: [
67 { required: true, message: '登记业务名称', trigger: 'blur' },
68 ],
69 },
70 dataList: { 61 dataList: {
71 qlxxList: [ 62 sxql: [],
72 { 63 sxzt: []
73 checked: false,
74 name: '国有建设用地使用权'
75 } 64 }
76 ],
77 screenList: [
78 {
79 checked: true,
80 name: '筛选单元办理状态条件',
81 radio: 1
82 },
83 {
84 checked: true,
85 name: '筛选单元办理状态条件',
86 radio: 1
87 },
88 {
89 checked: true,
90 name: '筛选单元办理状态条件',
91 radio: 1
92 },
93 {
94 checked: true,
95 name: '筛选单元办理状态条件',
96 radio: 1
97 }
98 ]
99 },
100
101 } 65 }
102 }, 66 },
103 watch: { 67 watch: {
...@@ -107,9 +71,10 @@ export default { ...@@ -107,9 +71,10 @@ export default {
107 }, 71 },
108 deep: true 72 deep: true
109 }, 73 },
110 sxql: { 74 subData: {
111 handler (newValue, oldValue) { 75 handler (newValue, oldValue) {
112 this.dataList.qlxxList = newValue 76 this.dataList.sxql = newValue.sxql
77 this.dataList.sxzt = newValue.sxzt
113 }, 78 },
114 deep: true 79 deep: true
115 }, 80 },
...@@ -172,6 +137,8 @@ export default { ...@@ -172,6 +137,8 @@ export default {
172 137
173 &-left { 138 &-left {
174 margin-right: 20px; 139 margin-right: 20px;
140 width: 160px;
141 white-space: nowrap;
175 } 142 }
176 143
177 li:nth-child(odd) { 144 li:nth-child(odd) {
......
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 </el-form> 116 </el-form>
117 <djqxsd v-show="n == 1" :djqxList="subData.djqx" :ruleForm="ruleForm" @updateValue="getDjqxValue" /> 117 <djqxsd v-show="n == 1" :djqxList="subData.djqx" :ruleForm="ruleForm" @updateValue="getDjqxValue" />
118 <clgzsd v-show="n == 2" :ruleForm="ruleForm" @updateValue="getClValue" /> 118 <clgzsd v-show="n == 2" :ruleForm="ruleForm" @updateValue="getClValue" />
119 <dyztsd :ruleForm="ruleForm" :sxql="subData.sxql" v-show="n == 3" /> 119 <dyztsd :ruleForm="ruleForm" :subData="subData" v-show="n == 3" @updateValue="getDyztsdValue" />
120 </div> 120 </div>
121 </div> 121 </div>
122 </dialogBox> 122 </dialogBox>
...@@ -235,6 +235,11 @@ export default { ...@@ -235,6 +235,11 @@ export default {
235 getClValue (val) { 235 getClValue (val) {
236 console.log(val); 236 console.log(val);
237 }, 237 },
238 // 单元状态设定
239 getDyztsdValue (val) {
240 this.subData.sxql = val.sxql
241 this.subData.sxzt = val.sxzt
242 },
238 submitForm () { 243 submitForm () {
239 this.$refs['ruleForm'].validate(async (valid) => { 244 this.$refs['ruleForm'].validate(async (valid) => {
240 let that = this 245 let that = this
......
...@@ -20,8 +20,7 @@ ...@@ -20,8 +20,7 @@
20 </el-col> 20 </el-col>
21 <el-col :span="12" class="btnCol"> 21 <el-col :span="12" class="btnCol">
22 <el-form-item> 22 <el-form-item>
23 <el-button type="primary" @click="queryClick()">查询</el-button> 23 <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
24 <el-button @click="moreQueryClick()">高级查询</el-button>
25 </el-form-item> 24 </el-form-item>
26 </el-col> 25 </el-col>
27 </el-row> 26 </el-row>
......
...@@ -43,10 +43,17 @@ class data extends filter { ...@@ -43,10 +43,17 @@ class data extends filter {
43 label: "发起业务单元类型", 43 label: "发起业务单元类型",
44 }, 44 },
45 { 45 {
46 prop: "enabled",
47 label: "是否启用", 46 label: "是否启用",
48 render: (h, scope) => { 47 render: (h, scope) => {
49 return <div>{this.sfqys(scope.row.sqfl)}</div>; 48 return (
49 <div>
50 {
51 scope.row.enabled == '1' ?
52 <div class='allow'>启用</div> :
53 <div class='prohibit'>禁止</div>
54 }
55 </div>
56 )
50 } 57 }
51 58
52 }, 59 },
......
1 <template>
2 <dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false">
3 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
4 <div class="title-name">
5 入库情况
6 </div>
7 <el-row :gutter="20">
8 <el-col :span="8">
9 <el-form-item label="入库编号">
10 <el-input v-model="ruleForm.rkbh" disabled></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="8">
14 <el-form-item label="入库时间">
15 <el-date-picker v-model="ruleForm.rksj" disabled type="datetime">
16 </el-date-picker>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="入库人员">
21 <el-input v-model="ruleForm.rkry" disabled></el-input>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 <el-row :gutter="20">
26 <el-col :span="8">
27 <el-form-item label="登记机构">
28 <el-input v-model="ruleForm.djjg" disabled></el-input>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <el-row :gutter="20">
33 <el-col :span="24">
34 <el-form-item label="备注">
35 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 <div class="title-name">
40 分发情况
41 </div>
42 <el-row :gutter="20">
43 <el-col :span="8">
44 <el-form-item label="分发编号">
45 <el-input v-model="ruleForm.ffbh" disabled></el-input>
46 </el-form-item>
47 </el-col>
48 <el-col :span="8">
49 <el-form-item label="领取时间">
50 <el-date-picker v-model="ruleForm.lqsj" disabled type="datetime">
51 </el-date-picker>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="入库人员">
56 <el-input v-model="ruleForm.rkry" disabled></el-input>
57 </el-form-item>
58 </el-col>
59 </el-row>
60 <el-row :gutter="20">
61 <el-col :span="24">
62 <el-form-item label="备注">
63 <el-input v-model="ruleForm.bz" type="textarea" :rows="2" disabled></el-input>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <div class="title-name">
68 证书信息
69 </div>
70 <el-row :gutter="20">
71 <el-col :span="8">
72 <el-form-item label="不动产权证号">
73 <el-input v-model="ruleForm.bdcqzh" disabled></el-input>
74 </el-form-item>
75 </el-col>
76 <el-col :span="8">
77 <el-form-item label="业务号">
78 <el-input v-model="ruleForm.ywh" disabled></el-input>
79 </el-form-item>
80 </el-col>
81 <el-col :span="8">
82 <el-form-item label="不动产单元号">
83 <el-input v-model="ruleForm.bdcdyh" disabled></el-input>
84 </el-form-item>
85 </el-col>
86 </el-row>
87 <el-row :gutter="20">
88 <el-col :span="8">
89 <el-form-item label="证书类型">
90 <el-input v-model="ruleForm.zslx" disabled></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item label="印刷序列号">
95 <el-input v-model="ruleForm.ysxlh" disabled></el-input>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item label="是否作废">
100 <el-input v-model="ruleForm.sfzf" disabled></el-input>
101 </el-form-item>
102 </el-col>
103 </el-row>
104 <el-row :gutter="20">
105 <el-col :span="24">
106 <el-form-item label="作废原因">
107 <el-input v-model="ruleForm.zfyy" type="textarea" :rows="2" disabled></el-input>
108 </el-form-item>
109 </el-col>
110 </el-row>
111 </el-form>
112 </dialogBox>
113 </template>
114
115 <script>
116 export default {
117 props: {
118 value: { type: Boolean, default: false },
119 },
120 watch: {
121 value (val) {
122 this.myValue = val
123 },
124 },
125 data () {
126 return {
127 myValue: this.value,
128 ruleForm: {
129 rkbh: '',
130 rksj: '',
131 rkry: '',
132 djjg: '',
133 bz: '',
134 ffbh: '',
135 lqsj: '',
136 // 证书信息
137 bdcqzh: '',
138 ywh: '',
139 bdcdyh: '',
140 zslx: '',
141 ysxlh: '',
142 sfzf: '',
143 zfyy: ''
144 }
145 }
146 },
147 methods: {
148 },
149 };
150 </script>
151 <style scoped lang="scss">
152 @import "~@/styles/mixin.scss";
153
154 .title-name {
155 line-height: 36px;
156 border-bottom: 1px solid $borderColor;
157 margin-bottom: 10px;
158 }
159 </style>
...@@ -6,28 +6,28 @@ ...@@ -6,28 +6,28 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="印刷序列号" prop="ysxlh"> 8 <el-form-item label="印刷序列号" prop="ysxlh">
9 <el-input v-model="ruleForm.ysxlh"></el-input> 9 <el-input v-model="ruleForm.ysxlh" placeholder="请输入印刷序列号"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="5"> 12 <el-col :span="5">
13 <el-form-item label="证书类型" prop="zslx"> 13 <el-form-item label="证书类型" prop="zslx">
14 <el-input v-model="ruleForm.zslx"></el-input> 14 <el-input v-model="ruleForm.zslx" placeholder="请输入证书类型"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="5"> 17 <el-col :span="5">
18 <el-form-item label="业务号" prop="ywh"> 18 <el-form-item label="业务号" prop="ywh">
19 <el-input v-model="ruleForm.ywh"></el-input> 19 <el-input v-model="ruleForm.ywh" placeholder="请输入业务号"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="6"> 22 <el-col :span="6">
23 <el-form-item label="不动产权证号" prop="bdcqzh"> 23 <el-form-item label="不动产权证号" prop="bdcqzh">
24 <el-input v-model="ruleForm.bdcqzh"></el-input> 24 <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 27
28 <el-col :span="3" class="btnCol"> 28 <el-col :span="3" class="btnCol">
29 <el-form-item> 29 <el-form-item>
30 <el-button type="primary" @click="fetchData">查询</el-button> 30 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
31 <el-button @click="moreQueryClick()">高级查询</el-button> 31 <el-button @click="moreQueryClick()">高级查询</el-button>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
...@@ -41,20 +41,23 @@ ...@@ -41,20 +41,23 @@
41 :data="tableData.data"> 41 :data="tableData.data">
42 </lb-table> 42 </lb-table>
43 </div> 43 </div>
44 <viewDialog v-model="isDialog" />
44 </div> 45 </div>
45 </template> 46 </template>
46 <script> 47 <script>
48 import viewDialog from "./components/viewDialog.vue"
47 import table from "@/utils/mixin/table"; 49 import table from "@/utils/mixin/table";
48 import { datas, sendThis } from "./zssyjldata"; 50 import { datas, sendThis } from "./zssyjldata";
49 export default { 51 export default {
50 name: "zssyjl", 52 name: "zssyjl",
51 components: {}, 53 components: { viewDialog },
52 mixins: [table], 54 mixins: [table],
53 mounted () { 55 mounted () {
54 sendThis(this); 56 sendThis(this);
55 }, 57 },
56 data () { 58 data () {
57 return { 59 return {
60 isDialog: false,
58 ruleForm: { 61 ruleForm: {
59 ysxlh: "", 62 ysxlh: "",
60 zslx: "", 63 zslx: "",
...@@ -79,7 +82,7 @@ export default { ...@@ -79,7 +82,7 @@ export default {
79 // 初始化数据 82 // 初始化数据
80 fetchData () { }, 83 fetchData () { },
81 openDialog () { 84 openDialog () {
82 console.log(999999999999999); 85 this.isDialog = true
83 }, 86 },
84 }, 87 },
85 }; 88 };
......
...@@ -59,14 +59,14 @@ class data extends filter { ...@@ -59,14 +59,14 @@ class data extends filter {
59 align: 'center', 59 align: 'center',
60 fixed: 'right', 60 fixed: 'right',
61 render: (h, scope) => { 61 render: (h, scope) => {
62 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button> 62 return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope) }}>查看</el-button>
63 } 63 }
64 } 64 }
65 ] 65 ]
66 } 66 }
67 67
68 ywlys(){ 68 ywlys () {
69 return[ 69 return [
70 { value: 1, label: "办事大厅" }, 70 { value: 1, label: "办事大厅" },
71 { value: 2, label: "微信小程序" }, 71 { value: 2, label: "微信小程序" },
72 { value: 3, label: "法院端" }, 72 { value: 3, label: "法院端" },
......