暂存

src/Form/payvoucher/add.vue

@@ -16,18 +16,6 @@
                 <el-input v-model="form.enterprisename"  placeholder="请选择经销商" @focus="enterpriseList"></el-input>
               </el-form-item>
             </el-col>
-<!--            <el-col :span="12">
-              <el-form-item label="营销账户" prop="sys_enterpriseid">
-                <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户">
-                  <el-option
-                      v-for="item in enterprises"
-                      :key="item.sys_enterpriseid"
-                      :label="item.enterprisename"
-                      :value="item.sys_enterpriseid">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>-->
             <el-col :span="12" >
               <el-form-item label="营销账户类型:" prop="sa_accountclassid">
                 <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型" style="width: 100%">
@@ -53,24 +41,24 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="分类:" >
-                <el-select v-model="form.sa_accountclassid" placeholder="请选择分类" style="width: 100%">
+                <el-select v-model="form.class" placeholder="请选择分类" style="width: 100%" @change="classChange">
                   <el-option
-                      v-for="item in accountclass"
-                      :key="item.sa_accountclassid"
-                      :label="item.accountname"
-                      :value="item.sa_accountclassid">
+                      v-for="item in classData"
+                      :key="item.rowindex"
+                      :label="item.value"
+                      :value="item.rowindex">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="分类明细:" >
-                <el-select v-model="form.sa_accountclassid" placeholder="请选择分类明细" style="width: 100%">
+                <el-select v-model="form.subclass" placeholder="请选择分类明细" style="width: 100%">
                   <el-option
-                      v-for="item in accountclass"
-                      :key="item.sa_accountclassid"
-                      :label="item.accountname"
-                      :value="item.sa_accountclassid">
+                      v-for="item in subClass"
+                      :key="item.rowindex"
+                      :label="item.value"
+                      :value="item.value">
                   </el-option>
                 </el-select>
               </el-form-item>
