页面

front-vue/src/api/common/getRandom.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//获取编号及人信息
+export function getRandom(query) {
+  return request({
+    url: '/sc-service/ownRandom/getInfo',
+    method: 'get',
+    params: query
+  })
+}

front-vue/src/api/service/credit/credit.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询融信信息列表
+export function listCredit(query) {
+  return request({
+    url: '/sc-service/ownCredit/list',
+    method: 'get',
+    params: query
+  })
+}
+
+//查询授信额度
+export function listCreditLine(query) {
+  return request({
+    url: '/sc-service/ownCredit/getCreditLineList',
+    method: 'get',
+    params: query
+  })
+}

front-vue/src/views/service/credit/credit.vue

@@ -0,0 +1,381 @@
+<template>
+  <div class="app-container">
+      <el-card class="fiche">
+        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
+        <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
+          <div  style="float: right;margin-right:1%">
+            <el-button type="cyan"  icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"  style="float: ;">重置</el-button>
+                          <column-setting :checkList="checkList" :tableList="tableList" :selfDom="selfDom" :tableId="tableId" style="margin-left:5px"></column-setting>
+
+          </div>
+          <hr  style="margin-top: 16px;">
+          <el-form :model="queryParams" ref="queryForm" :inline="true" v-if="showSearch" label-width="68px">
+              <el-form-item label="融信编码" prop="zfiId">
+                  <el-input
+                  v-model.trim="queryParams.zfiId"
+                  placeholder="请输入融信编码"
+                  clearable
+                  size="small"
+                  maxlength="25"
+                  @keyup.enter.native="handleQuery"
+                  />
+          </el-form-item>
+          <el-form-item label="开立企业" prop="openCompany">
+              <el-input
+              v-model.trim="queryParams.openCompany"
+              placeholder="请输入开立企业"
+              clearable
+              size="small"
+              maxlength="25"
+              @keyup.enter.native="handleQuery"
+              />
+          </el-form-item>
+          <el-form-item label="接收企业" prop="receiveCompany">
+              <el-input
+              v-model.trim="queryParams.receiveCompany"
+              placeholder="请输入接收企业"
+              clearable
+              size="small"
+              maxlength="25"
+              @keyup.enter.native="handleQuery"
+              />
+          </el-form-item>
+          <el-form-item label="融信产品" prop="zfpName">
+            <el-input
+            v-model.trim="queryParams.zfpName"
+            placeholder="请输入融信产品"
+            clearable
+            size="small"
+            maxlength="25"
+            @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="融信金额">
+              <el-input
+              v-model="queryParams.startAmt"
+              placeholder="请输入融信金额"
+              clearable
+              size="small"
+              maxlength="20"
+            />
+          </el-form-item>
+          <el-form-item>
+              ~
+          </el-form-item>
+          <el-form-item>
+              <el-input
+              v-model="queryParams.endAmt"
+              placeholder="请输入融信金额"
+              clearable
+              size="small"
+              @keyup.enter.native="handleQuery"
+              maxlength="20"
+            />
+          </el-form-item>
+          <el-form-item label="签收日期" prop="zfiSignDate">
+                <el-date-picker  size="small"
+                v-model="queryParams.zfiSignDate"
+                style="width: 240px" 
+                unlink-panels
+                value-format="yyyy-MM-dd" 
+                type="daterange" 
+                range-separator="-" 
+                start-placeholder="开始日期" 
+                end-placeholder="结束日期">
+                </el-date-picker>
+            </el-form-item>
+            <el-form-item label="承诺日期" prop="zfiExpireDate">
+                <el-date-picker  size="small"
+                v-model="queryParams.zfiExpireDate"
+                style="width: 240px" 
+                unlink-panels
+                value-format="yyyy-MM-dd" 
+                type="daterange" 
+                range-separator="-" 
+                start-placeholder="开始日期" 
+                end-placeholder="结束日期">
+                </el-date-picker>
+            </el-form-item>
+            <el-form-item label="融信利率" prop="zfpcrRate">
+              <el-input
+              v-model.trim="queryParams.zfpcrRate"
+              placeholder="请输入融信利率"
+              clearable
+              size="small"
+              maxlength="25"
+              @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+    </el-form>
+  </el-card>
+  <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['credit:credit:add']"
+        >开立融信</el-button>
+      </el-col>
+    </el-row>
+    <el-table v-loading="loading" :data="infList" @selection-change="handleSelectionChange" border>
+     <el-table-column label="序号" type="index" width="50" align="center">
+        <template slot-scope="scope">
+          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="融信编号" align="center" prop="zfiQuotaId" v-if="uncheckList.zfiQuotaId" :show-overflow-tooltip="true"/>
+      <el-table-column label="开立方"  align="center" prop="openName"  v-if="uncheckList.openName" :show-overflow-tooltip="true"/>
+      <el-table-column label="接收方"  align="center" prop="receiveName"  v-if="uncheckList.receiveName" :show-overflow-tooltip="true"/>
+      <el-table-column label="融信类型"  align="center" prop="zfiCreateType"  v-if="uncheckList.zfiCreateType" :show-overflow-tooltip="true"/>
+      <el-table-column label="融信产品" align="center" prop="zfpName"   v-if="uncheckList.zfpName" :show-overflow-tooltip="true"/>
+      <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" v-if="uncheckList.zfiAmount"/>
+      <el-table-column label="融信利率" align="center"  prop="zfpcrRate" :show-overflow-tooltip="true" v-if="uncheckList.zfpcrRate"/>
+      <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" v-if="uncheckList.zfiSignDate"/>
+      <el-table-column label="承诺还款日" align="center" prop="zfiExpireDate" :show-overflow-tooltip="true" v-if="uncheckList.zfiExpireDate"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleDetail(scope.row)"
+            v-hasPermi="['invoice:invoice:query']"
+          >详情</el-button>
+          <el-button
+            :disabled="!scope.row.ziiFile"
+            style="font-size:12px"
+            type="text"
+            icon="el-icon-download"
+            @click="handleDownload(scope.row)"
+            v-hasPermi="['invoice:invoice:download']"
+          >下载</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import { listCredit} from "@/api/service/credit/credit";
+import Editor from '@/components/Editor';
+import {columnQuery,columnfilter} from "@/api/common/columnSetting";
+import ColumnSetting from '../../../components/Table/columnSetting.vue';
+import Cookies from 'js-cookie'
+export default {
+  name: "invoice",
+  components: {
+    Editor,
+    ColumnSetting 
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+       //开始金额
+      startAmt:undefined,
+      //结束金额
+      endAmt:undefined,
+      // 查询参数
+      queryParams: {
+       pageNum: 1,
+        pageSize: 10,
+        zfiId: null,
+        zfiStatus:null,
+        openCompany:null,
+        receiveCompany:null,
+        startAmt:null,
+        endAmt:null,
+        zfpName:null,
+        zfpcrRate:null,
+        zfiSignDate:[],
+        zfiExpireDate:[]
+      },
+      //发票数据
+      infList:[],
+      // 表单参数
+      form: {
+      },
+      //筛选按钮的数据列表，与table表头的数据一致 --显示隐藏列用
+      tableList: [
+            {
+              label: 'zfiQuotaId',
+              value: '融信编号'
+            },
+            {
+              label: 'openName',
+              value: '开立方'
+            },
+            {
+              label: 'receiveName',
+              value: '接收方'
+            },
+            {
+              label: 'zfiCreateType',
+              value: '融信类型'
+            },
+            {
+              label: 'zfpName',
+              value: '融信产品'
+            },
+            {
+              label: 'zfiAmount',
+              value: '融信金额'
+            },
+            {
+              label: 'zfpcrRate',
+              value: '融信利率'
+            },
+            {
+              label: 'zfiSignDate',
+              value: '签收日期'
+            },
+            {
+              label: 'zfiExpireDate',
+              value: '承诺还款日'
+            }
+            ],
+      checkList: [],//筛选列选中的数据列表--显示隐藏列用
+      uncheckList: {},//控制筛选列显示隐藏--显示隐藏列用
+      selfDom : this,
+      tableId:"/sc-service/ownCredit/list",
+    };
+  },
+  created() {
+    this.getList();
+  },
+  activated () {
+    this.getList();
+  },  
+  mounted() {
+    this.columnQuery();
+  },
+  methods: {
+    //获取当前客户是否之前设置过列展示隐藏
+    columnQuery(){
+        //获取页面路径
+        var psfPagePath = window.location.pathname;
+        //用请求后台的url作为唯一标识
+        var psfTableName = this.tableId;
+        var columnForm = {};
+        columnForm.psfPagePath = psfPagePath;
+        columnForm.psfTableName = psfTableName;
+        columnQuery(columnForm).then(response => {
+         if(response.data && response.data.psfShowData){
+                this.checkList = response.data.psfShowData;
+         }
+         this.filter();
+      })
+    },
+    //控制隐藏显示的函数
+    filter(checkList) {
+      if (!!checkList) {
+        this.checkList = checkList;
+      }
+      columnfilter(this.selfDom);
+    },
+    /** 查询收开票信息列表 */
+    getList() {
+      this.loading = true;
+      listCredit(this.queryParams).then(response => {
+        this.infList = response.data.records;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        zfiId: null,
+        zfiStatus:null,
+        openCompany:null,
+        receiveCompany:null,
+        zfpName:null,
+        zfpcrRate:null,
+        zfiSignDate:[],
+        zfiExpireDate:[]
+      };
+      this.queryParams.startAmt = '';
+      this.queryParams.endAmt = '';
+      this.resetForm("form");
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.cifId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams.startAmt = '';
+      this.queryParams.endAmt = '';
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+        this.reset();
+        Cookies.set("/service/credit/addCredit/", this.$route.fullPath);
+        this.$router.push({ path: "/service/credit/addCredit/" });
+    },
+    //列表格式化金额
+    moneyFormat(row, column, cellValue) {
+        if(cellValue == null || cellValue== undefined || cellValue == ''){
+            cellValue = '0.00'
+        }
+        cellValue += '';
+        if (!cellValue.includes('.')) {
+            cellValue += '.00';
+        }
+        return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
+            return $1 + ',';
+          }).replace(/\.$/, '');
+    },
+    //input格式化金额
+    amtFormat(cellValue) {
+      if(cellValue == null || cellValue== undefined || cellValue == ''){
+      cellValue = '0.00'
+      }
+      cellValue += '';
+            if (!cellValue.includes('.')) {
+      cellValue += '.00';
+      }
+      console.log(cellValue);
+            return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
+              return $1 + ',';
+            }).replace(/\.$/, '');
+    }
+    
+
+  }
+};
+</script>

front-vue/src/views/service/invoice/invoice.vue

@@ -129,7 +129,7 @@
       @pagination="getList"
     />
     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :before-close = "cancel">
-      <el-form ref="form" :disabled="true" :model="form" :rules="rules" v-if="open" label-width="110px" class="demo-form-inline" :inline="true">
+      <el-form ref="form" :disabled="true" :model="form"  v-if="open" label-width="110px" class="demo-form-inline" :inline="true">
         <el-form-item label="发票编号" prop="ziiNo">
           <el-input v-model.trim="form.ziiNo"  maxlength="30" style="width: 200px"/>
         </el-form-item>