From d24b2ff3a3fc8c64f47f1dd1c07d1d69f5ae9e7d Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Tue, 19 Sep 2023 14:14:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=95=86=E6=88=B7=E5=85=A5?=
 =?UTF-8?q?=E9=A9=BB=E5=AE=A1=E6=89=B9,=E5=BC=80=E9=80=9A=E4=BA=A4?=
 =?UTF-8?q?=E6=98=93=E5=AE=A1=E6=89=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/approve.js                             |  24 ++
 components/merchantAudit/merchantAudit.vue |  53 ++-
 pages/oaExamine/oaExamine.vue              |  81 +++-
 static/icons/close.png                     | Bin 0 -> 1770 bytes
 subpkg/merchantDetails/merchantDetails.vue | 458 +++++++++++++++------
 5 files changed, 470 insertions(+), 146 deletions(-)
 create mode 100644 api/approve.js
 create mode 100644 static/icons/close.png

diff --git a/api/approve.js b/api/approve.js
new file mode 100644
index 0000000..e05eecf
--- /dev/null
+++ b/api/approve.js
@@ -0,0 +1,24 @@
+import oahttp from "@/utils/oahttp.js";
+
+/**
+ * 审批类型
+ */
+export const approveTypes = (data) => oahttp.get('/approve/approveType', data)
+
+/**
+ * 审批列表
+ */
+export const approveLists = (data) => oahttp.get('/approve/lists', data)
+
+/**
+ * 审批详情
+ */
+export const approveDetails = (data) => oahttp.post('/approve/detail', data)
+
+/**
+ * 审批
+ */
+export const approveAudit = (data) => oahttp.post('/approve/audit', data)
+
+
+
diff --git a/components/merchantAudit/merchantAudit.vue b/components/merchantAudit/merchantAudit.vue
index 2b2f7bb..6bbe981 100644
--- a/components/merchantAudit/merchantAudit.vue
+++ b/components/merchantAudit/merchantAudit.vue
@@ -3,9 +3,9 @@
     <view class="nav_bar">
       <view class="left">
         <image src="../../static/img/company/company.png"></image>
-        <view>爱读蛋糕</view>
+        <view>{{extend.company_name}}</view>
       </view>
-      <view class="right" @click="navTo(`/subpkg/merchantDetails/merchantDetails?id=${id=1}`)">
+      <view class="right" @click="navTo(`/subpkg/merchantDetails/merchantDetails?id=${id=datas.id}&name=${datas.name}`)">
         <text>查看</text>
         <u-icon name="arrow-right" size="12" color="#fff"></u-icon>
       </view>
@@ -13,39 +13,38 @@
     <view class="body">
       <view class="b_item name">
         <view class="text">
-          <view>商户姓名:</view>
-          <view>某moods v你的伤口v技能大赛空军第三空间</view>
+          <view>审核类型:</view>
+          <view>{{datas.name}}</view>
         </view>
         <view class="type">
-          <text v-if="true" style="color: #ff7c32;">未审核</text>
-          <text v-else-if="true" style="color: #47be62;">已通过</text>
-          <text v-else style="color: #FF0000;">未通过</text>
+          <text v-if="datas.check_status==1" style="color: #ff7c32;">审核中</text>
+          <text v-else-if="datas.check_status==2" style="color: #47be62;">已通过</text>
+          <text v-else-if="datas.check_status==3" style="color: #FF0000;">未通过</text>
         </view>
       </view>
       <view class="b_item">
         <view>商户分类:</view>
-        <view>商超</view>
+        <view>{{datas.category_name}}</view>
       </view>
       <view class="b_item">
-        <view>店铺分类:</view>
-        <view>分类</view>
+        <view>店铺类型:</view>
+        <view>{{datas.type_name}}</view>
       </view>
       <view class="b_item">
-        <view>镇街店铺:</view>
-        <view>店铺</view>
+        <view>店铺名称:</view>
+        <view>{{datas.mer_name}}</view>
       </view>
       <view class="b_item">
         <view>联系方式:</view>
