Skip to content

C
confucius
Commit 2bae3427 authored by 罗超's avatar 罗超
Browse files
Options

增加

parent 9cee154f
Hide whitespace changes
Inline Side-by-side
Showing with 322 additions and 0 deletions
src/components/system/process-form.vue 0 → 100644
View file @ 2bae3427
<style>
.classinfo_Dialog .drawerTop {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
background-color: #F0F5FB;
padding: 5px 10px;
align-items: center;
}
.classinfo_Dialog .classFirst {
color: #000000;
font-weight: bold;
}
.classinfo_Dialog .className {
margin-left: 10px;
}
.classinfo_Dialog .classStatus {
padding: 3px 8px;
background-color: #c8d7fc;
color: #2961FE;
font-size: 12px;
border-radius: 2px;
margin-left: 20px;
}
.classinfo_Dialog .normalName {
color: #999999;
}
.classinfo_Dialog .normalInner {
color: #111111;
}
.drop_NameDown {
margin-top: 20px;
width: 300px;
}
.processShenPi {
position: relative;
width: 92%;
height: auto;
margin: 0 20px 0 20px;
background-color: #F7F7F7;
}
.processMain:first-child{
margin-top:20px;
}
.processPerson {
position: absolute;
width: 78px;
height: 30px;
left: 0;
top: 0;
background-color: #2961FE;
color: #fff;
text-align: center;
line-height: 30px;
font-weight: bold;
}
.processInner {
padding: 20px;
border-bottom: 1px solid #E2E2E2;
}
.process_Warm {
color: #F93C1C;
font-size: 12px;
}
.process_Warm i {
font-size: 12px;
}
.process_Btn_List {
display: flex;
justify-content: flex-end;
padding: 20px;
}
.processBtn_Cancel {
width: 90px;
height: 35px;
border: 1px solid #A1AAB2;
color: #000000;
background-color: #fff;
;
text-align: center;
line-height: 35px;
border-radius: 5px;
cursor: pointer;
margin-right: 20px;
}
.processBtn_Save {
width: 90px;
height: 35px;
background-color: #2961FE;
color: #FFF;
text-align: center;
line-height: 35px;
border-radius: 5px;
cursor: pointer;
}
.process_LineTwo {
background-color: #fff;
position: relative;
display: flex;
justify-content: center;
}
.process_InnerLine {
width: 5px;
height: 75px;
position: absolute;
background-color: #E9EFFF;
}
.processAddzhai{
height:50px;
border:1px dashed #2961FE!important;
text-align: center;
background-color: #fff;
color:#2961FE;
line-height: 50px;
cursor: pointer;
margin:0 20px;
border-radius: 5px!important;
}
</style>
<template>
<q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeProcess">
<q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
<div class="processMain">
<div class="processShenPi">
<div class="processPerson">审批人1</div>
<div class="processInner">
<div class="q-gutter-sm" style="padding-top:20px;">
<q-radio left-label v-model="roleChoice" :val="1" label="指定人员" />
<q-radio left-label v-model="roleChoice" :val="2" label="内置角色" />
</div>
<div style="margin:10px 0;">
<q-select class="col-6 q-pb" v-if="roleChoice==1" clearable filled stack-label use-input option-value="Id"
option-label="EmployeeName" v-model="zhidingName" ref="ManagerId" :options="EmployeeList" label="指定人员名称"
:dense="false" emit-value map-options @filter="filterFn">
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
未找到相关数据
</q-item-section>
</q-item>
</template>
</q-select>
<q-select class="col-6 q-pb" v-if="roleChoice==2" clearable filled stack-label use-input option-value="Id"
option-label="Name" v-model="role" ref="ManagerId" :options="roleList" label="选择角色" :dense="false"
emit-value map-options>
</q-select>
</div>
<q-toggle v-model="shousun" label="设定收损" left-label />
<div class="process_Warm">
<i class="iconfont icon-jinggao"></i>
只能由一个人开启，一旦开启其他关闭
</div>
</div>
<div class="process_Btn_List">
<div class="processBtn_Cancel">关闭</div>
<div class="processBtn_Save">保存</div>
</div>
</div>
<div class="process_LineTwo">
<div class="process_InnerLine"></div>
<div style="width:100px;margin:10px 0">
<q-select class="col=3 q-pb" filled stack-label option-value="Id" option-label="Name" v-model="heormore"
:options="arrList" label="" :dense="false" emit-value map-options>
</q-select>
</div>
</div>
</div>
<div class="processMain">
<div class="processShenPi">
<div class="processPerson">审批人1</div>
<div class="processInner">
<div class="q-gutter-sm" style="padding-top:20px;">
<q-radio left-label v-model="roleChoice" :val="1" label="指定人员" />
<q-radio left-label v-model="roleChoice" :val="2" label="内置角色" />
</div>
<div style="margin:10px 0;">
<q-select class="col-6 q-pb" v-if="roleChoice==1" clearable filled stack-label use-input option-value="Id"
option-label="EmployeeName" v-model="zhidingName" ref="ManagerId" :options="EmployeeList" label="指定人员名称"
:dense="false" emit-value map-options @filter="filterFn">
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
未找到相关数据
</q-item-section>
</q-item>
</template>
</q-select>
<q-select class="col-6 q-pb" v-if="roleChoice==2" clearable filled stack-label use-input option-value="Id"
option-label="Name" v-model="role" ref="ManagerId" :options="roleList" label="选择角色" :dense="false"
emit-value map-options>
</q-select>
</div>
<q-toggle v-model="shousun" label="设定收损" left-label />
<div class="process_Warm">
<i class="iconfont icon-jinggao"></i>
只能由一个人开启，一旦开启其他关闭
</div>
</div>
<div class="process_Btn_List">
<div class="processBtn_Cancel">关闭</div>
<div class="processBtn_Save">保存</div>
</div>
</div>
<div class="process_LineTwo">
<div class="process_InnerLine"></div>
<div style="width:100px;margin:10px 0">
<q-select class="col=3 q-pb" filled stack-label option-value="Id" option-label="Name" v-model="heormore"
:options="arrList" label="" :dense="false" emit-value map-options>
</q-select>
</div>
</div>
</div>
<div class="processAddzhai">新增摘要</div>
</q-card>
<div class="dialog-out-close" @click="closeProcess"
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
<q-icon name="iconfont icon-jujue1" size="26px" />
</div>
</q-dialog>
</template>
<script>
import {
queryEmployee
} from '../../api/users/user'
export default {
props: {
saveObj: {
type: Object,
default: null
}
},
components: {},
data() {
return {
persistent: true,
roleChoice: 1,
AllemployeeList: [], //所有员工列表
EmployeeList: [], //员工列表
zhidingName: '', //指定人员选择
role: '', //角色
shousun: true, //设定收损
heormore: 1, //和或者
roleList: [{
Name: '班级老师',
Id: 0
}, {
Name: '关联销售',
Id: 1
}, {
Name: '分校校长',
Id: 2
}],
arrList: [{
Name: '和',
Id: 1
}, {
Name: '或者',
Id: 2
}]
}
},
created() {
},
mounted() {
this.getEmployee();
},
methods: {
closeProcess() {
this.persistent = false;
this.$emit('close');
},
//获取员工列表
getEmployee() {
var qMsg = {
EmployeeName: ""
}
queryEmployee(qMsg).then(res => {
if (res.Code == 1) {
var jsonData = res.Data;
if (jsonData && jsonData.length > 0) {
this.AllemployeeList = JSON.parse(JSON.stringify(jsonData));
this.EmployeeList = JSON.parse(JSON.stringify(jsonData));;
}
}
})
},
//筛选员工
filterFn(val, update) {
update(() => {
if (val === '') {
this.EmployeeList = JSON.parse(JSON.stringify(this.AllemployeeList))
} else {
const needle = val.toLowerCase()
this.EmployeeList = this.AllemployeeList.filter(v => v.EmployeeName.toLowerCase().indexOf(needle) > -1)
}
})
},
}
}
</script>
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