auto commit

src/plugins/vue-components.js

 import Vue from 'vue';
 import picaGuideApp from '@pica-kit/pica-ui-component/lib/pica-guide-app';
 import PageModel from '@pica-kit/page-model';
+import { Dialog, Field } from 'vant';
 
 Vue.use(picaGuideApp);
 Vue.use(PageModel);
+Vue.use(Dialog);
+Vue.use(Field);

src/styles/App.scss

@@ -239,3 +239,6 @@ a:hover {
 ins, a {
   text-decoration: none;
 }
+.page-model {
+  background-color: #ffffff;
+}

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

@@ -14,7 +14,6 @@
             <div
               type="text"
               class="code"
-              placeholder-style="font-size: 32px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;"
             >
               {{ checkName || '' }}
             </div>
@@ -41,14 +40,13 @@
             条形码
           </div>
           <div class="input-content-group">
-            <div class="input-content input-content-scan">
-              <input
+            <div class="input-content">
+              <van-field
                 v-model="barCode"
                 type="text"
-                class="code"
-                placeholder-style="font-size: 32px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;"
+                placeholder-style="font-size: 12px;color: #999999;"
                 placeholder="请输入条形码"
-              >
+              />
               <div class="code-input-item-r">
                 <div
                   v-if="barCode"
@@ -58,7 +56,7 @@
                   <img
                     class="clear-img"
                     src="https://files.yunqueyi.com/icon/2022/clear.png"
-                  >
+                  />
                 </div>
                 <div
                   class="scan-qr-img-container-code"
@@ -67,8 +65,7 @@
                   <img
                     class="scan-qr-img"
                     src="https://files.yunqueyi.com/image/png/common/20221128114549858.png"
-                    mode=""
-                  >
+                  />
                   <span>扫码识别</span>
                 </div>
               </div>
@@ -92,14 +89,12 @@
           v-if="isCheck"
           class="check-area"
           src="https://files.yunqueyi.com/h5/detection/is-check.png"
-          mode=""
           @click="setSignDetection()"
         />
         <img
           v-else
           class="check-area"
           src="https://files.yunqueyi.com/h5/detection/check.png"
-          mode=""
           @click="setSignDetection()"
         />
         <span class="notification-text1">我已阅读并同意</span>
@@ -129,9 +124,9 @@ export default {
     return {
       headerInfo: {
         title: '绑定条码',
-        isBlack: false,
+        isBlack: true,
         backMethod: 'web',
-        style: 'zIndex:100;',
+        style: 'backgroundColor:#ffffff',
         background: '',
       },
       showBindingInfo: false,
@@ -162,12 +157,38 @@ export default {
   created() {
   },
   methods: {
+    triggerEditModal() {
+      this.$dialog.confirm({
+        title: '确认提交',
+        message: '点击修改,将需要重新登记检测信息',
+        confirmButtonColor:'#00BDA5',
+        cancelButtonColor:'#00BDA5',
+        confirmButtonText:'确认',
+        cancelButtonText:'返回'
+      })
+        .then(() => {
+          // on confirm
+        })
+        .catch(() => {
+          // on cancel
+        });
+
+      this.showEditModal = true;
+    },
+    clearCode() {
+      this.barCode = '';
+    },
+    scanCode() {},
+    toggleBindingInfo() {},
+    setSignDetection() {},
+    goProtocol() {}
   }
 };
 
 </script>
 
 <style lang="scss" scoped>
+
 .insurance-binding-code-container{
   width: 100%;
   background-color: #F5F6F8;
@@ -238,17 +259,13 @@ export default {
           display: flex;
           flex-flow: row;
           justify-content: space-between;
+          align-items: center;
           font-size: 14px;
-          input {
-            font-size: 14px;
-            font-weight: 400;
-            color: #666666;
-            width: 100%;
-          }
+          /deep/.van-cell {
+            padding: 0;
+            height: 31px;
+            line-height: 31px;
           }
-        .input-content-scan{
-          position: relative;
-          height: 20px;
         }
         .code{
           font-weight: 600;
@@ -262,11 +279,6 @@ export default {
         align-items: center;
         justify-content: center;
         .clear-img-container{
-          width: 60px;
-          height: 50px;
-          display: flex;
-          align-items: center;
-          justify-content: flex-end;
           .clear-img{
             width: 16px;
             height: 16px;