Commit 4574f91a authored by 黄奎's avatar 黄奎

页面修改

parent 10764642
<style> <style>
@import "../../../financial/css/cssReset.css"; @import "../../../financial/css/cssReset.css";
.addPhase {
padding: 20px;
}
.addPhase .box {
width: 100%;
border-radius: 6px;
background: #fff;
padding: 20px;
margin-bottom: 25px;
}
.addPhase .bold {
font-weight: 760;
font-size: 16px;
color: #333;
border-left: 3px solid #3470ff;
margin-bottom: 20px;
margin-left: -20px;
padding-left: 20px;
}
.addPhase {
padding: 20px;
}
.addPhase .box {
width: 100%;
border-radius: 6px;
background: #fff;
padding: 20px;
margin-bottom: 25px;
}
.addPhase .bold{
font-weight: 760;
font-size: 16px;
color: #333;
border-left: 3px solid #3470ff;
margin-bottom: 20px;
margin-left: -20px;
padding-left: 20px;
}
</style> </style>
<template> <template>
<div class="addPhase" style="background: transparent;"> <div class="addPhase" style="background: transparent;">
<div class="box"> <div class="box">
<div class="bold">名称</div> <div class="bold">名称</div>
<q-input clearable debounce filled maxlength="20" counter v-model="addMsg.FlowName" style="width:600px" <q-input clearable debounce filled maxlength="20" counter v-model="addMsg.FlowName" style="width:600px"
@input="$forceUpdate()" placeholder="名称" :rules="[val => !!val || '不能为空']" /> @input="$forceUpdate()" placeholder="名称" :rules="[val => !!val || '不能为空']" />
</div>
</div> <div class="box">
<div class="box"> <div class="bold">阶段适用范围</div>
<div class="bold">阶段适用范围</div> <q-btn class="q-mr-md" label="选择部门/成员" @click="outerVisible = true" />
<q-btn class="q-mr-md" label="选择部门/成员" @click="outerVisible = true" /> </div>
<div class="box">
</div> <div class="bold">选择使用阶段</div>
<div class="box"> <div style="display:flex;align-items: center;">
<div class="bold">选择使用阶段</div> </div>
<div style="display:flex;align-items: center;"> </div>
<div v-if="StageList">
</div> <div class="box" v-for="(x,y) in StageList" v-if="x.Type==2">
<div class="bold" v-if="x.Name=='已输单'">选择输单原因</div>
</div> <div class="bold" v-if="x.Name=='无效'">选择无效原因</div>
<div v-if="StageList"> <div style="display:flex;align-items: center;flex-wrap: wrap;">
<div class="box" v-for="(x,y) in StageList" v-if="x.Type==2"> <q-checkbox v-model="addMsg.LoseCause" v-if="x.Name=='已输单'" v-for="(item,index) in x.OptionsList" :key='index'
<div class="bold" v-if="x.Name=='已输单'">选择输单原因</div> :val="item.Id" :label="item.Name" />
<div class="bold" v-if="x.Name=='无效'">选择无效原因</div> <q-checkbox v-model="addMsg.InvalidCause" v-if="x.Name=='无效'" v-for="(item,index) in x.OptionsList"
<div style="display:flex;align-items: center;flex-wrap: wrap;"> :key='index' :val="item.Id" :label="item.Name" />
<q-checkbox v-model="addMsg.LoseCause" v-if="x.Name=='已输单'"
v-for="(item,index) in x.OptionsList" :key='index' :val="item.Id"
:label="item.Name" />
<q-checkbox v-model="addMsg.InvalidCause" v-if="x.Name=='无效'"
v-for="(item,index) in x.OptionsList" :key='index' :val="item.Id"
:label="item.Name" />
</div>
</div>
</div>
<div class="box">
<el-form label-width="120px">
</el-form>
<q-card-actions align="left" class="bg-white" >
<q-btn color="accent" class="q-mr-md" label="保存" @click="savemove()" style="width: 100px;"
:loading="loading" />
<q-btn class="q-mr-md" label="返回" @click="goblck()" style="width: 60px;" />
</q-card-actions>
</div> </div>
</div>
<!-- 人员/部门选择 --> </div>
<choiceapprovalorbranch v-if="outerVisible" @close="outerVisible = false" @success="getsuccess2" :byval='showMember' cptype="1"></choiceapprovalorbranch> <div class="box">
<el-form label-width="120px">
</el-form>
<q-card-actions align="left" class="bg-white">
<q-btn color="accent" class="q-mr-md" label="保存" @click="savemove()" style="width: 100px;" :loading="loading" />
<q-btn class="q-mr-md" label="返回" @click="goblck()" style="width: 60px;" />
</q-card-actions>
</div> </div>
<!-- 人员/部门选择 -->
<choiceapprovalorbranch v-if="outerVisible" @close="outerVisible = false" @success="getsuccess2" :byval='showMember'
cptype="1"></choiceapprovalorbranch>
</div>
</template> </template>
<script> <script>
import choiceapprovalorbranch from './components/choiceapprovalorbranch' import choiceapprovalorbranch from './components/choiceapprovalorbranch'
import { import {
getCustomerStageList, getCustomerStageList,
} from '../../../../api/system/wechat'; } from '../../../../api/system/wechat';
export default { export default {
meta: { meta: {
title: "阶段管理" title: "阶段管理"
}, },
components: { components: {
choiceapprovalorbranch choiceapprovalorbranch
}, },
name: "addPhase", name: "addPhase",
data() { data() {
return { return {
loading: false, loading: false,
outerVisible:false, outerVisible: false,
addMsg:{ addMsg: {
FlowName:'', FlowName: '',
DeptEmpList:[], DeptEmpList: [],
UseStage:'', UseStage: '',
LoseCause:[], LoseCause: [],
InvalidCause:[], InvalidCause: [],
},
showMember:[],
StageList:[],
}
},
created() {
this.getCustomerStageList()
}, },
methods: { showMember: [],
StageList: [],
goblck() {//返回上一个页面 }
this.$router.go(-1);//返回上一层 },
}, created() {
savemove(){ this.getCustomerStageList()
},
}, methods: {
getCustomerStageList(){ goblck() { //返回上一个页面
getCustomerStageList({}).then(res => { this.$router.go(-1); //返回上一层
this.loading = false },
if (res.Code == 1) { savemove() {},
this.StageList = res.Data getCustomerStageList() {
} getCustomerStageList({}).then(res => {
this.loading = false
}) if (res.Code == 1) {
}, this.StageList = res.Data
getsuccess2(list,type){ }
console.log(list) })
this.showMember = list },
this.outerVisible = false getsuccess2(list, type) {
}, this.showMember = list
this.outerVisible = false
},
}
} }
}
</script> </script>
\ No newline at end of file
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