创客付款单

src/views/hlwinvoice/modules/HlwInvoiceManageModalForm.vue

@@ -215,7 +215,7 @@
         this.visible = false
       },
       paymentDetail(record){
-
+        this.$router.push({ path: '/wisdom/hlwInvoice/add',query:{record:record }})
       }
 
 

src/views/hlwinvoice/modules/HlwInvoiceManagePaymentModal.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-payment-modal-form ref="realForm" @ok="handleOk"></hlw-invoice-manage-payment-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 HlwInvoiceManagePaymentModalForm from './HlwInvoiceManagePaymentModalForm'
+
+  export default {
+    name: "HlwInvoiceManagePaymentModal",
+    components: {
+      HlwInvoiceManagePaymentModalForm,
+
+    },
+    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/HlwInvoiceManagePaymentModalForm.vue

@@ -0,0 +1,248 @@
+<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-row>
+        </a-form>
+      </div>
+      <!-- 查询区域-END -->
+      <a-descriptions title="付款信息"></a-descriptions>
+
+      <a-row :gutter="24">
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="批次单号" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.paymentCode}}
+          </a-form-model-item>
+        </a-col>
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="任务单号" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.requirementCode}}
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+
+      <a-row :gutter="24">
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="任务名称" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.requirementName}}
+          </a-form-model-item>
+        </a-col>
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="服务内容" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.invoiceCategoryName}}
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+
+      <a-descriptions title="企业信息"></a-descriptions>
+
+      <a-row :gutter="24">
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.companyName}}
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+
+      <a-descriptions title="服务商"></a-descriptions>
+
+      <a-row :gutter="24">
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="服务商" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.subcontractorName}}
+          </a-form-model-item>
+        </a-col>
+        <a-col :lg="12" :md="12" :sm="24">
+          <a-form-model-item label="服务费率" :labelCol="labelCol" :wrapperCol="wrapperCol" >
+            {{this.$route.query.record.serviceRate}}%
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+
+      <!-- 操作按钮区域 -->
+      <div  class="table-operator">
+        <a-descriptions title="付款名单"></a-descriptions>
+
+      </div>
+
+      <!-- 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">
+
+
+
+        </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: "HlwInvoiceManagePaymentModalForm",
+    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: 'userName',
+          },
+          {
+            title:'证件号码',
+            align:"center",
+            dataIndex: 'idcardNumber'
+          },
+          {
+            title:'手机号',
+            align:"center",
+            dataIndex: 'phone'
+          },
+          {
+            title:'付款状态',
+            align:"center",
+            dataIndex: 'status_dictText'
+          },
+          {
+            title:'创客佣金',
+            align:"center",
+            dataIndex: 'netPayment'
+          },
+          {
+            title: '创建人',
+            dataIndex: 'createBy',
+            align: "center",
+          },
+          {
+            title: '创建时间',
+            dataIndex: 'createTime',
+            align: "center",
+          },
+          {
+            title: '更新时间',
+            dataIndex: 'updateBy',
+            align: "center",
+          },
+          {
+            title: '更新人',
+            dataIndex: 'updateTime',
+            align: "center",
+          },
+        ],
+        url: {
+          list: "/wisdom/hlwPaymentDetail/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.paymentId=this.$route.query.record.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
+      },
+
+
+
+
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>