更新需求

src/components/searchPupop.vue

@@ -60,6 +60,7 @@
  }
 
  const close = () => {
+  keyword.value = ''
   emits('update:modelValue', false)
  }
 </script>

src/pages/order/editQuotation.vue

@@ -22,7 +22,7 @@
      下载pdf
     </u-button>
    </view>
-   <text class="quotation-details" @tap="show = true">报价详情</text>
+   <text class="quotation-details" @tap="quotationDetail">报价详情</text>
   </view>
   <view
    style="display: flex; justify-content: space-between; margin-top: 20rpx"
@@ -59,13 +59,8 @@
       <view style="margin-bottom: 10rpx">
        单价：￥{{ Number(item.price).toFixed(2) }}
       </view>
-      <!-- <view style="margin-bottom: 10rpx;">
-							当前金额：￥{{ item.totalPrice.toFixed(2) }}
-						</view> -->
       <view>当前含税金额：￥{{ item.totalPriceTex.toFixed(2) }}</view>
      </view>
-     <!-- <u-number-box v-model="item.number" :input-width="60" :input-height="30" :min="1" :index="index"
-						@change="valChange"></u-number-box> -->
     </view>
     <view style="margin-bottom: 10rpx">
      商品详情：{{ item.remarks === '[]' ? '无' : item.remarks }}
@@ -74,46 +69,100 @@
    </view>
   </view>
  </view>
- <u-popup v-model="show" mode="center" closeable width="80%" height="70%">
+
+ <u-modal
+  v-model="showModel"
+  :content="content"
+  @confirm="modelConfirm"
+  @cancel="modelCancel"
+  showCancelButton
+ >
+ </u-modal>
+ <u-select
+  v-model="guaranteeShow"
+  :list="guaranteeList"
+  @confirm="textValue($event, 'guarantee')"
+ />
+
+ <u-popup
+  v-model="show"
+  mode="center"
+  closeable
+  border-radius="15"
+  width="90%"
+  height="70%"
+  @close="close"
+ >
   <h3 style="padding: 30rpx; text-align: center">报价详情</h3>
   <u-cell-group>
    <block v-for="(item, index) in quotationList" :key="index">
     <u-cell-item
-     icon=""
+     :icon="editFields.indexOf(item.type) !== -1 ? 'edit-pen' : ''"
      :title="item.title"
-     :value="item.value"
+     :value="item.type !== 'deliveryTime' ? item.value : ''"
      :arrow="false"
-    ></u-cell-item>
+     @tap="tapCellItem(item.type)"
+    >
+     <template #right-icon>
+      <u-input
+       v-if="item.type === 'deliveryTime'"
+       v-model="item.value"
+       placeholder=""
+       clearable
+      />
+     </template>
+    </u-cell-item>
    </block>
   </u-cell-group>
+  <view style="display: flex; padding: 30rpx 0">
+   <u-button type="primary" @tap="save">保存</u-button>
+  </view>
  </u-popup>
 
- <u-modal
-  v-model="showModel"
-  :content="content"
-  @confirm="modelConfirm"
-  @cancel="modelCancel"
-  showCancelButton
- >
- </u-modal>
+ <searchPopup
+  v-model="searchShow"
+  :type="type"
+  :list="searchList"
+  @search="search"
+  @textValue="textValue"
+ />
 </template>
 
 <script setup lang="ts">
  import { onLoad, onBackPress } from '@dcloudio/uni-app'
  import { ref, computed, nextTick } from 'vue'
- import { quotationInitAgain, fillQuotation } from '@/api/cart'
+ import {
+  quotationInitAgain,
+  fillQuotation,
+  getQuotationDelivery,
+  getQuotationPayment,
+ } from '@/api/cart'
  import { getTax } from '@/api/index'
  import config from '@/utils/config'
+ import searchPopup from '@/components/searchPupop.vue'
 
  let baseUrl = config.baseUrl
  let orderId = ref()
  let quotationData = ref()
  let quotationList = ref()
+ let quotationListCopy: any = ''
+ let quotationDataCopy: any = ''
  let tax = ref()
  let content = ref('确认重新报价？')
  let show = ref(false)