@@ -175,7 +163,9 @@ export default {
         source:'',
         sourcenote:'',
         remarks:'',
-        status:'新建'
+        status:'新建',
+        subclass:"",
+        class:""
       },
       rules:{
         sys_enterpriseid:[
@@ -189,7 +179,9 @@ export default {
         ],
       },
       enterprises:[],
-      accountclass:[]
+      accountclass:[],
+      classData:[],
+      subClass:[]
     }
   },
   methods:{
@@ -210,11 +202,12 @@ export default {
       })
     },
     enterpriseList(){
+
       this.visibleEnterprise = true
     },
     /*经销商列表*/
     onEnterprise(data){
-      this.visible = false
+      this.visibleEnterprise = false
       console.log("企业信息",data)
       this.form.sys_enterpriseid = data.sys_enterpriseid
       this.form.enterprisename = data.enterprisename
@@ -223,10 +216,15 @@ export default {
     /*账户类型*/
     async accountList(id){
       const res = await this.$api.requested({
-        "id": "20221008164203",
-        "version":1,
+        "classname": "sysmanage.develop.optiontype.optiontype",
+        "method": "optiontypeselect",
         "content": {
-          "sys_enterpriseid":id
+          "pageNumber": 1,
+          "pageSize": 20,
+          "typename": "cashbillaccountclassselect",
+          "parameter": {
+            "sys_enterpriseid":id
+          }
         }
       })
       console.log(res)
@@ -246,6 +244,15 @@ export default {
         }
       })
       console.log("支出凭证分类",res)
+      this.classData = res.data
+      console.log(this.classData)
+    },
+    classChange(res){
+      console.log("选择",res)
+      console.log("明细",this.classData[res-1])
+      this.form.class = this.classData[res-1].value
+      this.subClass = this.classData[res-1].subvalues
+      console.log("form",this.form)
     }
   },
   created() {

src/Form/recvoucher/add.vue

@@ -1,81 +1,114 @@
 <template>
   <div>
     <el-button size="mini" type="primary" @click="dialogFormVisible = true">新 建</el-button>
-    <el-dialog title="新 建" :visible.sync="dialogFormVisible" width="500px">
-      <div slot="title" style="font-size: 15px">
-        新增收入凭证
+    <el-drawer
+        title="创建支出凭证"
+        :visible.sync="dialogFormVisible"
+        size="35%"
+        direction="rtl"
+        append-to-body
+        @close="dialogFormVisible = false">
+      <div class="drawer__panel">
+        <el-row :gutter="20">
+          <el-form :model="form" :rules="rules" ref="form" label-width="120px" label-position="right" size="mini">
+            <el-col :span="12">
+              <el-form-item label="经销商:" prop="sys_enterpriseid">
+                <el-input v-model="form.enterprisename"  placeholder="请选择经销商" @focus="enterpriseList"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" >
+              <el-form-item label="营销账户类型:" prop="sa_accountclassid">
+                <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型" style="width: 100%">
+                  <el-option
+
+                      v-for="item in accountclass"
+                      :key="item.sa_accountclassid"
+                      :label="item.accountname"
+                      :value="item.sa_accountclassid">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="支出金额:" prop="amount">
+                <el-input v-model="form.amount" placeholder="请输入支出金额"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="状态:" >
+                <el-input v-model="form.status" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="分类:" >
+                <el-select v-model="form.class" placeholder="请选择分类" style="width: 100%" @change="classChange">
+                  <el-option
+                      v-for="item in classData"
+                      :key="item.rowindex"
+                      :label="item.value"
+                      :value="item.rowindex">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="分类明细:" >
+                <el-select v-model="form.subclass" placeholder="请选择分类明细" style="width: 100%">
+                  <el-option
+                      v-for="item in subClass"
+                      :key="item.rowindex"
+                      :label="item.value"
+                      :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注:" >
+                <el-input v-model="form.remarks" type="textarea" rows="5" placeholder="请输入备注信息"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
       </div>
-      <el-row :gutter="20">
-        <el-form :model="form" :rules="rules" ref="form" label-width="120px" label-position="right" size="mini">
-          <el-col :span="20">
-            <el-form-item label="合作企业" prop="sys_enterpriseid">
-              <el-select v-model="form.sys_enterpriseid" placeholder="请选择合作企业">
-                <el-option
-                    v-for="item in enterprises"
-                    :key="item.sys_enterpriseid"
-                    :label="item.enterprisename"
-                    :value="item.sys_enterpriseid">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="20" v-show="form.sys_enterpriseid !== ''">
-            <el-form-item label="营销账户类型" prop="sa_accountclassid">
-              <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型">
-                <el-option
-                    v-for="item in accountclass"
-                    :key="item.sa_accountclassid"
-                    :label="item.accountname"
-                    :value="item.sa_accountclassid">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="20">
-            <el-form-item label="收入金额" prop="amount">
-              <el-input v-model="form.amount" placeholder="请输入收入金额"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="20">
-            <el-form-item label="凭证来源" >
-              <el-input v-model="form.source" placeholder="请输入凭证来源"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="20">
-            <el-form-item label="凭证来源说明" >
-              <el-input v-model="form.sourcenote" placeholder="请输入凭证来源说明"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="20">
-            <el-form-item label="备注" >
-              <el-input v-model="form.remarks" placeholder="请输入备注"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-      <div class="dialog-footer">
+      <div class="fixed__btn__panel">
         <el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
-        <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
+        <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
       </div>
-    </el-dialog>
+    </el-drawer>
+    <enterprise
+        :visible="visibleEnterprise"
+        :index="index"
+        :sa_projectid="form.sa_projectid"
+        v-if="visibleEnterprise"
+        @onEnterprise="onEnterprise">
+    </enterprise>
   </div>
 </template>
 
 <script>
+import enterprise from '@/HDrpManagement/payvoucher/components/enterprise'
 export default {
   name: "add",
+  components:{enterprise},
   data(){
     return {
       dialogFormVisible:false,
+      visibleEnterprise:false,
+      index:'',
       form:{
         sa_cashbillid:0,
+        enterprisename:'',
         sys_enterpriseid:'',
         sa_accountclassid:'',
         type:1,
         amount:'',
         source:'',
         sourcenote:'',
-        remarks:''
+        remarks:'',
+        status:'新建',
+        subclass:"",
+        class:""
       },
       rules:{
         sys_enterpriseid:[
@@ -89,7 +122,9 @@ export default {
         ],
       },
       enterprises:[],
-      accountclass:[]
+      accountclass:[],
+      classData:[],
+      subClass:[]
     }
   },
   methods:{
@@ -109,34 +144,62 @@ export default {
         })
       })
     },
