wangyingjie 2 yıl önce
ebeveyn
işleme
214c284d94

+ 917 - 44
package2/pages/customer-list/detail/detail.js

@@ -1,66 +1,939 @@
-// package2/pages/customer-list/detail/detail.js
+/*******************************************************************************
+ * Copyright(c) 2022 dongke All rights reserved. / Confidential
+ * 类的信息:
+ *		1.程序名称:
+ *		2.客户资料明细
+ * 编辑履历:
+ *		作者				日期					版本				修改内容
+ *		于继渤		        2022-0-12	            1.00		   	    
+ *******************************************************************************/
+const app = getApp();
+const api = require('../../../../utils/api.js');
+const Constants = require('../../../../utils/Constants.js');
+const common = require('../../../../utils/common');
+const config = require('../../../../config/config.js');
+const util = require('../../../../utils/util.js')
+import Dialog from '../../../../dist/dialog/dialog.js'
+
 Page({
 
-    /**
-     * 页面的初始数据
-     */
-    data: {
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    orderList_price: [], //交易记录 - 预算报价
+    orderList_ok: [], //交易记录 - 成交订单
+    orderList_out: [], //交易记录 - 销售退货
+    listFee: [], //收款记录
+    activeSettlementList: [],
+    listRefund: [],
+    arrears: 0, //客户欠款展示
+    active: 0,
+    activeCard: 0,
+    showMore: false,
+    activeNames: ['1'],
+    followflg: true,
+    connectflg: false,
+    arrivieflg: false,
+    salesStatus: {
+      lazyLoad: true
+    },
+    list: [],
+    salesStatusXArray: ["销售二部", "销售一部"],
+    salesStatusYArray: [3912, 1400],
+    form: {
+      customerName: '',
+      customerCode: '',
+      customerKind: '',
+      tel: '',
+      address: '',
+      orgAddress: '-',
+      defaultCurrency: '-', //默认币别
+      invoiceType: '-', //发票类型
+      txtRate: '-', //税率
+      billingName: '-', //开票名称
+      taxNumber: '-', // 开票税号
+      account: '-', //银行账号
+      accountBank: '-', //开户银行
+      accountBankTel: '-', //开户地址电话
+      remarks: '-', //备注 
+      staffName: '-',
+      orgName: '马凯',
+      follow: '从未跟进 | 无联系人电话',
+      createtime: '从未交易',
+      createtimeflg: false,
+      tags: [{
+        text: '超大型1000-2000人',
+        class: '#00CED1',
+      },
+      {
+        text: 'B类',
+        class: '#00CED1',
+      },
+      {
+        text: '采购',
+        class: '#00CED1',
+      },
+      {
+        text: '分销',
+        class: '#00CED1',
+      },
+      ],
+      activeNames_goods: [],
+      activeNames_goods1: [],
+      activeNames_goods2: [],
+      activeSettlement_method: [],
+      goodsList: [],
+    },
+    stepList: [{
+      name: '开始'
+    }],
 
+    stepNum: 1, //当前的步数
+    staffIds: [],
+    qvOtherUserId: [],
+    pageInfo: {
+      pageSize: 5,
+      currentPage: 1,
+      lastPage: 0,
     },
+    topNum: 0,
+  },
+  /**
+   * 跳转跟进详细
+   */
+  tofollew(e) {
+    let item = JSON.stringify(e.currentTarget.dataset.item)
+    wx.navigateTo({
+      url: '../../customer-follow-up/detail/detail?item=' + item + "&customerFlag=" + true,
+    })
+  },
+  /**
+   * 成交订单跳转原单
+   */
+  toOriginal_order(e) {
+    let item = e.currentTarget.dataset.item
+    wx.navigateTo({
+      url: '../../../../package4/pages/order-billing/buying-signal/buying-signal?item=' + encodeURIComponent(JSON.stringify(item)),
+    })
+  },
+  /**
+   * 收款记录查看原单
+   */
+  toOriginal_order_collection(e) {
+    let item = JSON.stringify(e.currentTarget.dataset.item)
+    wx.navigateTo({
+      url: '../../../../package4/pages/order-billing/customer-collection/detail?item=' + item,
+    })
+  },
 
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad(options) {
+  toRefund(e) {
+    let item = JSON.stringify(e.currentTarget.dataset.item)
+    wx.navigateTo({
+      url: '/package4/pages/order-billing/customer-collection/refund-record/detail/detail?form=' + item + '&flag=true',
+    })
+  },
+  /**
+   * 商品展开赋值
+   * @param {*} event 
+   */
+  onChange_goods(event) {
+    this.setData({
+      activeNames_goods: event.detail,
+    });
+  },
+  /**
+   * 退货商品展开赋值
+   * @param {*} event 
+   */
+  onChange_goods2(event) {
+    this.setData({
+      activeNames_goods2: event.detail,
+    });
+  },
+  /**
+   * 客户编辑跳转
+   * 
+   */
+  toEdit() {
+    let form = encodeURIComponent(JSON.stringify(this.data.form))
 
-    },
+    wx.navigateTo({
+      url: '../add/add?flg=true' + '&item=' + form,
+    })
+  },
 
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady() {
+  /**
+   * @desc : 跳转预算报价新建
+   * @date : 2022/7/7 14:12
+   * @author : 于继渤
+   */
+  toChooseGoods(e) {
 
-    },
+    if (this.data.ORDER_Add) {
+      let customerItem = e.currentTarget.dataset.item
+      wx.navigateTo({
+        url: '/package4/pages/order-billing/choose-goods/choose-goods?orderType=1&customerItem=' + encodeURIComponent(JSON.stringify(customerItem)),
+      })
+    } else {
+      wx.showToast({
+        title: '暂无权限',
+        icon: 'none'
+      })
+    }
 
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow() {
+  },
+  /**
+   * @desc : 跳转客户收款新建
+   * @date : 2022/7/9 15:01
+   * @author : 常皓宁
+   */
+  toCollectionAdd(e) {
+    if (this.data.Customer_Collection_Add) {
+      let customerItem = e.currentTarget.dataset.item
+      if (!customerItem.customerId) {
+        wx.showToast({
+          title: '无此联系人,或陌生接待',
+          icon: 'none'
+        })
+        return
+      }
+      wx.navigateTo({
+        url: '/package4/pages/order-billing/customer-collection/add/add?customerItem=' + encodeURIComponent(JSON.stringify(customerItem)),
+      })
+    } else {
+      wx.showToast({
+        title: '暂无权限',
+        icon: 'none'
+      })
+    }
 
-    },
+  },
+  /**
+   * @desc : 跳转销售退货
+   * @date : 2022/7/9 15:01
+   * @author : 常皓宁
+   */
+  toSelectOrder(e) {
+    let customerItem = e.currentTarget.dataset.item
+    if (!customerItem.customerId) {
+      wx.showToast({
+        title: '无此联系人,或陌生接待',
+        icon: 'none'
+      })
+      return
+    }
+    wx.navigateTo({
+      url: '/package4/pages/order-billing/order-billing?customerItem=' + encodeURIComponent(JSON.stringify(customerItem)) + '&page=customerDetail',
+    })
+  },
 
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide() {
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onLoad: function (options) {
+    //订单新建
+    let ORDER_Add = common.hasButtonRight(Constants.ORDER_Add)
+    //添加按钮权限
+    let Customer_Collection_Add = common.hasButtonRight(Constants.Customer_Collection_Add)
+    this.setData({
+      ORDER_Add: ORDER_Add,
+      Customer_Collection_Add: Customer_Collection_Add
+    })
+    if (app.globalData.user == undefined) { //如果 user为空 跳回登录页再重新进入本页面获取
+      wx.reLaunch({
+        url: 'pages/login/login?loginType=7',
+      })
+      return
+    }
 
-    },
+    wx.qy.getContext({
+      success: function (res) {
 
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload() {
+      }, fail(err) {
 
-    },
+      }
+    })
 
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh() {
+    let Customer_Edit = common.hasButtonRight(Constants.Customer_Edit) //客户编辑
+    this.setData({
+      Customer_Edit: Customer_Edit,
+    })
+    //拿到列表的客户id 去查询明细
+    if (options.ID) {
+      let customerId = options.ID
+      this.setData({
+        customerId
+      })
+      this.getSumData(this.data.customerId) //获取汇总数据  只调一次 故放到onLoad
+    } else {
+      // 从企业微信工具栏中进入的
+      this.getCurExternalContact(app.globalData.user.cpId)
+    }
+  },
+  /** 
+  * 通过cpid 外部联系人userid 查询客户
+  * @param {*} cpid 
+  */
+  getCurExternalContact(cpid) {
+    let that = this
+    that.setData({
+      loading: true,
+    })
+    // 需要从特定入口进入页面才可调用 
+    // 获取当前外部联系人userid
+    wx.qy.getCurExternalContact({
+      success: function (res) {
+        var userId = res.userId //返回当前外部联系人userId
+        let param = {
+          qvExternalUserid: userId,
+          cpId: cpid,
+        }
+        api.request(Constants.SALE_CUSTOMER_API + 'select_customer_detail', 'POST', param).then(res => {
+          that.setData({
+            loading: false,
+          })
+          if (res.data.code === 200) {
+            that.setData({
+              customerId: res.data.data.customerId
+            })
+            ////获取汇总数据   
+            that.getSumData(that.data.customerId)
+            that.getData(that.data.customerId)
+            that.getFeeData(that.data.customerId) //查询收款数据
+            that.getRefundData(that.data.customerId)
+          }
 
-    },
+        })
+      },
+      fail: function (res) {
+        that.setData({
+          loading: false,
+        })
+      }
+    });
+  },
+  /**
+   * @desc : 小程序客户列表分页查询  获取基础数据和 跟进记录数据
+   * @author : 王英杰
+   * @date : 2022/5/23 15:16
+   */
+  getData(id) {
+    this.setData({
+      loading: true
+    })
+    let param = {
+      customerId: id,
+    }
+    param.cpId = app.globalData.user.cpId
+    api.request(Constants.SALE_CUSTOMER_API + 'select_customer_detail', 'POST', param).then(res => {
+      this.setData({
+        loading: false
+      })
+      if (res.data.code === 200) {
+        let data = res.data.data
+        //跟进人拼接
+        let tList = [];
+        let list = res.data.data; //后台返回数据
+        tList = tList.concat(list)
+        tList.forEach(it => {
+          let tempNames = []
+          it.followUserName.forEach(item => {
+            tempNames.push(item.userName)
+          })
+          it.userName = tempNames.join(',')
+        })
+        //end here
+        let form = this.data.form
+        let customerFollowList_ = []
+        customerFollowList_ = res.data.data.customerFollowList
+        let followList = []
+        for (let i = 0; i < customerFollowList_.length; i++) {
+          if (customerFollowList_[i].followId) {
+            followList.push(customerFollowList_[i])
+          }
+        }
+        // let fileList = []
+        // if (data.annexPathsList && data.annexPathsList.length > 0) {
+        //   data.annexPathsList.forEach(item => {
+        //     fileList.push({
+        //       url: config.server_img_http + item.url,
+        //       FilePath: item.url,
+        //       deletable: true
+        //     })
+
+        //   })
+        // }
+        this.setData({
+          fileList: data.annexPathsList,
+          form: data,
+          customerFollowList: followList.length > 0 ? this.classify(followList) : [],
+        })
+        if (this.data.customerFollowList.length > 0) {
+          let that = this
+          setTimeout(() => {
+            wx.createSelectorQuery().select('#time0').boundingClientRect(function (rect) {
+              that.setData({
+                timeWidth: rect.width
+              })
+            }).exec()
+            wx.createSelectorQuery().select('#xian0').boundingClientRect(function (rect) {
+              that.setData({
+                xianWidth: rect.width
+              })
+            }).exec()
+            wx.createSelectorQuery().select('#kuang0').boundingClientRect(function (rect) {
+              that.setData({
+                kuangHeight: rect.height
+              })
+            }).exec()
+          }, 200)
+        }
+      }
+    })
+  },
+  /**
+   * 把创建时间相同的跟进记录放入到一个item 然后扔到list
+   * @param {*} arr 
+   */
+  classify(arr) {
+    let map = {};
+    let myArr = [];
+    for (let i = 0; i < arr.length; i++) {
+      if (!map[arr[i].createTime]) {
+        myArr.push({
+          createTime: arr[i].createTime,
+          weekTime: arr[i].weekTime,
+          data: [arr[i]]
+        });
+        map[arr[i].createTime] = arr[i]
+      } else {
+        for (let j = 0; j < myArr.length; j++) {
+          if (arr[i].createTime === myArr[j].createTime) {
+            myArr[j].data.push(arr[i]);
+            break
+          }
+        }
+      }
+    }
+    return myArr
+  },
+  /**
+   * 得到客户对应的报价单履历
+   * @param {*} id 
+   */
+  getOrderList(id) {
+    this.setData({
+      loading: true
+    })
+    api.request(Constants.SALE_ORDER_API + 'select_order_list_by_customer_id', 'POST', {
+      customerId: Number(id)
+    }).then(res => {
+      this.setData({
+        loading: false
+      })
+      if (res.data.code === 200) {
+        let orderList_ = res.data.data.list
+        let orderList_price = [] //预算报价
+        for (let i = 0; i < orderList_.length; i++) {
+          if (orderList_[i].orderType == 1) { //预算报价
+            orderList_price.push(orderList_[i])
+          }
+        }
+        orderList_price.forEach(element => {
+          element.orderItemVOList = this.setOrderItem(element.orderItemVOList)
+        });
+        this.setData({
+          orderList_price,
+        })
+      }
+    })
+  },
 
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom() {
 
-    },
+  //触底分页函数
+  paging() {
+
+    //当前页 < 最后页
+    if (this.data.pageInfo.currentPage < this.data.pageInfo.lastPage) {
+      //  调用列表函数page+1
+      this.getOrderData(this.data.customerId, this.data.pageInfo.currentPage + 1)
+    }
+
+  },
+
+  /**
+   * @desc : 给明细数据赋值
+   * @date : 2022/6/30 16:49
+   * @author : 周兴
+   */
+  setOrderItem(orderItemList) {
+    let goodsList = []
+    orderItemList.forEach(item => {
+      item.goodsSkuList = item.bomItems
+      goodsList.push(item);
+    })
+    // 处理图标
+    common.setSkuIcon(goodsList);
+    return goodsList
+  },
+
+  /**
+   * 得到客户对应的收款数据
+   * @param {*} id 
+   */
+  getFeeData(id) {
+    this.setData({
+      loading: true
+    })
+    let param = {}
+    param.customerId = id
+    api.request(Constants.ORDER_RECEIPT_API + 'list_by', 'POST', param).then(res => {
+      this.setData({
+        loading: false
+      })
+
+      if (res.data.code === 200) {
+        let listFee_ = res.data.data.list
+        let listFee = []
+        for (let i = 0; i < listFee_.length; i++) {
+          if (listFee_[i].docCode == '客户收款' || listFee_[i].docCode == '客户取款') {
+            listFee.push(listFee_[i])
+          }
+        }
+        this.setData({
+          listFee: listFee
+        })
+      }
+    })
+  },
+  getRefundData(id) {
+    this.setData({
+      loading: true
+    })
+    let param = {}
+    param.customerId = id
+    param.cpId =app.globalData.user.cpId
+    param.userId =app.globalData.user.userId
+    api.request(Constants.ORDER_REFUND_ITEM_API + 'select_report_by_cond', 'POST', param).then(res => {
+      this.setData({
+        loading: false
+      })
+
+      if (res.data.code === 200) {
+        
+        this.setData({
+          listRefund: res.data.data.list
+        })
+      }
+    })
+  },
+  /**
+   * 得到客户对应的订单数据
+   * @param {*} id 
+   */
+  getOrderData(id, currentPage) {
+    this.setData({
+      loading: true
+    })
+    let param = {}
+    param.customerId = Number(id)
+    param.pageSize = this.data.pageInfo.pageSize
+    param.pageCurrent = currentPage
+    api.request(Constants.SALE_ORDER_API + 'select_order_by_customer_id', 'POST', param).then(res => {
+      this.setData({
+        loading: false
+      })
+      if (res.data.code === 200) {
+        let orderList_ = res.data.data.list
+        let orderList_ok = [] //成交订单
 
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage() {
+        orderList_ok = orderList_.filter(item => {
+          return item.orderType == 2 && item.orderStatus == '订单状态-通过'
+        })
 
+
+        orderList_ok.forEach(element => {
+          element.orderItemVOList = this.setOrderItem(element.orderItemVOList)
+        });
+        if (currentPage == 1) {
+          let pageInfo = this.data.pageInfo
+          pageInfo.currentPage = currentPage
+          pageInfo.lastPage = Number((res.data.data.total + pageInfo.pageSize - 1) / pageInfo.pageSize)
+
+          this.setData({
+            orderList_ok: orderList_ok,
+            pageInfo
+          })
+
+        } else {
+          let pageInfo = this.data.pageInfo
+          pageInfo.currentPage = currentPage
+          //拼接数据concat
+          this.setData({
+            orderList_ok: this.data.orderList_ok.concat(orderList_ok),
+            pageInfo
+          })
+        }
+
+
+
+      }
+    })
+  },
+  /**
+   * 得到客户对应的销售退货数据
+   * @param {*} id 
+   */
+  getOrderOutReject(id) {
+    this.setData({
+      loading: true
+    })
+    let param = {}
+    param.customerId = id
+    api.request(Constants.CUSTOMER_ORDER_OUT_REJECT + 'select_oreder_out_reject_by_customer_id', 'POST', {
+      customerId: Number(id)
+    }).then(res => {
+      this.setData({
+        loading: false
+      })
+      if (res.data.code === 200) {
+        let orderList_ = res.data.data.list
+        let orderList_out = [] //销售退货
+        for (let i = 0; i < orderList_.length; i++) {
+          orderList_out.push(orderList_[i])
+        }
+        orderList_out.forEach(element => {
+          element.rejectItemVOList = this.setOrderItem(element.rejectItemVOList)
+        });
+        this.setData({
+          orderList_out
+        })
+      }
+    })
+  },
+  /**
+   * @desc : 切换tab比起爱你
+   * @author : 周兴
+   * @date : 2022/7/27 18:16
+   */
+  changeTag(e) {
+    this.setData({
+      activeCard: e.detail.index
+    })
+  },
+  /**
+   * 获取汇总数据
+   */
+  getSumData(customerId) {
+    let param = {}
+    api.request(Constants.SALE_CUSTOMER_SUMMARY_API + 'select_by_summary_data/' + customerId, 'POST', param).then(res => {
+      if (res.data.code === 200) {
+        let SumDataList = {}
+        let list = []
+        list = res.data.data
+        if (list.length > 0) {
+          SumDataList = list[0]
+        }
+        let arrears = util.numSub(Number(util.numSub(Number(SumDataList.orderAmount), Number(SumDataList.rejectAmount))), Number(SumDataList.sumReceipt))
+        this.setData({
+          SumDataList,
+          arrears: arrears
+        })
+      }
+    })
+  },
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    if (this.data.customerId == "" || this.data.customerId == null || this.data.customerId == undefined) {
+
+    } else {
+      this.getData(this.data.customerId)
+      this.getFeeData(this.data.customerId) //查询收款数据
+      this.getRefundData(this.data.customerId)
     }
+
+
+  },
+  /**
+   * @desc : tabs切换事件
+   * @author : 于继渤
+   * @date : 2022/6/8 14:16
+   */
+  onChange(e) {
+
+    let title = e.detail.title
+    let index = e.detail.index
+    this.setData({
+      active: index
+    })
+    if (title === '交易记录') {
+      this.setData({
+        pageInfo: {
+          pageSize: 5,
+          currentPage: 1,
+          lastPage: 0,
+        },
+        topNum: 0,
+      })
+      this.getOrderData(this.data.customerId, 1) // 查询交易记录
+      this.getOrderOutReject(this.data.customerId) //查询销售退货
+      this.getOrderList(this.data.customerId) //查询报价单履历
+    }
+  },
+
+
+  /**
+   * 联系电话 拨打
+   */
+  onClickphone(e) {
+    let telephone = e.currentTarget.dataset.telephone
+    // 拨打电话
+    wx.makePhoneCall({
+      phoneNumber: telephone,
+    })
+  },
+  /**
+   * @desc : 调取企业微信会话
+   * @date : 2022/5/18 15:49
+   * @author : 于继渤
+   */
+  openWeChat(e) {
+    if (!app.globalData.SystemInfo.environment) {
+      wx.showToast({
+        title: '请在企业微信模式下运行',
+        icon: 'none'
+      })
+      return
+    }
+    let externaluserid = e.currentTarget.dataset.externaluserid
+    wx.qy.openEnterpriseChat({
+      // 注意:userIds和externalUserIds至少选填一个,且userIds+externalUserIds总数不能超过2000,如果externalUserIds有微信联系人,则总数不能超过40人。
+      userIds: '', //参与会话的企业成员列表,格式为userid1;userid2;...,用分号隔开。
+      // 参与会话的外部联系人列表,格式为userId1;userId2;…,用分号隔开。
+      externalUserIds: externaluserid,
+      groupName: '', // 必填,会话名称。单聊时该参数传入空字符串""即可。
+      chatId: "", //新建会话时,chatId必须为空串
+      success: function (res) {
+        // 回调
+        var chatId = res.chatId; //返回chatId仅在企业微信3.0.36及以后版本支持;
+      },
+      fail: function (res) {
+        // 失败处理
+        wx.showToast({
+          title: "与该客户不是好友关系",
+          icon: 'none'
+        })
+      }
+    });
+  },
+
+  /**
+   * @desc : 调取企业微信会话
+   * @date : 2022/5/18 15:49
+   * @author : 于继渤
+   */
+  openWeChatUs(e) {
+    if (!app.globalData.SystemInfo.environment) {
+      wx.showToast({
+        title: '请在企业微信模式下运行',
+        icon: 'none'
+      })
+      return
+    }
+    let chatid = e.currentTarget.dataset.chatid
+    wx.qy.openEnterpriseChat({
+      // 注意:userIds和externalUserIds至少选填一个,且userIds+externalUserIds总数不能超过2000,如果externalUserIds有微信联系人,则总数不能超过40人。
+      userIds: '', //参与会话的企业成员列表,格式为userid1;userid2;...,用分号隔开。
+      // 参与会话的外部联系人列表,格式为userId1;userId2;…,用分号隔开。
+      externalUserIds: '',
+      groupName: '', // 必填,会话名称。单聊时该参数传入空字符串""即可。
+      chatId: chatid, //新建会话时,chatId必须为空串
+      success: function (res) {
+        // 回调
+        var chatId = res.chatId; //返回chatId仅在企业微信3.0.36及以后版本支持;
+      },
+      fail: function (res) {
+        // 失败处理
+        wx.showToast({
+          title: "与该客户不是好友关系",
+          icon: 'none'
+        })
+      }
+    });
+  },
+  /**
+   * @desc : 加微信
+   * @date :
+   * @author : 
+   */
+  onnavigateToAddCustomer: function (e) {
+    if (!app.globalData.SystemInfo.environment) {
+      wx.showToast({
+        title: '请在企业微信模式下运行',
+        icon: 'none'
+      })
+      return
+    }
+    wx.qy.navigateToAddCustomer({
+      success: (res) => {
+        let that = this
+        this.getData(that.data.customerId)
+        this.getFeeData(that.data.customerId) //查询收款数据
+        this.getRefundData(that.data.customerId)
+      },
+      fail: (res) => {
+      },
+      complete: (res) => {
+      }
+    })
+
+  },
+  /**
+   * @desc : 商品展开
+   * @author : 于继渤
+   * @date : 2022/6/02 16:16
+   */
+  onChangeOpenGoodsList(e) {
+    let big = e.currentTarget.dataset.big
+    let orderList_ok = this.data.orderList_ok
+    let orderItemVOList = orderList_ok[big].orderItemVOList
+    let index = e.currentTarget.dataset.index
+    orderItemVOList[index].packageDetailsFlag = !orderItemVOList[index].packageDetailsFlag
+    this.setData({
+      orderList_ok: orderList_ok
+    })
+  },
+
+  /**
+   * @desc : 商品展开
+   * @author : 于继渤
+   * @date : 2022/6/02 16:16
+   */
+  onPriceOpenGoodsList(e) {
+    let big = e.currentTarget.dataset.big
+    let orderList_price = this.data.orderList_price
+    let orderItemVOList = orderList_price[big].orderItemVOList
+    let index = e.currentTarget.dataset.index
+    orderItemVOList[index].packageDetailsFlag = !orderItemVOList[index].packageDetailsFlag
+    this.setData({
+      orderList_price: orderList_price
+    })
+  },
+  /**
+   * @desc : 商品展开
+   * @author : 于继渤
+   * @date : 2022/6/02 16:16
+   */
+  onOutOpenGoodsList(e) {
+    let big = e.currentTarget.dataset.big
+    let orderList_out = this.data.orderList_out
+    let rejectItemVOList = orderList_out[big].rejectItemVOList
+    let index = e.currentTarget.dataset.index
+    rejectItemVOList[index].packageDetailsFlag = !rejectItemVOList[index].packageDetailsFlag
+    this.setData({
+      orderList_out: orderList_out
+    })
+  },
+  /**
+   *建群聊显示
+   */
+  showDesignPopup() {
+    this.setData({
+      designFlag: true
+    });
+  },
+  /**
+   * @desc : 下拉多选确定
+   * @author : 于继渤
+   * @date : 2022/5/26 12:16
+   */
+  mutiSearchAll(e) {
+    let id = e.currentTarget.id
+    let qvUserid = app.globalData.user.qvUserid
+    if (id === 'staff') {
+      this.setData({
+        staffIds: e.detail.idList,
+        staffNames: e.detail.names,
+        qvOtherUserId: e.detail.qvUserids,
+        qvUserid: qvUserid,
+        designFlag: false
+      })
+    }
+    this.openEnterpriseChat(this.data)
+  },
+  /**
+   * @desc : 下拉多选关闭
+   * @author : 于继渤
+   * @date : 2022/5/26 12:16
+   */
+  muticloseAll(e) {
+    let id = e.currentTarget.id
+    if (id === 'staff') {
+      this.setData({
+        staffFlag: false
+      })
+    }
+  },
+  /**
+   *建群聊
+   */
+  openEnterpriseChat(e) {
+    let that = this
+    let qvuserid = e.qvUserid
+    let qvOtherUserId = e.qvOtherUserId
+    let qvexternaluserid = this.data.form.qvExternalUserid
+    let CustomerName = this.data.form.customerName
+    let customerId = this.data.form.customerId
+    if (qvexternaluserid == null || qvexternaluserid == undefined) {
+      wx.showToast({
+        title: '与该客户非好友关系',
+        image: '/static/image/warning.png',
+        duration: 1000
+      })
+      return
+    }
+    wx.qy.openEnterpriseChat({
+      // 注意:userIds和externalUserIds至少选填一个,且userIds+externalUserIds总数不能超过2000,如果externalUserIds有微信联系人,则总数不能超过40人。
+      userIds: qvuserid + ';' + qvOtherUserId + ';', //参与会话的企业成员列表,格式为userid1;userid2;...,用分号隔开。
+      // 参与会话的外部联系人列表,格式为userId1;userId2;…,用分号隔开。
+      externalUserIds: qvexternaluserid,
+      groupName: '讨论组' + '-' + CustomerName, // 必填,会话名称。单聊时该参数传入空字符串""即可。
+      chatId: "", //新建会话时,chatId必须为空串
+      success: function (res) {
+        // 回调
+        var chatId = res.chatId; //返回chatId仅在企业微信3.0.36及以后版本支持;
+        let param = {}
+        param.qvChatId = chatId
+        param.customerId = customerId
+        api.request(Constants.SALE_CUSTOMER_API + 'update_customer_qvChatId', 'POST', param).then(res => {
+          if (res.data.code === 200) {
+            let form = that.data.form
+            form.qvChatId = chatId
+            that.setData({
+              form: form
+            })
+          }
+        })
+      },
+      fail: function (res) {
+        // 失败处理
+        wx.showToast({
+          title: res.data,
+          icon: 'none'
+        })
+      }
+    });
+  },
+
+
+  //客户合并
+  toCustomerConsolidation(e) {
+    wx.navigateTo({
+      url: '/package3/pages/customer/consolidated-customers/consolidated-customers',
+    })
+  },
+
 })

