Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
13 changed files
with
345 additions
and
208 deletions
| ... | @@ -38,7 +38,21 @@ let mixin = { | ... | @@ -38,7 +38,21 @@ let mixin = { |
| 38 | }, | 38 | }, |
| 39 | // 详情 | 39 | // 详情 |
| 40 | handleEdit (row) { | 40 | handleEdit (row) { |
| 41 | this.title = row.rectypeName | 41 | let Title = '' |
| 42 | this.dicData['A21'].map(item => { | ||
| 43 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { | ||
| 44 | Title = item.DNAME | ||
| 45 | return | ||
| 46 | } | ||
| 47 | }) | ||
| 48 | |||
| 49 | this.dicData['A8'].map(item => { | ||
| 50 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { | ||
| 51 | Title += '-' + item.DNAME | ||
| 52 | return | ||
| 53 | } | ||
| 54 | }) | ||
| 55 | this.title = Title | ||
| 42 | this.$refs.editLog.isShow(row); | 56 | this.$refs.editLog.isShow(row); |
| 43 | }, | 57 | }, |
| 44 | // // 重置表单 | 58 | // // 重置表单 | ... | ... |
| ... | @@ -7,11 +7,18 @@ | ... | @@ -7,11 +7,18 @@ |
| 7 | display: flex; | 7 | display: flex; |
| 8 | position: relative; | 8 | position: relative; |
| 9 | top: -2px; | 9 | top: -2px; |
| 10 | |||
| 11 | b { | 10 | b { |
| 12 | @include flex-center; | 11 | font-weight: 200; |
| 13 | flex: 1; | 12 | display: inline-block; |
| 14 | width: 100%; | 13 | position: relative; |
| 14 | font-size: 24px; | ||
| 15 | top: -11px; | ||
| 16 | width: 38%; | ||
| 17 | height: 40px; | ||
| 18 | margin-left: 28px; | ||
| 19 | // @include flex-center; | ||
| 20 | display: flex; | ||
| 21 | justify-content: center; | ||
| 15 | } | 22 | } |
| 16 | } | 23 | } |
| 17 | 24 | ||
| ... | @@ -28,7 +35,7 @@ | ... | @@ -28,7 +35,7 @@ |
| 28 | } | 35 | } |
| 29 | 36 | ||
| 30 | .dialog_footer { | 37 | .dialog_footer { |
| 31 | margin-top: 8px; | 38 | margin-bottom: 8px; |
| 32 | @include flex-center; | 39 | @include flex-center; |
| 33 | } | 40 | } |
| 34 | 41 | ||
| ... | @@ -72,6 +79,9 @@ | ... | @@ -72,6 +79,9 @@ |
| 72 | background-size: 100% 100%; | 79 | background-size: 100% 100%; |
| 73 | right: 40px; | 80 | right: 40px; |
| 74 | top: 33px; | 81 | top: 33px; |
| 82 | &:hover{ | ||
| 83 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
| 84 | } | ||
| 75 | } | 85 | } |
| 76 | 86 | ||
| 77 | .el-dialog__close { | 87 | .el-dialog__close { | ... | ... |
| ... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
| 66 | // refine element ui upload | 66 | // refine element ui upload |
| 67 | .el-input.is-disabled .el-input__inner { | 67 | .el-input.is-disabled .el-input__inner { |
| 68 | color: #FFFFFF !important; | 68 | color: #FFFFFF !important; |
| 69 | // background-color: transparent !important; | 69 | background-color: transparent !important; |
| 70 | border: 1px solid #224C7C !important; | 70 | border: 1px solid #224C7C !important; |
| 71 | } | 71 | } |
| 72 | 72 | ... | ... |
| ... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
| 77 | </lb-table> | 77 | </lb-table> |
| 78 | </div> | 78 | </div> |
| 79 | <!-- 编辑 --> | 79 | <!-- 编辑 --> |
| 80 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlCfdj'" /> | 80 | <dataDetails ref="editLog" title="查封登记" :tabsActiveName="'qlfQlCfdj'" /> |
| 81 | </div> | 81 | </div> |
| 82 | </template> | 82 | </template> |
| 83 | <script> | 83 | <script> | ... | ... |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | </lb-table> | 72 | </lb-table> |
| 73 | </div> | 73 | </div> |
| 74 | <!-- 编辑 --> | 74 | <!-- 编辑 --> |
| 75 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyaq'" /> | 75 | <dataDetails ref="editLog" title="抵押权登记" :tabsActiveName="'qlfQlDyaq'" /> |
| 76 | </div> | 76 | </div> |
| 77 | </template> | 77 | </template> |
| 78 | 78 | ... | ... |
| ... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
| 73 | </lb-table> | 73 | </lb-table> |
| 74 | </div> | 74 | </div> |
| 75 | <!-- 编辑 --> | 75 | <!-- 编辑 --> |
| 76 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyiq'" /> | 76 | <dataDetails ref="editLog" title="地役权登记" :tabsActiveName="'qlfQlDyiq'" /> |
| 77 | </div> | 77 | </div> |
| 78 | </template> | 78 | </template> |
| 79 | 79 | ... | ... |
| ... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
| 13 | </el-col> | 13 | </el-col> |
| 14 | <el-col :span="6"> | 14 | <el-col :span="6"> |
| 15 | <el-form-item label="权属状态"> | 15 | <el-form-item label="权属状态"> |
| 16 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> | 16 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> |
| 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 18 | </el-option> | 18 | </el-option> |
| 19 | </el-select> | 19 | </el-select> |
| ... | @@ -33,8 +33,7 @@ | ... | @@ -33,8 +33,7 @@ |
| 33 | <el-row class="mt-10"> | 33 | <el-row class="mt-10"> |
| 34 | <el-col :span="6"> | 34 | <el-col :span="6"> |
| 35 | <el-form-item label="登记类型"> | 35 | <el-form-item label="登记类型"> |
| 36 | <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" | 36 | <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" placeholder="请选择登记类型"> |
| 37 | @visible-change="isShowSelectOptions" placeholder="登记类型"> | ||
| 38 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 37 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 39 | </el-option> | 38 | </el-option> |
| 40 | </el-select> | 39 | </el-select> |
| ... | @@ -123,11 +122,6 @@ export default { | ... | @@ -123,11 +122,6 @@ export default { |
| 123 | } | 122 | } |
| 124 | }, | 123 | }, |
| 125 | methods: { | 124 | methods: { |
| 126 | // 是否显示下拉框 | ||
| 127 | isShowSelectOptions (e) { | ||
| 128 | if (!e) this.$refs.selectlandQL.blur() | ||
| 129 | if (!e) this.$refs.selectlandDJ.blur() | ||
| 130 | }, | ||
| 131 | async featchData () { | 125 | async featchData () { |
| 132 | try { | 126 | try { |
| 133 | this.form = Object.assign(this.form, this.formData) | 127 | this.form = Object.assign(this.form, this.formData) | ... | ... |
| ... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
| 67 | </lb-table> | 67 | </lb-table> |
| 68 | </div> | 68 | </div> |
| 69 | <!-- 编辑 --> | 69 | <!-- 编辑 --> |
| 70 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYgdj'" /> | 70 | <dataDetails ref="editLog" title="预告登记" :tabsActiveName="'qlfQlYgdj'" /> |
| 71 | </div> | 71 | </div> |
| 72 | </template> | 72 | </template> |
| 73 | 73 | ... | ... |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | </lb-table> | 57 | </lb-table> |
| 58 | </div> | 58 | </div> |
| 59 | <!-- 编辑 --> | 59 | <!-- 编辑 --> |
| 60 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYydj'" /> | 60 | <dataDetails ref="editLog" title="异议登记" :tabsActiveName="'qlfQlYydj'" /> |
| 61 | </div> | 61 | </div> |
| 62 | </template> | 62 | </template> |
| 63 | 63 | ... | ... |
| ... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
| 61 | </lb-table> | 61 | </lb-table> |
| 62 | </div> | 62 | </div> |
| 63 | <!-- 编辑 --> | 63 | <!-- 编辑 --> |
| 64 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlZxdj'" /> | 64 | <dataDetails ref="editLog" title="注销登记" :tabsActiveName="'qlfQlZxdj'" /> |
| 65 | </div> | 65 | </div> |
| 66 | </template> | 66 | </template> |
| 67 | 67 | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
| 3 | <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue" | 3 | <dialogBox |
| 4 | :isSave="details.ISENABLE == 1" title="字典信息"> | 4 | submitForm="submitForm" |
| 5 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> | 5 | class="tableClass" |
| 6 | <el-row :gutter="20"> | 6 | @closeDialog="closeDialog" |
| 7 | <el-col :span="4"> | 7 | @submitForm="handleSubmit" |
| 8 | <el-form-item label="字典类型编码"> | 8 | width="60%" |
| 9 | {{ ruleForm.DCODE }} | 9 | v-model="myValue" |
| 10 | </el-form-item> | 10 | :isMain="true" |
| 11 | </el-col> | 11 | :isButton="false" |
| 12 | <el-col :span="6"> | 12 | :isSave="details.ISENABLE == 1" |
| 13 | <el-form-item label="字典类型名称"> | 13 | title="字典信息" |
| 14 | {{ ruleForm.DNAME }} | 14 | > |
| 15 | </el-form-item> | 15 | <div class="editDialogBox-box "> |
| 16 | </el-col> | 16 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> |
| 17 | </el-row> | 17 | <el-row :gutter="20"> |
| 18 | </el-form> | 18 | <el-col :span="4"> |
| 19 | <lb-table :column="column" class="loadingtext" :heightNum="420" :key="key" :expand-row-keys="keyList" | 19 | <el-form-item label="字典类型编码"> |
| 20 | row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> | 20 | {{ ruleForm.DCODE }} |
| 21 | </lb-table> | 21 | </el-form-item> |
| 22 | </el-col> | ||
| 23 | <el-col :span="6"> | ||
| 24 | <el-form-item label="字典类型名称"> | ||
| 25 | {{ ruleForm.DNAME }} | ||
| 26 | </el-form-item> | ||
| 27 | </el-col> | ||
| 28 | </el-row> | ||
| 29 | </el-form> | ||
| 30 | <lb-table | ||
| 31 | :column="column" | ||
| 32 | class="loadingtext" | ||
| 33 | :heightNum="600" | ||
| 34 | :key="key" | ||
| 35 | :expand-row-keys="keyList" | ||
| 36 | row-key="dictid" | ||
| 37 | :tree-props="{ children: 'children' }" | ||
| 38 | :pagination="false" | ||
| 39 | :data="tableData" | ||
| 40 | > | ||
| 41 | </lb-table> | ||
| 42 | </div> | ||
| 22 | </dialogBox> | 43 | </dialogBox> |
| 23 | </template> | 44 | </template> |
| 24 | 45 | ||
| 25 | <script> | 46 | <script> |
| 26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' | 47 | import { |
| 27 | import { editDictNode, getChildDictList } from '@/api/dict' | 48 | getUuid, |
| 49 | judgeSort, | ||
| 50 | realMove, | ||
| 51 | findParents, | ||
| 52 | removeTreeListItem, | ||
| 53 | } from "@/utils/operation"; | ||
| 54 | import { editDictNode, getChildDictList } from "@/api/dict"; | ||
| 28 | export default { | 55 | export default { |
| 29 | props: { | 56 | props: { |
| 30 | value: { type: Boolean, default: false }, | 57 | value: { type: Boolean, default: false }, |
| 31 | details: { | 58 | details: { |
| 32 | type: Object, | 59 | type: Object, |
| 33 | default: {} | 60 | default: {}, |
| 34 | } | 61 | }, |
| 35 | }, | 62 | }, |
| 36 | data () { | 63 | data() { |
| 37 | return { | 64 | return { |
| 38 | key: 0, | 65 | key: 0, |
| 39 | myValue: this.value, | 66 | myValue: this.value, |
| 40 | keyList: [], | 67 | keyList: [], |
| 41 | ruleForm: { | 68 | ruleForm: { |
| 42 | DCODE: '', | 69 | DCODE: "", |
| 43 | DNAME: '' | 70 | DNAME: "", |
| 44 | }, | 71 | }, |
| 45 | column: [], | 72 | column: [], |
| 46 | columns: [ | 73 | columns: [ |
| 47 | { | 74 | { |
| 48 | width: '70', | 75 | width: "70", |
| 49 | renderHeader: (h, scope) => { | 76 | renderHeader: (h, scope) => { |
| 50 | return (<div> | 77 | return ( |
| 51 | { | 78 | <div> |
| 52 | this.details.ISENABLE === '0' ? | 79 | {this.details.ISENABLE === "0" ? ( |
| 53 | <span>序号</span> : | 80 | <span>序号</span> |
| 54 | <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF"></i> | 81 | ) : ( |
| 55 | } | 82 | <i |
| 56 | </div>) | 83 | class="el-icon-plus" |
| 84 | onClick={() => { | ||
| 85 | this.handleAdd(); | ||
| 86 | }} | ||
| 87 | style="cursor:pointer;color:#409EFF" | ||
| 88 | ></i> | ||
| 89 | )} | ||
| 90 | </div> | ||
| 91 | ); | ||
| 57 | }, | 92 | }, |
| 58 | render: (h, scope) => { | 93 | render: (h, scope) => { |
| 59 | return ( | 94 | return <span>{scope.row.index}</span>; |
| 60 | <span>{scope.row.index}</span> | 95 | }, |
| 61 | ) | ||
| 62 | } | ||
| 63 | }, | 96 | }, |
| 64 | { | 97 | { |
| 65 | prop: 'DCODE', | 98 | prop: "DCODE", |
| 66 | width: '100', | 99 | width: "100", |
| 67 | label: '字典项编码', | 100 | label: "字典项编码", |
| 68 | render: (h, scope) => { | 101 | render: (h, scope) => { |
| 69 | return ( | 102 | return ( |
| 70 | <div> | 103 | <div> |
| 71 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} | 104 | <el-input |
| 72 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | 105 | placeholder="字典项编码" |
| 73 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> | 106 | disabled={this.details.isenable == 2} |
| 74 | 107 | v-show={scope.row.codeShow} | |
| 108 | v-fo | ||
| 109 | value={scope.row[scope.column.property]} | ||
| 110 | onFocus={() => { | ||
| 111 | this.itemShowFalse(); | ||
| 112 | scope.row.codeShow = true; | ||
| 113 | }} | ||
| 114 | onInput={(val) => { | ||
| 115 | scope.row[scope.column.property] = val; | ||
| 116 | this.itemShowFalse(); | ||
| 117 | scope.row.codeShow = true; | ||
| 118 | }} | ||
| 119 | maxlength="8" | ||
| 120 | ></el-input> | ||
| 75 | 121 | ||
| 76 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} | 122 | <el-input |
| 77 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | 123 | placeholder="字典项编码" |
| 78 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> | 124 | disabled={this.details.isenable == 2} |
| 125 | v-show={!scope.row.codeShow} | ||
| 126 | value={scope.row[scope.column.property]} | ||
| 127 | onFocus={() => { | ||
| 128 | this.itemShowFalse(); | ||
| 129 | scope.row.codeShow = true; | ||
| 130 | }} | ||
| 131 | onInput={(val) => { | ||
| 132 | scope.row[scope.column.property] = val; | ||
| 133 | this.itemShowFalse(); | ||
| 134 | scope.row.codeShow = true; | ||
| 135 | }} | ||
| 136 | maxlength="8" | ||
| 137 | ></el-input> | ||
| 79 | </div> | 138 | </div> |
| 80 | ) | 139 | ); |
| 81 | } | 140 | }, |
| 82 | }, | 141 | }, |
| 83 | { | 142 | { |
| 84 | prop: 'DNAME', | 143 | prop: "DNAME", |
| 85 | label: '字典项名称', | 144 | label: "字典项名称", |
| 86 | render: (h, scope) => { | 145 | render: (h, scope) => { |
| 87 | return ( | 146 | return ( |
| 88 | <div> | 147 | <div> |
| 89 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]} | 148 | <el-input |
| 90 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | 149 | placeholder="字典项编码" |
| 91 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> | 150 | disabled={this.details.isenable == 2} |
| 151 | v-show={scope.row.nameShow} | ||
| 152 | v-fo | ||
| 153 | value={scope.row[scope.column.property]} | ||
| 154 | onFocus={() => { | ||
| 155 | this.itemShowFalse(); | ||
| 156 | scope.row.nameShow = true; | ||
| 157 | }} | ||
| 158 | onInput={(val) => { | ||
| 159 | scope.row[scope.column.property] = val; | ||
| 160 | this.itemShowFalse(); | ||
| 161 | scope.row.codeShow = true; | ||
| 162 | }} | ||
| 163 | ></el-input> | ||
| 92 | 164 | ||
| 93 | <el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]} | 165 | <el-input |
| 94 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | 166 | placeholder="字典项名称" |
| 95 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> | 167 | disabled={this.details.isenable == 2} |
| 168 | v-show={!scope.row.nameShow} | ||
| 169 | value={scope.row[scope.column.property]} | ||
| 170 | onFocus={() => { | ||
| 171 | this.itemShowFalse(); | ||
| 172 | scope.row.nameShow = true; | ||
| 173 | }} | ||
| 174 | onInput={(val) => { | ||
| 175 | scope.row[scope.column.property] = val; | ||
| 176 | this.itemShowFalse(); | ||
| 177 | scope.row.codeShow = true; | ||
| 178 | }} | ||
| 179 | ></el-input> | ||
| 96 | </div> | 180 | </div> |
| 97 | ) | 181 | ); |
| 98 | } | 182 | }, |
| 99 | }, | 183 | }, |
| 100 | // { | 184 | // { |
| 101 | // prop: 'normcode', | 185 | // prop: 'normcode', |
| ... | @@ -146,187 +230,216 @@ export default { | ... | @@ -146,187 +230,216 @@ export default { |
| 146 | // } | 230 | // } |
| 147 | // }, | 231 | // }, |
| 148 | { | 232 | { |
| 149 | width: '130', | 233 | width: "130", |
| 150 | label: '移动', | 234 | label: "移动", |
| 151 | render: (h, scope) => { | 235 | render: (h, scope) => { |
| 152 | return ( | 236 | return ( |
| 153 | <div> | 237 | <div> |
| 154 | <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | 238 | <el-button |
| 155 | <el-button type='text' disabled={scope.row.isBottom} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | 239 | type="text" |
| 156 | </div > | 240 | disabled={scope.row.isTop} |
| 157 | ) | 241 | onClick={() => { |
| 158 | } | 242 | this.moveUpward(scope.$index, scope.row); |
| 243 | }} | ||
| 244 | > | ||
| 245 | 上移 | ||
| 246 | </el-button> | ||
| 247 | <el-button | ||
| 248 | type="text" | ||
| 249 | disabled={scope.row.isBottom} | ||
| 250 | onClick={() => { | ||
| 251 | this.moveDown(scope.$index, scope.row); | ||
| 252 | }} | ||
| 253 | > | ||
| 254 | 下移 | ||
| 255 | </el-button> | ||
| 256 | </div> | ||
| 257 | ); | ||
| 258 | }, | ||
| 159 | }, | 259 | }, |
| 160 | { | 260 | { |
| 161 | width: '150', | 261 | width: "150", |
| 162 | label: '操作', | 262 | label: "操作", |
| 163 | render: (h, scope) => { | 263 | render: (h, scope) => { |
| 164 | return ( | 264 | return ( |
| 165 | <div> | 265 | <div> |
| 166 | <el-button type="text" style="margin-right:10px" onClick={() => { this.handleAddSubordinate(scope.row) }}>增加下级</el-button> | 266 | <el-button |
| 167 | <el-button type="text" style="margin-left:0" onClick={() => { this.handleMinus(scope.$index, scope.row) }}>删除</el-button> | 267 | type="text" |
| 268 | style="margin-right:10px" | ||
| 269 | onClick={() => { | ||
| 270 | this.handleAddSubordinate(scope.row); | ||
| 271 | }} | ||
| 272 | > | ||
| 273 | 增加下级 | ||
| 274 | </el-button> | ||
| 275 | <el-button | ||
| 276 | type="text" | ||
| 277 | style="margin-left:0" | ||
| 278 | onClick={() => { | ||
| 279 | this.handleMinus(scope.$index, scope.row); | ||
| 280 | }} | ||
| 281 | > | ||
| 282 | 删除 | ||
| 283 | </el-button> | ||
| 168 | </div> | 284 | </div> |
| 169 | ) | 285 | ); |
| 170 | } | 286 | }, |
| 171 | } | 287 | }, |
| 172 | ], | 288 | ], |
| 173 | tableData: [] | 289 | tableData: [], |
| 174 | } | 290 | }; |
| 175 | }, | 291 | }, |
| 176 | watch: { | 292 | watch: { |
| 177 | value (val) { | 293 | value(val) { |
| 178 | this.myValue = val | 294 | this.myValue = val; |
| 179 | }, | 295 | }, |
| 180 | 'details.dictid': { | 296 | "details.dictid": { |
| 181 | handler: function (newValue) { | 297 | handler: function (newValue) { |
| 182 | if (!this.value) return | 298 | if (!this.value) return; |
| 183 | this.$startLoading(); | 299 | getChildDictList(newValue).then((res) => { |
| 184 | getChildDictList(newValue).then(res => { | ||
| 185 | this.$endLoading(); | 300 | this.$endLoading(); |
| 186 | let { result } = res | 301 | let { result } = res; |
| 187 | this.tableData = result ? result : [] | 302 | this.tableData = result ? result : []; |
| 188 | this.tableData.forEach((item, index) => { | 303 | this.tableData.forEach((item, index) => { |
| 189 | item.index = index + 1 | 304 | item.index = index + 1; |
| 190 | }) | 305 | }); |
| 191 | }) | 306 | }); |
| 192 | }, | 307 | }, |
| 193 | immediate: true | 308 | immediate: true, |
| 194 | }, | 309 | }, |
| 195 | details: { | 310 | details: { |
| 196 | handler: function (newValue) { | 311 | handler: function (newValue) { |
| 197 | if (newValue.ISENABLE == 2) { | 312 | if (newValue.ISENABLE == 2) { |
| 198 | this.column = this.columns.slice(0, 6) | 313 | this.column = this.columns.slice(0, 6); |
| 199 | } else { | 314 | } else { |
| 200 | this.column = this.columns | 315 | this.column = this.columns; |
| 201 | } | 316 | } |
| 202 | this.ruleForm = newValue.rowData | 317 | this.ruleForm = newValue.rowData; |
| 203 | this.addIndexes() | 318 | this.addIndexes(); |
| 204 | this.key++ | 319 | this.key++; |
| 205 | }, | 320 | }, |
| 206 | deep: true | 321 | deep: true, |
| 207 | } | 322 | }, |
| 208 | }, | 323 | }, |
| 209 | methods: { | 324 | methods: { |
| 210 | // 添加索引 | 325 | // 添加索引 |
| 211 | addIndexes (data = this.tableData, isAdd = true) { | 326 | addIndexes(data = this.tableData, isAdd = true) { |
| 212 | data.forEach((item, index) => { | 327 | data.forEach((item, index) => { |
| 213 | if (index == 0) { | 328 | if (index == 0) { |
| 214 | item.codeShow = true | 329 | item.codeShow = true; |
| 215 | item.nameShow = false | 330 | item.nameShow = false; |
| 216 | item.normcodeShow = false | 331 | item.normcodeShow = false; |
| 217 | item.normnameShow = false | 332 | item.normnameShow = false; |
| 218 | } else { | 333 | } else { |
| 219 | item.codeShow = false | 334 | item.codeShow = false; |
| 220 | item.nameShow = false | 335 | item.nameShow = false; |
| 221 | item.normcodeShow = false | 336 | item.normcodeShow = false; |
| 222 | item.normnameShow = false | 337 | item.normnameShow = false; |
| 223 | } | 338 | } |
| 224 | if (isAdd) { | 339 | if (isAdd) { |
| 225 | item.index = index + 1 | 340 | item.index = index + 1; |
| 226 | } | 341 | } |
| 227 | if (item.children) { | 342 | if (item.children) { |
| 228 | this.addIndexes(item.children, false) | 343 | this.addIndexes(item.children, false); |
| 229 | } | 344 | } |
| 230 | }) | 345 | }); |
| 231 | }, | 346 | }, |
| 232 | itemShowFalse () { | 347 | itemShowFalse() { |
| 233 | this.tableData.forEach((item, index) => { | 348 | this.tableData.forEach((item, index) => { |
| 234 | item.codeShow = false | 349 | item.codeShow = false; |
| 235 | item.nameShow = false | 350 | item.nameShow = false; |
| 236 | item.normcodeShow = false | 351 | item.normcodeShow = false; |
| 237 | item.normnameShow = false | 352 | item.normnameShow = false; |
| 238 | }) | 353 | }); |
| 239 | }, | 354 | }, |
| 240 | handleMinus (index, row) { | 355 | handleMinus(index, row) { |
| 241 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | 356 | this.$confirm("此操作将永久删除, 是否继续?", "提示", { |
| 242 | confirmButtonText: '确定', | 357 | confirmButtonText: "确定", |
| 243 | cancelButtonText: '取消', | 358 | cancelButtonText: "取消", |
| 244 | type: 'warning' | 359 | type: "warning", |
| 245 | }).then(() => { | ||
| 246 | removeTreeListItem(this.tableData, row.dictid) | ||
| 247 | this.$message({ | ||
| 248 | type: 'success', | ||
| 249 | message: '删除成功!' | ||
| 250 | }) | ||
| 251 | }).catch(() => { | ||
| 252 | this.$message({ | ||
| 253 | type: 'info', | ||
| 254 | message: '已取消删除' | ||
| 255 | }) | ||
| 256 | }) | 360 | }) |
| 361 | .then(() => { | ||
| 362 | removeTreeListItem(this.tableData, row.dictid); | ||
| 363 | this.$message({ | ||
| 364 | type: "success", | ||
| 365 | message: "删除成功!", | ||
| 366 | }); | ||
| 367 | }) | ||
| 368 | .catch(() => { | ||
| 369 | this.$message({ | ||
| 370 | type: "info", | ||
| 371 | message: "已取消删除", | ||
| 372 | }); | ||
| 373 | }); | ||
| 257 | }, | 374 | }, |
| 258 | handleSubmit () { | 375 | handleSubmit() { |
| 259 | editDictNode({ | 376 | editDictNode({ |
| 260 | dictid: this.details.rowData.dictid, | 377 | dictid: this.details.rowData.dictid, |
| 261 | typeid: this.details.rowData.typeid, | 378 | typeid: this.details.rowData.typeid, |
| 262 | children: this.tableData | 379 | children: this.tableData, |
| 263 | }).then(res => { | 380 | }).then((res) => { |
| 264 | if (res.code === 200) { | 381 | if (res.code === 200) { |
| 265 | this.$message({ | 382 | this.$message({ |
| 266 | message: '修改成功', | 383 | message: "修改成功", |
| 267 | type: 'success' | 384 | type: "success", |
| 268 | }) | 385 | }); |
| 269 | this.$emit('input', false) | 386 | this.$emit("input", false); |
| 270 | } | 387 | } |
| 271 | }) | 388 | }); |
| 272 | }, | 389 | }, |
| 273 | closeDialog () { | 390 | closeDialog() { |
| 274 | this.$emit('input', false) | 391 | this.$emit("input", false); |
| 275 | }, | 392 | }, |
| 276 | // 增加下级 | 393 | // 增加下级 |
| 277 | handleAddSubordinate (row) { | 394 | handleAddSubordinate(row) { |
| 278 | if (!row.children) { | 395 | if (!row.children) { |
| 279 | row.children = [] | 396 | row.children = []; |
| 280 | } | 397 | } |
| 281 | row.children.push( | 398 | row.children.push({ |
| 282 | { | 399 | DCODE: "", |
| 283 | DCODE: '', | 400 | DNAME: "", |
| 284 | DNAME: '', | 401 | ISENABLE: "1", |
| 285 | ISENABLE: '1', | 402 | NORMCODE: "", |
| 286 | NORMCODE: '', | 403 | NORMNAME: "", |
| 287 | NORMNAME: '', | 404 | dictid: getUuid(32), |
| 288 | dictid: getUuid(32), | 405 | typeid: row.typeid, |
| 289 | typeid: row.typeid, | 406 | }); |
| 290 | } | ||
| 291 | ) | ||
| 292 | this.keyList = []; | 407 | this.keyList = []; |
| 293 | this.keyList.push(row.dictid) | 408 | this.keyList.push(row.dictid); |
| 294 | }, | 409 | }, |
| 295 | // 增加 | 410 | // 增加 |
| 296 | handleAdd () { | 411 | handleAdd() { |
| 297 | this.$nextTick(() => { | 412 | this.$nextTick(() => { |
| 298 | let container = this.$el.querySelector('.el-table__body-wrapper'); | 413 | let container = this.$el.querySelector(".el-table__body-wrapper"); |
| 299 | container.scrollTop = container.scrollHeight; | 414 | container.scrollTop = container.scrollHeight; |
| 300 | }) | 415 | }); |
| 301 | this.tableData.push( | 416 | this.tableData.push({ |
| 302 | { | 417 | DCODE: "", |
| 303 | DCODE: '', | 418 | DNAME: "", |
| 304 | DNAME: '', | 419 | ISENABLE: "1", |
| 305 | ISENABLE: '1', | 420 | normcode: "", |
| 306 | normcode: '', | 421 | normname: "", |
| 307 | normname: '', | 422 | dictid: getUuid(32), |
| 308 | dictid: getUuid(32), | 423 | typeid: this.ruleForm.typeid, |
| 309 | typeid: this.ruleForm.typeid, | 424 | }); |
| 310 | } | 425 | this.addIndexes(); |
| 311 | ) | 426 | this.key++; |
| 312 | this.addIndexes() | ||
| 313 | this.key++ | ||
| 314 | }, | 427 | }, |
| 315 | // 上移下移 | 428 | // 上移下移 |
| 316 | moveUpward (index, row) { | 429 | moveUpward(index, row) { |
| 317 | realMove(row.dictid, 'UP', this.tableData) | 430 | realMove(row.dictid, "UP", this.tableData); |
| 318 | this.key++ | 431 | this.key++; |
| 319 | let id = findParents(this.tableData, row.dictid) | 432 | let id = findParents(this.tableData, row.dictid); |
| 320 | this.keyList = id | 433 | this.keyList = id; |
| 321 | }, | 434 | }, |
| 322 | moveDown (index, row) { | 435 | moveDown(index, row) { |
| 323 | realMove(row.dictid, 'DOWN', this.tableData) | 436 | realMove(row.dictid, "DOWN", this.tableData); |
| 324 | this.key++ | 437 | this.key++; |
| 325 | let id = findParents(this.tableData, row.dictid) | 438 | let id = findParents(this.tableData, row.dictid); |
| 326 | this.keyList = id | 439 | this.keyList = id; |
| 327 | } | 440 | }, |
| 328 | } | 441 | }, |
| 329 | } | 442 | }; |
| 330 | </script> | 443 | </script> |
| 331 | <style rel="stylesheet/scss" lang="scss" scoped> | 444 | <style rel="stylesheet/scss" lang="scss" scoped> |
| 332 | @import "~@/styles/public.scss"; | 445 | @import "~@/styles/public.scss"; |
| ... | @@ -339,11 +452,19 @@ export default { | ... | @@ -339,11 +452,19 @@ export default { |
| 339 | /deep/.el-radio__label { | 452 | /deep/.el-radio__label { |
| 340 | display: block; | 453 | display: block; |
| 341 | } | 454 | } |
| 342 | 455 | /deep/.el-form-item__label{ | |
| 456 | color:#fff; | ||
| 457 | } | ||
| 458 | /deep/.el-form-item{ | ||
| 459 | color:#fff; | ||
| 460 | margin-bottom: 10px; | ||
| 461 | } | ||
| 343 | /deep/.el-radio-group { | 462 | /deep/.el-radio-group { |
| 344 | display: flex; | 463 | display: flex; |
| 345 | align-items: center; | 464 | align-items: center; |
| 346 | justify-content: center; | 465 | justify-content: center; |
| 347 | } | 466 | } |
| 467 | .editDialogBox-box{ | ||
| 468 | margin:14px 18px 30px 18px !important | ||
| 469 | } | ||
| 348 | </style> | 470 | </style> |
| 349 | ... | ... |
| ... | @@ -86,7 +86,6 @@ export default { | ... | @@ -86,7 +86,6 @@ export default { |
| 86 | methods: { | 86 | methods: { |
| 87 | // 初始化数据 | 87 | // 初始化数据 |
| 88 | queryClick () { | 88 | queryClick () { |
| 89 | // this.$startLoading(); | ||
| 90 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | 89 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { |
| 91 | // this.$endLoading(); | 90 | // this.$endLoading(); |
| 92 | let { records, total } = res.result | 91 | let { records, total } = res.result |
| ... | @@ -100,7 +99,6 @@ export default { | ... | @@ -100,7 +99,6 @@ export default { |
| 100 | cancelButtonText: '取消', | 99 | cancelButtonText: '取消', |
| 101 | type: 'warning' | 100 | type: 'warning' |
| 102 | }).then(() => { | 101 | }).then(() => { |
| 103 | this.$startLoading() | ||
| 104 | refreshDictCache().then(res => { | 102 | refreshDictCache().then(res => { |
| 105 | if (res.code == 200) { | 103 | if (res.code == 200) { |
| 106 | let refech = this.$store.dispatch('dict/generateDic') | 104 | let refech = this.$store.dispatch('dict/generateDic') | ... | ... |
-
Please register or sign in to post a comment