Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6920a538 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents ffc9918e 0c4daae8
Inline Side-by-side
Showing 7 changed files with 32 additions and 128 deletions
......@@ -109,7 +109,7 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss" >
@import "~@/styles/mixin.scss";
@import "./dialogBox.scss";
@import "~@/styles/dialogBox.scss";
</style>
<style rel="stylesheet/scss" scoped lang="scss" >
/deep/.is-fullscreen {
......
.dialogBox {
border-radius: 8px;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);
.dialog_title {
display: flex;
position: relative;
top: -2px;
b {
@include flex-center;
flex: 1;
width: 100%;
}
}
.dialog_full {
position: absolute;
top: 0;
right: 30px;
}
.el-dialog__body {
max-height: 88vh;
overflow-x: hidden;
overflow-y: hidden;
}
.dialog_footer {
margin-top: 8px;
@include flex-center;
}
}
.dialog_title {
@include flex;
justify-content: space-between;
width: 100%;
}
.el-dialog__header {
margin-bottom: 10px;
color: #4A4A4A;
background-color: #FCFDFD;
border-bottom: 1px solid #E4EBF4;
}
.el-dialog__body {
padding-top: 10px;
padding-bottom: 0;
}
.el-dialog__headerbtn .el-dialog__close {
color: #6B7A99 !important;
position: relative;
top: -2px;
}
.el-form-item {
@include flex;
width: 100%;
}
.el-dialog__wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.contentCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% + 85px), -50%);
}
.mainCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
\ No newline at end of file
......@@ -109,7 +109,7 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss" >
@import "~@/styles/mixin.scss";
@import "./dialogBox.scss";
@import "~@/styles/dialogBox.scss";
</style>
<style rel="stylesheet/scss" scoped lang="scss" >
/deep/.is-fullscreen {
......
......@@ -93,7 +93,7 @@
<i class="el-icon-s-unfold pointer"></i>
</div>
<ul>
<li v-for="(item, index) in doneList" :key="index" class="flexst dynamicInfo">
<li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo">
<p class="right15">{{ item.dealTime.substring(0, 10) }}</p>
<p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p>
</li>
......
......@@ -243,7 +243,7 @@ export default {
}
}
</script>
<style lang='scss'>
<style lang='scss' scoped>
.djqxsd {
.repeat {
.el-input__inner {
......
<template>
<el-dialog
:title="sqqlRule.nodename"
:visible.sync="dialogVisible"
:before-close="cancelDialog"
>
<el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0"
:visible.sync="dialogVisible" :before-close="cancelDialog">
<ul class="edit-title-list" v-if="djlxList.length > 0">
<li
v-for="(item, index) in djlxList"
@click="handleTitleSelct(item, index)"
:key="index"
:class="{ active: index == tn }"
>
<li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
:class="{ active: index == tn }">
{{ item.nodename }}
</li>
</ul>
<el-form
:model="form"
v-show="n == 0"
label-width="135px"
ref="ruleForm"
>
<div class="contentBox">
<el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm">
<el-row>
<el-col :span="8">
<el-form-item label="申请分类">
......@@ -123,7 +112,7 @@
<li v-for="(item, index) in form.sxzt" :key="index">
<div class="screen-list-left">
{{ item.sxzdmc }} ：
<el-radio-group v-model="item.selected" >
<el-radio-group v-model="item.selected">
<el-radio label="1">禁止办理</el-radio>
<el-radio label="0">忽略</el-radio>
</el-radio-group>
......@@ -132,7 +121,8 @@
</ul>
</el-collapse-item>
</el-collapse>
<div slot="footer" class="dialog-footer">
</div>
<div slot="footer" class="dialog_footer">
<el-button type="primary" @click="submit">提 交</el-button>
<el-button @click="cancelDialog">取 消</el-button>
</div>
......@@ -141,7 +131,7 @@
<script>
import { mapGetters } from 'vuex';
import { upward, down } from '@/utils/operation'
import { getDjlxInfo, getSqdjywDetail,saveSqdjyw } from "@/api/system.js";
import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
export default {
//父组件 传 过来的 值
props: {
......@@ -158,9 +148,9 @@ export default {
immediate: true,
},
},
components: { },
components: {},
name: "componentDialog",
data() {
data () {
return {
tn: 0,
n: 0,
......@@ -381,10 +371,10 @@ export default {
computed: {
...mapGetters(['dictData'])
},
mounted() {},
mounted () { },
methods: {
//页面初始化
init() {
init () {
this.tn = 0;
getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
let { result } = res;
......@@ -394,13 +384,13 @@ export default {
//}
},
//tab选项卡事件
handleTitleSelct(obj, index) {
handleTitleSelct (obj, index) {
this.n = 0;
this.tn = index;
this.getDetail(this.djlxList[index].bsmSqyw);
},
//获取业务具体明细内容
getDetail(bsmSqyw) {
getDetail (bsmSqyw) {
getSqdjywDetail(bsmSqyw).then((res) => {
if (res.code === 200) {
this.form = res.result;
......@@ -410,7 +400,7 @@ export default {
});
},
//提交保存数据
submit(){
submit () {
let that = this;
saveSqdjyw(this.form).then(res => {
if (res.code == 200) {
......@@ -423,7 +413,7 @@ export default {
})
},
//修改父组件传过来的值
cancelDialog() {
cancelDialog () {
this.$emit("update:dialogVisible", false);
},
},
......@@ -431,19 +421,18 @@ export default {
</script>
<style lang='scss' scoped>
@import "~@/styles/mixin.scss";
/deep/ .el-dialog {
margin: auto !important;
height: 90%;
width: 80%;
overflow: auto;
}
@import "~@/styles/dialogBox.scss";
.contentBox {
height: 75vh;
overflow-y: scroll;
}
.form {
background: #eee;
padding: 0 10px;
}
.dialog-footer {
text-align: center;
}
.edit-title-list {
@include flex;
......@@ -461,10 +450,12 @@ export default {
}
}
}
.active {
background: $light-blue !important;
color: #fff;
}
.dyztsd-title {
@include flex;
align-items: center;
......