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 211 additions and 307 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 {
......
.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%;
}
}
border-radius: 8px;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);
.dialog_full {
position: absolute;
top: 0;
right: 30px;
}
.dialog_title {
display: flex;
position: relative;
top: -2px;
.el-dialog__body {
max-height: 88vh;
overflow-x: hidden;
overflow-y: hidden;
b {
@include flex-center;
flex: 1;
width: 100%;
}
}
.dialog_footer {
margin-top: 8px;
@include flex-center;
}
.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%;
@include flex;
justify-content: space-between;
width: 100%;
}
.el-dialog__header {
margin-bottom: 10px;
color: #4A4A4A;
background-color: #FCFDFD;
border-bottom: 1px solid #E4EBF4;
margin-bottom: 10px;
color: #4A4A4A;
background-color: #FCFDFD;
border-bottom: 1px solid #E4EBF4;
}
.el-dialog__body {
padding-top: 10px;
padding-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
}
.el-dialog__headerbtn .el-dialog__close {
color: #6B7A99 !important;
position: relative;
top: -2px;
color: #6B7A99 !important;
position: relative;
top: -2px;
}
.el-form-item {
@include flex;
width: 100%;
@include flex;
width: 100%;
}
.el-dialog__wrapper {
width: 100%;
height: 100%;
overflow: hidden;
width: 100%;
height: 100%;
overflow: hidden;
}
.contentCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% + 85px), -50%);
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% + 85px), -50%);
}
.mainCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
\ No newline at end of file
......
......@@ -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"
>
<el-row>
<el-col :span="8">
<el-form-item label="申请分类">
<el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记业务编码">
<el-input v-model="form.ywDetail.djywbm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记业务名称">
<el-input v-model="form.ywDetail.djywmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="发起业务单元类型">
<el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否启用" prop="enabled">
<el-radio-group v-model="form.ywDetail.enabled">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务流程ID" prop="flowid">
<el-input v-model="form.ywDetail.flowid"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="登记原因设置" prop="sfqydjyymb">
<el-radio-group v-model="form.ywDetail.sfqydjyymb">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
<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="申请分类">
<el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记业务编码">
<el-input v-model="form.ywDetail.djywbm" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记业务名称">
<el-input v-model="form.ywDetail.djywmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="发起业务单元类型">
<el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否启用" prop="enabled">
<el-radio-group v-model="form.ywDetail.enabled">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务流程ID" prop="flowid">
<el-input v-model="form.ywDetail.flowid"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="登记原因设置" prop="sfqydjyymb">
<el-radio-group v-model="form.ywDetail.sfqydjyymb">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形及材料">
<el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
</el-form-item>
</el-col>
<el-col :span="1">
<el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
:disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
<el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
</el-upload>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="登记原因模板" prop="djyy">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-collapse accordion>
<el-collapse-item title="登记情形设置" name="1">
<lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
</lb-table>
</el-collapse-item>
<el-collapse-item title="材料信息设置" name="2">
<lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
</lb-table>
</el-collapse-item>
<el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
<div class="dyztsd-title">
<b>请勾选需要查询的权利信息</b>
<div>
<el-button type="text" @click="handleSelectall">选择全部 </el-button>
<el-button type="text" @click="handleInvert">清除全部</el-button>
</div>
</div>
<el-divider></el-divider>
<ul class="qlxx-list">
<li v-for="(item, index) in form.sxql" :key="index">
<el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
</li>
</ul>
</el-collapse-item>
<el-collapse-item title="办理状态设置" name="4">
<ul class="screen-list">
<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 label="1">禁止办理</el-radio>
<el-radio label="0">忽略</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形及材料">
<el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
</el-form-item>
</el-col>
<el-col :span="1">
<el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
:disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
<el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
</el-upload>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="登记原因模板" prop="djyy">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-collapse accordion>
<el-collapse-item title="登记情形设置" name="1">
<lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
</lb-table>
</el-collapse-item>
<el-collapse-item title="材料信息设置" name="2">
<lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
</lb-table>
</el-collapse-item>
<el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
<div class="dyztsd-title">
<b>请勾选需要查询的权利信息</b>
<div>
<el-button type="text" @click="handleSelectall">选择全部 </el-button>
<el-button type="text" @click="handleInvert">清除全部</el-button>
</div>
</div>
<el-divider></el-divider>
<ul class="qlxx-list">
<li v-for="(item, index) in form.sxql" :key="index">
<el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
</li>
</ul>
</el-collapse-item>
<el-collapse-item title="办理状态设置" name="4">
<ul class="screen-list">
<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 label="1">禁止办理</el-radio>
<el-radio label="0">忽略</el-radio>
</el-radio-group>
</div>
</li>
</ul>
</el-collapse-item>
</el-collapse>
<div slot="footer" class="dialog-footer">
</div>
</li>
</ul>
</el-collapse-item>
</el-collapse>
</div>
<div slot="footer" class="dialog_footer">
<el-button type="primary" @click="submit">提 交</el-button>
<el-button @click="cancelDialog">取 消</el-button>
<el-button @click="cancelDialog">取 消</el-button>
</div>
</el-dialog>
</template>
<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,
......@@ -168,7 +158,7 @@ export default {
title: "",
activeName: "1",
form: {},
djqxCol: [
djqxCol: [
{
width: '60',
renderHeader: (h, scope) => {
......@@ -263,7 +253,7 @@ export default {
}
}
],
clxxCol: [
clxxCol: [
{
width: '60',
renderHeader: (h, scope) => {
......@@ -378,14 +368,14 @@ export default {
],
};
},
computed: {
computed: {
...mapGetters(['dictData'])
},
mounted() {},
mounted () { },
methods: {
//页面初始化
init() {
this.tn = 0;
init () {
this.tn = 0;
getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
......@@ -394,14 +384,14 @@ export default {
//}
},
//tab选项卡事件
handleTitleSelct(obj, index) {
handleTitleSelct (obj, index) {
this.n = 0;
this.tn = index;
this.getDetail(this.djlxList[index].bsmSqyw);
},
//获取业务具体明细内容
getDetail(bsmSqyw) {
getSqdjywDetail(bsmSqyw).then((res) => {
getDetail (bsmSqyw) {
getSqdjywDetail(bsmSqyw).then((res) => {
if (res.code === 200) {
this.form = res.result;
} else {
......@@ -410,20 +400,20 @@ export default {
});
},
//提交保存数据
submit(){
let that = this;
saveSqdjyw(this.form).then(res => {
if (res.code == 200) {
that.$message({
message: '修改成功',
type: 'success'
})
// that.$emit('input', false)
}
submit () {
let that = this;
saveSqdjyw(this.form).then(res => {
if (res.code == 200) {
that.$message({
message: '修改成功',
type: 'success'
})
// that.$emit('input', false)
}
})
},
//修改父组件传过来的值
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;
......