提交
This commit is contained in:
wuzhimiao
@@ -47,9 +47,9 @@
|
||||
</view>
|
||||
<view class="titles">
|
||||
<view class="title-item active"><view>待办需求预警列表</view></view>
|
||||
<view>共 2 条信息</view>
|
||||
<view>共 {{jobList1count}}条信息</view>
|
||||
</view>
|
||||
<view v-for="(item, index) in jobList" :key="index" class="job-list">
|
||||
<view v-for="(item, index) in jobList1" :key="index" class="job-list">
|
||||
<view class="title">销售顾问</view>
|
||||
<view class="info">
|
||||
待办内容文字示例待办内容文字示例待办内容文字示例待办内容文字示例
|
||||
@@ -61,7 +61,7 @@
|
||||
</view>
|
||||
<view class="titles">
|
||||
<view class="title-item active"><view>待服务毕业生列表</view></view>
|
||||
<view>共 22 条信息</view>
|
||||
<view>共 {{jobListcount}} 条信息</view>
|
||||
</view>
|
||||
<view v-for="(item, index) in jobList" :key="index" class="person-list">
|
||||
<view class="top-info">
|
||||
@@ -69,7 +69,7 @@
|
||||
<image v-else src="../../../packageRc/static/personIconFe.png"/>
|
||||
<view class="top-right">
|
||||
<view class="name-line">
|
||||
<view class="name">姓名<view class="tag">硕士</view></view>
|
||||
<view class="name">姓名<view class="tag">{{item.name}}</view></view>
|
||||
<view class="service-status">·未服务</view>
|
||||
</view>
|
||||
<view class="info-line" style="display: flex;">
|
||||
@@ -80,26 +80,139 @@
|
||||
</view>
|
||||
<view class="info-line">
|
||||
<view><text>联系电话：</text>152****5488</view>
|
||||
<view><text>详细地址：</text>山东省济南市历城区港沟街道融创文旅城鹊桥华居8号楼1单元801</view>
|
||||
<view><text>详细地址：</text>{{item.xxdz}}</view>
|
||||
</view>
|
||||
<view class="services">
|
||||
<view>退回</view>
|
||||
<view>服务</view>
|
||||
<view @click="showReturnReasonPopup">退回</view>
|
||||
<view @click="tiao(item.id)">服务</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 退回原因弹窗 -->
|
||||
<uni-popup ref="returnReasonPopup" position="center" round>
|
||||
<view class="popup-content" style="background:rgb(248, 248, 248);">
|
||||
|
||||
<textarea
|
||||
v-model="returnReason"
|
||||
class="reason-textarea"
|
||||
placeholder="请输入退回原因"
|
||||
placeholder-class="placeholder-style"
|
||||
rows="5"
|
||||
maxlength="200"
|
||||
></textarea>
|
||||
<view class="popup-footer">
|
||||
<button class="cancel-btn" @click="cancelReturn">取消</button>
|
||||
<button class="confirm-btn" @click="confirmReturn">确认退回</button>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { personInfoList,personAlertList } from '../../api/personinfo/index'
|
||||
import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
|
||||
let activeTab = ref(1)
|
||||
let activeTitle = ref(1)
|
||||
let jobList = ref([{},{},{},{},{}])
|
||||
let jobListcount = ref()
|
||||
let jobList1 = ref([{},{}])
|
||||
let jobList1count = ref()
|
||||
// 退回原因弹窗相关
|
||||
let returnReasonPopup = ref(null)
|
||||
let returnReason = ref('')
|
||||
let currentItemIndex = ref(-1)
|
||||
function back() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
|
||||
};
|
||||
onMounted(() => {
|
||||
getlist();
|
||||
getlistyujing();
|
||||
});
|
||||
|
||||
async function getlist(){
|
||||
|
||||
try {
|
||||
const res = await personInfoList();
|
||||
console.log("res", res);
|
||||
jobList.value = res.rows || [];
|
||||
jobListcount.value=res.total || 0
|
||||
} catch (error) {
|
||||
console.error("获取数据失败:", error);
|
||||
jobList.value = [];
|
||||
}
|
||||
};
|
||||
async function getlistyujing(){
|
||||
|
||||
try {
|
||||
const res = await personAlertList();
|
||||
console.log("res", res);
|
||||
jobList1.value = res.rows || [];
|
||||
jobList1count.value=res.total || 0
|
||||
} catch (error) {
|
||||
console.error("获取数据失败:", error);
|
||||
jobList1.value = [];
|
||||
}
|
||||
};
|
||||
|
||||
// 显示退回原因弹窗
|
||||
function showReturnReasonPopup() {
|
||||
console.log("退回")
|
||||
returnReason.value = ''
|
||||
// 使用 ref 控制弹窗显示
|
||||
if (returnReasonPopup.value) {
|
||||
returnReasonPopup.value.open()
|
||||
}
|
||||
}
|
||||
|
||||
function tiao(id){
|
||||
console.log('尝试导航到待办详情页面，ID:', id);
|
||||
// 尝试直接使用uni.navigateTo，使用正确的格式并传递id参数
|
||||
uni.navigateTo({
|
||||
url: `/packageRc/pages/daiban/daibandetail?id=${id}`,
|
||||
success: function() {
|
||||
console.log('导航成功');
|
||||
},
|
||||
fail: function(err) {
|
||||
console.error('导航失败:', err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 确认退回
|
||||
function confirmReturn() {
|
||||
if (!returnReason.value.trim()) {
|
||||
uni.showToast({
|
||||
title: '请填写退回原因',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 这里可以添加提交退回原因的API调用
|
||||
console.log('退回原因:', returnReason.value, '项目索引:', currentItemIndex.value)
|
||||
|
||||
// 模拟提交成功
|
||||
uni.showToast({
|
||||
title: '退回成功'
|
||||
})
|
||||
|
||||
// 使用 ref 控制弹窗关闭
|
||||
if (returnReasonPopup.value) {
|
||||
returnReasonPopup.value.close()
|
||||
}
|
||||
}
|
||||
|
||||
// 取消退回
|
||||
function cancelReturn() {
|
||||
// 使用 ref 控制弹窗关闭
|
||||
if (returnReasonPopup.value) {
|
||||
returnReasonPopup.value.close()
|
||||
}
|
||||
}
|
||||
function viewMore() {
|
||||
// uni.navigateTo({
|
||||
@@ -139,6 +252,7 @@ view{box-sizing: border-box;display: block;}
|
||||
margin-top: 16rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// text{
|
||||
// font-size: 28rpx;
|
||||
// }
|
||||
@@ -148,6 +262,75 @@ view{box-sizing: border-box;display: block;}
|
||||
// margin-bottom: 15rpx;
|
||||
height: 78rpx;
|
||||
}
|
||||
|
||||
/* 退回原因弹窗样式 */
|
||||
.popup-content {
|
||||
background: #FFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 48rpx;
|
||||
width: 88%;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #282828;
|
||||
margin-bottom: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reason-textarea {
|
||||
width: 100%;
|
||||
border: 2rpx solid #D8D8D8;
|
||||
border-radius: 12rpx;
|
||||
padding: 24rpx;
|
||||
min-height: 220rpx;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
background: #FAFAFA;
|
||||
}
|
||||
|
||||
.placeholder-style {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.cancel-btn,
|
||||
.confirm-btn {
|
||||
flex: 1;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 16rpx;
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
margin: 0 15rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cancel-btn {
|
||||
background: #F8F8F8;
|
||||
color: #666666;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background: #1A62CE;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* 弹窗背景遮罩层样式 */
|
||||
::v-deep(.uni-popup__wrapper) {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.trace-line{
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user