佣金详情，佣金列表页面布局

src/api/ecw/customerCommission.js

+import request from '@/utils/request'
+
+// 创建客户佣金类型
+export function createCustomerCommission(data) {
+  return request({
+    url: '/ecw/customer-commission/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新客户佣金类型
+export function updateCustomerCommission(data) {
+  return request({
+    url: '/ecw/customer-commission/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除客户佣金类型
+export function deleteCustomerCommission(id) {
+  return request({
+    url: '/ecw/customer-commission/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得客户佣金类型
+export function getCustomerCommission(id) {
+  return request({
+    url: '/ecw/customer-commission/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得客户佣金类型分页
+export function getCustomerCommissionPage(query) {
+  return request({
+    url: '/ecw/customer-commission/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出客户佣金类型 Excel
+export function exportCustomerCommissionExcel(query) {
+  return request({
+    url: '/ecw/customer-commission/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
+

src/router/index.js

@@ -216,7 +216,19 @@ export const constantRoutes = [
         meta: {title: '货架设置', activeMenu: '/warehouse/shelf'}
       }
     ]
-  }
+  },
+  {
+    path: '/customer',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [{
+      path: '/customerCommissionInfo/:dictId(\\d+)',
+      component: (resolve) => require(['@/views/ecw/customerCommissionInfo/index'], resolve),
+      name: 'customerCommissionInfo',
+      meta: {title: '佣金详情', icon: '', activeMenu: '/customer/customerCommissionInfo'}
+    }]
+  },
 ]
 
 // 防止连续点击多次路由报错

src/utils/dict.js

@@ -86,6 +86,7 @@ export const DICT_TYPE = {
   AREA_CODE: 'area_code', // 区号
   SOCIAL: 'customer_social_tools', // 社交软件
   IS_DEFAULT: 'is_default', // 默认联系人
+ COMMISSION_PRODUCT_APPROVAL:'commission_product_approval' //佣金备案
 
 }
 

src/views/ecw/customerCommissionInfo/customSelectorsDictionary.vue

+<template>
+  <el-select v-if="options" v-model="selectVal" placeholder="请选择">
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value">
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+export default {
+  name: "customSelectorsDictionary",
+  props:{
+    options:Array,
+    value:String
+  },
+  data(){
+    return{
+      selectVal:''
+    }
+  },
+  watch:{
+    selectVal(val){
+      this.$emit('input',val)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+</style>

src/views/ecw/messageLeave/index.vue

@@ -67,7 +67,7 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['ecw:message-leave:update']">修改</el-button>
+                     v-hasPermi="['ecw:message-leave:update']">查看</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                      v-hasPermi="['ecw:message-leave:delete']">删除</el-button>
         </template>
@@ -119,13 +119,55 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 留言详情-->
+    <el-dialog title="留言详情" :visible.sync="leavingShow" width="500px" append-to-body>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">客户编号:</el-col><el-col :span="12">{{}}</el-col>
+      </el-row>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">姓名:</el-col><el-col :span="12">{{messageVal.name ? messageVal.name : ''}}</el-col>
+      </el-row>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">联系方式:</el-col><el-col :span="12">{{messageVal.phone}}</el-col>
+      </el-row>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">当前状态:</el-col><el-col :span="12">{{messageVal.status === 1 ? '待回复' : '已回复'}}</el-col>
+      </el-row>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">订单编号:</el-col><el-col :span="12">{{messageVal.orderCode}}</el-col>
+      </el-row>
+      <el-row class="el-row-leaving" :gutter="10">
+        <el-col :span="4">留言类型:</el-col><el-col :span="12">{{messageVal.type === 1 ? '咨询':'建议'}}</el-col>
+      </el-row>
+       <div style="background-color:#cccccc;padding:10px 20px;">
+         <el-row class="el-row-leaving" :gutter="10">
+           <el-col :span="4">{{messageVal.type === 1 ? '咨询':'建议'}}时间:</el-col><el-col :span="12">{{parseTime(messageVal.createTime)}}</el-col>
+         </el-row>
+         <el-row class="el-row-leaving" :gutter="10">
+           <el-col :span="4">{{messageVal.type === 1 ? '咨询':'建议'}}类容:</el-col><el-col :span="12">{{messageVal.content}}</el-col>
+         </el-row>
+       </div>
+      <div style="background-color:#f6f6f6;padding:10px 20px;margin-top: 20px;">
+        <el-row v-if="messageVal.status === 2" class="el-row-leaving" :gutter="10">
+          <el-col :span="4">回复人:</el-col><el-col :span="12">{{messageVal.replyUserId}}</el-col>
+        </el-row>
+        <el-row v-if="messageVal.status === 2" class="el-row-leaving" :gutter="10">
+          <el-col :span="4">回复时间:</el-col><el-col :span="12">{{parseTime(messageVal.replyTime)}}</el-col>
+        </el-row>
+        <el-row class="el-row-leaving" :gutter="10">
+          <el-col :span="4">回复类容:</el-col><el-col :span="12"><el-input type="textarea" v-model="messageVal.replyContent" :disabled="messageVal.status === 2"></el-input></el-col><el-col :span="4"><el-button v-if="messageVal.status === 1" @click="replyFn">回复</el-button></el-col>
+        </el-row>
+      </div>
+      <div slot="footer" style="text-align: center;">
+        <el-button type="primary" @click="leavingShow = false;">关 闭</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { createMessageLeave, replyMessageLeave, updateReply, deleteMessageLeave, getMessageLeave, getMessageLeavePage, exportMessageLeaveExcel } from "@/api/ecw/messageLeave"
 import { getDictDatas, DICT_TYPE } from '@/utils/dict'
-
 export default {
   name: "MessageLeave",
   components: {
@@ -133,6 +175,7 @@ export default {
   },
   data() {
     return {
+        leavingShow:false,//留言详请弹窗
       // 遮罩层
       loading: true,
       // 导出遮罩层
@@ -160,6 +203,19 @@ export default {
       },
       // 表单参数
       form: {},
+      messageVal:{
+        content: "",
+        createTime: "",
+        id: undefined,
+        name: "",
+        orderCode: "",
+        phone: "",
+        replyContent: "",
+        replyTime: "",
+        replyUserId: undefined,
+        status: 0,
+        type: 0
+      },
       // 表单校验
       rules: {
       }
@@ -226,8 +282,8 @@ export default {
       const id = row.id;
       getMessageLeave(id).then(response => {
         this.form = response.data;
-        this.open = true;
-        this.title = "修改留言";
+        this.messageVal = response.data;
+        this.leavingShow = true;
       });
     },
     /** 提交按钮 */
@@ -236,15 +292,6 @@ export default {
         if (!valid) {
           return;
         }
-        // 修改的提交
-        if (this.form.id != null) {
-          replyMessageLeave(this.form).then(response => {
-            this.$modal.msgSuccess("修改成功");
-            this.open = false;
-            this.getList();
-          });
-          return;
-        }
         // 添加的提交
         createMessageLeave(this.form).then(response => {
           this.$modal.msgSuccess("新增成功");
@@ -278,7 +325,19 @@ export default {
           this.$download.excel(response, '${table.classComment}.xls');
           this.exportLoading = false;
         }).catch(() => {});
+    },
+    replyFn(){
+      replyMessageLeave({id:this.messageVal.id, replyContent:this.messageVal.replyContent,}).then(response => {
+        this.$modal.msgSuccess("修改成功");
+       this.leavingShow = false;
+        this.getList();
+      });
     }
   }
 };
 </script>
+<style lang="scss" scoped>
+ .el-row-leaving{
+ margin-bottom: 10px;
+}
+</style>