From 31211a94d70eac56ae48e2e0f2ef0f4a272fbc21 Mon Sep 17 00:00:00 2001
From: FCD <2453864257@qq.com>
Date: Mon, 3 Nov 2025 10:04:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=99=BD=E5=9D=AF=E6=A3=80?=
 =?UTF-8?q?=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                      |   8 +
 src/pages/quality/BpCheck/index.vue | 281 ++++++++++++++++++++++++++++
 src/pages/quality/BpCheck/model.ts  |  18 ++
 src/static/styles/index.scss        |  28 ++-
 src/utils/url.ts                    |   5 +
 5 files changed, 339 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/quality/BpCheck/index.vue
 create mode 100644 src/pages/quality/BpCheck/model.ts

diff --git a/src/pages.json b/src/pages.json
index 147037a..1f3b7cc 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -695,6 +695,14 @@
         "navigationStyle": "custom",
         "navigationBarTextStyle": "white"
       }
+    },
+    {
+      "path": "pages/quality/BpCheck/index",
+      "style": {
+        "navigationBarTitleText": "白坯检验",
+        "navigationStyle": "custom",
+        "navigationBarTextStyle": "white"
+      }
     }
 
     
diff --git a/src/pages/quality/BpCheck/index.vue b/src/pages/quality/BpCheck/index.vue
new file mode 100644
index 0000000..a6caecd
--- /dev/null
+++ b/src/pages/quality/BpCheck/index.vue
@@ -0,0 +1,281 @@
+<template>
+  <view class="page-product-receipt">
+
+    <page-head title="白坯检验" />
+
+    <u-form id="form" class="page-form" ref="form" label-width="180rpx">
+      <u-form-item required  label="日期">
+        <u-input @click="showCalendar = true" placeholder="请选择日期" v-model="form.checkDate" :clearable="true"  readonly :disabled="true" />
+        <u-icon name="close-circle-fill" @click="clearDate" color="rgb(96, 98, 102)" size="28"></u-icon>
+      </u-form-item>
+      <u-form-item required  label="物料清单">
+        <u-input @click="clickShowList" v-model="form.materialName" placeholder="请选择物料清单" :show-action="false"  readonly :disabled="true"></u-input>
+        <u-icon name="close-circle-fill" @click="clearMaterial" color="rgb(96, 98, 102)" size="28"></u-icon>
+      </u-form-item>
+      <u-form-item required  label="检查数量">
+        <u-input placeholder="请输入检查数量（PC）" v-model="form.checkNum" :show-action="false"></u-input>
+      </u-form-item>
+
+      <u-form-item required  label="是否合格">
+        <jPicker sureColor="#ff0000" moren="请选择是否合格" @bindpicker="selectIsQualified" showKey="key" valKey="value" :val="form.isQualified" :options="optionResults" />
+      </u-form-item>
+
+      <u-form-item label="不良数量">
+        <u-input placeholder="请输入不良数量（PC）" v-model="form.badNum" :show-action="false"></u-input>
+      </u-form-item>
+
+      <u-form-item label="不良选项">
+        <jPicker sureColor="#ff0000" moren="请选择不良选项" @bindpicker="selectBadItem" showKey="className" valKey="id" :val="form.badItem" :options="optionDefects" />
+      </u-form-item>
+
+      <u-form-item label="不合格原因">
+        <u-input placeholder="请填写不合格原因" v-model="form.remark" :show-action="false"></u-input>
+      </u-form-item>
+
+    </u-form>
+
+
+
+    <view id="button" class="bottom-bar">
+      <u-button type="primary" @click="submit" >提交</u-button>
+    </view>
+
+    <u-calendar v-model="showCalendar" :mode="'date'" @change="changeDate"></u-calendar>
+
+    <u-popup id="popup" v-model="showList" mode="center" width="90%" height="60%">
+      <scroll-view id="list" scroll-y="true" :style="{ height: listHeight + 'px' }" :lower-threshold="50">
+        <u-form class="list">
+          <view v-if="list.length > 0">
+            <view class="list-item" v-for="(item, index) in list" :key="index" @click="clickItem(index)" >
+              <lj-list-row label="物料编号:" :value="item.materialCode" />
+              <lj-list-row label="白坯名称:" :value="item.materialName" />
+            </view>
+          </view>
+          <view v-else> 暂无数据 </view>
+        </u-form>
+      </scroll-view>
+
+    </u-popup>
+  </view>
+</template>
+
+<script lang="ts">
+
+import PageHead from "@/components/lanju/page-head/index.vue";
+import LjListRow from "@/components/lanju/lj-list-row/index.vue";
+import JPicker from "@/components/J-Picker/jPicker.vue";
+import {getCheckBpList, getQcDefectTypeClassList, submitCheckResult} from "@/pages/quality/BpCheck/model";
+import {BasePage} from "@/components/base/page";
+import {Component} from "vue-property-decorator";
+import {removeLeadingZeros} from "@/utils/tool";
+import {session} from "@/store/modules/session";
+
+@Component({
+  methods: { removeLeadingZeros },
+  components: {
+    JPicker,
+    LjListRow,
+    PageHead
+  },
+})
+
+export default class checkBp extends BasePage {
+  userinfo: any = uni.getStorageSync('userinfo');
+
+  form = {
+    checkDate:undefined,
+    materialCode:undefined,
+    materialName:undefined,
+    checkNum:undefined,
+    badNum:undefined,
+    isQualified:undefined,
+    badItem:undefined,
+    remark:undefined,
+    createBy: this.userinfo.userName,
+    createUserName: this.userinfo.nickName,
+    factoryCode: session.FactoryCode,
+  }
+
+  resetForm = {
+    checkDate:undefined,
+    materialCode:undefined,
+    materialName:undefined,
+    checkNum:undefined,
+    badNum:undefined,
+    isQualified:undefined,
+    badItem:undefined,
+    remark:undefined,
+    createBy: this.userinfo.userName,
+    createUserName: this.userinfo.nickName,
+    factoryCode: session.FactoryCode,
+  }
+
+  showCalendar = false
+  showList = false
+  listHeight = 500
+  list = []
+  optionResults =[
+    { key:"合格", value: "Y" },
+    { key:"不合格", value: "N" },
+  ]
+  optionDefects = []
+
+  rules = {
+    checkDate:"请选择日期",
+    materialCode:"请选择物料",
+    checkNum:"请填写检查数量",
+    isQualified:"请选择是否合格"
+  }
+
+  unqualifiedRules = {
+    badNum:"请填写不良数量",
+    badItem:"请选择不良项"
+  }
+
+  onReady() {
+    getQcDefectTypeClassList(
+      {defectCode:"20240822001"}
+    ).then(res=>{
+      if (res){
+        for (const item of res.rows){
+          if (item.remark === "白坯专用"){
+            this.optionDefects.push(item)
+          }
+        }
+      }
+
+    })
+  }
+
+  clickItem(e){
+    this.form.materialCode = this.list[e].materialCode
+    this.form.materialName = this.list[e].materialName
+    setTimeout(()=>{
+      this.showList = false
+    },200)
+  }
+
+  changeDate(e){
+    this.form.checkDate = e.result;
+    this.clearMaterial()
+    getCheckBpList(this.form).then(res=>{
+      this.list = res
+    })
+  }
+
+
+  clearDate(){
+    this.form.checkDate = ""
+    this.clearMaterial()
+  }
+
+  clearMaterial(){
+    this.form.materialCode = ""
+    this.form.materialName = ""
+  }
+
+  clickShowList(){
+    if (!this.form.checkDate){
+      uni.showToast({
+        title: '请选择日期',
+        icon: 'none',
+      });
+      return;
+    }
+    this.showList = true
+  }
+
+  submit(){
+    console.log(this.form)
+
+    for (const key in this.form){
+      if (!this.form[key] && this.rules[key]){
+        uni.showToast({
+          title: this.rules[key],
+          icon: 'none',
+        });
+        return;
+      }
+    }
+
+    //不合格
+    if (this.form.isQualified === "N"){
+      for (const key in this.form){
+        if (!this.form[key] && this.unqualifiedRules[key]){
+          uni.showToast({
+            title: this.unqualifiedRules[key],
+            icon: 'none',
+          });
+          return;
+        }
+      }
+    }
+
+    submitCheckResult(this.form).then(res=>{
+      if (res.code === 200){
+        uni.showToast({
+          title: "提交成功",
+          icon: 'success',
+          mask: true,
+          duration: 1000
+        });
+        setTimeout(() => {
+          this.form = this.resetForm;
+        }, 1000);
+      }
+    })
+
+  }
+
+  selectIsQualified(res : any){
+    this.form.isQualified = res.pickerName.value
+    if (this.form.isQualified === "Y"){
+      this.form.badNum = 0
+    }else {
+      this.form.badNum = undefined
+    }
+  }
+
+  selectBadItem(res : any){
+    this.form.badItem = res.pickerName.id
+  }
+
+
+
+
+
+}
+</script>
+
+<style scoped lang="scss">
+.list {
+  background-color: #fff;
+  margin-top: 20rpx;
+  padding: 20rpx 20rpx 25rpx;
+  border-radius: 10rpx;
+  color: #8d8989;
+
+  .list-item {
+    padding:  20rpx;
+    margin-bottom: 10rpx;
+  }
+
+  /* 奇数行背景色 */
+  .list-item:nth-child(odd) {
+    background-color: #ffffff;
+  }
+
+  /* 偶数行背景色 */
+  .list-item:nth-child(even) {
+    background-color: #f5f5f5;
+  }
+
+  .list-item:hover{
+    box-shadow: 0 0 0 3px #0c7bf3;
+  }
+}
+
+::v-deep .list-item {
+  width: 100% !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/quality/BpCheck/model.ts b/src/pages/quality/BpCheck/model.ts
new file mode 100644
index 0000000..f0b5be0
--- /dev/null
+++ b/src/pages/quality/BpCheck/model.ts
@@ -0,0 +1,18 @@
+import http from '@/utils/request';
+import { url } from '@/utils/url';
+
+export function getCheckBpList(data: any): Promise<any> {
+  return http.get(url.lanjuquality.checkBp.getCheckBpList, {
+    params: data,
+  });
+}
+
+export function getQcDefectTypeClassList(data: any): Promise<any> {
+  return http.get(url.lanjuquality.checkBp.getQcDefectTypeClassList, {
+    params: data,
+  });
+}
+
+export function submitCheckResult(data: any): Promise<any> {
+  return http.post(url.lanjuquality.checkBp.submitCheckResult, data);
+}
diff --git a/src/static/styles/index.scss b/src/static/styles/index.scss
index dddf6d7..cf7aa75 100644
--- a/src/static/styles/index.scss
+++ b/src/static/styles/index.scss
@@ -4,4 +4,30 @@
   background-size: 100% 600rpx;
   padding: 118rpx 30rpx 162rpx;
   min-height: 100%;
-}
\ No newline at end of file
+}
+
+//表单样式
+.page-form {
+  background-color: #fff;
+  margin-top: 10px;
+  padding: 30rpx;
+  border-radius: 10rpx;
+  box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
+
+  .u-form-item {
+    line-height: 35rpx;
+  }
+}
+
+
+//底部按钮
+.bottom-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  background: #ffffff;
+  box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
+  padding: 20rpx;
+}
diff --git a/src/utils/url.ts b/src/utils/url.ts
index 7489950..83f1533 100644
--- a/src/utils/url.ts
+++ b/src/utils/url.ts
@@ -388,5 +388,10 @@ export const url = {
       getQcWaitCheckSampleTaskList: qianzhuione + '/quality/qc-check-sample-task/wait-list',
       updateQcCheckSampleTask: qianzhuione + '/quality/qc-check-sample-task',
     },
+    checkBp: {
+      getCheckBpList: qianzhuione + '/quality/checkBp/checkBpList',
+      getQcDefectTypeClassList: qianzhuione + '/quality/defectClass/list',
+      submitCheckResult: qianzhuione + '/quality/checkBp/submitCheckResult',
+    }
   },
 };