From d2d9992de9019cf6fd383a3fd860949d815a1cee Mon Sep 17 00:00:00 2001 From: yuping <82253452@qq.com> Date: Tue, 20 Dec 2022 18:43:14 +0800 Subject: [PATCH] =?UTF-8?q?--=20=E5=8F=97=E4=BC=97=E6=9F=A5=E8=AF=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/student/CommonStudent.vue | 728 ++++++++++++----------- 1 file changed, 383 insertions(+), 345 deletions(-) diff --git a/src/components/student/CommonStudent.vue b/src/components/student/CommonStudent.vue index 3b375e58..81d6b4e6 100644 --- a/src/components/student/CommonStudent.vue +++ b/src/components/student/CommonStudent.vue @@ -20,7 +20,7 @@ />
-
+
@@ -41,24 +41,25 @@
-
-
- +
+ - + @select="stuStuOrgSelect" + > +
-
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-
-
-
已选
- +
+
+
已选
+ +
+
- -
-
-
快速选人
-
-
-
- {{ item.realName }} -
-
-
-
-
-
+
+
快速选人
+
+
+
{{ item.realName }}
-
+
- -
- -
-
查看更多>
-
收起<
+
+
+
+ {{ item.realName }} +
+
+
- - - - - - - - - - - - - - - - - - - - - - +
+ +
+
+
查看更多>
+
+
+
收起<
+
+ + + + + + + + + + + + + + + + + + + + + + + - -
受众关联
-
-
-
-
{{ item.audienceName }}
-
-
-
-
-
+ +
受众关联
+
+
+
+
{{ item.audienceName }}
+
+
+
+
+
{{ item.audienceName }}
-
+
+
+
- + +
+
+
查看更多>
+
+
+
收起<
+
+ + +
+
+ + {{ item.name }} + +
+
+
受众添加
+ + {{ item.audienceName }} + +
+
-->
@@ -304,9 +313,9 @@ const props = defineProps({ default: () => [] } }) -const person =ref(false) +const person = ref(false) // const dept =ref(false) -const group =ref(false) +const group = ref(false) const visiable = ref(false) const activeKey = ref(1) const stageVisible = ref(false) @@ -518,11 +527,11 @@ function AuditDel(i) { // function orgSelect(key, obj) { - // console.log(obj) - //request(ORG_CHILD_LIST, {orgId: null}).then(res => { - //console.log(res.result) - //}) - //} +// console.log(obj) +//request(ORG_CHILD_LIST, {orgId: null}).then(res => { +//console.log(res.result) +//}) +//} function onStuSelectChange(e, l) { stuSelectKeys.value = e @@ -613,13 +622,16 @@ watch(visiable, () => { orgSelectKeys.value = [] auditSelectKeys.value = [] stuData.value = [] + audienceName.value.keyword='' + audienceName.value.page=1 + audienceName.value.pageSize=10 selectsData.value = { stageId: '', studentList: [], deptList: [], groupList: [] } - + searchAudi() }) @@ -632,196 +644,222 @@ watch(visiable, () => { height: 40px; border-radius: 8px; } + .tableBox .ant-table-row .ant-table-cell { - height: 48px; - font-size: 12px; - font-weight: 400; - color: #4F5156; - line-height: 29px; - padding: 0px; + height: 48px; + font-size: 12px; + font-weight: 400; + color: #4F5156; + line-height: 29px; + padding: 0px; } -.tableBox .ant-table-thead tr th { - font-size: 12px; + +.tableBox .ant-table-thead tr th { + font-size: 12px; } -.ant-tabs-tabpane{ + +.ant-tabs-tabpane { height: 100%; } -.ant-tabs{ - overflow:visible; + +.ant-tabs { + overflow: visible; } + .right1 { border-left: 1px solid #f2f6fe; - width: 100%; - margin-left: 20px; + width: 100%; + margin-left: 20px; - .onerow { - display: flex; - justify-content: space-between; - align-items: center; - margin-right: 40px; - flex-wrap: wrap; - - width: 100%; - .onleft { - display: flex; - text-align: center; - .already { - color: rgba(51, 51, 51, 1); - font-size: 16px; - 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; - } - - } - } + .onerow { + display: flex; + justify-content: space-between; + align-items: center; + margin-right: 40px; + flex-wrap: wrap; + + width: 100%; + + .onleft { + display: flex; + text-align: center; + + .already { + color: rgba(51, 51, 51, 1); + font-size: 16px; + 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; + } + + } + } +} \ No newline at end of file