hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 16:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'pre-dev' into 'develop'

Browse Source 
Pre dev

See merge request !23
This commit is contained in:
huangshengfa
2022-12-20 19:23:34 +08:00
parent c6406fc5e4 b6cc723c25
commit e7edadbc26
5 changed files with 421 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -44,7 +44,7 @@ export default defineComponent({
const store = useStore(); const store = useStore();
const isLogin = ref(false); const isLogin = ref(false);
// console.log("router", router.getRoutes(), route); // console.log("router", router.getRoutes(), route);
console.log("版本0.9.19------------"); console.log("版本0.9.20------------");
const routes = computed(() => { const routes = computed(() => {
return router.getRoutes().filter((e) => e.meta?.isLink); return router.getRoutes().filter((e) => e.meta?.isLink);
}); });

4
src/api/method.js
View File

@@ -242,6 +242,10 @@ const setCookie = (name, value, perpetual) => {
} }
//获取cookie数据 //获取cookie数据
//先写一个方法 //先写一个方法
export function getCookieForName(name) {
return document.cookie?.split(";").find(e => e.includes(name))?.replace(`${name}=`, '') || ''
}
function getCookie(name) { function getCookie(name) {
//1.获取cookie字符串 //1.获取cookie字符串
var cookies = document.cookie; var cookies = document.cookie;

4
src/api/request.js
View File

@@ -1,5 +1,5 @@
import {reactive, ref, toRefs, watch} from "vue"; import {reactive, ref, toRefs, watch} from "vue";
import {getCookie} from "@/api/method"; import {getCookieForName} from "@/api/method";
import JSONBigInt from 'json-bigint'; import JSONBigInt from 'json-bigint';
const JSONBigIntStr = JSONBigInt({storeAsString: true}); const JSONBigIntStr = JSONBigInt({storeAsString: true});
@@ -143,7 +143,7 @@ export async function request(_url, params) {
return fetch(url, { return fetch(url, {
method, method,
headers: { headers: {
token: getCookie('token'), token: getCookieForName('token'),
...method !== 'get' ? {'Content-Type': 'application/json'} : {} ...method !== 'get' ? {'Content-Type': 'application/json'} : {}
}, },
...method !== 'get' ? {body: JSON.stringify(body)} : {} ...method !== 'get' ? {body: JSON.stringify(body)} : {}

4
src/components/student/ChangeLevelModal.vue
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com * @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-12-20 17:00:37 * @Date: 2022-12-20 17:00:37
* @LastEditors: lixg lixg@dongwu-inc.com * @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-12-20 17:08:12 * @LastEditTime: 2022-12-20 17:59:40
* @FilePath: /fe-manage/src/components/student/ChangeLevelModal.vue * @FilePath: /fe-manage/src/components/student/ChangeLevelModal.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
@@ -25,7 +25,7 @@
</div> </div>
<div class="mid"> <div class="mid">
<div class="inher"> <div class="inher">
<div class="cur">当前关卡：关卡2</div> <!-- <div class="cur">当前关卡：关卡2</div> -->
<div class="select"> <div class="select">
<a-select <a-select
v-model:value="curLevel" v-model:value="curLevel"

782
src/components/student/CommonStudent.vue
View File

@@ -1,7 +1,7 @@
<!-- eslint-disable vue/no-parsing-error --> <!-- eslint-disable vue/no-parsing-error -->
<!-- eslint-disable vue/require-v-for-key --> <!-- eslint-disable vue/require-v-for-key -->
<template> <template>
<div> <div class="CommonStudent">
<a-drawer <a-drawer
:visible="visiable" :visible="visiable"
class="drawerStyle ProjCheckship" class="drawerStyle ProjCheckship"
@@ -20,7 +20,7 @@
/> />
</div> </div>
<div style="width:100%;display: grid;grid-template-columns: 750px auto;"> <div style="width:100%;display: grid;grid-template-columns: 750px auto;">
<div class="tabs" style="min-height:800px;" > <div class="tabs" style="min-height:800px;">
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
<a-tab-pane :key="1" tab="快速选人"> <a-tab-pane :key="1" tab="快速选人">
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
@@ -41,24 +41,25 @@
</a-form-item> </a-form-item>
</div> </div>
<div class="chooseLeft" style="display: grid;grid-template-columns: 250px auto"> <div class="chooseLeft" style="display: grid;grid-template-columns: 250px auto">
<div :style="{ height: screenHeight - 180 + 'px' ,overflowY:'auto'}" style="border: 1px solid #f0f0f0; ;"> <div :style="{ height: screenHeight - 180 + 'px' ,overflowY:'auto'}"
<div class="tree" style="margin: 10px 4px 220px 10px;"> style="border: 1px solid #f0f0f0; ;">
<a-tree <div class="tree" style="margin: 10px 4px 220px 10px;">
allow-clear <a-tree
tree-default-expand-all allow-clear
:tree-data="treeData" tree-default-expand-all
:fieldNames="{ :tree-data="treeData"
:fieldNames="{
children: 'treeChildList', children: 'treeChildList',
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }"
@select="stuStuOrgSelect" @select="stuStuOrgSelect"
> >
</a-tree> </a-tree>
</div> </div>
</div> </div>
<div class="tableBox tabb" style="margin: 0px 4px 120px 10px; border: 1px solid #f0f0f0;"> <div class="tableBox tabb" style="margin: 0px 4px 120px 10px; border: 1px solid #f0f0f0;">
<a-table <a-table
:columns="stuColumns" :columns="stuColumns"
:data-source="stuData" :data-source="stuData"
@@ -71,44 +72,44 @@
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane :key="2" tab="添加组织"> <!-- <a-tab-pane :key="2" tab="添加组织">-->
<div <!-- <div-->
:style="{ height: screenHeight - 235 + 'px' }" <!-- :style="{ height: screenHeight - 235 + 'px' }"-->
> <!-- >-->
<div class="tab2"> <!-- <div class="tab2">-->
<a-form-item label="组织："> <!-- <a-form-item label="组织：">-->
<a-input <!-- <a-input-->
v-model:value="searchOrgName.keyword" <!-- v-model:value="searchOrgName.keyword"-->
style="width: 230px; height: 40px; border-radius: 8px" <!-- style="width: 230px; height: 40px; border-radius: 8px"-->
placeholder="请输入组织" <!-- placeholder="请输入组织"-->
/> <!-- />-->
<a-button type="primary" @click="searchOrg" style="margin-left: 20px;border-radius: 4px"> <!-- <a-button type="primary" @click="searchOrg" style="margin-left: 20px;border-radius: 4px">-->
<template #icon> <!-- <template #icon>-->
<SearchOutlined/> <!-- <SearchOutlined/>-->
</template> <!-- </template>-->
搜索 <!-- 搜索-->
</a-button> <!-- </a-button>-->
<a-button @click="resetOrg" style="margin-left: 20px;border-radius: 4px">重置</a-button> <!-- <a-button @click="resetOrg" style="margin-left: 20px;border-radius: 4px">重置</a-button>-->
</a-form-item> <!-- </a-form-item>-->
</div> <!-- </div>-->
<div class="boeTree"> <!-- <div class="boeTree">-->
<a-tree <!-- <a-tree-->
:tree-data="searchOrgName.keyword ? orgData : treeData" <!-- :tree-data="searchOrgName.keyword ? orgData : treeData"-->
@select="onOrgSelectChange" <!-- @select="onOrgSelectChange"-->
:fieldNames="{ <!-- :fieldNames="{-->
children: 'treeChildList', <!-- children: 'treeChildList',-->
key: 'id', <!-- key: 'id',-->
title: 'name', <!-- title: 'name',-->
value: 'name', <!-- value: 'name',-->
}" <!-- }"-->
row-key="id" <!-- row-key="id"-->
:row-selection="orgRowSelection" <!-- :row-selection="orgRowSelection"-->
multiple <!-- multiple-->
> <!-- >-->
</a-tree> <!-- </a-tree>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</a-tab-pane> <!-- </a-tab-pane>-->
<a-tab-pane :key="3" tab="受众关联"> <a-tab-pane :key="3" tab="受众关联">
<div <div
:style="{ height: screenHeight - 235 + 'px' }" :style="{ height: screenHeight - 235 + 'px' }"
@@ -145,124 +146,132 @@
</a-tabs> </a-tabs>
</div> </div>
<div class="right1"> <div class="right1">
<div class="onerow"> <div class="onerow">
<div class="onleft"> <div class="onleft">
<div class="already">已选</div> <div class="already">已选</div>
</div>
</div> </div>
<div
</div> class="selecteds"
<div :style="{ 'max-height': screenHeight - 235 + 'px' }"
class="selecteds" style="overflow-y: auto"
:style="{ 'max-height': screenHeight - 235 + 'px' }" >
style="overflow-y: auto" <div class="person">快速选人</div>
> <div v-for="(item,i) in selectsData.studentList">
<div class="person">快速选人</div> <div v-if="i<11">
<div v-for="(item,i) in selectsData.studentList" > <div class="chose">
<div v-if="i<11">
<div class="chose">
{{ item.realName }}
<div class="ch" @click="stuDel(i)"></div>
</div>
</div>
<div v-else>
<div v-if ="person">
<div class="chose">
{{ item.realName }} {{ item.realName }}
<div class="ch" @click="stuDel(i)"></div> <div class="ch" @click="stuDel(i)"></div>
</div>
</div>
<div v-else>
<div v-if="person">
<div class="chose">
{{ item.realName }}
<div class="ch" @click="stuDel(i)"></div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div v-if="!person && selectsData.studentList.length >10" class="ifsw">
<div @click="person = !person" class=“sw”>查看更多></div>
</div>
<div v-if="person && selectsData.studentList.length >10" class="ifsw">
<div @click="person = !person" class="sw"> 收起&lt;</div>
</div>
</div> <!--组织-->
<div v-if="!person && selectsData.studentList.length >10" class="ifsw"><div @click="person = !person" class=“sw”>查看更多></div></div> <!-- <div class="dept">添加组织</div>-->
<div v-if="person && selectsData.studentList.length >10" class="ifsw" ><div @click="person = !person" class="sw"> 收起&lt; </div></div> <!-- <div v-for="(item,i) in selectsData.deptList" >-->
<!-- <div v-if="i<11">-->
<!-- <div class="chose1">-->
<!-- <div class="span"> {{ item.name }}</div>-->
<!-- <div class="ch1" @click="orgDel(i)"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-else> -->
<!-- <div v-if ="dept">-->
<!-- <div class="chose1">-->
<!-- <div class="span"> {{ item.name }}</div>-->
<!-- <div class="ch1" @click="orgDel(i)"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!-- </div>-->
<!-- -->
<!-- </div>-->
<!-- <div v-if="!dept && selectsData.deptList.length >10" class="ifsw"><div @click="dept = !dept" class=“sw”>查看更多></div></div>-->
<!-- <div v-if="dept && selectsData.deptList.length >10" class="ifsw" ><div @click="dept = !dept" class="sw"> 收起&lt; </div></div>-->
<!--组织-->
<div class="dept">添加组织</div> <!--受众-->
<div v-for="(item,i) in selectsData.deptList" > <div class="group">受众关联</div>
<div v-if="i<11"> <div v-for="(item,i) in selectsData.groupList">
<div class="chose1"> <div v-if="i<11">
<div class="span"> {{ item.name }}</div> <div class="chose2">
<div class="ch1" @click="orgDel(i)"></div> <div class="span"> {{ item.audienceName }}</div>
</div> <div class="ch2" @click="AuditDel(i)"></div>
</div> </div>
<div v-else>
<div v-if ="dept">
<div class="chose1">
<div class="span"> {{ item.name }}</div>
<div class="ch1" @click="orgDel(i)"></div>
</div>
</div> </div>
<div v-else>
</div> <div v-if="group">
</div>
<div v-if="!dept && selectsData.deptList.length >10" class="ifsw"><div @click="dept = !dept" class=“sw”>查看更多></div></div>
<div v-if="dept && selectsData.deptList.length >10" class="ifsw" ><div @click="dept = !dept" class="sw"> 收起&lt; </div></div>
<!--受众-->
<div class="group">受众关联</div>
<div v-for="(item,i) in selectsData.groupList" >
<div v-if="i<11">
<div class="chose2">
<div class="span"> {{ item.audienceName }}</div>
<div class="ch2" @click="AuditDel(i)"></div>
</div>
</div>
<div v-else>
<div v-if ="group">
<div class="chose2"> <div class="chose2">
<div class="span"> {{ item.audienceName }}</div> <div class="span"> {{ item.audienceName }}</div>
<div class="ch2" @click="AuditDel(i)"></div> <div class="ch2" @click="AuditDel(i)"></div>
</div> </div>
</div>
</div> </div>
</div>
<div v-if="!group && selectsData.groupList.length >10" class="ifsw">
<div @click="group = !group" class=“sw”>查看更多></div>
</div>
<div v-if="group && selectsData.groupList >10" class="ifsw">
<div @click="group = !group" class="sw"> 收起&lt;</div>
</div>
</div>
</div>
<!-- <div style="padding:100px 0 0 20px;display: grid;grid-template-rows: auto auto auto;">
<div>
<div style="margin-top: 20px">快速选人</div>
// eslint-disable-next-line vue/require-v-for-key
<div v-for="(item,i) in selectsData.studentList" >
<a-tag v-if="i < 10" :closable="true" color="#4ea6ff" @close="stuDel(i)"
:key="i" style="margin-top:20px">
{{ item.realName }}
</a-tag>
<a-tag v-else :closable="true" color="#4ea6ff" @close="stuDel(i)"
style="margin-top:20px">
{{ item.realName }}
</a-tag>
<div></div>
</div> </div>
</div>
</div> <div>
<div v-if="!group && selectsData.groupList.length >10" class="ifsw"><div @click="group = !group" class=“sw”>查看更多></div></div> <div style="margin-top: 20px">组织添加</div>
<div v-if="group && selectsData.groupList >10" class="ifsw" ><div @click="group = !group" class="sw"> 收起&lt; </div></div> <a-tag :closable="true" color="#4ea6ff" @close="orgDel(i)" v-for="(item,i) in selectsData.deptList"
:key="i"
</div>
</div>
<!-- <div style="padding:100px 0 0 20px;display: grid;grid-template-rows: auto auto auto;">
<div>
<div style="margin-top: 20px">快速选人</div>
// eslint-disable-next-line vue/require-v-for-key
<div v-for="(item,i) in selectsData.studentList" >
<a-tag v-if="i < 10" :closable="true" color="#4ea6ff" @close="stuDel(i)"
:key="i" style="margin-top:20px">
{{ item.realName }}
</a-tag>
<a-tag v-else :closable="true" color="#4ea6ff" @close="stuDel(i)"
style="margin-top:20px"> style="margin-top:20px">
{{ item.realName }} {{ item.name }}
</a-tag> </a-tag>
</div>
<div></div> <div>
</div> <div style="margin-top: 20px">受众添加</div>
</div> <a-tag :closable="true" color="#4ea6ff" @close="AuditDel(i)" v-for="(item,i) in selectsData.groupList"
<div> :key="i" style="margin-top:20px">
<div style="margin-top: 20px">组织添加</div> {{ item.audienceName }}
<a-tag :closable="true" color="#4ea6ff" @close="orgDel(i)" v-for="(item,i) in selectsData.deptList" </a-tag>
:key="i" </div>
style="margin-top:20px"> </div>-->
{{ item.name }}
</a-tag>
</div>
<div>
<div style="margin-top: 20px">受众添加</div>
<a-tag :closable="true" color="#4ea6ff" @close="AuditDel(i)" v-for="(item,i) in selectsData.groupList"
:key="i" style="margin-top:20px">
{{ item.audienceName }}
</a-tag>
</div>
</div>-->
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
@@ -290,8 +299,8 @@
<script setup> <script setup>
import {computed, defineEmits, defineProps, ref, watch} from "vue"; import {computed, defineEmits, defineProps, ref, watch} from "vue";
import {useStore} from "vuex"; import {useStore} from "vuex";
import {useBoeApi, useBoeApiPage} from "@/api/request"; import {useBoeApiPage} from "@/api/request";
import {AUDIENCE_LIST, ORG_LIST, USER_LIST} from "@/api/ThirdApi"; import {AUDIENCE_LIST, USER_LIST} from "@/api/ThirdApi";
import {saveStu} from "@/api/index1"; import {saveStu} from "@/api/index1";
const store = useStore(); const store = useStore();
@@ -304,9 +313,9 @@ const props = defineProps({
default: () => [] default: () => []
} }
}) })
const person =ref(false) const person = ref(false)
const dept =ref(false) // const dept =ref(false)
const group =ref(false) const group = ref(false)
const visiable = ref(false) const visiable = ref(false)
const activeKey = ref(1) const activeKey = ref(1)
const stageVisible = ref(false) const stageVisible = ref(false)
@@ -327,11 +336,11 @@ const audienceName = ref({
page: 1, page: 1,
pageSize: 10 pageSize: 10
}) })
const searchOrgName = ref({ // const searchOrgName = ref({
keyword: '', // keyword: '',
page: 1, // page: 1,
pageSize: 10 // pageSize: 10
}) // })
const stageIds = computed(() => props.stage) const stageIds = computed(() => props.stage)
@@ -349,10 +358,10 @@ const {
total: res => res.result.totalElement total: res => res.result.totalElement
}) })
const { // const {
data: orgData, // data: orgData,
fetch: searchOrg, // fetch: searchOrg,
} = useBoeApi(ORG_LIST, searchOrgName.value) // } = useBoeApi(ORG_LIST, searchOrgName.value)
const { const {
data: audiData, data: audiData,
@@ -406,14 +415,7 @@ const stuColumns = ref([
ellipsis: true, ellipsis: true,
}, },
]) ])
const audiColums = ref([{ const audiColums = ref([
title: "id",
dataIndex: "id",
key: "id",
width: 35,
align: "center",
className: "h",
},
{ {
title: "受众名称", title: "受众名称",
dataIndex: "audienceName", dataIndex: "audienceName",
@@ -506,10 +508,10 @@ function stuDel(i) {
selectsData.value.studentList.splice(i, 1) selectsData.value.studentList.splice(i, 1)
} }
function orgDel(i) { // function orgDel(i) {
orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id) // orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
selectsData.value.deptList.splice(i, 1) // selectsData.value.deptList.splice(i, 1)
} // }
function AuditDel(i) { function AuditDel(i) {
auditSelectKeys.value = auditSelectKeys.value.filter(e => e !== selectsData.value.groupList[i].id) auditSelectKeys.value = auditSelectKeys.value.filter(e => e !== selectsData.value.groupList[i].id)
@@ -518,11 +520,11 @@ function AuditDel(i) {
// function orgSelect(key, obj) { // function orgSelect(key, obj) {
// console.log(obj) // console.log(obj)
//request(ORG_CHILD_LIST, {orgId: null}).then(res => { //request(ORG_CHILD_LIST, {orgId: null}).then(res => {
//console.log(res.result) //console.log(res.result)
//}) //})
//} //}
function onStuSelectChange(e, l) { function onStuSelectChange(e, l) {
stuSelectKeys.value = e stuSelectKeys.value = e
@@ -566,9 +568,9 @@ const deleteDepSelect = () => {
}; };
//重置组织 //重置组织
const resetOrg = () => { // const resetOrg = () => {
searchOrgName.value = {keyword: '', page: 1, pageSize: 10} // searchOrgName.value = {keyword: '', page: 1, pageSize: 10}
}; // };
//重置受众 //重置受众
const resetAudienceInfo = () => { const resetAudienceInfo = () => {
@@ -613,215 +615,245 @@ watch(visiable, () => {
orgSelectKeys.value = [] orgSelectKeys.value = []
auditSelectKeys.value = [] auditSelectKeys.value = []
stuData.value = [] stuData.value = []
audienceName.value.keyword = ''
audienceName.value.page = 1
audienceName.value.pageSize = 10
selectsData.value = { selectsData.value = {
stageId: '', stageId: '',
studentList: [], studentList: [],
deptList: [], deptList: [],
groupList: [] groupList: []
} }
searchAudi()
}) })
</script> </script>
<style lang="scss"> <style lang="scss">
.ant-btn-primary { .CommonStudent {
background-color: #4ea6ff !important; .ant-btn-primary {
} background-color: #4ea6ff !important;
}
.cus-select { .cus-select {
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
} }
.tableBox .ant-table-row .ant-table-cell {
.tableBox .ant-table-row .ant-table-cell {
height: 48px; height: 48px;
font-size: 12px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4F5156; color: #4f5156;
line-height: 29px; line-height: 29px;
padding: 0px; padding: 0px;
} }
.tableBox .ant-table-thead tr th {
font-size: 12px; .tableBox .ant-table-thead tr th {
} font-size: 14px;
.ant-tabs-tabpane{ }
height: 100%;
} .ant-tabs-tabpane {
.ant-tabs{ height: 100%;
overflow:visible; }
.ant-tabs {
overflow: visible;
}
} }
.right1 { .right1 {
border-left: 1px solid #f2f6fe; border-left: 1px solid #f2f6fe;
width: 100%;
margin-left: 20px;
.onerow {
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 40px;
flex-wrap: wrap;
width: 100%; width: 100%;
margin-left: 20px;
.onerow { .onleft {
display: flex; display: flex;
justify-content: space-between; text-align: center;
align-items: center;
margin-right: 40px;
flex-wrap: wrap;
width: 100%; .already {
.onleft { color: rgba(51, 51, 51, 1);
display: flex; font-size: 16px;
text-align: center; font-weight: 500;
.already { margin-left: 32px;
color: rgba(51, 51, 51, 1); white-space: nowrap;
font-size: 16px; // margin-bottom: 20px;
font-weight: 500;
margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
}
.count {
color: #4ea6ff;
font-size: 16px;
margin: 0 6px;
}
.peo {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
}
}
.clbox {
margin-right: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 104px;
height: 32px;
border-radius: 4px;
background: #4ea6ff;
.colose {
width: 16px;
height: 16px;
// border-radius: 8px;
// background: #ffffff;
// position: relative;
background-image: url(../../assets/images/basicinfo/ch.png);
background-size: 100%;
margin-right: 4px;
}
.allclear {
color: rgba(255, 255, 255, 1);
font-size: 14px;
}
}
}
.selecteds {
display: flex;
flex-wrap: wrap;
margin-left: 32px;
.person{
width:100%;
margin-top: 20px;
border-top: 1px solid #f2f6fe;
}
.chose {
width: 64px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
.ifsw{
display:flex;
align-items:end;
justify-content: center;
color:#4ea6ff;
}
.sw{
display:flex;
align-items:center;
justify-content: center;
text-align: justify;
color:#4ea6ff;
margin-top: 23px;
margin-left:10px;
}
.dept{
width:100%;
margin-top: 30px;
border-top: 1px solid #f2f6fe;
}
.chose1 {
//width: 90px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ch1 {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
.group{
width:100%;
margin-top: 30px;
border-top: 1px solid #f2f6fe;
}
.chose2 {
//width: 120px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ch2 {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
} }
.count {
color: #4ea6ff;
font-size: 16px;
margin: 0 6px;
}
.peo {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
}
}
.clbox {
margin-right: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 104px;
height: 32px;
border-radius: 4px;
background: #4ea6ff;
.colose {
width: 16px;
height: 16px;
// border-radius: 8px;
// background: #ffffff;
// position: relative;
background-image: url(../../assets/images/basicinfo/ch.png);
background-size: 100%;
margin-right: 4px;
}
.allclear {
color: rgba(255, 255, 255, 1);
font-size: 14px;
}
}
}
.selecteds {
display: flex;
flex-wrap: wrap;
margin-left: 32px;
.person {
width: 100%;
margin-top: 20px;
border-top: 1px solid #f2f6fe;
}
.chose {
width: 64px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
.ifsw {
display: flex;
align-items: end;
justify-content: center;
color: #4ea6ff;
}
.sw {
display: flex;
align-items: center;
justify-content: center;
text-align: justify;
color: #4ea6ff;
margin-top: 23px;
margin-left: 10px;
}
.dept {
width: 100%;
margin-top: 30px;
border-top: 1px solid #f2f6fe;
}
.chose1 {
//width: 90px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ch1 {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
.group {
width: 100%;
margin-top: 30px;
border-top: 1px solid #f2f6fe;
}
.chose2 {
//width: 120px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ch2 {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
}
</style> </style>