Skip to content

C
confucius
Commit f73fc33c authored by zhengke's avatar zhengke
Browse files
Options

1

parent 3e8c1c32
Hide whitespace changes
Inline Side-by-side
Showing with 904 additions and 504 deletions
src/pages/financial/FProcessManagement.vue
View file @ f73fc33c
<style scoped>
@import "css/cssReset.css";
.query-box{border: none;padding-left: 0}
._nav li{float: left;font-size: 14px;color: #666666;padding: 15px 10px;background-color: #F1F1F1;cursor: pointer;position: relative;}
._nav li._active{background-color:#FFFFFF;color: #333333 }
._nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
._content li{display: flex;padding: 0 30px;margin-top: 20px;border: 1px solid #ebebeb;background-color: white;}
._content li:hover{box-shadow:0px 0px 20px rgba(191,191,191,1);transition: all linear 0.5s;}
._content li>div{padding: 9px 0}
._left{display: flex;flex: 2;align-items: center;border-right: 1px dashed #DCDFE6;padding-right: 20px !important;}
._left>div{padding-left: 14px}
._Icon{width: 50px;height: 50px;line-height: 50px;text-align: center;color: white;font-weight: bold;background-color: #2AAEF2;border-radius: 50%;font-size: 22px;display: block;}
._t{color: #333333;font-size: 14px;padding-bottom: 7px;font-weight: bold}
._s{color: #666666;font-size: 12px;}
._cent{flex: 3;display: flex;align-items: center;}
._cent>div{width: 50%;padding-left: 80px;}
._right{flex: 1;align-items: center;display: flex;padding-left: 20px !important;border-left: 1px dashed #DCDFE6;}
.icon-liuchengsheji{background-color: #B552E9;}
.icon-liuchengsheji:hover{background-color: #c57dea}
.eicon-liuchengshejidit:active{background-color: #8741ab}
._red{color: #E95252}
._dt{text-decoration: underline}
._cu{cursor: pointer;}
._none{opacity:0 ;}
._block{opacity: 1}
.InfoChangeLog{height: auto;background-color: #FFFFFF;}
.changLogList{padding-left: 20px;max-height: 180px;overflow: auto;}
.changLogList_l{border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;}
._radius_green{background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;}
.changLog_time{color: #666666;font-size: 12px;display: inline-block;padding-right: 10px}
.el-button{border-radius: inherit !important}
._log_t{padding: 10px;}
._bdrd{border-radius: 17px;}
._tp{padding: 10px 20px 0 20px;font-size: 12px;display: flex;align-items: center;align-items: flex-end}
._bg_blue{background-color: #297BEF}
._bg_org{background-color: #F16C3C !important}
._bg_greend{background-color: #32B37C}
._bg_greendS{background-color:#1C9A65}
._bg_gray{background-color: #666666}
._color_blue{color: #005CAA}
._yewu{color: white;padding: 3px 13px;}
._qian{padding: 6px 15px;}
._array{display: inline-block;background-color: #999999}
._array_h{width: 35px;height: 3px;}
._array_h_left{top: 14px;left: -40px;position: absolute;}
._array_h_right{top: 14px;right: -40px;position: absolute;}
._array_w{width: 3px;height: 35px;}
.tri_left{width: 0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left: 6px solid #999999;}
.tri_down{width: 0;height:0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #999999; }
.tri_right{width: 0;height:0;border-top:6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #999999;}
._tag{display: inline-block;border-radius: 4px;padding: 2px 4px;margin-bottom: 4px;font-size: 12px}
._inlineblock_cen{display: inline-block;text-align: center}
._text_right{text-align: right;padding-right: 50px}
._tp_b{padding: 0 20px}
.height40{height: 40px;}
._feiyong{padding: 10px;flex-wrap: wrap;/*justify-content: space-between;*/display: flex;}
._feiyong>span{display: inline-block;padding: 4px 20px;color: white;font-size: 14px;border-radius: 4px;margin:0 10px 10px 0;}
._log_t_s{font-size: 12px;color: #666666}
.el-popover{text-align: inherit}
._dtel{padding-top: 10px;}
._no_liucheng{padding: 20px;text-align: center}
._liu_block{display: inline-block;width:auto;margin-bottom: 20px;position: relative;}
.icon-xiaotuziCduan_,.icon-xiaotuziCduan_2{position: absolute;right: -10px;top: -10px;color: #999999;}
._array_h_left .icon-xiaotuziCduan_2{position: absolute;left: -10px;top: -10px;right: initial;}
.text_l{text-align: left;margin-right: 50px}
.text_r{text-align: right;margin-left: 50px}
._miaoshu{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:6px 15px;border-radius:4px;background-color: #297BEF;color:white;font-size: 14px;min-width: 120px; text-align: center;max-width: 130px;}
._last_ml0{margin-right: 0}
._last_mr0{margin-left: 0}
._array_h_dbox{position:absolute;top: 14px;right: -5px;}
._array_h_dbox_l{right: inherit;left: -40px}
._array_h_down{width: 35px;height: 3px;position: absolute;background-color: #999999}
._array_h_down_{width: 3px;height: 20px;position: absolute;background-color: #999999}
._array_h_down_l{left: 35px}
.icon-xiaotuziCduan_1{position: absolute;left: 28px;top: 10px;color: #999999;}
.xiaotuziCduan_1_l{left: inherit;right: -9px;}
._right i{width: 30px;height: 30px;display: inline-block;color: white !important;border-radius: 50%;text-align: center;line-height: 30px;margin-right: 10px;cursor: pointer;outline: none;}
._right i.icon-rizhi1{background-color: #67c23a}
._right i.icon-rizhi1:hover{background-color: #85ce61}
._right i.icon-rizhi1:active{background-color: #5daf34}
._right i.icon-liucheng1{background-color: #409EFF}
._right i.icon-liucheng1:hover{background-color: #66b1ff}
._right i.icon-liucheng1:active{background-color: #3a8ee6}
._right i.icon-bofang{background-color: #ebb563}
._right i.icon-bofang:hover{background-color: #ebb563}
._right i.icon-bofang:active{background-color: #cf9236}
._right i.icon-zanting1{background-color: #ebb563}
._right i.icon-zanting1:hover{background-color: #ebb563}
._right i.icon-zanting1:active{background-color: #cf9236}
._right i.el-icon-delete{background-color: #f56c6c}
._right i.el-icon-delete:hover{background-color: #f78989}
._right i.el-icon-delete:active{background-color: #dd6161}
._left ._Icon_box{width: 50px;padding: 0}
.page_FProcessManagement .query-box li:last-child{
top: 100px;
}
@import "css/cssReset.css";
.query-box {
border: none;
padding-left: 0
}
._nav li {
float: left;
font-size: 14px;
color: #666666;
padding: 15px 10px;
background-color: #F1F1F1;
cursor: pointer;
position: relative;
}
._nav li._active {
background-color: #FFFFFF;
color: #333333
}
._nav li._active::after {
content: "";
width: 20px;
height: 3px;
background-color: #E95252;
display: inline-block;
position: absolute;
bottom: 0;
left: 38%;
}
._content li {
display: flex;
padding: 0 30px;
margin-top: 20px;
border: 1px solid #ebebeb;
background-color: white;
}
._content li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
._content li>div {
padding: 9px 0
}
._left {
display: flex;
flex: 2;
align-items: center;
border-right: 1px dashed #DCDFE6;
padding-right: 20px !important;
}
._left>div {
padding-left: 14px
}
._Icon {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: white;
font-weight: bold;
background-color: #2AAEF2;
border-radius: 50%;
font-size: 22px;
display: block;
}
._t {
color: #333333;
font-size: 14px;
padding-bottom: 7px;
font-weight: bold
}
._s {
color: #666666;
font-size: 12px;
}
._cent {
flex: 3;
display: flex;
align-items: center;
}
._cent>div {
width: 50%;
padding-left: 80px;
}
._right {
flex: 1;
align-items: center;
display: flex;
padding-left: 20px !important;
border-left: 1px dashed #DCDFE6;
}
.icon-liuchengsheji {
background-color: #B552E9;
}
.icon-liuchengsheji:hover {
background-color: #c57dea
}
.eicon-liuchengshejidit:active {
background-color: #8741ab
}
._red {
color: #E95252
}
._dt {
text-decoration: underline
}
._cu {
cursor: pointer;
}
._none {
opacity: 0;
}
._block {
opacity: 1
}
.InfoChangeLog {
height: auto;
background-color: #FFFFFF;
}
.changLogList {
padding-left: 20px;
max-height: 180px;
overflow: auto;
}
.changLogList_l {
border-left: 1px solid #E9E9E9;
position: relative;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 10px;
}
._radius_green {
background-color: #47BF8C;
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 19px;
}
.changLog_time {
color: #666666;
font-size: 12px;
display: inline-block;
padding-right: 10px
}
.el-button {
border-radius: inherit !important
}
._log_t {
padding: 10px;
}
._bdrd {
border-radius: 17px;
}
._tp {
padding: 10px 20px 0 20px;
font-size: 12px;
display: flex;
align-items: center;
align-items: flex-end
}
._bg_blue {
background-color: #297BEF
}
._bg_org {
background-color: #F16C3C !important
}
._bg_greend {
background-color: #32B37C
}
._bg_greendS {
background-color: #1C9A65
}
._bg_gray {
background-color: #666666
}
._color_blue {
color: #005CAA
}
._yewu {
color: white;
padding: 3px 13px;
}
._qian {
padding: 6px 15px;
}
._array {
display: inline-block;
background-color: #999999
}
._array_h {
width: 35px;
height: 3px;
}
._array_h_left {
top: 14px;
left: -40px;
position: absolute;
}
._array_h_right {
top: 14px;
right: -40px;
position: absolute;
}
._array_w {
width: 3px;
height: 35px;
}
.tri_left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #999999;
}
.tri_down {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #999999;
}
.tri_right {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #999999;
}
._tag {
display: inline-block;
border-radius: 4px;
padding: 2px 4px;
margin-bottom: 4px;
font-size: 12px
}
._inlineblock_cen {
display: inline-block;
text-align: center
}
._text_right {
text-align: right;
padding-right: 50px
}
._tp_b {
padding: 0 20px
}
.height40 {
height: 40px;
}
._feiyong {
padding: 10px;
flex-wrap: wrap;
display: flex;
}
._feiyong>span {
display: inline-block;
padding: 4px 20px;
color: white;
font-size: 14px;
border-radius: 4px;
margin: 0 10px 10px 0;
}
._log_t_s {
font-size: 12px;
color: #666666
}
.el-popover {
text-align: inherit
}
._dtel {
padding-top: 10px;
}
._no_liucheng {
padding: 20px;
text-align: center
}
._liu_block {
display: inline-block;
width: auto;
margin-bottom: 20px;
position: relative;
}
.icon-xiaotuziCduan_,
.icon-xiaotuziCduan_2 {
position: absolute;
right: -10px;
top: -10px;
color: #999999;
}
._array_h_left .icon-xiaotuziCduan_2 {
position: absolute;
left: -10px;
top: -10px;
right: initial;
}
.text_l {
text-align: left;
margin-right: 50px
}
.text_r {
text-align: right;
margin-left: 50px
}
._miaoshu {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 6px 15px;
border-radius: 4px;
background-color: #297BEF;
color: white;
font-size: 14px;
min-width: 120px;
text-align: center;
max-width: 130px;
}
._last_ml0 {
margin-right: 0
}
._last_mr0 {
margin-left: 0
}
._array_h_dbox {
position: absolute;
top: 14px;
right: -5px;
}
._array_h_dbox_l {
right: inherit;
left: -40px
}
._array_h_down {
width: 35px;
height: 3px;
position: absolute;
background-color: #999999
}
._array_h_down_ {
width: 3px;
height: 20px;
position: absolute;
background-color: #999999
}
._array_h_down_l {
left: 35px
}
.icon-xiaotuziCduan_1 {
position: absolute;
left: 28px;
top: 10px;
color: #999999;
}
.xiaotuziCduan_1_l {
left: inherit;
right: -9px;
}
._right i {
width: 30px;
height: 30px;
display: inline-block;
color: white !important;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
cursor: pointer;
outline: none;
}
._right i.icon-rizhi1 {
background-color: #67c23a
}
._right i.icon-rizhi1:hover {
background-color: #85ce61
}
._right i.icon-rizhi1:active {
background-color: #5daf34
}
._right i.icon-liucheng1 {
background-color: #409EFF
}
._right i.icon-liucheng1:hover {
background-color: #66b1ff
}
._right i.icon-liucheng1:active {
background-color: #3a8ee6
}
._right i.icon-bofang {
background-color: #ebb563
}
._right i.icon-bofang:hover {
background-color: #ebb563
}
._right i.icon-bofang:active {
background-color: #cf9236
}
._right i.icon-zanting1 {
background-color: #ebb563
}
._right i.icon-zanting1:hover {
background-color: #ebb563
}
._right i.icon-zanting1:active {
background-color: #cf9236
}
._right i.el-icon-delete {
background-color: #f56c6c
}
._right i.el-icon-delete:hover {
background-color: #f78989
}
._right i.el-icon-delete:active {
background-color: #dd6161
}
._left ._Icon_box {
width: 50px;
padding: 0
}
.page_FProcessManagement .query-box li:last-child {
top: 100px;
}
</style>
<template>
<div class="page_FProcessManagement">
<div class='query-box'>
<ul>
<!-- <li>
<span>注：财务基本流程包括（收款流程，付款流程，发票流程），如果需要其他的流程，比如退款流程等请在自定义流程下新增流程设置</span>
</li> -->
<li><input type="button" class="normalBtn" value="新增流程" @click="gotoSub('addFinancialProcess',0,8)"/>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex();getTemplateList();"/>
</li>
</ul>
</div>
<ul class="_nav clearfix">
<li class="_active" @click="getTemplateList()">流程列表</li>
<!-- <li :class="active==1?'_active':''" @click="active=1,msg.TempLateWay=8,getTemplateList()">自定义流程</li> -->
</ul>
<ul>
<el-form class="_info_box clearfix" label-width="110px">
<el-row>
<el-col :span="4" :gutter="35">
<el-form-item label="流程名称">
<el-input v-model="msg.Name"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="费用类型">
<el-select filterable v-model='msg.CostTypeID' >
<el-option :value="0" label="不限"></el-option>
<el-option v-for="item in GetCostTypeList" :key="item.ID" :value="item.ID" :label="item.Name"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</ul>
<ul class="_content" v-loading="loading">
<li v-for="(item,index) in CTemplateList" >
<div class="_left">
<div class="_Icon_box">
<span class="_Icon">{{item.Name.substring(0,1)}}</span>
</div>
<div>
<p class="_t">{{item.Name}}</p>
<p class="_s">{{item.DescribeInfo}}</p>
<div class="page_FProcessManagement">
<div class='query-box'>
<ul>
<li><input type="button" class="normalBtn" value="新增流程" @click="gotoSub('addFinancialProcess',0,8)" />
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex();getTemplateList();" />
</li>
</ul>
</div>
<ul class="_nav clearfix">
<li class="_active" @click="getTemplateList()">流程列表</li>
</ul>
<ul>
<el-form class="_info_box clearfix" label-width="110px">
<el-row>
<el-col :span="4" :gutter="35">
<el-form-item label="流程名称">
<el-input v-model="msg.Name"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="费用类型">
<el-select filterable v-model='msg.CostTypeID'>
<el-option :value="0" label="不限"></el-option>
<el-option v-for="item in GetCostTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</ul>
<ul class="_content" v-loading="loading">
<li v-for="(item,index) in CTemplateList">
<div class="_left">
<div class="_Icon_box">
<span class="_Icon">{{item.Name.substring(0,1)}}</span>
</div>
<div>
<p class="_t">{{item.Name}}</p>
<p class="_s">{{item.DescribeInfo}}</p>
</div>
</div>
<div class="_cent _cent_zidingyi">
<div>
<p class="_t _red">
<el-popover popper-class="detailsIT_Journal" width="420" trigger="click">
<div class="InfoChangeLog" v-if="item.CoseTypeList">
<div class="changLog">
<p class="_log_t">适用费用</p>
<div class="_feiyong">
<span class="_bg_greend" v-for="Cose in item.CoseTypeList">{{Cose}}</span>
</div>
<p class="_log_t _log_t_s">注：以上费用类型将会被执行你设定的流程</p>
</div>
</div>
<div class="_cent _cent_zidingyi">
<div>
<p class="_t _red">
<el-popover
popper-class="detailsIT_Journal"
width="420"
trigger="click">
<div class="InfoChangeLog" v-if="item.CoseTypeList">
<div class="changLog">
<p class="_log_t">适用费用</p>
<div class="_feiyong">
<span class="_bg_greend" v-for="Cose in item.CoseTypeList">{{Cose}}</span>
</div>
<p class="_log_t _log_t_s">注：以上费用类型将会被执行你设定的流程</p>
</div>
</div>
<div v-else>
<p class="_no_liucheng">暂无适用费用！</p>
</div>
<span slot="reference" class="_dt _cu" type="success" icon="iconfont icon-rizhi1">{{item.CoseTypeListLength}}个费用类型</span>
</el-popover>
</p>
<p class="_s">适用费用</p>
</div>
<div>
<p class="_t _cu" v-if="item.FinanceFlowConnectType!=3">
<!-- <template v-for="(cp,ci) in item.SuitableObjectNameList">
<span >{{cp}} <span v-if="ci!=item.SuitableObjectNameList.length-1">,</span> </span>
</template> -->
<el-popover popper-class="detailsIT_Journal" width="420" trigger="click">
<div class="InfoChangeLog" v-if="item.SuitableObjectNameList">
<div class="changLog">
<p class="_log_t">适用公司</p>
<div class="_feiyong">
<span class="_bg_greend" v-for="Cose in item.SuitableObjectNameList">{{Cose}}</span>
</div>
<p class="_log_t _log_t_s">注：以上公司将会被执行你设定的流程</p>
</div>
</div>
<div v-else>
<p class="_no_liucheng">暂无适用公司！</p>
</div>
<span slot="reference" class="_dt _cu" type="success" icon="iconfont icon-rizhi1" v-if="item.FinanceFlowConnectType!=3">{{item.SuitableObjectNameListlength}}个适用公司</span>
</el-popover>
</p>
<P v-if="item.FinanceFlowConnectType==3"> <span slot="reference" class="_t" type="success" icon="iconfont icon-rizhi1">集团通用</span></P>
<p class="_s">适用公司</p>
</div>
<div>
<p class="_t" v-if="item.Status==1">{{item.FlowNum==null?'无':item.FlowNum}}</p>
<p class="_t" v-else>暂未开启流程</p>
<p class="_s">子流程数量</p>
<div v-else>
<p class="_no_liucheng">暂无适用费用！</p>
</div>
<span slot="reference" class="_dt _cu" type="success"
icon="iconfont icon-rizhi1">{{item.CoseTypeListLength}}个费用类型</span>
</el-popover>
</p>
<p class="_s">适用费用</p>
</div>
<div>
<p class="_t _cu" v-if="item.FinanceFlowConnectType!=3">
<el-popover popper-class="detailsIT_Journal" width="420" trigger="click">
<div class="InfoChangeLog" v-if="item.SuitableObjectNameList">
<div class="changLog">
<p class="_log_t">适用公司</p>
<div class="_feiyong">
<span class="_bg_greend" v-for="Cose in item.SuitableObjectNameList">{{Cose}}</span>
</div>
<p class="_log_t _log_t_s">注：以上公司将会被执行你设定的流程</p>
</div>
</div>
<div class="_right">
<el-tooltip class="item" effect="dark" content="日志" placement="top" >
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div class="InfoChangeLog" >
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul class="changLogList" v-if="FinanceInfoChangeLog">
<li class="changLogList_l" v-for="(log,li) in FinanceInfoChangeLog">
<span style="background-color: #47BF8C" class="_radius_green"></span>
<p> <span class="_color_blue">{{log.emName}}</span> <span class="fr changLog_time">{{log.Time}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<i slot="reference" v-show="item.Status==1" class="iconfont icon-rizhi1" @click="FinanceInfoChangeLog = item.FinanceInfoChangeLog"></i>
</el-popover>
</el-tooltip>
<el-tooltip popper-class="item _process" effect="dark" content="流程" placement="top">
<el-popover
popper-class="detailsIT_Journal"
width="600"
trigger="click">
<div class="InfoChangeLog" >
<div class="changLog">
<p class="_log_t">收款流程</p>
<my-FlowChartModule :data="item.Workflow_Condition"></my-FlowChartModule>
</div>
</div>
<i slot="reference" v-show="item.Status==1" class="iconfont icon-liucheng1"></i>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="启用" placement="top">
<i class="iconfont icon-bofang" v-show="item.Status==2" @click="UpdateStatus(item.Id,item.TemplateType)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="停用" placement="top">
<i class="iconfont icon-zanting1" v-show="item.Status==1" @click="UpdateStatus(item.Id,item.TemplateType)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="修改" placement="top">
<i class="iconfont icon-liuchengsheji" v-show="item.Status==1" @click="goUrl('addFinancialProcess',item.Id,8)"></i>
</el-tooltip>
<!-- <el-tooltip class="item" effect="dark" content="删除" placement="top">
<i class="edit el-icon-delete" v-show="item.Status==1" @click="deletTemplate(item.Id,item.Name)"></i>
</el-tooltip> -->
<div v-else>
<p class="_no_liucheng">暂无适用公司！</p>
</div>
</li>
</ul>
<div class="noData" v-if="noData">
{{$t('system.content_noData')}}
<span slot="reference" class="_dt _cu" type="success" icon="iconfont icon-rizhi1"
v-if="item.FinanceFlowConnectType!=3">{{item.SuitableObjectNameListlength}}个适用公司</span>
</el-popover>
</p>
<P v-if="item.FinanceFlowConnectType==3"> <span slot="reference" class="_t" type="success"
icon="iconfont icon-rizhi1">集团通用</span></P>
<p class="_s">适用公司</p>
</div>
<div>
<p class="_t" v-if="item.Status==1">{{item.FlowNum==null?'无':item.FlowNum}}</p>
<p class="_t" v-else>暂未开启流程</p>
<p class="_s">子流程数量</p>
</div>
</div>
<div>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize
:total=total>
</el-pagination>
<div class="_right">
<el-tooltip class="item" effect="dark" content="日志" placement="top">
<el-popover popper-class="detailsIT_Journal" width="250" trigger="click">
<div class="InfoChangeLog">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul class="changLogList" v-if="FinanceInfoChangeLog">
<li class="changLogList_l" v-for="(log,li) in FinanceInfoChangeLog">
<span style="background-color: #47BF8C" class="_radius_green"></span>
<p> <span class="_color_blue">{{log.emName}}</span> <span
class="fr changLog_time">{{log.Time}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<i slot="reference" v-show="item.Status==1" class="iconfont icon-rizhi1"
@click="FinanceInfoChangeLog = item.FinanceInfoChangeLog"></i>
</el-popover>
</el-tooltip>
<el-tooltip popper-class="item _process" effect="dark" content="流程" placement="top">
<el-popover popper-class="detailsIT_Journal" width="600" trigger="click">
<div class="InfoChangeLog">
<div class="changLog">
<p class="_log_t">收款流程</p>
<my-FlowChartModule :data="item.Workflow_Condition"></my-FlowChartModule>
</div>
</div>
<i slot="reference" v-show="item.Status==1" class="iconfont icon-liucheng1"></i>
</el-popover>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="启用" placement="top">
<i class="iconfont icon-bofang" v-show="item.Status==2"
@click="UpdateStatus(item.Id,item.TemplateType)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="停用" placement="top">
<i class="iconfont icon-zanting1" v-show="item.Status==1"
@click="UpdateStatus(item.Id,item.TemplateType)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="修改" placement="top">
<i class="iconfont icon-liuchengsheji" v-show="item.Status==1"
@click="goUrl('addFinancialProcess',item.Id,8)"></i>
</el-tooltip>
</div>
</li>
</ul>
<div class="noData" v-if="noData">
{{$t('system.content_noData')}}
</div>
<div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination>
</div>
</div>
</template>
<script>
import myFlowChartModule from "../financial/components/FlowChartModule.vue";
export default {
data(){
return{
sendData:{},
//TemplateList:[],
CTemplateList:[],
FinanceInfoChangeLog:[],
GetCostTypeList:[],
total:0,
currentPage:1,
noData:true,
loading:false,
msg:{
pageIndex:1,
pageSize:6,
RB_BranchId:-1,
Name:'',
CostTypeID:0
}
import myFlowChartModule from "../financial/components/FlowChartModule.vue";
export default {
data() {
return {
sendData: {},
//TemplateList:[],
CTemplateList: [],
FinanceInfoChangeLog: [],
GetCostTypeList: [],
total: 0,
currentPage: 1,
noData: true,
loading: false,
msg: {
pageIndex: 1,
pageSize: 6,
RB_BranchId: -1,
Name: '',
CostTypeID: 0
}
},created(){
let type = this.$route.query.type;
if(this.$route.query.Branch_Id>=0){
this.msg.RB_BranchId = this.$route.query.Branch_Id;
};
},components: {
"my-FlowChartModule": myFlowChartModule
},methods:{
handleCurrentChange(val) {//翻页功能按钮
this.msg.pageIndex = val;
this.getTemplateList();
},
tips(msg,type) {
this.$message({
message: msg,
duration:2000,
type: type
});
},
addTemplate(obj){
obj.RB_BranchId = this.msg.RB_BranchId;
this.apipost('FinancialFlowTemplate_post_Set',obj,res=>{
if(res.data.resultCode==1){
this.$message.success('启用成功！')
this.getTemplateList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
deletTemplate(id,text){ //删除
this.$confirm('确定删除'+'“'+text+'”'+'流程吗？删除后不可恢复！', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('FinancialFlowTemplate_post_Remove',{ID:id},res=>{
if(res.data.resultCode==1){
this.$message.success(res.data.message)
this.getTemplateList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
financeinfo_post_GetCostTypeList(){ // 费用类型
this.apipost('financeinfo_post_GetCostTypeList',{Name:'',type:0,DepartIDs:this.DepartIDs},res=>{
if(res.data.resultCode==1){
this.GetCostTypeList = res.data.data;
}else{
}
},err=>{})
}
},
UpdateStatus(id,type){ //启停用
this.apipost('FinancialFlowTemplate_post_UpdateStatus',{ID:id,TemplateType:type,RB_Branch_id:this.msg.RB_BranchId},res=>{
if(res.data.resultCode==1){
this.$message.success(res.data.message)
this.getTemplateList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
getTemplateList(){
this.loading = true;
let url = 'FinancialFlowTemplate_post_GetPageList'
// if(this.active==0){
// url = 'FinancialFlowTemplate_post_GetTemplateList'
// }
this.apipost(url,this.msg,res=>{
if(res.data.resultCode==1){
this.total = res.data.data.count;
let data = res.data.data.pageData;
data.forEach(x => {
if(x.CoseTypeList==null){
x.CoseTypeListLength = 0
}else{
x.CoseTypeListLength = x.CoseTypeList.length;
}
if(x.SuitableObjectNameList==null){
x.SuitableObjectNameListlength = 0
}else{
x.SuitableObjectNameListlength = x.SuitableObjectNameList.length
}
if(x.Workflow_Condition.AuditList!=null){
// v-if="lc.AuditWay!=1">({{lc.AuditWay=="2"?'会签':'或签'}})
x.Workflow_Condition.AuditList.forEach(y=>{
if(y.AuditWay==1){
y.contentTips = y.AuditDescription
}else{
y.contentTips = y.AuditWay==2?y.AuditDescription+'（会签）':y.AuditDescription+'（或签）'
}
})
}
x.FinanceInfoChangeLog.forEach(y=>{
y.Time = this.$commonUtils.formatMsgTime(y.UpdateDate)
})
});
this.CTemplateList = data;
this.loading = false;
if(data.length>0){
this.noData = false;
}else{
this.noData = true;
}
}else{
this.$message.error(res.data.message);
this.loading = false;
}
},err=>{})
},
resetPageIndex() {
this.msg.pageIndex = 1
this.currentPage = 1
},
gotoSub(path,id,isZ,Branch_Id) {
var tempStr = '/financial/' + path + '?id=' + id + '&isZ=' +isZ;
this.$router.push({
path: tempStr
});
},
// goUrl(path,id,isZ,Branch_Id) {
// this.$router.push({ name: path,query:{"id":id,"isZ":isZ,"blank":'y',tab:"修改流程"} })
// },
},mounted(){
created() {
let type = this.$route.query.type;
if (this.$route.query.Branch_Id >= 0) {
this.msg.RB_BranchId = this.$route.query.Branch_Id;
};
},
components: {
"my-FlowChartModule": myFlowChartModule
},
methods: {
handleCurrentChange(val) { //翻页功能按钮
this.msg.pageIndex = val;
this.getTemplateList();
this.financeinfo_post_GetCostTypeList();
},
tips(msg, type) {
this.$message({
message: msg,
duration: 2000,
type: type
});
},
addTemplate(obj) {
obj.RB_BranchId = this.msg.RB_BranchId;
this.apipost('FinancialFlowTemplate_post_Set', obj, res => {
if (res.data.resultCode == 1) {
this.$message.success('启用成功！')
this.getTemplateList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
},
deletTemplate(id, text) { //删除
this.$confirm('确定删除' + '“' + text + '”' + '流程吗？删除后不可恢复！', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('FinancialFlowTemplate_post_Remove', {
ID: id
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message)
this.getTemplateList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
financeinfo_post_GetCostTypeList() { // 费用类型
this.apipost('financeinfo_post_GetCostTypeList', {
Name: '',
type: 0,
DepartIDs: this.DepartIDs
}, res => {
if (res.data.resultCode == 1) {
this.GetCostTypeList = res.data.data;
} else {
}
}, err => {})
},
UpdateStatus(id, type) { //启停用
this.apipost('FinancialFlowTemplate_post_UpdateStatus', {
ID: id,
TemplateType: type,
RB_Branch_id: this.msg.RB_BranchId
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message)
this.getTemplateList()
} else {
this.$message.error(res.data.message)
}
}, err => {})
},
getTemplateList() {
this.loading = true;
let url = 'FinancialFlowTemplate_post_GetPageList'
// if(this.active==0){
// url = 'FinancialFlowTemplate_post_GetTemplateList'
// }
this.apipost(url, this.msg, res => {
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let data = res.data.data.pageData;
data.forEach(x => {
if (x.CoseTypeList == null) {
x.CoseTypeListLength = 0
} else {
x.CoseTypeListLength = x.CoseTypeList.length;
}
if (x.SuitableObjectNameList == null) {
x.SuitableObjectNameListlength = 0
} else {
x.SuitableObjectNameListlength = x.SuitableObjectNameList.length
}
if (x.Workflow_Condition.AuditList != null) {
// v-if="lc.AuditWay!=1">({{lc.AuditWay=="2"?'会签':'或签'}})
x.Workflow_Condition.AuditList.forEach(y => {
if (y.AuditWay == 1) {
y.contentTips = y.AuditDescription
} else {
y.contentTips = y.AuditWay == 2 ? y.AuditDescription + '（会签）' : y.AuditDescription +
'（或签）'
}
})
}
x.FinanceInfoChangeLog.forEach(y => {
y.Time = this.$commonUtils.formatMsgTime(y.UpdateDate)
})
});
this.CTemplateList = data;
this.loading = false;
if (data.length > 0) {
this.noData = false;
} else {
this.noData = true;
}
} else {
this.$message.error(res.data.message);
this.loading = false;
}
}, err => {})
},
resetPageIndex() {
this.msg.pageIndex = 1
this.currentPage = 1
},
gotoSub(path, id, isZ, Branch_Id) {
var tempStr = '/financial/' + path + '?id=' + id + '&isZ=' + isZ;
this.$router.push({
path: tempStr
});
},
goUrl(path,id,isZ,Branch_Id) {
this.$router.push({
path: path,
query:{"id":id,"isZ":isZ,"blank":'y',tab:"修改流程"}
})
},
},
mounted() {
this.getTemplateList();
this.financeinfo_post_GetCostTypeList();
}
}
}
</script>
src/pages/financial/addFinancialProcess.vue
View file @ f73fc33c
......@@ -420,7 +420,7 @@
<i class="iconfont icon-user11"></i>
{{item.emName}}&nbsp;
<em v-if='index==itemIndex1' class="iconfont icon-guanbi approval_process_item_delete"
@click.stop='deleteUser(item.EmployeeId)'></em>
@click.stop='deleteUser2(index)'></em>
</span>
<i class="iconfont icon-jiantouyou"></i>
</div>
......@@ -490,15 +490,15 @@
</el-input>
</p>
<el-tree class='ApprovalProcessBg' :data="userList" show-checkbox :filter-node-method="filterNode2"
ref="treeUser" :props="defaultProps2" :render-after-expand="false" node-key="DepartmentId"
ref="treeUser" :props="defaultProps2" :render-after-expand="false" :check-on-click-node="true" node-key="Id"
@check-change="handleNodeChange1">
</el-tree>
</div>
<div class="fl">
<p style="margin: 0 0 20px 0;">{{$t('fnc.yixuan')}}：</p>
<div class="Approval_yxList">
<li v-for="item in myAuditUserList1">{{item.emName}}
<i @click="deleteUser(item.EmployeeId)" class="el-icon-circle-close showMemberIcon"></i>
<li v-for="(item,index) in myAuditUserList1">{{item.emName}}
<i @click="deleteUser(index)" class="el-icon-circle-close showMemberIcon"></i>
</li>
</div>
</div>
......@@ -570,14 +570,10 @@
PropertyType: '',
},
AuditUserList: {
EmName: '',
EmployeeIdName: '',
EmployeeId: '',
Sort: ''
},
getCompanyMsg: {
RB_Group_Id: '0',
Status: '0',
},
getPostMsg: {
RB_Group_Id: '0'
},
......@@ -669,7 +665,7 @@
},
defaultProps2: {
children: 'ChildList',
label: 'DepartmentName',
label: 'EmployeeName',
},
rules: {
Name: [{
......@@ -731,10 +727,9 @@
created() {
let userInfo = this.getLocalStorage();
this.TemplateId = this.$route.query.id;
this.getCompanyMsg.RB_Group_Id = userInfo.RB_Group_id; //集团ID
this.getPostMsg.RB_Group_Id = userInfo.RB_Group_id;
this.getPostMsg.RB_Group_Id = userInfo.Group_Id;
this.addMsg.TemplateType = this.$route.query.isZ;
this.DepartIDs = userInfo.RB_Department_Id;
this.DepartIDs = userInfo.DeptId;
if (this.$route.query.id === 0) {
if (this.$route.query.Branch_Id >= 0) {
this.BranchIdS.push(this.$route.query.Branch_Id);
......@@ -751,7 +746,6 @@
// this.addMsg.PropertyType="";
this.getPropertyType();
}
this.getCompanyList();
this.getMaxDepartmentTierList();
if (this.TemplateId != 0) {
this.getList();
......@@ -838,9 +832,6 @@
this.$commonUtils.createComprisonFunction("Sort")
);
this.Auditshow = false;
},
EditAudit() {
},
handleCheckAllChangeAcc(val) {
this.accListMsg = val ? [1, 2, 3, 4] : [];
......@@ -882,6 +873,7 @@
this.addMsg.ShowDepartmentList = data.ShowDepartmentList;
this.addMsg.PropertyType = data.PropertyType;
console.log(res,'数据回来了');
if (data.list && data.list[0] !== -1) {
this.accListMsg = data.list;
......@@ -910,7 +902,7 @@
this.BranchIdS.push(-1);
} else {
data.SuitableObjectNameList.forEach(x => {
this.BranchIdS.push(x);
this.BranchIdS.push(parseInt(x));
})
}
let CostIdS = data.CoseTypeList.length == 0 ? [] : JSON.parse(JSON.stringify(data.CoseTypeList));
......@@ -1038,9 +1030,14 @@
this.$message.error(this.$t('tips.qxzspiren'))
return
}
console.log(this.myAuditList,'myAuditList');
console.log(this.myAuditUserList,'myAuditUserList');
if (this.myAuditUserList.length != 0) {
this.addMsg.Workflow_Condition.AuditUserList = this.myAuditUserList
}
//暂时为空
// this.addMsg.Workflow_Condition.AuditUserList = []
if (this.TemplateId != 0) {
this.addMsg.Workflow_Condition.Id = this.getMsg.Workflow_Condition.Id
}
......@@ -1050,14 +1047,16 @@
this.$message.error(this.$t('tips.qxzliucehng'))
return
}
this.loading = true;
// this.loading = true;
this.addMsg.Workflow_Condition.AuditList;
console.log(this.addMsg,'this.addMsg');
this.apipost('FinancialFlowTemplate_post_Set', this.addMsg, res => {
if (res.data.resultCode == 1) {
this.loading = false;
this.$message.success(this.$t('tips.czchenggong'))
if (this.xingzhenState) {
this.$router.push({
name: 'XProcessmanagement',
path: 'XProcessmanagement',
query: {
"type": this.addMsg.TemplateType,
'Branch_Id': this.$route.query.Branch_Id
......@@ -1066,7 +1065,7 @@
} else {
this.$router.push({
name: 'FProcessManagement',
path: 'FProcessManagement',
query: {
"type": this.addMsg.TemplateType,
'Branch_Id': this.$route.query.Branch_Id
......@@ -1100,17 +1099,19 @@
}
}, err => {})
},
deleteUser(id) { // 删除人员
if (this.memberSetCheckedUserKeys.findIndex(item => item === id) != -1) {
this.memberSetCheckedUserKeys.splice(this.memberSetCheckedUserKeys.findIndex(item => item === id), 1)
}
if (this.myAuditUserList.findIndex(item => item.EmployeeId === id) != -1) {
this.myAuditUserList.splice(this.myAuditUserList.findIndex(item => item.EmployeeId === id), 1)
}
if (this.myAuditUserList1.findIndex(item => item.EmployeeId === id) != -1) {
this.myAuditUserList1.splice(this.myAuditUserList1.findIndex(item => item.EmployeeId === id), 1)
deleteUser(index) { // 删除人员
var arr=[];
this.myAuditUserList1.splice(index,1);
this.myAuditUserList1.forEach(x=>{
arr.push(x.EmployeeId);
})
if(this.$refs.treeUser){
this.$refs.treeUser.setCheckedKeys(arr);
}
},
deleteUser2(index){
this.myAuditUserList.splice(index,1);
},
saveAuditUser() { // 抄送人保存
if (this.myAuditUserList1.length <= 10) {
this.myAuditUserList = JSON.parse(JSON.stringify(this.myAuditUserList1))
......@@ -1123,48 +1124,18 @@
},
handleNodeChange1(data, checked) { //抄送人操作选中
data.IsCheck = checked;
if (data.Type == 2 && data.IsCheck) { //是员工且选中
let isExsit = false
this.myAuditUserList1.forEach(x => {
if (x.EmployeeId == data.DepartmentId) {
isExsit = true
return false
}
})
if (!isExsit) {
this.myAuditUserList1.push({
emName: data.DepartmentName,
EmployeeId: data.DepartmentId,
Sort: this.myAuditUserList1.length + 1
})
this.memberSetCheckedUserKeys.push(data.DepartmentId)
}
} else if (data.Type == 2 && !data.IsCheck) {
if (this.myAuditUserList1.findIndex(item => item.EmployeeId === data.DepartmentId) != -1) {
this.myAuditUserList1.splice(this.myAuditUserList1.findIndex(item => item.EmployeeId === data.DepartmentId),
1)
this.memberSetCheckedUserKeys.splice(this.memberSetCheckedUserKeys.findIndex(item => item === data
.DepartmentId), 1)
if (this.myAuditUserList1.findIndex(item => item.EmployeeId === data.ParentId) != -1) {
this.memberSetCheckedUserKeys.splice(this.memberSetCheckedUserKeys.findIndex(item => item === data
.ParentId), 1)
}
}
}
if (data.Type != 2 && data.IsCheck) {
if (this.memberSetCheckedUserKeys.findIndex(item => item === data.DepartmentId) == -1) {
this.memberSetCheckedUserKeys.push(data.DepartmentId)
let res = this.$refs.treeUser.getCheckedNodes(true, true);
this.myAuditUserList1=[];
res.forEach((x,index)=>{
var obj={
sort:index+1,
emName:x.EmployeeName,
EmployeeId:x.Id
}
} else if (data.Type == 2 && !data.IsCheck) {
if (this.memberSetCheckedUserKeys.findIndex(item => item === data.DepartmentId) != -1) {
this.memberSetCheckedUserKeys.splice(this.memberSetCheckedUserKeys.findIndex(item => item === data
.DepartmentId), 1)
if (this.myAuditUserList1.findIndex(item => item.EmployeeId === data.ParentId) != -1) {
this.memberSetCheckedUserKeys.splice(this.memberSetCheckedUserKeys.findIndex(item => item === data
.ParentId), 1)
}
}
}
this.myAuditUserList1.push(obj)
})
console.log(this.myAuditUserList1,'this.myAuditUserList1');
},
addAuditUser() { // 抄送人
// let _arr = this.sysUserKeys.concat(this.memberSetCheckedUserKeys)
......@@ -1176,9 +1147,12 @@
// this.userList = res.data.data
// }
// }, err => {})
queryEmployee(msg).then(res => {
this.dialogTitle = this.$t('fnc.xzrenyuan');
this.outerVisible2 = true;
queryEmployee({}).then(res => {
if(res.Code==1){
this.searchList = res.Data;
console.log(res,'数据');
this.userList=res.Data;
}
}).catch(() => {
......@@ -1254,8 +1228,8 @@
let Auu = [];
Au.forEach((item, index) => {
Auu.push({
EmployeeId: item.DepartmentId,
emName: item.DepartmentName,
EmployeeId: item.Id,
EmName: item.EmployeeName,
Sort: index + 1
})
})
......@@ -1414,16 +1388,22 @@
this.directors = obj.RoleOrInitiator
}
if (obj.AuditType == 2) {
console.log(obj,'objjj');
this.showMember = [];
this.memberSetCheckedKeys = [];
this.AuditWay = obj.AuditWay;
var arr=[];
obj.AuditUserList.forEach((item, index) => {
this.showMember.push({
DepartmentName: item.EmName ? item.EmName : item.emName,
DepartmentId: item.EmployeeId
EmployeeName: item.EmName,
Id: item.Id
})
this.memberSetCheckedKeys.push(item.EmployeeId)
arr.push(item.Id);
if(this.$refs.tree){
this.$refs.tree.setCheckedKeys(arr);
}
})
console.log(this.showMember,'this.showMember');
}
if (obj.AuditType == 3) {
this.AuditWay = obj.AuditWay;
......@@ -1452,12 +1432,16 @@
},
handleNodeChange(data, checked) {
data.IsCheck = checked;
var obj={
EmployeeName:data.EmployeeName,
Id:data.Id
}
let res = this.$refs.tree.getCheckedNodes(true, true);
this.showMember = res;
console.log(res,'选中');
this.showMember=[];
res.forEach(x=>{
var obj={
EmployeeName:x.EmployeeName,
Id:x.Id
}
this.showMember.push(obj)
})
},
mySetCheckedKeys(id,index) {
var arr=[];
......@@ -1526,7 +1510,7 @@
Au.forEach((item, index) => {
Auu.push({
EmployeeId: item.Id,
emName: item.EmployeeName,
EmName: item.EmployeeName,
Sort: index + 1
})
})
......@@ -1546,6 +1530,7 @@
return
}
this.myAuditList.push(AuditList);
console.log(this.myAuditList,'this.myAuditList');
}
if (type == 3) {
AuditList.AuditType = type;
......@@ -1705,17 +1690,6 @@
} else {}
}, err => {})
},
getCompanyList() { //获取公司列表
this.apipost('admin_get_BranchGetList', this.getCompanyMsg, res => {
if (res.data.resultCode == 1) {
let data = res.data.data
data.forEach(x => {
x.Id = x.Id.toString()
})
this.CompanyList = res.data.data;
} else {}
}, err => {})
},
addAppPerson() { // 添加默认审批人按钮
this.approvalType = 1;
this.addBtn = true;
......@@ -1726,8 +1700,9 @@
this.GetNodeValue = 0;
},
goUrl(path) {
console.log(path,'path');
this.$router.push({
name: path,
path: '/financial/'+path,
query: {
"type": this.addMsg.TemplateType,
'Branch_Id': this.$route.query.Branch_Id
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment