quick detect

src/api/appoint.js

@@ -2,7 +2,6 @@
 import request from 'mn-template/plugins/http';
 
 // 根据订单号获取检测名称
-// /tis/insurance/detectionName?yunOrderNo=11
 export const getDetectionName = async (yunOrderNo) => {
   return request({
     method: 'get',

src/api/detection.js

@@ -7,7 +7,14 @@ export const getDetectionDetail = (id) => {
     withCredentials: true,
   });
 };
-
+//  获取检测详情 接口
+export const getQuickDetectionDetail = (id) => {
+  return request({
+    method: 'get',
+    url: `/trade/detection/record/quick/info/?detectionRecordId=${id}&userType=0`,
+    withCredentials: true,
+  });
+};
 // 检测详情节点查询
 export const getDetectionDetailProces = (data) => {
   return request({
@@ -17,6 +24,15 @@ export const getDetectionDetailProces = (data) => {
   });
 };
 
+// 快检 检测详情节点查询
+export const getQuickDetectionDetailProces = (data) => {
+  return request({
+    method: 'get',
+    url: `/trade/detection/record/process/${data.id}?channel=${data.channel}&detectionKind=1`,
+    withCredentials: true,
+  });
+};
+
 // 发送报告到钉钉工作站
 export const sendReportWorkStation = (data) => {
   return request({
@@ -106,6 +122,15 @@ export const bindingSampleCode = (data) => {
     data: data,
   });
 };
+
+export const bindingQuickSampleCode = (data) => {
+  return request({
+    url: '/trade/detection/applet/record/record/bindingQuickSampleCode',
+    method: 'POST',
+    data: data,
+  });
+};
+
 export const getJumpToWebapp = (params) => {
   return request({
     url: '/applet/url/link/getUrlLink',

src/plugins/vue-components.js

@@ -6,7 +6,6 @@ import { Dialog, Field, Overlay, Button, Popup, Icon} from 'vant';
 import Loading from '@/components/loading/loading';
 
 Vue.use(Loading);
-// Vue.use(PicaArea);
 Vue.use(picaGuideApp);
 Vue.use(PageModel);
 Vue.use(Dialog);

src/router/index.js

@@ -19,6 +19,11 @@ const routerConfig = [
     name: 'insuranceDetectionDetail',
     component: insuranceDetectionDetail
   },
+  {
+    path: '/insuranceQuickDetectionDetail',
+    name: 'insuranceQuickDetectionDetail',
+    component: () => import('@/views/insurance-quickDetection-detail/index'),
+  },
   {
     path: '/insuranceQuestionResult',
     name: 'insuranceQuestionResult',

src/views/insurance-bind-code/insurance-bind-code.vue

@@ -78,7 +78,7 @@
       </div>
     </div>
 
-    <div class="notification">
+    <div v-if="insuranceInfo.detectionKind == 0" class="notification">
       <div class="sign-detection">
         <img
           v-if="isCheck"
@@ -116,7 +116,10 @@
       <div
         class="l-right"
       >
-        <a class="fw600" href="tel:400-006-5252">400-006-5252</a>
+        <a
+          class="fw600"
+          href="tel:400-006-5252"
+        >400-006-5252</a>
       </div>
     </div>
     <van-popup
@@ -201,7 +204,7 @@
 
 <script>
 import { mapGetters } from 'vuex';
-import { signDetection, getProtocolContent, getProtocolName, sampleCodeValidate, detectionRecordInfo, bindingSampleCode} from '@/api/detection.js';
+import { signDetection, getProtocolContent, getProtocolName, sampleCodeValidate, detectionRecordInfo, bindingSampleCode, bindingQuickSampleCode} from '@/api/detection.js';
 import {getDetectionName} from '@/api/appoint';
 export default {
   data() {
@@ -245,8 +248,8 @@ export default {
   },
   created() {
     const { pprotocolType, detectionRecordId, yunOrderNo } = this.$route.query;
-    if(pprotocolType && detectionRecordId && yunOrderNo) {
-      this.pprotocolType = pprotocolType;
+    if(detectionRecordId && yunOrderNo) {
+      this.pprotocolType = pprotocolType || '';
       this.detectionRecordId = detectionRecordId;
       this.yunOrderNo = yunOrderNo;
       this.getProtocolName();
@@ -369,8 +372,7 @@ export default {
       });
     },
     getRecordInfo(id) {
-      const i = id || 11074;
-      detectionRecordInfo(i).then(res => {
+      detectionRecordInfo(id).then(res => {
         if (res.code === '000000') {
           this.recordInfo.name = res.data.patientName;
           this.recordInfo.sex = res.data.sex === 1 ? '男' : '女';
@@ -379,11 +381,8 @@ export default {
           this.recordInfo.projectId = res.data.projectId;
           this.recordInfo.patientId = res.data.patientId;
           this.recordInfo.hospitalId = res.data.hospitalId;
-          // patientId
-
         }
       });
-
     },
     // 绑定条形码
     bindingCode() {
@@ -394,6 +393,34 @@ export default {
         prototypeLogId: this.prototypeLogId,
       };
       console.log('--obj--', obj);
+      if(this.insuranceInfo.detectionKind == 1) {
+        this.quickBindingCode(obj);
+      }
+      if(this.insuranceInfo.detectionKind == 0) {
+        this.earlyBindingCode(obj);
+      }
+    },
+    // 绑定条形码
+    quickBindingCode(obj) {
+      console.log('--obj--', obj);
+      bindingQuickSampleCode(obj).then(res => {
+        if (res.code !== '000000') {
+          return this.$toast(res.message);
+        } else {
+          this.$router.push(
+            {
+              path:  '/insuranceBindCodeSuccess',
+              query: {
+                yunOrderNo: this.yunOrderNo,
+                detectionRecordId: this.detectionRecordId
+              },
+            }
+          );
+          this.$toast('提交成功');
+        }
+      });
+    },
+    earlyBindingCode(obj) {
       bindingSampleCode(obj).then(res => {
         if (res.code !== '000000') {
           return this.$toast(res.message);
@@ -411,7 +438,6 @@ export default {
         }
       });
     },
-    callPhone() {}
   }
 };
 

src/views/insurance-bindCode-success/insurance-bindCode-success.vue

@@ -11,7 +11,9 @@
           src="https://files.yunqueyi.com/image/png/common/20230301101427839.png"
           alt="success"
         >
-        <div class="text">提交成功</div>
+        <div class="text">
+          提交成功
+        </div>
       </div>
       <div class="content">
         <div class="info">
@@ -50,15 +52,14 @@
                 {{ dataDetail.checkName || '--' }}
               </p>
             </div>
-<!--            <div class="list">-->
-<!--              <p class="l-left">-->
-<!--                检测编号:-->
-<!--              </p>-->
-<!--              <p class="l-right">-->
-<!--                {{ dataDetail.recordNo || '&#45;&#45;' }}-->
-<!--              </p>-->
-<!--            </div>-->
-
+            <!--            <div class="list">-->
+            <!--              <p class="l-left">-->
+            <!--                检测编号:-->
+            <!--              </p>-->
+            <!--              <p class="l-right">-->
+            <!--                {{ dataDetail.recordNo || '&#45;&#45;' }}-->
+            <!--              </p>-->
+            <!--            </div>-->
           </div>
         </div>
       </div>
@@ -74,13 +75,21 @@
         查看我的检测
       </div>
     </div>
-    <div class="wechat-wrap" @click="towechat">
-      <img src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif" alt="">
+    <div
+      class="wechat-wrap"
+      @click="towechat"
+    >
+      <img
+        src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif"
+        alt=""
+      >
     </div>
   </div>
 </template>
 <script>
-import { getDetectionDetail } from '@/api/detection';
+import { getDetectionDetail, getQuickDetectionDetail } from '@/api/detection';
+import {mapGetters} from 'vuex';
+import store from 'storejs';
 export default {
   filters: {
     sexFilter(val) {
@@ -104,6 +113,9 @@ export default {
       yunOrderNo: ''
     };
   },
+  computed: {
+    ...mapGetters(['insuranceInfo']),
+  },
   created() {
     const {detectionRecordId, yunOrderNo} = this.$route.query;
     this.detectionRecordId = detectionRecordId;
@@ -114,6 +126,24 @@ export default {
   },
   methods: {
     init() {
+      const in_info = store.get('insuranceInfo');
+      if(in_info.detectionKind == 1) {
+        this.getQuickDetectionDetail();
+      }
+      if(in_info.detectionKind == 0) {
+        this.getDetectionDetail();
+      }
+    },
+    getQuickDetectionDetail() {
+      getQuickDetectionDetail(this.detectionRecordId).then((res) => {
+        if (res.code === '000000') {
+          this.dataDetail = res.data;
+        } else {
+          this.$toast(res.message);
+        }
+      });
+    },
+    getDetectionDetail() {
       getDetectionDetail(this.detectionRecordId).then((res) => {
         if (res.code === '000000') {
           this.dataDetail = res.data;
@@ -124,8 +154,10 @@ export default {
     },
     // 检测详情
     bottomBtnFun() {
+      const in_info = store.get('insuranceInfo');
+      const url = in_info.detectionKind == 1 ? '/insuranceQuickDetectionDetail' : '/insuranceDetectionDetail';
       this.$router.push({
-        path: '/insuranceDetectionDetail',
+        path: url,
         query: {
           detectionRecordId: this.detectionRecordId,
           yunOrderNo: this.yunOrderNo

src/views/insurance-quickDetection-detail/index.scss

+.insurance-quickDetection-detail {
+  background-color: #f5f6f8;
+  min-height: 100vh;
+  width: 100%;
+  position: relative;
+  .title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 260px;
+    background: linear-gradient(180deg, #00bda5 0%, #20c5b0 52%, #f5f6f8 100%);
+  }
+  .detail-box {
+    padding: 0 12px;
+    height: auto;
+    padding-bottom: 10px;
+    position: relative;
+    z-index: 1;
+    .status {
+      padding: 16px 0;
+      display: flex;
+      align-items: center;
+      img {
+        width: 27px;
+      }
+      div {
+        padding-left: 9px;
+        width: 120px;
+        height: 20px;
+        font-size: 20px;
+        font-weight: 500;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+    .content {
+      height: auto;
+      .info {
+        width: 100%;
+        height: auto;
+        background: #ffffff;
+        border-radius: 10px;
+        margin-bottom: 10px;
+        padding-top: 20px;
+        .list {
+          padding: 0px 15px 12px 15px;
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          .l-left {
+            width: 62px;
+            height: 14px;
+            font-size: 14px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #999999;
+            line-height: 14px;
+          }
+          .l-right {
+            padding-left: 2px;
+            width: auto;
+            height: auto;
+            font-size: 14px;
+            font-weight: 600;
+            color: #212121;
+            flex: 1;
+            line-height: 20px;
+            text-align: right;
+            span {
+              display: inline-block;
+              padding-left: 15px;
+            }
+          }
+        }
+        .list-bottom {
+          .l-b-code {
+            .l-b-list {
+              display: flex;
+              justify-content: flex-start;
+              align-items: center;
+              padding-bottom: 13px;
+              .l-left {
+                width: auto;
+                height: 15px;
+                font-size: 15px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #212121;
+                line-height: 15px;
+              }
+              .l-right {
+                padding-left: 6px;
+                height: 15px;
+                font-size: 15px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                color: #00bda5;
+                line-height: 15px;
+              }
+            }
+          }
+        }
+      }
+      .flow {
+        padding: 20px;
+        height: auto;
+        background: #ffffff;
+        border-radius: 10px;
+        .express-step {
+          display: flex;
+          padding-bottom: 24px;
+          position: relative;
+          justify-content: flex-start;
+          .express-step-icon {
+            width: 18px;
+            height: 18px;
+            margin-right: 7px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            z-index: 2;
+            .step-pg {
+              margin-left: -11px;
+              display: block;
+              width: 18px;
+              height: auto;
+            }
+            .oval-pg {
+              display: block;
+              width: 6px;
+              height: 6px;
+            }
+          }
+          .express-step-msg {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .step-title {
+              height: 18px;
+              font-size: 14px;
+              font-weight: 700;
+              color: #999999;
+              line-height: 18px;
+            }
+            .step-time {
+              margin-top: 5px;
+              font-size: 12px;
+              font-weight: 400;
+              color: #999999;
+              line-height: 12px;
+            }
+          }
+          .noButton {
+            margin-left: 22px;
+          }
+          &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -5px;
+            display: block;
+            width: 15px;
+            height: 15px;
+            border-radius: 50%;
+            border:1px solid #e7e7e7;
+            background-color: #ffffff;
+            z-index: 1;
+          }
+          &::after {
+            content: '';
+            position: absolute;
+            top: 11px;
+            bottom: 0;
+            height: calc(100% - 5px);
+            left: 3px;
+            display: block;
+            width: 1px;
+            background: #e7e7e7;
+          }
+          &.first {
+            &::before {
+              display: none;
+            }
+          }
+          &.last {
+            padding-bottom: 0;
+            &::after {
+              display: none;
+            }
+          }
+        }
+        .isComplate {
+          &::after {
+            background: #00bda5;
+          }
+          &::before {
+            background: #00bda5;
+          }
+          .express-step-msg {
+            .step-title {
+              color: #212121;
+            }
+          }
+        }
+        .hideCircle {
+          &::before {
+            width: 0;
+            display: none;
+          }
+          .express-step-msg {
+            .step-title {
+              color: #212121;
+            }
+          }
+        }
+      }
+      .tips{
+        color: #FF4B33;
+        font-size: 12px;
+        font-weight: lighter;
+        margin-top: 10px;
+        margin-left: 20px;
+      }
+    }
+    .flex-wrap{
+      display: flex;
+      font-size: 16px;
+      align-items: center;
+      height: 21px;
+    }
+    .fc-blue{
+      color: #00BDA5;
+    }
+    .p30{
+      padding: 15px;
+      background-color: #ffffff;
+      border-radius: 10px;
+      margin-bottom: 10px;
+    }
+    .l-copy {
+      text-align: center;
+      border-radius: 10px;
+      font-size: 12px;
+      font-weight: 500;
+      color: #1677FE;
+      line-height: 22px;
+      margin-left: 6px;
+      margin-top: -2px;
+      display: inline-block;
+    }
+  }
+  .pb60{
+    padding-bottom: 60px;
+  }
+  .submit-container {
+    box-sizing: border-box;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 99;
+    padding: 5px 12px;
+    padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
+    background: #ffffff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .submit-button {
+      position: relative;
+      width: 350px;
+      height: 40px;
+      border-radius: 20px;
+      font-weight: 700;
+      color: #ffffff;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      background: #00bda5;
+      justify-content: center;
+    }
+    .submit-button-empty{
+      background: #ffffff;
+      border: 1px solid #00bda5;
+      color: #00bda5;
+    }
+  }
+  .multi-sub-wrap{
+    flex-direction: row;
+    justify-content: space-evenly;
+    .submit-button{
+      width: 45%;
+    }
+  }
+}
+