feat:批发流程合规

package.json

@@ -26,7 +26,7 @@
     "iscroll": "^5.2.0",
     "js-cookie": "^2.2.0",
     "js-md5": "^0.7.3",
-    "jsencrypt": "^3.0.0-rc.1",
+    "jsencrypt": "^3.2.1",
     "jspdf": "^1.5.3",
     "node-sass": "^4.9.2",
     "pdfh5": "^1.3.9",

src/router/router.js

@@ -82,6 +82,8 @@ const plazaList = r => require.ensure([], () => r(require('../views/plaza/plaza-
 const activityMember = r => require.ensure([], () => r(require('../views/activitymanagement/activity-member.vue')), 'activity-member')
 
 const videoManage = r => require.ensure([], () => r(require('../views/shortvideo/video-manage.vue')), 'video-manage')
+const qualificationList = r => require.ensure([], () => r(require('../views/qualification/list.vue')), 'qualification')
+const qualificationDetail = r => require.ensure([], () => r(require('../views/qualification/detail.vue')), 'qualification')
 
 export default [{
     path: '/',
@@ -347,7 +349,14 @@ export default [{
             path: 'video-manage',
             component: videoManage,
         },
-
+        {
+          path: 'qualification-list',
+          component:qualificationList
+        },
+        {
+          path: 'qualification-detail',
+          component:qualificationDetail
+        },
       // {
       //   path: '/followup',
       //   name: 'followUp',

src/style/global.scss

 @import './common.scss';
+// color
+.c0D9078{
+  color:#0D9078;
+}
 //定位
 .relative{
     position: relative;
@@ -18,9 +22,19 @@
     display: flex;
     justify-content: flex-end;
 }
+.flex1{
+  flex: 1;
+}
 .textLeft{
     float: left;
 }
+.cp{
+  cursor: pointer;
+}
+.flex-c{
+  display: flex;
+  align-items: center;
+}
 .center{
     text-align: center;
 }

src/utils/mixins.js

 import fetch from '@/utils/fetch'
 import { getBaseUrl, getReportUrl, getWorkApi, getCmsUrl } from '@/utils/index'
 import { CryptoJS } from '@/plugins/aes'
-import 'jsencrypt'
+import JSEncrypt from 'jsencrypt'
 
 import { getPubKey } from '@/utils/account/accountApi';
 

src/utils/qualification/index.js

+import fetch from '../fetch';
+import { getBaseUrl, getSaasDomain, getSaasApiDomain } from '@/utils/index'
+let headers = {
+  'Content-Type': 'application/json;charset=UTF-8',
+  token: localStorage.getItem('storageToken'),
+};
+export const getCertifyList = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`certify/list`),
+    method: 'post',
+    data:params,
+    description: '审核记录列表(批发和供应商)',
+  })
+};
+export const getCertifyHistory = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`certify/certifyHistory`),
+    method: 'get',
+    data:params,
+    description: '查看审核历史',
+  })
+};
+
+
+
+export const getCertifyDetail = (storeId) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`certify/certifyDetail`),
+    method: 'get',
+    description: '获取认证申请的审核详情',
+  })
+};
+export const getRefuseTemplate = (storeId) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cert/constant/refuse/template`),
+    method: 'get',
+    description: '获取错误模板',
+  })
+};

src/views/qualification/components/historyDialog.vue

+<template>
+  <el-dialog
+    title="提示"
+    :visible.sync="hidden"
+    width="80%"
+    :before-close="handleClose">
+    <el-table :data="gridData">
+      <el-table-column property="date" label="审核时间" ></el-table-column>
+      <el-table-column property="name" label="审核人" ></el-table-column>
+      <el-table-column property="address" label="审核结果"></el-table-column>
+      <el-table-column property="address" label="失败原因" width="200">
+        <template class="">
+
+        </template>
+      </el-table-column>
+      <el-table-column property="address" label="操作"></el-table-column>
+    </el-table>
+    <div class="pagination">
+        <el-pagination
+            background
+            @size-change="handleSizeChange"
+            @current-change="handleNumChange"
+            :current-page="pageNo"
+            :page-sizes="[10, 30, 50, 100]"
+            :page-size="pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total"
+        ></el-pagination>
+    </div>
+  </el-dialog>
+</template>
+<script>
+
+import { getCertifyHistory } from '@/utils/qualification'
+export default {
+props:{
+  hidden:{
+    type:Boolean,
+    default:() => {
+      return false;
+    }
+  },
+  id:{
+    type:Number,
+    default:() => {
+      return 0;
+    }
+  }
+},
+data () {
+return {
+  pageNo:0,
+  pageSize:10,
+  total:100,
+  gridData:[],
+}
+},
+created(){},
+methods:{
+  init(){
+    const params = {
+      certificateInfoId:this.id,
+      pageNo:this.pageNo,
+      pageSize:this.pageSize
+    }
+    getCertifyHistory(params).then(res => {
+
+    })
+  },
+  handleSizeChange() {},
+  handleNumChange() {},
+  show() {
+
+  },
+  handleClose(){
+
+   this.$emit('close')
+  }
+}
+}
+</script>
+<style lang='less' scoped>
+</style>

src/views/qualification/components/refuseDialog.vue

+<template>
+  <el-dialog
+    title="拒绝原因"
+    :visible.sync="dialogVisible"
+    width="40%"
+    :before-close="handleClose"
+  >
+    <div class="refuse-dialog">
+      <el-radio
+        v-model="checkId"
+        v-for="item in list"
+        :key="item.id"
+        :label="item.id"
+        >{{ item.name }}</el-radio
+      >
+      <el-radio v-model="checkId" :label="4">手动输入</el-radio>
+      <el-input
+        v-if="checkId === -1"
+        type="textarea"
+        placeholder="请输入拒绝原因"
+        v-model="refuse"
+        maxlength="30"
+        show-word-limit
+      />
+    </div>
+    <div class="btn">
+      <el-button type="default" size="small" @click="handleClose"
+        >取消</el-button
+      >
+      <el-button type="primary" size="small" @click="confirm">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { getRefuseTemplate } from "@/utils/qualification";
+
+export default {
+  props: {},
+  data() {
+    return {
+      dialogVisible: false,
+      checkId: -1,
+      refuse: "",
+      list:[],
+      type:''
+    };
+  },
+  created() {},
+  methods: {
+    init(type) {
+      this.type = type
+      getRefuseTemplate({ type }).then((res) => {
+        console.log(res);
+        this.list = res.data || []
+      });
+    },
+    show() {
+      this.dialogVisible = true;
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    confirm() {
+      const params = {
+        refuseTemplateNo:this.checkId,
+        infoType:this.type
+      }
+      if(this.checkId === -1) {
+        params.refuseContent = this.refuse
+      } else {
+        params.refuseContent = this.list.filters(v => {
+          return v.id === checkId
+        })[0].name
+      }
+      this.handleClose();
+      this.$emit("confirm",params);
+    },
+  },
+};
+</script>
+<style lang='less' scoped>
+.refuse-dialog {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 20px;
+}
+.btn {
+  text-align: right;
+}
+</style>