+ 989 - 2
package2/pages/customer-list/detail/detail.wxml

@@ -1,2 +1,989 @@
-<!--package2/pages/customer-list/detail/detail.wxml-->
-<text>package2/pages/customer-list/detail/detail.wxml</text>
+<wxs src="../../../../dist/wxs/utils.wxs" module="utils" />
+<wxs src='../../../../utils/numberFormat.wxs' module="numberFormat"></wxs>
+<wxs src='../../../../utils/wxmlUtil.wxs' module="wxmlUtil"></wxs>
+
+<van-dialog id="van-dialog" />
+
+<loading wx:if="{{loading}}" loadingName="加载中" backgroundColor="#f2f2f2;" opacity="0.8"></loading>
+
+<view class="customer-detail">
+  <view style="color: white;margin:12px;font-size: 13px; width: 100%;">
+    <view style="display: flex;">
+      <view style="width: 100%; display: flex;justify-content: space-between;">
+        <view style="padding-right: 5px;margin-top:2px;display: flex;">
+          <van-image width="20" height="20" src="/static/img/user.png" />
+          <dk-text style="white-space:nowrap;margin-right: 20rpx;padding-left: 8rpx;" fontWeight="nomal" value="{{form.customerName}}"></dk-text>
+        </view>
+        <view data-item="{{item}}" wx:if="{{Customer_Edit}}" catchtap="toEdit">
+          <van-image custom-class="image-class" src="/static/img/edit.png" />
+        </view>
+      </view>
+    </view>
+    <view style="display:flex;margin-top:8rpx;">
+      <view style="margin-left: 10rpx;white-space:nowrap;" wx:if="{{form.customerFromName}}" wx:for-item="item_a">
+        <dk-van-tag border="1rpx solid #fff" color="transparent" textColor="#fff" radius="5rpx" roundFlag="{{true}}" value="{{form.customerFromName}}"></dk-van-tag>
+      </view>
+      <view style="margin-left: 10rpx;white-space:nowrap;" wx:if="{{form.saleStatus == '客成状态-潜客'}}" wx:for-item="item_a">
+        <dk-van-tag border="1rpx solid #fff" color="transparent" textColor="#fff" radius="5rpx" roundFlag="{{true}}" value="潜在客户"></dk-van-tag>
+      </view>
+      <view style="margin-left: 10rpx;white-space:nowrap;" wx:if="{{form.saleStatus == '客成状态-成交'}}" wx:for-item="item_a">
+        <dk-van-tag border="1rpx solid #fff" color="transparent" textColor="#fff" radius="5rpx" roundFlag="{{true}}" value="成交客户"></dk-van-tag>
+      </view>
+      <view style="margin-left: 10rpx;white-space:nowrap;" wx:if="{{form.saleStatus == '客成状态-公海'}}" wx:for-item="item_a">
+        <dk-van-tag border="1rpx solid #fff" color="transparent" textColor="#fff" radius="5rpx" roundFlag="{{true}}" value="公海客户"></dk-van-tag>
+      </view>
+      <view style="margin-left: 10rpx;white-space:nowrap;" wx:if="{{form.intentionTagsName}}" wx:for-item="item_a">
+        <dk-van-tag border="1rpx solid #fff" color="transparent" textColor="#fff" radius="5rpx" roundFlag="{{true}}" value=" {{form.intentionTagsName}}"></dk-van-tag>
+      </view>
+    </view>
+    <view style="display:flex;margin-top:20rpx;">
+      <!--联系电话-->
+      <van-icon name="phone" class="image-small" />
+      <dk-text color="#fff" fontWeight="500" fontSize="13px" value="{{form.customerPhone}}" copyValue="{{form.customerPhone}}"></dk-text>
+    </view>
+    <view style="display: flex;margin-top:15rpx;">
+      <van-icon name="location" class="image-small" />
+      <dk-text color="#fff" fontWeight="500" fontSize="13px" value="{{ wxmlUtil.addressToIndexOf(form.addressFull)}}" copyValue="{{form.addressName?form.addressName:''}}{{form.addressNo?form.addressNo:''}}"></dk-text>
+    </view>
+    <view wx:if="{{!(form.customerTagsName.length>0)}}" class="table-row">
+      <dk-van-tag border="1rpx solid #4D66A6" color="transparent" textColor="#4D66A6" radius="5rpx" roundFlag="{{true}}" value="暂无标签"></dk-van-tag>
+    </view>
+    <view wx:if="{{form.customerTagsName.length>0}}" style="display: flex;margin-top:18rpx;">
+      <view wx:for="{{form.customerTagsName}}" wx:for-index="indext" wx:for-item="itemt">
+        <dk-van-tag border="1rpx solid #4D66A6" color="transparent" textColor="#4D66A6" radius="5rpx" roundFlag="{{true}}" value="{{ itemt.tagName }}"></dk-van-tag>
+      </view>
+    </view>
+  </view>
+</view>
+<view class="customer-tel">
+  <view class="customer-tel-detail" catchtap="onClickphone" data-telephone="{{form.customerPhone}}">
+    <van-icon name="phone" class="image-small" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      电话
+    </view>
+  </view>
+  <view wx:if="{{form.qvExternalUserid}}" class="customer-tel-detail" catchtap="openWeChat" data-externalUserid="{{form.qvExternalUserid}}">
+    <van-icon name="chat-o" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      单聊
+    </view>
+  </view>
+  <view wx:if="{{!form.qvExternalUserid}}" class="customer-tel-detail" catchtap="onnavigateToAddCustomer" data-externalUserid="{{form.qvExternalUserid}}">
+    <van-icon name="chat-o" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      加微信
+    </view>
+  </view>
+  <view wx:if="{{form.qvChatId}}" class="customer-tel-detail" data-chatid="{{form.qvChatId}}" catchtap="openWeChatUs">
+    <van-icon name="friends-o" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      群聊
+    </view>
+  </view>
+  <view wx:if="{{!form.qvChatId}}" class="customer-tel-detail" data-chatid="{{form.qvChatId}}" catchtap="showDesignPopup">
+    <van-icon name="friends-o" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      建群聊
+    </view>
+  </view>
+<!-- 
+  <view  class="customer-tel-detail" data-chatid="{{form.qvChatId}}" catchtap="toCustomerConsolidation">
+    <van-icon name="friends-o" />
+    <view style="color:#2E3853;font-size:14px;font-weight:600;">
+      客户合并
+    </view>
+  </view> -->
+</view>
+
+
+
+<van-grid column-num="3">
+  <view style="display: flex;padding-top:39rpx;background-color:white;">
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{SumDataList.orderAmount}}"></dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        订单({{SumDataList.orderQuantity}}单)
+      </view>
+    </view>
+
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{SumDataList.outAmount}}"></dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        出库({{SumDataList.outQuantity}}单)
+      </view>
+    </view>
+
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{SumDataList.nonOutAmount}}"></dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        未出库
+      </view>
+    </view>
+  </view>
+  <view style="display: flex;background-color:white;">
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{SumDataList.sumReceipt}}"></dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        收款总额
+      </view>
+    </view>
+
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{arrears}}">
+        </dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        客户欠款
+      </view>
+    </view>
+
+    <view class="number">
+      <view class="order-summary">
+        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{SumDataList.rejectAmount}}"></dk-cell>
+      </view>
+      <view class="oreder-summary-detail">
+        退货({{SumDataList.rejectQuantity}}单)
+      </view>
+    </view>
+  </view>
+</van-grid>
+
+<view style="margin-bottom: 15rpx;"></view>
+
+
+
+
+<van-cell border="{{ false }}">
+  <view style=" display:flex;height: 102rpx;width:100%;">
+    <view class="order-button" style="background-color:#77C5D5;" bindtap="toChooseGoods" data-item="{{form}}">
+      <van-icon style="vertical-align: -15%;font-size:5vw;color : #FFFFFF;" name="/static/img/customer-order.png" />
+      <view style="color:#FFFFFF;">
+        销售订单
+      </view>
+    </view>
+    <view class="order-button" style="background-color:#B3C3FC;margin-left: 23rpx;" bindtap="toCollectionAdd" data-item="{{form}}">
+      <van-icon style="vertical-align: -15%;font-size:5vw;color : #FFFFFF;" name="/static/img/customer-collection.png" />
+      <view style="color:#FFFFFF;">
+        收款单
+      </view>
+    </view>
+    <view class="order-button" style="background-color:#99CDEF;margin-left: 23rpx;" bindtap="toSelectOrder" data-item="{{form}}">
+      <van-icon style="vertical-align: -15%;font-size:5vw;color:#FFFFFF;" name="/static/img/customer-original.png" />
+      <view style="color:#FFFFFF;">
+        销售退货
+      </view>
+
+    </view>
+  </view>
+</van-cell>
+<view style="margin-bottom: 15rpx;"></view>
+
+
+<van-tabs color="#1B365D" active="{{ active }}" bind:change="onChange">
+  <van-tab title-style="color:#96A7C5;" title="跟进记录">
+
+    <view class="table-show">
+      <view class="table-show-detail" style="padding: 5rpx;">
+        <view style="width: 100%; height: 40px;background-color: white; justify-content: space-around; align-items: center;" wx:if="{{customerFollowList.length>0}}">
+          <view style="font-size: 14px;display: flex; margin-top:34rpx; ">
+            <view style="padding-left:20px;flex:1.1;color:#1B365D;white-space: nowrap;">
+              <!-- 下次跟进时间:{{form.customerFollowList[0].nextFollowTime?form.customerFollowList[0].nextFollowTime:''}}</view> -->
+              下次跟进时间:{{form.nextFollowTime?form.nextFollowTime:''}}
+            </view>
+            <view style="flex:1;color:#1B365D;text-align:right;margin-right:36rpx;">跟进 {{form.customerFollowList.length}} 次</view>
+          </view>
+          <!-- 
+          <view style="font-size: 12px;word-break: break-word; padding-left:20px;;color:#1B365D;">
+            下次跟进计划:{{form.customerFollowList[0].nextFollowPlan?form.customerFollowList[0].nextFollowPlan:''}}
+            </view> -->
+          <view style="font-size: 14px;word-break: break-all; padding-left:20px;color:#1B365D;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: calc(100% - 40px); ">
+            下次跟进计划:{{form.nextFollowPlan?form.nextFollowPlan:''}}
+          </view>
+        </view>
+        <!-- 步骤条 start -->
+        <!-- 跟进记录 第一个da循环 -->
+        <view wx:for="{{customerFollowList}}">
+          <!-- 第一框 -->
+          <view style="display:flex;background:white;font-size:14px;color:#95A8CB;margin-top:10px;">
+            <view style="margin-left: 6vw;">
+              {{item.weekTime==1?"周一":item.weekTime==2?"周二":item.weekTime==3?"周三":item.weekTime==4?"周四":item.weekTime==5?"周五":item.weekTime==6?"周六":item.weekTime==7?"周日":""}}
+            </view>
+            <view style="margin-left: 6vw;">{{item.createTime}}</view>
+          </view>
+          <view class="steps_box">
+            <!-- 第一框  循环 第一个 -->
+            <block class="block-step" wx:for="{{item.data}}" wx:for-item="dataitem">
+              <view class="view_item">
+                <!-- 圆圈数字 -->
+                <view style="display: inline-flex;">
+                  <view style="font-size: 13px;padding-right:10rpx; padding-top: 2vw; color: #95A8CB;" id="time{{index}}">
+                    {{dataitem.hourTime}}</view>
+                  <view style=" height: 10px; width: 10px;background-color: rgb(34, 141, 228); border-radius: 50%;margin-top: 3vw;" id="xian{{index}}"> </view>
+                  <view class="r_box" id="kuang{{index}}" data-item="{{dataitem}}" style="margin-left:20rpx;" bindtap="tofollew">
+                    <view style="color:#1B365D;font-size:13px;margin: 1vw;">
+                      {{dataitem.followType}}|{{dataitem.followStatus}}
+                    </view>
+                    <view style="color:#1B365D;font-size:13px;margin: 1vw;">
+                      跟进人:{{dataitem.followUserName}}
+                    </view>
+
+
+                    <view style="color: #96A7C5;font-size:13px;margin:1vw;word-break:break-word;">
+                      {{dataitem.followData}}
+                    </view>
+
+                    <view wx:if="{{dataitem.measureTime}}" style="color:#1B365D;font-size:13px;margin: 1vw;">
+                      回执时间:{{dataitem.measureTime}}
+                    </view>
+
+                    <!-- <view wx:if="{{dataitem.measureRemarks}}" style="color:#1B365D;font-size:13px;margin: 1vw;">
+                      量尺记录:{{dataitem.measureRemarks}}
+                    </view> -->
+
+
+
+                    <view style=" color:#1B365D;font-size:13px;margin: 1vw;">
+
+                      <view style="display: flex;">
+
+                        <view style="color: rgb(34, 141, 228);">查看更多</view>
+                      </view>
+                      <!-- <view wx:for="{{dataitem.measureAnnex}}" wx:for-item="item2">
+                        空间名称:{{item2.usedLocation}}
+                        <view wx:if="{{item2.annexPaths.length > 0}}" wx:for="{{item2.annexPaths}}" wx:for-item="item3">
+                          {{item3}}
+                        </view>
+                      </view> -->
+                    </view>
+
+
+                  </view>
+                </view>
+              </view>
+              <view style="margin-left: calc({{timeWidth}}px );display: flex;">
+
+
+              </view>
+            </block>
+
+          </view>
+
+          <!-- 步骤条 end -->
+        </view>
+        <van-empty wx:if="{{customerFollowList.length==0}}" description="暂无数据" />
+      </view>
+    </view>
+
+  </van-tab>
+
+
+  <van-tab title-style="color:#96A7C5;" title="交易记录">
+  </van-tab>
+  <view wx:if="{{active == 1}}">
+
+    <view style="margin-bottom: 15rpx;"></view>
+    <van-tabs type="card" border="{{false}}" active="{{ activeCard }}" bind:change="changeTag" tab-active-class="{{activeCard==0?'van-tab-active-left':(activeCard==2?'van-tab-active-right':'van-tab-active-middle')}}">
+      <van-tab title="预算报价">
+
+
+      </van-tab>
+
+      <van-tab title="成交订单">
+
+
+      </van-tab>
+
+      <van-tab title="销售退货">
+
+      </van-tab>
+    </van-tabs>
+
+    <view wx:if="{{activeCard == 0}}">
+      <view wx:for="{{orderList_price}}" data-index="{{index}}" data-item="item">
+
+        <view class="dk-card-outer-class">
+          <view class="dk-card-class">
+            <view style="display:flex;padding: 2vw;">
+              <image style="width:48rpx;height:48rpx;align-self:center;margin: 16rpx;" src="/static/img/customer-assignment.png"></image>
+              <view style="font-weight:bold;font-size: 13px;white-space:nowrap;align-self:center;">{{item.orderNo}}
+              </view>
+            </view>
+
+            <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
+            <view style="display:flex;font-size: 26rpx;">
+              <view style="margin:2vw;margin-left: 32rpx;">门店:{{item.orgName}}</view>
+              <view style="flex:1;text-align:right;margin: 2vw;margin-right: 32rpx;white-space:nowrap;">
+                导购:{{item.staffName}}</view>
+            </view>
+            <van-grid column-num="3">
+              <view style="display: flex;background-color:white;">
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.sumAmount}}"></dk-cell>
+                  </view>
+                  <view class="out-oreder-detail">
+                    报价金额
+                  </view>
+                </view>
+
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-text fontSize="17" color="#1B365D" value="{{item.categoryQuantity}}">
+                    </dk-text>
+                  </view>
+                  <view class="out-oreder-detail">
+                    品类数
+                  </view>
+                </view>
+
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-text fontSize="17" color="#1B365D" value="{{item.sumQuantity}}">
+                    </dk-text>
+                  </view>
+                  <view class="out-oreder-detail">
+                    产品件数
+                  </view>
+                </view>
+              </view>
+            </van-grid>
+
+            <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
+            <van-collapse value="{{ activeNames_goods }}" bind:change="onChange_goods">
+              <van-collapse-item name="{{index+1}}" value="展开">
+                <view slot="title">
+                  <view style="display: flex;">
+                    <view>商品明细</view>
+                    <view style="color:#b9b9b9;font-size:10px;flex:1;text-align-last: right;"></view>
+                  </view>
+                </view>
+
+                <view wx:for="{{item.orderItemVOList}}" data-item="{{item}}" wx:for-item="item" wx:key="index" wx:for-index="childindex" border="{{ true }}">
+
+                  <van-card data-item="{{item}}" data-index="{{index}}">
+
+                    <view slot="thumb">
+                      <van-image radius="5px" width="80" height="80" src="{{item.iconThumPath }}" />
+                    </view>
+                    <view slot="title" style="display: flex;">
+
+                      <view style="display: flex;">
+
+                        <dk-title titleTag="{{item.titleTag}}" title="{{item.title}}"></dk-title>
+                      </view>
+
+                      <view wx:if="{{item.flag}}" style="text-align: right;width: 30%;">
+                        <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">可换件</van-tag>
+                        <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">需设计</van-tag>
+                      </view>
+                    </view>
+
+                    <view slot="desc">
+                      <view style="display:flex;width: 100%;">
+                        <view style="width: 80%;">
+                          <dk-text fontWeight="nomal" value="{{item.desc}}"></dk-text>
+
+                        </view>
+
+                      </view>
+                    </view>
+                    <view slot="price">
+                      <view style="display: flex;width: 100%;flex-direction: row;">
+                        <view style="color: red;font-size: 4vw;width: 100%;">
+                          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#CAA977" fontWeight="600" title="" content="{{numberFormat.toThousandCents(item.priceSale ? item.priceSale : 0)}}"></dk-cell>
+                        </view>
+                        <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{item.itemQuantity}}</span></view>
+                      </view>
+                    </view>
+
+
+
+
+                    <view slot="footer">
+                      <view style="margin-top: 15rpx;" wx:if="{{item.bomItems.length > 0}}">
+                        <view style="width: 100%;display: flex;">
+                          <view style="font-size: 14px;width: 50%;text-align: left;color: #95A8CB;">
+                            明细
+                          </view>
+                          <view style="font-size: 14px;width: 50%;text-align: right;color: #95A8CB;" data-item="{{item}}" data-big="{{index}}" data-index="{{childindex}}" catchtap="onPriceOpenGoodsList">
+                            {{item.packageDetailsFlag ? '收起' :'展开'}}
+                            <van-icon name="{{item.packageDetailsFlag ? 'arrow-up' :'arrow-down' }}" />
+                          </view>
+                        </view>
+
+                        <view wx:if="{{item.packageDetailsFlag}}">
+
+                          <view wx:for="{{item.bomItems}}" data-item="{{item2}}" wx:for-item="item2" wx:key="index2">
+                            <view style="text-align: left;width: 100%; padding-left: 15rpx;padding-top:15rpx;">
+                              <view style="display: flex;">
+                                <view>
+                                  <van-image radius="5px" width="65" height="65" src="{{item2.iconThumPath }}" />
+                                </view>
+                                <view style="margin-left:5px;width: 66vw;">
+
+                                  <view style="display: flex;">
+
+
+                                    <dk-title titleTag="{{item2.titleTag}}" title="{{item2.skuModel}}"></dk-title>
+                                  </view>
+
+                                  <view style="display: flex;font-size:3.2vw; ">
+                                    <text decode>{{item2.skuName}}</text>
+                                  </view>
+
+                                  <view style="display: flex;font-size:3.2vw; ">
+                                    <text decode>{{' '}}</text>
+                                  </view>
+                                  <view slot="footer" style="width:100%;justify-content: flex-end;margin-top:20rpx;text-align:right;align-self: flex-end;">
+                                    <view style="display: flex;width: 100%;flex-direction: row;">
+                                      <view style="color: red;font-size: 4vw;width: 100%;text-align: left;">
+                                        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#CAA977" fontWeight="600" title="" content="{{numberFormat.toThousandCents(item2.priceSale)}}"></dk-cell>
+                                      </view>
+                                      <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{item2.itemQuantity }}</span></view>
+                                    </view>
+                                  </view>
+                                </view>
+                              </view>
+                            </view>
+                          </view>
+
+                        </view>
+                      </view>
+                      <view class="hr"></view>
+                      <view style="display: flex;width: 100%;margin-top:5px;" data-index="{{index}}">
+                        <view style="width: 70%;text-align: left;font-size: 3.5vw;color: #95A8CB;">
+                          备注:<span style="line-height:56rpx;">{{item.remarks ? item.remarks : ''}}</span>
+                        </view>
+                        <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">金额:<span style="line-height:56rpx;color:#CAA977;">
+                            ¥{{ numberFormat.toThousandCents((item.priceSale ?
+                            item.priceSale : 0) * item.itemQuantity)}}</span></view>
+                      </view>
+
+                    </view>
+
+                  </van-card>
+
+                  <van-divider />
+                </view>
+
+              </van-collapse-item>
+            </van-collapse>
+
+          </view>
+        </view>
+
+
+      </view>
+      <van-empty wx:if="{{orderList_price.length==0}}" description="暂无数据" />
+    </view>
+
+
+
+    <view wx:if="{{activeCard == 1}}">
+      <scroll-view scroll-y="true" style="height: 1300rpx;" bindscrolltolower="paging" scroll-top="{{topNum}}">
+        <view wx:for="{{orderList_ok}}" data-index="{{index}}" wx-key="index" data-item="item">
+          <view class="dk-card-outer-class">
+            <view class="dk-card-class">
+              <view style="display:flex;padding: 2vw;">
+                <image style="width:48rpx;height:48rpx;align-self:center;margin: 16rpx;" src="/static/img/customer-assignment.png"></image>
+                <view style="width: 60%;">
+                  <view style="font-weight:bold;font-size: 26rpx;white-space:nowrap;">{{item.orderNo}}</view>
+
+                  <view style="font-size: 12px;color:#95A8CB;">{{wxmlUtil.format(item.makingTime)}}</view>
+                </view>
+                <view style="width: 30%;display: flex;">
+                  <view style="font-size:13px;align-self:center;flex:1;text-align: right;color:#00A7B5;" bindtap="toOriginal_order" data-item="{{item}}">查看原单
+                    <van-icon name="arrow" />
+                  </view>
+                </view>
+
+              </view>
+
+              <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
+              <view style="display:flex;font-size: 26rpx;">
+                <view style="margin:2vw;margin-left:32rpx;">门店:{{item.orgName}}</view>
+                <view style="flex:1;text-align:right;margin: 2vw;margin-right:32rpx;white-space:nowrap;">
+                  导购:{{item.staffName}}</view>
+              </view>
+              <van-grid column-num="3">
+                <view style="display: flex;background-color:white;">
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.tSumGoodsAmount}}"></dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      订单金额
+                    </view>
+                  </view>
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.sumOutAmount}}"></dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      出库(1单)
+                    </view>
+                  </view>
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.tSumGoodsAmount - item.sumOutAmount?item.tSumGoodsAmount - item.sumOutAmount:0}}">
+                      </dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      未出库
+                    </view>
+                  </view>
+                </view>
+                <view style="display: flex;background-color:white;">
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.sumReceiptAmount}}"></dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      定金金额
+                    </view>
+                  </view>
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.receivable}}"></dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      订单欠款
+                    </view>
+                  </view>
+                  <view class="number-out-order">
+                    <view class="order-summary">
+                      <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.sumRejectAmount}}"></dk-cell>
+                    </view>
+                    <view class="out-oreder-detail">
+                      退货
+                    </view>
+                  </view>
+                </view>
+
+              </van-grid>
+
+              <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
+              <van-collapse value="{{ activeNames_goods }}" bind:change="onChange_goods">
+                <van-collapse-item name="{{index+1}}" style="color:#95A8CB;border-color:15rpx;" value="展开">
+                  <view slot="title">
+                    <view style="display: flex;">
+                      <view>商品明细</view>
+                      <view style="color:#b9b9b9;font-size:10px;flex:1;text-align-last: right;"></view>
+                    </view>
+                  </view>
+
+                  <view wx:for="{{item.orderItemVOList}}" data-item="{{item}}" wx:for-item="item" wx:key="index" wx:for-index="childindex" border="{{ true }}">
+
+                    <van-card data-item="{{item}}" data-index="{{index}}">
+
+                      <view slot="thumb">
+                        <van-image radius="5px" width="80" height="80" src="{{item.iconThumPath }}" />
+                      </view>
+                      <view slot="title" style="display: flex;">
+
+                        <view style="display: flex;">
+
+                          <dk-title titleTag="{{item.titleTag}}" title="{{item.title}}"></dk-title>
+                        </view>
+
+                        <view wx:if="{{item.flag}}" style="text-align: right;width: 30%;">
+                          <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">可换件</van-tag>
+                          <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">需设计</van-tag>
+                        </view>
+                      </view>
+
+                      <view slot="desc">
+                        <view style="display:flex;width: 100%;">
+                          <view style="width: 80%;">
+                            <dk-text fontWeight="nomal" value="{{item.desc}}"></dk-text>
+
+                          </view>
+
+                        </view>
+                      </view>
+                      <view slot="price">
+                        <view style="display: flex;width: 100%;flex-direction: row;">
+                          <view style="color: red;font-size: 4vw;width: 100%;">
+                            <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#CAA977" fontWeight="600" title="" content="{{numberFormat.toThousandCents(item.priceSale ? item.priceSale : 0)}}"></dk-cell>
+                          </view>
+                          <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{item.tItemQuantity}}</span></view>
+                        </view>
+                      </view>
+
+
+
+
+                      <view slot="footer">
+                        <view style="margin-top: 15rpx;" wx:if="{{item.bomItems.length > 0}}">
+                          <view style="width: 100%;display: flex;">
+                            <view style="font-size: 14px;width: 50%;text-align: left;color: #95A8CB;">
+                              明细
+                            </view>
+                            <view style="font-size: 14px;width: 50%;text-align: right;color: #95A8CB;" data-item="{{item}}" data-big="{{index}}" data-index="{{childindex}}" catchtap="onChangeOpenGoodsList">
+                              {{item.packageDetailsFlag ? '收起' :'展开'}}
+                              <van-icon name="{{item.packageDetailsFlag ? 'arrow-up' :'arrow-down' }}" />
+                            </view>
+                          </view>
+
+                          <view wx:if="{{item.packageDetailsFlag}}">
+
+                            <view wx:for="{{item.bomItems}}" data-item="{{item2}}" wx:for-item="item2" wx:key="index2">
+                              <view style="text-align: left;width: 100%; padding-left: 15rpx;padding-top:15rpx;">
+                                <view style="display: flex;">
+                                  <view>
+                                    <van-image radius="5px" width="65" height="65" src="{{item2.iconThumPath }}" />
+                                  </view>
+                                  <view style="margin-left:5px;width: 66vw;">
+
+                                    <view style="display: flex;">
+
+                                      <dk-title titleTag="{{item2.titleTag}}" title="{{item2.skuModel}}"></dk-title>
+                                    </view>
+
+                                    <view style="display: flex;font-size:3.2vw; ">
+                                      <text decode>{{item2.skuName}}</text>
+                                    </view>
+
+                                    <view style="display: flex;font-size:3.2vw; ">
+                                      <text decode>{{' '}}</text>
+                                    </view>
+                                    <view slot="footer" style="width:100%;justify-content: flex-end;margin-top:20rpx;text-align:right;align-self: flex-end;">
+                                      <view style="display: flex;width: 100%;flex-direction: row;">
+                                        <view style="color: red;font-size: 4vw;width: 100%;text-align: left;">
+                                          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#CAA977" fontWeight="600" title="" content="{{numberFormat.toThousandCents(item2.priceSale)}}"></dk-cell>
+                                        </view>
+                                        <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{item2.tItemQuantity }}</span></view>
+                                      </view>
+                                    </view>
+                                  </view>
+                                </view>
+                              </view>
+                            </view>
+
+                          </view>
+                        </view>
+                        <view class="hr"></view>
+                        <view style="display: flex;width: 100%;margin-top:5px;" data-index="{{index}}">
+                          <view style="width: 70%;text-align: left;font-size: 3.5vw;color: #95A8CB;">
+                            备注:<span style="line-height:56rpx;">{{item.remarks ? item.remarks : ''}}</span>
+                          </view>
+                          <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">金额:<span style="line-height:56rpx;color:#CAA977;">¥{{ numberFormat.toThousandCents((item.priceSale
+                              ?
+                              item.priceSale : 0) * item.tItemQuantity)}}</span></view>
+                        </view>
+
+                      </view>
+
+                    </van-card>
+
+                    <van-divider />
+                  </view>
+
+                </van-collapse-item>
+              </van-collapse>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+
+      <van-empty wx:if="{{orderList_ok.length==0}}" description="暂无数据" />
+    </view>
+
+
+
+    <view wx:if="{{activeCard == 2}}">
+      <view wx:for="{{orderList_out}}" data-index="{{index}}" data-item="item">
+        <view class="dk-card-outer-class">
+          <view class="dk-card-class">
+            <view style="display:flex;padding: 2vw;">
+              <image style="width:48rpx;height:48rpx;align-self:center;margin: 16rpx;" src="/static/img/customer-assignment.png"></image>
+              <view>
+                <view style="font-weight:bold;font-size: 26rpx;white-space:nowrap;">{{item.rejectNo}}</view>
+                <view style="font-size: 12px;color:#95A8CB;">{{wxmlUtil.format(item.makingTime)}}</view>
+              </view>
+
+            </view>
+
+            <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw" />
+            <view style="display:flex;font-size: 26rpx;">
+              <view style="margin:2vw;margin-left: 32rpx;">门店:{{item.orgName}}</view>
+              <view style="flex:1;text-align:right;margin: 2vw;margin-right: 32rpx;white-space:nowrap;">
+                导购:{{item.staffName}}</view>
+            </view>
+            <van-grid column-num="3">
+              <view style="display: flex;background-color:white;">
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#CAA977" fontWeight="600" title="" content="{{item.sumRejectAmount}}"></dk-cell>
+                  </view>
+                  <view class="out-oreder-detail">
+                    退货金额
+                  </view>
+                </view>
+
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-text fontSize="17" color="#1B365D" value=" {{item.categoryQuantity}}">
+                    </dk-text>
+                  </view>
+                  <view class="out-oreder-detail">
+                    品类数
+                  </view>
+                </view>
+
+                <view class="number-out-order">
+                  <view class="order-summary">
+                    <dk-text fontSize="17" color="#1B365D" value=" {{item.sumRejectQuantity}}">
+                    </dk-text>
+                  </view>
+                  <view class="out-oreder-detail">
+                    退货件数
+                  </view>
+                </view>
+              </view>
+            </van-grid>
+
+            <van-collapse value="{{ activeNames_goods2 }}" bind:change="onChange_goods2">
+              <van-collapse-item name="{{index+1}}" style="color:#95A8CB;" value="展开">
+                <view slot="title">
+                  <view style="display: flex;">
+                    <view>商品明细</view>
+                    <view style="color:#b9b9b9;font-size:10px;flex:1;text-align-last: right;"></view>
+                  </view>
+                </view>
+                <view wx:for="{{item.rejectItemVOList}}" data-item="{{item}}" wx:key="index" border="{{ true }}" wx:for-index="childindex">
+
+                  <van-card data-item="{{item}}" data-index="{{index}}">
+
+                    <view slot="thumb">
+                      <van-image radius="5px" width="80" height="80" src="{{item.iconThumPath }}" />
+                    </view>
+                    <view slot="title" style="display: flex;">
+
+                      <view style="display: flex;">
+
+                        <dk-title titleTag="{{item.titleTag}}" title="{{item.title}}"></dk-title>
+                      </view>
+
+                      <view wx:if="{{item.flag}}" style="text-align: right;width: 30%;">
+                        <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">可换件</van-tag>
+                        <van-tag catchtap="flag_bindtap" wx:if="{{item.flag}}" type="danger" color="red" style="text-align: right;">需设计</van-tag>
+                      </view>
+                    </view>
+
+                    <view slot="desc">
+                      <view style="display:flex;width: 100%;">
+                        <view style="width: 80%;">
+                          <dk-text fontWeight="nomal" value="{{item.desc}}"></dk-text>
+
+                        </view>
+
+                      </view>
+                    </view>
+                    <view slot="price">
+                      <view style="display: flex;width: 100%;flex-direction: row;">
+                        <view style="width: 100%;text-align: right;font-size: 3.5vw;">销售数量:<span style="line-height:56rpx;color:red;">{{item.orderQuantity}}</span></view>
+                      </view>
+                    </view>
+
+
+
+                    <view slot="footer">
+                      <view style="display: flex;width: 100%;margin-top:5px;" data-index="{{index}}">
+                        <view style="width: 70%;text-align: left;font-size: 3.5vw;color: #95A8CB;">
+                          备注:<span style="line-height:56rpx;">{{item.remarks ? item.remarks : ''}}</span>
+                        </view>
+                        <view style="width: 100%;text-align: right;font-size: 3.5vw;">售价:<span style="line-height:56rpx;color:#CAA977;">¥{{item.orderPriceSale}}</span></view>
+                      </view>
+                    </view>
+                  </van-card>
+                </view>
+              </van-collapse-item>
+            </van-collapse>
+
+          </view>
+        </view>
+      </view>
+      <van-empty wx:if="{{orderList_out.length==0}}" description="暂无数据" />
+    </view>
+
+
+
+
+  </view>
+
+
+  <van-tab title-style="color:#96A7C5;" title="收款记录">
+    <view style="margin-bottom: 1vw;" wx:for="{{listFee}}" wx:for-index="index">
+
+      <view class="table-show">
+        <view class="table-show-detail">
+          <view style="display:flex;background-color:#FBF6EF;">
+            <image style="width:5vw;height:5vw;align-self:center;margin: 2vw;" src="/static/img/customer-assignment.png">
+            </image>
+            <view>
+              <view style="font-weight:bold;font-size: 26rpx;">{{item.receiptNo}}</view>
+              <view style="font-size: 12px;color:#95A8CB;">{{item.opCreateTime}}</view>
+            </view>
+            <view style="color: #00A7B5;font-size: 13px;align-self:center;flex:1;margin-left: 35px; display: flex;" bindtap="toOriginal_order_collection" data-item="{{item}}">
+              <view>查看原单 </view>
+              <van-icon name="arrow" />
+            </view>
+          </view>
+
+          <view class="table-row">
+            <view class="table-content-row">
+              <view style="display: flex;">
+                <view class="table-content-row-font">
+                  <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="门店/导购"></dk-text>
+                </view>
+                <view class="table-content-class">
+                  {{item.orgName}} | {{item.staffName}}
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <view class="table-row">
+            <view class="table-content-row" style="width:100%;">
+              <view style="display: flex;justify-content:space-between;">
+                <view style="display: flex; width: 50%;">
+                  <view class="table-content-row-font">
+                    <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="收款类型">
+                    </dk-text>
+                  </view>
+                  <view class="table-content-class">
+                    {{item.docCode}}
+                  </view>
+
+                </view>
+
+                <view style="text-align:right;width: 50%;">
+                  <!-- <dk-text fontSize="17" color="#CAA977" value=" ¥{{item.sumAmount}}">
+                  </dk-text> -->
+                  <dk-cell height="46rpx" contentRight="{{true}}" spaceWidth="15rpx" fontSize="17" contentColor="#CAA977" fontWeight="" title=" " content="{{item.sumAmount ? item.sumAmount : 0}}"></dk-cell>
+                </view>
+              </view>
+
+            </view>
+          </view>
+
+
+        </view>
+
+      </view>
+    </view>
+
+    <van-empty wx:if="{{listFee.length==0}}" description="暂无数据" />
+  </van-tab>
+  <van-tab title-style="color:#96A7C5;" title="退款记录">
+    <view style="margin-bottom: 1vw;" wx:for="{{listRefund}}" wx:for-index="index">
+
+      <view class="table-show">
+        <view class="table-show-detail">
+          <view style="display:flex;background-color:#FBF6EF;">
+            <image style="width:5vw;height:5vw;align-self:center;margin: 2vw;" src="/static/img/customer-assignment.png">
+            </image>
+            <view>
+              <view style="font-weight:bold;font-size: 26rpx;">{{item.refundNo}}</view>
+              <view style="font-size: 12px;color:#95A8CB;">{{item.opCreateTime}}</view>
+            </view>
+            <view style="color: #00A7B5;font-size: 13px;align-self:center;flex:1;margin-left: 35px; display: flex;" bindtap="toRefund" data-item="{{item}}">
+              <view>查看原单 </view>
+              <van-icon name="arrow" />
+            </view>
+          </view>
+
+          <view class="table-row">
+            <view class="table-content-row">
+              <view style="display: flex;">
+                <view class="table-content-row-font">
+                  <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="门店/导购"></dk-text>
+                </view>
+                <view class="table-content-class">
+                  {{item.orgName}} | {{item.staffName}}
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <view class="table-row">
+            <view class="table-content-row" style="width:100%;">
+              <view style="display: flex;justify-content:space-between;">
+                <view style="display: flex; width: 50%;">
+                  <view class="table-content-row-font">
+                    <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="退款类型">
+                    </dk-text>
+                  </view>
+                  <view class="table-content-class">
+                    {{item.docCode}}
+                  </view>
+
+                </view>
+
+                <view style="text-align:right;width: 50%;">
+                  <!-- <dk-text fontSize="17" color="#CAA977" value=" ¥{{item.sumAmount}}">
+                  </dk-text> -->
+                  <dk-cell height="46rpx" contentRight="{{true}}" spaceWidth="15rpx" fontSize="17" contentColor="#CAA977" fontWeight="" title=" " content="{{item.refundAmount ? item.refundAmount : 0}}"></dk-cell>
+                </view>
+              </view>
+
+            </view>
+          </view>
+
+
+        </view>
+
+      </view>
+    </view>
+
+    <van-empty wx:if="{{listRefund.length==0}}" description="暂无数据" />
+  </van-tab>
+
+  <van-tab title-style="color:#96A7C5;" title="客户信息">
+
+    <view class="table-show">
+      <view class="table-show-detail" style="padding: 5rpx;">
+
+        <van-cell border="{{ false }}" title-width="180rpx" title="报备人" value=" {{form.reportUserName?form.reportUserName:''}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="部门" value="{{form.orgName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="客户来源" value="{{form.customerFromName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="装修户型" value="{{form.toiletCountName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="装修类型" value="{{form.fitupTypeName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="房屋类型" value="{{form.houseTypeName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="装修风格" value="{{form.fitupStyleName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="年龄构成" value="{{form.ageCompositionName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false}}" title-width="180rpx" title="决策者" value="{{form.decisionMakerName}}" title-class="dk-cell-title" />
+        <van-cell border="{{ false }}" title-width="180rpx" title="客户分类" value=" {{form.customerClassifiedName}}" title-class="dk-cell-title" />
+
+        <van-cell border="{{ false }}" title-width="180rpx" title="跟进人" value=" {{form.userName}}" title-class="dk-cell-title" />
+
+
+        <view style="display:flex;width:100%;margin: 1vw; padding-top: 20rpx;">
+          <view style="width: 30%; flex:1;color: #95A8CB;font-size: 28rpx;padding-left: 27rpx;">附件</view>
+          <view style="width: 70%;text-align: left;">
+            <van-uploader deletable="{{false}}" show-upload="{{false}}" max-count="5" accept="image" style="margin-left: 4%;border-radius: 15rpx;" preview-size="160rpx;" file-list="{{ fileList }}" bind:delete="deleteImg" bind:after-read="afterRead" multiple="true" imageFit="aspectFit" />
+          </view>
+        </view>
+
+        <view style="margin-bottom: 35rpx;"></view>
+
+      </view>
+    </view>
+
+  </van-tab>
+</van-tabs>
+
+
+<!-- 群聊 -->
+<dk-muti-dropdown-item show="{{designFlag}}" contentID="{{form.DesignUserId}}" id='staff' typeName='staff' bind:muticommit='mutiSearchAll' bind:muticlose='muticlose'>
+</dk-muti-dropdown-item>

+ 202 - 1
package2/pages/customer-list/detail/detail.wxss

@@ -1 +1,202 @@
-/* package2/pages/customer-list/detail/detail.wxss */
+page{
+    background: #F5F5F5;
+  }
+    .steps_box {
+      width: 80rpx;
+     
+      background: white;
+      align-items: center;
+      justify-content: center;
+      padding: 6vw;
+    }
+    
+    .block-step {
+      display: flex;
+      flex-direction: row;
+      /* align-items: center;
+      justify-content: center; */
+    }
+    
+    .r_box {
+      width: 453rpx;
+      background: #F4F8FB;
+      border-radius: 14rpx;
+      box-sizing: border-box;
+      padding: 16rpx 28rpx 23rpx 15rpx;
+      position: relative;
+      margin-bottom: 60rpx;
+    }
+    
+    .r_box::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-top: 0rpx solid transparent;
+      border-bottom: 13rpx solid transparent;
+      border-right: 17rpx solid #eaeaea;
+      left: -15rpx;
+      top: 15%;
+    }
+  .hr {
+    width: 100%;
+    height: 3rpx;
+    margin-top: 15rpx;
+    /* margin-left: 37.5rpx; */
+    background-color: #dfdedd;
+  }
+  .number {
+    box-shadow:2px 2px 5px #e5e5e6;
+    background-color: #FFFFFF;
+    width: 218.5rpx;
+    height: 114rpx; 
+    border-radius: 15rpx;
+    margin:7px; 
+  
+  }
+  .dk-cell-title{
+    color:#95A8CB;
+    font-size: 28rpx;
+  }
+  .van-tab{
+    border-right: none !important;
+  }
+  
+  .van-tab-active-left{
+    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+    border-radius: 13rpx 0px 0px 13rpx;
+    border: none !important;
+  }
+  
+  .van-tab-active-left>.van-ellipsis{
+    color:#fff !important;
+  }
+  
+  .van-tab-active-right{
+    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+    border-radius: 0 13rpx 13rpx 0;
+    border: none !important;
+    color:#fff !important;
+  }
+  .van-tab-active-right>.van-ellipsis{
+    color:#fff !important;
+  }
+  .van-tab-active-middle{
+    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+    border: none !important;
+    color:#fff !important;
+  }
+  .van-tab-active-middle>.van-ellipsis{
+    color:#fff !important;
+  }
+  
+  .van-tabs__nav--card{
+    border: none !important;
+    color:#95A8CB !important
+  }
+  
+  .van-tabs__wrap{
+    height: 84rpx !important;
+  }
+  .van-tabs__nav{
+    height: 84rpx !important;
+  }
+  .van-ellipsis{
+    height: 84rpx !important;
+    line-height: 84rpx !important;
+    color: #95A8CB;
+  }
+  /* 客户订单数据 */
+  .order-summary{
+    margin-top: 9px;
+    font-size: 17px;
+    color:#1B365D;
+    text-align: center;
+  }
+  /* 客户订单名称 */
+  .oreder-summary-detail{
+    margin:5px;
+    font-weight:bold;
+    font-size: 10px;
+    color:#95A8CB;
+    text-align: center;
+  }
+  /* 客户详细展示 */
+  .customer-detail{
+    box-shadow: 0px 10px 20px rgba(225, 229, 238, 0.6);
+    display: flex;
+    margin-left: 6px;  
+    border-radius: 15px 15px 0px 0px; 
+    width: 96.5%;
+    /* height: 257rpx; */
+    background-image: linear-gradient(90.12deg, #718AC6 0.84%, #4A5E98 99.43%);
+  }
+  /* 客户联系方式外框 */
+  .customer-tel{
+    box-shadow: 0px 10px 20px rgba(225, 229, 238, 0.6);
+    display: flex;
+    margin-left: 6px;  
+    border-radius: 0px 0px 15px 15px; 
+    width: 96.5%;
+    height: 95rpx;
+    background: #DBE6FF;
+    display: flex;
+    justify-content: space-around;
+  }
+  /* 客户联系方式详细 */
+  .customer-tel-detail{
+    text-align: center; 
+    display: flex; 
+    justify-content: center; 
+    align-items: center;
+    /* width: 212rpx; */
+    border-radius: 15rpx;
+    margin-left: 23rpx; 
+    height: 95rpx;
+  }
+  /* 订单相关按钮 */
+  .order-button{
+    text-align: center; 
+    display: flex; 
+    justify-content: center; 
+    align-items: center;
+    width: 212rpx;
+    box-shadow: 0px 13px 10px rgba(119, 197, 213, 0.17);
+    border-radius: 15rpx; 
+  }
+  /* 列表展示 */
+  .table-show{
+    margin: 10px 32rpx 10px 32rpx;
+    margin-top: 10px;
+    border-radius: 15rpx;
+    box-shadow:2px 2px 5px #e5e5e6;
+  }
+  .table-show-detail {
+    background: #FFFFFF;
+    box-shadow: 0rpx 10rpx 20rpx rgba(225, 229, 238, 0.6);
+    border-radius: 15rpx;
+  }
+  /* 销售退货展示 */
+  .number-out-order {
+    background-color: #F8F8F8;
+    width: 218.5rpx;
+    height: 114rpx; 
+    border-radius: 15rpx;
+    margin:7px; 
+  }
+  /* 销售退货展示 */
+  .out-oreder-detail{
+    margin:5px;
+    font-weight:bold;
+    font-size: 10px;
+    color:#1B365D;
+    text-align: center;
+  }
+  
+  /*图标显示*/
+  .image-class{
+    width: 36rpx;
+    height: 36rpx;
+    left: 16rpx;
+    top: calc((100% - 36rpx)/2);
+  }