style:业务申请
Showing
6 changed files
with
199 additions
and
171 deletions
... | @@ -9,54 +9,30 @@ | ... | @@ -9,54 +9,30 @@ |
9 | */ | 9 | */ |
10 | 10 | ||
11 | <template> | 11 | <template> |
12 | <el-table-column v-bind="$attrs" | 12 | <el-table-column v-bind="$attrs" v-on="$listeners" :prop="column.prop" :label="column.label" :type="column.type" |
13 | v-on="$listeners" | 13 | :index="column.index" :column-key="column.columnKey" :width="column.width" :min-width="column.minWidth" |
14 | :prop="column.prop" | 14 | :fixed="column.fixed" :scoped-slot="column.renderHeader" :sortable="column.sortable || false" |
15 | :label="column.label" | 15 | :sort-method="column.sortMethod" :sort-by="column.sortBy" :sort-orders="column.sortOrders" |
16 | :type="column.type" | 16 | :resizable="column.resizable || true" :formatter="column.formatter" |
17 | :index="column.index" | 17 | :show-overflow-tooltip="column.showOverflowTooltip || false" :align="column.align || align || 'center'" |
18 | :column-key="column.columnKey" | ||
19 | :width="column.width" | ||
20 | :min-width="column.minWidth" | ||
21 | :fixed="column.fixed" | ||
22 | :scoped-slot="column.renderHeader" | ||
23 | :sortable="column.sortable || false" | ||
24 | :sort-method="column.sortMethod" | ||
25 | :sort-by="column.sortBy" | ||
26 | :sort-orders="column.sortOrders" | ||
27 | :resizable="column.resizable || true" | ||
28 | :formatter="column.formatter" | ||
29 | :show-overflow-tooltip="column.showOverflowTooltip || false" | ||
30 | :align="column.align || align || 'center'" | ||
31 | :header-align="column.headerAlign || headerAlign || column.align || align || 'center'" | 18 | :header-align="column.headerAlign || headerAlign || column.align || align || 'center'" |
32 | :class-name="column.className" | 19 | :class-name="column.className" :label-class-name="column.labelClassName" :selectable="column.selectable" |
33 | :label-class-name="column.labelClassName" | 20 | :reserve-selection="column.reserveSelection || false" :filters="column.filters" |
34 | :selectable="column.selectable" | 21 | :filter-placement="column.filterPlacement" :filter-multiple="column.filterMultiple" |
35 | :reserve-selection="column.reserveSelection || false" | 22 | :filter-method="column.filterMethod" :filtered-value="column.filteredValue"> |
36 | :filters="column.filters" | 23 | <template slot="header" slot-scope="scope"> |
37 | :filter-placement="column.filterPlacement" | 24 | <lb-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader"> |
38 | :filter-multiple="column.filterMultiple" | ||
39 | :filter-method="column.filterMethod" | ||
40 | :filtered-value="column.filteredValue"> | ||
41 | <template slot="header" | ||
42 | slot-scope="scope"> | ||
43 | <lb-render v-if="column.renderHeader" | ||
44 | :scope="scope" | ||
45 | :render="column.renderHeader"> | ||
46 | </lb-render> | 25 | </lb-render> |
47 | <span v-else>{{ scope.column.label }}</span> | 26 | <span v-else>{{ scope.column.label }}</span> |
48 | </template> | 27 | </template> |
49 | 28 | ||
50 | <template slot-scope="scope"> | 29 | <template slot-scope="scope"> |
51 | <lb-render :scope="scope" | 30 | <lb-render :scope="scope" :render="column.render"> |
52 | :render="column.render"> | ||
53 | </lb-render> | 31 | </lb-render> |
54 | </template> | 32 | </template> |
55 | 33 | ||
56 | <template v-if="column.children"> | 34 | <template v-if="column.children"> |
57 | <lb-column v-for="(col, index) in column.children" | 35 | <lb-column v-for="(col, index) in column.children" :key="index" :column="col"> |
58 | :key="index" | ||
59 | :column="col"> | ||
60 | </lb-column> | 36 | </lb-column> |
61 | </template> | 37 | </template> |
62 | </el-table-column> | 38 | </el-table-column> |
... | @@ -65,6 +41,7 @@ | ... | @@ -65,6 +41,7 @@ |
65 | <script> | 41 | <script> |
66 | import LbRender from './lb-render' | 42 | import LbRender from './lb-render' |
67 | import forced from './forced.js' | 43 | import forced from './forced.js' |
44 | import radio from './radio.js' | ||
68 | export default { | 45 | export default { |
69 | name: 'LbColumn', | 46 | name: 'LbColumn', |
70 | props: { | 47 | props: { |
... | @@ -77,18 +54,21 @@ export default { | ... | @@ -77,18 +54,21 @@ export default { |
77 | }, | 54 | }, |
78 | methods: { | 55 | methods: { |
79 | setColumn () { | 56 | setColumn () { |
80 | if (this.column.type) { | 57 | if (this.column.type && this.column.type != 'radio') { |
81 | this.column.renderHeader = forced[this.column.type].renderHeader | 58 | this.column.renderHeader = forced[this.column.type].renderHeader |
82 | this.column.render = this.column.render || forced[this.column.type].renderCell | 59 | this.column.render = this.column.render || forced[this.column.type].renderCell |
83 | } | 60 | } |
61 | if (this.column.type == 'radio') { | ||
62 | this.column.render = this.column.render || radio[this.column.type].renderCell | ||
63 | } | ||
84 | if (this.column.formatter) { | 64 | if (this.column.formatter) { |
85 | this.column.render = (h, scope) => { | 65 | this.column.render = (h, scope) => { |
86 | return <span>{ scope.column.formatter(scope.row, scope.column, scope.row, scope.$index) }</span> | 66 | return <span>{scope.column.formatter(scope.row, scope.column, scope.row, scope.$index)}</span> |
87 | } | 67 | } |
88 | } | 68 | } |
89 | if (!this.column.render) { | 69 | if (!this.column.render) { |
90 | this.column.render = (h, scope) => { | 70 | this.column.render = (h, scope) => { |
91 | return <span>{ scope.row[scope.column.property] }</span> | 71 | return <span>{scope.row[scope.column.property]}</span> |
92 | } | 72 | } |
93 | } | 73 | } |
94 | } | 74 | } | ... | ... |
src/components/LbTable/radio.js
0 → 100644
1 | export default { | ||
2 | radio: { | ||
3 | renderHeader: (h, { store }) => { | ||
4 | return '单选' | ||
5 | }, | ||
6 | renderCell: (h, { row, column, store, $index }) => { | ||
7 | return ( | ||
8 | <el-radio | ||
9 | nativeOn-click={event => event.stopPropagation()} | ||
10 | value={store.isSelected(row)} | ||
11 | disabled={ | ||
12 | column.selectable | ||
13 | ? !column.selectable.call(null, row, $index) | ||
14 | : false | ||
15 | } | ||
16 | on-input={() => { | ||
17 | store.commit('rowSelectedChanged', row) | ||
18 | }} | ||
19 | /> | ||
20 | ) | ||
21 | }, | ||
22 | sortable: false, | ||
23 | resizable: false | ||
24 | }, | ||
25 | index: { | ||
26 | renderHeader: (h, scope) => { | ||
27 | return <span>{scope.column.label || '#'}</span> | ||
28 | }, | ||
29 | renderCell: (h, { $index, column }) => { | ||
30 | let i = $index + 1 | ||
31 | const index = column.index | ||
32 | |||
33 | if (typeof index === 'number') { | ||
34 | i = $index + index | ||
35 | } else if (typeof index === 'function') { | ||
36 | i = index($index) | ||
37 | } | ||
38 | |||
39 | return <div>{i}</div> | ||
40 | }, | ||
41 | sortable: false | ||
42 | }, | ||
43 | expand: { | ||
44 | renderHeader: (h, scope) => { | ||
45 | return <span>{scope.column.label || ''}</span> | ||
46 | }, | ||
47 | renderCell: (h, { row, store }, proxy) => { | ||
48 | const expanded = store.states.expandRows.indexOf(row) > -1 | ||
49 | return ( | ||
50 | <div | ||
51 | class={ | ||
52 | 'el-table__expand-icon ' + | ||
53 | (expanded ? 'el-table__expand-icon--expanded' : '') | ||
54 | } | ||
55 | on-click={e => proxy.handleExpandClick(row, e)} | ||
56 | > | ||
57 | <i class='el-icon el-icon-arrow-right' /> | ||
58 | </div> | ||
59 | ) | ||
60 | }, | ||
61 | sortable: false, | ||
62 | resizable: false, | ||
63 | className: 'el-table__expand-column' | ||
64 | } | ||
65 | } |
... | @@ -9,54 +9,30 @@ | ... | @@ -9,54 +9,30 @@ |
9 | */ | 9 | */ |
10 | 10 | ||
11 | <template> | 11 | <template> |
12 | <el-table-column v-bind="$attrs" | 12 | <el-table-column v-bind="$attrs" v-on="$listeners" :prop="column.prop" :label="column.label" :type="column.type" |
13 | v-on="$listeners" | 13 | :index="column.index" :column-key="column.columnKey" :width="column.width" :min-width="column.minWidth" |
14 | :prop="column.prop" | 14 | :fixed="column.fixed" :scoped-slot="column.renderHeader" :sortable="column.sortable || false" |
15 | :label="column.label" | 15 | :sort-method="column.sortMethod" :sort-by="column.sortBy" :sort-orders="column.sortOrders" |
16 | :type="column.type" | 16 | :resizable="column.resizable || true" :formatter="column.formatter" |
17 | :index="column.index" | 17 | :show-overflow-tooltip="column.showOverflowTooltip || false" :align="column.align || align || 'center'" |
18 | :column-key="column.columnKey" | ||
19 | :width="column.width" | ||
20 | :min-width="column.minWidth" | ||
21 | :fixed="column.fixed" | ||
22 | :scoped-slot="column.renderHeader" | ||
23 | :sortable="column.sortable || false" | ||
24 | :sort-method="column.sortMethod" | ||
25 | :sort-by="column.sortBy" | ||
26 | :sort-orders="column.sortOrders" | ||
27 | :resizable="column.resizable || true" | ||
28 | :formatter="column.formatter" | ||
29 | :show-overflow-tooltip="column.showOverflowTooltip || false" | ||
30 | :align="column.align || align || 'center'" | ||
31 | :header-align="column.headerAlign || headerAlign || column.align || align || 'center'" | 18 | :header-align="column.headerAlign || headerAlign || column.align || align || 'center'" |
32 | :class-name="column.className" | 19 | :class-name="column.className" :label-class-name="column.labelClassName" :selectable="column.selectable" |
33 | :label-class-name="column.labelClassName" | 20 | :reserve-selection="column.reserveSelection || false" :filters="column.filters" |
34 | :selectable="column.selectable" | 21 | :filter-placement="column.filterPlacement" :filter-multiple="column.filterMultiple" |
35 | :reserve-selection="column.reserveSelection || false" | 22 | :filter-method="column.filterMethod" :filtered-value="column.filteredValue"> |
36 | :filters="column.filters" | 23 | <template slot="header" slot-scope="scope"> |
37 | :filter-placement="column.filterPlacement" | 24 | <lb-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader"> |
38 | :filter-multiple="column.filterMultiple" | ||
39 | :filter-method="column.filterMethod" | ||
40 | :filtered-value="column.filteredValue"> | ||
41 | <template slot="header" | ||
42 | slot-scope="scope"> | ||
43 | <lb-render v-if="column.renderHeader" | ||
44 | :scope="scope" | ||
45 | :render="column.renderHeader"> | ||
46 | </lb-render> | 25 | </lb-render> |
47 | <span v-else>{{ scope.column.label }}</span> | 26 | <span v-else>{{ scope.column.label }}</span> |
48 | </template> | 27 | </template> |
49 | 28 | ||
50 | <template slot-scope="scope"> | 29 | <template slot-scope="scope"> |
51 | <lb-render :scope="scope" | 30 | <lb-render :scope="scope" :render="column.render"> |
52 | :render="column.render"> | ||
53 | </lb-render> | 31 | </lb-render> |
54 | </template> | 32 | </template> |
55 | 33 | ||
56 | <template v-if="column.children"> | 34 | <template v-if="column.children"> |
57 | <lb-column v-for="(col, index) in column.children" | 35 | <lb-column v-for="(col, index) in column.children" :key="index" :column="col"> |
58 | :key="index" | ||
59 | :column="col"> | ||
60 | </lb-column> | 36 | </lb-column> |
61 | </template> | 37 | </template> |
62 | </el-table-column> | 38 | </el-table-column> |
... | @@ -65,6 +41,7 @@ | ... | @@ -65,6 +41,7 @@ |
65 | <script> | 41 | <script> |
66 | import LbRender from './lb-render' | 42 | import LbRender from './lb-render' |
67 | import forced from './forced.js' | 43 | import forced from './forced.js' |
44 | import radio from './radio.js' | ||
68 | export default { | 45 | export default { |
69 | name: 'LbColumn', | 46 | name: 'LbColumn', |
70 | props: { | 47 | props: { |
... | @@ -77,18 +54,21 @@ export default { | ... | @@ -77,18 +54,21 @@ export default { |
77 | }, | 54 | }, |
78 | methods: { | 55 | methods: { |
79 | setColumn () { | 56 | setColumn () { |
80 | if (this.column.type) { | 57 | if (this.column.type && this.column.type != 'radio') { |
81 | this.column.renderHeader = forced[this.column.type].renderHeader | 58 | this.column.renderHeader = forced[this.column.type].renderHeader |
82 | this.column.render = this.column.render || forced[this.column.type].renderCell | 59 | this.column.render = this.column.render || forced[this.column.type].renderCell |
83 | } | 60 | } |
61 | if (this.column.type == 'radio') { | ||
62 | this.column.render = this.column.render || radio[this.column.type].renderCell | ||
63 | } | ||
84 | if (this.column.formatter) { | 64 | if (this.column.formatter) { |
85 | this.column.render = (h, scope) => { | 65 | this.column.render = (h, scope) => { |
86 | return <span>{ scope.column.formatter(scope.row, scope.column, scope.row, scope.$index) }</span> | 66 | return <span>{scope.column.formatter(scope.row, scope.column, scope.row, scope.$index)}</span> |
87 | } | 67 | } |
88 | } | 68 | } |
89 | if (!this.column.render) { | 69 | if (!this.column.render) { |
90 | this.column.render = (h, scope) => { | 70 | this.column.render = (h, scope) => { |
91 | return <span>{ scope.row[scope.column.property] }</span> | 71 | return <span>{scope.row[scope.column.property]}</span> |
92 | } | 72 | } |
93 | } | 73 | } |
94 | } | 74 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="ywsq" id="ywsq"> | 2 | <div class="ywsq" id="ywsq"> |
3 | <div class="ywsq-left"> | 3 | <div class="ywsq-left"> |
4 | <p v-for="(item, index) in sqywlxList" @click="sqywlxClick(item)" :key="index" | 4 | <p v-for="(item, index) in sqywlxList" @click="sqywlxClick(item)" :key="index" |
5 | :class="{ 'active': selectType == item.type }">{{ item.name }}</p> | 5 | :class="{ 'active': selectType == item.type }">{{ item.name }}</p> |
6 | <el-collapse disabled v-model="activeNames"> | 6 | <el-collapse disabled v-model="activeNames"> |
7 | <el-collapse-item title="业务申请" name="1"> | 7 | <el-collapse-item title="业务申请" name="1"> |
8 | <ul class="item-list"> | 8 | <ul class="item-list"> |
9 | <li v-for="(item, index) in sqywQllxList" :key="index" @click="qllxClick(index)" :class="item.check ? 'active' : ''"> | 9 | <li v-for="(item, index) in sqywQllxList" :key="index" @click="qllxClick(index)" |
10 | :class="item.check ? 'active' : ''"> | ||
10 | {{ item.nodename }}</li> | 11 | {{ item.nodename }}</li> |
11 | </ul> | 12 | </ul> |
12 | </el-collapse-item> | 13 | </el-collapse-item> |
13 | </el-collapse> | 14 | </el-collapse> |
14 | </div> | 15 | </div> |
15 | <div class="ywsq-right"> | 16 | <div class="ywsq-right"> |
16 | <!-- 常办业务 --> | 17 | <!-- 常办业务 --> |
17 | <div v-if="selectType=='collect'" class="right-situation"> | 18 | <div v-show="selectType == 'collect'" class="right-situation el-card"> |
18 | <div class="right-title">常办业务列表</div> | 19 | <div class="right-title">常办业务列表</div> |
19 | <ul> | 20 | <ul> |
20 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in collectList" :key="index" @dblclick="dblclick(collectList,index)" | 21 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in collectList" :key="index" |
21 | @click="selectSqywClick(collectList,index)"> | 22 | @dblclick="dblclick(collectList, index)" @click="selectSqywClick(collectList, index)"> |
22 | <p v-if="item.nodetype=='djqx'">{{ item.djywmc }}<br>{{ item.nodename }}</p> | 23 | <p v-if="item.nodetype == 'djqx'">{{ item.djywmc }}<br>{{ item.nodename }}</p> |
23 | <dt v-else>{{ item.djywmc}}</dt> | 24 | <dt v-else>{{ item.djywmc }}</dt> |
24 | <p class="active" @click.stop="handleCollection(item)"> | 25 | <p class="active" @click.stop="handleCollection(item)"> |
25 | <i class="el-icon-star-off"></i> | 26 | <i class="el-icon-star-off"></i> |
26 | </p> | 27 | </p> |
... | @@ -28,44 +29,44 @@ | ... | @@ -28,44 +29,44 @@ |
28 | </ul> | 29 | </ul> |
29 | </div> | 30 | </div> |
30 | <!-- 一并申请 --> | 31 | <!-- 一并申请 --> |
31 | <div v-if="selectType=='together'">一并申请</div> | 32 | <div v-if="selectType == 'together'" class="right-title">一并申请</div> |
32 | <!-- 登记簿补录 --> | 33 | <!-- 登记簿补录 --> |
33 | <div v-if="selectType=='amend'">登记簿补录</div> | 34 | <div v-if="selectType == 'amend'" class="right-title">登记簿补录</div> |
34 | <!-- 业务申请 --> | 35 | <!-- 业务申请 --> |
35 | <div v-if="selectType=='apply'" > | 36 | <template v-if="selectType == 'apply'"> |
36 | <div class="right-type el-card box-card is-always-shadow"> | 37 | <div class="right-type el-card box-card is-always-shadow"> |
37 | <div class="right-title">登记类型</div> | 38 | <div class="right-title">登记类型</div> |
38 | <ul class="type-content"> | 39 | <ul class="type-content"> |
39 | <li :class="item.selected ? 'cactive' : ''" @dblclick="item.sffqlc == 1 && dblclick(djlxList,index)" @click="selectSqywClick(djlxList,index)" | 40 | <li :class="item.selected ? 'cactive' : ''" @dblclick="item.sffqlc == 1 && dblclick(djlxList, index)" |
40 | v-for="(item, index) in djlxList" :key="index"> | 41 | @click="selectSqywClick(djlxList, index)" v-for="(item, index) in djlxList" :key="index"> |
41 | <p> | 42 | <p> |
42 | {{ item.nodename }} | 43 | {{ item.nodename }} |
43 | </p> | 44 | </p> |
44 | <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''" | 45 | <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''" |
45 | @click.stop="handleCollection(item)"> | 46 | @click.stop="handleCollection(item)"> |
46 | <i class="el-icon-star-off"></i> | 47 | <i class="el-icon-star-off"></i> |
47 | </p> | 48 | </p> |
48 | </li> | 49 | </li> |
49 | </ul> | 50 | </ul> |
50 | </div> | 51 | </div> |
51 | <div class="right-situation el-card box-card is-always-shadow"> | 52 | <div class="right-situation el-card box-card is-always-shadow"> |
52 | <div class="right-title">登记情形</div> | 53 | <div class="right-title">登记情形</div> |
53 | <ul> | 54 | <ul> |
54 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" @dblclick="dblclick(djqxList,index)" | 55 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" |
55 | @click="selectSqywClick(djqxList,index)"> | 56 | @dblclick="dblclick(djqxList, index)" @click="selectSqywClick(djqxList, index)"> |
56 | <dt>{{ item.nodename }}</dt> | 57 | <dt>{{ item.nodename }}</dt> |
57 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> | 58 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> |
58 | <i class="el-icon-star-off"></i> | 59 | <i class="el-icon-star-off"></i> |
59 | </p> | 60 | </p> |
60 | </li> | 61 | </li> |
61 | </ul> | 62 | </ul> |
62 | </div> | 63 | </div> |
63 | </div> | 64 | </template> |
64 | <div class="submit-button"> | 65 | <div class="submit-button"> |
65 | <el-button type="primary" :disabled="btnDisabled" @click="dialogClick">选择不动产</el-button> | 66 | <el-button type="primary" :disabled="btnDisabled" @click="dialogClick">选择不动产</el-button> |
66 | </div> | 67 | </div> |
67 | </div> | 68 | </div> |
68 | <selectDialog v-model="isDialog" :sqywInfo="selectParam"/> | 69 | <selectDialog v-model="isDialog" :sqywInfo="selectParam" /> |
69 | </div> | 70 | </div> |
70 | </template> | 71 | </template> |
71 | <script> | 72 | <script> |
... | @@ -76,24 +77,24 @@ export default { | ... | @@ -76,24 +77,24 @@ export default { |
76 | return { | 77 | return { |
77 | //申请业务类型集合 | 78 | //申请业务类型集合 |
78 | sqywlxList: [ | 79 | sqywlxList: [ |
79 | {name:"常办业务",type:"collect"}, | 80 | { name: "常办业务", type: "collect" }, |
80 | {name:"一并申请",type:"together"}, | 81 | { name: "一并申请", type: "together" }, |
81 | {name:"登记簿补录",type:"amend"} | 82 | { name: "登记簿补录", type: "amend" } |
82 | ], | 83 | ], |
83 | //类型默认选择常办业务 | 84 | //类型默认选择常办业务 |
84 | selectType: "collect", | 85 | selectType: "collect", |
85 | //堆叠框选中第一个 | 86 | //堆叠框选中第一个 |
86 | activeNames: ['1'], | 87 | activeNames: ['1'], |
87 | //收藏业务集合 | 88 | //收藏业务集合 |
88 | collectList :[], | 89 | collectList: [], |
89 | //申请权利类型集合 | 90 | //申请权利类型集合 |
90 | sqywQllxList :[], | 91 | sqywQllxList: [], |
91 | //登记类型集合 | 92 | //登记类型集合 |
92 | djlxList: [], | 93 | djlxList: [], |
93 | //申请权利类型集合 | 94 | //申请权利类型集合 |
94 | djqxList: [], | 95 | djqxList: [], |
95 | //选中业务的参数 | 96 | //选中业务的参数 |
96 | selectParam:{}, | 97 | selectParam: {}, |
97 | //弹框框架显示或隐藏 | 98 | //弹框框架显示或隐藏 |
98 | isDialog: false, | 99 | isDialog: false, |
99 | //选择按钮显示或隐藏 | 100 | //选择按钮显示或隐藏 |
... | @@ -112,72 +113,72 @@ export default { | ... | @@ -112,72 +113,72 @@ export default { |
112 | getCollectBiz().then(res => { | 113 | getCollectBiz().then(res => { |
113 | this.collectList = res.result; | 114 | this.collectList = res.result; |
114 | this.collectList.forEach(item => { | 115 | this.collectList.forEach(item => { |
115 | this.$set(item, 'selected', false); | 116 | this.$set(item, 'selected', false); |
116 | }); | 117 | }); |
117 | }); | 118 | }); |
118 | //获取申请权利信息集合 | 119 | //获取申请权利信息集合 |
119 | getleftMenu().then(res => { | 120 | getleftMenu().then(res => { |
120 | this.sqywQllxList=res.result; | 121 | this.sqywQllxList = res.result; |
121 | }) | 122 | }) |
122 | }, | 123 | }, |
123 | //申请业务类型菜单事件 | 124 | //申请业务类型菜单事件 |
124 | sqywlxClick (item) { | 125 | sqywlxClick (item) { |
125 | this.btnDisabled=true; | 126 | this.btnDisabled = true; |
126 | this.selectType = item.type; | 127 | this.selectType = item.type; |
127 | this.sqywQllxList.forEach(item => { | 128 | this.sqywQllxList.forEach(item => { |
128 | if (item.check) item.check = false; | 129 | if (item.check) item.check = false; |
129 | }) | 130 | }) |
130 | }, | 131 | }, |
131 | //权利类型菜单事件 | 132 | //权利类型菜单事件 |
132 | qllxClick (index) { | 133 | qllxClick (index) { |
133 | this.btnDisabled=true; | 134 | this.btnDisabled = true; |
134 | this.sqywQllxList.forEach(item => { | 135 | this.sqywQllxList.forEach(item => { |
135 | if (item.check) item.check = false; | 136 | if (item.check) item.check = false; |
136 | }) | 137 | }) |
137 | this.sqywQllxList[index].check=true; | 138 | this.sqywQllxList[index].check = true; |
138 | this.selectType = "apply"; | 139 | this.selectType = "apply"; |
139 | this.djlxList=[]; | 140 | this.djlxList = []; |
140 | this.djqxList=[]; | 141 | this.djqxList = []; |
141 | this.getNextNode(this.sqywQllxList[index].bsmSqyw); | 142 | this.getNextNode(this.sqywQllxList[index].bsmSqyw); |
142 | }, | 143 | }, |
143 | //选择申请业务事件 | 144 | //选择申请业务事件 |
144 | selectSqywClick(data,index){ | 145 | selectSqywClick (data, index) { |
145 | data.forEach(item=>{ | 146 | data.forEach(item => { |
146 | item.selected = false; | 147 | item.selected = false; |
147 | }); | 148 | }); |
148 | data[index].selected = true; | 149 | data[index].selected = true; |
149 | if(data[index].sffqlc=="1"){ | 150 | if (data[index].sffqlc == "1") { |
150 | this.selectParam=data[index]; | 151 | this.selectParam = data[index]; |
151 | this.btnDisabled=false; | 152 | this.btnDisabled = false; |
152 | }else{ | 153 | } else { |
153 | this.btnDisabled=true; | 154 | this.btnDisabled = true; |
154 | this.getNextNode(data[index].bsmSqyw); | 155 | this.getNextNode(data[index].bsmSqyw); |
155 | } | 156 | } |
156 | }, | 157 | }, |
157 | //获取下个节点类型数据 | 158 | //获取下个节点类型数据 |
158 | getNextNode (bsmSqyw) { | 159 | getNextNode (bsmSqyw) { |
159 | getNextNode(bsmSqyw).then(res => { | 160 | getNextNode(bsmSqyw).then(res => { |
160 | if (res.result.djqx){ | 161 | if (res.result.djqx) { |
161 | this.djqxList = res.result.djqx; | 162 | this.djqxList = res.result.djqx; |
162 | this.djqxList.forEach(item => { | 163 | this.djqxList.forEach(item => { |
163 | this.$set(item, 'selected', false); | 164 | this.$set(item, 'selected', false); |
164 | }); | 165 | }); |
165 | } | 166 | } |
166 | if (res.result.djlx){ | 167 | if (res.result.djlx) { |
167 | this.djlxList = res.result.djlx; | 168 | this.djlxList = res.result.djlx; |
168 | this.djlxList.forEach(item => { | 169 | this.djlxList.forEach(item => { |
169 | this.$set(item, 'selected', false); | 170 | this.$set(item, 'selected', false); |
170 | }); | 171 | }); |
171 | } | 172 | } |
172 | }) | 173 | }) |
173 | }, | 174 | }, |
174 | //双击事件 | 175 | //双击事件 |
175 | dblclick(data,index){ | 176 | dblclick (data, index) { |
176 | this.selectSqywClick(data,index); | 177 | this.selectSqywClick(data, index); |
177 | this.dialogClick(); | 178 | this.dialogClick(); |
178 | }, | 179 | }, |
179 | //打开弹框内容 | 180 | //打开弹框内容 |
180 | dialogClick(){ | 181 | dialogClick () { |
181 | this.isDialog = true; | 182 | this.isDialog = true; |
182 | }, | 183 | }, |
183 | //收藏操作 | 184 | //收藏操作 |
... | @@ -226,7 +227,7 @@ export default { | ... | @@ -226,7 +227,7 @@ export default { |
226 | }) | 227 | }) |
227 | this.btnDisabled = true | 228 | this.btnDisabled = true |
228 | item.cselect = true; | 229 | item.cselect = true; |
229 | this.djqxObj = item; | 230 | this.djqxObj = item; |
230 | if (item.sffqlc == '1') { | 231 | if (item.sffqlc == '1') { |
231 | this.btnDisabled = false | 232 | this.btnDisabled = false |
232 | this.bsmSqyw = item.bsmSqyw | 233 | this.bsmSqyw = item.bsmSqyw | ... | ... |
... | @@ -11,8 +11,9 @@ class data extends filter { | ... | @@ -11,8 +11,9 @@ class data extends filter { |
11 | columns () { | 11 | columns () { |
12 | return [ | 12 | return [ |
13 | { | 13 | { |
14 | type: 'selection', | 14 | type: 'radio', |
15 | label: '全选' | 15 | label: '单选', |
16 | width: '50' | ||
16 | }, | 17 | }, |
17 | { | 18 | { |
18 | label: '序号', | 19 | label: '序号', |
... | @@ -30,7 +31,7 @@ class data extends filter { | ... | @@ -30,7 +31,7 @@ class data extends filter { |
30 | label: "状态", | 31 | label: "状态", |
31 | render: (h, scope) => { | 32 | render: (h, scope) => { |
32 | return ( | 33 | return ( |
33 | <div> | 34 | <div> |
34 | {/* <a v-on:click="doSomething"></a> */} | 35 | {/* <a v-on:click="doSomething"></a> */} |
35 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> |
36 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | 37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox :title="title" width="85%" @closeDialog="closeDialog" v-model="value" :isButton="false"> | 2 | <dialogBox :title="title" width="85%" @closeDialog="closeDialog" v-model="value" :isButton="false"> |
3 | <component :is="router" :sqywInfo="sqywInfo" @closeDialog="closeDialog" @updateDialog="updateDialog"/> | 3 | <component :is="router" :sqywInfo="sqywInfo" @closeDialog="closeDialog" @updateDialog="updateDialog" /> |
4 | </dialogBox> | 4 | </dialogBox> |
5 | </template> | 5 | </template> |
6 | <script> | 6 | <script> |
... | @@ -8,32 +8,33 @@ import { queueDjywmc } from "./slectBdcdata.js"; | ... | @@ -8,32 +8,33 @@ import { queueDjywmc } from "./slectBdcdata.js"; |
8 | export default { | 8 | export default { |
9 | props: { | 9 | props: { |
10 | value: { type: Boolean, default: true }, | 10 | value: { type: Boolean, default: true }, |
11 | sqywInfo: { type: Object, default: () => {} }, | 11 | sqywInfo: { type: Object, default: () => { } }, |
12 | }, | 12 | }, |
13 | data() { | 13 | data () { |
14 | return { | 14 | return { |
15 | title: "", | 15 | title: "", |
16 | router: "", | 16 | router: "", |
17 | }; | 17 | }; |
18 | }, | 18 | }, |
19 | watch: { | 19 | watch: { |
20 | value(val) { | 20 | value (val) { |
21 | if (val) { | 21 | if (val) { |
22 | this.title = "申请业务:" + this.sqywInfo.djywmc; | 22 | this.title = "申请业务:" + this.sqywInfo.djywmc; |
23 | let view = queueDjywmc(this.sqywInfo.djywbm); | 23 | let view = queueDjywmc(this.sqywInfo.djywbm); |
24 | this.router = this.loadView(view); | 24 | this.router = this.loadView(view); |
25 | } | 25 | } |
26 | }, | 26 | }, |
27 | }, | 27 | }, |
28 | methods: { | 28 | methods: { |
29 | loadView(view) { | 29 | loadView (view) { |
30 | console.log(view, 'viewviewview'); | ||
30 | return (r) => | 31 | return (r) => |
31 | require.ensure([], () => r(require(`./components/${view}.vue`))); | 32 | require.ensure([], () => r(require(`./components/${view}.vue`))); |
32 | }, | 33 | }, |
33 | closeDialog() { | 34 | closeDialog () { |
34 | this.$emit("input", false); | 35 | this.$emit("input", false); |
35 | }, | 36 | }, |
36 | updateDialog() { | 37 | updateDialog () { |
37 | this.$emit("input", false); | 38 | this.$emit("input", false); |
38 | this.$emit("updateDialog", true); | 39 | this.$emit("updateDialog", true); |
39 | }, | 40 | }, | ... | ... |
-
Please register or sign in to post a comment