-    async enterprisesList(){
+    enterpriseList(){
+
+      this.visibleEnterprise = true
+    },
+    /*经销商列表*/
+    onEnterprise(data){
+      this.visibleEnterprise = false
+      console.log("企业信息",data)
+      this.form.sys_enterpriseid = data.sys_enterpriseid
+      this.form.enterprisename = data.enterprisename
+
+    },
+    /*账户类型*/
+    async accountList(id){
       const res = await this.$api.requested({
-        "id": "20221008164103",
-        "version":1,
+        "classname": "sysmanage.develop.optiontype.optiontype",
+        "method": "optiontypeselect",
         "content": {
-          "where":{
-            "condition":""
+          "pageNumber": 1,
+          "pageSize": 20,
+          "typename": "cashbillaccountclassselect",
+          "parameter": {
+            "sys_enterpriseid":id
           }
         }
       })
       console.log(res)
-      this.enterprises = res.data
-      console.log(this.enterprises)
+      this.accountclass = res.data
     },
-    async accountList(id){
+    /*分类*/
+    async classList(){
       const res = await this.$api.requested({
-        "id": "20221008164203",
-        "version":1,
+        "classname": "sysmanage.develop.optiontype.optiontype",
+        "method": "optiontypeselect",
         "content": {
-          "sys_enterpriseid":id
+          "pageNumber": 1,
+          "pageSize": 20,
+          "typename": "cashbillpaytype",
+          "parameter": {
+          }
         }
       })
-      console.log(res)
-      this.accountclass = res.data
+      console.log("收入凭证分类",res)
+      this.classData = res.data
+      console.log(this.classData)
+    },
+    classChange(res){
+      console.log("选择",res)
+      console.log("明细",this.classData[res-1])
+      this.form.class = this.classData[res-1].value
+      this.subClass = this.classData[res-1].subvalues
+      console.log("form",this.form)
     }
   },
   created() {
-    this.enterprisesList()
+    this.classList()
   },
   watch:{
     "form.sys_enterpriseid":function (val){

src/HDrpManagement/payvoucher/components/enterprise.vue

@@ -4,7 +4,8 @@
         title="新 建"
         :visible.sync="dialogProjectVisible"
         append-to-body
-        width="900px">
+        width="900px"
+        @close="onColes">
       <div slot="title" style="font-size: 15px">
         选择单位
       </div>

src/HDrpManagement/payvoucher/components/table.vue

@@ -17,6 +17,9 @@
         <template slot-scope="scope">
           <!-- 自定义表格显示内容 -->
           <slot v-if="custom" name="customcol" :column="{data:scope.row,columnname:col.columnname}"></slot>
+          <slot v-if="col.columnname === 'province'" name="province" :data="scope.row">
+            <p>{{scope.row[col.columnname]+'-'+scope.row.city+'-'+scope.row.county}}</p>
+          </slot>
           <!-- 否则就是默认 -->
           <span v-else>{{scope.row[col.columnname]}}</span>
           <!-- 操作结构内容 -->

src/HDrpManagement/payvoucher/details/index.vue

@@ -0,0 +1,123 @@
+<template>
+  <div>
+    <basicDetails
+        ref="details"
+        :titleText="mainData.enterprisename"
+        formPath="publicCustomer"
+        :editData="mainData"
+        :mainAreaData="mainAreaData"
+        :turnPageId="20221011133602"
+        idname="sa_customersid"
+        tags=""
+        :tabs="['详细信息']"
+        @pageChange="pageChange"
+        @onEditSuccess="queryMainData($route.query.id)">
+      <div slot="tags">
+        <tagPanl slot="tags" :data="tagObj" :id="mainData.sa_customersid" @onSuccess="queryMainData"/>
+        <!-- 使用此插槽可不传[tags] -->
+        <!-- :tabs="['经销商团队','代理区域','营销类别','账户余额']" -->
+      </div>
+      <div slot="customOperation">
+        <!-- 此区域提供了自定义操作按钮 -->
+<!--        <div class="inline-16" v-if="tool.checkAuth($route.name,'receive') && mainData.freeget === 1 && length === 0 ">
+          <receive  :id="mainData.sa_customersid" @onshow="show"></receive>
+        </div>
+        <div class="inline-16" v-if="tool.checkAuth($route.name,'distribution') && length === 0">
+          <distribution  :data="mainData" @onshow="onSuccess" @setSuccess="onSuccess"></distribution>
+        </div>
+        <div class="inline-16" v-if="tool.checkAuth($route.name,'toVoid')">
+          <to_void  :id="mainData.sa_customersid" @onshow="onSuccess" @toVoidSuccess="onSuccess"></to_void>
+        </div>-->
+      </div>
+<!--      <div slot="slot0" >
+        <detailed ref="detailed"></detailed>
+      </div>
+      <div slot="slot1" class="container normal-panel">
+        <contacts :data="mainData" v-if="flag"></contacts>
+      </div>
+      <div slot="slot2" class="container normal-panel">
+        <address_manage :data="mainData"  v-if="flag"></address_manage>
+      </div>-->
+    </basicDetails>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data(){
+    return {
+      mainData:{},
+      mainAreaData:[],
+    }
+  },
+  methods:{
+    async queryMainData(id){
+      const res = await this.$api.requested({
+        "id": "20221009103003",
+        "version":1,
+        "content": {
+          "sa_cashbillid":id
+        }
+      })
+      this.mainData = res.data
+      this.changeDataStructure()
+      console.log("支出凭证详情")
+      console.log(this.mainData)
+    },
+    changeDataStructure(){
+      this.mainAreaData = [
+        {
+          label:'单号',
+          value:this.mainData.billno
+        },
+        {
+          label:'单据日期',
+          value:this.mainData.createdate
+        },
+        {
+          label:'经销商',
+          value:this.mainData.enterprisename
+        },
+        {
+          label:'账户类型',
+          value:this.mainData.accountname
+        },
+        {
+          label:'支出金额',
+          value:this.mainData.accountno
+        },
+        {
+          label:'分类',
+          value:this.mainData.class
+        },
+        {
+          label:'分类明细',
+          value:this.mainData.subclass
+        },
+        {
+          label:'状态',
+          value:this.mainData.status
+        },
+        {
+          label:'备注',
+          value:this.mainData.remarks
+        }
+      ]
+    },
+    // 监听切换数据,上一页,下一页
+    pageChange (id,rowindex) {
+      this.flag = false
+      this.$router.replace({path:'/payvoucherDetails',query:{id:id,rowindex:rowindex}})
+      this.queryMainData(id)
+    },
+  },
+  created() {
+    this.queryMainData(this.$route.query.id)
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/payvoucher/details/modules/detailedData.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "detailed"
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/payvoucher/index.vue

@@ -1,10 +1,19 @@
 <template>
   <div>
-    <basicLayout ref="list" formPath="payvoucher" tableName="payvoucherTable" idName="sa_cashbillid" :apiId="{query:20221010102903,del:20221009103203}" :options="options">
+    <basicLayout
+        ref="list"
+        formPath="payvoucher"
+        tableName="payvoucherTable"
+        idName="sa_cashbillid"
+        :apiId="{query:20221010102903,del:20221009103203}"
+        :options="options"
+        :detailPath="{
+        path:'/payvoucherDetails'
+        }">
       <div slot="custom" style="display:flex">
         <label class="search__label " style="margin: auto;width: 90px;">营销账户类型:</label>
         <el-select class="inline-16" @change="selectChange" v-model="selectParam.accountname" placeholder="请选择营销账户类型" size="small" clearable>
-          <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.value" :label="item.value"></el-option>
+          <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.accountname" :label="item.accountname"></el-option>
         </el-select>
         <label class="search__label " style="margin: auto;width: 35px;">状态:</label>
         <el-select class="inline-16" @change="selectChange" v-model="selectParam.status" placeholder="请选择状态" size="small" clearable>
@@ -88,7 +97,7 @@ export default {
         "content": {
           "pageNumber": 1,
           "pageSize": 20,
-          "typename": "accountname",
+          "typename": "cashbillaccountclassquery",
           "parameter": {
           }
         }

src/HDrpManagement/recvoucher/components/enterprise.vue

@@ -0,0 +1,141 @@
+<template>
+  <div>
+    <el-dialog
+        title="新 建"
+        :visible.sync="dialogProjectVisible"
+        append-to-body
+        width="900px"
+        @close="onColes"
+      >
+      <div slot="title" style="font-size: 15px">
+        选择单位
+      </div>
+      <layout_table
+          ref="projectTable"
+          :layout="tablecols"
+          :data="list"
+          :opwidth="200"
+          :custom="false"
+          :height="320"
+          :checkbox="true"
+          :onRow="row"
+          @rowClick="rowClick"
+          @onRow="onRow"
+      >
+      </layout_table>
+      <div style="margin-top:16px;text-align:right">
+        <el-pagination
+            background
+            small
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-size="params.content.pageSize"
+            layout="total, prev, pager, next, jumper"
+            :total="total">
+        </el-pagination>
+      </div>
+      <div class="dialog-footer">
+        <el-button size="small" @click="onColes" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="warning" class="normal-btn-width btn-warning"  @click="onSubmit">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import layout_table from '../components/table'
+export default {
+  name: "enterprise",
+  props:["visible","index"],
+  data(){
+    return {
+      dialogProjectVisible:false,
+      bill_id:"",
+      tablecols:[],
+      list:[],
+      total:0,
+      currentPage:0,
+      row:"",
+      params:{
+        "id": 20220920083901,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "where": {
+            "condition": "",
+            "type":1,//1:经销商，2：客户，3：其他，不传查全部,4:查询项目缔约方，sa_projectid必传
+            "sa_projectid":""
+          }
+        }
+      }
+    }
+  },
+  components:{layout_table},
+  mounted() {
+    console.log(this.visible)
+    this.dialogProjectVisible = true
+    console.log(this.index)
+    this.listData()
+  },
+  methods:{
+    async listData(){
+        const res = await this.$api.requested(this.params)
+        this.list = res.data
+        this.total = res.total
+        console.log(this.list[0])
+        if (this.index !== ''){
+          this.toggleSelection([this.list[this.index]])
+        }
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+    onColes(){
+      this.dialogProjectVisible = false
+      this.$emit("onEnterprise")
+    },
+    onRow(row){
+
+      this.row = row
+    },
+    onSubmit(){
+
+      this.dialogProjectVisible = false
+      this.$emit("onEnterprise",this.row)
+
+    },
+    toggleSelection(rows) {
+      console.log("保存")
+      console.log(rows)
+      if (rows) {
+        rows.forEach(row => {
+          this.$refs.projectTable.$refs.tables.setCurrentRow(row);
+        });
+      } else {
+        this.$refs.projectTable.$refs.tables.clearSelection();
+      }
+    },
+    rowClick(row){
+      console.log("选中")
+      console.log(row)
+    }
+
+  },
+
+  created() {
+    this.tablecols = this.tool.tabelCol(this.$route.name).enterpriseTable.tablecols
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/recvoucher/components/table.vue

@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <el-table ref="tables"
+              :row-class-name="tableClassName"
+              v-loading="loading" highlight-current-row
+              :data="data"
+              :header-cell-style="{background:'#EEEEEE',color:'#333'}" size="mini"
+              :height="height" @row-click="rowClick" style="width:100%"
+               border
+              @select="select"
+      >
+      <el-table-column
+          type="selection"
+          width="55" @handleSelectionChange="handleSelectionChange"  v-if="checkbox">
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="col.title == '来源' || col.title == '地址' || col.title == '备注'" v-for="col in layout" :key="col.tablecolid" :prop="col.columnname" :label="col.title" :width="col.width">
+        <template slot-scope="scope">
+          <!-- 自定义表格显示内容 -->
+          <slot v-if="custom" name="customcol" :column="{data:scope.row,columnname:col.columnname}"></slot>
+          <slot v-if="col.columnname === 'province'" name="province" :data="scope.row">
+            <p>{{scope.row[col.columnname]+'-'+scope.row.city+'-'+scope.row.county}}</p>
+          </slot>
+          <!-- 否则就是默认 -->
+          <span v-else>{{scope.row[col.columnname]}}</span>
+          <!-- 操作结构内容 -->
+          <slot v-if="col.columnname === 'operation'" name="opreation" :data="scope.row"></slot>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {mapGetters} from "vuex"
+export default {
+  /*
+    layout:表结构数据;
+    data:表渲染数据;
+    custom:是否启用自定义结构;
+    opwidth:操作列宽度
+  */
+  props:['layout','data','custom','height','checkbox','onRow'],
+  data () {
+    return {
+      list:[],
+      bill_id:""
+    }
+  },
+  computed:{
+    ...mapGetters({
+      loading:'loading'
+    })
+  },
+  methods:{
+    rowClick (row) {
+      this.$emit('rowClick',row)
+    },
+    tableClassName ({row,rowIndex}) {
+      row.index = rowIndex
+    },
+    select(selection, row){
+      console.log(row)
+      this.bill_id = row.id;
+      this.$emit("onRow",row)
+      // 清除 所有勾选项
+      this.$refs.tables.clearSelection()
+      // 当表格数据都没有被勾选的时候 就返回
+      // 主要用于将当前勾选的表格状态清除
+      if(selection.length === 0) return
+      this.$refs.tables.toggleRowSelection(row, true);
+    },
+    handleSelectionChange(val) {
+      if (val.length >= 2){
+        this.$refs.tables.clearSelection();
+      }
+      this.$emit('checkboxCallBack',val)
+    },
+    isCheck(row,rowIndex) {
+
+    },
+    setCurrentRow(row){
+      console.log("执行力")
+      console.log(row)
+      /*this.$refs.tables.setCurrentRow(row);*/
+    },
+    toggleRowSelection(row, selected){
+
+    }
+  },
+  mounted () {
+    // this.listData()
+    console.log("初始化输出")
+    console.log(this.onRow)
+  }
+}
+
+</script>
+<style>
+
+</style>

src/HDrpManagement/recvoucher/index.vue

@@ -4,7 +4,7 @@
       <div slot="custom" style="display:flex">
         <label class="search__label " style="margin: auto;width: 90px;">营销账户类型:</label>
         <el-select class="inline-16" @change="selectChange" v-model="selectParam.accountname" placeholder="请选择营销账户类型" size="small" clearable>
-          <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.value" :label="item.value"></el-option>
+          <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.accountname" :label="item.accountname"></el-option>
         </el-select>
         <label class="search__label " style="margin: auto;width: 35px;">状态:</label>
         <el-select class="inline-16" @change="selectChange" v-model="selectParam.status" placeholder="请选择状态" size="small" clearable>
@@ -87,7 +87,7 @@ export default {
         "content": {
           "pageNumber": 1,
           "pageSize": 20,
-          "typename": "accountname",
+          "typename": "cashbillaccountclassquery",
           "parameter": {
           }
         }

src/router/HDrpManagement.js

@@ -96,7 +96,19 @@ const HDrpManagement = [
       ast_nav: true,
       keeproute: true
     },
-    component: () => import('@/HDrpManagement/payvoucher/index')
+    component: () => import('@/HDrpManagement/payvoucher/index'),
+    children: [
+      {
+        path: '/payvoucherDetails',
+        name: 'payvoucher',
+        meta: {
+          title: '支出凭证详情',
+          ast_nav: true,
+          keeproute: true
+        },
+        component: () => import('@/HDrpManagement/payvoucher/details/index')
+      }
+    ]
   },{
     path: '/recvoucher',
     name: 'recvoucher',