正在显示
17 个修改的文件
包含
2653 行增加
和
504 行删除
| ... | ... | @@ -208,4 +208,24 @@ export const scoreinternshipInfoUrl = (params) => http.get('/internship/v1/score |
| 208 | 208 | }) |
| 209 | 209 | |
| 210 | 210 | // 鉴定成绩鉴定 |
| 211 | -export const putscoreappraisalApi = (params) => http.put('/internship/v1/score/appraisal', params) | |
| \ No newline at end of file | ||
| 211 | +export const putscoreappraisalApi = (params) => http.put('/internship/v1/score/appraisal', params) | |
| 212 | + | |
| 213 | +// 实习生详情-实习课程-实习信息 | |
| 214 | +export const getforminternshipInfoApi = (params) => http.get('/internship/v1/form/internshipInfo', { | |
| 215 | + params: params | |
| 216 | +}) | |
| 217 | + | |
| 218 | +// 实习申请-列表 | |
| 219 | +export const getformApplyschoollistApi = (params) => http.get('/internship/v1/formApply/school/list', { | |
| 220 | + params: params | |
| 221 | +}) | |
| 222 | + | |
| 223 | +// 实习申请-详情 | |
| 224 | +export const getformApplyschooldetailApi = (id,params) => http.get('/internship/v1/formApply/'+id, { | |
| 225 | + params: params | |
| 226 | +}) | |
| 227 | + | |
| 228 | +// 实习申请-审核 | |
| 229 | +export const putformApplyApi = (id,params) => http.put('/internship/v1/formApply/audit/'+id, { | |
| 230 | + params: params | |
| 231 | +}) | |
| \ No newline at end of file | ... | ... |
| ... | ... | @@ -155,6 +155,18 @@ |
| 155 | 155 | "enablePullDownRefresh": false |
| 156 | 156 | } |
| 157 | 157 | |
| 158 | + }, { | |
| 159 | + "path": "interapply/interapply", | |
| 160 | + "style": { | |
| 161 | + "navigationBarTitleText": "实习申请", | |
| 162 | + "enablePullDownRefresh": false | |
| 163 | + } | |
| 164 | + }, { | |
| 165 | + "path": "interapplydetail/interapplydetail", | |
| 166 | + "style": { | |
| 167 | + "navigationBarTitleText": "实习申请", | |
| 168 | + "enablePullDownRefresh": false | |
| 169 | + } | |
| 158 | 170 | } |
| 159 | 171 | ] |
| 160 | 172 | }, |
| ... | ... | @@ -227,7 +239,14 @@ |
| 227 | 239 | "enablePullDownRefresh": false |
| 228 | 240 | } |
| 229 | 241 | |
| 230 | - } | |
| 242 | + },{ | |
| 243 | + "path" : "traineeInterList/traineeInterList", | |
| 244 | + "style" : | |
| 245 | + { | |
| 246 | + "navigationBarTitleText": "实习信息", | |
| 247 | + "enablePullDownRefresh": false | |
| 248 | + } | |
| 249 | + } | |
| 231 | 250 | ] |
| 232 | 251 | }, |
| 233 | 252 | { |
| ... | ... | @@ -383,7 +402,7 @@ |
| 383 | 402 | "pagePath": "pages/tabBar/internship/internship", |
| 384 | 403 | "iconPath": "/static/img/icon/internship.png", |
| 385 | 404 | "selectedIconPath": "/static/img/icon/internshipHL.png", |
| 386 | - "text": "实习" | |
| 405 | + "text": "实习生" | |
| 387 | 406 | }, |
| 388 | 407 | { |
| 389 | 408 | "pagePath": "pages/tabBar/my/my", | ... | ... |
| ... | ... | @@ -36,7 +36,7 @@ |
| 36 | 36 | <view class="gv" style="background-color: #fff; padding: 20px 16px 0;"> |
| 37 | 37 | <view class="green"></view> |
| 38 | 38 | <view class="title"> |
| 39 | - 学校评价 | |
| 39 | + 教师评价 | |
| 40 | 40 | </view> |
| 41 | 41 | </view> |
| 42 | 42 | <view style="background-color: #fff; padding: 20px 16px 0;"> |
| ... | ... | @@ -623,7 +623,7 @@ |
| 623 | 623 | display: flex; |
| 624 | 624 | flex-direction: column; |
| 625 | 625 | margin-left: 2px; |
| 626 | - width: 85%; | |
| 626 | + width: 80%; | |
| 627 | 627 | |
| 628 | 628 | .pdffj { |
| 629 | 629 | margin-bottom: 5px; | ... | ... |
| ... | ... | @@ -72,7 +72,7 @@ |
| 72 | 72 | </view> |
| 73 | 73 | <view class="list"> |
| 74 | 74 | <text class="item1">评分:</text> |
| 75 | - <text class="item2">{{detailObj.reportAverageScore}}分</text> | |
| 75 | + <text class="item2">{{detailObj.reportAverageScore?`${detailObj.reportAverageScore}分`:'-'}}</text> | |
| 76 | 76 | </view> |
| 77 | 77 | </view> |
| 78 | 78 | |
| ... | ... | @@ -90,6 +90,7 @@ |
| 90 | 90 | <view class="list list_item_top"> |
| 91 | 91 | <text class="item1">评语:</text> |
| 92 | 92 | <text class="item2">{{detailObj.studentComment}}</text> |
| 93 | + <!-- <text class="item2">12321312390128390218309809sda890asd809s0a9d8a90sd8a90asd809asd89asd890as8d9</text> --> | |
| 93 | 94 | </view> |
| 94 | 95 | <view class="listflex list_item_top"> |
| 95 | 96 | <text class="item1">附件:</text> |
| ... | ... | @@ -140,7 +141,7 @@ |
| 140 | 141 | <view class="t"> |
| 141 | 142 | <view class="green"></view> |
| 142 | 143 | <view class="title"> |
| 143 | - 学校评价 | |
| 144 | + 教师评价 | |
| 144 | 145 | </view> |
| 145 | 146 | </view> |
| 146 | 147 | <view class="list list_item_top"> |
| ... | ... | @@ -597,6 +598,10 @@ |
| 597 | 598 | } |
| 598 | 599 | |
| 599 | 600 | .item2 { |
| 601 | + -webkit-box-orient: vertical; | |
| 602 | + overflow: hidden; | |
| 603 | + word-break: break-all; | |
| 604 | + word-wrap: break-word; | |
| 600 | 605 | margin-left: 2px; |
| 601 | 606 | font-size: 12px; |
| 602 | 607 | font-family: PingFangSC-Light, PingFang SC; | ... | ... |
pages/main/home/interapply/interapply.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view class="registration_review"> | |
| 3 | + <view class="search_box"> | |
| 4 | + <!-- <view class="check"> | |
| 5 | + <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | + <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | + v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | + activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | + </u-checkbox> | |
| 10 | + </u-checkbox-group> | |
| 11 | + </view> --> | |
| 12 | + | |
| 13 | + <!-- <view class="search"> | |
| 14 | + <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | + bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | + </u-search> | |
| 17 | + </view> --> | |
| 18 | + <view style="width: 148px;"> | |
| 19 | + <u-subsection :list="['待处理','全部']" :current="curNow" :fontSize="26" :activeColor="'#000'" @change="sectionChange"></u-subsection> | |
| 20 | + </view> | |
| 21 | + <view style="display: flex; justify-content: space-between; align-items: center;"> | |
| 22 | + <u-icon slot="icon" size="40" :name="'/static/img/home/search.png'" @click="searchCli"></u-icon> | |
| 23 | + <view style="width: 16px;"></view> | |
| 24 | + <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 25 | + </view> | |
| 26 | + </view> | |
| 27 | + | |
| 28 | + <view class="list_box" v-if="list.length > 0"> | |
| 29 | + <view class="item" v-for="(item, i) in list" :key="i" @click="handelDetail(item)"> | |
| 30 | + <view class="t1"> | |
| 31 | + {{item.studentName}}提交的实习申请 | |
| 32 | + </view> | |
| 33 | + <view class="t3"> | |
| 34 | + {{item.projectName}} | |
| 35 | + </view> | |
| 36 | + <view class="t2 t2top14"> | |
| 37 | + 申请类型: {{getCategoryList(item.type)}} | |
| 38 | + </view> | |
| 39 | + <view class="t2"> | |
| 40 | + 开始时间: {{timeFormat(item.formStartTime, 'yyyy-mm-dd hh:MM')}} | |
| 41 | + </view> | |
| 42 | + <view class="t2"> | |
| 43 | + 结束时间: {{timeFormat(item.formEndTime, 'yyyy-mm-dd hh:MM')}} | |
| 44 | + </view> | |
| 45 | + <view v-if="item.status == 'wait'" class="status" style="color: #F49A23;"> | |
| 46 | + 待处理 | |
| 47 | + </view> | |
| 48 | + <view v-else-if="item.status == 'passed'" class="status" style="color: #0CB17A;"> | |
| 49 | + 已通过 | |
| 50 | + </view> | |
| 51 | + <view v-else-if="item.status == 'rejected'" class="status" style="color: red;"> | |
| 52 | + 已驳回 | |
| 53 | + </view> | |
| 54 | + <view class="time"> | |
| 55 | + {{timeFormat(item.createdTime, 'mm-dd')}} | |
| 56 | + </view> | |
| 57 | + </view> | |
| 58 | + <c-loading :loading="loading"></c-loading> | |
| 59 | + </view> | |
| 60 | + <view v-else class="no_data"> | |
| 61 | + <c-no-data></c-no-data> | |
| 62 | + </view> | |
| 63 | + | |
| 64 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 65 | + <view class="popup"> | |
| 66 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 67 | + <view class="title"> | |
| 68 | + 项目筛选 | |
| 69 | + </view> | |
| 70 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 71 | + </view> | |
| 72 | + <view class="search"> | |
| 73 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 74 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 75 | + </u-search> | |
| 76 | + </view> | |
| 77 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 78 | + @scrolltolower="lower()"> | |
| 79 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 80 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 81 | + <view class="item_title"> | |
| 82 | + {{item.name}} | |
| 83 | + </view> | |
| 84 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" src="/static/img/home/popselect.png" mode=""></image> | |
| 85 | + </view> | |
| 86 | + </view> | |
| 87 | + </scroll-view> | |
| 88 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 89 | + <view class="text_black_28"> | |
| 90 | + 暂未搜索到该项目 | |
| 91 | + </view> | |
| 92 | + </view> | |
| 93 | + </view> | |
| 94 | + </u-popup> | |
| 95 | + | |
| 96 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 97 | + <view class="popup_search"> | |
| 98 | + <view class="content"> | |
| 99 | + <view class="title">按项目筛选</view> | |
| 100 | + <scroll-view class="scroll" scroll-y="true"> | |
| 101 | + <view class="item" v-for="(item, i) in projectList" :key="i" @click="handelClick(item)"> | |
| 102 | + <view class="selectItem" v-if="item.id == projectId"> | |
| 103 | + <text>{{item.name}}</text> | |
| 104 | + </view> | |
| 105 | + <view v-else> | |
| 106 | + <text>{{item.name}}</text> | |
| 107 | + </view> | |
| 108 | + </view> | |
| 109 | + </scroll-view> | |
| 110 | + <view class="switch"> | |
| 111 | + <text>待处理</text> | |
| 112 | + <u-switch v-model="switchValue" size="48" activeColor="#06B079" @change="handelChange"> | |
| 113 | + </u-switch> | |
| 114 | + </view> | |
| 115 | + </view> | |
| 116 | + | |
| 117 | + <view class="footer"> | |
| 118 | + <view class="left_btn"> | |
| 119 | + <c-button type="cancel" text="重置" @click="handelCancel"> | |
| 120 | + </c-button> | |
| 121 | + </view> | |
| 122 | + <view class="right_btn"> | |
| 123 | + <c-button type="confirm" text="确定" @click="hancelSubmit"> | |
| 124 | + </c-button> | |
| 125 | + </view> | |
| 126 | + </view> | |
| 127 | + | |
| 128 | + </view> | |
| 129 | + </u-popup> --> | |
| 130 | + | |
| 131 | + </view> | |
| 132 | +</template> | |
| 133 | + | |
| 134 | +<script> | |
| 135 | + import { | |
| 136 | + mapGetters, | |
| 137 | + mapState, | |
| 138 | + mapActions | |
| 139 | + } from 'vuex' | |
| 140 | + import listMixin from "@/common/mixins/list-mixin.js"; | |
| 141 | + | |
| 142 | + import { | |
| 143 | + getformApplyschoollistApi, | |
| 144 | + getProjectListApi, | |
| 145 | + } from '@/config/api.js'; | |
| 146 | + | |
| 147 | + export default { | |
| 148 | + mixins: [listMixin], | |
| 149 | + data() { | |
| 150 | + return { | |
| 151 | + checkboxValue: [], | |
| 152 | + // 基本案列数据 | |
| 153 | + checkboxList: [{ | |
| 154 | + name: '待处理', | |
| 155 | + disabled: false | |
| 156 | + }], | |
| 157 | + keyword: '', | |
| 158 | + show: false, | |
| 159 | + list: [], //列表必须为key list的数组 | |
| 160 | + search: { | |
| 161 | + //搜索对象必须为key search的对象 | |
| 162 | + keySearch: "", | |
| 163 | + status: '', | |
| 164 | + | |
| 165 | + }, | |
| 166 | + projectId: '', | |
| 167 | + switchValue: false, | |
| 168 | + categoryList: [{ | |
| 169 | + label: '开始实习申请', | |
| 170 | + value: 'start' | |
| 171 | + }, | |
| 172 | + { | |
| 173 | + label: '结束实习申请', | |
| 174 | + value: "end", | |
| 175 | + } | |
| 176 | + ], | |
| 177 | + curNow: 1, | |
| 178 | + sxsearch: '', | |
| 179 | + works: [], | |
| 180 | + workspage: 1, | |
| 181 | + workstotal: 0, | |
| 182 | + } | |
| 183 | + }, | |
| 184 | + | |
| 185 | + onLoad(option) { | |
| 186 | + console.log(option) | |
| 187 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 188 | + // pageSize: -1, | |
| 189 | + // }) | |
| 190 | + | |
| 191 | + this.worksloadData() | |
| 192 | + | |
| 193 | + // this.search.keySearch = ''; | |
| 194 | + | |
| 195 | + if (option && option.status) { | |
| 196 | + // this.search.status = 'wait'; | |
| 197 | + this.curNow = 0; | |
| 198 | + // this.checkboxValue = ['待处理']; | |
| 199 | + // this.switchValue = true; | |
| 200 | + } | |
| 201 | + | |
| 202 | + }, | |
| 203 | + | |
| 204 | + onShow() { | |
| 205 | + this.finished = false; | |
| 206 | + this.loading = "loadmore"; | |
| 207 | + this.page = 0; | |
| 208 | + this.list = []; | |
| 209 | + this._getList(); | |
| 210 | + }, | |
| 211 | + | |
| 212 | + computed: { | |
| 213 | + ...mapState('home', { | |
| 214 | + // 箭头函数可使代码更简练 | |
| 215 | + projectList: 'projectList', | |
| 216 | + | |
| 217 | + }), | |
| 218 | + | |
| 219 | + }, | |
| 220 | + | |
| 221 | + methods: { | |
| 222 | + | |
| 223 | + searchCli() { | |
| 224 | + this.$u.route('/pages/main/home/search/search?type=ask&searchkey=' + this.keyword); | |
| 225 | + }, | |
| 226 | + | |
| 227 | + sectionChange(index) { | |
| 228 | + this.curNow = index; | |
| 229 | + | |
| 230 | + this.finished = false; | |
| 231 | + this.loading = "loadmore"; | |
| 232 | + this.page = 0; | |
| 233 | + this.list = []; | |
| 234 | + this._getList(); | |
| 235 | + }, | |
| 236 | + | |
| 237 | + getCategoryList(e) { | |
| 238 | + for (var i = 0; i < this.categoryList.length; i++) { | |
| 239 | + let item = this.categoryList[i] | |
| 240 | + if (e == item.value) { | |
| 241 | + return item.label | |
| 242 | + } | |
| 243 | + } | |
| 244 | + }, | |
| 245 | + | |
| 246 | + handelDetail(record) { | |
| 247 | + this.$u.route('/pages/main/home/interapplydetail/interapplydetail?id='+record.id); | |
| 248 | + }, | |
| 249 | + | |
| 250 | + timeFormat(timestamp, format = 'yyyy-mm-dd') { | |
| 251 | + return timestamp > 0 ? uni.$u.timeFormat(timestamp, format) : '--' | |
| 252 | + }, | |
| 253 | + | |
| 254 | + checkboxChange(n) { | |
| 255 | + console.log('change', n); | |
| 256 | + | |
| 257 | + this.search.status = n.length > 0 ? 'wait' : ''; | |
| 258 | + | |
| 259 | + this.switchValue = n.length > 0 ? true : false; | |
| 260 | + | |
| 261 | + this.finished = false; | |
| 262 | + this.loading = "loadmore"; | |
| 263 | + this.page = 0; | |
| 264 | + this.list = []; | |
| 265 | + this._getList(); | |
| 266 | + }, | |
| 267 | + | |
| 268 | + handelSearch(value) { | |
| 269 | + this.finished = false; | |
| 270 | + this.loading = "loadmore"; | |
| 271 | + this.page = 0; | |
| 272 | + this.list = []; | |
| 273 | + this._getList(); | |
| 274 | + }, | |
| 275 | + | |
| 276 | + open() { | |
| 277 | + // console.log('open'); | |
| 278 | + }, | |
| 279 | + close() { | |
| 280 | + this.show = false | |
| 281 | + // console.log('close'); | |
| 282 | + }, | |
| 283 | + // scroll-view到底部加载更多 | |
| 284 | + onreachBottom() {}, | |
| 285 | + // 搜索 | |
| 286 | + searchSubmit() { | |
| 287 | + // 调用混合搜索 | |
| 288 | + this._searchData(); | |
| 289 | + }, | |
| 290 | + // 模拟后端分页 | |
| 291 | + async getData(requestParams) { | |
| 292 | + const { | |
| 293 | + search = {} | |
| 294 | + } = requestParams; | |
| 295 | + | |
| 296 | + let params = {}; | |
| 297 | + params.pageNumber = requestParams.page + 1; | |
| 298 | + params.pageSize = 5; | |
| 299 | + | |
| 300 | + if (this.curNow == 0) { | |
| 301 | + params.status = 'wait'; | |
| 302 | + } | |
| 303 | + | |
| 304 | + if (this.keyword) { | |
| 305 | + params.keySearch = this.keyword | |
| 306 | + } | |
| 307 | + | |
| 308 | + if (this.projectId) { | |
| 309 | + params.projectId = this.projectId | |
| 310 | + } | |
| 311 | + | |
| 312 | + return await getformApplyschoollistApi(params); | |
| 313 | + }, | |
| 314 | + // 数据请求(没错就是这么少的代码) | |
| 315 | + async _getList() { | |
| 316 | + if (this.page == 0) { | |
| 317 | + this.list = []; | |
| 318 | + } | |
| 319 | + | |
| 320 | + // 根据实际情况修改自己修改key | |
| 321 | + let result = await this.getData({ | |
| 322 | + page: this.page, // 传入页码 | |
| 323 | + size: this.size, // 传入每页条数 | |
| 324 | + search: this.search, // 传入搜索的对象 | |
| 325 | + }); | |
| 326 | + | |
| 327 | + this.total = result.total; | |
| 328 | + | |
| 329 | + if (this.list.length == 0 && result.records.length == 0) { | |
| 330 | + this.shownoData = false | |
| 331 | + } else { | |
| 332 | + this.shownoData = true | |
| 333 | + } | |
| 334 | + | |
| 335 | + this.list = this.list.concat(result.records) | |
| 336 | + | |
| 337 | + // 判断是否全部加载完成 | |
| 338 | + if (this.total == this.list.length) { | |
| 339 | + this.finished = true; | |
| 340 | + this.loading = 'nomore'; | |
| 341 | + } else { | |
| 342 | + this.loading = 'loadmore'; | |
| 343 | + } | |
| 344 | + }, | |
| 345 | + | |
| 346 | + handelClick(values) { | |
| 347 | + console.log(values); | |
| 348 | + this.projectId = values.id; | |
| 349 | + }, | |
| 350 | + | |
| 351 | + handelChange(e) { | |
| 352 | + console.log(e) | |
| 353 | + this.checkboxValue = e ? ['待处理'] : []; | |
| 354 | + this.search.status = e ? 'wait' : ''; | |
| 355 | + | |
| 356 | + }, | |
| 357 | + | |
| 358 | + handelCancel() { | |
| 359 | + this.switchValue = false; | |
| 360 | + this.projectId = ''; | |
| 361 | + }, | |
| 362 | + | |
| 363 | + hancelSubmit() { | |
| 364 | + this.finished = false; | |
| 365 | + this.loading = "loadmore"; | |
| 366 | + this.page = 0; | |
| 367 | + this.list = []; | |
| 368 | + this._getList(); | |
| 369 | + | |
| 370 | + this.show = false; | |
| 371 | + }, | |
| 372 | + | |
| 373 | + workSearch() { | |
| 374 | + uni.hideKeyboard(); | |
| 375 | + this.works = [] | |
| 376 | + this.worksloadData() | |
| 377 | + }, | |
| 378 | + | |
| 379 | + lower() { | |
| 380 | + setTimeout(() => { | |
| 381 | + this.worksloadData(true); | |
| 382 | + }, 200) | |
| 383 | + }, | |
| 384 | + | |
| 385 | + worksloadData(e) { | |
| 386 | + let params = {} | |
| 387 | + // this.loading = 'loading' | |
| 388 | + | |
| 389 | + if (e) { | |
| 390 | + if (this.total <= this.works.length) { | |
| 391 | + // this.loading = 'nomore' | |
| 392 | + return | |
| 393 | + } | |
| 394 | + this.workspage++ | |
| 395 | + } else { | |
| 396 | + this.workspage = 1 | |
| 397 | + } | |
| 398 | + params['pageNumber'] = this.workspage | |
| 399 | + if (this.sxsearch) { | |
| 400 | + params['keyWord'] = this.sxsearch | |
| 401 | + } | |
| 402 | + getProjectListApi(params).then(async res => { | |
| 403 | + if (res) { | |
| 404 | + this.total = res.total | |
| 405 | + // this.loading = 'loadmore' | |
| 406 | + this.works = this.works.concat(res.records) | |
| 407 | + } | |
| 408 | + }) | |
| 409 | + }, | |
| 410 | + popupSelItem(item) { | |
| 411 | + this.show = false | |
| 412 | + this.projectId = item.id; | |
| 413 | + this.finished = false; | |
| 414 | + this.loading = "loadmore"; | |
| 415 | + this.page = 0; | |
| 416 | + this.list = []; | |
| 417 | + this._getList(); | |
| 418 | + }, | |
| 419 | + | |
| 420 | + } | |
| 421 | + } | |
| 422 | +</script> | |
| 423 | + | |
| 424 | +<style lang="scss" scoped> | |
| 425 | + .registration_review { | |
| 426 | + width: 100%; | |
| 427 | + min-height: 100%; | |
| 428 | + height: auto; | |
| 429 | + background-color: #F7F7F7; | |
| 430 | + | |
| 431 | + .search_box { | |
| 432 | + padding: 36rpx 30rpx 12rpx; | |
| 433 | + background-color: #FFFFFF; | |
| 434 | + display: flex; | |
| 435 | + flex-flow: row nowrap; | |
| 436 | + justify-content: space-between; | |
| 437 | + | |
| 438 | + .check { | |
| 439 | + padding: 20rpx 0 0 0; | |
| 440 | + } | |
| 441 | + | |
| 442 | + .search { | |
| 443 | + width: 468rpx; | |
| 444 | + } | |
| 445 | + } | |
| 446 | + | |
| 447 | + .list_box { | |
| 448 | + padding: 0 0 50rpx 0; | |
| 449 | + | |
| 450 | + .item { | |
| 451 | + position: relative; | |
| 452 | + margin: 8px 13px 0; | |
| 453 | + padding: 20px 17px; | |
| 454 | + border-radius: 8rpx; | |
| 455 | + background-color: #FFFFFF; | |
| 456 | + | |
| 457 | + .t1 { | |
| 458 | + font-size: 14px; | |
| 459 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 460 | + font-weight: 500; | |
| 461 | + color: #000000; | |
| 462 | + } | |
| 463 | + | |
| 464 | + .t2 { | |
| 465 | + margin-top: 6px; | |
| 466 | + font-size: 12px; | |
| 467 | + font-family: PingFangSC-Light, PingFang SC; | |
| 468 | + font-weight: 300; | |
| 469 | + color: rgba(38,41,47,0.85); | |
| 470 | + } | |
| 471 | + | |
| 472 | + .t3 { | |
| 473 | + margin-top: 2px; | |
| 474 | + font-size: 12px; | |
| 475 | + font-family: PingFangSC-Light, PingFang SC; | |
| 476 | + font-weight: 300; | |
| 477 | + color: #000000; | |
| 478 | + } | |
| 479 | + | |
| 480 | + .t2top14 { | |
| 481 | + margin-top: 14px; | |
| 482 | + } | |
| 483 | + | |
| 484 | + .time { | |
| 485 | + position: absolute; | |
| 486 | + top: 17px; | |
| 487 | + right: 17px; | |
| 488 | + font-size: 12px; | |
| 489 | + font-family: PingFangSC-Light, PingFang SC; | |
| 490 | + font-weight: 300; | |
| 491 | + color: rgba(0,0,0,0.85); | |
| 492 | + } | |
| 493 | + | |
| 494 | + .status { | |
| 495 | + position: absolute; | |
| 496 | + bottom: 20px; | |
| 497 | + right: 17px; | |
| 498 | + font-size: 12px; | |
| 499 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 500 | + font-weight: 400; | |
| 501 | + } | |
| 502 | + } | |
| 503 | + } | |
| 504 | + | |
| 505 | + .popup_search { | |
| 506 | + width: 640rpx; | |
| 507 | + position: relative; | |
| 508 | + | |
| 509 | + .content { | |
| 510 | + padding: 0 40rpx; | |
| 511 | + | |
| 512 | + .title { | |
| 513 | + padding: 24rpx 0; | |
| 514 | + font-size: 28rpx; | |
| 515 | + line-height: 36rpx; | |
| 516 | + color: #202131; | |
| 517 | + } | |
| 518 | + | |
| 519 | + .scroll { | |
| 520 | + max-height: 60vh; | |
| 521 | + | |
| 522 | + .item { | |
| 523 | + | |
| 524 | + view { | |
| 525 | + display: flex; | |
| 526 | + flex-flow: row wrap; | |
| 527 | + align-items: center; | |
| 528 | + width: 500rpx; | |
| 529 | + height: 74rpx; | |
| 530 | + border-radius: 4rpx; | |
| 531 | + border: 2rpx solid #C1C1C9; | |
| 532 | + margin: 0 10rpx 20rpx; | |
| 533 | + font-size: 24rpx; | |
| 534 | + line-height: 32rpx; | |
| 535 | + color: #C0C0C9; | |
| 536 | + padding: 16rpx 20rpx; | |
| 537 | + } | |
| 538 | + | |
| 539 | + .selectItem { | |
| 540 | + background-color: #06B079; | |
| 541 | + color: #FFFFFF; | |
| 542 | + border: 2rpx solid #06B079; | |
| 543 | + } | |
| 544 | + } | |
| 545 | + } | |
| 546 | + | |
| 547 | + .switch { | |
| 548 | + display: flex; | |
| 549 | + flex-flow: row nowrap; | |
| 550 | + justify-content: space-between; | |
| 551 | + padding: 40rpx 0 0 0; | |
| 552 | + | |
| 553 | + text { | |
| 554 | + font-size: 28rpx; | |
| 555 | + line-height: 36rpx; | |
| 556 | + color: #202131; | |
| 557 | + } | |
| 558 | + } | |
| 559 | + | |
| 560 | + | |
| 561 | + } | |
| 562 | + | |
| 563 | + .footer { | |
| 564 | + width: 560rpx; | |
| 565 | + height: 96rpx; | |
| 566 | + padding: 28rpx 40rpx; | |
| 567 | + background: #FFFFFF; | |
| 568 | + position: fixed; | |
| 569 | + bottom: 0; | |
| 570 | + right: 0; | |
| 571 | + z-index: 99; | |
| 572 | + border-top: 2rpx solid #E2E2E8; | |
| 573 | + | |
| 574 | + view { | |
| 575 | + display: inline-block; | |
| 576 | + } | |
| 577 | + | |
| 578 | + .left_btn { | |
| 579 | + width: 194rpx; | |
| 580 | + margin: 0 20rpx 0 0; | |
| 581 | + } | |
| 582 | + | |
| 583 | + .right_btn { | |
| 584 | + width: 346rpx; | |
| 585 | + } | |
| 586 | + } | |
| 587 | + } | |
| 588 | + | |
| 589 | + .popup { | |
| 590 | + height: 500px; | |
| 591 | + padding: 19px 16px; | |
| 592 | + | |
| 593 | + .title { | |
| 594 | + font-size: 18px; | |
| 595 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 596 | + font-weight: 500; | |
| 597 | + color: #000000; | |
| 598 | + } | |
| 599 | + | |
| 600 | + .close { | |
| 601 | + width: 22px; | |
| 602 | + height: 22px; | |
| 603 | + } | |
| 604 | + | |
| 605 | + .item_box { | |
| 606 | + border-radius: 4px; | |
| 607 | + margin: 0 0 48rpx; | |
| 608 | + | |
| 609 | + .item_title { | |
| 610 | + height: 20px; | |
| 611 | + font-size: 14px; | |
| 612 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 613 | + font-weight: 400; | |
| 614 | + color: rgba(0, 0, 0, 0.65); | |
| 615 | + line-height: 20px; | |
| 616 | + } | |
| 617 | + | |
| 618 | + } | |
| 619 | + | |
| 620 | + .no_data { | |
| 621 | + width: 100%; | |
| 622 | + margin-top: 310rpx; | |
| 623 | + | |
| 624 | + .text_black_28 { | |
| 625 | + font-size: 14px; | |
| 626 | + font-family: PingFangSC-Light, PingFang SC; | |
| 627 | + font-weight: 300; | |
| 628 | + color: rgba(0,0,0,0.65); | |
| 629 | + text-align: center; | |
| 630 | + } | |
| 631 | + | |
| 632 | + } | |
| 633 | + | |
| 634 | + } | |
| 635 | + } | |
| 636 | +</style> | ... | ... |
| 1 | +<template> | |
| 2 | + <view class="page"> | |
| 3 | + <view class="top"> | |
| 4 | + <view class="title"> | |
| 5 | + {{detailObj.studentName}}提交的请假申请 | |
| 6 | + </view> | |
| 7 | + <view class="t1"> | |
| 8 | + {{detailObj.projectName}} | |
| 9 | + </view> | |
| 10 | + <!-- <view class="t2"> | |
| 11 | + {{detailObj.courseName}} | |
| 12 | + </view> --> | |
| 13 | + <view v-if="detailObj.status == 'wait'" class="status" style="color: #FFC200;"> | |
| 14 | + 待处理 | |
| 15 | + </view> | |
| 16 | + <view v-else-if="detailObj.status == 'passed'" class="status" style="color: #0CB17A;"> | |
| 17 | + 已通过 | |
| 18 | + </view> | |
| 19 | + <view v-else-if="detailObj.status == 'rejected'" class="status" style="color: red;"> | |
| 20 | + 已驳回 | |
| 21 | + </view> | |
| 22 | + </view> | |
| 23 | + <view class="content"> | |
| 24 | + <view class="c1"> | |
| 25 | + 申请类型 | |
| 26 | + </view> | |
| 27 | + <view class="c2"> | |
| 28 | + {{getCategoryList(detailObj.type)}} | |
| 29 | + </view> | |
| 30 | + <view class="grayV"> | |
| 31 | + <view class="g1"> | |
| 32 | + 实习时间 | |
| 33 | + </view> | |
| 34 | + <image class="timeline" src="/static/img/home/timeline.png"></image> | |
| 35 | + <view class="start"> | |
| 36 | + {{timeFormat(detailObj.formStartTime,'yyyy-mm-dd hh:MM')}} | |
| 37 | + </view> | |
| 38 | + <view class="end"> | |
| 39 | + {{timeFormat(detailObj.formEndTime,'yyyy-mm-dd hh:MM')}} | |
| 40 | + </view> | |
| 41 | + </view> | |
| 42 | + <!-- <view class="c1" style="margin-top: 16rpx;"> | |
| 43 | + 请假原因 | |
| 44 | + </view> | |
| 45 | + <view class="c2" style="margin-top: 16rpx;"> | |
| 46 | + {{detailObj.reason}} | |
| 47 | + </view> --> | |
| 48 | + <!-- <view class="c1" style="margin-top: 32rpx;"> | |
| 49 | + 附件 | |
| 50 | + </view> --> | |
| 51 | + <!-- <view v-if="picList.length>0" class="fj_content"> | |
| 52 | + <view class="item"> | |
| 53 | + <view class="p_item" v-for="(item, index) in picList" :key="index" @click="openImage(item)"> | |
| 54 | + <u-image :height="120" :width="120" :border-radius="16" :src="item"></u-image> | |
| 55 | + </view> | |
| 56 | + </view> | |
| 57 | + </view> --> | |
| 58 | + </view> | |
| 59 | + <view class="timeb"> | |
| 60 | + <view class="title"> | |
| 61 | + 审批信息 | |
| 62 | + </view> | |
| 63 | + <view style="padding: 10rpx;"> | |
| 64 | + <view> | |
| 65 | + <view v-for="(item,index) in questions" :key="index"> | |
| 66 | + <view class="nodef"> | |
| 67 | + <!-- <<!-- template v-slot:node> --> | |
| 68 | + <view class="node1"> | |
| 69 | + <view class="u-node"></view> | |
| 70 | + </view> | |
| 71 | + <!-- </template> --> | |
| 72 | + <!-- <template v-slot:content> --> | |
| 73 | + <view class="node2"> | |
| 74 | + <view style="display: flex; align-self: center; justify-content:space-between;"> | |
| 75 | + <view class='u-order-title'>{{item.title}}</view> | |
| 76 | + <view class='u-order-time'>{{timeFormat(item.time,'mm-dd hh:MM')}}</view> | |
| 77 | + </view> | |
| 78 | + <view class='u-order-desc'>{{item.desc}}{{item.peo?item.peo:''}}</view> | |
| 79 | + <view v-if="item.reply" class='u-order-reply'>{{item.reply}}</view> | |
| 80 | + </view> | |
| 81 | + <!-- </template> --> | |
| 82 | + </view> | |
| 83 | + </view> | |
| 84 | + </view> | |
| 85 | + </view> | |
| 86 | + </view> | |
| 87 | + <view style="height: 100px;"> | |
| 88 | + | |
| 89 | + </view> | |
| 90 | + <view class="footer" v-if="detailObj.status == 'wait'"> | |
| 91 | + <view class="left_btn"> | |
| 92 | + <c-button type="cancel" text="驳回" @click="handelCancel"> | |
| 93 | + </c-button> | |
| 94 | + </view> | |
| 95 | + <view class="right_btn"> | |
| 96 | + <c-button type="confirm" text="通过" @click="hancelSubmit"> | |
| 97 | + </c-button> | |
| 98 | + </view> | |
| 99 | + </view> | |
| 100 | + </view> | |
| 101 | +</template> | |
| 102 | + | |
| 103 | +<script> | |
| 104 | + import { | |
| 105 | + getformApplyschooldetailApi, | |
| 106 | + putformApplyApi, | |
| 107 | + getImgUrlApi, | |
| 108 | + } from '@/config/api.js'; | |
| 109 | + | |
| 110 | + export default { | |
| 111 | + data() { | |
| 112 | + return { | |
| 113 | + id: '', | |
| 114 | + picList: [], | |
| 115 | + detailObj: {}, | |
| 116 | + attachments: [], | |
| 117 | + questions: [], | |
| 118 | + categoryList: [{ | |
| 119 | + label: '开始实习申请', | |
| 120 | + value: 'start' | |
| 121 | + }, | |
| 122 | + { | |
| 123 | + label: '结束实习申请', | |
| 124 | + value: "end", | |
| 125 | + } | |
| 126 | + ], | |
| 127 | + } | |
| 128 | + }, | |
| 129 | + | |
| 130 | + onLoad(e) { | |
| 131 | + this.id = e.id | |
| 132 | + this.loadData() | |
| 133 | + }, | |
| 134 | + | |
| 135 | + methods: { | |
| 136 | + | |
| 137 | + loadData() { | |
| 138 | + getformApplyschooldetailApi(this.id).then(res => { | |
| 139 | + if (res) { | |
| 140 | + this.detailObj = res; | |
| 141 | + this.handleDatas() | |
| 142 | + | |
| 143 | + let q1 = { | |
| 144 | + title: '发起申请', | |
| 145 | + desc: this.detailObj.studentName, | |
| 146 | + time: this.detailObj.createdTime | |
| 147 | + } | |
| 148 | + | |
| 149 | + let s = '' | |
| 150 | + if (this.detailObj.status == 'wait') { | |
| 151 | + s = '(待处理)' | |
| 152 | + }else if (this.detailObj.status == 'passed') { | |
| 153 | + s = '(已通过)' | |
| 154 | + }else if (this.detailObj.status == 'rejected') { | |
| 155 | + s = '(已驳回)' | |
| 156 | + } | |
| 157 | + let q2 = { | |
| 158 | + title: '学校审批', | |
| 159 | + desc: this.detailObj.auditTeacher ? this.detailObj.auditTeacher : '-', | |
| 160 | + time: this.detailObj.auditTime, | |
| 161 | + // reply: this.detailObj.reply, | |
| 162 | + peo: s, | |
| 163 | + } | |
| 164 | + this.questions.push(q1) | |
| 165 | + if (this.detailObj.status != 'wait') { | |
| 166 | + this.questions.push(q2) | |
| 167 | + } | |
| 168 | + } | |
| 169 | + }) | |
| 170 | + }, | |
| 171 | + | |
| 172 | + handelCancel() { | |
| 173 | + putformApplyApi(this.id,{status: 'reject'}).then(res => { | |
| 174 | + if (res) { | |
| 175 | + uni.navigateBack({ | |
| 176 | + delta: 1 | |
| 177 | + }); | |
| 178 | + } | |
| 179 | + }) | |
| 180 | + }, | |
| 181 | + | |
| 182 | + hancelSubmit() { | |
| 183 | + putformApplyApi(this.id,{status: 'pass'}).then(res => { | |
| 184 | + if (res) { | |
| 185 | + uni.navigateBack({ | |
| 186 | + delta: 1 | |
| 187 | + }); | |
| 188 | + } | |
| 189 | + }) | |
| 190 | + }, | |
| 191 | + | |
| 192 | + getCategoryList(e) { | |
| 193 | + for (var i = 0; i < this.categoryList.length; i++) { | |
| 194 | + let item = this.categoryList[i] | |
| 195 | + if (e == item.value) { | |
| 196 | + return item.label | |
| 197 | + } | |
| 198 | + } | |
| 199 | + }, | |
| 200 | + | |
| 201 | + timeFormat(timestamp, format = 'yyyy-mm-dd') { | |
| 202 | + return timestamp > 0 ? uni.$u.timeFormat(timestamp, format) : '--' | |
| 203 | + }, | |
| 204 | + | |
| 205 | + handleDatas() { //处理获取的网络图片 | |
| 206 | + if (this.detailObj.attachments) { | |
| 207 | + this.createdTime = this.$u.timeFormat(this.detailObj.createdTime / 1000, 'yyyy/mm/dd'); | |
| 208 | + var originInfo = JSON.parse(this.detailObj.attachments); | |
| 209 | + this.attachments = this.attachments.concat(originInfo) | |
| 210 | + console.log("1---", originInfo, "2---", this.attachments) | |
| 211 | + if (originInfo && originInfo.length > 0) { | |
| 212 | + for (var i = 0; i < originInfo.length; i++) { | |
| 213 | + getImgUrlApi({ | |
| 214 | + bucket: originInfo[i].bucket, | |
| 215 | + filePath: originInfo[i].object | |
| 216 | + }).then(res => { | |
| 217 | + this.picList.push(res.url) | |
| 218 | + console.log('picList...', this.picList) | |
| 219 | + }) | |
| 220 | + } | |
| 221 | + } | |
| 222 | + } | |
| 223 | + }, | |
| 224 | + | |
| 225 | + openLink(e) { | |
| 226 | + var _this = this | |
| 227 | + | |
| 228 | + uni.showLoading({ | |
| 229 | + title: '努力加载中~', | |
| 230 | + mask: true | |
| 231 | + }) | |
| 232 | + | |
| 233 | + getImgUrlApi({ | |
| 234 | + bucket: e.bucket, | |
| 235 | + filePath: e.object | |
| 236 | + }).then(data => { | |
| 237 | + console.log("data...", data) | |
| 238 | + if (e.mime_type.indexOf("image") != -1) { | |
| 239 | + _this.openImage(data.url) | |
| 240 | + } else { | |
| 241 | + uni.downloadFile({ | |
| 242 | + url: data.url, | |
| 243 | + success: function(res) { | |
| 244 | + var filePath = res.tempFilePath; | |
| 245 | + uni.openDocument({ | |
| 246 | + filePath: filePath, | |
| 247 | + showMenu: true, | |
| 248 | + success: function(res) { | |
| 249 | + console.log('打开文档成功'); | |
| 250 | + }, | |
| 251 | + complete: function() { | |
| 252 | + uni.hideLoading(); | |
| 253 | + } | |
| 254 | + }); | |
| 255 | + } | |
| 256 | + }); | |
| 257 | + } | |
| 258 | + }) | |
| 259 | + }, | |
| 260 | + openImage(imgPath) { | |
| 261 | + let array = new Array(1).fill(imgPath); | |
| 262 | + uni.previewImage({ | |
| 263 | + urls: array, | |
| 264 | + success(res) { | |
| 265 | + uni.hideLoading(); | |
| 266 | + console.log('openImage success'); | |
| 267 | + }, | |
| 268 | + fail(res) { | |
| 269 | + uni.hideLoading(); | |
| 270 | + console.log('openImage fail:', res); | |
| 271 | + } | |
| 272 | + }); | |
| 273 | + }, | |
| 274 | + } | |
| 275 | + } | |
| 276 | +</script> | |
| 277 | + | |
| 278 | +<style> | |
| 279 | + page { | |
| 280 | + background-color: #F7F7F7; | |
| 281 | + } | |
| 282 | +</style> | |
| 283 | + | |
| 284 | +<style lang="scss" scoped> | |
| 285 | + .page { | |
| 286 | + padding: 16rpx 32rpx; | |
| 287 | + | |
| 288 | + .top { | |
| 289 | + padding: 40rpx 32rpx; | |
| 290 | + background-color: #fff; | |
| 291 | + border-radius: 10px; | |
| 292 | + | |
| 293 | + .title { | |
| 294 | + font-size: 20px; | |
| 295 | + font-family: PingFangSC-Semibold, PingFang SC; | |
| 296 | + font-weight: 600; | |
| 297 | + color: #000000; | |
| 298 | + } | |
| 299 | + | |
| 300 | + .t1 { | |
| 301 | + margin-top: 32rpx; | |
| 302 | + font-size: 13px; | |
| 303 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 304 | + font-weight: 400; | |
| 305 | + color: rgba(0,0,0,0.6500); | |
| 306 | + } | |
| 307 | + | |
| 308 | + .t2 { | |
| 309 | + margin-top: 16rpx; | |
| 310 | + font-size: 13px; | |
| 311 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 312 | + font-weight: 400; | |
| 313 | + color: rgba(0,0,0,0.6500); | |
| 314 | + } | |
| 315 | + | |
| 316 | + .status { | |
| 317 | + margin-top: 32rpx; | |
| 318 | + font-size: 13px; | |
| 319 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 320 | + font-weight: 400; | |
| 321 | + color: #FFC200; | |
| 322 | + } | |
| 323 | + } | |
| 324 | + | |
| 325 | + .content { | |
| 326 | + padding: 40rpx 32rpx; | |
| 327 | + background-color: #fff; | |
| 328 | + border-radius: 10px; | |
| 329 | + margin-top: 16rpx; | |
| 330 | + | |
| 331 | + .c1 { | |
| 332 | + font-size: 16px; | |
| 333 | + font-family: PingFangSC-Semibold, PingFang SC; | |
| 334 | + font-weight: 600; | |
| 335 | + color: #000000; | |
| 336 | + } | |
| 337 | + | |
| 338 | + .c2 { | |
| 339 | + margin-top: 16rpx; | |
| 340 | + font-size: 14px; | |
| 341 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 342 | + font-weight: 400; | |
| 343 | + color: rgba(0,0,0,0.6500); | |
| 344 | + } | |
| 345 | + | |
| 346 | + .grayV { | |
| 347 | + margin-top: 24rpx; | |
| 348 | + height: 98px; | |
| 349 | + background: #F7F7F7; | |
| 350 | + border-radius: 24px; | |
| 351 | + padding: 8rpx 16rpx; | |
| 352 | + position: relative; | |
| 353 | + | |
| 354 | + .g1 { | |
| 355 | + font-size: 16px; | |
| 356 | + font-family: PingFangSC-Semibold, PingFang SC; | |
| 357 | + font-weight: 600; | |
| 358 | + color: #000000; | |
| 359 | + } | |
| 360 | + | |
| 361 | + .timeline { | |
| 362 | + position: absolute; | |
| 363 | + left: 2rpx; | |
| 364 | + top: 72rpx; | |
| 365 | + width: 40rpx; | |
| 366 | + height: 100rpx; | |
| 367 | + } | |
| 368 | + | |
| 369 | + .start { | |
| 370 | + position: absolute; | |
| 371 | + left: 88rpx; | |
| 372 | + top: 68rpx; | |
| 373 | + font-size: 14px; | |
| 374 | + font-family: DINAlternate-Bold, DINAlternate; | |
| 375 | + font-weight: bold; | |
| 376 | + color: rgba(0,0,0,0.6500); | |
| 377 | + } | |
| 378 | + | |
| 379 | + .end { | |
| 380 | + position: absolute; | |
| 381 | + left: 88rpx; | |
| 382 | + top: 134rpx; | |
| 383 | + font-size: 14px; | |
| 384 | + font-family: DINAlternate-Bold, DINAlternate; | |
| 385 | + font-weight: bold; | |
| 386 | + color: rgba(0,0,0,0.6500); | |
| 387 | + } | |
| 388 | + } | |
| 389 | + | |
| 390 | + .fj_content { | |
| 391 | + margin-top: 8px; | |
| 392 | + background-color: #fff; | |
| 393 | + | |
| 394 | + .item { | |
| 395 | + width: 100%; | |
| 396 | + display: flex; | |
| 397 | + flex-direction: row; | |
| 398 | + flex-wrap: wrap; | |
| 399 | + | |
| 400 | + .p_item { | |
| 401 | + position: relative; | |
| 402 | + width: 120rpx; | |
| 403 | + height: 120rpx; | |
| 404 | + margin-right: 13px; | |
| 405 | + margin-bottom: 13px; | |
| 406 | + | |
| 407 | + .delete { | |
| 408 | + position: absolute; | |
| 409 | + width: 24rpx; | |
| 410 | + height: 24rpx; | |
| 411 | + top: -12rpx; | |
| 412 | + right: -12rpx; | |
| 413 | + z-index: 199; | |
| 414 | + } | |
| 415 | + } | |
| 416 | + | |
| 417 | + } | |
| 418 | + | |
| 419 | + } | |
| 420 | + } | |
| 421 | + | |
| 422 | + .timeb { | |
| 423 | + padding: 40rpx 36rpx; | |
| 424 | + background-color: #fff; | |
| 425 | + border-radius: 10px; | |
| 426 | + margin-top: 16rpx; | |
| 427 | + position: relative; | |
| 428 | + | |
| 429 | + .title { | |
| 430 | + font-size: 16px; | |
| 431 | + font-family: PingFangSC-Semibold, PingFang SC; | |
| 432 | + font-weight: 600; | |
| 433 | + color: #000000; | |
| 434 | + margin-bottom: 20rpx; | |
| 435 | + } | |
| 436 | + | |
| 437 | + .nodef { | |
| 438 | + display: flex; | |
| 439 | + justify-content: start; | |
| 440 | + margin-bottom: 30rpx; | |
| 441 | + | |
| 442 | + .node1 { | |
| 443 | + position: relative; | |
| 444 | + margin-top: 4px; | |
| 445 | + | |
| 446 | + .line { | |
| 447 | + position: absolute; | |
| 448 | + left: 5px; | |
| 449 | + width: 1px; | |
| 450 | + height: 100%; | |
| 451 | + background-color: #f7f7f7; | |
| 452 | + } | |
| 453 | + } | |
| 454 | + | |
| 455 | + .node2 { | |
| 456 | + margin-left: 10px; | |
| 457 | + } | |
| 458 | + } | |
| 459 | + | |
| 460 | + .u-node { | |
| 461 | + width: 8px; | |
| 462 | + height: 8px; | |
| 463 | + border-radius: 8rpx; | |
| 464 | + background: #E5E5E6; | |
| 465 | + } | |
| 466 | + | |
| 467 | + .u-order-title { | |
| 468 | + color: rgba(0,0,0,0.4500); | |
| 469 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 470 | + font-weight: 400; | |
| 471 | + font-size: 24rpx; | |
| 472 | + } | |
| 473 | + | |
| 474 | + .u-order-desc { | |
| 475 | + font-size: 14px; | |
| 476 | + font-weight: bold; | |
| 477 | + color: rgba(0,0,0,1); | |
| 478 | + } | |
| 479 | + | |
| 480 | + .u-order-kf { | |
| 481 | + margin-top: 20px; | |
| 482 | + font-size: 14px; | |
| 483 | + font-weight: 400; | |
| 484 | + color: #8C8E91; | |
| 485 | + } | |
| 486 | + | |
| 487 | + .u-order-time { | |
| 488 | + font-size: 12px; | |
| 489 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 490 | + font-weight: 500; | |
| 491 | + color: rgba(0,0,0,0.6500); | |
| 492 | + margin-left: 10px; | |
| 493 | + } | |
| 494 | + | |
| 495 | + .u-order-reply { | |
| 496 | + width: 245px; | |
| 497 | + padding: 10rpx 14rpx; | |
| 498 | + background: #F7F7F7; | |
| 499 | + border-radius: 24px; | |
| 500 | + margin-top: 14rpx; | |
| 501 | + } | |
| 502 | + | |
| 503 | + } | |
| 504 | + | |
| 505 | + .footer { | |
| 506 | + width: 100%; | |
| 507 | + height: 96rpx; | |
| 508 | + padding: 28rpx 30rpx; | |
| 509 | + background: #FFFFFF; | |
| 510 | + position: fixed; | |
| 511 | + bottom: 0; | |
| 512 | + left: 0; | |
| 513 | + z-index: 99; | |
| 514 | + border-top: 2rpx solid #E2E2E8; | |
| 515 | + | |
| 516 | + view { | |
| 517 | + display: inline-block; | |
| 518 | + } | |
| 519 | + | |
| 520 | + .left_btn { | |
| 521 | + width: 330rpx; | |
| 522 | + margin: 0 30rpx 0 0; | |
| 523 | + } | |
| 524 | + | |
| 525 | + .right_btn { | |
| 526 | + width: 330rpx; | |
| 527 | + } | |
| 528 | + } | |
| 529 | + | |
| 530 | + } | |
| 531 | +</style> | |
| \ No newline at end of file | ... | ... |
| 1 | 1 | <template> |
| 2 | 2 | <view class="registration_review"> |
| 3 | - <view class="search_box"> | |
| 4 | - <view class="check"> | |
| 5 | - <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | - <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | - v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | - activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | - </u-checkbox> | |
| 10 | - </u-checkbox-group> | |
| 11 | - </view> | |
| 12 | - | |
| 13 | - <view class="search"> | |
| 14 | - <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | - bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | - </u-search> | |
| 17 | - </view> | |
| 18 | - | |
| 19 | - <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 3 | + <view class="search_box"> | |
| 4 | + <!-- <view class="check"> | |
| 5 | + <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | + <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | + v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | + activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | + </u-checkbox> | |
| 10 | + </u-checkbox-group> | |
| 11 | + </view> --> | |
| 12 | + | |
| 13 | + <!-- <view class="search"> | |
| 14 | + <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | + bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | + </u-search> | |
| 17 | + </view> --> | |
| 18 | + <view style="width: 148px;"> | |
| 19 | + <u-subsection :list="['未阅','全部']" :current="curNow" :fontSize="26" :activeColor="'#000'" @change="sectionChange"></u-subsection> | |
| 20 | + </view> | |
| 21 | + <view style="display: flex; justify-content: space-between; align-items: center;"> | |
| 22 | + <u-icon slot="icon" size="40" :name="'/static/img/home/search.png'" @click="searchCli"></u-icon> | |
| 23 | + <view style="width: 16px;"></view> | |
| 24 | + <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 25 | + </view> | |
| 20 | 26 | </view> |
| 21 | 27 | |
| 22 | 28 | <u-sticky bgColor="#fff"> |
| ... | ... | @@ -68,8 +74,40 @@ |
| 68 | 74 | <view v-else class="no_data"> |
| 69 | 75 | <c-no-data></c-no-data> |
| 70 | 76 | </view> |
| 71 | - | |
| 72 | - <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 77 | + | |
| 78 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 79 | + <view class="popup"> | |
| 80 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 81 | + <view class="title"> | |
| 82 | + 项目筛选 | |
| 83 | + </view> | |
| 84 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 85 | + </view> | |
| 86 | + <view class="search"> | |
| 87 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 88 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 89 | + </u-search> | |
| 90 | + </view> | |
| 91 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 92 | + @scrolltolower="lower()"> | |
| 93 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 94 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 95 | + <view class="item_title"> | |
| 96 | + {{item.name}} | |
| 97 | + </view> | |
| 98 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" src="/static/img/home/popselect.png" mode=""></image> | |
| 99 | + </view> | |
| 100 | + </view> | |
| 101 | + </scroll-view> | |
| 102 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 103 | + <view class="text_black_28"> | |
| 104 | + 暂未搜索到该项目 | |
| 105 | + </view> | |
| 106 | + </view> | |
| 107 | + </view> | |
| 108 | + </u-popup> | |
| 109 | + | |
| 110 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 73 | 111 | <view class="popup_search"> |
| 74 | 112 | <view class="content"> |
| 75 | 113 | <view class="title">按项目筛选</view> |
| ... | ... | @@ -101,7 +139,7 @@ |
| 101 | 139 | </view> |
| 102 | 140 | </view> |
| 103 | 141 | </view> |
| 104 | - </u-popup> | |
| 142 | + </u-popup> --> | |
| 105 | 143 | </view> |
| 106 | 144 | </template> |
| 107 | 145 | |
| ... | ... | @@ -151,8 +189,13 @@ |
| 151 | 189 | projectId: '', |
| 152 | 190 | showTime: false, |
| 153 | 191 | timeValue: '', |
| 154 | - switchValue: false, | |
| 155 | - | |
| 192 | + switchValue: false, | |
| 193 | + | |
| 194 | + curNow: 1, | |
| 195 | + sxsearch: '', | |
| 196 | + works: [], | |
| 197 | + workspage: 1, | |
| 198 | + workstotal: 0, | |
| 156 | 199 | } |
| 157 | 200 | }, |
| 158 | 201 | |
| ... | ... | @@ -161,11 +204,13 @@ |
| 161 | 204 | this.studentId = option.studentId; |
| 162 | 205 | this.projectId = option.projectId; |
| 163 | 206 | |
| 164 | - this.$store.dispatch(`home/getProjectList`, { | |
| 165 | - pageSize: -1, | |
| 166 | - }) | |
| 207 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 208 | + // pageSize: -1, | |
| 209 | + // }) | |
| 167 | 210 | |
| 168 | - this.search.keySearch = ''; | |
| 211 | + // this.search.keySearch = ''; | |
| 212 | + | |
| 213 | + this.worksloadData() | |
| 169 | 214 | |
| 170 | 215 | if (option && option.category) { |
| 171 | 216 | this.search.category = option.category; |
| ... | ... | @@ -176,10 +221,17 @@ |
| 176 | 221 | ''; |
| 177 | 222 | } |
| 178 | 223 | |
| 224 | + // if (option && option.status) { | |
| 225 | + // this.search.status = 'unread'; | |
| 226 | + // this.checkboxValue = ['未阅']; | |
| 227 | + // this.switchValue = true; | |
| 228 | + // } | |
| 229 | + | |
| 179 | 230 | if (option && option.status) { |
| 180 | - this.search.status = 'unread'; | |
| 181 | - this.checkboxValue = ['未阅']; | |
| 182 | - this.switchValue = true; | |
| 231 | + // this.search.status = 'wait'; | |
| 232 | + this.curNow = 0; | |
| 233 | + // this.checkboxValue = ['待处理']; | |
| 234 | + // this.switchValue = true; | |
| 183 | 235 | } |
| 184 | 236 | |
| 185 | 237 | this.finished = false; |
| ... | ... | @@ -189,6 +241,10 @@ |
| 189 | 241 | }, |
| 190 | 242 | |
| 191 | 243 | onShow() { |
| 244 | + this.finished = false; | |
| 245 | + this.loading = "loadmore"; | |
| 246 | + this.page = 0; | |
| 247 | + this.list = []; | |
| 192 | 248 | this._getList(); |
| 193 | 249 | }, |
| 194 | 250 | |
| ... | ... | @@ -201,6 +257,20 @@ |
| 201 | 257 | |
| 202 | 258 | methods: { |
| 203 | 259 | |
| 260 | + searchCli() { | |
| 261 | + this.$u.route('/pages/main/home/search/search?type=log&searchkey=' + this.keyword); | |
| 262 | + }, | |
| 263 | + | |
| 264 | + sectionChange(index) { | |
| 265 | + this.curNow = index; | |
| 266 | + | |
| 267 | + this.finished = false; | |
| 268 | + this.loading = "loadmore"; | |
| 269 | + this.page = 0; | |
| 270 | + this.list = []; | |
| 271 | + this._getList(); | |
| 272 | + }, | |
| 273 | + | |
| 204 | 274 | getCreatedTime(e) { |
| 205 | 275 | let time = this.$u.timeFormat(e.logTime / 1000, 'yyyy/mm/dd'); |
| 206 | 276 | if (e.category == "weekly") { |
| ... | ... | @@ -313,8 +383,12 @@ |
| 313 | 383 | params.pageNumber = requestParams.page + 1; |
| 314 | 384 | params.pageSize = 5; |
| 315 | 385 | |
| 316 | - if (search.status) { | |
| 317 | - params.status = search.status; | |
| 386 | + // if (search.status) { | |
| 387 | + // params.status = search.status; | |
| 388 | + // } | |
| 389 | + | |
| 390 | + if (this.curNow == 0) { | |
| 391 | + params.status = 'unread'; | |
| 318 | 392 | } |
| 319 | 393 | |
| 320 | 394 | if (search.category) { |
| ... | ... | @@ -391,7 +465,53 @@ |
| 391 | 465 | |
| 392 | 466 | this.show = false; |
| 393 | 467 | }, |
| 394 | - | |
| 468 | + | |
| 469 | + workSearch() { | |
| 470 | + uni.hideKeyboard(); | |
| 471 | + this.works = [] | |
| 472 | + this.worksloadData() | |
| 473 | + }, | |
| 474 | + | |
| 475 | + lower() { | |
| 476 | + setTimeout(() => { | |
| 477 | + this.worksloadData(true); | |
| 478 | + }, 200) | |
| 479 | + }, | |
| 480 | + | |
| 481 | + worksloadData(e) { | |
| 482 | + let params = {} | |
| 483 | + // this.loading = 'loading' | |
| 484 | + | |
| 485 | + if (e) { | |
| 486 | + if (this.total <= this.works.length) { | |
| 487 | + // this.loading = 'nomore' | |
| 488 | + return | |
| 489 | + } | |
| 490 | + this.workspage++ | |
| 491 | + } else { | |
| 492 | + this.workspage = 1 | |
| 493 | + } | |
| 494 | + params['pageNumber'] = this.workspage | |
| 495 | + if (this.sxsearch) { | |
| 496 | + params['keyWord'] = this.sxsearch | |
| 497 | + } | |
| 498 | + getProjectListApi(params).then(async res => { | |
| 499 | + if (res) { | |
| 500 | + this.total = res.total | |
| 501 | + // this.loading = 'loadmore' | |
| 502 | + this.works = this.works.concat(res.records) | |
| 503 | + } | |
| 504 | + }) | |
| 505 | + }, | |
| 506 | + popupSelItem(item) { | |
| 507 | + this.show = false | |
| 508 | + this.projectId = item.id; | |
| 509 | + this.finished = false; | |
| 510 | + this.loading = "loadmore"; | |
| 511 | + this.page = 0; | |
| 512 | + this.list = []; | |
| 513 | + this._getList(); | |
| 514 | + }, | |
| 395 | 515 | } |
| 396 | 516 | } |
| 397 | 517 | </script> |
| ... | ... | @@ -610,6 +730,53 @@ |
| 610 | 730 | width: 346rpx; |
| 611 | 731 | } |
| 612 | 732 | } |
| 733 | + } | |
| 734 | + | |
| 735 | + .popup { | |
| 736 | + height: 500px; | |
| 737 | + padding: 19px 16px; | |
| 738 | + | |
| 739 | + .title { | |
| 740 | + font-size: 18px; | |
| 741 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 742 | + font-weight: 500; | |
| 743 | + color: #000000; | |
| 744 | + } | |
| 745 | + | |
| 746 | + .close { | |
| 747 | + width: 22px; | |
| 748 | + height: 22px; | |
| 749 | + } | |
| 750 | + | |
| 751 | + .item_box { | |
| 752 | + border-radius: 4px; | |
| 753 | + margin: 0 0 48rpx; | |
| 754 | + | |
| 755 | + .item_title { | |
| 756 | + height: 20px; | |
| 757 | + font-size: 14px; | |
| 758 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 759 | + font-weight: 400; | |
| 760 | + color: rgba(0, 0, 0, 0.65); | |
| 761 | + line-height: 20px; | |
| 762 | + } | |
| 763 | + | |
| 764 | + } | |
| 765 | + | |
| 766 | + .no_data { | |
| 767 | + width: 100%; | |
| 768 | + margin-top: 310rpx; | |
| 769 | + | |
| 770 | + .text_black_28 { | |
| 771 | + font-size: 14px; | |
| 772 | + font-family: PingFangSC-Light, PingFang SC; | |
| 773 | + font-weight: 300; | |
| 774 | + color: rgba(0,0,0,0.65); | |
| 775 | + text-align: center; | |
| 776 | + } | |
| 777 | + | |
| 778 | + } | |
| 779 | + | |
| 613 | 780 | } |
| 614 | 781 | } |
| 615 | 782 | </style> | ... | ... |
| 1 | 1 | <template> |
| 2 | 2 | <view class="registration_review"> |
| 3 | - <view class="search_box"> | |
| 4 | - <view class="check"> | |
| 5 | - <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | - <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | - v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | - activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | - </u-checkbox> | |
| 10 | - </u-checkbox-group> | |
| 11 | - </view> | |
| 12 | - | |
| 13 | - <view class="search"> | |
| 14 | - <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | - bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | - </u-search> | |
| 17 | - </view> | |
| 18 | - | |
| 19 | - <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 3 | + <view class="search_box"> | |
| 4 | + <!-- <view class="check"> | |
| 5 | + <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | + <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | + v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | + activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | + </u-checkbox> | |
| 10 | + </u-checkbox-group> | |
| 11 | + </view> --> | |
| 12 | + | |
| 13 | + <!-- <view class="search"> | |
| 14 | + <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | + bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | + </u-search> | |
| 17 | + </view> --> | |
| 18 | + <view style="width: 148px;"> | |
| 19 | + <u-subsection :list="['待审核','全部']" :current="curNow" :fontSize="26" :activeColor="'#000'" @change="sectionChange"></u-subsection> | |
| 20 | + </view> | |
| 21 | + <view style="display: flex; justify-content: space-between; align-items: center;"> | |
| 22 | + <u-icon slot="icon" size="40" :name="'/static/img/home/search.png'" @click="searchCli"></u-icon> | |
| 23 | + <view style="width: 16px;"></view> | |
| 24 | + <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 25 | + </view> | |
| 20 | 26 | </view> |
| 21 | 27 | |
| 22 | 28 | <view class="list_box" v-if="list.length > 0"> |
| ... | ... | @@ -59,9 +65,41 @@ |
| 59 | 65 | </view> |
| 60 | 66 | <view v-else class="no_data"> |
| 61 | 67 | <c-no-data></c-no-data> |
| 62 | - </view> | |
| 68 | + </view> | |
| 69 | + | |
| 70 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 71 | + <view class="popup"> | |
| 72 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 73 | + <view class="title"> | |
| 74 | + 项目筛选 | |
| 75 | + </view> | |
| 76 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 77 | + </view> | |
| 78 | + <view class="search"> | |
| 79 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 80 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 81 | + </u-search> | |
| 82 | + </view> | |
| 83 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 84 | + @scrolltolower="lower()"> | |
| 85 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 86 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 87 | + <view class="item_title"> | |
| 88 | + {{item.name}} | |
| 89 | + </view> | |
| 90 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" src="/static/img/home/popselect.png" mode=""></image> | |
| 91 | + </view> | |
| 92 | + </view> | |
| 93 | + </scroll-view> | |
| 94 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 95 | + <view class="text_black_28"> | |
| 96 | + 暂未搜索到该项目 | |
| 97 | + </view> | |
| 98 | + </view> | |
| 99 | + </view> | |
| 100 | + </u-popup> | |
| 63 | 101 | |
| 64 | - <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 102 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 65 | 103 | <view class="popup_search"> |
| 66 | 104 | <view class="content"> |
| 67 | 105 | <view class="title">按项目筛选</view> |
| ... | ... | @@ -94,7 +132,7 @@ |
| 94 | 132 | </view> |
| 95 | 133 | |
| 96 | 134 | </view> |
| 97 | - </u-popup> | |
| 135 | + </u-popup> --> | |
| 98 | 136 | |
| 99 | 137 | </view> |
| 100 | 138 | </template> |
| ... | ... | @@ -132,32 +170,44 @@ |
| 132 | 170 | |
| 133 | 171 | }, |
| 134 | 172 | projectId: '', |
| 135 | - switchValue: false, | |
| 173 | + switchValue: false, | |
| 174 | + curNow: 1, | |
| 175 | + sxsearch: '', | |
| 176 | + works: [], | |
| 177 | + workspage: 1, | |
| 178 | + workstotal: 0, | |
| 136 | 179 | } |
| 137 | 180 | }, |
| 138 | 181 | |
| 139 | 182 | onLoad(option) { |
| 140 | 183 | console.log(option) |
| 141 | - this.$store.dispatch(`home/getProjectList`, { | |
| 142 | - pageSize: -1, | |
| 143 | - }) | |
| 144 | - | |
| 145 | - this.search.keySearch = ''; | |
| 146 | - | |
| 184 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 185 | + // pageSize: -1, | |
| 186 | + // }) | |
| 187 | + | |
| 188 | + // this.search.keySearch = ''; | |
| 189 | + | |
| 190 | + this.worksloadData() | |
| 191 | + | |
| 147 | 192 | if (option && option.status) { |
| 148 | - this.search.status = 'wait'; | |
| 149 | - this.checkboxValue = ['待审核']; | |
| 150 | - this.switchValue = true; | |
| 193 | + // this.search.status = 'wait'; | |
| 194 | + // this.checkboxValue = ['待审核']; | |
| 195 | + // this.switchValue = true; | |
| 196 | + this.curNow = 0; | |
| 151 | 197 | } |
| 152 | 198 | |
| 153 | - this.finished = false; | |
| 154 | - this.loading = "loadmore"; | |
| 155 | - this.page = 0; | |
| 156 | - this.list = []; | |
| 199 | + // this.finished = false; | |
| 200 | + // this.loading = "loadmore"; | |
| 201 | + // this.page = 0; | |
| 202 | + // this.list = []; | |
| 157 | 203 | |
| 158 | 204 | }, |
| 159 | 205 | |
| 160 | 206 | onShow() { |
| 207 | + this.finished = false; | |
| 208 | + this.loading = "loadmore"; | |
| 209 | + this.page = 0; | |
| 210 | + this.list = []; | |
| 161 | 211 | this._getList(); |
| 162 | 212 | }, |
| 163 | 213 | |
| ... | ... | @@ -170,7 +220,21 @@ |
| 170 | 220 | |
| 171 | 221 | }, |
| 172 | 222 | |
| 173 | - methods: { | |
| 223 | + methods: { | |
| 224 | + | |
| 225 | + searchCli() { | |
| 226 | + this.$u.route('/pages/main/home/search/search?type=reg&searchkey=' + this.keyword); | |
| 227 | + }, | |
| 228 | + | |
| 229 | + sectionChange(index) { | |
| 230 | + this.curNow = index; | |
| 231 | + | |
| 232 | + this.finished = false; | |
| 233 | + this.loading = "loadmore"; | |
| 234 | + this.page = 0; | |
| 235 | + this.list = []; | |
| 236 | + this._getList(); | |
| 237 | + }, | |
| 174 | 238 | |
| 175 | 239 | handelDetail(record) { |
| 176 | 240 | this.$u.route({ |
| ... | ... | @@ -228,8 +292,14 @@ |
| 228 | 292 | params.pageNumber = requestParams.page + 1; |
| 229 | 293 | params.pageSize = 5; |
| 230 | 294 | |
| 231 | - if (search.status) { | |
| 232 | - params.status = search.status; | |
| 295 | + // if (search.status) { | |
| 296 | + // params.status = search.status; | |
| 297 | + // } | |
| 298 | + | |
| 299 | + if (this.curNow == 0) { | |
| 300 | + params.status = 'wait'; | |
| 301 | + }else { | |
| 302 | + params.status = 'wait,pass,reject'; | |
| 233 | 303 | } |
| 234 | 304 | |
| 235 | 305 | if (this.keyword) { |
| ... | ... | @@ -300,7 +370,53 @@ |
| 300 | 370 | |
| 301 | 371 | this.show = false; |
| 302 | 372 | }, |
| 303 | - | |
| 373 | + | |
| 374 | + workSearch() { | |
| 375 | + uni.hideKeyboard(); | |
| 376 | + this.works = [] | |
| 377 | + this.worksloadData() | |
| 378 | + }, | |
| 379 | + | |
| 380 | + lower() { | |
| 381 | + setTimeout(() => { | |
| 382 | + this.worksloadData(true); | |
| 383 | + }, 200) | |
| 384 | + }, | |
| 385 | + | |
| 386 | + worksloadData(e) { | |
| 387 | + let params = {} | |
| 388 | + // this.loading = 'loading' | |
| 389 | + | |
| 390 | + if (e) { | |
| 391 | + if (this.total <= this.works.length) { | |
| 392 | + // this.loading = 'nomore' | |
| 393 | + return | |
| 394 | + } | |
| 395 | + this.workspage++ | |
| 396 | + } else { | |
| 397 | + this.workspage = 1 | |
| 398 | + } | |
| 399 | + params['pageNumber'] = this.workspage | |
| 400 | + if (this.sxsearch) { | |
| 401 | + params['keyWord'] = this.sxsearch | |
| 402 | + } | |
| 403 | + getProjectListApi(params).then(async res => { | |
| 404 | + if (res) { | |
| 405 | + this.total = res.total | |
| 406 | + // this.loading = 'loadmore' | |
| 407 | + this.works = this.works.concat(res.records) | |
| 408 | + } | |
| 409 | + }) | |
| 410 | + }, | |
| 411 | + popupSelItem(item) { | |
| 412 | + this.show = false | |
| 413 | + this.projectId = item.id; | |
| 414 | + this.finished = false; | |
| 415 | + this.loading = "loadmore"; | |
| 416 | + this.page = 0; | |
| 417 | + this.list = []; | |
| 418 | + this._getList(); | |
| 419 | + }, | |
| 304 | 420 | } |
| 305 | 421 | } |
| 306 | 422 | </script> |
| ... | ... | @@ -480,6 +596,53 @@ |
| 480 | 596 | width: 346rpx; |
| 481 | 597 | } |
| 482 | 598 | } |
| 599 | + } | |
| 600 | + | |
| 601 | + .popup { | |
| 602 | + height: 500px; | |
| 603 | + padding: 19px 16px; | |
| 604 | + | |
| 605 | + .title { | |
| 606 | + font-size: 18px; | |
| 607 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 608 | + font-weight: 500; | |
| 609 | + color: #000000; | |
| 610 | + } | |
| 611 | + | |
| 612 | + .close { | |
| 613 | + width: 22px; | |
| 614 | + height: 22px; | |
| 615 | + } | |
| 616 | + | |
| 617 | + .item_box { | |
| 618 | + border-radius: 4px; | |
| 619 | + margin: 0 0 48rpx; | |
| 620 | + | |
| 621 | + .item_title { | |
| 622 | + height: 20px; | |
| 623 | + font-size: 14px; | |
| 624 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 625 | + font-weight: 400; | |
| 626 | + color: rgba(0, 0, 0, 0.65); | |
| 627 | + line-height: 20px; | |
| 628 | + } | |
| 629 | + | |
| 630 | + } | |
| 631 | + | |
| 632 | + .no_data { | |
| 633 | + width: 100%; | |
| 634 | + margin-top: 310rpx; | |
| 635 | + | |
| 636 | + .text_black_28 { | |
| 637 | + font-size: 14px; | |
| 638 | + font-family: PingFangSC-Light, PingFang SC; | |
| 639 | + font-weight: 300; | |
| 640 | + color: rgba(0, 0, 0, 0.65); | |
| 641 | + text-align: center; | |
| 642 | + } | |
| 643 | + | |
| 644 | + } | |
| 645 | + | |
| 483 | 646 | } |
| 484 | 647 | } |
| 485 | 648 | </style> | ... | ... |
| ... | ... | @@ -216,106 +216,54 @@ |
| 216 | 216 | }) |
| 217 | 217 | }, |
| 218 | 218 | |
| 219 | - openLink(e) { | |
| 220 | - var _this = this | |
| 221 | - this.mFileDir = e.filename.substring(0, e.filename.lastIndexOf('.')) | |
| 222 | - this.mFileType = e.filename.substring(e.filename.lastIndexOf('.'), e.filename.length) | |
| 223 | - getImgUrlApi({ | |
| 224 | - bucket: e.bucket, | |
| 225 | - filePath: e.object | |
| 226 | - }).then(data => { | |
| 227 | - console.log("data...", data) | |
| 228 | - if (e.mime_type.indexOf("image") != -1) { | |
| 229 | - _this.openImage(data.url) | |
| 230 | - } else { | |
| 231 | - uni.downloadFile({ | |
| 232 | - url: data.url, | |
| 233 | - filePath: wx.env.USER_DATA_PATH + '/' + _this.mFileDir + this.mFileType, | |
| 234 | - success: (res) => { | |
| 235 | - if (res.statusCode === 200) { | |
| 236 | - uni.showLoading(); | |
| 237 | - console.log('download succ', res) | |
| 238 | - let fileMgr = wx.getFileSystemManager(); | |
| 239 | - let filePath = res.filePath | |
| 240 | - uni.saveFile({ | |
| 241 | - tempFilePath: filePath, | |
| 242 | - success: function(res) { | |
| 243 | - var savedFilePath = res.savedFilePath; | |
| 244 | - /* 删除缓存 */ | |
| 245 | - fileMgr.unlink({ | |
| 246 | - filePath: wx.env.USER_DATA_PATH + | |
| 247 | - '/' + | |
| 248 | - _this.mFileDir + _this | |
| 249 | - .mFileType, | |
| 250 | - success: function(res) { | |
| 251 | - console.log( | |
| 252 | - 'unlink success:', | |
| 253 | - res); | |
| 254 | - } | |
| 255 | - }) | |
| 256 | - _this.openDoc() | |
| 257 | - }, | |
| 258 | - fail: function(res) { | |
| 259 | - console.log('save fail', res); | |
| 260 | - _this.createFile() | |
| 261 | - } | |
| 262 | - }) | |
| 263 | - } | |
| 264 | - } | |
| 265 | - }); | |
| 266 | - } | |
| 267 | - }) | |
| 268 | - }, | |
| 269 | - | |
| 270 | - createFile() { | |
| 271 | - let fileMgr = wx.getFileSystemManager(); | |
| 272 | - var _this = this | |
| 273 | - //利用access方法判断文件是否可用 | |
| 274 | - fileMgr.access({ | |
| 275 | - path: wx.env.USER_DATA_PATH + '/' + _this.mFileDir, | |
| 276 | - success: (res) => { | |
| 277 | - console.log('check success:', res); | |
| 278 | - _this.openDoc() | |
| 279 | - }, | |
| 280 | - fail: (res) => { | |
| 281 | - console.log('check fail.', res); | |
| 282 | - fileMgr.mkdir({ | |
| 283 | - dirPath: wx.env.USER_DATA_PATH + '/' + _this.mFileDir, | |
| 284 | - success: (res) => { | |
| 285 | - console.log('mk dir success:', res); | |
| 286 | - _this.openDoc() | |
| 287 | - }, | |
| 288 | - fail: (res) => { | |
| 289 | - console.log('mk dir fail:', res); | |
| 290 | - uni.hideLoading(); | |
| 291 | - } | |
| 292 | - }); | |
| 293 | - } | |
| 294 | - }); | |
| 295 | - }, | |
| 296 | - | |
| 297 | - openDoc() { | |
| 298 | - uni.openDocument({ | |
| 299 | - filePath: wx.env.USER_DATA_PATH + '/' + this.mFileDir + this.mFileType, | |
| 300 | - showMenu: true, | |
| 301 | - success: function(res) { | |
| 302 | - uni.hideLoading(); | |
| 303 | - console.log('openDoc succ'); | |
| 304 | - } | |
| 305 | - }); | |
| 306 | - }, | |
| 307 | - | |
| 308 | - openImage(imgPath) { | |
| 309 | - let array = new Array(1).fill(imgPath); | |
| 310 | - uni.previewImage({ | |
| 311 | - urls: array, | |
| 312 | - success(res) { | |
| 313 | - console.log('openImage success'); | |
| 314 | - }, | |
| 315 | - fail(res) { | |
| 316 | - console.log('openImage fail:', res); | |
| 317 | - } | |
| 318 | - }); | |
| 219 | + openLink(e) { | |
| 220 | + var _this = this | |
| 221 | + | |
| 222 | + uni.showLoading({ | |
| 223 | + title: '努力加载中~', | |
| 224 | + mask: true | |
| 225 | + }) | |
| 226 | + | |
| 227 | + getImgUrlApi({ | |
| 228 | + bucket: e.bucket, | |
| 229 | + filePath: e.object | |
| 230 | + }).then(data => { | |
| 231 | + console.log("data...", data) | |
| 232 | + if (e.mime_type.indexOf("image") != -1) { | |
| 233 | + _this.openImage(data.url) | |
| 234 | + } else { | |
| 235 | + uni.downloadFile({ | |
| 236 | + url: data.url, | |
| 237 | + success: function(res) { | |
| 238 | + var filePath = res.tempFilePath; | |
| 239 | + uni.openDocument({ | |
| 240 | + filePath: filePath, | |
| 241 | + showMenu: true, | |
| 242 | + success: function(res) { | |
| 243 | + console.log('打开文档成功'); | |
| 244 | + }, | |
| 245 | + complete: function() { | |
| 246 | + uni.hideLoading(); | |
| 247 | + } | |
| 248 | + }); | |
| 249 | + } | |
| 250 | + }); | |
| 251 | + } | |
| 252 | + }) | |
| 253 | + }, | |
| 254 | + openImage(imgPath) { | |
| 255 | + let array = new Array(1).fill(imgPath); | |
| 256 | + uni.previewImage({ | |
| 257 | + urls: array, | |
| 258 | + success(res) { | |
| 259 | + uni.hideLoading(); | |
| 260 | + console.log('openImage success'); | |
| 261 | + }, | |
| 262 | + fail(res) { | |
| 263 | + uni.hideLoading(); | |
| 264 | + console.log('openImage fail:', res); | |
| 265 | + } | |
| 266 | + }); | |
| 319 | 267 | }, |
| 320 | 268 | |
| 321 | 269 | deletePic(index) { | ... | ... |
| 1 | 1 | <template> |
| 2 | 2 | <view class="registration_review"> |
| 3 | - <view class="search_box" v-if="!studentId"> | |
| 4 | - <view class="top"> | |
| 5 | - <view class="check"> | |
| 6 | - <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 7 | - <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 8 | - v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 9 | - activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 10 | - </u-checkbox> | |
| 11 | - </u-checkbox-group> | |
| 12 | - </view> | |
| 13 | - | |
| 14 | - <view class="search"> | |
| 15 | - <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 16 | - bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 17 | - </u-search> | |
| 18 | - </view> | |
| 19 | - | |
| 20 | - <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 21 | - </view> | |
| 3 | + <view class="search_box"> | |
| 4 | + <!-- <view class="check"> | |
| 5 | + <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 6 | + <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 7 | + v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 8 | + activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 9 | + </u-checkbox> | |
| 10 | + </u-checkbox-group> | |
| 11 | + </view> --> | |
| 12 | + | |
| 13 | + <!-- <view class="search"> | |
| 14 | + <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 15 | + bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 16 | + </u-search> | |
| 17 | + </view> --> | |
| 18 | + <view style="width: 148px;"> | |
| 19 | + <u-subsection :list="['待审核','全部']" :current="curNow" :fontSize="26" :activeColor="'#000'" | |
| 20 | + @change="sectionChange"></u-subsection> | |
| 21 | + </view> | |
| 22 | + <view style="display: flex; justify-content: space-between; align-items: center;"> | |
| 23 | + <u-icon slot="icon" size="40" :name="'/static/img/home/search.png'" @click="searchCli"></u-icon> | |
| 24 | + <view style="width: 16px;"></view> | |
| 25 | + <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 26 | + </view> | |
| 22 | 27 | </view> |
| 23 | 28 | |
| 24 | 29 | <view class="list_box" v-if="list.length > 0"> |
| ... | ... | @@ -60,8 +65,41 @@ |
| 60 | 65 | <view v-else class="no_data"> |
| 61 | 66 | <c-no-data></c-no-data> |
| 62 | 67 | </view> |
| 63 | - | |
| 64 | - <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 68 | + | |
| 69 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 70 | + <view class="popup"> | |
| 71 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 72 | + <view class="title"> | |
| 73 | + 项目筛选 | |
| 74 | + </view> | |
| 75 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 76 | + </view> | |
| 77 | + <view class="search"> | |
| 78 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 79 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 80 | + </u-search> | |
| 81 | + </view> | |
| 82 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 83 | + @scrolltolower="lower()"> | |
| 84 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 85 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 86 | + <view class="item_title"> | |
| 87 | + {{item.name}} | |
| 88 | + </view> | |
| 89 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" | |
| 90 | + src="/static/img/home/popselect.png" mode=""></image> | |
| 91 | + </view> | |
| 92 | + </view> | |
| 93 | + </scroll-view> | |
| 94 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 95 | + <view class="text_black_28"> | |
| 96 | + 暂未搜索到该项目 | |
| 97 | + </view> | |
| 98 | + </view> | |
| 99 | + </view> | |
| 100 | + </u-popup> | |
| 101 | + | |
| 102 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 65 | 103 | <view class="popup_search"> |
| 66 | 104 | <view class="content"> |
| 67 | 105 | <view class="title">按项目筛选</view> |
| ... | ... | @@ -94,7 +132,7 @@ |
| 94 | 132 | </view> |
| 95 | 133 | |
| 96 | 134 | </view> |
| 97 | - </u-popup> | |
| 135 | + </u-popup> --> | |
| 98 | 136 | |
| 99 | 137 | </view> |
| 100 | 138 | </template> |
| ... | ... | @@ -144,7 +182,11 @@ |
| 144 | 182 | list: [], //列表必须为key list的数组 |
| 145 | 183 | projectId: '', |
| 146 | 184 | switchValue: false, |
| 147 | - | |
| 185 | + curNow: 1, | |
| 186 | + sxsearch: '', | |
| 187 | + works: [], | |
| 188 | + workspage: 1, | |
| 189 | + workstotal: 0, | |
| 148 | 190 | } |
| 149 | 191 | }, |
| 150 | 192 | |
| ... | ... | @@ -153,16 +195,19 @@ |
| 153 | 195 | this.studentId = option.studentId; |
| 154 | 196 | this.projectId = option.projectId; |
| 155 | 197 | |
| 156 | - this.$store.dispatch(`home/getProjectList`, { | |
| 157 | - pageSize: -1, | |
| 158 | - }) | |
| 198 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 199 | + // pageSize: -1, | |
| 200 | + // }) | |
| 201 | + | |
| 202 | + this.worksloadData() | |
| 159 | 203 | |
| 160 | - this.search.keySearch = ''; | |
| 204 | + // this.search.keySearch = ''; | |
| 161 | 205 | |
| 162 | 206 | if (option && option.status) { |
| 163 | - this.search.status = 'stay_examine'; | |
| 164 | - this.checkboxValue = ['待批阅']; | |
| 165 | - this.switchValue = true; | |
| 207 | + // this.search.status = 'stay_examine'; | |
| 208 | + // this.checkboxValue = ['待批阅']; | |
| 209 | + // this.switchValue = true; | |
| 210 | + this.curNow = 0; | |
| 166 | 211 | } |
| 167 | 212 | |
| 168 | 213 | this.finished = false; |
| ... | ... | @@ -172,6 +217,10 @@ |
| 172 | 217 | }, |
| 173 | 218 | |
| 174 | 219 | onShow() { |
| 220 | + this.finished = false; | |
| 221 | + this.loading = "loadmore"; | |
| 222 | + this.page = 0; | |
| 223 | + this.list = []; | |
| 175 | 224 | this._getList(); |
| 176 | 225 | }, |
| 177 | 226 | |
| ... | ... | @@ -184,7 +233,22 @@ |
| 184 | 233 | |
| 185 | 234 | }, |
| 186 | 235 | |
| 187 | - methods: { | |
| 236 | + methods: { | |
| 237 | + | |
| 238 | + searchCli() { | |
| 239 | + this.$u.route('/pages/main/home/search/search?type=report&searchkey=' + this.keyword); | |
| 240 | + }, | |
| 241 | + | |
| 242 | + sectionChange(index) { | |
| 243 | + this.curNow = index; | |
| 244 | + | |
| 245 | + this.finished = false; | |
| 246 | + this.loading = "loadmore"; | |
| 247 | + this.page = 0; | |
| 248 | + this.list = []; | |
| 249 | + this._getList(); | |
| 250 | + }, | |
| 251 | + | |
| 188 | 252 | getNameLastTwo(value) { |
| 189 | 253 | if (value && value.length > 3) { |
| 190 | 254 | return value.substring(value.length - 3) |
| ... | ... | @@ -262,8 +326,12 @@ |
| 262 | 326 | params.pageNumber = requestParams.page + 1; |
| 263 | 327 | params.pageSize = 5; |
| 264 | 328 | |
| 265 | - if (search.status) { | |
| 266 | - params.status = search.status; | |
| 329 | + // if (search.status) { | |
| 330 | + // params.status = search.status; | |
| 331 | + // } | |
| 332 | + | |
| 333 | + if (this.curNow == 0) { | |
| 334 | + params.status = 'stay_examine'; | |
| 267 | 335 | } |
| 268 | 336 | |
| 269 | 337 | if (this.keyword) { |
| ... | ... | @@ -338,7 +406,53 @@ |
| 338 | 406 | |
| 339 | 407 | this.show = false; |
| 340 | 408 | }, |
| 341 | - | |
| 409 | + | |
| 410 | + workSearch() { | |
| 411 | + uni.hideKeyboard(); | |
| 412 | + this.works = [] | |
| 413 | + this.worksloadData() | |
| 414 | + }, | |
| 415 | + | |
| 416 | + lower() { | |
| 417 | + setTimeout(() => { | |
| 418 | + this.worksloadData(true); | |
| 419 | + }, 200) | |
| 420 | + }, | |
| 421 | + | |
| 422 | + worksloadData(e) { | |
| 423 | + let params = {} | |
| 424 | + // this.loading = 'loading' | |
| 425 | + | |
| 426 | + if (e) { | |
| 427 | + if (this.total <= this.works.length) { | |
| 428 | + // this.loading = 'nomore' | |
| 429 | + return | |
| 430 | + } | |
| 431 | + this.workspage++ | |
| 432 | + } else { | |
| 433 | + this.workspage = 1 | |
| 434 | + } | |
| 435 | + params['pageNumber'] = this.workspage | |
| 436 | + if (this.sxsearch) { | |
| 437 | + params['keyWord'] = this.sxsearch | |
| 438 | + } | |
| 439 | + getProjectListApi(params).then(async res => { | |
| 440 | + if (res) { | |
| 441 | + this.total = res.total | |
| 442 | + // this.loading = 'loadmore' | |
| 443 | + this.works = this.works.concat(res.records) | |
| 444 | + } | |
| 445 | + }) | |
| 446 | + }, | |
| 447 | + popupSelItem(item) { | |
| 448 | + this.show = false | |
| 449 | + this.projectId = item.id; | |
| 450 | + this.finished = false; | |
| 451 | + this.loading = "loadmore"; | |
| 452 | + this.page = 0; | |
| 453 | + this.list = []; | |
| 454 | + this._getList(); | |
| 455 | + }, | |
| 342 | 456 | } |
| 343 | 457 | } |
| 344 | 458 | </script> |
| ... | ... | @@ -350,32 +464,20 @@ |
| 350 | 464 | height: auto; |
| 351 | 465 | background-color: #F7F7F7; |
| 352 | 466 | |
| 353 | - .search_box { | |
| 354 | - padding: 36rpx 30rpx 0; | |
| 355 | - background-color: #FFFFFF; | |
| 356 | - | |
| 357 | - .top { | |
| 358 | - display: flex; | |
| 359 | - flex-flow: row nowrap; | |
| 360 | - justify-content: space-between; | |
| 361 | - padding: 0 0 30rpx 0; | |
| 362 | - | |
| 363 | - .check { | |
| 364 | - padding: 20rpx 0 0 0; | |
| 365 | - } | |
| 366 | - | |
| 367 | - .search { | |
| 368 | - width: 468rpx; | |
| 369 | - } | |
| 370 | - } | |
| 371 | - | |
| 372 | - .bottom { | |
| 373 | - .time { | |
| 374 | - padding: 30rpx 0 30rpx 40rpx; | |
| 375 | - } | |
| 376 | - } | |
| 377 | - | |
| 378 | - | |
| 467 | + .search_box { | |
| 468 | + padding: 36rpx 30rpx 12rpx; | |
| 469 | + background-color: #FFFFFF; | |
| 470 | + display: flex; | |
| 471 | + flex-flow: row nowrap; | |
| 472 | + justify-content: space-between; | |
| 473 | + | |
| 474 | + .check { | |
| 475 | + padding: 20rpx 0 0 0; | |
| 476 | + } | |
| 477 | + | |
| 478 | + .search { | |
| 479 | + width: 468rpx; | |
| 480 | + } | |
| 379 | 481 | } |
| 380 | 482 | |
| 381 | 483 | .list_box { |
| ... | ... | @@ -545,6 +647,53 @@ |
| 545 | 647 | width: 346rpx; |
| 546 | 648 | } |
| 547 | 649 | } |
| 650 | + } | |
| 651 | + | |
| 652 | + .popup { | |
| 653 | + height: 500px; | |
| 654 | + padding: 19px 16px; | |
| 655 | + | |
| 656 | + .title { | |
| 657 | + font-size: 18px; | |
| 658 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 659 | + font-weight: 500; | |
| 660 | + color: #000000; | |
| 661 | + } | |
| 662 | + | |
| 663 | + .close { | |
| 664 | + width: 22px; | |
| 665 | + height: 22px; | |
| 666 | + } | |
| 667 | + | |
| 668 | + .item_box { | |
| 669 | + border-radius: 4px; | |
| 670 | + margin: 0 0 48rpx; | |
| 671 | + | |
| 672 | + .item_title { | |
| 673 | + height: 20px; | |
| 674 | + font-size: 14px; | |
| 675 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 676 | + font-weight: 400; | |
| 677 | + color: rgba(0, 0, 0, 0.65); | |
| 678 | + line-height: 20px; | |
| 679 | + } | |
| 680 | + | |
| 681 | + } | |
| 682 | + | |
| 683 | + .no_data { | |
| 684 | + width: 100%; | |
| 685 | + margin-top: 310rpx; | |
| 686 | + | |
| 687 | + .text_black_28 { | |
| 688 | + font-size: 14px; | |
| 689 | + font-family: PingFangSC-Light, PingFang SC; | |
| 690 | + font-weight: 300; | |
| 691 | + color: rgba(0, 0, 0, 0.65); | |
| 692 | + text-align: center; | |
| 693 | + } | |
| 694 | + | |
| 695 | + } | |
| 696 | + | |
| 548 | 697 | } |
| 549 | 698 | } |
| 550 | 699 | </style> | ... | ... |
| 1 | 1 | <template> |
| 2 | 2 | <view class="registration_review"> |
| 3 | - <view class="search_box"> | |
| 4 | - <view class="top"> | |
| 5 | - <view class="check"> | |
| 6 | - <u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange"> | |
| 7 | - <u-checkbox :customStyle="{marginBottom: '8px'}" shape="circle" | |
| 8 | - v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name" | |
| 9 | - activeColor="#06B079" size="28rpx" labelSize="28rpx" labelColor="#202131"> | |
| 10 | - </u-checkbox> | |
| 11 | - </u-checkbox-group> | |
| 12 | - </view> | |
| 13 | - | |
| 14 | - <view class="search"> | |
| 15 | - <u-search placeholder="请输入学生姓名/学号/手机号" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 16 | - bgColor="#F4F4F4" :showAction="false" shape="square" v-model="keyword" @search="handelSearch"> | |
| 17 | - </u-search> | |
| 18 | - </view> | |
| 19 | - | |
| 20 | - <view class="icon"> | |
| 21 | - <view :style="{position:'relative', top:'14rpx', right:'18rpx'}"> | |
| 22 | - <u-icon slot="icon" size="40" :name="'/static/img/home/dateIcon.png'" @click="showTime = true"> | |
| 23 | - </u-icon> | |
| 24 | - </view> | |
| 25 | - <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"> | |
| 26 | - </u-icon> | |
| 27 | - </view> | |
| 28 | - | |
| 29 | 3 | |
| 4 | + <view class="search_box"> | |
| 5 | + <view style="width: 148px;"> | |
| 6 | + <u-subsection :list="['未签到','全部']" :current="curNow" :fontSize="26" :activeColor="'#000'" | |
| 7 | + @change="sectionChange"></u-subsection> | |
| 30 | 8 | </view> |
| 31 | - <view class="bottom" :style="{padding:'0 0 20rpx 0'}"> | |
| 32 | - <u-calendar :minDate="minDate" :maxDate="maxDate" :monthNum="25" :show="showTime" | |
| 33 | - :defaultDate="defaultDateMultiple" @close="showTime = false" :showSubtitle="false" color="#06B079" | |
| 34 | - @confirm="confirm"> | |
| 35 | - </u-calendar> | |
| 36 | - <!-- <view class="time">{{timeValue}}</view> --> | |
| 9 | + <view style="display: flex; justify-content: space-between; align-items: center;"> | |
| 10 | + <u-icon slot="icon" size="40" :name="'/static/img/home/dateIcon.png'" @click="showTime = true"></u-icon> | |
| 11 | + <view style="width: 16px;"></view> | |
| 12 | + <u-icon slot="icon" size="40" :name="'/static/img/home/search.png'" @click="searchCli"></u-icon> | |
| 13 | + <view style="width: 16px;"></view> | |
| 14 | + <u-icon slot="icon" size="40" :name="'/static/img/home/selectIcon.png'" @click="show = true"></u-icon> | |
| 37 | 15 | </view> |
| 38 | 16 | </view> |
| 39 | 17 | |
| 18 | + <u-calendar :minDate="minDate" :maxDate="maxDate" :monthNum="25" :show="showTime" :defaultDate="defaultDateMultiple" | |
| 19 | + @close="showTime = false" :showSubtitle="false" color="#06B079" @confirm="confirm"> | |
| 20 | + </u-calendar> | |
| 21 | + | |
| 40 | 22 | <view class="list_box" v-if="list.length > 0"> |
| 41 | 23 | <view class="item" v-for="(item, i) in list" :key="i"> |
| 42 | 24 | |
| ... | ... | @@ -54,10 +36,10 @@ |
| 54 | 36 | <view class="avatar">{{getNameLastTwo(item.studentName)}}</view> |
| 55 | 37 | <view class="name">{{overflowHide(item.studentName)}}</view> |
| 56 | 38 | <view class="number">{{item.studentNumber}}</view> |
| 57 | - </view> | |
| 58 | - <view class="company"> | |
| 59 | - <text>实习项目</text> | |
| 60 | - <text>{{item.projectName || '--'}}</text> | |
| 39 | + </view> | |
| 40 | + <view class="company"> | |
| 41 | + <text>实习项目</text> | |
| 42 | + <text>{{item.projectName || '--'}}</text> | |
| 61 | 43 | </view> |
| 62 | 44 | <view class="company"> |
| 63 | 45 | <text>班级</text> |
| ... | ... | @@ -79,8 +61,41 @@ |
| 79 | 61 | <view v-else class="no_data"> |
| 80 | 62 | <c-no-data></c-no-data> |
| 81 | 63 | </view> |
| 82 | - | |
| 83 | - <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 64 | + | |
| 65 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 66 | + <view class="popup"> | |
| 67 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 68 | + <view class="title"> | |
| 69 | + 项目筛选 | |
| 70 | + </view> | |
| 71 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 72 | + </view> | |
| 73 | + <view class="search"> | |
| 74 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 75 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 76 | + </u-search> | |
| 77 | + </view> | |
| 78 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 79 | + @scrolltolower="lower()"> | |
| 80 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 81 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 82 | + <view class="item_title"> | |
| 83 | + {{item.name}} | |
| 84 | + </view> | |
| 85 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" | |
| 86 | + src="/static/img/home/popselect.png" mode=""></image> | |
| 87 | + </view> | |
| 88 | + </view> | |
| 89 | + </scroll-view> | |
| 90 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 91 | + <view class="text_black_28"> | |
| 92 | + 暂未搜索到该项目 | |
| 93 | + </view> | |
| 94 | + </view> | |
| 95 | + </view> | |
| 96 | + </u-popup> | |
| 97 | + | |
| 98 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 84 | 99 | <view class="popup_search"> |
| 85 | 100 | <view class="content"> |
| 86 | 101 | <view class="title">按项目筛选</view> |
| ... | ... | @@ -113,7 +128,7 @@ |
| 113 | 128 | </view> |
| 114 | 129 | |
| 115 | 130 | </view> |
| 116 | - </u-popup> | |
| 131 | + </u-popup> --> | |
| 117 | 132 | |
| 118 | 133 | </view> |
| 119 | 134 | </template> |
| ... | ... | @@ -165,29 +180,46 @@ |
| 165 | 180 | defaultDateMultiple: [`${year}-${month}-${date}`], |
| 166 | 181 | list: [], //列表必须为key list的数组 |
| 167 | 182 | projectId: '', |
| 168 | - switchValue: false, | |
| 169 | - | |
| 183 | + switchValue: false, | |
| 184 | + | |
| 185 | + curNow: 1, | |
| 186 | + sxsearch: '', | |
| 187 | + works: [], | |
| 188 | + workspage: 1, | |
| 189 | + workstotal: 0, | |
| 170 | 190 | } |
| 171 | 191 | }, |
| 172 | 192 | |
| 173 | 193 | onLoad(option) { |
| 174 | - this.$store.dispatch(`home/getProjectList`, { | |
| 175 | - pageSize: -1, | |
| 176 | - }) | |
| 177 | - | |
| 178 | - this.search.keySearch = ''; | |
| 179 | - | |
| 180 | - this.finished = false; | |
| 181 | - this.loading = "loadmore"; | |
| 182 | - this.page = 0; | |
| 183 | - this.list = []; | |
| 184 | - | |
| 185 | - | |
| 194 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 195 | + // pageSize: -1, | |
| 196 | + // }) | |
| 197 | + | |
| 198 | + // this.search.keySearch = ''; | |
| 199 | + | |
| 200 | + // this.finished = false; | |
| 201 | + // this.loading = "loadmore"; | |
| 202 | + // this.page = 0; | |
| 203 | + // this.list = []; | |
| 204 | + | |
| 205 | + this.worksloadData() | |
| 206 | + | |
| 207 | + if (option && option.status) { | |
| 208 | + // this.search.status = 'wait'; | |
| 209 | + this.curNow = 0; | |
| 210 | + // this.checkboxValue = ['待处理']; | |
| 211 | + // this.switchValue = true; | |
| 212 | + } | |
| 213 | + | |
| 186 | 214 | |
| 187 | 215 | }, |
| 188 | 216 | |
| 189 | - onShow() { | |
| 190 | - this._getList(); | |
| 217 | + onShow() { | |
| 218 | + this.finished = false; | |
| 219 | + this.loading = "loadmore"; | |
| 220 | + this.page = 0; | |
| 221 | + this.list = []; | |
| 222 | + this._getList(); | |
| 191 | 223 | }, |
| 192 | 224 | |
| 193 | 225 | computed: { |
| ... | ... | @@ -199,7 +231,22 @@ |
| 199 | 231 | |
| 200 | 232 | }, |
| 201 | 233 | |
| 202 | - methods: { | |
| 234 | + methods: { | |
| 235 | + | |
| 236 | + searchCli() { | |
| 237 | + this.$u.route('/pages/main/home/search/search?type=student&searchkey=' + this.keyword); | |
| 238 | + }, | |
| 239 | + | |
| 240 | + sectionChange(index) { | |
| 241 | + this.curNow = index; | |
| 242 | + | |
| 243 | + this.finished = false; | |
| 244 | + this.loading = "loadmore"; | |
| 245 | + this.page = 0; | |
| 246 | + this.list = []; | |
| 247 | + this._getList(); | |
| 248 | + }, | |
| 249 | + | |
| 203 | 250 | |
| 204 | 251 | getNameLastTwo(value) { |
| 205 | 252 | if (value && value.length > 3) { |
| ... | ... | @@ -286,8 +333,12 @@ |
| 286 | 333 | params.pageNumber = requestParams.page + 1; |
| 287 | 334 | params.pageSize = 5; |
| 288 | 335 | |
| 289 | - if (search.waitAttendance) { | |
| 290 | - params.waitAttendance = search.waitAttendance; | |
| 336 | + // if (search.waitAttendance) { | |
| 337 | + // params.waitAttendance = search.waitAttendance; | |
| 338 | + // } | |
| 339 | + | |
| 340 | + if (this.curNow == 0) { | |
| 341 | + params.waitAttendance = 'not_attendance'; | |
| 291 | 342 | } |
| 292 | 343 | |
| 293 | 344 | if (this.keyword) { |
| ... | ... | @@ -361,7 +412,54 @@ |
| 361 | 412 | |
| 362 | 413 | this.show = false; |
| 363 | 414 | }, |
| 364 | - | |
| 415 | + | |
| 416 | + workSearch() { | |
| 417 | + uni.hideKeyboard(); | |
| 418 | + this.works = [] | |
| 419 | + this.worksloadData() | |
| 420 | + }, | |
| 421 | + | |
| 422 | + lower() { | |
| 423 | + setTimeout(() => { | |
| 424 | + this.worksloadData(true); | |
| 425 | + }, 200) | |
| 426 | + }, | |
| 427 | + | |
| 428 | + worksloadData(e) { | |
| 429 | + let params = {} | |
| 430 | + // this.loading = 'loading' | |
| 431 | + | |
| 432 | + if (e) { | |
| 433 | + if (this.total <= this.works.length) { | |
| 434 | + // this.loading = 'nomore' | |
| 435 | + return | |
| 436 | + } | |
| 437 | + this.workspage++ | |
| 438 | + } else { | |
| 439 | + this.workspage = 1 | |
| 440 | + } | |
| 441 | + params['pageNumber'] = this.workspage | |
| 442 | + if (this.sxsearch) { | |
| 443 | + params['keyWord'] = this.sxsearch | |
| 444 | + } | |
| 445 | + getProjectListApi(params).then(async res => { | |
| 446 | + if (res) { | |
| 447 | + this.total = res.total | |
| 448 | + // this.loading = 'loadmore' | |
| 449 | + this.works = this.works.concat(res.records) | |
| 450 | + } | |
| 451 | + }) | |
| 452 | + }, | |
| 453 | + popupSelItem(item) { | |
| 454 | + this.show = false | |
| 455 | + this.projectId = item.id; | |
| 456 | + this.finished = false; | |
| 457 | + this.loading = "loadmore"; | |
| 458 | + this.page = 0; | |
| 459 | + this.list = []; | |
| 460 | + this._getList(); | |
| 461 | + }, | |
| 462 | + | |
| 365 | 463 | } |
| 366 | 464 | } |
| 367 | 465 | </script> |
| ... | ... | @@ -373,36 +471,52 @@ |
| 373 | 471 | height: auto; |
| 374 | 472 | background-color: #F7F7F7; |
| 375 | 473 | |
| 376 | - .search_box { | |
| 377 | - padding: 36rpx 30rpx 0; | |
| 378 | - background-color: #FFFFFF; | |
| 379 | - | |
| 380 | - .top { | |
| 381 | - display: flex; | |
| 382 | - flex-flow: row nowrap; | |
| 383 | - justify-content: space-between; | |
| 384 | - | |
| 385 | - .check { | |
| 386 | - padding: 20rpx 0 0 0; | |
| 387 | - } | |
| 388 | - | |
| 389 | - .search { | |
| 390 | - width: 410rpx; | |
| 391 | - } | |
| 392 | - | |
| 393 | - .icon { | |
| 394 | - display: flex; | |
| 395 | - flex-flow: row nowrap; | |
| 396 | - } | |
| 397 | - } | |
| 398 | - | |
| 399 | - .bottom { | |
| 400 | - .time { | |
| 401 | - padding: 30rpx 0 30rpx 40rpx; | |
| 402 | - } | |
| 403 | - } | |
| 404 | - | |
| 405 | - | |
| 474 | + // .search_box { | |
| 475 | + // padding: 36rpx 30rpx 0; | |
| 476 | + // background-color: #FFFFFF; | |
| 477 | + | |
| 478 | + // .top { | |
| 479 | + // display: flex; | |
| 480 | + // flex-flow: row nowrap; | |
| 481 | + // justify-content: space-between; | |
| 482 | + | |
| 483 | + // .check { | |
| 484 | + // padding: 20rpx 0 0 0; | |
| 485 | + // } | |
| 486 | + | |
| 487 | + // .search { | |
| 488 | + // width: 410rpx; | |
| 489 | + // } | |
| 490 | + | |
| 491 | + // .icon { | |
| 492 | + // display: flex; | |
| 493 | + // flex-flow: row nowrap; | |
| 494 | + // } | |
| 495 | + // } | |
| 496 | + | |
| 497 | + // .bottom { | |
| 498 | + // .time { | |
| 499 | + // padding: 30rpx 0 30rpx 40rpx; | |
| 500 | + // } | |
| 501 | + // } | |
| 502 | + | |
| 503 | + | |
| 504 | + // } | |
| 505 | + | |
| 506 | + .search_box { | |
| 507 | + padding: 36rpx 30rpx 12rpx; | |
| 508 | + background-color: #FFFFFF; | |
| 509 | + display: flex; | |
| 510 | + flex-flow: row nowrap; | |
| 511 | + justify-content: space-between; | |
| 512 | + | |
| 513 | + .check { | |
| 514 | + padding: 20rpx 0 0 0; | |
| 515 | + } | |
| 516 | + | |
| 517 | + .search { | |
| 518 | + width: 468rpx; | |
| 519 | + } | |
| 406 | 520 | } |
| 407 | 521 | |
| 408 | 522 | .list_box { |
| ... | ... | @@ -469,20 +583,20 @@ |
| 469 | 583 | flex-flow: row nowrap; |
| 470 | 584 | margin: 0 0 30rpx 0; |
| 471 | 585 | |
| 472 | - text { | |
| 586 | + text { | |
| 473 | 587 | width: 130rpx; |
| 474 | 588 | font-size: 28rpx; |
| 475 | 589 | line-height: 32rpx; |
| 476 | 590 | color: #909097; |
| 477 | 591 | margin: 0 0 0 16rpx; |
| 478 | - } | |
| 479 | - | |
| 480 | - text:first-child { | |
| 481 | - text-align: justify; | |
| 482 | - text-align-last: justify; | |
| 483 | 592 | } |
| 484 | 593 | |
| 485 | - text:last-child { | |
| 594 | + text:first-child { | |
| 595 | + text-align: justify; | |
| 596 | + text-align-last: justify; | |
| 597 | + } | |
| 598 | + | |
| 599 | + text:last-child { | |
| 486 | 600 | width: 400rpx; |
| 487 | 601 | color: #202131; |
| 488 | 602 | margin: 0 0 0 30rpx; |
| ... | ... | @@ -521,32 +635,32 @@ |
| 521 | 635 | color: #202131; |
| 522 | 636 | } |
| 523 | 637 | |
| 524 | - .scroll { | |
| 525 | - max-height: 60vh; | |
| 526 | - | |
| 527 | - .item { | |
| 528 | - | |
| 529 | - view { | |
| 530 | - display: flex; | |
| 531 | - flex-flow: row wrap; | |
| 532 | - align-items: center; | |
| 533 | - width: 500rpx; | |
| 534 | - height: 74rpx; | |
| 535 | - border-radius: 4rpx; | |
| 536 | - border: 2rpx solid #C1C1C9; | |
| 537 | - margin: 0 10rpx 20rpx; | |
| 538 | - font-size: 24rpx; | |
| 539 | - line-height: 32rpx; | |
| 540 | - color: #C0C0C9; | |
| 541 | - padding: 16rpx 20rpx; | |
| 542 | - } | |
| 543 | - | |
| 544 | - .selectItem { | |
| 545 | - background-color: #06B079; | |
| 546 | - color: #FFFFFF; | |
| 547 | - border: 2rpx solid #06B079; | |
| 548 | - } | |
| 549 | - } | |
| 638 | + .scroll { | |
| 639 | + max-height: 60vh; | |
| 640 | + | |
| 641 | + .item { | |
| 642 | + | |
| 643 | + view { | |
| 644 | + display: flex; | |
| 645 | + flex-flow: row wrap; | |
| 646 | + align-items: center; | |
| 647 | + width: 500rpx; | |
| 648 | + height: 74rpx; | |
| 649 | + border-radius: 4rpx; | |
| 650 | + border: 2rpx solid #C1C1C9; | |
| 651 | + margin: 0 10rpx 20rpx; | |
| 652 | + font-size: 24rpx; | |
| 653 | + line-height: 32rpx; | |
| 654 | + color: #C0C0C9; | |
| 655 | + padding: 16rpx 20rpx; | |
| 656 | + } | |
| 657 | + | |
| 658 | + .selectItem { | |
| 659 | + background-color: #06B079; | |
| 660 | + color: #FFFFFF; | |
| 661 | + border: 2rpx solid #06B079; | |
| 662 | + } | |
| 663 | + } | |
| 550 | 664 | } |
| 551 | 665 | |
| 552 | 666 | .time { |
| ... | ... | @@ -593,6 +707,53 @@ |
| 593 | 707 | width: 346rpx; |
| 594 | 708 | } |
| 595 | 709 | } |
| 710 | + } | |
| 711 | + | |
| 712 | + .popup { | |
| 713 | + height: 500px; | |
| 714 | + padding: 19px 16px; | |
| 715 | + | |
| 716 | + .title { | |
| 717 | + font-size: 18px; | |
| 718 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 719 | + font-weight: 500; | |
| 720 | + color: #000000; | |
| 721 | + } | |
| 722 | + | |
| 723 | + .close { | |
| 724 | + width: 22px; | |
| 725 | + height: 22px; | |
| 726 | + } | |
| 727 | + | |
| 728 | + .item_box { | |
| 729 | + border-radius: 4px; | |
| 730 | + margin: 0 0 48rpx; | |
| 731 | + | |
| 732 | + .item_title { | |
| 733 | + height: 20px; | |
| 734 | + font-size: 14px; | |
| 735 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 736 | + font-weight: 400; | |
| 737 | + color: rgba(0, 0, 0, 0.65); | |
| 738 | + line-height: 20px; | |
| 739 | + } | |
| 740 | + | |
| 741 | + } | |
| 742 | + | |
| 743 | + .no_data { | |
| 744 | + width: 100%; | |
| 745 | + margin-top: 310rpx; | |
| 746 | + | |
| 747 | + .text_black_28 { | |
| 748 | + font-size: 14px; | |
| 749 | + font-family: PingFangSC-Light, PingFang SC; | |
| 750 | + font-weight: 300; | |
| 751 | + color: rgba(0, 0, 0, 0.65); | |
| 752 | + text-align: center; | |
| 753 | + } | |
| 754 | + | |
| 755 | + } | |
| 756 | + | |
| 596 | 757 | } |
| 597 | 758 | } |
| 598 | 759 | </style> | ... | ... |
| ... | ... | @@ -99,8 +99,12 @@ |
| 99 | 99 | |
| 100 | 100 | openLink(e) { |
| 101 | 101 | var _this = this |
| 102 | - this.mFileDir = e.filename.substring(0, e.filename.lastIndexOf('.')) | |
| 103 | - this.mFileType = e.filename.substring(e.filename.lastIndexOf('.'), e.filename.length) | |
| 102 | + | |
| 103 | + uni.showLoading({ | |
| 104 | + title: '努力加载中~', | |
| 105 | + mask: true | |
| 106 | + }) | |
| 107 | + | |
| 104 | 108 | getImgUrlApi({ |
| 105 | 109 | bucket: e.bucket, |
| 106 | 110 | filePath: e.object |
| ... | ... | @@ -111,89 +115,34 @@ |
| 111 | 115 | } else { |
| 112 | 116 | uni.downloadFile({ |
| 113 | 117 | url: data.url, |
| 114 | - filePath: wx.env.USER_DATA_PATH + '/' + _this.mFileDir + this.mFileType, | |
| 115 | - success: (res) => { | |
| 116 | - if (res.statusCode === 200) { | |
| 117 | - uni.showLoading(); | |
| 118 | - console.log('download succ', res) | |
| 119 | - let fileMgr = wx.getFileSystemManager(); | |
| 120 | - let filePath = res.filePath | |
| 121 | - uni.saveFile({ | |
| 122 | - tempFilePath: filePath, | |
| 123 | - success: function(res) { | |
| 124 | - var savedFilePath = res.savedFilePath; | |
| 125 | - /* 删除缓存 */ | |
| 126 | - fileMgr.unlink({ | |
| 127 | - filePath: wx.env.USER_DATA_PATH + | |
| 128 | - '/' + | |
| 129 | - _this.mFileDir + _this | |
| 130 | - .mFileType, | |
| 131 | - success: function(res) { | |
| 132 | - console.log( | |
| 133 | - 'unlink success:', | |
| 134 | - res); | |
| 135 | - } | |
| 136 | - }) | |
| 137 | - _this.openDoc() | |
| 138 | - }, | |
| 139 | - fail: function(res) { | |
| 140 | - console.log('save fail', res); | |
| 141 | - _this.createFile() | |
| 142 | - } | |
| 143 | - }) | |
| 144 | - } | |
| 118 | + success: function(res) { | |
| 119 | + var filePath = res.tempFilePath; | |
| 120 | + uni.openDocument({ | |
| 121 | + filePath: filePath, | |
| 122 | + showMenu: true, | |
| 123 | + success: function(res) { | |
| 124 | + console.log('打开文档成功'); | |
| 125 | + }, | |
| 126 | + complete: function() { | |
| 127 | + uni.hideLoading(); | |
| 128 | + } | |
| 129 | + }); | |
| 145 | 130 | } |
| 146 | 131 | }); |
| 147 | 132 | } |
| 148 | 133 | }) |
| 149 | 134 | }, |
| 150 | 135 | |
| 151 | - createFile() { | |
| 152 | - let fileMgr = wx.getFileSystemManager(); | |
| 153 | - var _this = this | |
| 154 | - //利用access方法判断文件是否可用 | |
| 155 | - fileMgr.access({ | |
| 156 | - path: wx.env.USER_DATA_PATH + '/' + _this.mFileDir, | |
| 157 | - success: (res) => { | |
| 158 | - console.log('check success:', res); | |
| 159 | - _this.openDoc() | |
| 160 | - }, | |
| 161 | - fail: (res) => { | |
| 162 | - console.log('check fail.', res); | |
| 163 | - fileMgr.mkdir({ | |
| 164 | - dirPath: wx.env.USER_DATA_PATH + '/' + _this.mFileDir, | |
| 165 | - success: (res) => { | |
| 166 | - console.log('mk dir success:', res); | |
| 167 | - _this.openDoc() | |
| 168 | - }, | |
| 169 | - fail: (res) => { | |
| 170 | - console.log('mk dir fail:', res); | |
| 171 | - uni.hideLoading(); | |
| 172 | - } | |
| 173 | - }); | |
| 174 | - } | |
| 175 | - }); | |
| 176 | - }, | |
| 177 | - | |
| 178 | - openDoc() { | |
| 179 | - uni.openDocument({ | |
| 180 | - filePath: wx.env.USER_DATA_PATH + '/' + this.mFileDir + this.mFileType, | |
| 181 | - showMenu: true, | |
| 182 | - success: function(res) { | |
| 183 | - uni.hideLoading(); | |
| 184 | - console.log('openDoc succ'); | |
| 185 | - } | |
| 186 | - }); | |
| 187 | - }, | |
| 188 | - | |
| 189 | 136 | openImage(imgPath) { |
| 190 | 137 | let array = new Array(1).fill(imgPath); |
| 191 | 138 | uni.previewImage({ |
| 192 | 139 | urls: array, |
| 193 | 140 | success(res) { |
| 141 | + uni.hideLoading(); | |
| 194 | 142 | console.log('openImage success'); |
| 195 | 143 | }, |
| 196 | 144 | fail(res) { |
| 145 | + uni.hideLoading(); | |
| 197 | 146 | console.log('openImage fail:', res); |
| 198 | 147 | } |
| 199 | 148 | }); | ... | ... |
| ... | ... | @@ -48,7 +48,7 @@ |
| 48 | 48 | <text>实践课程</text> |
| 49 | 49 | <text class="value_type">{{interDetail.courseName}}</text> |
| 50 | 50 | </view> |
| 51 | - <view style="margin-top: 32rpx;"> | |
| 51 | + <!-- <view style="margin-top: 32rpx;"> | |
| 52 | 52 | <text>实习成绩</text> |
| 53 | 53 | <text v-if="grades" class="value_type">{{grades}}</text> |
| 54 | 54 | <text v-else class="value_type">--</text> |
| ... | ... | @@ -57,7 +57,7 @@ |
| 57 | 57 | <text>实习评价</text> |
| 58 | 58 | <text v-if="interDetail.teacherView" class="value_type">{{interDetail.teacherView}}</text> |
| 59 | 59 | <text v-else class="value_type">--</text> |
| 60 | - </view> | |
| 60 | + </view> --> | |
| 61 | 61 | </view> |
| 62 | 62 | <!-- 项目信息 --> |
| 63 | 63 | <text class="text_title">项目信息</text> | ... | ... |
| ... | ... | @@ -129,7 +129,7 @@ |
| 129 | 129 | <text class="credit">学分:{{item.credit}}分</text> |
| 130 | 130 | </view> |
| 131 | 131 | |
| 132 | - <view class="projiect_item" v-for="(ele, index) in item.achievementDataList" :key="index"> | |
| 132 | + <view class="projiect_item" v-for="(ele, index) in item.entryDataList" :key="index" @click="projiectSel(ele)"> | |
| 133 | 133 | |
| 134 | 134 | <view class="projiect"> |
| 135 | 135 | <text>项目名称</text> |
| ... | ... | @@ -140,33 +140,67 @@ |
| 140 | 140 | <text>{{ ele.internshipStartTime>0 ? `${timeFormat(ele.internshipStartTime)}至${timeFormat(ele.internshipEndTime)}` : '--'}}</text> |
| 141 | 141 | </view> |
| 142 | 142 | <view class="projiect"> |
| 143 | - <text>实习单号</text> | |
| 144 | - <text @click="handelDetail(ele, 'internship')" | |
| 145 | - :style="{color:'#06B079',textDecoration:'underline'}">{{ele.formNumber|| '--'}}</text> | |
| 143 | + <text>实习形式</text> | |
| 144 | + <!-- <text @click="handelDetail(ele, 'internship')" | |
| 145 | + :style="{color:'#06B079',textDecoration:'underline'}">{{ele.formNumber|| '--'}}</text> --> | |
| 146 | + <text>{{ele.practiceForm=='oneself'?'自主实习':'集中实习'}}</text> | |
| 146 | 147 | </view> |
| 147 | 148 | <view class="projiect"> |
| 148 | - <text>成绩</text> | |
| 149 | - <text>{{ele.level|| '--'}}</text> | |
| 149 | + <text>总成绩</text> | |
| 150 | + <text>{{ele.totalScore|| '--'}}</text> | |
| 150 | 151 | </view> |
| 151 | 152 | |
| 152 | - <view class="projiect" v-if="ele.credit"> | |
| 153 | + <!-- <view class="projiect" v-if="ele.credit"> | |
| 153 | 154 | <text>学分</text> |
| 154 | 155 | <text @click="handelDetail(ele, 'credit')" |
| 155 | 156 | :style="{color:'#06B079'}">{{ele.credit}}</text> |
| 156 | - </view> | |
| 157 | + </view> --> | |
| 157 | 158 | |
| 158 | - <view class="projiect" v-else> | |
| 159 | + <!-- <view class="projiect" v-else> | |
| 159 | 160 | <text>学分</text> |
| 160 | 161 | <text>{{'--'}}</text> |
| 161 | - </view> | |
| 162 | + </view> --> | |
| 162 | 163 | </view> |
| 163 | 164 | </view> |
| 164 | 165 | <c-loading :loading="loading"></c-loading> |
| 165 | 166 | </view> |
| 166 | 167 | |
| 167 | - </view> | |
| 168 | + </view> | |
| 169 | + | |
| 170 | + <u-popup :show="show" mode="bottom" @close="close" :round="22"> | |
| 171 | + <view class="popup"> | |
| 172 | + <view style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;"> | |
| 173 | + <view class="title"> | |
| 174 | + 项目筛选 | |
| 175 | + </view> | |
| 176 | + <image class="close" src="/static/img/home/closepop.png" @click="close" mode=""></image> | |
| 177 | + </view> | |
| 178 | + <view class="search"> | |
| 179 | + <u-search placeholder="请输入项目关键词搜索" placeholderColor="#C1C1C9" searchIconSize="36" height="64rpx" | |
| 180 | + bgColor="#F4F4F4" :showAction="true" shape="round" v-model="sxsearch" @custom="workSearch()" @search="workSearch()"> | |
| 181 | + </u-search> | |
| 182 | + </view> | |
| 183 | + <scroll-view v-if="works.length>0" scroll-y="true" style="height: 80%; margin-top: 40rpx;" | |
| 184 | + @scrolltolower="lower()"> | |
| 185 | + <view class="item_box" v-for="(item,index) in works" :key="index" @click="popupSelItem(item)"> | |
| 186 | + <view style="display: flex; align-items: center; justify-content: space-between;"> | |
| 187 | + <view class="item_title"> | |
| 188 | + {{item.name}} | |
| 189 | + </view> | |
| 190 | + <image v-if="item.id == projectId" style="width: 20px; height: 20px;" | |
| 191 | + src="/static/img/home/popselect.png" mode=""></image> | |
| 192 | + </view> | |
| 193 | + </view> | |
| 194 | + </scroll-view> | |
| 195 | + <view v-else class="no_data" @click="jumpVerified"> | |
| 196 | + <view class="text_black_28"> | |
| 197 | + 暂未搜索到该项目 | |
| 198 | + </view> | |
| 199 | + </view> | |
| 200 | + </view> | |
| 201 | + </u-popup> | |
| 168 | 202 | |
| 169 | - <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 203 | + <!-- <u-popup :show="show" mode="right" @close="close" @open="open" :closeOnClickOverlay="false"> | |
| 170 | 204 | <view class="popup_search"> |
| 171 | 205 | <view class="content"> |
| 172 | 206 | <view class="title">按项目筛选</view> |
| ... | ... | @@ -193,7 +227,7 @@ |
| 193 | 227 | </view> |
| 194 | 228 | </view> |
| 195 | 229 | </view> |
| 196 | - </u-popup> | |
| 230 | + </u-popup> --> | |
| 197 | 231 | </view> |
| 198 | 232 | </template> |
| 199 | 233 | |
| ... | ... | @@ -208,7 +242,8 @@ |
| 208 | 242 | import { |
| 209 | 243 | getInternshipProcessDetailApi, |
| 210 | 244 | getInternshipJobListApi, |
| 211 | - getPracticalCoursesListApi, | |
| 245 | + getPracticalCoursesListApi, | |
| 246 | + getProjectListApi, | |
| 212 | 247 | } from '@/config/api.js'; |
| 213 | 248 | |
| 214 | 249 | export default { |
| ... | ... | @@ -231,14 +266,18 @@ |
| 231 | 266 | //搜索对象必须为key search的对象 |
| 232 | 267 | status: 'wait,pass,reject', |
| 233 | 268 | |
| 234 | - }, | |
| 269 | + }, | |
| 270 | + works: [], | |
| 271 | + workspage: 1, | |
| 272 | + workstotal: 0, | |
| 235 | 273 | } |
| 236 | 274 | }, |
| 237 | 275 | |
| 238 | 276 | onLoad(option) { |
| 239 | - this.$store.dispatch(`home/getProjectList`, { | |
| 240 | - pageSize: -1, | |
| 241 | - }) | |
| 277 | + // this.$store.dispatch(`home/getProjectList`, { | |
| 278 | + // pageSize: -1, | |
| 279 | + // }) | |
| 280 | + this.worksloadData() | |
| 242 | 281 | |
| 243 | 282 | this.studentId = option.studentId; |
| 244 | 283 | getInternshipProcessDetailApi({ |
| ... | ... | @@ -257,7 +296,13 @@ |
| 257 | 296 | }), |
| 258 | 297 | }, |
| 259 | 298 | |
| 260 | - methods: { | |
| 299 | + methods: { | |
| 300 | + | |
| 301 | + projiectSel(e) { | |
| 302 | + this.$u.route({ | |
| 303 | + url: `pages/main/internship/traineeInterList/traineeInterList?&id=${e.entryId}` | |
| 304 | + }) | |
| 305 | + }, | |
| 261 | 306 | |
| 262 | 307 | getNameLastTwo(value) { |
| 263 | 308 | if (value && value.length > 3) { |
| ... | ... | @@ -457,7 +502,59 @@ |
| 457 | 502 | }) |
| 458 | 503 | break; |
| 459 | 504 | } |
| 460 | - } | |
| 505 | + }, | |
| 506 | + | |
| 507 | + workSearch() { | |
| 508 | + uni.hideKeyboard(); | |
| 509 | + this.works = [] | |
| 510 | + this.worksloadData() | |
| 511 | + }, | |
| 512 | + | |
| 513 | + lower() { | |
| 514 | + setTimeout(() => { | |
| 515 | + this.worksloadData(true); | |
| 516 | + }, 200) | |
| 517 | + }, | |
| 518 | + | |
| 519 | + worksloadData(e) { | |
| 520 | + let params = {} | |
| 521 | + // this.loading = 'loading' | |
| 522 | + | |
| 523 | + if (e) { | |
| 524 | + if (this.total <= this.works.length) { | |
| 525 | + // this.loading = 'nomore' | |
| 526 | + return | |
| 527 | + } | |
| 528 | + this.workspage++ | |
| 529 | + } else { | |
| 530 | + this.workspage = 1 | |
| 531 | + } | |
| 532 | + params['pageNumber'] = this.workspage | |
| 533 | + if (this.sxsearch) { | |
| 534 | + params['keyWord'] = this.sxsearch | |
| 535 | + } | |
| 536 | + getProjectListApi(params).then(async res => { | |
| 537 | + if (res) { | |
| 538 | + this.total = res.total | |
| 539 | + // this.loading = 'loadmore' | |
| 540 | + this.works = this.works.concat(res.records) | |
| 541 | + } | |
| 542 | + }) | |
| 543 | + }, | |
| 544 | + popupSelItem(item) { | |
| 545 | + this.projectId = item.id; | |
| 546 | + this.finished = false; | |
| 547 | + | |
| 548 | + getInternshipProcessDetailApi({ | |
| 549 | + studentId: this.studentId, | |
| 550 | + projectId: this.projectId, | |
| 551 | + }).then(data => { | |
| 552 | + if (data) { | |
| 553 | + this.detail = data; | |
| 554 | + this.show = false | |
| 555 | + } | |
| 556 | + }) | |
| 557 | + }, | |
| 461 | 558 | |
| 462 | 559 | } |
| 463 | 560 | } |
| ... | ... | @@ -645,7 +742,7 @@ |
| 645 | 742 | font-size: 32rpx; |
| 646 | 743 | line-height: 44rpx; |
| 647 | 744 | color: #202131; |
| 648 | - margin: 0 0 30rpx 0; | |
| 745 | + margin: 0 0 20rpx 0; | |
| 649 | 746 | font-weight: 500; |
| 650 | 747 | } |
| 651 | 748 | |
| ... | ... | @@ -821,6 +918,53 @@ |
| 821 | 918 | width: 346rpx; |
| 822 | 919 | } |
| 823 | 920 | } |
| 921 | + } | |
| 922 | + | |
| 923 | + .popup { | |
| 924 | + height: 500px; | |
| 925 | + padding: 19px 16px; | |
| 926 | + | |
| 927 | + .title { | |
| 928 | + font-size: 18px; | |
| 929 | + font-family: PingFangSC-Medium, PingFang SC; | |
| 930 | + font-weight: 500; | |
| 931 | + color: #000000; | |
| 932 | + } | |
| 933 | + | |
| 934 | + .close { | |
| 935 | + width: 22px; | |
| 936 | + height: 22px; | |
| 937 | + } | |
| 938 | + | |
| 939 | + .item_box { | |
| 940 | + border-radius: 4px; | |
| 941 | + margin: 0 0 48rpx; | |
| 942 | + | |
| 943 | + .item_title { | |
| 944 | + height: 20px; | |
| 945 | + font-size: 14px; | |
| 946 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 947 | + font-weight: 400; | |
| 948 | + color: rgba(0, 0, 0, 0.65); | |
| 949 | + line-height: 20px; | |
| 950 | + } | |
| 951 | + | |
| 952 | + } | |
| 953 | + | |
| 954 | + .no_data { | |
| 955 | + width: 100%; | |
| 956 | + margin-top: 310rpx; | |
| 957 | + | |
| 958 | + .text_black_28 { | |
| 959 | + font-size: 14px; | |
| 960 | + font-family: PingFangSC-Light, PingFang SC; | |
| 961 | + font-weight: 300; | |
| 962 | + color: rgba(0, 0, 0, 0.65); | |
| 963 | + text-align: center; | |
| 964 | + } | |
| 965 | + | |
| 966 | + } | |
| 967 | + | |
| 824 | 968 | } |
| 825 | 969 | } |
| 826 | 970 | </style> | ... | ... |
| 1 | +<template> | |
| 2 | + <view class="current2"> | |
| 3 | + <view v-if="list.length > 0" > | |
| 4 | + <view class="list"> | |
| 5 | + <view v-for="(item,index) in list" :key="index" @click="handelClick(item)"> | |
| 6 | + <view class="list-item"> | |
| 7 | + <view style="display: flex; align-items: center;"> | |
| 8 | + <text>实习单号:</text> | |
| 9 | + <text class="green">{{item.number}}</text> | |
| 10 | + </view> | |
| 11 | + <view style="display: flex; align-items: center; margin-top: 15rpx;"> | |
| 12 | + <text>实习时间: {{`${timeFormat(item.startTime,'yyyy/mm/dd')} - ${timeFormat(item.endTime,'yyyy/mm/dd')}`}}</text> | |
| 13 | + </view> | |
| 14 | + <view style="display: flex; align-items: center; margin-top: 15rpx;"> | |
| 15 | + <text>实习企业: {{item.companyName}}</text> | |
| 16 | + </view> | |
| 17 | + <view style="display: flex; align-items: center; margin-top: 15rpx;"> | |
| 18 | + <text>实习岗位: {{item.jobName}}</text> | |
| 19 | + </view> | |
| 20 | + </view> | |
| 21 | + </view> | |
| 22 | + </view> | |
| 23 | + <view style="height: 40rpx;"></view> | |
| 24 | + <c-loading :loading="loading"></c-loading> | |
| 25 | + <view style="height: 40rpx;"></view> | |
| 26 | + </view> | |
| 27 | + <view v-else style="width: 100%; height: 100%;"> | |
| 28 | + <view style="margin: 150px auto 0; width: 187px;height: 110px;"> | |
| 29 | + <image style="width: 187px;height: 110px;" :src="'/static/img/home/nodata.png'"></image> | |
| 30 | + </view> | |
| 31 | + <view style="width: 100%; margin-top: 10px; text-align: center; font-size: 13px; color: #121212;">暂无数据</view> | |
| 32 | + </view> | |
| 33 | + </view> | |
| 34 | +</template> | |
| 35 | + | |
| 36 | +<script> | |
| 37 | + import { | |
| 38 | + getforminternshipInfoApi | |
| 39 | + } from '@/config/api.js'; | |
| 40 | + import listMixin from "@/common/mixins/list-mixin.js"; | |
| 41 | + | |
| 42 | + export default { | |
| 43 | + mixins: [listMixin], | |
| 44 | + data() { | |
| 45 | + return { | |
| 46 | + id: '', | |
| 47 | + list: [] | |
| 48 | + } | |
| 49 | + }, | |
| 50 | + | |
| 51 | + onLoad(e) { | |
| 52 | + console.log(e) | |
| 53 | + this.id = e.id | |
| 54 | + | |
| 55 | + this.finished = false; | |
| 56 | + this.loading = "loadmore"; | |
| 57 | + this.page = 0; | |
| 58 | + this.list = []; | |
| 59 | + this._getList(); | |
| 60 | + }, | |
| 61 | + | |
| 62 | + methods: { | |
| 63 | + loadData() { | |
| 64 | + scoredetailUrl(this.id).then(res => { | |
| 65 | + if (res) { | |
| 66 | + this.detailObj = res; | |
| 67 | + this.detailObj.form.endTime = this.timeFormat(this.detailObj.form.endTime,'yyyy-mm-dd') | |
| 68 | + this.stuhandleDataspdf() | |
| 69 | + this.comhandleDataspdf() | |
| 70 | + this.schhandleDataspdf() | |
| 71 | + } | |
| 72 | + }) | |
| 73 | + }, | |
| 74 | + | |
| 75 | + timeFormat(timestamp, format = 'yyyy-mm-dd hh:MM') { | |
| 76 | + return timestamp > 0 ? uni.$u.timeFormat(timestamp, format) : '--' | |
| 77 | + }, | |
| 78 | + | |
| 79 | + handelClick(e) { | |
| 80 | + // this.$u.route({ | |
| 81 | + // url: `pages/main/home/achievementDetail/achievementDetail?&id=${e.id}` | |
| 82 | + // }) | |
| 83 | + this.$u.route({ | |
| 84 | + url: `pages/main/internship/intershipInfo/intershipInfo?id=${e.id}` | |
| 85 | + }) | |
| 86 | + }, | |
| 87 | + | |
| 88 | + // 模拟后端分页 | |
| 89 | + async getData(requestParams) { | |
| 90 | + const { | |
| 91 | + search = {} | |
| 92 | + } = requestParams; | |
| 93 | + | |
| 94 | + let params = {}; | |
| 95 | + params.pageNumber = requestParams.page + 1; | |
| 96 | + params.pageSize = 10; | |
| 97 | + params.entryId = this.id; | |
| 98 | + | |
| 99 | + console.log(12312312,params) | |
| 100 | + return await getforminternshipInfoApi(params); | |
| 101 | + }, | |
| 102 | + | |
| 103 | + // 数据请求(没错就是这么少的代码) | |
| 104 | + async _getList() { | |
| 105 | + if (this.page == 0) { | |
| 106 | + this.list = []; | |
| 107 | + } | |
| 108 | + | |
| 109 | + uni.showLoading({ | |
| 110 | + title: '数据加载中~', | |
| 111 | + mask: true | |
| 112 | + }) | |
| 113 | + | |
| 114 | + // 根据实际情况修改自己修改key | |
| 115 | + let result = await this.getData({ | |
| 116 | + page: this.page, // 传入页码 | |
| 117 | + size: this.size, // 传入每页条数 | |
| 118 | + search: this.search, // 传入搜索的对象 | |
| 119 | + }); | |
| 120 | + | |
| 121 | + // console.log(result.records) | |
| 122 | + | |
| 123 | + this.total = result.total; | |
| 124 | + | |
| 125 | + result.records.map((item) => { | |
| 126 | + this.list.push(item); | |
| 127 | + }); | |
| 128 | + | |
| 129 | + if (this.list.length == this.total) { | |
| 130 | + this.finished = true; | |
| 131 | + this.loading = 'nomore'; | |
| 132 | + } | |
| 133 | + | |
| 134 | + uni.hideLoading(); | |
| 135 | + }, | |
| 136 | + } | |
| 137 | + } | |
| 138 | +</script> | |
| 139 | + | |
| 140 | +<style> | |
| 141 | + page { | |
| 142 | + background-color: #F7F7F7; | |
| 143 | + } | |
| 144 | +</style> | |
| 145 | + | |
| 146 | +<style lang="scss" scoped> | |
| 147 | + .current2 { | |
| 148 | + padding: 20rpx 20rpx 0; | |
| 149 | + | |
| 150 | + .list-item { | |
| 151 | + // width: 100%; | |
| 152 | + // height: 150px; | |
| 153 | + padding: 36rpx 40rpx; | |
| 154 | + background: #FFFFFF; | |
| 155 | + margin-bottom: 10px; | |
| 156 | + | |
| 157 | + text { | |
| 158 | + font-size: 14px; | |
| 159 | + font-family: PingFangSC-Light, PingFang SC; | |
| 160 | + font-weight: 300; | |
| 161 | + color: rgba(0,0,0,0.65); | |
| 162 | + max-width: 90%; | |
| 163 | + overflow: hidden; | |
| 164 | + text-overflow: ellipsis; | |
| 165 | + display: -webkit-box; | |
| 166 | + -webkit-line-clamp: 2; | |
| 167 | + -webkit-box-orient: vertical; | |
| 168 | + } | |
| 169 | + | |
| 170 | + .green { | |
| 171 | + margin-left: 5px; | |
| 172 | + color: #0CB17A; | |
| 173 | + } | |
| 174 | + } | |
| 175 | + } | |
| 176 | +</style> | |
| \ No newline at end of file | ... | ... |
| ... | ... | @@ -60,7 +60,7 @@ |
| 60 | 60 | <view class="twoCell"> |
| 61 | 61 | <view class="item" @click="handelGate(1)"> |
| 62 | 62 | <view> |
| 63 | - <image src="/static/img/home/newhome1.png"></image> | |
| 63 | + <image src="/static/img/home/bmsh_sel.png"></image> | |
| 64 | 64 | </view> |
| 65 | 65 | <view style="display: flex; flex-direction: column;"> |
| 66 | 66 | <view class="t1"> |
| ... | ... | @@ -71,51 +71,76 @@ |
| 71 | 71 | </view> |
| 72 | 72 | </view> |
| 73 | 73 | </view> |
| 74 | - <view class="item" @click="handelGate(2)"> | |
| 74 | + <view class="item" @click="handelGate(8)"> | |
| 75 | 75 | <view> |
| 76 | - <image src="/static/img/home/newhome2.png"></image> | |
| 76 | + <image src="/static/img/home/newhome1.png"></image> | |
| 77 | 77 | </view> |
| 78 | 78 | <view style="display: flex; flex-direction: column;"> |
| 79 | 79 | <view class="t1"> |
| 80 | - 请假审批 | |
| 80 | + 实习申请 | |
| 81 | 81 | </view> |
| 82 | 82 | <view class="t2"> |
| 83 | - 实习中的请假申请 | |
| 83 | + 实习开始&结束审批 | |
| 84 | 84 | </view> |
| 85 | 85 | </view> |
| 86 | 86 | </view> |
| 87 | 87 | </view> |
| 88 | - <view class="fiveCell"> | |
| 89 | - <view class="item" @click="handelGate(3)"> | |
| 90 | - <image src="/static/img/home/newhome3.png"></image> | |
| 91 | - <view class="t1"> | |
| 92 | - 实习变更 | |
| 93 | - </view> | |
| 94 | - </view> | |
| 95 | - <view class="item" @click="handelGate(4)"> | |
| 96 | - <image src="/static/img/home/newhome4.png"></image> | |
| 97 | - <view class="t1"> | |
| 98 | - 日志批阅 | |
| 99 | - </view> | |
| 100 | - </view> | |
| 101 | - <view class="item" @click="handelGate(5)"> | |
| 102 | - <image src="/static/img/home/newhome5.png"></image> | |
| 103 | - <view class="t1"> | |
| 104 | - 报告批阅 | |
| 105 | - </view> | |
| 106 | - </view> | |
| 107 | - <view class="item" @click="handelGate(6)"> | |
| 108 | - <image src="/static/img/home/newhome6.png"></image> | |
| 109 | - <view class="t1"> | |
| 110 | - 学生签到 | |
| 111 | - </view> | |
| 112 | - </view> | |
| 113 | - <view class="item" @click="handelGate(7)"> | |
| 114 | - <image src="/static/img/home/newhome7.png"></image> | |
| 115 | - <view class="t1"> | |
| 116 | - 成绩鉴定 | |
| 117 | - </view> | |
| 118 | - </view> | |
| 88 | + <!-- <view class="fiveCell"> --> | |
| 89 | + <scroll-view class="fiveCell" scroll-x="true" @scroll="scrollx"> | |
| 90 | + <view class="item" @click="handelGate(2)"> | |
| 91 | + <view class="item-flex"> | |
| 92 | + <image src="/static/img/home/newhome2.png"></image> | |
| 93 | + <view class="t1"> | |
| 94 | + 请假审批 | |
| 95 | + </view> | |
| 96 | + </view> | |
| 97 | + </view> | |
| 98 | + <view class="item" @click="handelGate(3)"> | |
| 99 | + <view class="item-flex"> | |
| 100 | + <image src="/static/img/home/newhome3.png"></image> | |
| 101 | + <view class="t1"> | |
| 102 | + 实习变更 | |
| 103 | + </view> | |
| 104 | + </view> | |
| 105 | + </view> | |
| 106 | + <view class="item" @click="handelGate(4)"> | |
| 107 | + <view class="item-flex"> | |
| 108 | + <image src="/static/img/home/newhome4.png"></image> | |
| 109 | + <view class="t1"> | |
| 110 | + 日志批阅 | |
| 111 | + </view> | |
| 112 | + </view> | |
| 113 | + </view> | |
| 114 | + <view class="item" @click="handelGate(5)"> | |
| 115 | + <view class="item-flex"> | |
| 116 | + <image src="/static/img/home/newhome5.png"></image> | |
| 117 | + <view class="t1"> | |
| 118 | + 报告批阅 | |
| 119 | + </view> | |
| 120 | + </view> | |
| 121 | + </view> | |
| 122 | + <view class="item" @click="handelGate(6)"> | |
| 123 | + <view class="item-flex"> | |
| 124 | + <image src="/static/img/home/newhome6.png"></image> | |
| 125 | + <view class="t1"> | |
| 126 | + 学生签到 | |
| 127 | + </view> | |
| 128 | + </view> | |
| 129 | + </view> | |
| 130 | + <view class="item" @click="handelGate(7)"> | |
| 131 | + <view class="item-flex"> | |
| 132 | + <image src="/static/img/home/newhome7.png"></image> | |
| 133 | + <view class="t1"> | |
| 134 | + 成绩鉴定 | |
| 135 | + </view> | |
| 136 | + </view> | |
| 137 | + </view> | |
| 138 | + </scroll-view> | |
| 139 | + <!-- </view> --> | |
| 140 | + <view class="pro"> | |
| 141 | + <view class="pro_top" :style="{left: processNum+'px'}"> | |
| 142 | + | |
| 143 | + </view> | |
| 119 | 144 | </view> |
| 120 | 145 | </view> |
| 121 | 146 | |
| ... | ... | @@ -199,9 +224,22 @@ |
| 199 | 224 | </view> |
| 200 | 225 | <view v-if="hasLogin"> |
| 201 | 226 | <view |
| 202 | - v-if="statistics && (statistics.formChangeApplyReview > 0 || statistics.leaveRecordReview > 0 || statistics.internshipApply > 0 || statistics.formLogWaitReview > 0 || statistics.reportWaitReview > 0 || statistics.achievementWaitAppraisal > 0 )"> | |
| 227 | + v-if="statistics && (statistics.formApplyReview > 0 || statistics.formChangeApplyReview > 0 || statistics.leaveRecordReview > 0 || statistics.internshipApply > 0 || statistics.formLogWaitReview > 0 || statistics.reportWaitReview > 0 || statistics.achievementWaitAppraisal > 0 )"> | |
| 203 | 228 | <view class="cell"> |
| 204 | - <u-cell-group :border="false"> | |
| 229 | + <u-cell-group :border="false"> | |
| 230 | + <u-cell | |
| 231 | + v-if="statistics && statistics.formApplyReview && statistics.formApplyReview > 0" | |
| 232 | + :isLink="true" url="/pages/main/home/interapply/interapply?status=wait" | |
| 233 | + arrow-direction="right" :rightIconStyle="{fontSize:'24rpx'}" :border="false"> | |
| 234 | + <view slot="title" class="u-slot-title"> | |
| 235 | + <view class="u-cell-title">实习申请</view> | |
| 236 | + <view class="u-cell-text"> | |
| 237 | + 您有<text>{{statistics.formApplyReview}}</text>个<text>实习申请</text>待审批!</view> | |
| 238 | + </view> | |
| 239 | + <text slot="value" class="u-slot-value">立即审批</text> | |
| 240 | + | |
| 241 | + </u-cell> | |
| 242 | + <view class="line"></view> | |
| 205 | 243 | <u-cell |
| 206 | 244 | v-if="statistics && statistics.leaveRecordReview && statistics.leaveRecordReview > 0" |
| 207 | 245 | :isLink="true" url="/pages/main/home/asklist/asklist?status=wait" |
| ... | ... | @@ -320,7 +358,6 @@ |
| 320 | 358 | </view> --> |
| 321 | 359 | </view> |
| 322 | 360 | </scroll-view> |
| 323 | - | |
| 324 | 361 | <!-- <view class="content"> |
| 325 | 362 | <view class="title"> |
| 326 | 363 | <text>选择学校</text> |
| ... | ... | @@ -371,7 +408,8 @@ |
| 371 | 408 | menuHeight: 32, |
| 372 | 409 | menuTop: 32, |
| 373 | 410 | margin: 92, |
| 374 | - isNav: false | |
| 411 | + isNav: false, | |
| 412 | + processNum: 0, | |
| 375 | 413 | } |
| 376 | 414 | }, |
| 377 | 415 | |
| ... | ... | @@ -447,6 +485,15 @@ |
| 447 | 485 | |
| 448 | 486 | methods: { |
| 449 | 487 | |
| 488 | + scrollx(e) { | |
| 489 | + // console.log(e) | |
| 490 | + if (e.detail.scrollLeft < 20) { | |
| 491 | + this.processNum = 0 | |
| 492 | + }else { | |
| 493 | + this.processNum = 30 | |
| 494 | + } | |
| 495 | + }, | |
| 496 | + | |
| 450 | 497 | getSystemInfo() { |
| 451 | 498 | uni.getSystemInfo({ |
| 452 | 499 | success: (res) => { |
| ... | ... | @@ -585,9 +632,10 @@ |
| 585 | 632 | case 7: |
| 586 | 633 | this.$u.route('/pages/main/home/achievementAppraisal/achievementAppraisal'); |
| 587 | 634 | break; |
| 588 | - | |
| 589 | - | |
| 590 | - | |
| 635 | + | |
| 636 | + case 8: | |
| 637 | + this.$u.route('/pages/main/home/interapply/interapply'); | |
| 638 | + break; | |
| 591 | 639 | |
| 592 | 640 | } |
| 593 | 641 | |
| ... | ... | @@ -767,17 +815,50 @@ |
| 767 | 815 | color: rgba(0, 0, 0, 0.65); |
| 768 | 816 | } |
| 769 | 817 | } |
| 818 | + } | |
| 819 | + | |
| 820 | + .pro { | |
| 821 | + width: 60px; | |
| 822 | + height: 5px; | |
| 823 | + border-radius: 2.5px; | |
| 824 | + background-color: #F4F4F4; | |
| 825 | + margin: 0 auto; | |
| 826 | + margin-top: 10px; | |
| 827 | + position: relative; | |
| 828 | + | |
| 829 | + .pro_top { | |
| 830 | + width: 30px; | |
| 831 | + height: 5px; | |
| 832 | + border-radius: 2.5px; | |
| 833 | + background-color: #06B079; | |
| 834 | + position: absolute; | |
| 835 | + top: 0px; | |
| 836 | + left: 0px; | |
| 837 | + } | |
| 770 | 838 | } |
| 771 | 839 | |
| 772 | 840 | .fiveCell { |
| 773 | - margin-top: 30px; | |
| 774 | - display: flex; | |
| 775 | - | |
| 776 | - .item { | |
| 777 | - flex: 1; | |
| 778 | - display: flex; | |
| 779 | - flex-direction: column; | |
| 780 | - align-items: center; | |
| 841 | + margin-top: 30px; | |
| 842 | + width: 100%; | |
| 843 | + height: 60px; | |
| 844 | + white-space: nowrap; | |
| 845 | + // display: flex; | |
| 846 | + // display: inline-block; | |
| 847 | + | |
| 848 | + .item { | |
| 849 | + // width: 100px; | |
| 850 | + // flex: 1; | |
| 851 | + display: inline-block; | |
| 852 | + margin-right: 16px; | |
| 853 | + // display: flex; | |
| 854 | + // flex-direction: column; | |
| 855 | + // align-items: center; | |
| 856 | + | |
| 857 | + .item-flex { | |
| 858 | + display: flex; | |
| 859 | + flex-direction: column; | |
| 860 | + align-items: center; | |
| 861 | + } | |
| 781 | 862 | |
| 782 | 863 | image { |
| 783 | 864 | width: 24px; | ... | ... |
static/img/home/bmsh_sel.png
0 → 100644
3.5 KB
请
注册
或
登录
后发表评论