|
|
@@ -1,194 +1,196 @@
|
|
|
<template>
|
|
|
<!--布局容器-->
|
|
|
<div class="container" style="width: 99%; margin-top: 0px">
|
|
|
- <templateTable
|
|
|
- custom
|
|
|
- :formList="formList"
|
|
|
- ref="templateTable"
|
|
|
- :searchData.sync="searchData"
|
|
|
- :tableConfig="tableConfig"
|
|
|
- :data="tableData"
|
|
|
- :btnGroup="btnGroup"
|
|
|
- @findPage="findPage"
|
|
|
- @handleSearchList="handleSearchList"
|
|
|
- :pagination="pageData"
|
|
|
- @getList="getList"
|
|
|
- >
|
|
|
- <template slot="内部机构">
|
|
|
- <el-select v-model="labelData" placeholder="请选择" :popper-append-to-body="false" style="width: 100%" size="small">
|
|
|
- <el-option :value="selectTree" class="deptOption" disabled>
|
|
|
- <el-tree :data="treedata" :props="defaultProps" ref="tree" :highlight-current="true" @node-click="handleNodeClick" default-expand-all></el-tree>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- <template slot="保司机构">
|
|
|
- <el-cascader v-model="pageData.partnerCompaniesIdList" size="small" :show-all-levels="false" ize="small"
|
|
|
- :options="ztreeNodes" :props="optionProps" clearable filterable></el-cascader>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template slot="dockingPerson">
|
|
|
- <el-select v-model="pageData.dockingPerson" filterable clearable placeholder="请选择" size="small">
|
|
|
- <el-option
|
|
|
- v-for="item in dockingPersonOption"
|
|
|
- :key="item.docking_person"
|
|
|
- :label="item.docking_person"
|
|
|
- :value="item.docking_person">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- <div v-if="!Object.keys(moneyList).length == 0">
|
|
|
- <el-row class="customStyle" >
|
|
|
- <el-col :span="4">总手续费：{{moneyList.commissionFeevalue}}</el-col>
|
|
|
- <el-col :span="4">已开票手续费：{{moneyList.allInvoicCommissionFeevalue}}</el-col>
|
|
|
- <el-col :span="4">已开票已结算手续费：{{moneyList.readyCommissionFeevalue}}</el-col>
|
|
|
- <el-col :span="4">已开票未结算手续费：{{moneyList.invoicCommissionFeevalue}}</el-col>
|
|
|
- <el-col :span="4">未开票手续费：{{moneyList.noInvoicCommissionFeevalue}}</el-col>
|
|
|
- <el-col :span="4">未结算手续费：{{moneyList.unSettledAmount}}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
+ <templateTable custom :formList="formList" ref="templateTable" :searchData.sync="searchData"
|
|
|
+ :tableConfig="tableConfig" :data="tableData" :btnGroup="btnGroup" @findPage="findPage"
|
|
|
+ @handleSearchList="handleSearchList" :pagination="pageData" @getList="getList">
|
|
|
+ <template slot="内部机构">
|
|
|
+ <el-select v-model="labelData" placeholder="请选择" :popper-append-to-body="false" style="width: 100%" size="small">
|
|
|
+ <el-option :value="selectTree" class="deptOption" disabled>
|
|
|
+ <el-tree :data="treedata" :props="defaultProps" ref="tree" :highlight-current="true"
|
|
|
+ @node-click="handleNodeClick" default-expand-all></el-tree>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <template slot="保司机构">
|
|
|
+ <el-cascader v-model="pageData.partnerCompaniesIdList" size="small" :show-all-levels="false" ize="small"
|
|
|
+ :options="ztreeNodes" :props="optionProps" clearable filterable></el-cascader>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template slot="dockingPerson">
|
|
|
+ <el-select v-model="pageData.dockingPerson" filterable clearable placeholder="请选择" size="small">
|
|
|
+ <el-option v-for="item in dockingPersonOption" :key="item.docking_person" :label="item.docking_person"
|
|
|
+ :value="item.docking_person">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <div v-if="!Object.keys(moneyList).length == 0">
|
|
|
+ <el-row class="customStyle">
|
|
|
+ <el-col :span="4">总手续费：{{ moneyList.commissionFeevalue }}</el-col>
|
|
|
+ <el-col :span="4">已开票手续费：{{ moneyList.allInvoicCommissionFeevalue }}</el-col>
|
|
|
+ <el-col :span="4">已开票已结算手续费：{{ moneyList.readyCommissionFeevalue }}</el-col>
|
|
|
+ <el-col :span="4">已开票未结算手续费：{{ moneyList.invoicCommissionFeevalue }}</el-col>
|
|
|
+ <el-col :span="4">未开票手续费：{{ moneyList.noInvoicCommissionFeevalue }}</el-col>
|
|
|
+ <el-col :span="4">未结算手续费：{{ moneyList.unSettledAmount }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</templateTable>
|
|
|
- <el-dialog
|
|
|
- :visible.sync="dialogVisibleBatch"
|
|
|
- width="30%"
|
|
|
- :before-close="handleCloseBatch">
|
|
|
- <el-form :model="InvoicingData" :rules="rules" ref="InvoicingData" size="small" label-width="90px">
|
|
|
+ <el-dialog :visible.sync="dialogVisibleBatch" width="30%" :before-close="handleCloseBatch">
|
|
|
+ <el-form :model="InvoicingData" :rules="rules" ref="InvoicingData" size="small" label-width="90px">
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="开票方式" prop="invoicingMethod">
|
|
|
+ <el-form-item label="开票方式：" prop="invoicingMethod">
|
|
|
<el-select v-model="InvoicingData.invoicingMethod" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="税点" prop="taxPoints">
|
|
|
+ <el-form-item label="税点：" prop="taxPoints">
|
|
|
<el-input v-model="InvoicingData.taxPoints"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="10" v-if="InvoicingData.invoicingMethod=='1'">
|
|
|
- <el-form-item label="开票号" prop="invoicId">
|
|
|
+ <el-col :span="10" v-if="InvoicingData.invoicingMethod == '1'">
|
|
|
+ <el-form-item label="开票号：" prop="invoicId">
|
|
|
<el-input v-model="InvoicingData.invoicId"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="" label-width="20px">
|
|
|
- <span >总手续费 ：{{ batchData.totalAmount }}</span>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="总手续费：">
|
|
|
+ <span> {{ batchData.totalAmount }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="附加原因：">
|
|
|
+ <span> {{ batchData.reason }}</span>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="" label-width="20px">
|
|
|
- <el-upload style="margin-top:20px" action="#" class="upload-demo" :limit="1" :auto-upload="false"
|
|
|
- :on-change="drivingupload" ref="upload3" :file-list="fileList">
|
|
|
+ <el-upload style="margin-top:20px" action="#" class="upload-demo" :limit="1" :auto-upload="false"
|
|
|
+ :on-change="drivingupload" ref="upload3" :file-list="fileList">
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
</el-upload>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
+
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-table
|
|
|
- v-if="batchData.resultList"
|
|
|
- border
|
|
|
- height="250"
|
|
|
- :data="batchData.resultList"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- prop="licenseno"
|
|
|
- label="车牌号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="NoPolicyno"
|
|
|
- label="非车保单号">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
|
|
|
- <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
|
|
|
- </span>
|
|
|
-</el-dialog>
|
|
|
-<el-dialog
|
|
|
- title="新增"
|
|
|
- :visible.sync="dialogVisibleAdd"
|
|
|
- width="55%"
|
|
|
- :before-close="handleCloseadd">
|
|
|
- <el-form ref="form" :model="formDataAdd" label-width="130px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="手续费比例">
|
|
|
+ <el-table v-if="batchData.resultList" border height="250" :data="batchData.resultList" style="width: 100%">
|
|
|
+ <el-table-column prop="licenseno" label="车牌号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="NoPolicyno" label="非车保单号">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="新增" :visible.sync="dialogVisibleAdd" width="55%" :before-close="handleCloseadd">
|
|
|
+ <el-form ref="form" :model="formDataAdd" label-width="130px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="车牌号">
|
|
|
+ <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="被保险人">
|
|
|
+ <el-input v-model="formDataAdd.insuredName" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="手续费金额">
|
|
|
<el-input v-model="formDataAdd.commissionFeevalue" size="small"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="保险公司">
|
|
|
- <el-select size="small" clearable v-model="formDataAdd.companyId" filterable >
|
|
|
- <el-option v-for="(s, i) in InsCompanyList" :key="i" :label="s.name" :value="s.id"></el-option>
|
|
|
- </el-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="非车保单号">
|
|
|
+ <el-input v-model="formDataAdd.noPolicyno" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="非车保费">
|
|
|
+ <el-input v-model="formDataAdd.noPremium" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="非车手续费比例">
|
|
|
+ <el-input v-model="formDataAdd.noSuperviseCostsProportion" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="保司机构">
|
|
|
+ <el-cascader v-model="formDataAdd.partnerCompaniesId" size="small" :show-all-levels="false" ize="small"
|
|
|
+ :options="ztreeNodes" :props="optionProps" clearable filterable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="保险公司">
|
|
|
+ <el-select size="small" clearable v-model="formDataAdd.companyId" filterable>
|
|
|
+ <el-option v-for="(s, i) in InsCompanyList" :key="i" :label="s.name" :value="s.id"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="合作公司">
|
|
|
- <el-select size="small" clearable v-model="formDataAdd.partnerCompaniesId" filterable >
|
|
|
- <el-option v-for="(s, i) in InsCompanyList" :key="i" :label="s.name" :value="s.id"></el-option>
|
|
|
- </el-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="险种">
|
|
|
+ <el-select v-model="formDataAdd.riskcode" multiple placeholder="选择险种" size="small">
|
|
|
+ <el-option v-for="item in InsInsuranceKindoptions" :key="item.dictValue" :label="item.dictTag"
|
|
|
+ :value="item.dictValue"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="协议类型" prop="agreementType">
|
|
|
- <el-select size="small" v-model="formDataAdd.agreementType" placeholder="请选择协议类型"
|
|
|
- style="width: 100%" >
|
|
|
- <el-option v-for="item in agreementTypeoptions" :key="item.dictValue" :label="item.dictTag"
|
|
|
- :value="item.dictValue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="备注">
|
|
|
- <el-input v-model="formDataAdd.remarks" size="small"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="协议类型" prop="agreementType">
|
|
|
+ <el-select size="small" v-model="formDataAdd.agreementId" placeholder="请选择协议类型" style="width: 100%">
|
|
|
+ <el-option v-for="item in agreementTypeoptions" :key="item.dictValue" :label="item.dictTag"
|
|
|
+ :value="item.dictValue"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="签单日期">
|
|
|
- <el-date-picker
|
|
|
- size="small"
|
|
|
- v-model="formDataAdd.signdate"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="类型">
|
|
|
+ <el-input v-model="formDataAdd.remarks" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="签单日期">
|
|
|
+ <el-date-picker size="small" v-model="formDataAdd.signDate" type="date" placeholder="选择日期"
|
|
|
value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisibleAdd = false">取消</el-button>
|
|
|
- <el-button size="small" type="primary" @click="onSubmitAdd">保存</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisibleAdd = false">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="onSubmitAdd">保存</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <script>
|
|
|
+<script>
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue";//表格组件
|
|
|
import templateTable from '@/components/TemplateTable/index.vue'
|
|
|
import { mapState } from 'vuex'
|
|
|
|
|
|
export default {
|
|
|
name: "baosi",
|
|
|
- components: { KtCommonTable,templateTable },
|
|
|
+ components: { KtCommonTable, templateTable },
|
|
|
created() {
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
|
- perms: state =>state.user.perms
|
|
|
+ perms: state => state.user.perms
|
|
|
})
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- ztreeNodes:[],
|
|
|
+ ztreeNodes: [],
|
|
|
+ InsInsuranceKindoptions: [],
|
|
|
optionProps: {
|
|
|
//公司下拉列表配置
|
|
|
checkStrictly: true,
|
|
|
@@ -201,24 +203,24 @@ export default {
|
|
|
children: "children",
|
|
|
label: "name",
|
|
|
},
|
|
|
- labelData:'',
|
|
|
+ labelData: '',
|
|
|
selectTree: [],
|
|
|
- treedata:[],
|
|
|
- dialogVisibleAdd:false,
|
|
|
+ treedata: [],
|
|
|
+ dialogVisibleAdd: false,
|
|
|
agreementTypeoptions: [], //协议类型
|
|
|
- formDataAdd:{},
|
|
|
+ formDataAdd: {},
|
|
|
InsCompanyList: [],
|
|
|
- moneyList:{},
|
|
|
- searchData:{},
|
|
|
- InvoicingData:{},
|
|
|
- options:[{
|
|
|
+ moneyList: {},
|
|
|
+ searchData: {},
|
|
|
+ InvoicingData: {},
|
|
|
+ options: [{
|
|
|
label: "保司开票",
|
|
|
value: "0",
|
|
|
- },{
|
|
|
+ }, {
|
|
|
label: "掌柜开票",
|
|
|
value: "1",
|
|
|
}],
|
|
|
- formList:[
|
|
|
+ formList: [
|
|
|
{
|
|
|
label: "内部机构",
|
|
|
name: "内部机构",
|
|
|
@@ -229,7 +231,7 @@ export default {
|
|
|
name: "保司机构",
|
|
|
type: "slot",
|
|
|
},
|
|
|
- {
|
|
|
+ {
|
|
|
label: "车牌号",
|
|
|
prop: "licenseno",
|
|
|
type: "input",
|
|
|
@@ -244,7 +246,7 @@ export default {
|
|
|
prop: "companyName",
|
|
|
type: "company",
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
label: "险种",
|
|
|
prop: "riskcode",
|
|
|
@@ -278,20 +280,20 @@ export default {
|
|
|
label: "结算状态",
|
|
|
prop: "handlingFeesStatus",
|
|
|
type: "select",
|
|
|
- options:[
|
|
|
+ options: [
|
|
|
{
|
|
|
- label:'未开票',
|
|
|
- value:'0'
|
|
|
- },{
|
|
|
- label:'已开票未结算',
|
|
|
- value:'2'
|
|
|
- },{
|
|
|
- label:'已结算',
|
|
|
- value:'1'
|
|
|
+ label: '未开票',
|
|
|
+ value: '0'
|
|
|
+ }, {
|
|
|
+ label: '已开票未结算',
|
|
|
+ value: '2'
|
|
|
+ }, {
|
|
|
+ label: '已结算',
|
|
|
+ value: '1'
|
|
|
}
|
|
|
],
|
|
|
-
|
|
|
- },
|
|
|
+
|
|
|
+ },
|
|
|
{
|
|
|
label: "对接人",
|
|
|
name: "dockingPerson",
|
|
|
@@ -306,17 +308,17 @@ export default {
|
|
|
label: "签单日期",
|
|
|
prop: "signDate",
|
|
|
type: "datePicker",
|
|
|
- },{
|
|
|
+ }, {
|
|
|
label: "交强起保日期",
|
|
|
prop: "jqStartDate",
|
|
|
type: "datePicker",
|
|
|
- },{
|
|
|
+ }, {
|
|
|
label: "商业起保日期",
|
|
|
prop: "syDate",
|
|
|
type: "datePicker",
|
|
|
},
|
|
|
- ],
|
|
|
- tableConfig:{
|
|
|
+ ],
|
|
|
+ tableConfig: {
|
|
|
columns: [
|
|
|
{
|
|
|
prop: "orderno",
|
|
|
@@ -357,7 +359,7 @@ export default {
|
|
|
prop: "companyId",
|
|
|
label: "保险公司",
|
|
|
type: "text"
|
|
|
- },{
|
|
|
+ }, {
|
|
|
prop: "agreementId",
|
|
|
label: "协议号",
|
|
|
type: "text"
|
|
|
@@ -383,10 +385,10 @@ export default {
|
|
|
// type: "text"
|
|
|
// },
|
|
|
{
|
|
|
- label: "非车保单号",
|
|
|
- prop: "noPolicyno",
|
|
|
- type: "text",
|
|
|
- },
|
|
|
+ label: "非车保单号",
|
|
|
+ prop: "noPolicyno",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
{
|
|
|
prop: "noPremium",
|
|
|
label: "非车保费",
|
|
|
@@ -421,46 +423,46 @@ export default {
|
|
|
label: "手续费金额",
|
|
|
type: "text"
|
|
|
|
|
|
- },{
|
|
|
+ }, {
|
|
|
prop: "createTime",
|
|
|
label: "创建日期",
|
|
|
type: "text"
|
|
|
|
|
|
- },{
|
|
|
+ }, {
|
|
|
prop: "settlementTime",
|
|
|
label: "结算日期",
|
|
|
type: "text"
|
|
|
|
|
|
- },{
|
|
|
+ }, {
|
|
|
prop: "settlementUserId",
|
|
|
label: "结算人",
|
|
|
type: "text"
|
|
|
- },{
|
|
|
+ }, {
|
|
|
prop: "updateUserId",
|
|
|
label: "修改人",
|
|
|
type: "text"
|
|
|
- },{
|
|
|
- label: "对接人",
|
|
|
- prop: "dockingPerson",
|
|
|
- type: "text",
|
|
|
- },{
|
|
|
+ }, {
|
|
|
+ label: "对接人",
|
|
|
+ prop: "dockingPerson",
|
|
|
+ type: "text",
|
|
|
+ }, {
|
|
|
prop: "handlingFeesStatus",
|
|
|
label: "结算状态",
|
|
|
type: "statMap",
|
|
|
- options:[{
|
|
|
- label:'未开票',
|
|
|
- value:'0'
|
|
|
- },{
|
|
|
- label:'已开票未结算',
|
|
|
- value:'2'
|
|
|
- },{
|
|
|
- label:'已结算',
|
|
|
- value:'1'
|
|
|
+ options: [{
|
|
|
+ label: '未开票',
|
|
|
+ value: '0'
|
|
|
+ }, {
|
|
|
+ label: '已开票未结算',
|
|
|
+ value: '2'
|
|
|
+ }, {
|
|
|
+ label: '已结算',
|
|
|
+ value: '1'
|
|
|
}]
|
|
|
}
|
|
|
],
|
|
|
- loading:true,
|
|
|
- isPaginationShow:true,
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
isShowIndex: true,
|
|
|
// optBtns:[
|
|
|
// {
|
|
|
@@ -472,186 +474,191 @@ export default {
|
|
|
// click:(row, index) => {return this.balanceFun(row)},
|
|
|
// },
|
|
|
// ]
|
|
|
- },
|
|
|
- btnGroup:[
|
|
|
- {
|
|
|
- name:'新增',
|
|
|
- click:(row, index) => {return this.newAdd()},
|
|
|
- },
|
|
|
- {
|
|
|
- name:'批量开票',
|
|
|
- click:(row, index) => {return this.balanceFunPro()},
|
|
|
},
|
|
|
- {
|
|
|
- name:'模板下载',
|
|
|
- click:(row, index) => {return this.templateDownload()},
|
|
|
- },
|
|
|
- {
|
|
|
- name:'导出',
|
|
|
- click:(row, index) => {return this.handExport()},
|
|
|
- }
|
|
|
- ],
|
|
|
- tableData: [],
|
|
|
+ btnGroup: [
|
|
|
+ {
|
|
|
+ name: '新增',
|
|
|
+ click: (row, index) => { return this.newAdd() },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '批量开票',
|
|
|
+ click: (row, index) => { return this.balanceFunPro() },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '模板下载',
|
|
|
+ click: (row, index) => { return this.templateDownload() },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '导出',
|
|
|
+ click: (row, index) => { return this.handExport() },
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ tableData: [],
|
|
|
dialogVisible: false,
|
|
|
- pageData:{
|
|
|
+ pageData: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
agreementType: '2',
|
|
|
isNotCar: '1',
|
|
|
- isOther:'0',
|
|
|
- isNotDocumentary:'0'
|
|
|
+ isOther: '0',
|
|
|
+ isNotDocumentary: '0'
|
|
|
},
|
|
|
- formData:{},
|
|
|
+ formData: {},
|
|
|
rules: {
|
|
|
voucherNumber: [
|
|
|
- { required: true, message: '请输入凭证号', trigger: 'blur' },
|
|
|
- ],
|
|
|
- contractId: [
|
|
|
- { required: true, message: '请输入合同号', trigger: 'blur' },
|
|
|
- ],
|
|
|
- contractFileId: [
|
|
|
- { required: true, message: '请上传合同', trigger: 'blur' },
|
|
|
- ],
|
|
|
+ { required: true, message: '请输入凭证号', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ contractId: [
|
|
|
+ { required: true, message: '请输入合同号', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ contractFileId: [
|
|
|
+ { required: true, message: '请上传合同', trigger: 'blur' },
|
|
|
+ ],
|
|
|
},
|
|
|
- dialogVisibleBatch:false,
|
|
|
- totalAmount:'',
|
|
|
- batchData:{},
|
|
|
- fileList:[],
|
|
|
- dockingPersonOption:[]
|
|
|
+ dialogVisibleBatch: false,
|
|
|
+ totalAmount: '',
|
|
|
+ batchData: {},
|
|
|
+ fileList: [],
|
|
|
+ dockingPersonOption: []
|
|
|
|
|
|
};
|
|
|
},
|
|
|
- created(){
|
|
|
+ created() {
|
|
|
this.$api.dept.findDeptTree("9", "").then((res) => {
|
|
|
this.treedata = res.data;
|
|
|
});
|
|
|
+ this.getDicType("InsInsuranceKind"); //险种类型
|
|
|
+ this.getDicType("agreementType"); //险种类型
|
|
|
+
|
|
|
this.findPage();
|
|
|
let params = {
|
|
|
- classname: "",
|
|
|
- type: '1',
|
|
|
- };
|
|
|
+ classname: "",
|
|
|
+ type: '1',
|
|
|
+ };
|
|
|
this.$api.insCompany.findLeftInsTree(params).then((res) => {
|
|
|
- this.ztreeNodes = res.data;
|
|
|
- });
|
|
|
+ this.ztreeNodes = res.data;
|
|
|
+ });
|
|
|
this.$api.task
|
|
|
- .getDockingPersonList()
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.dockingPersonOption=res.data
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- this.$api.cost.gainTopList({ type: 1 }).then(res => {
|
|
|
+ .getDockingPersonList()
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.dockingPersonOption = res.data
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$api.cost.gainTopList({ type: 1 }).then(res => {
|
|
|
if (res.data) {
|
|
|
this.InsCompanyList = res.data;
|
|
|
}
|
|
|
});
|
|
|
- this.$api.insCompany.dicType('agreementType').then((res) => {
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getDicType(type) {
|
|
|
+ this.$api.insCompany.dicType(type).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
- this.agreementTypeoptions = res.data.ddList;
|
|
|
+ this[type + "options"] = res.data.ddList;
|
|
|
}
|
|
|
});
|
|
|
- },
|
|
|
- methods: {
|
|
|
+ },
|
|
|
prodhandleChange(value) {
|
|
|
- this.pageData.partnerCompaniesId= value[value.length - 1];
|
|
|
+ this.pageData.partnerCompaniesId = value[value.length - 1];
|
|
|
},
|
|
|
handleNodeClick(data, self, child) {
|
|
|
this.labelData = data.name;//展示部分
|
|
|
- this.pageData.deptId= data.id
|
|
|
+ this.pageData.deptId = data.id
|
|
|
},
|
|
|
- newAdd(){
|
|
|
- this.dialogVisibleAdd=true
|
|
|
+ newAdd() {
|
|
|
+ this.dialogVisibleAdd = true
|
|
|
},
|
|
|
- handleCloseadd(){
|
|
|
- this.dialogVisibleAdd=false
|
|
|
+ handleCloseadd() {
|
|
|
+ this.dialogVisibleAdd = false
|
|
|
},
|
|
|
- onSubmitAdd(){
|
|
|
- let data={
|
|
|
- isNotCar:1,
|
|
|
- isNotDocumentary:0,
|
|
|
- companyName:this.InsCompanyList.find(val=>val.id==this.formDataAdd.companyId).name,
|
|
|
- partnerCompaniesName:this.InsCompanyList.find(val=>val.id==this.formDataAdd.partnerCompaniesId).name,
|
|
|
+ onSubmitAdd() {
|
|
|
+ let data = {
|
|
|
+ isNotCar: 1,
|
|
|
+ isNotDocumentary: 0,
|
|
|
+ companyName:this.formDataAdd.companyId? this.InsCompanyList.find(val => val.id == this.formDataAdd.companyId).name:'',
|
|
|
+ partnerCompaniesName:this.formDataAdd.partnerCompaniesId? this.InsCompanyList.find(val => val.id == this.formDataAdd.partnerCompaniesId).name:'',
|
|
|
}
|
|
|
- this.$api.task.fncplyFeeInsert({...this.formDataAdd,...data})
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.$message({
|
|
|
- message: '新增成功' || res.msg,
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.findPage()
|
|
|
- this.dialogVisibleAdd=false
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
+ this.$api.task.fncplyFeeInsert({ ...this.formDataAdd, ...data })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: '新增成功' || res.msg,
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ this.findPage()
|
|
|
+ this.dialogVisibleAdd = false
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- drivingupload(file, fileList){
|
|
|
- this.fileList=[]
|
|
|
+ drivingupload(file, fileList) {
|
|
|
+ this.fileList = []
|
|
|
const params = new FormData(); // 声明formData数据类型
|
|
|
params.append("multipartFile", file.raw);
|
|
|
params.append("type", "image");
|
|
|
params.append("isNotCar", "1");
|
|
|
this.$api.task.bxImportNoData(params).then(res => {
|
|
|
if (res.code == "200") {
|
|
|
- this.batchData =res.data
|
|
|
+ this.batchData = res.data
|
|
|
this.fileList = fileList
|
|
|
}
|
|
|
- else{
|
|
|
- this.fileList=[]
|
|
|
+ else {
|
|
|
+ this.fileList = []
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
// 查询
|
|
|
handleSearchList(data) {
|
|
|
- let signDateStart=''
|
|
|
- let signDateEnd=''
|
|
|
- let jqStartDate=''
|
|
|
- let jqEndDate=''
|
|
|
- let syStartDate=''
|
|
|
- let syEndDate=''
|
|
|
- if(data && data.signDate && data.signDate.length>0){
|
|
|
- signDateStart=data.signDate[0]
|
|
|
- signDateEnd=data.signDate[1]
|
|
|
+ let signDateStart = ''
|
|
|
+ let signDateEnd = ''
|
|
|
+ let jqStartDate = ''
|
|
|
+ let jqEndDate = ''
|
|
|
+ let syStartDate = ''
|
|
|
+ let syEndDate = ''
|
|
|
+ if (data && data.signDate && data.signDate.length > 0) {
|
|
|
+ signDateStart = data.signDate[0]
|
|
|
+ signDateEnd = data.signDate[1]
|
|
|
}
|
|
|
- else{
|
|
|
- signDateStart=''
|
|
|
- signDateEnd=''
|
|
|
+ else {
|
|
|
+ signDateStart = ''
|
|
|
+ signDateEnd = ''
|
|
|
}
|
|
|
- if(data && data.jqStartDate && data.jqStartDate.length>0){
|
|
|
- jqStartDate=data.jqStartDate[0]
|
|
|
- jqEndDate=data.jqStartDate[1]
|
|
|
+ if (data && data.jqStartDate && data.jqStartDate.length > 0) {
|
|
|
+ jqStartDate = data.jqStartDate[0]
|
|
|
+ jqEndDate = data.jqStartDate[1]
|
|
|
}
|
|
|
- else{
|
|
|
- jqStartDate=''
|
|
|
- jqEndDate=''
|
|
|
+ else {
|
|
|
+ jqStartDate = ''
|
|
|
+ jqEndDate = ''
|
|
|
}
|
|
|
- if(data && data.syDate && data.syDate.length>0){
|
|
|
- syStartDate=data.syDate[0]
|
|
|
- syEndDate=data.syDate[1]
|
|
|
+ if (data && data.syDate && data.syDate.length > 0) {
|
|
|
+ syStartDate = data.syDate[0]
|
|
|
+ syEndDate = data.syDate[1]
|
|
|
}
|
|
|
- else{
|
|
|
- syStartDate=''
|
|
|
- syEndDate=''
|
|
|
+ else {
|
|
|
+ syStartDate = ''
|
|
|
+ syEndDate = ''
|
|
|
}
|
|
|
this.$api.task
|
|
|
- .bxTotalAmount({...this.pageData,...data,signDateStart,signDateEnd,jqStartDate,jqEndDate,syStartDate,syEndDate})
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.moneyList=res.data?res.data:[]
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
- this.findPage({...data,signDateStart,signDateEnd,jqStartDate,jqEndDate,syStartDate,syEndDate});
|
|
|
+ .bxTotalAmount({ ...this.pageData, ...data, signDateStart, signDateEnd, jqStartDate, jqEndDate, syStartDate, syEndDate })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.moneyList = res.data ? res.data : []
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.findPage({ ...data, signDateStart, signDateEnd, jqStartDate, jqEndDate, syStartDate, syEndDate });
|
|
|
},
|
|
|
- templateDownload(){
|
|
|
+ templateDownload() {
|
|
|
let a = document.createElement('a')
|
|
|
a.href = `${process.env.BASE_URL}/template/noHandlingFeeTemplate.xlsx`;
|
|
|
a.click();
|
|
|
@@ -661,26 +668,26 @@ export default {
|
|
|
) {
|
|
|
this.tableConfig.loading = true;
|
|
|
this.$api.task
|
|
|
- .plyFeeQuery({...this.pageData,...data})
|
|
|
+ .plyFeeQuery({ ...this.pageData, ...data })
|
|
|
.then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.tableData = res.data.content?res.data.content:[]
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.tableData = res.data.content ? res.data.content : []
|
|
|
this.pageData.pageNum = res.data.pageNum;
|
|
|
this.pageData.pageSize = res.data.pageSize;
|
|
|
this.pageData.totalSize = res.data.totalSize;
|
|
|
this.tableConfig.loading = false;
|
|
|
}
|
|
|
- else{
|
|
|
+ else {
|
|
|
this.tableConfig.loading = false;
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- getList(data){
|
|
|
+ getList(data) {
|
|
|
this.findPage(data)
|
|
|
},
|
|
|
// 结算
|
|
|
- balanceFun(row){
|
|
|
+ balanceFun(row) {
|
|
|
|
|
|
},
|
|
|
tablePageChange(val) {
|
|
|
@@ -691,26 +698,26 @@ export default {
|
|
|
this.pageData.pageNum = val;
|
|
|
this.findPage();
|
|
|
},
|
|
|
- handExport(){
|
|
|
- this.assembly('bxHandlingExcel',1)
|
|
|
+ handExport() {
|
|
|
+ this.assembly('bxHandlingExcel', 1)
|
|
|
},
|
|
|
- assembly(api,type){
|
|
|
- if( this.$refs.templateTable.searchDataClone){
|
|
|
- let signDateStart=''
|
|
|
- let signDateEnd=''
|
|
|
- if(this.$refs.templateTable.searchDataClone && this.$refs.templateTable.searchDataClone.signDate && this.$refs.templateTable.searchDataClone.signDate.length>0){
|
|
|
- signDateStart=this.$refs.templateTable.searchDataClone.signDate[0]
|
|
|
- signDateEnd=this.$refs.templateTable.searchDataClone.signDate[1]
|
|
|
+ assembly(api, type) {
|
|
|
+ if (this.$refs.templateTable.searchDataClone) {
|
|
|
+ let signDateStart = ''
|
|
|
+ let signDateEnd = ''
|
|
|
+ if (this.$refs.templateTable.searchDataClone && this.$refs.templateTable.searchDataClone.signDate && this.$refs.templateTable.searchDataClone.signDate.length > 0) {
|
|
|
+ signDateStart = this.$refs.templateTable.searchDataClone.signDate[0]
|
|
|
+ signDateEnd = this.$refs.templateTable.searchDataClone.signDate[1]
|
|
|
}
|
|
|
- else{
|
|
|
- signDateStart=''
|
|
|
- signDateEnd=''
|
|
|
- }
|
|
|
- this.$api.task[api]({...this.pageData,...this.$refs.templateTable.searchDataClone,signDateStart,signDateEnd})
|
|
|
+ else {
|
|
|
+ signDateStart = ''
|
|
|
+ signDateEnd = ''
|
|
|
+ }
|
|
|
+ this.$api.task[api]({ ...this.pageData, ...this.$refs.templateTable.searchDataClone, signDateStart, signDateEnd })
|
|
|
.then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- if(type==1){
|
|
|
- let url = process.env.BASE_URL + res.data; // 3.创建一个临时的url指向blob对象
|
|
|
+ if (res.code == 200) {
|
|
|
+ if (type == 1) {
|
|
|
+ let url = process.env.BASE_URL + res.data; // 3.创建一个临时的url指向blob对象
|
|
|
let a = document.createElement("a");
|
|
|
a.href = url;
|
|
|
a.download = "导出文件.xlsx";
|
|
|
@@ -718,58 +725,58 @@ export default {
|
|
|
window.URL.revokeObjectURL(url);
|
|
|
}
|
|
|
this.$message({
|
|
|
- message: type==1?'导出成功':'批量开票成功' || res.msg,
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.findPage()
|
|
|
+ message: type == 1 ? '导出成功' : '批量开票成功' || res.msg,
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ this.findPage()
|
|
|
}
|
|
|
- else{
|
|
|
+ else {
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
});
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
- handleCloseBatch(){
|
|
|
- this.dialogVisibleBatch=false
|
|
|
+ handleCloseBatch() {
|
|
|
+ this.dialogVisibleBatch = false
|
|
|
},
|
|
|
- balanceFunPro(){
|
|
|
+ balanceFunPro() {
|
|
|
// this.assembly('batchInvoicing',2)
|
|
|
- this.fileList=[]
|
|
|
- this.dialogVisibleBatch=true
|
|
|
- },
|
|
|
- handleSumbit(){
|
|
|
- let data={
|
|
|
+ this.fileList = []
|
|
|
+ this.dialogVisibleBatch = true
|
|
|
+ },
|
|
|
+ handleSumbit() {
|
|
|
+ let data = {
|
|
|
...this.InvoicingData,
|
|
|
- totalAmount:this.batchData.totalAmount,
|
|
|
- agreementId:this.batchData.agreementId,
|
|
|
- partnerCompaniesId:this.batchData.partnerCompaniesId,
|
|
|
- companyId:this.batchData.companyId,
|
|
|
- isNotCar:'1',
|
|
|
- ids:this.batchData.ids,
|
|
|
+ totalAmount: this.batchData.totalAmount,
|
|
|
+ agreementId: this.batchData.agreementId,
|
|
|
+ partnerCompaniesId: this.batchData.partnerCompaniesId,
|
|
|
+ companyId: this.batchData.companyId,
|
|
|
+ isNotCar: '1',
|
|
|
+ ids: this.batchData.ids,
|
|
|
}
|
|
|
// this.$api.task.batchInvoicing( {ids:this.batchData.ids,invoicId:this.invoicId})
|
|
|
- this.$api.task.batchInvoicing( data)
|
|
|
- .then(res => {
|
|
|
- if (res.code==200) {
|
|
|
- this.$message({
|
|
|
- message: '批量开票成功' || res.msg,
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.findPage()
|
|
|
- this.dialogVisibleBatch=false
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- });
|
|
|
+ this.$api.task.batchInvoicing(data)
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: '批量开票成功' || res.msg,
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ this.findPage()
|
|
|
+ this.dialogVisibleBatch = false
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
-}
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
- <style scoped>
|
|
|
-.customStyle{
|
|
|
- margin-bottom: 20px;
|
|
|
- font-size: 14px;
|
|
|
+<style scoped>
|
|
|
+.customStyle {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
</style>
|
lihongxiao