-        <view>1999999999</view>
+        <view>{{extend.master_phone}}</view>
       </view>
       <view class="b_item">
         <view>申请时间:</view>
-        <view>2023-09-09</view>
+        <view>{{datas.create_time}}</view>
       </view>
-      <view class="img">
-        <image src="../../uni_modules/guyue-updater/assets/bg1.png"></image>
-        <image src="../../uni_modules/guyue-updater/assets/bg1.png"></image>
-        <image src="../../uni_modules/guyue-updater/assets/bg1.png"></image>
+      <u-line></u-line>
+      <view class="img" style="padding-top: 16rpx;">
+        <image v-for="(item, index) in extend.qualification" :key="`img`+index" :src="item"></image>
       </view>
     </view>
   </view>
@@ -54,11 +53,27 @@
 <script>
   export default {
     name: "merchantAudit",
+    props: {
+      datas:{
+        type: Object,
+        default: ()=>{
+          return {};
+        }
+      }
+    },
     data() {
       return {
-
+        extend: {}
       };
     },
+    mounted() {
+      try{
+        this.extend = this.$props.datas?.extend;
+        this.extend.qualification?this.extend.qualification=JSON.parse(this.extend.qualification):this.extend.qualification=[];
+      }catch(e){
+        //TODO handle the exception
+      }
+    },
     methods:{
       navTo (url) {
         if (url) {
diff --git a/pages/oaExamine/oaExamine.vue b/pages/oaExamine/oaExamine.vue
index 965c82f..6fbb4ad 100644
--- a/pages/oaExamine/oaExamine.vue
+++ b/pages/oaExamine/oaExamine.vue
@@ -4,16 +4,23 @@
       <u-tabs :list="tabLists" @click="changeCurrent" lineColor='white' :scrollable="false" lineWidth='20'
         inactiveStyle='color:white' activeStyle="color:white"></u-tabs>
     </u-sticky>
-    <!-- <u-empty icon="/static/img/empty/data.png"></u-empty> -->
+    <u-tabs style="background-color: #fff;" :list="typeTabLists" @click="changeTypeCurrent" lineColor='#0022C7' lineWidth='40'
+      inactiveStyle='color:#0022C7' activeStyle="color:#0022C7"></u-tabs>
     <view class="p_list">
-      <merchantAudit></merchantAudit>
+      <block v-for="(item,index) in list" :key="index">
+        <merchantAudit :datas="item"></merchantAudit>
+      </block>
     </view>
-    <!-- <u-loadmore :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText" :nomore-text="nomoreText" /> -->
+    
+    <u-empty v-if="list.length==0&&loadConfig.status=='nomore'" icon="/static/img/empty/data.png"></u-empty>
+    <u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText"
+    	:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
   </view>
 </template>
 
 <script>
   import { Toast } from '@/libs/uniApi.js'
+  import { approveLists, approveTypes } from "@/api/approve.js"
   import merchantAudit from '@/components/merchantAudit/merchantAudit.vue'
   export default {
     components: {
@@ -24,23 +31,85 @@
         tabLists: [{
           name: '全部',
         }, {
-          name: '待审批',
+          name: '审核中',
         }, {
           name: '已通过'
         }, {
           name: '未通过'
         }, ],
+        typeTabLists: [],
+        current: 0,
+        typeCurrent: 0,
+        check_status: 0,
+        list: [],
+        loadConfig: {
+        	page: 1,
+        	limit: 15,
+        	lastpage: '',
+        	loadingText: '努力加载中',
+        	loadmoreText: '轻轻上拉',
+        	nomoreText: '我也是有底线的~~',
+        	status: 'loadmore'
+        },
       }
     },
     onLoad() {
-      
+      this.initType();
+      this.initList();
     },
     onShow() {
-
+    },
+    async onPullDownRefresh() {
+      await this.initList();
+      this.$u.sleep(200).then(()=>{
+        uni.stopPullDownRefresh();
+      })
+    },
+    onReachBottom() {
+      this.loadList();
     },
     methods: {
+      async initType(){
+        let res = await approveTypes();
+        res.data.forEach((item)=>{
+          this.typeTabLists.push({
+            id: item.id,
+            name: item.title
+          })
+        })
+      },
+      async initList(){
+        this.loadConfig.page = 1;
+        this.loadConfig.status = "loadmore";
+        this.list = [];
+        await this.loadList();
+      },
+      async loadList(){
+        if (this.loadConfig.status == "nomore") return;
+        this.loadConfig.status = "loading";
+        let query = {
+          type: this.check_status,
+        	page: this.loadConfig.page,
+        	limit: this.loadConfig.limit
+        }
+        this.current?query.check_status=this.current:null;
+        let res = await approveLists(query);
+        this.loadConfig.status = "loadmore"
+        if (res.data.lists.length < this.loadConfig.limit) {
+        	this.loadConfig.status = "nomore"
+        } else {
+        	this.loadConfig.page++;
+        }
+        this.list = [...this.list, ...res.data?.lists];
+      },
       changeCurrent(e) {
         this.current = e.index;
+        this.initList();
+      },
+      changeTypeCurrent(e) {
+        this.typeCurrent = e.index;
+        this.check_status = e.id;
+        this.initList();
       },
     },
   }
diff --git a/static/icons/close.png b/static/icons/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..3515e28a1dde7e77b0a4834565daae4ac8b82755
GIT binary patch
literal 1770
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
M07*qoM6N<$f||H2+yDRo

literal 0
HcmV?d00001

diff --git a/subpkg/merchantDetails/merchantDetails.vue b/subpkg/merchantDetails/merchantDetails.vue
index 57bfe8b..93ab4e6 100644
--- a/subpkg/merchantDetails/merchantDetails.vue
+++ b/subpkg/merchantDetails/merchantDetails.vue
@@ -5,27 +5,61 @@
         <view class="nav_bar">
           <view class="left">
             <image src="../../static/img/company/company.png"></image>
-            <view>爱读蛋糕</view>
+            <view>{{extend.company_name}}</view>
           </view>
         </view>
         <view class="body">
           <view class="b_item name">
-            <view class="text"><view>商户分类:</view> <view>商超</view></view>
+            <view class="text">
+              <view>审核类型:</view>
+              <view>{{formData.name}}</view>
+            </view>
             <view class="type">
-              <text v-if="true" style="color: #ff7c32;">未审核</text>
-              <text v-else-if="true" style="color: #47be62;">已通过</text>
-              <text v-else style="color: #FF0000;">未通过</text>
+              <text v-if="formData.check_status==1" style="color: #ff7c32;">审核中</text>
+              <text v-else-if="formData.check_status==2" style="color: #47be62;">已通过</text>
+              <text v-else-if="formData.check_status==3" style="color: #FF0000;">未通过</text>
             </view>
           </view>
-          <view class="b_item"><view>商户分类:</view> <view>商超</view></view>
-          <view class="b_item"><view>店铺类型:</view> <view>镇街店铺</view></view>
-          <view class="b_item"><view>申请时间:</view> <view>1999999999</view></view>
-          <view class="b_item"><view>联系方式:</view> <view>2023-09-18  14:00:01</view></view>
-          <view class="b_item"><view>店铺所在地:</view> <view>泸州市江阳区通滩镇通滩社区</view></view>
-          <view class="b_item"><view>详细地址:</view> <view>泸州市江阳区通滩镇通滩社区龙南路125号</view></view>
-          <view class="b_item"><view>公司名称:</view> <view>2023-09-09</view></view>
-          <view class="b_item"><view>法人姓名:</view> <view>2023-09-09</view></view>
-          <view class="b_item"><view>社会代码:</view> <view>1515616516516516516565465</view></view>
+          <view class="b_item">
+            <view>商户分类:</view>
+            <view>{{formData.category_name}}</view>
+          </view>
+          <view class="b_item">
+            <view>店铺类型:</view>
+            <view>{{formData.type_name}}</view>
+          </view>
+          <view class="b_item">
+            <view>店铺名称:</view>
+            <view>{{formData.mer_name}}</view>
+          </view>
+          <view class="b_item">
+            <view>申请时间:</view>
+            <view>{{formData.create_time}}</view>
+          </view>
+          <view class="b_item">
+            <view>联系方式:</view>
+            <view>{{extend.master_phone}}</view>
+          </view>
+          <!-- <view class="b_item">
+            <view>店铺所在地:</view>
+            <view>泸州市江阳区通滩镇通滩社区</view>
+          </view> -->
+          <view class="b_item">
+            <view>详细地址:</view>
+            <view>{{extend.address}}</view>
+          </view>
+          <view class="b_item">
+            <view>公司名称:</view>
+            <view>{{extend.company_name}}</view>
+          </view>
+          <view class="b_item">
+            <view>法人姓名:</view>
+            <view>{{extend.master_name}}</view>
+          </view>
+          <view class="b_item">
+            <view>社会代码:</view>
+            <view>{{extend.organization_code}}</view>
+          </view>
         </view>
       </view>
       <view class="card">
@@ -36,134 +70,316 @@
           </view>
         </view>
         <view class="body">
-          <image @click="priview('../../uni_modules/guyue-updater/assets/bg1.png')" src="../../uni_modules/guyue-updater/assets/bg1.png"></image>
-          <view style="border-top: 1px dashed #0022c7;margin: 28rpx 0;"></view>
-          <image @click="priview('../../uni_modules/guyue-updater/assets/bg1.png')" src="../../uni_modules/guyue-updater/assets/bg1.png"></image>
+          <block v-for="(item, index) in extend.qualification">
+            <image @click="priview(item)"
+              :src="item"></image>
+            <view v-if="index<extend.qualification.length-1" style="border-top: 1px dashed #0022c7;margin: 28rpx 0;"></view>
+          </block>
         </view>
       </view>
     </view>
-    <button class="btn">通过</button>
-    <button class="btn" style="background-color: #fff;color: #0122c7;">拒绝</button>
+    <block v-if="formData.check_status!=2&&formData.check_status!=3&&true">
+      <button class="btn" @click="tipShow = true">通过</button>
+      <button class="btn" @click="modalShow = true" style="background-color: #fff;color: #0122c7;">拒绝</button>
+    </block>
+    <block v-else-if="formData.check_status==3">
+      <view class="refuse">
+        未通过原因: {{formData.remark}}
+      </view>
+    </block>
+    <u-popup :show="modalShow" :round="13" mode="center">
+      <view class="popup">
+        <view class="header">
+          <text>请输入拒绝原因</text>
+          <image @click="modalShow=false" src="../../static/icons/close.png"></image>
+        </view>
+        <u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
+          <u-form-item prop="remark">
+            <u-textarea class="textarea" v-model="formData.remark" placeholder="请输入拒绝原因" type="textarea"
+              height="100"></u-textarea>
+          </u-form-item>
+        </u--form>
+        <view class="p_btn">
+          <view></view>
+          <view class="right_btn">
+            <button class="cal" @click="modalShow=false">取消</button>
+            <button class="pri" @click="$u.throttle(noPass, 1500)">确认</button>
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <u-modal :show="tipShow" title="提示" content='确认信息无误再通过' closeOnClickOverlay showCancelButton @close="tipShow=false"
+      @cancel="tipShow=false" @confirm="$u.throttle(pass, 1500)"></u-modal>
   </view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-       
-    }
-  },
-  onLoad() {},
-  onShow() {},
-  methods: {
-    priview(url) {
-    	uni.previewImage({
-    		urls: [url],
-    		longPressActions: {
-    			itemList: ['保存图片'],
-    			success: function(data) {
-    				if (data.tapIndex === 0) {
-    					uni.saveImageToPhotosAlbum({
-    						filePath: url,
-    						success: function() {
-    							uni.showToast({
-    								title: '保存成功',
-    								icon: 'success'
-    							})
-    						},
-    						fail: function() {
-    							uni.showToast({
-    								title: '保存失败',
-    								icon: 'none'
-    							})
-    						}
-    					})
-    				}
-    			}
-    		}
-    	})
+  import { Toast } from '../../libs/uniApi'
+  import { approveAudit, approveDetails } from "@/api/approve.js"
+  export default {
+    data() {
+      return {
+        modalShow: false,
+        tipShow: false,
+        formData: {
+          id: '',
+          remark: ''
+        },
+        extend: {
+
+        },
+        rules: {
+          remark: {
+            type: 'string',
+            required: true,
+            message: '请输入原因',
+            trigger: ['blur', 'change']
+          }
+        }
+      }
     },
-  },
-  onPullDownRefresh() {
+    onLoad(options) {
+      this.formData.id = +options.id;
+      options.name ? uni.setNavigationBarTitle({
+        title: options.name
+      }) : null;
+      this.initData();
+    },
+    onShow() {},
+    methods: {
+      async initData() {
+        try {
+          let res = await approveDetails({
+            id: this.formData.id
+          });
+          this.formData = res.data;
+          this.extend = this.formData?.extend;
+          this.extend.qualification ? this.extend.qualification = JSON.parse(this.extend.qualification) : this.extend
+            .qualification = []
+        } catch (e) {
+          //TODO handle the exception
+        }
+      },
+      async pass() {
+        // check_status 2通过,3拒绝
+        await approveAudit({
+          id: this.formData.id,
+          check_status: 2
+        })
+        this.tipShow = false;
+        this.$nextTick(() => {
+          Toast('已通过');
+        })
+      },
+      async noPass() {
+        await this.$refs.uForm.validate();
+        await approveAudit({
+          id: this.formData.id,
+          check_status: 3,
+          remark: this.formData.remark
+        })
+        this.modalShow = false;
+        this.$nextTick(() => {
+          Toast('已拒绝');
+        })
+      },
+      priview(url) {
+        uni.previewImage({
+          urls: [url],
+          longPressActions: {
+            itemList: ['保存图片'],
+            success: function(data) {
+              if (data.tapIndex === 0) {
+                uni.saveImageToPhotosAlbum({
+                  filePath: url,
+                  success: function() {
+                    uni.showToast({
+                      title: '保存成功',
+                      icon: 'success'
+                    })
+                  },
+                  fail: function() {
+                    uni.showToast({
+                      title: '保存失败',
+                      icon: 'none'
+                    })
+                  }
+                })
+              }
+            }
+          }
+        })
+      },
+    },
+    onPullDownRefresh() {
       uni.stopPullDownRefresh()
     }
   }
 </script>
 
 <style lang="scss">
-.p_list{
-  padding-top: 28rpx;
-  .card{
-    margin: 0 auto;
-    margin-bottom: 28rpx;
-    width: 694rpx;
-    background-color: #fff;
-    border-radius: 26rpx;
-    overflow: hidden;
-    .nav_bar{
-      background-color: #0122c7;
-      padding: 28rpx;
-      color: #fff;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .left{
-        display: flex;
-        font-size: 32rpx;
-        image{
-          width: 40rpx;
-          height: 40rpx;
-          margin-right: 16rpx;
-        }
-      }
-      .right{
-        display: flex;
-        font-size: 28rpx;
-        align-items: center;
-      }
-    }
-    .body{
-      font-size: 28rpx;
-      padding: 28rpx;
-      .b_item{
-        padding-bottom: 16rpx;
-        display: flex;
-        view:nth-child(1){
-          flex-shrink: 0;
-          padding-right: 10rpx;
-        }
-      }
-      .name{
+  .p_list {
+    padding-top: 28rpx;
+
+    .card {
+      margin: 0 auto;
+      margin-bottom: 28rpx;
+      width: 694rpx;
+      background-color: #fff;
+      border-radius: 26rpx;
+      overflow: hidden;
+
+      .nav_bar {
+        background-color: #0122c7;
+        padding: 28rpx;
+        color: #fff;
         display: flex;
         justify-content: space-between;
-        .text{
-          flex: 1;
+        align-items: center;
+
+        .left {
           display: flex;
-          view:nth-child(1){
+          font-size: 32rpx;
+
+          image {
+            width: 40rpx;
+            height: 40rpx;
+            margin-right: 16rpx;
+          }
+        }
+
+        .right {
+          display: flex;
+          font-size: 28rpx;
+          align-items: center;
+        }
+      }
+
+      .body {
+        font-size: 28rpx;
+        padding: 28rpx;
+
+        .b_item {
+          padding-bottom: 16rpx;
+          display: flex;
+
+          view:nth-child(1) {
+            flex-shrink: 0;
+            padding-right: 10rpx;
+          }
+        }
+
+        .name {
+          display: flex;
+          justify-content: space-between;
+
+          .text {
+            flex: 1;
+            display: flex;
+
+            view:nth-child(1) {
+              flex-shrink: 0;
+            }
+          }
+
+          .type {
             flex-shrink: 0;
           }
         }
-        .type{
-          flex-shrink: 0;
+
+        image {
+          width: 638rpx;
+          height: 400rpx;
         }
       }
-      image{
-        width: 638rpx;
-        height: 400rpx;
-      }
     }
   }
-}
-.btn{
-  width: 694rpx;
-  height: 100rpx;
-  margin: 28rpx auto;
-  background-color: #0122c7;
-  border: 1rpx solid #0122c7;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-</style>
+
+  .btn {
+    width: 694rpx;
+    height: 100rpx;
+    margin: 28rpx auto;
+    background-color: #0122c7;
+    border: 1rpx solid #0122c7;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .popup {
+    width: 694rpx;
+    border-radius: 26rpx;
+    background-color: #fff;
+    overflow: hidden;
+
+    .header {
+      text-align: center;
+      background-color: #0122c7;
+      color: #fff;
+      font-size: 32rpx;
+      height: 100rpx;
+      line-height: 100rpx;
+      position: relative;
+
+      image {
+        width: 50rpx;
+        height: 50rpx;
+        position: absolute;
+        right: 28rpx;
+        top: 50%;
+        transform: translate(0, -50%);
+      }
+    }
+
+    .textarea {
+      margin: 0 28rpx;
+      margin-top: 8rpx;
+      padding: 28rpx;
+      background-color: #f4f4f4;
+      font-size: 32rpx !important;
+      border-radius: 26rpx;
+    }
+
+    .p_btn {
+      margin: 28rpx;
+      display: flex;
+      justify-content: space-between;
+
+      .right_btn {
+        display: flex;
+        align-items: center;
+
+        .cal {
+          width: 150rpx;
+          font-size: 30rpx;
+          height: 86rpx;
+          line-height: 86rpx;
+          border-radius: 43rpx;
+          font-size: 30rpx;
+        }
+
+        .pri {
+          background-color: #0122c7;
+          color: #fff;
+          width: 238rpx;
+          height: 86rpx;
+          line-height: 86rpx;
+          border-radius: 43rpx;
+          font-size: 30rpx;
+        }
+      }
+    }
+  }
+  
+  .refuse{
+    width: 694rpx;
+    padding: 28rpx;
+    margin: 0 auto;
+    margin-bottom: 28rpx;
+    border-radius: 26rpx;
+    // border: 1px solid #ff7c32;
+    background-color: rgba(#ff7c32, 0.2);
+    color: #ff7c32;
+  }
+</style>
\ No newline at end of file