fccdd3f2 by 任超

style:证书入库

1 parent 0378e6e1
...@@ -5,4 +5,4 @@ NODE_ENV=development ...@@ -5,4 +5,4 @@ NODE_ENV=development
5 VUE_APP_BASE_API = '/bdcdj' 5 VUE_APP_BASE_API = '/bdcdj'
6 6
7 # 开发环境 7 # 开发环境
8 VUE_APP_API_BASE_URL = 'http://192.168.2.44:8018' 8 VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 "babel-plugin-dynamic-import-node": "2.3.3", 30 "babel-plugin-dynamic-import-node": "2.3.3",
31 "chalk": "2.4.2", 31 "chalk": "2.4.2",
32 "connect": "3.6.6", 32 "connect": "3.6.6",
33 "element-ui": "^2.15.6", 33 "element-ui": "^2.15.8",
34 "html-webpack-plugin": "3.2.0", 34 "html-webpack-plugin": "3.2.0",
35 "runjs": "4.3.2", 35 "runjs": "4.3.2",
36 "sass-loader": "8.0.2", 36 "sass-loader": "8.0.2",
......
...@@ -26,7 +26,8 @@ export function zsrk (data) { ...@@ -26,7 +26,8 @@ export function zsrk (data) {
26 return request({ 26 return request({
27 url: '/sys/zsgl/zsrk', 27 url: '/sys/zsgl/zsrk',
28 method: 'post', 28 method: 'post',
29 data 29 data,
30 showLoading: true
30 }) 31 })
31 } 32 }
32 /* 33 /*
......
...@@ -218,7 +218,7 @@ aside { ...@@ -218,7 +218,7 @@ aside {
218 } 218 }
219 219
220 .width100 { 220 .width100 {
221 width: 100%; 221 width: 100%!important;
222 } 222 }
223 223
224 .sub-navbar { 224 .sub-navbar {
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 </div> 63 </div>
64 </template> 64 </template>
65 <script> 65 <script>
66 import zsylDialog from "./zsyl"; 66 import zsylDialog from "./zsyl.vue";
67 import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js"; 67 import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
68 68
69 export default { 69 export default {
......
1 <template> 1 <template>
2 <dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" width="45%" @closeDialog="closeDialog" v-model="value"> 2 <dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
3 <div> 3 @closeDialog="closeDialog" v-model="myValue">
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
5 <el-row> 5 <el-row>
6 <el-col :span="12"> 6 <el-col :span="12">
7 <el-form-item label="入库编号:" prop="batchno"> 7 <el-form-item label="入库编号:" prop="batchno">
8 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input> 8 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="12"> 11 <el-col :span="12">
12 <el-form-item label="登记机构:" prop="djjg"> 12 <el-form-item label="登记机构:" prop="djjg">
13 <el-select v-model="ruleForm.djjg" placeholder="请选择"> 13 <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname"></el-option> 14 <el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname">
15 </el-select> 15 </el-option>
16 </el-form-item> 16 </el-select>
17 </el-col> 17 </el-form-item>
18 </el-row> 18 </el-col>
19 <el-row> 19 </el-row>
20 <el-col :span="12"> 20 <el-row>
21 <el-form-item label="入库人员:" prop="rkry"> 21 <el-col :span="12">
22 <el-input v-model="ruleForm.rkry" :disabled="true"></el-input> 22 <el-form-item label="入库人员:">
23 </el-form-item> 23 <el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
24 </el-col> 24 </el-form-item>
25 <el-col :span="12"> 25 </el-col>
26 <el-form-item label="入库时间:" prop="rksj"> 26 <el-col :span="12">
27 <el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker> 27 <el-form-item label="入库时间:" prop="rksj">
28 </el-form-item> 28 <el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime">
29 </el-col> 29 </el-date-picker>
30 </el-row> 30 </el-form-item>
31 <div> 31 </el-col>
32 <el-table :data="tableForm" border style="width: 100%" :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}"> 32 </el-row>
33 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column> 33 <div>
34 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"> 34 <el-table :data="tableForm" border style="width: 100%"
35 <template slot-scope="scope"> 35 :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
36 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" 36 :cell-style="{'text-align':'center'}">
37 oninput="value=value.replace(/[^\d.]/g,'')" ></el-input> 37 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
38 </template> 38 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
39 </el-table-column> 39 <template slot-scope="scope">
40 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200"> 40 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
41 <template slot-scope="scope"> 41 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
42 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" 42 </template>
43 oninput="value=value.replace(/[^\d.]/g,'')" ></el-input> 43 </el-table-column>
44 </template> 44 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
45 </el-table-column> 45 <template slot-scope="scope">
46 <el-table-column prop="bs" label="本数"> 46 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
47 <template slot-scope="scope"> 47 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
48 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span> 48 </template>
49 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span> 49 </el-table-column>
50 <span v-else>{{scope.row.bs}}</span> 50 <el-table-column prop="bs" label="本数">
51 </template> 51 <template slot-scope="scope">
52 </el-table-column> 52 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
53 </el-table> 53 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
54 </div> 54 <span v-else>{{scope.row.bs}}</span>
55 <el-form-item label="备注" class="middle-margin-bottom"> 55 </template>
56 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input> 56 </el-table-column>
57 </el-form-item> 57 </el-table>
58 </el-form> 58 </div>
59 </div> 59 <el-form-item label="备注" class="middle-margin-bottom">
60 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
61 </el-form-item>
62 </el-form>
60 </dialogBox> 63 </dialogBox>
61 </template> 64 </template>
62 65
63 <script> 66 <script>
64 import { mapGetters } from 'vuex' 67 import { mapGetters } from 'vuex'
65 import { getSysSerialSingle,zsrk} from "@/api/zsgl.js" 68 import { getSysSerialSingle, zsrk } from "@/api/zsgl.js"
66 export default { 69 export default {
67 components: {
68 },
69 computed: { 70 computed: {
70 ...mapGetters(['dictData']), 71 ...mapGetters(['dictData']),
71 }, 72 },
...@@ -74,20 +75,21 @@ export default { ...@@ -74,20 +75,21 @@ export default {
74 }, 75 },
75 data () { 76 data () {
76 return { 77 return {
78 myValue: this.value,
77 //表单提交数据 79 //表单提交数据
78 ruleForm: { 80 ruleForm: {
79 batchno: '', 81 batchno: '',
80 djjg: '', 82 djjg: '',
81 rkry: '超级管理员', 83 rkry: '超级管理员',
82 rksj: '', 84 rksj: '',
83 bz: '', 85 bz: '',
84 zsstarno: '', 86 zsstarno: '',
85 zsendno: '', 87 zsendno: '',
86 zsnum: '', 88 zsnum: '',
87 zmstarno: '', 89 zmstarno: '',
88 zmendno: '', 90 zmendno: '',
89 zmnum: '' 91 zmnum: ''
90 }, 92 },
91 //表格数据 93 //表格数据
92 tableForm: [ 94 tableForm: [
93 { 95 {
...@@ -95,16 +97,16 @@ export default { ...@@ -95,16 +97,16 @@ export default {
95 ksysxlh: '', 97 ksysxlh: '',
96 jsysxlh: '', 98 jsysxlh: '',
97 bs: 0, 99 bs: 0,
98 zslx:1 100 zslx: 1
99 }, 101 },
100 { 102 {
101 name: '不动产权登记证明', 103 name: '不动产权登记证明',
102 ksysxlh: '', 104 ksysxlh: '',
103 jsysxlh: '', 105 jsysxlh: '',
104 bs: 0, 106 bs: 0,
105 zslx:2 107 zslx: 2
106 } 108 }
107 ], 109 ],
108 //证书入库业务号参数 110 //证书入库业务号参数
109 ywhQueryForm: { 111 ywhQueryForm: {
110 serialtype: 'zsrkbh', 112 serialtype: 'zsrkbh',
...@@ -113,117 +115,122 @@ export default { ...@@ -113,117 +115,122 @@ export default {
113 digit: '5' 115 digit: '5'
114 }, 116 },
115 rules: { 117 rules: {
116 batchNo: [ 118 batchNo: [
117 { required: true, message: '入库编号不能为空', trigger: 'blur' } 119 { required: true, message: '入库编号不能为空', trigger: 'blur' }
118 ], 120 ],
119 djjg: [ 121 djjg: [
120 { required: true, message: '请选择登记机构', trigger: 'change' } 122 { required: true, message: '请选择登记机构', trigger: 'change' }
121 ], 123 ],
122 rkry: [ 124 rksj: [
123 { required: true, message: '入库人员不能为空', trigger: 'blur' } 125 { required: true, message: '请选择入库时间', trigger: 'change' }
124 ], 126 ],
125 rksj: [ 127 },
126 { required: true, message: '请选择入库时间', trigger: 'change' } 128 }
127 ], 129 },
128 }, 130 watch: {
131 value (val) {
132 this.myValue = val
129 } 133 }
130 }, 134 },
131 methods: { 135 methods: {
132 //表单提交 136 //表单提交
133 submitForm () { 137 submitForm () {
134 this.tableForm.forEach((item,index)=>{ 138 this.tableForm.forEach((item, index) => {
135 if(item.bs < 0){ 139 if (item.bs < 0) {
136 return; 140 return;
137 } 141 }
138 }) 142 })
139 zsrk(this.ruleForm).then(res => { 143 zsrk(this.ruleForm).then(res => {
140 if(res.code == 200){ 144 if (res.code == 200) {
141 this.$message.success('保存成功') 145 this.$message.success('保存成功')
142 this.$emit("input", false); 146 this.$emit("input", false);
143 this.ruleForm = {}; 147 this.$refs['ruleForm'].resetFields();
144 this.resetTableFields(); 148 this.resetTableFields();
145 this.$parent.fetchData(); 149 this.$parent.fetchData();
146 }else{ 150 } else {
147 this.$message.error(res.message); 151 this.$message.error(res.message);
148 } 152 }
149 }) 153 })
150 }, 154 },
151 //序列号获取 155 //序列号获取
152 ywhSerial(){ 156 ywhSerial () {
153 getSysSerialSingle(this.ywhQueryForm).then(res => { 157 getSysSerialSingle(this.ywhQueryForm).then(res => {
154 if(res.code == 200){ 158 if (res.code == 200) {
155 this.ruleForm.batchno = res.message; 159 this.ruleForm.batchno = res.message;
156 } 160 }
157 }) 161 })
158 }, 162 },
159 //印刷序列号处理 163 //印刷序列号处理
160 ysxlhDeal(item){ 164 ysxlhDeal (item) {
161 if(item.ksysxlh && item.jsysxlh){ 165 if (item.ksysxlh && item.jsysxlh) {
162 if(item.ksysxlh.length == item.jsysxlh.length){ 166 if (item.ksysxlh.length == item.jsysxlh.length) {
163 if(item.ksysxlh.length != 11){ 167 if (item.ksysxlh.length != 11) {
164 item.bs = -1; 168 item.bs = -1;
165 return; 169 return;
166 } 170 }
167 if(item.ksysxlh > item.jsysxlh){ 171 if (item.ksysxlh > item.jsysxlh) {
168 item.bs = -1; 172 item.bs = -1;
169 return; 173 return;
170 } 174 }
171 item.bs = item.jsysxlh - item.ksysxlh + 1; 175 item.bs = item.jsysxlh - item.ksysxlh + 1;
172 if(item.zslx == 1){ 176 if (item.zslx == 1) {
173 this.ruleForm.zsstarno = item.ksysxlh; 177 this.ruleForm.zsstarno = item.ksysxlh;
174 this.ruleForm.zsendno = item.jsysxlh; 178 this.ruleForm.zsendno = item.jsysxlh;
175 this.ruleForm.zsnum = item.bs 179 this.ruleForm.zsnum = item.bs
176 }else if(item.zslx == 2){ 180 } else if (item.zslx == 2) {
177 this.ruleForm.zmstarno = item.ksysxlh; 181 this.ruleForm.zmstarno = item.ksysxlh;
178 this.ruleForm.zmendno = item.jsysxlh; 182 this.ruleForm.zmendno = item.jsysxlh;
179 this.ruleForm.zmnum = item.bs 183 this.ruleForm.zmnum = item.bs
180 } 184 }
181 }else{ 185 } else {
182 item.bs = -1; 186 item.bs = -1;
183 } 187 }
184 }else{ 188 } else {
185 item.bs = 0; 189 item.bs = 0;
186 if(item.zslx == 1){ 190 if (item.zslx == 1) {
187 this.ruleForm.zsstarno = ''; 191 this.ruleForm.zsstarno = '';
188 this.ruleForm.zsendno = ''; 192 this.ruleForm.zsendno = '';
189 this.ruleForm.zsnum = item.bs 193 this.ruleForm.zsnum = item.bs
190 }else if(item.zslx == 2){ 194 } else if (item.zslx == 2) {
191 this.ruleForm.zmstarno = ''; 195 this.ruleForm.zmstarno = '';
192 this.ruleForm.zmendno = ''; 196 this.ruleForm.zmendno = '';
193 this.ruleForm.zmnum = item.bs 197 this.ruleForm.zmnum = item.bs
194 } 198 }
195 } 199 }
196 }, 200 },
197 resetTableFields() { 201 resetTableFields () {
198 this.tableForm = [ 202 this.tableForm = [
199 { 203 {
200 name: '不动产权证书', 204 name: '不动产权证书',
201 ksysxlh: '', 205 ksysxlh: '',
202 jsysxlh: '', 206 jsysxlh: '',
203 bs: 0, 207 bs: 0,
204 zslx:1 208 zslx: 1
205 }, 209 },
206 { 210 {
207 name: '不动产权登记证明', 211 name: '不动产权登记证明',
208 ksysxlh: '', 212 ksysxlh: '',
209 jsysxlh: '', 213 jsysxlh: '',
210 bs: 0, 214 bs: 0,
211 zslx:2 215 zslx: 2
212 } 216 }
213 ] 217 ]
214 }, 218 },
215 closeDialog () { 219 closeDialog () {
216 this.$emit("input", false); 220 this.$emit("input", false);
217 }, 221 this.$refs['ruleForm'].resetFields();
222 }
218 } 223 }
219 } 224 }
220 </script> 225 </script>
221 <style scoped lang="scss"> 226 <style scoped lang="scss">
222 @import "~@/styles/mixin.scss"; 227 @import "~@/styles/mixin.scss";
223 .font-red{ 228
229 .font-red {
224 color: red 230 color: red
225 } 231 }
226 .middle-margin-bottom{ 232
227 margin-top:20px 233 .middle-margin-bottom {
234 margin-top: 20px
228 } 235 }
229 </style> 236 </style>
......
...@@ -6,13 +6,13 @@ ...@@ -6,13 +6,13 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="入库编号"> 8 <el-form-item label="入库编号">
9 <el-input v-model="approveForm.batchno" clearable placeholder="入库编号"></el-input> 9 <el-input v-model="ruleForm.batchno" clearable placeholder="入库编号"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="人库时间"> 13 <el-form-item label="人库时间">
14 <el-date-picker v-model="ruleForm.rksj" type="datetimerange" range-separator="至" start-placeholder="开始日期" 14 <el-date-picker v-model="ruleForm.rksj" type="datetimerange" range-separator="至" start-placeholder="开始日期"
15 end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable > 15 end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
16 </el-date-picker> 16 </el-date-picker>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
...@@ -32,17 +32,17 @@ ...@@ -32,17 +32,17 @@
32 :data="tableData.data"> 32 :data="tableData.data">
33 </lb-table> 33 </lb-table>
34 </div> 34 </div>
35 <addDialog ref="addDialog" v-model="isDialog"/> 35 <addDialog ref="addDialog" v-model="isDialog" />
36 </div> 36 </div>
37 </template> 37 </template>
38 <script> 38 <script>
39 import table from "@/utils/mixin/table"; 39 import table from "@/utils/mixin/table";
40 import { datas, sendThis } from "./zsrkdata"; 40 import { datas, sendThis } from "./zsrkdata";
41 import addDialog from "./components/addDialog.vue" 41 import addDialog from "./components/addDialog.vue"
42 import { getZsglrkList ,removeZsgl,verifyZsrk} from "@/api/zsgl.js" 42 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"
43 export default { 43 export default {
44 name: "zsrk", 44 name: "zsrk",
45 components: {addDialog}, 45 components: { addDialog },
46 mixins: [table], 46 mixins: [table],
47 mounted () { 47 mounted () {
48 sendThis(this); 48 sendThis(this);
...@@ -51,9 +51,7 @@ export default { ...@@ -51,9 +51,7 @@ export default {
51 return { 51 return {
52 isDialog: false, 52 isDialog: false,
53 ruleForm: { 53 ruleForm: {
54 rksj: '' 54 rksj: '',
55 },
56 approveForm: {
57 batchno: '', 55 batchno: '',
58 rkkssj: '', 56 rkkssj: '',
59 rkjssj: '' 57 rkjssj: ''
...@@ -66,12 +64,9 @@ export default { ...@@ -66,12 +64,9 @@ export default {
66 }; 64 };
67 }, 65 },
68 methods: { 66 methods: {
69 init (e) {
70 this.fetchData()
71 },
72 // 列表渲染接口 67 // 列表渲染接口
73 fetchData () { 68 fetchData () {
74 getZsglrkList({ ...this.approveForm, ...this.pageData }).then(res => { 69 getZsglrkList({ ...this.ruleForm, ...this.pageData }).then(res => {
75 if (res.code === 200) { 70 if (res.code === 200) {
76 let { total, records } = res.result 71 let { total, records } = res.result
77 this.tableData.total = total; 72 this.tableData.total = total;
...@@ -80,36 +75,36 @@ export default { ...@@ -80,36 +75,36 @@ export default {
80 }) 75 })
81 }, 76 },
82 openDialog () { 77 openDialog () {
83 this.isDialog = true; 78 this.$nextTick(() => {
84 this.$nextTick(()=> {
85 this.$refs.addDialog.ywhSerial(); 79 this.$refs.addDialog.ywhSerial();
80 this.isDialog = true;
86 }) 81 })
87 }, 82 },
88 queryClick () { 83 queryClick () {
89 this.fetchData() 84 this.fetchData()
90 }, 85 },
91 //修改筛选时间 86 //修改筛选时间
92 timeChange() { 87 timeChange (val) {
93 if (this.ruleForm.rksj != null) { 88 if (this.ruleForm.rksj != null) {
94 this.approveForm.rkkssj = this.ruleForm.rksj[0]; 89 this.ruleForm.rkkssj = this.ruleForm.rksj[0];
95 this.approveForm.rkjssj = this.ruleForm.rksj[1]; 90 this.ruleForm.rkjssj = this.ruleForm.rksj[1];
96 } else { 91 } else {
97 this.approveForm.rkkssj = '' 92 this.ruleForm.rkkssj = ''
98 this.approveForm.rkjssj = '' 93 this.ruleForm.rkjssj = ''
99 } 94 }
100 }, 95 },
101 //删除证书入库数据 96 //删除证书入库数据
102 delZsrk(item){ 97 delZsrk (item) {
103 this.$confirm('确定要删除吗, 是否继续?', '提示', { 98 this.$confirm('确定要删除吗, 是否继续?', '提示', {
104 confirmButtonText: '确定', 99 confirmButtonText: '确定',
105 cancelButtonText: '取消', 100 cancelButtonText: '取消',
106 type: 'warning' 101 type: 'warning'
107 }).then(() => { 102 }).then(() => {
108 removeZsgl({"bsmBatch":item.bsmBatch}).then(res => { 103 removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
109 if(res.code == 200){ 104 if (res.code == 200) {
110 this.$message.success("删除成功") 105 this.$message.success("删除成功")
111 this.fetchData(); 106 this.fetchData();
112 }else{ 107 } else {
113 this.$message.error(res.message) 108 this.$message.error(res.message)
114 } 109 }
115 }) 110 })
...@@ -121,17 +116,17 @@ export default { ...@@ -121,17 +116,17 @@ export default {
121 }); 116 });
122 }, 117 },
123 //审核证书入库数据 118 //审核证书入库数据
124 confrimVerify(item){ 119 confrimVerify (item) {
125 this.$confirm('审核是否通过', '提示', { 120 this.$confirm('审核是否通过', '提示', {
126 confirmButtonText: '确定', 121 confirmButtonText: '确定',
127 cancelButtonText: '取消', 122 cancelButtonText: '取消',
128 type: 'warning' 123 type: 'warning'
129 }).then(() => { 124 }).then(() => {
130 verifyZsrk({"bsmBatch":item.bsmBatch}).then(res => { 125 verifyZsrk({ "bsmBatch": item.bsmBatch }).then(res => {
131 if(res.code == 200){ 126 if (res.code == 200) {
132 this.$message.success("审核成功") 127 this.$message.success("审核成功")
133 this.fetchData(); 128 this.fetchData();
134 }else{ 129 } else {
135 this.$message.error(res.message) 130 this.$message.error(res.message)
136 } 131 }
137 }) 132 })
......