已开票列表

src/views/hlwinvoice/HlwInvoiceManageList.vue

@@ -0,0 +1,234 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="开票内容">
+              <a-input placeholder="请输入开票内容"  v-model="queryParam.invoiceCategoryName"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item label="企业名称">
+              <a-input placeholder="请输入企业名称"  v-model="queryParam.companyName"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item label="服务商名称">
+              <a-input placeholder="请输入服务商名称"  v-model="queryParam.subcontractorName"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item label="发票号">
+              <a-input placeholder="请输入付款单号" v-model="queryParam.invoiceNumber"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item  label="开票状态">
+              <j-dict-select-tag v-model="queryParam.invoiceStatus" placeholder="请选择开票状态" dictCode="invoiceStatus"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <!--<a @click="handleToggleSearch" style="margin-left: 8px">-->
+              <!--{{ toggleSearchStatus ? '收起' : '展开' }}-->
+              <!--<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>-->
+              <!--</a>-->
+            </span>
+          </a-col>
+
+
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :scroll="{x:true}"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+
+
+        <span slot="action" slot-scope="text, record">
+            <a @click="invoiceDetail(record)" >开票明细</a>
+
+           <a-divider type="vertical"  />
+
+
+            <a style="color: orangered" @click="viewInvoice(record)" >开票反馈</a>
+
+
+        </span>
+
+      </a-table>
+    </div>
+
+  </a-card>
+
+</template>
+<script>
+
+  import { httpAction ,getAction,putAction} from '@/api/manage'
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+
+  export default {
+    name: "HlwInvoiceManageList",
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+
+    },
+    data () {
+      return {
+        queryParam: {},
+        selectedRowKeys: [],
+        selectedRows: [],
+        description: '开票申请',
+        // 表头
+        columns: [
+          {
+            title:'开票内容',
+            align:"center",
+            dataIndex: 'invoiceCategoryName',
+          },
+          {
+            title:'企业名称',
+            align:"center",
+            dataIndex: 'companyName',
+            customRender:function (text) {
+              return text
+            }
+          },
+          {
+            title:'通过平台',
+            align:"center",
+            dataIndex: 'isThroughPlatform_dictText'
+          },
+          {
+            title:'平台名称',
+            align:"center",
+            dataIndex: 'cpName'
+          },
+          {
+            title:'服务商',
+            align:"center",
+            dataIndex: 'subcontractorName'
+          },
+          {
+            title:'发票明细',
+            align:"center",
+            dataIndex: 'invoiceDetailNum',
+          },
+          {
+            title:'平台发票号',
+            align:"center",
+            dataIndex: 'serviceInvoiceNumber'
+          },
+          {
+            title:'平台开票金额',
+            align:"center",
+            dataIndex: 'serviceAmount'
+          },
+          {
+            title:'服务商发票号',
+            align:"center",
+            dataIndex: 'invoiceNumber'
+          },
+          {
+            title:'发票类型',
+            align:"center",
+            dataIndex: 'invoiceType_dictText'
+          },
+          {
+            title:'服务商发票金额',
+            align:"center",
+            dataIndex: 'amount'
+          },
+          {
+            title:'开票状态',
+            align:"center",
+            dataIndex: 'invoiceStatus',
+            customRender:function (text,record) {
+              return record.invoiceNumber?"已开票":"待处理"
+            }
+          },
+          {
+            title:'申请人',
+            align:"center",
+            dataIndex: 'createBy'
+          },
+          {
+            title:'申请时间',
+            align:"center",
+            dataIndex: 'createTime'
+          },
+          {
+            title:'开票人',
+            align:"center",
+            dataIndex: 'uploadBy'
+          },
+          {
+            title:'开票时间',
+            align:"center",
+            dataIndex: 'uploadTime'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/wisdom/hlwInvoice/alreadyInvoiceList",
+          imgerver: window._CONFIG['imgDomainOssURL']
+        },
+        dictOptions:{},
+      }
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      },
+      viewInvoice(record){
+
+      },
+      invoiceDetail(record){
+        this.$router.push({ path: '/wisdom/hlwInvoice/queryById',query:{id:record.id }})
+      },
+
+
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/hlwinvoice/modules/HlwInvoiceManageModal.vue

@@ -0,0 +1,96 @@
+<template>
+  <a-card :body-style="{padding: '12px 24px 24px 24px'}" >
+
+    <!--顶部tab页签-->
+    <div>
+      <a-tabs type="card" :defaultActiveKey="type" @change="callback">
+        <a-tab-pane key="0" :tab="tabs.tab1">
+          <hlw-invoice-manage-modal-form ref="realForm" @ok="handleOk"></hlw-invoice-manage-modal-form>
+        </a-tab-pane>
+      </a-tabs>
+      <a-button class="backTop" type="primary" @click="handleBack">返回</a-button>
+    </div>
+
+  </a-card>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import HlwInvoiceManageModalForm from './HlwInvoiceManageModalForm'
+
+  export default {
+    name: "HlwInvoiceManageModal",
+    components: {
+      HlwInvoiceManageModalForm
+
+    },
+    data () {
+      return {
+        tabs: {tab1: '开票明细'},
+        tabs_detail: {tab1: '开票明细'},
+        title:"操作",
+        width:800,
+        visible: false,
+        model: {
+        },
+        type: '0',
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+      }
+    },
+    created () {
+      const id = this.$route.query.id;
+      if(id){
+        this.tabs = this.tabs_detail;
+      }
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.model = Object.assign({}, record);
+        this.visible = true;
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$emit('ok');
+        this.visible = false;
+        this.handleBack();
+      },
+      handleCancel () {
+        this.close()
+      },
+      popupCallback(row){
+        this.model = Object.assign(this.model, row);
+      },
+      callback(key) {
+        console.log(key);
+      },
+      handleBack(){
+        this.$router.go(-1);//返回上一层
+      },
+
+    }
+  }
+</script>
+<style scoped>
+  .backTop{
+    position: absolute;
+    right: 24px;
+    top: 12px;
+  }
+</style>

