111
Showing
3 changed files
with
198 additions
and
278 deletions
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0" | 2 | <el-dialog |
| 3 | :visible.sync="dialogVisible" :before-close="cancelDialog"> | 3 | :title="sqqlRule.nodename" |
| 4 | custom-class="dialogBox contentCenter" | ||
| 5 | width="80%" | ||
| 6 | top="0" | ||
| 7 | :visible.sync="dialogVisible" | ||
| 8 | :before-close="cancelDialog" | ||
| 9 | > | ||
| 4 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 10 | <ul class="edit-title-list" v-if="djlxList.length > 0"> |
| 5 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" | 11 | <li |
| 6 | :class="{ active: index == tn }"> | 12 | v-for="(item, index) in djlxList" |
| 13 | @click="handleTitleSelct(item, index)" | ||
| 14 | :key="index" | ||
| 15 | :class="{ active: index == tn }" | ||
| 16 | > | ||
| 7 | {{ item.nodename }} | 17 | {{ item.nodename }} |
| 8 | </li> | 18 | </li> |
| 9 | </ul> | 19 | </ul> |
| ... | @@ -12,8 +22,18 @@ | ... | @@ -12,8 +22,18 @@ |
| 12 | <el-row> | 22 | <el-row> |
| 13 | <el-col :span="8"> | 23 | <el-col :span="8"> |
| 14 | <el-form-item label="申请分类"> | 24 | <el-form-item label="申请分类"> |
| 15 | <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> | 25 | <el-select |
| 16 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 26 | v-model="form.ywDetail.sqfl" |
| 27 | disabled | ||
| 28 | placeholder="请选择" | ||
| 29 | class="width100" | ||
| 30 | > | ||
| 31 | <el-option | ||
| 32 | v-for="item in options" | ||
| 33 | :key="item.value" | ||
| 34 | :label="item.label" | ||
| 35 | :value="item.value" | ||
| 36 | > | ||
| 17 | </el-option> | 37 | </el-option> |
| 18 | </el-select> | 38 | </el-select> |
| 19 | </el-form-item> | 39 | </el-form-item> |
| ... | @@ -32,8 +52,18 @@ | ... | @@ -32,8 +52,18 @@ |
| 32 | <el-row> | 52 | <el-row> |
| 33 | <el-col :span="8"> | 53 | <el-col :span="8"> |
| 34 | <el-form-item label="发起业务单元类型"> | 54 | <el-form-item label="发起业务单元类型"> |
| 35 | <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> | 55 | <el-select |
| 36 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 56 | v-model="form.ywDetail.fqywdylx" |
| 57 | disabled | ||
| 58 | placeholder="请选择" | ||
| 59 | class="width100" | ||
| 60 | > | ||
| 61 | <el-option | ||
| 62 | v-for="item in options" | ||
| 63 | :key="item.value" | ||
| 64 | :label="item.label" | ||
| 65 | :value="item.value" | ||
| 66 | > | ||
| 37 | </el-option> | 67 | </el-option> |
| 38 | </el-select> | 68 | </el-select> |
| 39 | </el-form-item> | 69 | </el-form-item> |
| ... | @@ -64,20 +94,42 @@ | ... | @@ -64,20 +94,42 @@ |
| 64 | </el-col> | 94 | </el-col> |
| 65 | <el-col :span="8"> | 95 | <el-col :span="8"> |
| 66 | <el-form-item label="登记情形及材料"> | 96 | <el-form-item label="登记情形及材料"> |
| 67 | <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> | 97 | <el-input |
| 98 | v-model="form.ywDetail.djqxcl" | ||
| 99 | placeholder="仅支持execl文件导入" | ||
| 100 | ></el-input> | ||
| 68 | </el-form-item> | 101 | </el-form-item> |
| 69 | </el-col> | 102 | </el-col> |
| 70 | <el-col :span="1"> | 103 | <el-col :span="1"> |
| 71 | <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false" | 104 | <el-upload |
| 72 | :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess"> | 105 | ref="upload" |
| 73 | <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button> | 106 | :action="imgUploadUrl" |
| 107 | :limit="1" | ||
| 108 | accept=".xls, .xlsx" | ||
| 109 | :show-file-list="false" | ||
| 110 | :disabled="requested" | ||
| 111 | :file-list="fileList" | ||
| 112 | :before-upload="uploadRecord" | ||
| 113 | :on-success="handleSuccess" | ||
| 114 | > | ||
| 115 | <el-button | ||
| 116 | type="primary" | ||
| 117 | icon="el-icon-upload" | ||
| 118 | :loading="requested" | ||
| 119 | >上传材料</el-button | ||
| 120 | > | ||
| 74 | </el-upload> | 121 | </el-upload> |
| 75 | </el-col> | 122 | </el-col> |
| 76 | </el-row> | 123 | </el-row> |
| 77 | <el-row> | 124 | <el-row> |
| 78 | <el-col :span="24"> | 125 | <el-col :span="24"> |
| 79 | <el-form-item label="登记原因模板" prop="djyy"> | 126 | <el-form-item label="登记原因模板" prop="djyy"> |
| 80 | <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy"> | 127 | <el-input |
| 128 | type="textarea" | ||
| 129 | :rows="4" | ||
| 130 | placeholder="请输入内容" | ||
| 131 | v-model="form.ywDetail.djyy" | ||
| 132 | > | ||
| 81 | </el-input> | 133 | </el-input> |
| 82 | </el-form-item> | 134 | </el-form-item> |
| 83 | </el-col> | 135 | </el-col> |
| ... | @@ -85,25 +137,45 @@ | ... | @@ -85,25 +137,45 @@ |
| 85 | </el-form> | 137 | </el-form> |
| 86 | <el-collapse accordion> | 138 | <el-collapse accordion> |
| 87 | <el-collapse-item title="登记情形设置" name="1"> | 139 | <el-collapse-item title="登记情形设置" name="1"> |
| 88 | <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx"> | 140 | <lb-table |
| 141 | :column="djqxCol" | ||
| 142 | border | ||
| 143 | :pagination="false" | ||
| 144 | heightNumSetting | ||
| 145 | :data="form.djqx" | ||
| 146 | > | ||
| 89 | </lb-table> | 147 | </lb-table> |
| 90 | </el-collapse-item> | 148 | </el-collapse-item> |
| 91 | <el-collapse-item title="材料信息设置" name="2"> | 149 | <el-collapse-item title="材料信息设置" name="2"> |
| 92 | <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> | 150 | <lb-table |
| 151 | :column="clxxCol" | ||
| 152 | border | ||
| 153 | heightNumSetting | ||
| 154 | :pagination="false" | ||
| 155 | :data="form.clxx" | ||
| 156 | > | ||
| 93 | </lb-table> | 157 | </lb-table> |
| 94 | </el-collapse-item> | 158 | </el-collapse-item> |
| 95 | <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'"> | 159 | <el-collapse-item |
| 160 | title="刷选权利设置" | ||
| 161 | name="3" | ||
| 162 | v-if="form.ywDetail.sfsxql == '1'" | ||
| 163 | > | ||
| 96 | <div class="dyztsd-title"> | 164 | <div class="dyztsd-title"> |
| 97 | <b>请勾选需要查询的权利信息</b> | 165 | <b>请勾选需要查询的权利信息</b> |
| 98 | <div> | 166 | <div> |
| 99 | <el-button type="text" @click="handleSelectall">选择全部 </el-button> | 167 | <el-button type="text" @click="handleSelectall" |
| 168 | >选择全部 | ||
| 169 | </el-button> | ||
| 100 | <el-button type="text" @click="handleInvert">清除全部</el-button> | 170 | <el-button type="text" @click="handleInvert">清除全部</el-button> |
| 101 | </div> | 171 | </div> |
| 102 | </div> | 172 | </div> |
| 103 | <el-divider></el-divider> | 173 | <el-divider></el-divider> |
| 104 | <ul class="qlxx-list"> | 174 | <ul class="qlxx-list"> |
| 105 | <li v-for="(item, index) in form.sxql" :key="index"> | 175 | <li v-for="(item, index) in form.sxql" :key="index"> |
| 106 | <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> | 176 | <el-checkbox v-model="item.checked">{{ |
| 177 | item.sxzdmc | ||
| 178 | }}</el-checkbox> | ||
| 107 | </li> | 179 | </li> |
| 108 | </ul> | 180 | </ul> |
| 109 | </el-collapse-item> | 181 | </el-collapse-item> |
| ... | @@ -130,9 +202,10 @@ | ... | @@ -130,9 +202,10 @@ |
| 130 | </el-dialog> | 202 | </el-dialog> |
| 131 | </template> | 203 | </template> |
| 132 | <script> | 204 | <script> |
| 133 | import { mapGetters } from 'vuex'; | 205 | import { mapGetters } from "vuex"; |
| 134 | import { upward, down } from '@/utils/operation' | 206 | import { upward, down } from "@/utils/operation"; |
| 135 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; | 207 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; |
| 208 | import { datas, sendThis } from "./sqywDetail"; | ||
| 136 | export default { | 209 | export default { |
| 137 | //父组件 传 过来的 值 | 210 | //父组件 传 过来的 值 |
| 138 | props: { | 211 | props: { |
| ... | @@ -151,7 +224,7 @@ export default { | ... | @@ -151,7 +224,7 @@ export default { |
| 151 | }, | 224 | }, |
| 152 | components: {}, | 225 | components: {}, |
| 153 | name: "componentDialog", | 226 | name: "componentDialog", |
| 154 | data () { | 227 | data() { |
| 155 | return { | 228 | return { |
| 156 | tn: 0, | 229 | tn: 0, |
| 157 | n: 0, | 230 | n: 0, |
| ... | @@ -159,243 +232,39 @@ export default { | ... | @@ -159,243 +232,39 @@ export default { |
| 159 | title: "", | 232 | title: "", |
| 160 | activeName: "1", | 233 | activeName: "1", |
| 161 | form: {}, | 234 | form: {}, |
| 162 | djqxCol: [ | 235 | djqxCol: datas.djqxCol(), |
| 163 | { | 236 | clxxCol: datas.clxxCol(), |
| 164 | width: '60', | ||
| 165 | renderHeader: (h, scope) => { | ||
| 166 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | ||
| 167 | }, | ||
| 168 | render: (h, scope) => { | ||
| 169 | return ( | ||
| 170 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
| 171 | ) | ||
| 172 | } | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | width: '60', | ||
| 176 | label: '序号', | ||
| 177 | type: 'index' | ||
| 178 | }, | ||
| 179 | { | ||
| 180 | prop: 'nodecode', | ||
| 181 | width: '105', | ||
| 182 | label: '登记情形编码', | ||
| 183 | render: (h, scope) => { | ||
| 184 | return ( | ||
| 185 | <div> | ||
| 186 | <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'} | ||
| 187 | value={scope.row[scope.column.property]} | ||
| 188 | onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8"> | ||
| 189 | </el-input> | ||
| 190 | </div> | ||
| 191 | ) | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | { | ||
| 195 | prop: 'nodename', | ||
| 196 | label: '登记情形名称', | ||
| 197 | render: (h, scope) => { | ||
| 198 | return ( | ||
| 199 | <div> | ||
| 200 | <el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'} | ||
| 201 | value={scope.row[scope.column.property]} | ||
| 202 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
| 203 | </div> | ||
| 204 | ) | ||
| 205 | } | ||
| 206 | }, | ||
| 207 | { | ||
| 208 | label: '是否启用登记情形', | ||
| 209 | width: '141', | ||
| 210 | render: (h, scope) => { | ||
| 211 | return ( | ||
| 212 | <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
| 213 | <el-radio label={'1'}>启用</el-radio> | ||
| 214 | <el-radio label={'0'}>禁用</el-radio> | ||
| 215 | </el-radio-group> | ||
| 216 | ) | ||
| 217 | } | ||
| 218 | }, | ||
| 219 | { | ||
| 220 | prop: 'djyy', | ||
| 221 | label: '登记原因模板', | ||
| 222 | render: (h, scope) => { | ||
| 223 | return ( | ||
| 224 | <div> | ||
| 225 | <el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]} | ||
| 226 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
| 227 | </div> | ||
| 228 | |||
| 229 | ) | ||
| 230 | } | ||
| 231 | }, | ||
| 232 | { | ||
| 233 | label: '是否启用模板', | ||
| 234 | width: '140', | ||
| 235 | render: (h, scope) => { | ||
| 236 | return ( | ||
| 237 | <el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
| 238 | <el-radio label={'1'}>启用</el-radio> | ||
| 239 | <el-radio label={'0'}>禁用</el-radio> | ||
| 240 | </el-radio-group> | ||
| 241 | ) | ||
| 242 | } | ||
| 243 | }, | ||
| 244 | { | ||
| 245 | label: '移动', | ||
| 246 | width: '100', | ||
| 247 | render: (h, scope) => { | ||
| 248 | return ( | ||
| 249 | <div> | ||
| 250 | <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | ||
| 251 | <el-button type='text' disabled={(scope.$index + 1) == this.form.djqx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | ||
| 252 | </div> | ||
| 253 | ) | ||
| 254 | } | ||
| 255 | } | ||
| 256 | ], | ||
| 257 | clxxCol: [ | ||
| 258 | { | ||
| 259 | width: '60', | ||
| 260 | renderHeader: (h, scope) => { | ||
| 261 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | ||
| 262 | }, | ||
| 263 | render: (h, scope) => { | ||
| 264 | return ( | ||
| 265 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
| 266 | ) | ||
| 267 | } | ||
| 268 | }, | ||
| 269 | { | ||
| 270 | width: '60', | ||
| 271 | label: '序号', | ||
| 272 | type: 'index' | ||
| 273 | }, | ||
| 274 | { | ||
| 275 | label: '是否必填', | ||
| 276 | width: '100', | ||
| 277 | render: (h, scope) => { | ||
| 278 | return ( | ||
| 279 | <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
| 280 | <el-radio label={'1'}>是</el-radio> | ||
| 281 | <el-radio label={'0'}>否</el-radio> | ||
| 282 | </el-radio-group> | ||
| 283 | ) | ||
| 284 | } | ||
| 285 | }, | ||
| 286 | { | ||
| 287 | prop: 'clbm', | ||
| 288 | label: '材料编码', | ||
| 289 | width: '100', | ||
| 290 | render: (h, scope) => { | ||
| 291 | return ( | ||
| 292 | <el-input placeholder="材料编码" value={scope.row[scope.column.property]} | ||
| 293 | onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input> | ||
| 294 | ) | ||
| 295 | } | ||
| 296 | }, | ||
| 297 | { | ||
| 298 | prop: 'clmc', | ||
| 299 | label: '材料名称', | ||
| 300 | render: (h, scope) => { | ||
| 301 | return ( | ||
| 302 | <el-input placeholder="材料名称" value={scope.row[scope.column.property]} | ||
| 303 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
| 304 | ) | ||
| 305 | } | ||
| 306 | }, | ||
| 307 | { | ||
| 308 | prop: 'cllx', | ||
| 309 | label: '材料类型', | ||
| 310 | width: '115', | ||
| 311 | render: (h, scope) => { | ||
| 312 | return ( | ||
| 313 | <el-select value={scope.row[scope.column.property]} | ||
| 314 | onChange={(val) => { scope.row[scope.column.property] = val }} clearable> | ||
| 315 | { | ||
| 316 | this.dictData['A40'].map(option => { | ||
| 317 | return ( | ||
| 318 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
| 319 | ) | ||
| 320 | }) | ||
| 321 | } | ||
| 322 | </el-select> | ||
| 323 | ) | ||
| 324 | } | ||
| 325 | }, | ||
| 326 | { | ||
| 327 | label: '是否公共材料', | ||
| 328 | width: '110', | ||
| 329 | render: (h, scope) => { | ||
| 330 | return ( | ||
| 331 | <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}> | ||
| 332 | <el-radio label={'1'}>是</el-radio> | ||
| 333 | <el-radio label={'0'}>否</el-radio> | ||
| 334 | </el-radio-group> | ||
| 335 | ) | ||
| 336 | } | ||
| 337 | }, | ||
| 338 | { | ||
| 339 | prop: 'djqxbm', | ||
| 340 | label: '登记情形', | ||
| 341 | width: '180', | ||
| 342 | render: (h, scope) => { | ||
| 343 | return ( | ||
| 344 | <el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]} | ||
| 345 | onChange={(val) => { scope.row[scope.column.property] = val }} clearable> | ||
| 346 | { | ||
| 347 | this.form.djqx.map(option => { | ||
| 348 | return ( | ||
| 349 | <el-option label={option.nodename} value={option.nodecode}></el-option> | ||
| 350 | ) | ||
| 351 | }) | ||
| 352 | } | ||
| 353 | </el-select> | ||
| 354 | ) | ||
| 355 | } | ||
| 356 | }, | ||
| 357 | { | ||
| 358 | label: '移动', | ||
| 359 | width: '90', | ||
| 360 | render: (h, scope) => { | ||
| 361 | return ( | ||
| 362 | <div> | ||
| 363 | <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | ||
| 364 | <el-button type='text' disabled={(scope.$index + 1) == this.form.clxx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | ||
| 365 | </div> | ||
| 366 | ) | ||
| 367 | } | ||
| 368 | } | ||
| 369 | ], | ||
| 370 | }; | 237 | }; |
| 371 | }, | 238 | }, |
| 372 | computed: { | 239 | computed: { |
| 373 | ...mapGetters(['dictData']) | 240 | ...mapGetters(["dictData"]), |
| 241 | }, | ||
| 242 | mounted() { | ||
| 243 | sendThis(this); | ||
| 374 | }, | 244 | }, |
| 375 | mounted () { }, | ||
| 376 | methods: { | 245 | methods: { |
| 377 | //页面初始化 | 246 | //页面初始化 |
| 378 | init () { | 247 | init() { |
| 379 | this.tn = 0; | 248 | this.tn = 0; |
| 380 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { | 249 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { |
| 381 | let { result } = res; | 250 | let { result } = res; |
| 382 | this.djlxList = result ? result : []; | 251 | this.djlxList = result ? result : []; |
| 383 | if(this.djlxList.length>0){ | 252 | if (this.djlxList.length > 0) { |
| 384 | this.getDetail(this.djlxList[0].bsmSqyw); | 253 | this.getDetail(this.djlxList[0].bsmSqyw); |
| 385 | }else{ | 254 | } else { |
| 386 | this.getDetail(this.sqqlRule.bsmSqyw); | 255 | this.getDetail(this.sqqlRule.bsmSqyw); |
| 387 | } | 256 | } |
| 388 | }); | 257 | }); |
| 389 | //} | 258 | //} |
| 390 | }, | 259 | }, |
| 391 | //tab选项卡事件 | 260 | //tab选项卡事件 |
| 392 | handleTitleSelct (obj, index) { | 261 | handleTitleSelct(obj, index) { |
| 393 | this.n = 0; | 262 | this.n = 0; |
| 394 | this.tn = index; | 263 | this.tn = index; |
| 395 | this.getDetail(this.djlxList[index].bsmSqyw); | 264 | this.getDetail(this.djlxList[index].bsmSqyw); |
| 396 | }, | 265 | }, |
| 397 | //获取业务具体明细内容 | 266 | //获取业务具体明细内容 |
| 398 | getDetail (bsmSqyw) { | 267 | getDetail(bsmSqyw) { |
| 399 | getSqdjywDetail(bsmSqyw).then((res) => { | 268 | getSqdjywDetail(bsmSqyw).then((res) => { |
| 400 | if (res.code === 200) { | 269 | if (res.code === 200) { |
| 401 | this.form = res.result; | 270 | this.form = res.result; |
| ... | @@ -405,22 +274,38 @@ export default { | ... | @@ -405,22 +274,38 @@ export default { |
| 405 | }); | 274 | }); |
| 406 | }, | 275 | }, |
| 407 | //提交保存数据 | 276 | //提交保存数据 |
| 408 | submit () { | 277 | submit() { |
| 409 | let that = this; | 278 | let that = this; |
| 410 | saveSqdjyw(this.form).then(res => { | 279 | saveSqdjyw(this.form).then((res) => { |
| 411 | if (res.code == 200) { | 280 | if (res.code == 200) { |
| 412 | that.$message({ | 281 | that.$message({ |
| 413 | message: '修改成功', | 282 | message: "修改成功", |
| 414 | type: 'success' | 283 | type: "success", |
| 415 | }) | 284 | }); |
| 416 | // that.$emit('input', false) | 285 | // that.$emit('input', false) |
| 417 | } | 286 | } |
| 418 | }) | 287 | }); |
| 419 | }, | 288 | }, |
| 420 | //修改父组件传过来的值 | 289 | //修改父组件传过来的值 |
| 421 | cancelDialog () { | 290 | cancelDialog() { |
| 422 | this.$emit("update:dialogVisible", false); | 291 | this.$emit("update:dialogVisible", false); |
| 423 | }, | 292 | }, |
| 293 | // 上移下移 | ||
| 294 | moveUpward (index, row,type) { | ||
| 295 | if(type=="clxx"){ | ||
| 296 | upward(index, this.form.clxx) | ||
| 297 | }else{ | ||
| 298 | upward(index, this.form.djqx) | ||
| 299 | } | ||
| 300 | |||
| 301 | }, | ||
| 302 | moveDown (index, row,type) { | ||
| 303 | if(type=="clxx"){ | ||
| 304 | down(index, this.form.clxx) | ||
| 305 | }else{ | ||
| 306 | down(index, this.form.djqx) | ||
| 307 | } | ||
| 308 | }, | ||
| 424 | }, | 309 | }, |
| 425 | }; | 310 | }; |
| 426 | </script> | 311 | </script> | ... | ... |
| ... | @@ -6,22 +6,44 @@ | ... | @@ -6,22 +6,44 @@ |
| 6 | <el-row :gutter="20"> | 6 | <el-row :gutter="20"> |
| 7 | <el-col :span="6"> | 7 | <el-col :span="6"> |
| 8 | <el-form-item label="权利类型"> | 8 | <el-form-item label="权利类型"> |
| 9 | <el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable | 9 | <el-select |
| 10 | placeholder="请选择权利类型"> | 10 | v-model="queryForm.qllx" |
| 11 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | 11 | @change="queryClick" |
| 12 | filterable | ||
| 13 | class="width100" | ||
| 14 | clearable | ||
| 15 | placeholder="请选择权利类型" | ||
| 16 | > | ||
| 17 | <el-option | ||
| 18 | v-for="item in qllxs" | ||
| 19 | :key="item.value" | ||
| 20 | :label="item.label" | ||
| 21 | :value="item.value" | ||
| 22 | > | ||
| 12 | </el-option> | 23 | </el-option> |
| 13 | </el-select> | 24 | </el-select> |
| 14 | </el-form-item> | 25 | </el-form-item> |
| 15 | </el-col> | 26 | </el-col> |
| 16 | <el-col :span="6"> | 27 | <el-col :span="6"> |
| 17 | <el-form-item label="登记业务编码"> | 28 | <el-form-item label="登记业务编码"> |
| 18 | <el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable> | 29 | <el-input |
| 30 | placeholder="请输入登记业务编码" | ||
| 31 | @clear="queryClick" | ||
| 32 | v-model="queryForm.djywbm" | ||
| 33 | clearable | ||
| 34 | > | ||
| 19 | </el-input> | 35 | </el-input> |
| 20 | </el-form-item> | 36 | </el-form-item> |
| 21 | </el-col> | 37 | </el-col> |
| 22 | <el-col :span="12" class="btnColRight"> | 38 | <el-col :span="12" class="btnColRight"> |
| 23 | <el-form-item> | 39 | <el-form-item> |
| 24 | <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button> | 40 | <el-button |
| 41 | type="primary" | ||
| 42 | native-type="submit" | ||
| 43 | icon="el-icon-search" | ||
| 44 | @click="queryClick" | ||
| 45 | >查询</el-button | ||
| 46 | > | ||
| 25 | </el-form-item> | 47 | </el-form-item> |
| 26 | </el-col> | 48 | </el-col> |
| 27 | </el-row> | 49 | </el-row> |
| ... | @@ -29,38 +51,50 @@ | ... | @@ -29,38 +51,50 @@ |
| 29 | </div> | 51 | </div> |
| 30 | <!-- 表格 --> | 52 | <!-- 表格 --> |
| 31 | <div class="from-clues-content"> | 53 | <div class="from-clues-content"> |
| 32 | <lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage" | 54 | <lb-table |
| 33 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 55 | :page-size="pageData.pageSize" |
| 34 | :column="tableData.columns" :data="tableData.data"> | 56 | class="loadingtext" |
| 57 | :current-page.sync="pageData.currentPage" | ||
| 58 | :total="tableData.total" | ||
| 59 | @size-change="handleSizeChange" | ||
| 60 | @p-current-change="handleCurrentChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 35 | </lb-table> | 64 | </lb-table> |
| 36 | </div> | 65 | </div> |
| 37 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> | 66 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> |
| 38 | <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule&&flag" :sqqlRule="sqqlRule" @update:dialogVisible="dialogVisibles"></component-dialog> | 67 | <component-dialog |
| 68 | :dialogVisible="dialogVisible" | ||
| 69 | v-if="sqqlRule && flag" | ||
| 70 | :sqqlRule="sqqlRule" | ||
| 71 | @update:dialogVisible="dialogVisibles" | ||
| 72 | ></component-dialog> | ||
| 39 | </div> | 73 | </div> |
| 40 | </template> | 74 | </template> |
| 41 | <script> | 75 | <script> |
| 42 | import table from "@/utils/mixin/table" | 76 | import table from "@/utils/mixin/table"; |
| 43 | import editDialog from "./components/editDialog.vue" | 77 | import editDialog from "./components/editDialog.vue"; |
| 44 | import componentDialog from "./sqywDetail.vue" | 78 | import componentDialog from "./sqywDetail.vue"; |
| 45 | import { datas, sendThis } from "./sqywgzdata" | 79 | import { datas, sendThis } from "./sqywgzdata"; |
| 46 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js" | 80 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js"; |
| 47 | export default { | 81 | export default { |
| 48 | name: "djbcx", | 82 | name: "djbcx", |
| 49 | components: { | 83 | components: { |
| 50 | editDialog, | 84 | editDialog, |
| 51 | componentDialog | 85 | componentDialog, |
| 52 | }, | 86 | }, |
| 53 | mixins: [table], | 87 | mixins: [table], |
| 54 | mounted () { | 88 | mounted() { |
| 55 | sendThis(this); | 89 | sendThis(this); |
| 56 | this.queryClick() | 90 | this.queryClick(); |
| 57 | }, | 91 | }, |
| 58 | data () { | 92 | data() { |
| 59 | return { | 93 | return { |
| 60 | flag:false, | 94 | flag: false, |
| 61 | //控制弹窗 显示 | 95 | //控制弹窗 显示 |
| 62 | dialogVisible: false, | 96 | dialogVisible: false, |
| 63 | qllxmc:"", | 97 | qllxmc: "", |
| 64 | isDialog: false, | 98 | isDialog: false, |
| 65 | queryForm: { | 99 | queryForm: { |
| 66 | qllx: "", | 100 | qllx: "", |
| ... | @@ -70,29 +104,31 @@ export default { | ... | @@ -70,29 +104,31 @@ export default { |
| 70 | tableData: { | 104 | tableData: { |
| 71 | total: 0, | 105 | total: 0, |
| 72 | columns: datas.columns(), | 106 | columns: datas.columns(), |
| 73 | data: [] | 107 | data: [], |
| 74 | }, | 108 | }, |
| 75 | detailList: [], | 109 | detailList: [], |
| 76 | bsmSqyw:"", | 110 | bsmSqyw: "", |
| 77 | sqqlRule:"", | 111 | sqqlRule: "", |
| 78 | } | 112 | }; |
| 79 | }, | 113 | }, |
| 80 | methods: { | 114 | methods: { |
| 81 | // 初始化数据 | 115 | // 初始化数据 |
| 82 | queryClick () { | 116 | queryClick() { |
| 83 | this.$startLoading(); | 117 | this.$startLoading(); |
| 84 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => { | 118 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then( |
| 119 | (res) => { | ||
| 85 | this.$endLoading(); | 120 | this.$endLoading(); |
| 86 | if (res.code === 200) { | 121 | if (res.code === 200) { |
| 87 | let { total, records } = res.result | 122 | let { total, records } = res.result; |
| 88 | this.tableData.total = total ? total : 0 | 123 | this.tableData.total = total ? total : 0; |
| 89 | this.tableData.data = records ? records : [] | 124 | this.tableData.data = records ? records : []; |
| 125 | } | ||
| 90 | } | 126 | } |
| 91 | }) | 127 | ); |
| 92 | }, | 128 | }, |
| 93 | //编辑 | 129 | //编辑 |
| 94 | editClick (row) { | 130 | editClick(row) { |
| 95 | this.flag=true; | 131 | this.flag = true; |
| 96 | this.sqqlRule = row; | 132 | this.sqqlRule = row; |
| 97 | this.dialogVisible = true; | 133 | this.dialogVisible = true; |
| 98 | // if (row.nodecode === 'B50') { | 134 | // if (row.nodecode === 'B50') { |
| ... | @@ -108,9 +144,9 @@ export default { | ... | @@ -108,9 +144,9 @@ export default { |
| 108 | // } | 144 | // } |
| 109 | }, | 145 | }, |
| 110 | //子组件传 过来的 数据 | 146 | //子组件传 过来的 数据 |
| 111 | dialogVisibles(v){ | 147 | dialogVisibles(v) { |
| 112 | this.dialogVisible = v; | 148 | this.dialogVisible = v; |
| 113 | } | 149 | }, |
| 114 | }, | 150 | }, |
| 115 | }; | 151 | }; |
| 116 | </script> | 152 | </script> | ... | ... |
-
Please register or sign in to post a comment