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