修改高级搜索输入框样式

src/views/myInvoice/components/HighSearch.vue

@@ -334,7 +334,8 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;
@@ -350,7 +351,8 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;

src/views/myOrder/clearance/HighSearch.vue

@@ -18,13 +18,20 @@
             <input :value="orderNo" class="input" type="text">
           </div>
           <div class="high-info" @click="showPost('goods')">
-            <div class="title font-bold font-16">商品</div>
+            <div class="title font-bold font-16">商品信息</div>
             <div contenteditable="true" class="inputInfo">{{goods}}</div>
           </div>
           <div class="high-info">
             <div class="title font-bold font-16">来源商品编码</div>
             <input :value="sourceGoodNo" class="input" type="text">
           </div>
+          <div class="high-info">
+            <div class="title font-bold font-16">请货单类型</div>
+            <div class="infoBtn">
+              <van-button @click="clearanceTypeAction(item)" :class="item.type !== clickBtnType ? 'btnNow btn': 'selectbtn btn'" v-for="(item, index) in btnList" :key="index" type="default"
+                >{{item.title}}</van-button>
+            </div>
+          </div>
           <!-- <div class="high-info" @click="showPost('consignor')">
             <div class="title font-bold font-16">货主</div>
             <div contenteditable="true" class="inputInfo">{{consignor}}</div>
