From f8913d2623e328a568fc0d87fc7bc3d3d4a2362f Mon Sep 17 00:00:00 2001
From: mo-bai <1873032855@qq.com>
Date: Fri, 15 Apr 2022 10:15:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=B9=E7=BA=A6=E5=95=86=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/merchantApi.js                          |  24 ++
 components/qn-select/qn-select.vue           | 107 ++++++-
 enums/index.js                               |  29 ++
 env/index.js                                 |   4 +-
 manifest.json                                |  10 +-
 pages.json                                   |  16 +
 pages/merchant-list/index.vue                | 300 +++++++++++++++++++
 pages/merchant-setting/index.vue             | 298 ++++++++++++++++++
 pages/mine/index.vue                         |  21 +-
 static/imgs/merchant/apply-auditing-icon.png | Bin 0 -> 4765 bytes
 static/imgs/merchant/apply-finished-icon.png | Bin 0 -> 4069 bytes
 static/imgs/merchant/apply-reject-icon.png   | Bin 0 -> 4519 bytes
 static/imgs/merchant/error-icon.png          | Bin 0 -> 2553 bytes
 static/imgs/mine/merchant-icon.png           | Bin 0 -> 7952 bytes
 utils/index.js                               |  38 ++-
 15 files changed, 820 insertions(+), 27 deletions(-)
 create mode 100644 apis/merchantApi.js
 create mode 100644 pages/merchant-list/index.vue
 create mode 100644 pages/merchant-setting/index.vue
 create mode 100644 static/imgs/merchant/apply-auditing-icon.png
 create mode 100644 static/imgs/merchant/apply-finished-icon.png
 create mode 100644 static/imgs/merchant/apply-reject-icon.png
 create mode 100644 static/imgs/merchant/error-icon.png
 create mode 100644 static/imgs/mine/merchant-icon.png

diff --git a/apis/merchantApi.js b/apis/merchantApi.js
new file mode 100644
index 0000000..9508f3c
--- /dev/null
+++ b/apis/merchantApi.js
@@ -0,0 +1,24 @@
+import http from '@/utils/http/index.js'
+/**
+ * 获取特约商户列表
+ * @param {any} data
+ * @returns
+ */
+export function getMerchantList(data) {
+  return http.get({
+    url: '/uec/get/supplier/apply/commercial/tenant/list',
+    data
+  })
+}
+
+/**
+ * 申请特约商户
+ * @param {any} data
+ * @returns
+ */
+export function applyMerchant(data) {
+  return http.post({
+    url: '/uec/submit/supplier/commercial/tenant/apply',
+    data
+  })
+}
diff --git a/components/qn-select/qn-select.vue b/components/qn-select/qn-select.vue
index 04d4695..7fe659d 100644
--- a/components/qn-select/qn-select.vue
+++ b/components/qn-select/qn-select.vue
@@ -1,14 +1,14 @@
 <template>
-  <view>
+  <view style="width: 100%; height: 100%">
     <view class="select-mask" v-show="visible" @click="hideOption"></view>
-    <view class="select-section" @click="showOption">
-      <text :class="text ? '' : 'placeholder'">{{ text || placeholder }}</text>
+    <view class="select-section" :style="contentStyle" @click="showOption">
+      <text class="text" :class="label ? '' : 'placeholder'" :style="label ? '' : placeholderStyle">{{ label || placeholder }}</text>
       <view class="icon"></view>
       <view class="options-area" v-show="visible">
         <slot>
           <view class="option" v-for="item in options" :key="item.value" @click.stop="handleSelect(item)">
             <text>{{ item.label }}</text>
-            <view v-if="value == item.value" class="icon"></view>
+            <view v-show="isSelected(item.value)" class="icon"></view>
           </view>
         </slot>
       </view>
@@ -26,35 +26,105 @@ export default {
       type: String,
       default: '请选择'
     },
+    /**
+     * 下拉框选项
+     * @param {Object} item
+     * @property {String} label - 选项名称
+     * @property {String} value - 选项值
+     */
     options: {
       type: Array,
       default: () => []
+    },
+    placeholderStyle: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 指向select-section的样式
+     */
+    contentStyle: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 是否多选
+     */
+    multiple: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
     return {
       visible: false,
-      text: ''
+      label: ''
     }
   },
