添加页面

This commit is contained in:
2025-11-05 21:16:07 +08:00
parent daf5ac5808
commit 0f11935749
6 changed files with 82 additions and 54 deletions

View File

@@ -1,14 +1,7 @@
<template>
<view class="page">
<view class="page-header">
<view class="title df_flex" style="text-align: left;padding:50rpx 32rpx;">
<u-icon name="arrow-left" color="#fff" size="38rpx" @tap="$tab.navigateBack()"></u-icon>
<text style="margin-left: 30rpx;" class="df_flex_1">需求列表</text>
<u-icon v-show="$store.getters.roles.includes('shequn')" @tap="$store.commit('SET_SHOWEXITPOPUP', true)" name="list" size="44rpx" color="#fff"></u-icon>
</view>
</view>
<view class="page" style="background-image: url('../../../packageRc/static/pageBg.png');">
<view class="input-outer-part"
style="padding-top: 12rpx;margin-top: 16rpx;padding-bottom: 0;max-height: unset;">
style="padding: 24rpx 32rpx 0;max-height: unset;">
<view class="search-line">
<u-input placeholder="请输入群众姓名进行搜索" v-model="queryParams.searchValue" border="none" />
<img src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/search.png" class="search-icon" @click="search()" />
@@ -22,9 +15,9 @@
</view>
<scroll-view :scroll-y="true" style="height: calc(100vh - 422rpx);position: relative;z-index: 1;"
@scrolltolower="getBottomList">
<u-swipe-action>
<u-swipe-action-item @click="clickDelete(item)" v-for="(item, index) in tableData" :key="index"
style="margin-bottom: 24rpx;border-radius: 16rpx;" :options="options1">
<uni-swipe-action>
<uni-swipe-action-item @click="clickDelete(item)" v-for="(item, index) in tableData" :key="index"
style="margin-bottom: 24rpx;border-radius: 16rpx;" :right-options="options1">
<view class="job-item">
<view class="top-container" @click="goNeedsDetail(item)">
<view class="title-line">
@@ -65,39 +58,39 @@
<view class="item_btn df_flex df_align_center df_justify_center">
<!-- 需求已处理完成的 展示服务追溯 -->
<view v-if="item.currentStatus == 3" class="df_flex_1">
<u-button type="primary" :plain="true" color="#BF5818" text="服务追溯"
@click="serviceTraceButton(item)" :customStyle="{border: 'none'}"></u-button>
<view type="primary" :plain="true" color="#BF5818" text="服务追溯"
@click="serviceTraceButton(item)" :customStyle="{border: 'none'}">服务追溯</view>
</view>
<!-- 需求处于待处理处理中 -->
<view v-else class="df_flex_1">
<!-- 求职需求 -->
<view v-if="queryParams.needsType == 1" class="df_flex">
<u-button type="primary" :plain="true" color="#BF5818" text="推荐"
<view type="primary" :plain="true" color="#BF5818" text="推荐"
:customStyle="{border: 'none'}"
@click="requirementTraining(item, 1)"></u-button>
@click="requirementTraining(item, 1)">推荐</view>
<view class="line"></view>
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
<view type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)">办理</view>
</view>
<!-- 培训需求 -->
<view v-else-if="queryParams.needsType == 4" class="df_flex">
<u-button type="primary" :plain="true" color="#BF5818" text="培训"
<view type="primary" :plain="true" color="#BF5818" text="培训"
:customStyle="{border: 'none'}"
@click="requirementTraining(item, 4)"></u-button>
@click="requirementTraining(item, 4)">培训</view>
<view class="line"></view>
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
<view type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)">办理</view>
</view>
<!-- 其他需求 -->
<view v-else>
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
<view type="primary" :plain="true" color="#BF5818" text="办理"
:customStyle="{border: 'none'}" @click="requirementHandling(item)">办理</view>
</view>
</view>
</view>
</view>
</u-swipe-action-item>
</u-swipe-action>
</uni-swipe-action-item>
</uni-swipe-action>
<view style="padding-bottom: 24rpx;">
<img v-if="!total&&!loading" src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/empty.png"
style="width: 100%;display: block;margin: 0 auto;" />
@@ -110,7 +103,7 @@
</view>  
</scroll-view>
</view>
<u-popup :show="openDeal" style="position: relative;z-index: 100;" closeOnClickOverlay @close="openDeal=false">
<uni-popup ref="openDeal" style="position: relative;z-index: 100;" background-color="#fff" type="bottom">
<u--form class="self-form" labelPosition="top" :model="formData" :rules="rules" ref="uForm"
labelWidth="300">
<u-form-item label="实际解决时间" prop="actualSolveDate" required>
@@ -129,11 +122,11 @@
</u-form-item>
</u--form>
<view class="button-area">
<view class="btn" @click="openDeal = false">取消</view>
<view class="btn" @click="closeopenDeal">取消</view>
<view class="btn reset" @click="formData.actualSolveDate = '';formData.solveDesc = ''">重置</view>
<view class="btn save" @click="finishJobRecommend">办结</view>
</view>
</u-popup>
</uni-popup>
<view class="addNeeds" @click="goAddNeeds()">
<img src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/addNeeds.png" />
</view>
@@ -159,7 +152,7 @@
</view>
</template>
<script>
import PopupList from "packageRc/components/PopupLists.vue";
import PopupList from "/packageRc/components/PopupLists.vue";
import ImageUpload from '/packageRc/components/ImageUpload'
import {
requirementCompletion
@@ -234,13 +227,16 @@
onLoad({
dictValue
}) {
this.queryParams.needsType = dictValue
this.queryParams.needsType = dictValue || 1
this.getCheckData()
},
onShow() {
this.search();
},
methods: {
closeopenDeal() {
this.$refs.openDeal.close()
},
// 新增需求
goAddNeeds() {
this.$tab.navigateTo(`/pages/needs/needDetail?activeType=${this.queryParams.needsType}&showTab=1`)
@@ -317,10 +313,10 @@
},
async getCheckData() {
let workExperienceYears
await this.getDicts('qcjy_gznx').then(res => {
await this.$getDict('qcjy_gznx').then(res => {
workExperienceYears = res.data
})
await this.getDicts('qcjy_xqlc').then(res => {
await this.$getDict('qcjy_xqlc').then(res => {
this.currentStatusList = res.data;
console.log(res.data)
})
@@ -448,7 +444,7 @@
// 需求办结
requirementHandling(item) {
this.openDeal = true;
this.$refs.openDeal.open()
this.formData = {
id: item.id,
currentStatus: '3'
@@ -496,7 +492,8 @@
if (code === 200) {
// 显示成功的提示信息
this.$u.toast(msg);
this.openDeal = false;
// this.openDeal = false;
this.$refs.openDeal.close()
this.search();
}
} catch (error) {
@@ -550,9 +547,8 @@
<style lang="scss" scoped>
.page {
background-color: #EEF1F5 !important;
background-color: #f4f4f4 !important;
height: 100vh;
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
background-repeat: no-repeat;
background-size: 100% auto;
}
@@ -778,4 +774,10 @@
width: 100%;
}
}
.d_flex{
display: flex;
view{
flex-grow: 1;
}
}
</style>