|
@@ -0,0 +1,321 @@
|
|
|
|
+<template>
|
|
|
|
+ <view class="page-container uni-column">
|
|
|
|
+ <view class="lot-info uni-column">
|
|
|
|
+ <view class="lot-code uni-row">
|
|
|
|
+ <text>批次号</text>
|
|
|
|
+ <text style="margin-left: 24rpx;">D2423156000691</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="product-info">
|
|
|
|
+ 产品描述
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <!-- 不合格信息 -->
|
|
|
|
+ <view class="title unfit-title uni-row">
|
|
|
|
+ <text>不合格信息</text>
|
|
|
|
+ <view class="add-btn" @click="handleAddUnfit">添加</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="unfit-container">
|
|
|
|
+ <view class="unfit-item-container uni-column" v-for="(item, index) in unfitInfos" :key="index">
|
|
|
|
+ <view class="title uni-row">
|
|
|
|
+ <text>检查项-{{ item.title }}</text>
|
|
|
|
+ <uni-icons type="trash" size="24" color="#fc6565" @click="handleDelUnfit(index)" />
|
|
|
|
+ </view>
|
|
|
|
+ <view class="standard">检查标准:{{ item.standard }}</view>
|
|
|
|
+ <view class="result uni-row">
|
|
|
|
+ <view class="label">检查结果</view>
|
|
|
|
+ <input v-model="item.result" placeholder="请输入检查结果" />
|
|
|
|
+ <view class="label" style="text-align: right; padding-right: 16rpx;">数量</view>
|
|
|
|
+ <input class="number" type="number" v-model="item.number" placeholder="" />
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <!-- 咨询部分 -->
|
|
|
|
+ <view class="title">咨询</view>
|
|
|
|
+ <view class="consultation-container uni-column">
|
|
|
|
+ <view class="consultation-item-container" v-for="(item, index) in consultations" :key="index">
|
|
|
|
+ <view class="question uni-column">
|
|
|
|
+ <view class="label uni-row">
|
|
|
|
+ <text>问题描述</text>
|
|
|
|
+ <text style="color: #fcab53">{{ item.answer === '' ? '待回复' : '已回复' }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content">{{ item.question }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="answer">
|
|
|
|
+ <view class="label">回复</view>
|
|
|
|
+ <view class="content">{{ item.answer }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <!-- 报工部分 -->
|
|
|
|
+ <view class="daywork-container">
|
|
|
|
+ <view class="result uni-row">
|
|
|
|
+ <view class="label">合格量</view>
|
|
|
|
+ <input type="number" placeholder="请输入合格量" />
|
|
|
|
+ <view class="label" style="text-align: right; padding-right: 24rpx">废品量</view>
|
|
|
|
+ <input type="number" placeholder="请输入废品量" />
|
|
|
|
+ </view>
|
|
|
|
+ <view class="remark uni-row">
|
|
|
|
+ <view class="label">备注</view>
|
|
|
|
+ <textarea />
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="btns-container uni-row">
|
|
|
|
+ <view class="finished-btn">结束报工</view>
|
|
|
|
+ <view class="question-btn uni-column" @click.stop="handleAddConsultation">
|
|
|
|
+ <uni-icons type="headphones" size="24" />
|
|
|
|
+ <text>咨询</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+ import { ref } from 'vue'
|
|
|
|
+ import { onLoad, onReady, onUnload, onShow } from '@dcloudio/uni-app'
|
|
|
|
+
|
|
|
|
+ const unfitInfos = ref([])
|
|
|
|
+ const consultations = ref([])
|
|
|
|
+
|
|
|
|
+ onShow(() => {
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ /***************************** 定义了一些方法 *****************************/
|
|
|
|
+ const addUnfitInfo = (data) => {
|
|
|
|
+ const info = {
|
|
|
|
+ title: data.title,
|
|
|
|
+ standard: data.standard,
|
|
|
|
+ result: '',
|
|
|
|
+ number: 1
|
|
|
|
+ }
|
|
|
|
+ unfitInfos.value.push(info)
|
|
|
|
+ }
|
|
|
|
+ const addConsultation = (data) => {
|
|
|
|
+ const info = {
|
|
|
|
+ question: data.title,
|
|
|
|
+ answer: ''
|
|
|
|
+ }
|
|
|
|
+ unfitInfos.value.push(info)
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /***************************** 定义了一些事件 *****************************/
|
|
|
|
+ // 添加不合格信息
|
|
|
|
+ const handleAddUnfit = () => {
|
|
|
|
+ // 监听事件
|
|
|
|
+ uni.$once('addUnfitInfoEvent',(data)=>{
|
|
|
|
+ addUnfitInfo(data)
|
|
|
|
+ })
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/sorting/options"
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ // 删除不合格信息
|
|
|
|
+ const handleDelUnfit = (index) => {
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '提示',
|
|
|
|
+ content: '确定删除该项?',
|
|
|
|
+ success: function (res) {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ unfitInfos.value.splice(index, 1)
|
|
|
|
+ } else if (res.cancel) {
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 添加不合格信息
|
|
|
|
+ const handleAddConsultation = () => {
|
|
|
|
+ // 监听事件
|
|
|
|
+ uni.$once('addConsulttationEvent',(data)=>{
|
|
|
|
+ addConsultation(data)
|
|
|
|
+ })
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/sorting/consultation"
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss">
|
|
|
|
+ .page-container {
|
|
|
|
+ height: 100%;
|
|
|
|
+ background-color: #ececec;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+
|
|
|
|
+ > .title {
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ margin: 24rpx 16rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .lot-info {
|
|
|
|
+ margin: 32rpx 16rpx 0 16rpx;
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+
|
|
|
|
+ .lot-code {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ margin-bottom: 16rpx;
|
|
|
|
+ }
|
|
|
|
+ .product-info {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #9f9f9f;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .unfit-title {
|
|
|
|
+ margin-bottom: 24rpx;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ text {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ }
|
|
|
|
+ .add-btn {
|
|
|
|
+ padding: 12rpx 32rpx;
|
|
|
|
+ background-color: #a4adb3;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .unfit-container {
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ margin: 0 16rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
+
|
|
|
|
+ .unfit-item-container {
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ > * {
|
|
|
|
+ margin-bottom: 24rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ image {
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .standard {
|
|
|
|
+ }
|
|
|
|
+ .result {
|
|
|
|
+ align-items: center;
|
|
|
|
+ border-bottom: 1px solid #9f9f9f;
|
|
|
|
+ padding-bottom: 32rpx;
|
|
|
|
+
|
|
|
|
+ .label {
|
|
|
|
+ flex: 1;
|
|
|
|
+ }
|
|
|
|
+ input {
|
|
|
|
+ width: 280rpx;
|
|
|
|
+ height: 56rpx;
|
|
|
|
+ border: 1px solid #9f9f9f;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+
|
|
|
|
+ &.number {
|
|
|
|
+ width: 104rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .unfit-item-container:last-child {
|
|
|
|
+ .result {
|
|
|
|
+ border-bottom: none;
|
|
|
|
+ padding-bottom: 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .consultation-container {
|
|
|
|
+ margin: 0 16rpx;
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+
|
|
|
|
+ .question, .answer {
|
|
|
|
+ .label {
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ margin-bottom: 16rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ }
|
|
|
|
+ .content {
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .answer {
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .daywork-container {
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border: 1px solid #bcbcbc;
|
|
|
|
+
|
|
|
|
+ .result {
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .label {
|
|
|
|
+ width: 112rpx;
|
|
|
|
+ }
|
|
|
|
+ input {
|
|
|
|
+ flex: 1;
|
|
|
|
+ height: 56rpx;
|
|
|
|
+ border: 1px solid #9f9f9f;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .remark {
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+ .label {
|
|
|
|
+ width: 112rpx;
|
|
|
|
+ }
|
|
|
|
+ textarea {
|
|
|
|
+ flex: 1;
|
|
|
|
+ border: 1px solid #9f9f9f;
|
|
|
|
+ height: 168rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .btns-container {
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+
|
|
|
|
+ .finished-btn {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex: 1;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ background-color: #fc6565;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ text-align: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ }
|
|
|
|
+ .question-btn {
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ align-items: flex-end;
|
|
|
|
+
|
|
|
|
+ image {
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ }
|
|
|
|
+ text {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</style>
|