+  created() {
+    this.handleChange(this.value, this.options)
+  },
   methods: {
     handleSelect(item) {
-      this.text = item.label
-      this.$emit('input', item.value)
-      this.hideOption()
+      if (this.multiple) {
+        let value = []
+        if (!this.value) {
+          value = []
+        } else {
+          value = [...this.value]
+        }
+        const index = value.indexOf(item.value)
+        if (index > -1) {
+          value.splice(index, 1)
+        } else {
+          value.push(item.value)
+        }
+        this.$emit('input', value)
+      } else {
+        this.hideOption()
+        this.$emit('input', item.value)
+      }
     },
     showOption() {
       this.visible = true
     },
     hideOption() {
-      console.log('hideOption')
       this.visible = false
+    },
+    isSelected(value) {
+      if (this.multiple) {
+        return this.value.indexOf(value) > -1
+      } else {
+        return this.value === value
+      }
+    },
+    /**
+     * 处理外层val或options改变的情况
+     */
+    handleChange(val, options) {
+      if (this.multiple) {
+        let labelList = []
+        for (let value of val) {
+          const item = options.find((item) => item.value === value)
+          if (item) {
+            labelList.push(item.label)
+          } else {
+            labelList.push(' ')
+          }
+        }
+        this.label = labelList.join(' , ')
+      } else {
+        let target = options.find((o) => o.value === val)
+        this.label = target?.label || ''
+      }
     }
   },
   watch: {
     value(val) {
-      let target = this.options.find((o) => o.value === val)
-      this.text = target?.label || ''
+      this.handleChange(val, this.options)
+    },
+    options(val) {
+      this.handleChange(this.value, val)
     }
   }
 }