@@ -149,7 +156,13 @@ export default {
       chinfo: {
         goodsId: '',
         supplier: ''
-      }
+      },
+      btnList: [
+        {title: '全部', type: 'all', action: true},
+        {title: 'B2C腹透液', type: 'permeable', action: false},
+        {title: '药事所', type: 'pharmacy', action: false},
+      ],
+      clickBtnType: 'all'
     }
   },
   computed: {
@@ -227,6 +240,10 @@ export default {
     }
   },
   methods: {
+    /// 请货单类型按钮选择
+    clearanceTypeAction (model) {
+      this.clickBtnType = model.type
+    },
     timeConfirm (data) {
       this.time = data
     },
@@ -321,7 +338,27 @@ export default {
       overflow-y: auto;
       .high-info{
         margin: 0PX 15PX;
-        font-size: 14PX;
+        font-size: 12PX;
+        .infoBtn{
+          display: flex;
+          width: 100%;
+          margin: 5PX;
+          .btn {
+            line-height: 35PX; 
+            height: 35PX; width: 
+            33%; margin: 5PX; 
+            font-size: 12PX; 
+            padding: 0;
+          }
+          .btnNow{
+            color: #888888;
+            background-color: #EFF5F9;
+          }
+          .selectbtn {
+            border: 0.02667rem solid #1989fa;
+            color: #1989fa;
+          }
+        }
         .title {
           margin: auto
         }
@@ -332,7 +369,6 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;
@@ -340,15 +376,23 @@ export default {
           overflow-x: hidden;
           overflow-y: auto;
           padding: 5PX;
+          font-size: 12PX;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
+        }
+        .inputInfo:empty::before {
+           content: attr(placeholder);
+           color: #999999;
         }
         .input {
+          font-size: 12PX;
           color: #666666;
           width: 100%;
           max-height: 100%;
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;
@@ -356,6 +400,7 @@ export default {
           overflow-x: hidden;
           overflow-y: auto;
           padding: 5PX;
+          background-color: #EFF5F9;
         }
       }
     }

src/views/myOrder/components/HighSearch.vue

@@ -326,6 +326,8 @@ export default {
           overflow-x: hidden;
           overflow-y: auto;
           padding: 5PX;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
         }
         .input {
           color: #666666;
@@ -334,7 +336,8 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;

src/views/myOrder/orderInvoice/components/HighSearch.vue

@@ -5,31 +5,35 @@
         class="more-search"
         position="right"
         :style="{ width: '75%',height: '100%', overflow: 'hidden' }">
-        <div class="title font-bold font-16">下单时间</div>
+        <div class="title font-bold font-16">发票时间</div>
         <time-choose :startTime="moreSearchInfo.time.start" :endTime="moreSearchInfo.time.end" @confirm="timeConfirm"></time-choose>
         <div class="high-info-list">
-          <div class="high-info" @click="showPost('consignor')">
+          <!-- <div class="high-info" @click="showPost('consignor')">
             <div class="title font-bold font-16">货主</div>
-            <!-- <textarea :value="consignor" class="inputInfo" type="text"></textarea> -->
+            <textarea :value="consignor" class="inputInfo" type="text"></textarea>
             <div contenteditable="true" class="inputInfo">{{consignor}}</div>
+          </div> -->
+          <div class="high-info" @click="showPost('supplier')">
+            <div class="title font-bold font-16">供应商</div>
+            <div contenteditable="true" class="inputInfo">{{supplier}}</div>
           </div>
           <div class="high-info">
-            <div class="title font-bold font-16">请输入订单号</div>
+            <div class="title font-bold font-16">订单号</div>
             <!-- <div contenteditable="true" class="inputInfo">{{orderNo}}</div> -->
             <input :value="orderNo" class="input" type="text">
           </div>
-          <div class="high-info" @click="showPost('supplier')">
-            <div class="title font-bold font-16">供应商</div>
-            <div contenteditable="true" class="inputInfo">{{supplier}}</div>
+          <div class="high-info">
+            <div class="title font-bold font-16">发票号</div>
+            <input :value="invoiceNo" class="input" type="text">
           </div>
           <div class="high-info" @click="showPost('goods')">
             <div class="title font-bold font-16">商品</div>
             <div contenteditable="true" class="inputInfo">{{goods}}</div>
           </div>
-          <div class="high-info" @click="showPost('client')">
+          <!-- <div class="high-info" @click="showPost('client')">
             <div class="title font-bold font-16">客户</div>
             <div contenteditable="true" class="inputInfo">{{client}}</div>
-          </div>
+          </div> -->
         </div>
         <!-- <van-cell-group class="high-info">
           <van-cell class="flex4" is-link
@@ -137,6 +141,7 @@ export default {
         goods: '', // 商品
         client: '', // 客户
         orderNo: '', // 订单号
+        invoiceNo: '', // 发票号
         time: {
           start: getFormateDate(new Date(), 'yyyy-MM-dd'),
           end: getFormateDate(new Date(), 'yyyy-MM-dd')
@@ -193,6 +198,14 @@ export default {
       } else {
         return ''
       }
+    },
+    // 发票号
+    invoiceNo () {
+      if (this.moreSearchInfo.invoiceNo) {
+        return !this.moreSearchInfo.invoiceNo ? '' : this.moreSearchInfo.invoiceNo
+      } else {
+        return ''
+      }
     }
   },
   props: {
@@ -230,6 +243,7 @@ export default {
         goods: '', // 商品
         client: '', // 客户
         orderNo: '',
+        invoiceNo: '', // 发票号
         time: {
           start: getFormateDate(new Date(), 'yyyy-MM-dd'),
           end: getFormateDate(new Date(), 'yyyy-MM-dd')
@@ -319,7 +333,8 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;
@@ -335,7 +350,8 @@ export default {
           // height: 40PX;
           margin: 10PX auto;
           border-radius: 5PX;
-          border:0.5px solid #bbbbbb;
+          border:0.5px solid #eeeeee;
+          background-color: #EFF5F9;
           min-height: 35PX;
           line-height: 24px;
           outline: 0;

src/views/myOrder/orderInvoice/index.vue

@@ -52,7 +52,7 @@ export default {
       show: true,
       leftArrow: true,
       rightIcon: true,
-      title: '发票',
+      title: '发票查询',
       leftText: '',
       leftClick: this.onBrowserBack,
       rightClick: this.onMoreSearch