|
@@ -0,0 +1,143 @@
|
|
|
|
+<!-- 代煎反馈首页 -->
|
|
|
|
+<template>
|
|
|
|
+ <view class="djfkIndex">
|
|
|
|
+ <!-- 头部 -->
|
|
|
|
+ <view class="djfkIndex_header">
|
|
|
|
+ <view class="info">
|
|
|
|
+ <view class="info_img">
|
|
|
|
+ <image :src="pageData.headImg" class="headImg"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="userName">{{pageData.userName}}</text>
|
|
|
|
+ <image :src="eyeIcon.nowIcon" class="eyeIcon" @click="changeState('header')"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="slogan">
|
|
|
|
+ <image src="/static/slogan_header_img.png" class="slogan_img"></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 标题 -->
|
|
|
|
+ <view class="djfkIndex_title">
|
|
|
|
+ <view class="title_left">
|
|
|
|
+ <text>任务列表</text>
|
|
|
|
+ <!-- <uni-badge class="uni-badge-left-margin" :text="pageData.taskNum" /> -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="title_right" @click="toDetail">
|
|
|
|
+ <text class="right_text">查看全部</text>
|
|
|
|
+ <uni-icons type="right"></uni-icons>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 任务列表 -->
|
|
|
|
+ <view>
|
|
|
|
+ <uni-card v-for="(item,index) in pageData.taskList" padding="0" spacing="0" class="djfkIndex_list">
|
|
|
|
+ <view class="list_content">
|
|
|
|
+ <view class="list_content_img">
|
|
|
|
+ <image :src="pageData.statusIcon" class="statusIcon"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_item">质控名称</view>
|
|
|
|
+ <view class="list_item_text">{{item.taskName}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_content">
|
|
|
|
+ <view class="list_item">质控日期</view>
|
|
|
|
+ <view class="list_item_text">{{item.taskTime}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_content">
|
|
|
|
+ <view class="list_item">整改截止日期</view>
|
|
|
|
+ <view class="list_item_text">{{item.taskDeadline}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_content">
|
|
|
|
+ <view class="list_item">整改项数</view>
|
|
|
|
+ <view class="list_item_text">{{item.taskNum}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_content">
|
|
|
|
+ <view class="list_item">整改情况</view>
|
|
|
|
+ <view class="list_item_text">{{item.taskSituation}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="button">
|
|
|
|
+ <view class="button_upload" @click="uploadZg(item)">上传整改</view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-card>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 整改通知 -->
|
|
|
|
+ <uni-popup ref="zgDialog" type="dialog">
|
|
|
|
+ <view class="rectification_notice">
|
|
|
|
+ <uni-title type="h1" title="整改通知" align="center" class="rectification_notice_title"></uni-title>
|
|
|
|
+ <view class="rectification_notice_content">
|
|
|
|
+ 1.墙壁有霉污2.浸泡时间未满40分钟3.未采取防尘措施
|
|
|
|
+ </view>
|
|
|
|
+ <view class="rectification_notice_deadline">
|
|
|
|
+ 整改截止日期: 2023.06.30
|
|
|
|
+ </view>
|
|
|
|
+ <view class="rectification_notice_date">
|
|
|
|
+ 5月30日
|
|
|
|
+ </view>
|
|
|
|
+ <view class="rectification_notice_button">
|
|
|
|
+ <button class="button">我知道了</button>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-popup>
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+import http from '@/utils/request';
|
|
|
|
+import { ref,reactive } from "vue";
|
|
|
|
+import {onLoad,onShow,onUnload,onPullDownRefresh} from "@dcloudio/uni-app";
|
|
|
|
+
|
|
|
|
+const pageData=reactive({
|
|
|
|
+ headImg:'/static/header.png',
|
|
|
|
+ userName:'王军',
|
|
|
|
+ // 状态icon
|
|
|
|
+ statusIcon:'/static/gai_icon.png',
|
|
|
|
+ // 整改任务列表
|
|
|
|
+ taskList:[
|
|
|
|
+ {
|
|
|
|
+ taskName:'20230405质控任务',
|
|
|
|
+ taskTime:'2023.04.28',
|
|
|
|
+ taskDeadline:'2023.05.23',
|
|
|
|
+ taskNum:'10',
|
|
|
|
+ taskSituation:'第一次'
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+// 整改通知对话框
|
|
|
|
+const zgDialog=ref()
|
|
|
|
+
|
|
|
|
+const eyeIcon=reactive({
|
|
|
|
+ nowIcon:'',
|
|
|
|
+ showIcon:'/static/whiteDisplay.png',
|
|
|
|
+ hideIcon:'/static/whiteHide.png'
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+// 切换显示与隐藏
|
|
|
|
+const changeState=(type)=>{
|
|
|
|
+ if(type=='header'){
|
|
|
|
+ console.log("头部切换")
|
|
|
|
+ if(eyeIcon.nowIcon==eyeIcon.hideIcon){
|
|
|
|
+ eyeIcon.nowIcon=eyeIcon.showIcon
|
|
|
|
+ }else{
|
|
|
|
+ eyeIcon.nowIcon=eyeIcon.hideIcon
|
|
|
|
+ }
|
|
|
|
+ }else if(type=='list'){
|
|
|
|
+ console.log("列表切换")
|
|
|
|
+ if(showIcon.nowIcon==showIcon.hideIcon){
|
|
|
|
+ showIcon.nowIcon=showIcon.showIcon
|
|
|
|
+ }else{
|
|
|
|
+ showIcon.nowIcon=showIcon.hideIcon
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+// 上传整改
|
|
|
|
+const uploadZg=(e)=>{
|
|
|
|
+ zgDialog._value.open()
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+onShow(()=>{
|
|
|
|
+ eyeIcon.nowIcon=eyeIcon.hideIcon
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+@import 'index.scss';
|
|
|
|
+</style>
|