页面修改

src/components/sale/peerInfo/withdraw.vue

 <template>
   <div class="withdraw">
-    <q-table
-      :loading="loading"
-      no-data-label="暂无相关数据"
-      flat
-      class="sticky-column-table "
-      separator="none"
-      :data="dataList"
-      :columns="columns"
-      row-key="name"
-    >
+    <q-table :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table " separator="none"
+      :data="dataList" :columns="columns" row-key="name">
       <template v-slot:body-cell-CustomerName="props">
         <q-td :props="props">
           <q-avatar rounded size="sm" v-if="props.row.CustomerImage">
             <img :src="props.row.CustomerImage" />
           </q-avatar>
-          <q-avatar
-            rounded
-            size="sm"
-            color="teal-10"
-            text-color="white"
-            v-if="!props.row.CustomerImage"
-            >{{ props.row.CustomerName.substring(0, 1) }}</q-avatar
-          >
+          <q-avatar rounded size="sm" color="teal-10" text-color="white" v-if="!props.row.CustomerImage">
+            {{ props.row.CustomerName.substring(0, 1) }}</q-avatar>
           {{ props.row.CustomerName }}
         </q-td>
       </template>
@@ -75,28 +61,14 @@
       </template>
       <template v-slot:body-cell-optioned="props">
         <q-td :props="props" style="width:100px;">
-          <q-btn
-            v-if="props.row.AuditStatus == 1"
-            flat
-            size="xs"
-            icon="edit"
-            color="done"
-            style="font-weight:400"
-            label="审核"
-            @click="operation(props.row)"
-          />
+          <q-btn v-if="props.row.AuditStatus == 1" flat size="xs" icon="edit" color="done" style="font-weight:400"
+            label="审核" @click="operation(props.row)" />
         </q-td>
       </template>
 
       <template v-slot:bottom>
-        <q-pagination
-          class="full-width justify-end"
-          v-model="msg.pageIndex"
-          color="primary"
-          :max="pageCount"
-          :input="true"
-          @input="changePage"
-        />
+        <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+          :input="true" @input="changePage" />
       </template>
     </q-table>
     <q-dialog v-model="isShow" persistent>
@@ -108,8 +80,7 @@
         <q-card-section class="q-pt-none" style="margin-top: 15px;padding:10px 20px;">
           <q-radio v-model="remitMsg.State" val="1" label="审核通过" />
           <q-radio v-model="remitMsg.State" val="2" label="审核驳回" />
-                    <q-input filled clearable v-model="remitMsg.Remark" label="备注"
-                        style="margin-top: 20px;"    type="textarea"/>
+          <q-input filled clearable v-model="remitMsg.Remark" label="备注" style="margin-top: 20px;" type="textarea" />
         </q-card-section>
         <q-separator />
         <q-card-actions align="right" class="bg-white">
@@ -121,43 +92,52 @@
   </div>
 </template>
 <script>
-import {
+  import {
     getCustomerRemitPageList,
     setCustomerRemitState
-} from '../../../api/sale/peemanagement';
+  } from '../../../api/sale/peemanagement';
 
-export default {
+  export default {
     meta: {
       title: "同行审批"
     },
     components: {
 
     },
-    props:{
-      Type:{
-          type:Number,
-          default:1
+    props: {
+      Type: {
+        type: Number,
+        default: 1
       },
-      Id:{
-          type:Number,
-          default:0
+      Id: {
+        type: Number,
+        default: 0
       }
     },
     data() {
       return {
         pageCount: 0,
-            isShow:false,
+        isShow: false,
         msg: {
           pageIndex: 1,
           pageSize: 12,
           rowsPerPage: 12,
           Type: '0', //	类型 1返佣 2幸福存折
           AuditStatus: '0', //状态 1申请中 2待打款 3已打款 4拒绝
-                CustomerId:0
-
+          CustomerId: 0,
+          CategoryId: 0,
         },
         loading: false,
-            TypeList: [{ label: "全部", value: "0", }, { label: "返佣", value: "1", }, { label: "幸福存折", value: "2", }],
+        TypeList: [{
+          label: "全部",
+          value: "0",
+        }, {
+          label: "返佣",
+          value: "1",
+        }, {
+          label: "幸福存折",
+          value: "2",
+        }],
         //审核状态列表
         ApproveStateList: [{
             label: "不限",
@@ -177,8 +157,7 @@ export default {
             value: "4",
           },
         ],
-            columns: [
-                {
+        columns: [{
             name: 'CustomerName',
             label: '客户信息',
             field: 'CustomerName',
@@ -239,26 +218,20 @@ export default {
             field: 'CreateDate',
             align: 'left'
           },
-
-                // {
-                //     name: 'optioned',
-                //     label: '操作',
-                //     field: 'QuestionId'
-                // }
         ],
         dataList: [],
         //判断显示
         authObj: {
           isShowAudit: true,
         },
-            remitMsg:{
-                RemitId:0,
-                State:1,
-                Remark:'',
+        remitMsg: {
+          RemitId: 0,
+          State: 1,
+          Remark: '',
         }
       }
     },
-    created() { },
+    created() {},
     mounted() {
       this.getList();
     },
@@ -275,8 +248,8 @@ export default {
       },
       //获取分页数据
       getList() {
-            this.msg.Type=this.Type
-            this.msg.CustomerId=this.Id
+        this.msg.Type = this.Type
+        this.msg.CategoryId = this.Id
         getCustomerRemitPageList(this.msg).then(res => {
           this.dataList = res.Data.PageData;
           this.loading = false;
@@ -285,13 +258,13 @@ export default {
           this.loading = false
         })
       },
-        operation(row,type){
+      operation(row, type) {
         this.remitMsg.RemitId = row.Id;
         this.remitMsg.State = '1';
         this.remitMsg.Remark = '';
         this.isShow = true
       },
-        submit(){            
+      submit() {
         setCustomerRemitState(this.remitMsg).then(res => {
           this.$q.notify({
             icon: 'iconfont icon-chenggong',
@@ -307,25 +280,29 @@ export default {
         })
       }
     }
-}
+  }
 </script>
 <style>
-.withdraw ::-webkit-scrollbar {
+  .withdraw ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
-}
-.withdraw ::-webkit-scrollbar-track {
+  }
+
+  .withdraw ::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 2px;
-}
-.withdraw ::-webkit-scrollbar-thumb {
+  }
+
+  .withdraw ::-webkit-scrollbar-thumb {
     background: #444;
     border-radius: 10px;
-}
-.withdraw ::-webkit-scrollbar-thumb:hover {
+  }
+
+  .withdraw ::-webkit-scrollbar-thumb:hover {
     background: #999;
-}
-.withdraw ::-webkit-scrollbar-corner {
+  }
+
+  .withdraw ::-webkit-scrollbar-corner {
     background: #204754;
-}
+  }
 </style>
\ No newline at end of file