+ let searchShow = ref(false)
+ let guaranteeShow = ref(false)
+ let isSave = ref(false)
+ let type = ref()
  let showModel = ref(false)
  let oldPrice = ref()
+ let searchList = ref()
+ let editFields = ['pay', 'guarantee', 'deliveryTime', 'deliveryAddr']
+ let guaranteeList = ref([
+  { value: '1年', label: '1年' },
+  { value: '2年', label: '2年' },
+  { value: '其他', label: '其他' },
+ ])
 
  onLoad((options: any) => {
   orderId.value = options.orderId
@@ -215,31 +264,124 @@
   })
  }
 
+ const tapCellItem = (item: any) => {
+  console.log(item)
+  switch (item) {
+   case 'deliveryAddr':
+    initQuotationDelivery()
+    type.value = 'deliveryAddr'
+    searchShow.value = true
+    break
+   case 'pay':
+    initQuotationPayment()
+    type.value = 'pay'
+    searchShow.value = true
+    break
+   case 'guarantee':
+    guaranteeShow.value = true
+    break
+   default:
+    // initQuotationBank(val)
+    break
+  }
+ }
+
+ const search = (val: string, type: string) => {
+  switch (type) {
+   case 'deliveryAddr':
+    initQuotationDelivery(val)
+    break
+   case 'pay':
+    initQuotationPayment(val)
+    break
+  }
+ }
+
+ const textValue = (val: any, type: string) => {
+  console.log(val, type)
+  switch (type) {
+   case 'deliveryAddr':
+    quotationDataCopy.deliveryAddr = val.textValue
+    quotationList.value.filter((item: any) => item.type == type)[0].value =
+     val.textValue
+    break
+   case 'pay':
+    quotationDataCopy.pay = val.textValue
+    quotationList.value.filter((item: any) => item.type == type)[0].value =
+     val.textValue
+    break
+   case 'guarantee':
+    quotationDataCopy.guarantee = val[0].value
+    quotationList.value.filter((item: any) => item.type == type)[0].value =
+     val[0].value
+    break
+   default:
+    break
+  }
+ }
+
+ const close = (e: any) => {
+  if (isSave.value) return
+  quotationList.value = quotationListCopy
+ }
+
+ let quotationDetail = () => {
+  show.value = true
+  isSave.value = false
+  quotationListCopy = JSON.parse(JSON.stringify(quotationList.value))
+  quotationDataCopy = JSON.parse(JSON.stringify(quotationData.value.quotation))
+ }
+
+ let save = () => {
+  quotationData.value.quotation = quotationDataCopy
+  isSave.value = true
+  show.value = false
+ }
+
  let init = () => {
   quotationInitAgain({ orderId: orderId.value }).then((res: any) => {
    if (res.data.code === 200) {
     quotationData.value = res.data.data
     let data = quotationData.value.quotation
     quotationList.value = [
-     { title: '发货人', value: data.attend },
-     { title: '发货联系电话', value: data.tel },
-     { title: '发货email', value: data.email },
-     { title: '发货地址', value: data.addr },
-     { title: '收货公司名称', value: data.toCust },
-     { title: '收货人', value: data.quotationAttend },
-     { title: '收货email', value: data.quotationEmail },
-     { title: '收货联系电话', value: data.quotationTel },
-     { title: '交货日期', value: data.deliveryDate },
-     { title: '收货地址', value: data.deliveryAddr },
-     { title: '订单号', value: data.noOrder },
-     { title: '付款方式', value: data.pay },
-     { title: '保修', value: data.guarantee },
-     { title: '备注', value: data.remarks },
+     { title: '发货人', value: data.attend, type: 'attend' },
+     { title: '发货联系电话', value: data.tel, type: 'tel' },
+     { title: '发货email', value: data.email, type: 'email' },
+     { title: '发货地址', value: data.addr, type: 'addr' },
+     { title: '收货公司名称', value: data.toCust, type: 'toCust' },
+     { title: '收货人', value: data.quotationAttend, type: 'quotationAttend' },
+     { title: '收货email', value: data.quotationEmail, type: 'quotationEmail' },
+     { title: '收货联系电话', value: data.quotationTel, type: 'quotationTel' },
+     { title: '订单号', value: data.noOrder, type: 'noOrder' },
+     { title: '预计交货时间', value: data.deliveryDate, type: 'deliveryDate' },
+     { title: '交货期', value: data.deliveryTime, type: 'deliveryTime' },
+     { title: '交货地址', value: data.deliveryAddr, type: 'deliveryAddr' },
+     { title: '付款方式', value: data.pay, type: 'pay' },
+     { title: '保修', value: data.guarantee, type: 'guarantee' },
+     { title: '备注', value: data.remarks, type: 'remarks' },
     ]
    }
   })
  }
 