@@ -64,10 +134,12 @@ export default {
 .select-section {
   width: 100%;
   height: 100%;
-  min-height: 64rpx;
+  // min-height: 64rpx;
   position: relative;
+  // 将fixed元素锚定到该元素
   transform: translateX(0);
-  z-index: 300;
+  // z-index: 300;
+  z-index: 90;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -78,11 +150,18 @@ export default {
   padding: 12rpx 24rpx;
   background-color: rgb(245, 245, 245);
   border-radius: 8rpx;
+  .text {
+    flex: 1 1 auto;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .icon {
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAACtklEQVRYhdXYOW8TQRgG4CcxBHIQTA5uCCDRICSoKChB3MefBYmjpYCCDjokEnIQEDRIiPsqPltJjGe8a++G8EpWJPvLeB7P7OzsDGEIZ3AK27GEx/js/8oUzmMWH/EU80M4i3MdxR9wB582s4cDZB+uiwFan7sNXMBIxwc7cRQv8aP27g2WWYHrNEBj2N/qdpq4IbBbNTOij91wMNLAtJi/3TKKQ2Ikf1bevcEyJXA7MjXPG3iD45nCMVsP2cQt+dm1iCcNcY3N45g0chwHBPJXdf3sK7sFbjRTs4yH+NVovfEdC5iTRk5gv3+LnBS48UzNMh5ozbbGug++CWRuJHdhrxjxzUZOCNxEpmYDjo1AiiEnxeo1j999drZsxnFb/MCptKflhnWiE0gx5G6x+m4GckyM3GSmpo37657dDUgxZLP1WlAfclTgmpmaJI40kEC+EreQ1I10j/hlF3r1tI/sxM3Wd6SSxZEHsjaSOeSUuDZe9WirTHYI3HSmZkUPHL2BFENOi4VgsUB7vTIicDOZmhWxWvbcJxcBUgw5I6bVUsE2u2VEbJxnMzWFcRQHsnZNHpNG7hWb9+US7bazHdfEo08qpXCUA8JXvReefa12V0q0uw1XxXYwldI4ygMphtzf+rtasA9XxIY+ldf6wLUb7ydFkAfFruJNj++/jCOZmte4r88H736BFEMeEhv5t10+G8YlcXKQykA4BgMSyEWckD4ZOIwveLfuvWFcFAtWKgPjGBzI2kjmkEfFAdZ7cYp3oVWfSiU4qgFSDDknjvNO42SmrcpwxK9ZZZpiFzLW5/9XiqO6EWzni7gmj0uPZCqrKsZRPZA1ZG66dmYV99RwBlsHkHLI2nDUB6QYspZpuT51Agnkku4b9Pbe8nudHagbSCBfiOfFMfFU8gyPbJ2D5P83fwA+SqvvLFrSmAAAAABJRU5ErkJggg==')
       no-repeat center center/cover;
     width: 28rpx;
     height: 16rpx;
+    margin-left: 16rpx;
   }
 }
 .select-mask {
@@ -90,7 +169,7 @@ export default {
   height: 100vh;
   background-color: transparent;
   position: fixed;
-  z-index: 200;
+  z-index: 80;
   top: 0;
   left: 0;
   right: 0;
diff --git a/enums/index.js b/enums/index.js
index def46dd..8a7be11 100644
--- a/enums/index.js
+++ b/enums/index.js
@@ -211,3 +211,32 @@ export const invoiceStatusMap = {
   [invoiceStatusEnum.INVOICE]: '开票',
   [invoiceStatusEnum.NO_INVOICE]: '不开票'
 }
+
+/**
+ * 商户类型 0:个人 1:企业
+ */
+export const mallSupplierTypeEnum = {
+  PERSONAL: 0,
+  ENTERPRISE: 1
+}
+
+export const mallSupplierTypeMap = {
+  [mallSupplierTypeEnum.PERSONAL]: '个体工商户',
+  [mallSupplierTypeEnum.ENTERPRISE]: '企业'
+}
+
+/**
+ * 申请单状态 0 待申请 1 已提交 2 重新提交 3 审核中 4 已驳回 5 待账户验证 6 待签约 7 开通权限中 8 已完成 9 申请单已被撤销
+ */
+export const applyStatusEnum = {
+  WAIT_APPLY: '0',
+  SUBMITTED: '1',
+  RE_SUBMIT: '2',
+  AUDITING: '3',
+  REJECTED: '4',
+  WAIT_VERIFY: '5',
+  WAIT_SIGN: '6',
+  WAIT_OPEN: '7',
+  FINISHED: '8',
+  CANCELED: '9'
+}
diff --git a/env/index.js b/env/index.js
index bcf6a22..a0bfcb1 100644
--- a/env/index.js
+++ b/env/index.js
@@ -1,8 +1,8 @@
 /**
  * @description 唯一环境变量
  */
-// const env = 'test'
+const env = 'test'
 // const env = 'dev'
-const env = 'production'
+// const env = 'production'
 
 export default env
diff --git a/manifest.json b/manifest.json
index 4fd6245..462de8d 100644
--- a/manifest.json
+++ b/manifest.json
@@ -3,7 +3,7 @@
     "appid" : "__UNI__8C1E198",
     "description" : "",
     "versionName" : "1.0.5",
-    "versionCode" : 100,
+    "versionCode" : 101,
     "transformPx" : false,
     "networkTimeout" : {
         "request" : 6000
@@ -26,8 +26,6 @@
         "modules" : {
             "Maps" : {},
             "Geolocation" : {},
-            "FaceID" : {},
-            "iBeacon" : {},
             "Push" : {},
             "Share" : {},
             "Payment" : {}
@@ -41,8 +39,6 @@
                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.BLUETOOTH\"/>",
-                    "<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>",
                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
@@ -54,9 +50,7 @@
                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
                     "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
-                    "<uses-permission android:name=\"android.permission.BLUETOOTH\"/>",
-                    "<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>"
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                 ],
                 "abiFilters" : [ "armeabi-v7a", "x86" ]
             },
diff --git a/pages.json b/pages.json
index ca0e162..c36b829 100644
--- a/pages.json
+++ b/pages.json
@@ -372,6 +372,22 @@
         "navigationStyle": "custom",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path": "pages/merchant-list/index",
+      "style": {
+        "navigationBarTitleText": "特约商户列表",
+        "navigationStyle": "custom",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/merchant-setting/index",
+      "style": {
+        "navigationBarTitleText": "特约商户设置",
+        "navigationStyle": "custom",
+        "enablePullDownRefresh": false
+      }
     }
   ],
   "globalStyle": {
diff --git a/pages/merchant-list/index.vue b/pages/merchant-list/index.vue
new file mode 100644
index 0000000..3fcac85
--- /dev/null
+++ b/pages/merchant-list/index.vue
@@ -0,0 +1,300 @@
+<template>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="特约商户列表"></uni-nav-bar>
+    <view class="flex-col group_3" v-for="merchant in merchantList" :key="merchant.enterpriseId">
+      <view class="flex-col section_1">
+        <view class="flex-row group_4 justify-between">
+          <view class="flex-row">
+            <text class="text_4">广西印刷有限公司</text>
+            <image v-if="showIcon(merchant.applymentState).img" :src="showIcon(merchant.applymentState).img" class="image_4" />
+          </view>
+          <view v-if="showIcon(merchant.applymentState).text" class="button" @click="checkInfo(merchant)">{{ showIcon(merchant.applymentState).text }}</view>
+        </view>
+        <view class="flex-col group_5" v-if="infoShowStatus.indexOf(merchant.applymentState) < -1">
+          <view class="top-section flex-col view_1">
+            <view class="top-group flex-row">
+              <view class="left-section"></view>
+              <text class="text_6">商户信息</text>
+            </view>
+            <view class="center-group flex-col view_4">
+              <view class="flex-row">
+                <text class="label">商户类型：</text>
+                <text class="value">{{ mallSupplierTypeMap[merchant.mallSupplierType] }}</text>
+              </view>
+              <view class="flex-row">
+                <text class="label">客服电话</text>
+                <text class="value">{{ merchant.servicePhone }}</text>
+              </view>
+              <text class="text_12">商户资料：</text>
+            </view>
+            <view class="flex-row equal-division">
+              <image @click="preview(merchant.businessLicenseImg)" :src="merchant.businessLicenseImg" class="equal-division-item image_5" />
+              <image @click="preview(merchant.legalPersonIdCardFrontImg)" :src="merchant.legalPersonIdCardFrontImg" class="equal-division-item" />
+              <image @click="preview(merchant.legalPersonIdCardBackImg)" :src="merchant.legalPersonIdCardBackImg" class="equal-division-item" />
+            </view>
+          </view>
+          <view class="top-section flex-col">
+            <view class="top-group flex-row">
+              <view class="left-section"></view>
+              <text class="text_6">结算账户</text>
+            </view>
+            <view class="center-group flex-col" v-if="merchant.mallSupplierType == mallSupplierTypeEnum.PERSONAL">
+              <view class="flex-row">
+                <text class="label">账户类型：</text>
+                <text class="value">私账</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">账户名：</text>
+                <text class="value">{{ merchant.privateAccounts.accountName }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">对私账户：</text>
+                <text class="value">{{ merchant.privateAccounts.accountNumber }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">开户行：</text>
+                <text class="value">{{ merchant.privateAccounts.accountBank }}</text>
+              </view>
+            </view>
+            <view class="center-group flex-col" v-if="merchant.mallSupplierType == mallSupplierTypeEnum.ENTERPRISE">
+              <view class="flex-row">
+                <text class="label">账户类型：</text>
+                <text class="value">公账</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">账户名：</text>
+                <text class="value">{{ merchant.corporateAccount.accountName }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">对私账户：</text>
+                <text class="value">{{ merchant.corporateAccount.accountNumber }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">开户行：</text>
+                <text class="value">{{ merchant.corporateAccount.accountBank }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="top-section flex-col">
+            <view class="top-group flex-row">
+              <view class="left-section"></view>
+              <text class="text_6">法人信息</text>
+            </view>
+            <view class="center-group flex-col">
+              <view class="flex-row">
+                <text class="label">法人姓名：</text>
+                <text class="value">{{ merchant.legalPersonName }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">身份证号码：</text>
+                <text class="value">{{ merchant.legalPersonIdCardNo }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">手机号码：</text>
+                <text class="value">{{ merchant.legalPersonMobile }}</text>
+              </view>
+              <view class="flex-row top_16">
+                <text class="label">邮箱：</text>
+                <text class="value">{{ merchant.contactEmail }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { go2, back } from '@/utils/hook.js'
+import { getMerchantList } from '@/apis/merchantApi.js'
+import { applyStatusEnum, mallSupplierTypeMap, mallSupplierTypeEnum } from '@/enums/index.js'
+
+// 信息展示状态
+const infoShowStatus = [
+  applyStatusEnum.SUBMITTED,
+  applyStatusEnum.AUDITING,
+  applyStatusEnum.WAIT_VERIFY,
+  applyStatusEnum.WAIT_SIGN,
+  applyStatusEnum.WAIT_OPEN,
+  applyStatusEnum.FINISHED
+]
+export default {
+  data() {
+    return {
+      infoShowStatus: Object.freeze(infoShowStatus),
+      mallSupplierTypeMap: Object.freeze(mallSupplierTypeMap),
+      mallSupplierTypeEnum: Object.freeze(mallSupplierTypeEnum),
+      merchantList: [],
+      cache: {}
+    }
+  },
+  onShow() {
+    getMerchantList({ type: 5 }).then((res) => {
+      if (res) {
+        this.merchantList = res
+      }
+    })
+  },
+  methods: {
+    go2,
+    back,
+    preview(url) {
+      uni.previewImage({
+        current: url,
+        urls: [url]
+      })
+    },
+    showIcon(status) {
+      if (this.cache[status]) {
+        return this.cache[status]
+      }
+      /**
+       * @property {string} img - 图标 空就不展示
+       * @property {string} text - 按钮文字 ，空就不展示
+       */
+      let result = {
+        img: '',
+        text: ''
+      }
+      let infoMap = [applyStatusEnum.RE_SUBMIT, applyStatusEnum.REJECTED, applyStatusEnum.CANCELED]
+      if (status === applyStatusEnum.FINISHED) {
+        result.img = '/static/imgs/merchant/apply-finished-icon.png'
+      } else if (status === applyStatusEnum.WAIT_APPLY) {
+        result.text = '去申请'
+      } else if (infoMap.includes(status)) {
+        result.img = '/static/imgs/merchant/apply-reject-icon.png'
+        result.text = '查看'
+      } else {
+        result.img = '/static/imgs/merchant/apply-auditing-icon.png'
+      }
+      this.cache[status] = result
+      return result
+    },
+    checkInfo(merchant) {
+      go2('merchant-setting', { info: JSON.stringify(merchant) })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 750rpx;
+}
+.group_3 {
+  padding-bottom: 32rpx;
+  flex: 1 1 auto;
+  overflow-y: auto;
+  .section_1 {
+    background-color: rgb(255, 255, 255);
+    .group_4 {
+      padding: 23rpx 32rpx 22rpx;
+      border-bottom: solid 2rpx rgb(221, 221, 221);
+      .text_4 {
+        max-width: 370rpx;
+        color: rgb(0, 0, 0);
+        font-size: 30rpx;
+        font-weight: 600;
+        line-height: 42rpx;
+        white-space: wrap;
+      }
+      .image_4 {
+        margin-left: 16rpx;
+        width: 116rpx;
+        height: 32rpx;
+      }
+      .button {
+        width: 140rpx;
+        height: 56rpx;
+        background: #ffffff;
+        border: 1.2rpx solid rgba(0, 122, 255, 1);
+        border-radius: 40rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 28rpx;
+        color: #007aff;
+      }
+    }
+    .group_5 {
+      padding: 19rpx 32rpx 36rpx;
+      .top-section {
+        margin-top: 20rpx;
+        padding: 24rpx 24rpx 30rpx;
+        background-color: rgb(247, 248, 250);
+        border-radius: 8rpx;
+        .top-group {
+          color: rgb(51, 51, 51);
+          font-size: 28rpx;
+          font-weight: 500;
+          line-height: 40rpx;
+          white-space: nowrap;
+          .left-section {
+            align-self: center;
+            background-color: rgb(173, 186, 201);
+            border-radius: 50%;
+            width: 10rpx;
+            height: 10rpx;
+          }
+          .text_6 {
+            margin-left: 6rpx;
+          }
+        }
+        .center-group {
+          margin-top: 20rpx;
+          padding: 0 18rpx;
+          .text_12 {
+            margin-top: 16rpx;
+            color: rgb(136, 136, 136);
+            font-size: 28rpx;
+            line-height: 40rpx;
+            white-space: nowrap;
+          }
+        }
+        .view_4 {
+          margin-top: 21rpx;
+        }
+        .equal-division {
+          margin-left: 18rpx;
+          margin-top: 15rpx;
+          align-self: flex-start;
+          .equal-division-item {
+            margin-left: 12rpx;
+            flex: 1 1 120rpx;
+            border-radius: 10rpx;
+            width: 120rpx;
+            height: 120rpx;
+          }
+          .image_5 {
+            margin-left: 0;
+          }
+        }
+      }
+      .view_1 {
+        margin-top: 0;
+      }
+    }
+  }
+  .top_16 {
+    margin-top: 16rpx;
+  }
+  .label {
+    color: rgb(136, 136, 136);
+    font-size: 28rpx;
+    line-height: 40rpx;
+    white-space: nowrap;
+    width: 168rpx;
+  }
+  .value {
+    width: 430rpx;
+    color: rgb(51, 51, 51);
+    font-size: 28rpx;
+    font-weight: 500;
+    line-height: 40rpx;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+</style>
diff --git a/pages/merchant-setting/index.vue b/pages/merchant-setting/index.vue
new file mode 100644
index 0000000..9391319
--- /dev/null
+++ b/pages/merchant-setting/index.vue
@@ -0,0 +1,298 @@
+<template>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="特约商户设置"></uni-nav-bar>
+    <view class="justify-center section_1" v-show="auditDetail">
+      <image src="/static/imgs/merchant/error-icon.png" class="image_4" />
+      <text class="text_4">申请被驳回，{{ auditDetail }}</text>
+    </view>
+    <qn-form-item label="商户信息" type="title"></qn-form-item>
+    <qn-form-item label="商户名称">
+      <text>{{ form.name }}</text>
+    </qn-form-item>
+    <qn-form-item label="商户类型" required>
+      <qn-select
+        contentStyle="background: none; padding: 0;text-align: right;"
+        :options="types"
+        v-model="form.mallSupplierType"
+        placeholder="请选择商户类型"
+      ></qn-select>
+    </qn-form-item>
+    <qn-form-item label="客服电话" required>
+      <qn-easyinput :maxlength="11" v-model="form.servicePhone" :inputBorder="false" text="right" placeholder="请输入客服电话"></qn-easyinput>
+    </qn-form-item>
+    <qn-form-item label="联系邮箱" required>
+      <qn-easyinput :maxlength="25" v-model="form.contactEmail" :inputBorder="false" text="right" placeholder="请输入联系邮箱"></qn-easyinput>
+    </qn-form-item>
+    <qn-form-item label="商户资料" size="large">
+      <view class="flex-row img-area">
+        <image v-for="(url, index) in imgs" :key="index" class="img" :src="url" @click="preview(url)"></image>
+      </view>
+    </qn-form-item>
+    <qn-form-item label="结算账户" type="title"></qn-form-item>
+    <qn-form-item label="账户类型">
+      <text>{{ accountTypeName }}</text>
+    </qn-form-item>
+    <qn-form-item label="账户名">
+      <text>{{ form.accountName }}</text>
+    </qn-form-item>
+    <qn-form-item label="账户号码">
+      <text>{{ form.accountNumber }}</text>
+    </qn-form-item>
+    <qn-form-item label="开户行">
+      <text>{{ form.accountBank }}</text>
+    </qn-form-item>
+    <qn-form-item label="法人信息" type="title"></qn-form-item>
+    <qn-form-item label="法人姓名">
+      <text>{{ form.contactName }}</text>
+    </qn-form-item>
+    <qn-form-item label="法人身份证号">
+      <text>{{ form.contactIdNumber }}</text>
+    </qn-form-item>
+    <qn-form-item label="法人手机号">
+      <text>{{ form.mobilePhone }}</text>
+    </qn-form-item>
+    <qn-footer fixed height="120rpx">
+      <view class="button-area">
+        <view class="button button__cancel" @click="back">
+          <text class="text">取消</text>
+        </view>
+        <view class="button button__submit" @click="apply">
+          <text class="text" style="color: white">提交申请</text>
+        </view>
+      </view>
+    </qn-footer>
+  </view>
+</template>
+
+<script>
+import { go2, back } from '@/utils/hook.js'
+import { applyMerchant } from '@/apis/merchantApi.js'
+import { mallSupplierTypeEnum, applyStatusEnum } from '@/enums/index.js'
+import { validateField } from '@/utils/index.js'
+const types = [
+  {
+    label: '个体工商户',
+    value: mallSupplierTypeEnum.PERSONAL
+  },
+  {
+    label: '企业',
+    value: mallSupplierTypeEnum.ENTERPRISE
+  }
+]
+
+const accountFields = [
+  {
+    label: '开户银行',
+    key: 'accountBank'
+  },
+  {
+    label: '开户名称',
+    key: 'accountName'
+  },
+  {
+    label: '银行账号',
+    key: 'accountNumber'
+  },
+  {
+    label: '开户银行省市编码',
+    key: 'bankAddressCode'
+  },
+  {
+    label: '开户银行联行号',
+    key: 'bankBranchId'
+  }
+]
+
+const validateFields = [
+  {
+    name: 'contactEmail',
+    rules: [{ required: true, message: '请输入联系邮箱' }]
+  },
+  {
+    name: 'servicePhone',
+    rules: [
+      { required: true, message: '请输入客服电话' },
+      { type: 'phone', message: '请输入正确的手机号' }
+    ]
+  }
+]
+export default {
+  data() {
+    return {
+      types: Object.freeze(types),
+      accountTypeName: '私账',
+      privateAccounts: {}, // 私账
+      corporateAccount: {}, // 公账
+      imgs: [],
+      auditDetail: '',
+      form: {
+        businessType: 0, // 业务类型 0 云工厂 1 纸通宝
+        enterpriseId: null,
+        name: 'xxx',
+        mallSupplierType: null,
+        accountName: '',
+        accountNumber: '',
+        accountBank: '',
+        bankAddressCode: '',
+        bankBranchId: '',
+        servicePhone: '',
+        contactName: '',
+        contactIdNumber: '',
+        mobilePhone: '',
+        contactEmail: ''
+      }
+    }
+  },
+  onLoad(option) {
+    if (!option.info) {
+      uni.showToast({
+        title: '参数错误',
+        icon: 'none',
+        success: () => {
+          setTimeout(() => {
+            back()
+          }, 1500)
+        }
+      })
+    } else {
+      let info = JSON.parse(option.info)
+      this.privateAccounts = info.privateAccounts
+      this.corporateAccount = info.corporateAccount
+      this.imgs.push(info.businessLicenseImg, info.legalPersonIdCardFrontImg, info.legalPersonIdCardBackImg)
+      let keys = Object.keys(this.form)
+      keys.forEach((key) => {
+        if (info[key] != undefined) {
+          this.form[key] = info[key]
+        }
+      })
+      if (info.applymentState === applyStatusEnum.REJECTED) {
+        if (info.auditDetail) {
+          let reasons = info.auditDetail.map((item) => item.rejectReason)
+          this.auditDetail = reasons.join('，')
+        }
+      }
+    }
+  },
+  watch: {
+    'form.mallSupplierType': function (val) {
+      if (val === mallSupplierTypeEnum.PERSONAL) {
+        this.accountTypeName = '私账'
+        this.updateAccount(this.privateAccounts)
+      } else {
+        this.accountTypeName = '公账'
+        this.updateAccount(this.corporateAccount)
+      }
+    }
+  },
+  methods: {
+    go2,
+    back,
+    preview(url) {
+      uni.previewImage({
+        urls: this.imgs,
+        current: url
+      })
+    },
+    // 更新账户信息
+    updateAccount(account) {
+      accountFields.forEach((item) => {
+        this.form[item.key] = account[item.key]
+      })
+    },
+    apply() {
+      for (let field of validateFields) {
+        const { name, rules } = field
+        const value = this.form[name]
+        const { isValid, msg } = validateField(value, rules)
+        if (!isValid) {
+          uni.showToast({
+            title: msg,
+            icon: 'none'
+          })
+          return false
+        }
+      }
+      applyMerchant(this.form).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '申请成功',
+            icon: 'none',
+            success: () => {
+              setTimeout(() => {
+                back()
+              }, 1500)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 750rpx;
+  .img-area {
+    width: 686rpx;
+    padding-bottom: 32rpx;
+  }
+  .img {
+    margin-left: 12rpx;
+    border-radius: 10rpx;
+    width: 120rpx;
+    height: 120rpx;
+    border: 1px solid #f7f8fa;
+  }
+}
+.section_1 {
+  width: 750rpx;
+  padding: 28rpx 32rpx;
+  color: rgb(0, 0, 0);
+  font-size: 32rpx;
+  font-weight: 500;
+  line-height: 45rpx;
+  white-space: pre-wrap;
+  background-color: rgb(255, 192, 195);
+  .image_4 {
+    margin: 4rpx 0;
+    width: 36rpx;
+    height: 36rpx;
+  }
+  .text_4 {
+    width: 100%;
+    margin-left: 12rpx;
+  }
+}
+.button-area {
+  width: 750rpx;
+  padding: 0 32rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  .button {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10rpx;
+    .text {
+      font-size: 30rpx;
+      font-weight: 500;
+      text-align: center;
+    }
+  }
+  .button__cancel {
+    width: 270rpx;
+    height: 88rpx;
+    border: 2rpx solid #979797;
+  }
+  .button__submit {
+    width: 400rpx;
+    height: 88rpx;
+    background: #007aff;
+  }
+}
+</style>
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index b8d9f06..333e9c5 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -133,6 +133,10 @@
           <image class="icon" src="/static/imgs/mine/my-receipt-code.png"></image>
           <text class="label">收款码</text>
         </view>
+        <view class="icon-item" @click="setMerchant">
+          <image class="icon" src="/static/imgs/mine/merchant-icon.png"></image>
+          <text class="label">特约商户</text>
+        </view>
         <!-- <view
           class="icon-item"
           @click="
@@ -153,7 +157,6 @@
 import { go2, loginGo2 } from '@/utils/hook.js'
 import { fddEnterpriseStatus } from '@/enums/index.js'
 import { getBaseInfo, getVerifyUrl } from '@/apis/commonApi.js'
-import qnDataPicker from '@/components/qn-data-picker/qn-data-picker.vue'
 import { dateTimeFormat } from '@/utils/index.js'
 import { getOrderStatistics } from '@/apis/mineApi.js'
 // 获取本月第一天和最后一天
@@ -171,7 +174,6 @@ const lastMonth = (() => {
   return [dateTimeFormat(beginDate, 'yyyy-mm-dd'), dateTimeFormat(endDate, 'yyyy-mm-dd')]
 })()
 export default {
-  components: { qnDataPicker },
   data() {
     return {
       customerServicer: '17606507108',
@@ -284,6 +286,21 @@ export default {
           this.tradeData = res
         }
       })
+    },
+    setMerchant() {
+      if (!this.hasCompany) {
+        uni.showModal({
+          title: '提示',
+          content: '您还没有企业信息，请先完善企业信息',
+          success: (res) => {
+            if (res.confirm) {
+              loginGo2('enterprise-info')
+            }
+          }
+        })
+        return
+      }
+      loginGo2('merchant-list')
     }
   },
   watch: {
diff --git a/static/imgs/merchant/apply-auditing-icon.png b/static/imgs/merchant/apply-auditing-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..737f0bccc88805e7567ef1b92d37ca6aea682c09
GIT binary patch
literal 4765
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

literal 0
HcmV?d00001

diff --git a/static/imgs/merchant/apply-finished-icon.png b/static/imgs/merchant/apply-finished-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..583b9c3b4b10b1bac0263b4a1ac0cd946362f8c4
GIT binary patch
literal 4069
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
X`T6`EaqJrY00000NkvXXu0mjfVwDdi

literal 0
HcmV?d00001

diff --git a/static/imgs/merchant/apply-reject-icon.png b/static/imgs/merchant/apply-reject-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca5c47dc0fa38ed439bd95dc86795ab473eec895
GIT binary patch
literal 4519
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
FV1hG&;cWl_

literal 0
HcmV?d00001

diff --git a/static/imgs/merchant/error-icon.png b/static/imgs/merchant/error-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ba8a62896f1c652865d8a3ca12b39a0645c9366
GIT binary patch
literal 2553
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
P00000NkvXXu0mjfYeB=3

literal 0
HcmV?d00001

diff --git a/static/imgs/mine/merchant-icon.png b/static/imgs/mine/merchant-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..df11f231e9748c19b1fca889c519ba28da127c83
GIT binary patch
literal 7952
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
GLSTYKU5hUO

literal 0
HcmV?d00001

diff --git a/utils/index.js b/utils/index.js
index 5551741..049c92b 100644
--- a/utils/index.js
+++ b/utils/index.js
@@ -1,6 +1,6 @@
 import env from '@/env/index.js'
 import store from '@/store/index.js'
-import { isDate, isString } from './is.js'
+import { isDate, isString, isArray } from './is.js'
 /**
  * 日期格式化，样例 yyyy-mm-dd hh:MM:ss
  * @param date Date 需要转换的日期
@@ -299,3 +299,39 @@ export const round = (num, ratio) => {
   }
   return result
 }
+
+/**
+ * 根据规则校验字段
+ * @param {*} value 输入值
+ * @param {array} rules 规则集 {type,required,message}
+ * @value {boolean} required 是否必填
+ * @value {string} type 字段类型校验，目前支持 phone
+ * @returns {object} {isValid,msg}
+ */
+export const validateField = (value, rules) => {
+  let isValid = true
+  let msg = ''
+  for (let rule of rules) {
+    if (rule.required) {
+      if (value === '' || value === undefined || value === null) {
+        isValid = false
+        msg = rule.message
+        break
+      }
+      if (isArray(value) && value.length === 0) {
+        isValid = false
+        msg = rule.message
+        break
+      }
+    }
+    if (rule.type === 'phone' && value !== '' && !/^1[3456789]\d{9}$/.test(value)) {
+      isValid = false
+      msg = rule.message
+      break
+    }
+  }
+  return {
+    isValid,
+    msg
+  }
+}