src/views/hlwinvoice/modules/HlwInvoiceManageModalForm.vue

@@ -0,0 +1,228 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <a-form-model ref="form" :model="model" :rules="validatorRules">
+
+      <!-- 查询区域 -->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="批次单号">
+                <a-input placeholder="请输入批次单号"  v-model="queryParam.paymentCode"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <!--<a @click="handleToggleSearch" style="margin-left: 8px">-->
+              <!--{{ toggleSearchStatus ? '收起' : '展开' }}-->
+              <!--<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>-->
+              <!--</a>-->
+            </span>
+            </a-col>
+
+          </a-row>
+        </a-form>
+      </div>
+      <!-- 查询区域-END -->
+
+
+      <!-- 操作按钮区域 -->
+
+
+      <!-- table区域-begin -->
+      <div>
+
+
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          class="j-table-force-nowrap"
+          @change="handleTableChange">
+
+        <span slot="action" slot-scope="text, record">
+            <a @click="paymentDetail(record)" >创客付款单</a>
+        </span>
+
+        </a-table>
+      </div>
+
+
+
+    </a-form-model>
+  </a-spin>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { httpAction, getAction,deleteAction } from '@/api/manage'
+
+  export default {
+    name: "HlwInvoiceManageModalForm",
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+
+    },
+    data () {
+      return {
+        validatorRules:{},
+        title:"操作",
+        bodyStyle: {
+          padding: '0',
+          height: (window.innerHeight * 0.66) + 'px',
+          'overflow-y': 'auto'
+        },
+        modelStyle: {
+          width: '76%',
+          style: { top: '20px' },
+          fullScreen: false
+        },
+        visible: false,
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        description: 'HlwInvoiceManageModalForm管理',
+        // 表头
+        columns: [
+          {
+            title:'批次单号',
+            align:"center",
+            dataIndex: 'paymentCode',
+          },
+          {
+            title:'任务名称',
+            align:"center",
+            dataIndex: 'requirementName'
+          },
+          {
+            title:'服务内容',
+            align:"center",
+            dataIndex: 'invoiceCategoryName'
+          },
+          {
+            title:'企业名称',
+            align:"center",
+            dataIndex: 'companyName'
+          },
+          {
+            title:'服务商',
+            align:"center",
+            dataIndex: 'subcontractorName'
+          },
+          {
+            title:'付款人数',
+            align:"center",
+            dataIndex: 'paymentNumber'
+          },
+          {
+            title:'创客佣金',
+            align:"center",
+            dataIndex: 'payment'
+          },
+          {
+            title:'服务费',
+            align:"center",
+            dataIndex: 'serviceFee',
+          },
+          {
+            title:'付款总金额',
+            align:"center",
+            dataIndex: 'totalPayment',
+          },
+          {
+            title:'任务单号',
+            align:"center",
+            dataIndex: 'requirementCode',
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/wisdom/hlwPayment/detailList",
+        },
+        dictOptions:{},
+      }
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    created () {
+      this.loadData(1)
+    },
+    methods: {
+      initDictConfig(){
+      },
+      edit (record) {
+        this.model = Object.assign({}, record);
+        this.visible = true;
+      },
+      loadData(arg) {
+        if (!this.url.list) {
+          this.$message.error('请设置url.list属性!')
+          return
+        }
+        //加载数据 若传入参数1则加载第一页的内容
+        if (arg === 1) {
+          this.ipagination.current = 1
+        }
+        var params = this.getQueryParams();//查询条件
+        params.invoiceId=this.$route.query.id;
+        this.loading = true
+        getAction(this.url.list, params).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result.records
+            this.ipagination.total = res.result.total
+          }
+          this.loading = false
+        })
+      },
+
+      handleOk () {
+        this.$emit('ok');
+        this.close()
+      },
+      handleCancel () {
+        this.$emit('ok');
+        this.close()
+      },
+      close() {
+        this.visible = false
+      },
+      paymentDetail(record){
+        this.$router.push({ path: '/wisdom/hlwInvoice/add',query:{record:record }})
+      }
+
+
+
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>