Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
7 changed files
with
211 additions
and
307 deletions
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
1 | .dialogBox { | ||
2 | border-radius: 8px; | ||
3 | overflow: hidden; | ||
4 | background: #FFFFFF; | ||
5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | ||
6 | |||
7 | .dialog_title { | ||
8 | display: flex; | ||
9 | position: relative; | ||
10 | top: -2px; | ||
11 | |||
12 | b { | ||
13 | @include flex-center; | ||
14 | flex: 1; | ||
15 | width: 100%; | ||
16 | } | ||
17 | } | ||
18 | |||
19 | .dialog_full { | ||
20 | position: absolute; | ||
21 | top: 0; | ||
22 | right: 30px; | ||
23 | } | ||
24 | |||
25 | .el-dialog__body { | ||
26 | max-height: 88vh; | ||
27 | overflow-x: hidden; | ||
28 | overflow-y: hidden; | ||
29 | } | ||
30 | |||
31 | .dialog_footer { | ||
32 | margin-top: 8px; | ||
33 | @include flex-center; | ||
34 | } | ||
35 | |||
36 | |||
37 | } | ||
38 | |||
39 | .dialog_title { | ||
40 | @include flex; | ||
41 | justify-content: space-between; | ||
42 | width: 100%; | ||
43 | } | ||
44 | |||
45 | .el-dialog__header { | ||
46 | margin-bottom: 10px; | ||
47 | color: #4A4A4A; | ||
48 | background-color: #FCFDFD; | ||
49 | border-bottom: 1px solid #E4EBF4; | ||
50 | } | ||
51 | |||
52 | .el-dialog__body { | ||
53 | padding-top: 10px; | ||
54 | padding-bottom: 0; | ||
55 | } | ||
56 | |||
57 | .el-dialog__headerbtn .el-dialog__close { | ||
58 | color: #6B7A99 !important; | ||
59 | position: relative; | ||
60 | top: -2px; | ||
61 | } | ||
62 | |||
63 | |||
64 | .el-form-item { | ||
65 | @include flex; | ||
66 | width: 100%; | ||
67 | } | ||
68 | |||
69 | .el-dialog__wrapper { | ||
70 | width: 100%; | ||
71 | height: 100%; | ||
72 | overflow: hidden; | ||
73 | } | ||
74 | |||
75 | .contentCenter { | ||
76 | position: absolute; | ||
77 | top: 50%; | ||
78 | left: 50%; | ||
79 | transform: translate(calc(-50% + 85px), -50%); | ||
80 | } | ||
81 | |||
82 | .mainCenter { | ||
83 | position: absolute; | ||
84 | top: 50%; | ||
85 | left: 50%; | ||
86 | transform: translate(-50%, -50%); | ||
87 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
1 | .dialogBox { | 1 | .dialogBox { |
2 | border-radius: 8px; | 2 | border-radius: 8px; |
3 | overflow: hidden; | 3 | overflow: hidden; |
4 | background: #FFFFFF; | 4 | background: #FFFFFF; |
5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | 5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); |
6 | |||
7 | .dialog_title { | ||
8 | display: flex; | ||
9 | position: relative; | ||
10 | top: -2px; | ||
11 | |||
12 | b { | ||
13 | @include flex-center; | ||
14 | flex: 1; | ||
15 | width: 100%; | ||
16 | } | ||
17 | } | ||
18 | 6 | ||
19 | .dialog_full { | 7 | .dialog_title { |
20 | position: absolute; | 8 | display: flex; |
21 | top: 0; | 9 | position: relative; |
22 | right: 30px; | 10 | top: -2px; |
23 | } | ||
24 | 11 | ||
25 | .el-dialog__body { | 12 | b { |
26 | max-height: 88vh; | 13 | @include flex-center; |
27 | overflow-x: hidden; | 14 | flex: 1; |
28 | overflow-y: hidden; | 15 | width: 100%; |
29 | } | 16 | } |
17 | } | ||
30 | 18 | ||
31 | .dialog_footer { | 19 | .dialog_full { |
32 | margin-top: 8px; | 20 | position: absolute; |
33 | @include flex-center; | 21 | top: 0; |
34 | } | 22 | right: 30px; |
23 | } | ||
24 | |||
25 | .el-dialog__body { | ||
26 | max-height: 88vh; | ||
27 | overflow-x: hidden; | ||
28 | overflow-y: hidden; | ||
29 | } | ||
30 | |||
31 | .dialog_footer { | ||
32 | margin-top: 8px; | ||
33 | @include flex-center; | ||
34 | } | ||
35 | 35 | ||
36 | 36 | ||
37 | } | 37 | } |
38 | 38 | ||
39 | .dialog_title { | 39 | .dialog_title { |
40 | @include flex; | 40 | @include flex; |
41 | justify-content: space-between; | 41 | justify-content: space-between; |
42 | width: 100%; | 42 | width: 100%; |
43 | } | 43 | } |
44 | 44 | ||
45 | .el-dialog__header { | 45 | .el-dialog__header { |
46 | margin-bottom: 10px; | 46 | margin-bottom: 10px; |
47 | color: #4A4A4A; | 47 | color: #4A4A4A; |
48 | background-color: #FCFDFD; | 48 | background-color: #FCFDFD; |
49 | border-bottom: 1px solid #E4EBF4; | 49 | border-bottom: 1px solid #E4EBF4; |
50 | } | 50 | } |
51 | 51 | ||
52 | .el-dialog__body { | 52 | .el-dialog__body { |
53 | padding-top: 10px; | 53 | padding-top: 10px; |
54 | padding-bottom: 0; | 54 | padding-bottom: 0; |
55 | } | 55 | } |
56 | 56 | ||
57 | .el-dialog__headerbtn .el-dialog__close { | 57 | .el-dialog__headerbtn .el-dialog__close { |
58 | color: #6B7A99 !important; | 58 | color: #6B7A99 !important; |
59 | position: relative; | 59 | position: relative; |
60 | top: -2px; | 60 | top: -2px; |
61 | } | 61 | } |
62 | 62 | ||
63 | 63 | ||
64 | .el-form-item { | 64 | .el-form-item { |
65 | @include flex; | 65 | @include flex; |
66 | width: 100%; | 66 | width: 100%; |
67 | } | 67 | } |
68 | 68 | ||
69 | .el-dialog__wrapper { | 69 | .el-dialog__wrapper { |
70 | width: 100%; | 70 | width: 100%; |
71 | height: 100%; | 71 | height: 100%; |
72 | overflow: hidden; | 72 | overflow: hidden; |
73 | } | 73 | } |
74 | 74 | ||
75 | .contentCenter { | 75 | .contentCenter { |
76 | position: absolute; | 76 | position: absolute; |
77 | top: 50%; | 77 | top: 50%; |
78 | left: 50%; | 78 | left: 50%; |
79 | transform: translate(calc(-50% + 85px), -50%); | 79 | transform: translate(calc(-50% + 85px), -50%); |
80 | } | 80 | } |
81 | 81 | ||
82 | .mainCenter { | 82 | .mainCenter { |
83 | position: absolute; | 83 | position: absolute; |
84 | top: 50%; | 84 | top: 50%; |
85 | left: 50%; | 85 | left: 50%; |
86 | transform: translate(-50%, -50%); | 86 | transform: translate(-50%, -50%); |
87 | } | 87 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <i class="el-icon-s-unfold pointer"></i> | 93 | <i class="el-icon-s-unfold pointer"></i> |
94 | </div> | 94 | </div> |
95 | <ul> | 95 | <ul> |
96 | <li v-for="(item, index) in doneList" :key="index" class="flexst dynamicInfo"> | 96 | <li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo"> |
97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> | 97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> |
98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> | 98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> |
99 | </li> | 99 | </li> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog | 2 | <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0" |
3 | :title="sqqlRule.nodename" | 3 | :visible.sync="dialogVisible" :before-close="cancelDialog"> |
4 | :visible.sync="dialogVisible" | ||
5 | :before-close="cancelDialog" | ||
6 | > | ||
7 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 4 | <ul class="edit-title-list" v-if="djlxList.length > 0"> |
8 | <li | 5 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" |
9 | v-for="(item, index) in djlxList" | 6 | :class="{ active: index == tn }"> |
10 | @click="handleTitleSelct(item, index)" | ||
11 | :key="index" | ||
12 | :class="{ active: index == tn }" | ||
13 | > | ||
14 | {{ item.nodename }} | 7 | {{ item.nodename }} |
15 | </li> | 8 | </li> |
16 | </ul> | 9 | </ul> |
17 | <el-form | 10 | <div class="contentBox"> |
18 | :model="form" | 11 | <el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm"> |
19 | v-show="n == 0" | 12 | <el-row> |
20 | label-width="135px" | 13 | <el-col :span="8"> |
21 | ref="ruleForm" | 14 | <el-form-item label="申请分类"> |
22 | > | 15 | <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> |
23 | <el-row> | 16 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
24 | <el-col :span="8"> | 17 | </el-option> |
25 | <el-form-item label="申请分类"> | 18 | </el-select> |
26 | <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> | 19 | </el-form-item> |
27 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 20 | </el-col> |
28 | </el-option> | 21 | <el-col :span="8"> |
29 | </el-select> | 22 | <el-form-item label="登记业务编码"> |
30 | </el-form-item> | 23 | <el-input v-model="form.ywDetail.djywbm" disabled></el-input> |
31 | </el-col> | 24 | </el-form-item> |
32 | <el-col :span="8"> | 25 | </el-col> |
33 | <el-form-item label="登记业务编码"> | 26 | <el-col :span="8"> |
34 | <el-input v-model="form.ywDetail.djywbm" disabled></el-input> | 27 | <el-form-item label="登记业务名称"> |
35 | </el-form-item> | 28 | <el-input v-model="form.ywDetail.djywmc" disabled></el-input> |
36 | </el-col> | 29 | </el-form-item> |
37 | <el-col :span="8"> | 30 | </el-col> |
38 | <el-form-item label="登记业务名称"> | 31 | </el-row> |
39 | <el-input v-model="form.ywDetail.djywmc" disabled></el-input> | 32 | <el-row> |
40 | </el-form-item> | 33 | <el-col :span="8"> |
41 | </el-col> | 34 | <el-form-item label="发起业务单元类型"> |
42 | </el-row> | 35 | <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> |
43 | <el-row> | 36 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
44 | <el-col :span="8"> | 37 | </el-option> |
45 | <el-form-item label="发起业务单元类型"> | 38 | </el-select> |
46 | <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> | 39 | </el-form-item> |
47 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 40 | </el-col> |
48 | </el-option> | 41 | <el-col :span="8"> |
49 | </el-select> | 42 | <el-form-item label="是否启用" prop="enabled"> |
50 | </el-form-item> | 43 | <el-radio-group v-model="form.ywDetail.enabled"> |
51 | </el-col> | 44 | <el-radio label="1">启用</el-radio> |
52 | <el-col :span="8"> | 45 | <el-radio label="0">禁用</el-radio> |
53 | <el-form-item label="是否启用" prop="enabled"> | 46 | </el-radio-group> |
54 | <el-radio-group v-model="form.ywDetail.enabled"> | 47 | </el-form-item> |
55 | <el-radio label="1">启用</el-radio> | 48 | </el-col> |
56 | <el-radio label="0">禁用</el-radio> | 49 | <el-col :span="8"> |
57 | </el-radio-group> | 50 | <el-form-item label="业务流程ID" prop="flowid"> |
58 | </el-form-item> | 51 | <el-input v-model="form.ywDetail.flowid"></el-input> |
59 | </el-col> | 52 | </el-form-item> |
60 | <el-col :span="8"> | 53 | </el-col> |
61 | <el-form-item label="业务流程ID" prop="flowid"> | 54 | </el-row> |
62 | <el-input v-model="form.ywDetail.flowid"></el-input> | 55 | |
63 | </el-form-item> | 56 | <el-row> |
64 | </el-col> | 57 | <el-col :span="8"> |
65 | </el-row> | 58 | <el-form-item label="登记原因设置" prop="sfqydjyymb"> |
66 | 59 | <el-radio-group v-model="form.ywDetail.sfqydjyymb"> | |
67 | <el-row> | 60 | <el-radio label="1">启用</el-radio> |
68 | <el-col :span="8"> | 61 | <el-radio label="0">禁用</el-radio> |
69 | <el-form-item label="登记原因设置" prop="sfqydjyymb"> | 62 | </el-radio-group> |
70 | <el-radio-group v-model="form.ywDetail.sfqydjyymb"> | 63 | </el-form-item> |
71 | <el-radio label="1">启用</el-radio> | 64 | </el-col> |
72 | <el-radio label="0">禁用</el-radio> | 65 | <el-col :span="8"> |
66 | <el-form-item label="登记情形及材料"> | ||
67 | <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | <el-col :span="1"> | ||
71 | <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false" | ||
72 | :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess"> | ||
73 | <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button> | ||
74 | </el-upload> | ||
75 | </el-col> | ||
76 | </el-row> | ||
77 | <el-row> | ||
78 | <el-col :span="24"> | ||
79 | <el-form-item label="登记原因模板" prop="djyy"> | ||
80 | <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy"> | ||
81 | </el-input> | ||
82 | </el-form-item> | ||
83 | </el-col> | ||
84 | </el-row> | ||
85 | </el-form> | ||
86 | <el-collapse accordion> | ||
87 | <el-collapse-item title="登记情形设置" name="1"> | ||
88 | <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx"> | ||
89 | </lb-table> | ||
90 | </el-collapse-item> | ||
91 | <el-collapse-item title="材料信息设置" name="2"> | ||
92 | <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> | ||
93 | </lb-table> | ||
94 | </el-collapse-item> | ||
95 | <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'"> | ||
96 | <div class="dyztsd-title"> | ||
97 | <b>请勾选需要查询的权利信息</b> | ||
98 | <div> | ||
99 | <el-button type="text" @click="handleSelectall">选择全部 </el-button> | ||
100 | <el-button type="text" @click="handleInvert">清除全部</el-button> | ||
101 | </div> | ||
102 | </div> | ||
103 | <el-divider></el-divider> | ||
104 | <ul class="qlxx-list"> | ||
105 | <li v-for="(item, index) in form.sxql" :key="index"> | ||
106 | <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> | ||
107 | </li> | ||
108 | </ul> | ||
109 | </el-collapse-item> | ||
110 | <el-collapse-item title="办理状态设置" name="4"> | ||
111 | <ul class="screen-list"> | ||
112 | <li v-for="(item, index) in form.sxzt" :key="index"> | ||
113 | <div class="screen-list-left"> | ||
114 | {{ item.sxzdmc }} : | ||
115 | <el-radio-group v-model="item.selected"> | ||
116 | <el-radio label="1">禁止办理</el-radio> | ||
117 | <el-radio label="0">忽略</el-radio> | ||
73 | </el-radio-group> | 118 | </el-radio-group> |
74 | </el-form-item> | 119 | </div> |
75 | </el-col> | 120 | </li> |
76 | <el-col :span="8"> | 121 | </ul> |
77 | <el-form-item label="登记情形及材料"> | 122 | </el-collapse-item> |
78 | <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> | 123 | </el-collapse> |
79 | </el-form-item> | 124 | </div> |
80 | </el-col> | 125 | <div slot="footer" class="dialog_footer"> |
81 | <el-col :span="1"> | ||
82 | <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false" | ||
83 | :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess"> | ||
84 | <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button> | ||
85 | </el-upload> | ||
86 | </el-col> | ||
87 | </el-row> | ||
88 | <el-row> | ||
89 | <el-col :span="24"> | ||
90 | <el-form-item label="登记原因模板" prop="djyy"> | ||
91 | <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy"> | ||
92 | </el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | </el-row> | ||
96 | </el-form> | ||
97 | <el-collapse accordion> | ||
98 | <el-collapse-item title="登记情形设置" name="1"> | ||
99 | <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx"> | ||
100 | </lb-table> | ||
101 | </el-collapse-item> | ||
102 | <el-collapse-item title="材料信息设置" name="2"> | ||
103 | <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> | ||
104 | </lb-table> | ||
105 | </el-collapse-item> | ||
106 | <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'"> | ||
107 | <div class="dyztsd-title"> | ||
108 | <b>请勾选需要查询的权利信息</b> | ||
109 | <div> | ||
110 | <el-button type="text" @click="handleSelectall">选择全部 </el-button> | ||
111 | <el-button type="text" @click="handleInvert">清除全部</el-button> | ||
112 | </div> | ||
113 | </div> | ||
114 | <el-divider></el-divider> | ||
115 | <ul class="qlxx-list"> | ||
116 | <li v-for="(item, index) in form.sxql" :key="index"> | ||
117 | <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> | ||
118 | </li> | ||
119 | </ul> | ||
120 | </el-collapse-item> | ||
121 | <el-collapse-item title="办理状态设置" name="4"> | ||
122 | <ul class="screen-list"> | ||
123 | <li v-for="(item, index) in form.sxzt" :key="index"> | ||
124 | <div class="screen-list-left"> | ||
125 | {{ item.sxzdmc }} : | ||
126 | <el-radio-group v-model="item.selected" > | ||
127 | <el-radio label="1">禁止办理</el-radio> | ||
128 | <el-radio label="0">忽略</el-radio> | ||
129 | </el-radio-group> | ||
130 | </div> | ||
131 | </li> | ||
132 | </ul> | ||
133 | </el-collapse-item> | ||
134 | </el-collapse> | ||
135 | <div slot="footer" class="dialog-footer"> | ||
136 | <el-button type="primary" @click="submit">提 交</el-button> | 126 | <el-button type="primary" @click="submit">提 交</el-button> |
137 | <el-button @click="cancelDialog">取 消</el-button> | 127 | <el-button @click="cancelDialog">取 消</el-button> |
138 | </div> | 128 | </div> |
139 | </el-dialog> | 129 | </el-dialog> |
140 | </template> | 130 | </template> |
141 | <script> | 131 | <script> |
142 | import { mapGetters } from 'vuex'; | 132 | import { mapGetters } from 'vuex'; |
143 | import { upward, down } from '@/utils/operation' | 133 | import { upward, down } from '@/utils/operation' |
144 | import { getDjlxInfo, getSqdjywDetail,saveSqdjyw } from "@/api/system.js"; | 134 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; |
145 | export default { | 135 | export default { |
146 | //父组件 传 过来的 值 | 136 | //父组件 传 过来的 值 |
147 | props: { | 137 | props: { |
... | @@ -158,9 +148,9 @@ export default { | ... | @@ -158,9 +148,9 @@ export default { |
158 | immediate: true, | 148 | immediate: true, |
159 | }, | 149 | }, |
160 | }, | 150 | }, |
161 | components: { }, | 151 | components: {}, |
162 | name: "componentDialog", | 152 | name: "componentDialog", |
163 | data() { | 153 | data () { |
164 | return { | 154 | return { |
165 | tn: 0, | 155 | tn: 0, |
166 | n: 0, | 156 | n: 0, |
... | @@ -168,7 +158,7 @@ export default { | ... | @@ -168,7 +158,7 @@ export default { |
168 | title: "", | 158 | title: "", |
169 | activeName: "1", | 159 | activeName: "1", |
170 | form: {}, | 160 | form: {}, |
171 | djqxCol: [ | 161 | djqxCol: [ |
172 | { | 162 | { |
173 | width: '60', | 163 | width: '60', |
174 | renderHeader: (h, scope) => { | 164 | renderHeader: (h, scope) => { |
... | @@ -263,7 +253,7 @@ export default { | ... | @@ -263,7 +253,7 @@ export default { |
263 | } | 253 | } |
264 | } | 254 | } |
265 | ], | 255 | ], |
266 | clxxCol: [ | 256 | clxxCol: [ |
267 | { | 257 | { |
268 | width: '60', | 258 | width: '60', |
269 | renderHeader: (h, scope) => { | 259 | renderHeader: (h, scope) => { |
... | @@ -378,14 +368,14 @@ export default { | ... | @@ -378,14 +368,14 @@ export default { |
378 | ], | 368 | ], |
379 | }; | 369 | }; |
380 | }, | 370 | }, |
381 | computed: { | 371 | computed: { |
382 | ...mapGetters(['dictData']) | 372 | ...mapGetters(['dictData']) |
383 | }, | 373 | }, |
384 | mounted() {}, | 374 | mounted () { }, |
385 | methods: { | 375 | methods: { |
386 | //页面初始化 | 376 | //页面初始化 |
387 | init() { | 377 | init () { |
388 | this.tn = 0; | 378 | this.tn = 0; |
389 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { | 379 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { |
390 | let { result } = res; | 380 | let { result } = res; |
391 | this.djlxList = result ? result : []; | 381 | this.djlxList = result ? result : []; |
... | @@ -394,14 +384,14 @@ export default { | ... | @@ -394,14 +384,14 @@ export default { |
394 | //} | 384 | //} |
395 | }, | 385 | }, |
396 | //tab选项卡事件 | 386 | //tab选项卡事件 |
397 | handleTitleSelct(obj, index) { | 387 | handleTitleSelct (obj, index) { |
398 | this.n = 0; | 388 | this.n = 0; |
399 | this.tn = index; | 389 | this.tn = index; |
400 | this.getDetail(this.djlxList[index].bsmSqyw); | 390 | this.getDetail(this.djlxList[index].bsmSqyw); |
401 | }, | 391 | }, |
402 | //获取业务具体明细内容 | 392 | //获取业务具体明细内容 |
403 | getDetail(bsmSqyw) { | 393 | getDetail (bsmSqyw) { |
404 | getSqdjywDetail(bsmSqyw).then((res) => { | 394 | getSqdjywDetail(bsmSqyw).then((res) => { |
405 | if (res.code === 200) { | 395 | if (res.code === 200) { |
406 | this.form = res.result; | 396 | this.form = res.result; |
407 | } else { | 397 | } else { |
... | @@ -410,20 +400,20 @@ export default { | ... | @@ -410,20 +400,20 @@ export default { |
410 | }); | 400 | }); |
411 | }, | 401 | }, |
412 | //提交保存数据 | 402 | //提交保存数据 |
413 | submit(){ | 403 | submit () { |
414 | let that = this; | 404 | let that = this; |
415 | saveSqdjyw(this.form).then(res => { | 405 | saveSqdjyw(this.form).then(res => { |
416 | if (res.code == 200) { | 406 | if (res.code == 200) { |
417 | that.$message({ | 407 | that.$message({ |
418 | message: '修改成功', | 408 | message: '修改成功', |
419 | type: 'success' | 409 | type: 'success' |
420 | }) | ||
421 | // that.$emit('input', false) | ||
422 | } | ||
423 | }) | 410 | }) |
411 | // that.$emit('input', false) | ||
412 | } | ||
413 | }) | ||
424 | }, | 414 | }, |
425 | //修改父组件传过来的值 | 415 | //修改父组件传过来的值 |
426 | cancelDialog() { | 416 | cancelDialog () { |
427 | this.$emit("update:dialogVisible", false); | 417 | this.$emit("update:dialogVisible", false); |
428 | }, | 418 | }, |
429 | }, | 419 | }, |
... | @@ -431,19 +421,18 @@ export default { | ... | @@ -431,19 +421,18 @@ export default { |
431 | </script> | 421 | </script> |
432 | <style lang='scss' scoped> | 422 | <style lang='scss' scoped> |
433 | @import "~@/styles/mixin.scss"; | 423 | @import "~@/styles/mixin.scss"; |
434 | /deep/ .el-dialog { | 424 | @import "~@/styles/dialogBox.scss"; |
435 | margin: auto !important; | 425 | |
436 | height: 90%; | 426 | .contentBox { |
437 | width: 80%; | 427 | height: 75vh; |
438 | overflow: auto; | 428 | overflow-y: scroll; |
439 | } | 429 | } |
430 | |||
440 | .form { | 431 | .form { |
441 | background: #eee; | 432 | background: #eee; |
442 | padding: 0 10px; | 433 | padding: 0 10px; |
443 | } | 434 | } |
444 | .dialog-footer { | 435 | |
445 | text-align: center; | ||
446 | } | ||
447 | .edit-title-list { | 436 | .edit-title-list { |
448 | @include flex; | 437 | @include flex; |
449 | 438 | ||
... | @@ -461,10 +450,12 @@ export default { | ... | @@ -461,10 +450,12 @@ export default { |
461 | } | 450 | } |
462 | } | 451 | } |
463 | } | 452 | } |
453 | |||
464 | .active { | 454 | .active { |
465 | background: $light-blue !important; | 455 | background: $light-blue !important; |
466 | color: #fff; | 456 | color: #fff; |
467 | } | 457 | } |
458 | |||
468 | .dyztsd-title { | 459 | .dyztsd-title { |
469 | @include flex; | 460 | @include flex; |
470 | align-items: center; | 461 | align-items: center; | ... | ... |
-
Please register or sign in to post a comment