+ // 交货地址
+ let initQuotationDelivery = (name?: string) => {
+  getQuotationDelivery(name).then((res: any) => {
+   if (res.data.code === 200) {
+    searchList.value = res.data.data
+   }
+  })
+ }
+
+ // 收款条件
+ let initQuotationPayment = (name?: string) => {
+  getQuotationPayment(name).then((res: any) => {
+   if (res.data.code === 200) {
+    searchList.value = res.data.data
+   }
+  })
+ }
+
  onBackPress((options: any) => {
   const pages = getCurrentPages() // 当前页面路由
   const currentPageIndex = pages.length - 1
@@ -295,4 +437,13 @@
   font-size: 0.875rem;
   color: rgb(192, 196, 204);
  }
+
+ :deep(.u-cell_right .uni-input-input) {
+  text-align: end;
+  color: #909399;
+ }
+
+ :deep(.u-select .u-drawer) {
+  z-index: 10099 !important;
+ }
 </style>

src/pages/order/quotation.vue

@@ -107,7 +107,7 @@
   <!-- 收货地址 -->
   <view class="address" @tap="tapAddresss">
    <view class="top">
-    <text>收货信息</text>
+    <text>客户报价商务信息</text>
     <u-icon name="arrow-right"></u-icon>
    </view>
    <view class="bottom">

src/utils/config.ts

@@ -2,8 +2,8 @@ const CONFIG: any = {
     // 开发环境配置
     development: {
         assetsPath: 'http://192.168.1.158:81', // 静态资源路径
-        // baseUrl: 'http://192.168.1.158:81', // 后台接口请求地址
-        baseUrl: 'http://192.168.1.27:8089', // 后台接口请求地址
+        baseUrl: 'http://192.168.1.158:81', // 后台接口请求地址
+        // baseUrl: 'http://192.168.1.27:8089', // 后台接口请求地址
         hostUrl: 'http://192.168.1.158:81', // H5地址(前端运行地址)
         websocketUrl: '', // websocket服务端地址
     },

vite.config.ts

-import { defineConfig } from "vite";
-import uni from "@dcloudio/vite-plugin-uni";
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
 // import pxtovw from 'postcss-px-to-viewport'
-import { resolve } from 'path';
+import { resolve } from 'path'
 export default defineConfig({
-  plugins: [uni()],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, './src')
-    }
+ plugins: [uni()],
+ resolve: {
+  alias: {
+   '@': resolve(__dirname, './src'),
   },
-  css: {
-    preprocessorOptions: {
-      scss: {
-        additionalData: `@import "@/uni.scss";`
-      },
-    },
-    postcss: {
-      // plugins: [loder_pxtovw]
-    }
+ },
+ css: {
+  preprocessorOptions: {
+   scss: {
+    additionalData: `@import "@/uni.scss";`,
+   },
   },
-  assetsInclude: '@dcloudio/uni-ui',
-  build: {
-    minify: 'terser',
-    terserOptions: {
-      compress: {
-        drop_console: true, // 生产环境移除console
-        drop_debugger: true, // 生产环境移除debugger
-      },
-    },
+  postcss: {
+   // plugins: [loder_pxtovw]
   },
-});
+ },
+ assetsInclude: '@dcloudio/uni-ui',
+ build: {
+  minify: 'terser',
+  terserOptions: {
+   compress: {
+    drop_console: true, // 生产环境移除console
+    drop_debugger: true, // 生产环境移除debugger
+   },
+  },
+ },
+})