zhangzl
/
nsgk_mobile
2
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1654 Комити
7 Гране
80 MiB
 
 
Дрво: ef2ee0dda7
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'ef2ee0dda7'
${ noResults }
nsgk_mobile/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue

501 lines
20 KiB
Датотека Blame Историја 

  1. <template>

  2.   <div class="app-container">

  3.     <van-nav-bar

  4.       left-arrow

  5.       fixed

  6.       placeholder

  7.       @click-left="backDone"

  8.     >

  9.       <template #title>

  10.         <p style="font-weight: bold;">转账/还款审批</p>

  11.       </template>

  12.       <template #right>

  13.         <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>

  14.       </template>

  15.     </van-nav-bar>

  16.     <p class="main_title">基础信息</p>

  17.     <div class="main_box">

  18.       <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" />

  19.       <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" />

  20.       <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/>

  21.       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>

  22.         <template #input>

  23.           <van-radio-group v-model="form.approvalMode" direction="horizontal">

  24.             <van-radio name="1">线上审批</van-radio>

  25.             <van-radio name="2">线下审批</van-radio>

  26.           </van-radio-group>

  27.         </template>

  28.       </van-field>

  29.       <van-field readonly label="审批流程" :value="tempalteFormat(form.approvalTemplateId)" input-align="right" label-width="auto"/>

  30.     </div>

  31. 

  32.     <div class="main_box" style="margin-top: 10px;">

  33.       <van-field readonly label="转账附言" v-model="form.remark" type="textarea" input-align="right" rows="3" label-width="auto"/>

  34.     </div>

  35. 

  36.     <div class="main_box" style="margin-top: 10px;">

  37.       <van-field readonly label="说明情况" v-model="form.explainSituation" type="textarea" input-align="right" rows="3" label-width="auto"/>

  38.     </div>

  39. 

  40.     <p class="main_title">付款方信息</p>

  41.     <div class="main_box">

  42.       <van-field readonly label="付款方" v-model="form.payer" input-align="right" label-width="auto"/>

  43.       <van-field readonly label="付款方账户" v-model="form.payerAccount" input-align="right" label-width="auto"/>

  44.     </div>

  45. 

  46.     <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">

  47.       <van-field readonly label="项目名称" v-model="projectForm.projectName" input-align="right" />

  48.       <van-field readonly label="承建单位" v-model="projectForm.projectContractor" input-align="right" label-width="auto"/>

  49.       <van-field readonly label="合同价款（元）" v-model="projectForm.projectAmount" input-align="right" label-width="auto"/>

  50.       <van-field readonly label="工程款类型" v-model="projectFundType" input-align="right" />

  51.       <van-field readonly label="工程发票号" v-model="projectForm.projectBillNum" input-align="right" label-width="auto"/>

  52.     </div>

  53.     <div class="main_box" v-if="contractOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">

  54.       <van-field readonly label="合同名称" v-model="infoForm.name" input-align="right" />

  55.       <van-field readonly label="合同编码" v-model="infoForm.code" input-align="right" label-width="auto"/>

  56.       <van-field readonly label="合同价款（元）" v-model="infoForm.totalAmount" input-align="right" label-width="auto"/>

  57.     </div>

  58. 

  59.     <p class="main_title">收款方信息</p>

  60. 

  61.     <div class="main_box" style="margin-bottom: 15px;">

  62.       <van-field readonly label="收款账户类型" v-if="form.bankType==1" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" />

  63.       <van-field readonly label="行内转账" v-if="form.bankType==2||form.bankType==3||form.bankType==4" v-model="form.isPeers == 'Y' ? '是':'否'" input-align="right" label-width="auto" />

  64. 

  65.     </div>

  66. 

  67.     <div :style="{position:'relative'}">

  68.       <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme"  v-if="index<listLength" :key="index">

  69.         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />

  70.         <van-field readonly label="收款账户" v-model="item.payeeAccount" input-align="right" label-width="auto"/>

  71.         <van-field readonly label="开户银行" v-model="item.bankDeposit" input-align="right" label-width="auto"/>

  72.         <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/>

  73.         <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" />

  74.       </div>

  75.       <p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="openItem">查看更多</p>

  76.       <p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p>

  77.     </div>

  78.     <p class="main_title">上传附件(收据)</p>

  79.     <div class="main_box" style="padding: 5px 0 0 8px;">

  80.       <van-uploader v-model="fileList1" v-if="fileList1==null||fileList1.length==0" :deletable="false"  disabled  :upload-text="'未上传附件'"></van-uploader>

  81.       <van-uploader v-model="fileList1" v-if="fileList1!=null&&fileList1.length>0" :deletable="false" :max-count="fileList1.length"  >

  82.         <template #preview-cover="file">

  83.           <div class="preview-cover">

  84.             <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  85.             <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  86.             <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  87.             <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  88.             <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  89.           </div>

  90.         </template>

  91.       </van-uploader>

  92.     </div>

  93.     <p style="margin-top:20px;padding: 0 10px">附件下载(收据){{fileList1&&fileList1.length==0?':暂无可下载文件':''}}</p>

  94.     <van-cell v-for="(item,index) in fileList1" :key="index">

  95.       <a :href="item.url" target="_blank">{{index+1}}.{{item.fileName}}</a>

  96.     </van-cell>

  97.     <p class="main_title">上传附件(发票)</p>

  98.     <div class="main_box" style="padding: 5px 0 0 8px;">

  99.       <van-uploader v-model="fileList2" v-if="fileList2==null||fileList2.length==0" :deletable="false"  disabled  :upload-text="'未上传附件'"></van-uploader>

  100.       <van-uploader v-model="fileList2" v-if="fileList2!=null&&fileList2.length>0" :deletable="false" :max-count="fileList2.length"  >

  101.         <template #preview-cover="file">

  102.           <div class="preview-cover">

  103.             <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  104.             <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  105.             <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  106.             <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  107.             <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  108.           </div>

  109.         </template>

  110.       </van-uploader>

  111.     </div>

  112.     <p style="margin-top:20px;padding: 0 10px">附件下载(发票){{fileList2&&fileList2.length==0?':暂无可下载文件':''}}</p>

  113.     <van-cell v-for="(item,index) in fileList2" :key="index">

  114.       <a :href="item.url" target="_blank">{{index+1}}.{{item.fileName}}</a>

  115.     </van-cell>

  116.     <p class="main_title">上传附件(其他)</p>

  117.     <div class="main_box" style="padding: 5px 0 0 8px;">

  118.       <van-uploader v-model="fileList3" v-if="fileList3==null||fileList3.length==0" :deletable="false"  disabled  :upload-text="'未上传附件'"></van-uploader>

  119.       <van-uploader v-model="fileList3" v-if="fileList3!=null&&fileList3.length>0" :deletable="false" :max-count="fileList3.length"  >

  120.         <template #preview-cover="file">

  121.           <div class="preview-cover">

  122.             <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  123.             <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  124.             <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  125.             <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  126.             <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  127.           </div>

  128.         </template>

  129.       </van-uploader>

  130.     </div>

  131.     <p style="margin-top:20px;padding: 0 10px">附件下载(其他){{fileList3&&fileList3.length==0?':暂无可下载文件':''}}</p>

  132.     <van-cell v-for="(item,index) in fileList3" :key="index">

  133.       <a :href="item.url" target="_blank">{{index+1}}.{{item.fileName}}</a>

  134.     </van-cell>

  135.     <div class="main_box examine_box" v-if="this.$route.query.type != 'done'">

  136.       <van-row type="flex" justify="space-between" align="center">

  137.         <van-col span="5">审批<br/>意见</van-col>

  138.         <van-col span="19">

  139.           <van-radio-group v-model="pass" direction="horizontal">

  140.             <van-radio name="true">同意</van-radio>

  141.             <van-radio name="false">驳回</van-radio>

  142.           </van-radio-group>

  143.           <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="请输入审批意见"/>

  144.         </van-col>

  145.       </van-row>

  146.     </div>

  147. 

  148.     <div style="margin: 16px 2%;" v-if="this.$route.query.type != 'done'">

  149.       <van-row>

  150.         <van-col span="24" align="center">

  151.           <van-button type="info" native-type="submit" @click="submitForm" class="submitButton">提交</van-button>

  152.         </van-col>

  153.       </van-row>

  154.       <div class="clear"></div>

  155.     </div>

  156. 

  157.   </div>

  158. </template>

  159. 

  160. <script>

  161.   import { getTransfer , queryTransferDetail , listPayee , getProjectto , listProject ,getInfoto, approval ,listTemplate } from "@/api/onlineHome/bankAgriculture/paymentApproval";

  162.   import {attachmentList, systemAttachment} from "../../../../api/onlineHome/bankAgriculture/paymentApproval";

  163.   import request from '@/utils/request'

  164.   export default {

  165.     name: "approvalApproval",

  166.     data() {

  167.       return {

  168.         showcapital:false,

  169.         showpayee:false,

  170.         showlasj:false,

  171.         showbankType:false,

  172.         showproject:false,

  173.         showFundType:false,

  174. 

  175.         minDate: new Date(2000, 1, 1),

  176.         maxDate: new Date(2050, 12, 31),

  177.         currentDate: new Date(),

  178.         form:{},

  179. 

  180.         capitalExpenditureType:'',

  181.         payee:'',

  182.         bankType:'',

  183. 

  184.         wfydlxDictionaries:[],

  185.         jglxDictionaries:[],

  186.         sysDictionaries:[],

  187.         capitalExpenditureTypeOptions:[],

  188.         bankTypeDictionaries:[],

  189.         projectList:[],

  190.         projectFundTypeOptions:[],

  191.         projectFundTypeDictionaries:[],

  192.         projectListShow:[],

  193. 

  194.         chargeItme:[],

  195.         chargeItmeShow:[],

  196. 

  197.         payeeList:[],

  198.         // 查询参数

  199.         queryParams: {

  200.           transferType:"",

  201.           orderByColumn: "id",

  202.           isAsc: "desc",

  203.         },

  204.         capitalExpenditureOpen:false,

  205.         projectForm:{

  206.           projectId:null,

  207.           projectName:null,

  208.           projectContractor:null,

  209.           projectAmount:null,

  210.           projectBillNum:null,

  211.           projectFundType:'1',

  212.           outId:null,

  213.           ynType:'1'

  214.         },

  215.         contractOpen:false,

  216.         infoForm:{

  217.           infoId:null,

  218.           name:null,

  219.           code:null,

  220.           totalAmount:null,

  221.           contractionId:null,

  222.           transferId:null

  223.         },

  224.         approval: {

  225.           taskId: null,

  226.           auditbatchNo: null,

  227.           type: null,

  228.           id: null,

  229.           comment: '',

  230.         },

  231.         projectFundType:'',

  232.         fileList1:[],

  233.         fileList2:[],

  234.         fileList3:[],

  235.         uploadFiles:[],

  236.         // 审核意见默认值

  237.         pass: "true",

  238.         comment: "同意",

  239.         templateList:[],

  240. 

  241.         listLength:1,

  242.         showbtn:true,

  243. 

  244.       };

  245.     },

  246.     created() {

  247.       this.getDicts("project_fund_type").then((response) => {

  248.         for (var i = 0; i < response.data.length; i++) {

  249.           this.projectFundTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  250.         }

  251.         this.projectFundTypeDictionaries = response.data;

  252.       });

  253.       this.approval.type = this.$route.query.type;

  254.       this.getDictionaries();

  255.       this.getFileList();

  256.       this.getTemplateList();

  257.     },

  258.     methods: {

  259.       openItem(){

  260. 

  261.         this.listLength = this.listLength+5;

  262. 

  263.         if (this.listLength > this.chargeItme.length){

  264. 

  265.           this.listLength = this.chargeItme.length;

  266. 

  267.           this.showbtn = false;

  268. 

  269.         }

  270. 

  271.       },

  272.       getTemplateList(){

  273.         let templateQueryParams = {

  274.           // 分页

  275.           pageNum: 1,

  276.           pageSize: 999,

  277.         };

  278.         listTemplate(templateQueryParams).then(response => {

  279.           this.templateList = response.rows;

  280.         });

  281.       },

  282.       tempalteFormat(id){

  283.         let name = ""

  284.         this.templateList.map(res => {

  285.           if(res.id==id){

  286.             name =  res.name

  287.           }

  288.         })

  289.         return name

  290.       },

  291.       backDone(){

  292.         if(this.$route.query.type != 'done'){

  293.           this.$router.push({name:'yinnongDoneCompletedDoneNew',query: {activeName:'1'}})

  294.         }else{

  295.           this.$router.push({name:'yinnongDoneCompletedDoneNew',query: {activeName:'2'}})

  296.         }

  297.       },

  298.       goFlow(){

  299.         window.location='approvalProcess?id='+this.$route.query.id+'&auditbatchNo='+this.$route.query.auditbatchNo;

  300.       },

  301.       getDictionaries(){

  302.         getTransfer(this.$route.query.id).then((response) => {

  303.           this.getDicts("capital_expenditure_type").then((res) => {

  304.             for (var i = 0; i < res.data.length; i++) {

  305.               this.capitalExpenditureTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  306.             }

  307.             this.capitalExpenditureType = this.selectDictLabel(res.data, response.data.capitalExpenditureType);

  308.           });

  309.           if(response.data.capitalExpenditureType==2){

  310.             this.capitalExpenditureOpen = true

  311.             let param={

  312.               'outId' : response.data.id,

  313.               'ynType' : '1'

  314.             }

  315.             getProjectto(param).then(res => {

  316.               this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType);

  317.               this.projectForm = res.data

  318.             })

  319.           }else if(response.data.capitalExpenditureType==4) {

  320.             this.contractOpen = true

  321.             let param = {

  322.               'transferId': response.data.id

  323.             }

  324.             getInfoto(param).then(res => {

  325.               this.infoForm = res.data

  326.             })

  327.           }else{

  328.             this.showproject = false

  329.           }

  330.           this.form = response.data;

  331.         });

  332.         queryTransferDetail(this.$route.query.id).then((response) => {

  333.           this.getDicts("bank_type_all").then(res => {

  334.             for (var i = 0; i < res.data.length; i++) {

  335.               this.bankTypeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  336.             }

  337.             for (var j = 0 ; j < response.rows.length ; j++){

  338.               response.rows[j].bankTypeText = this.selectDictLabel(res.data, response.rows[j].bankType);

  339.             }

  340.             this.chargeItme = response.rows;

  341.           });

  342.           this.getPayeeList();

  343.         });

  344.       },

  345.       getPayeeList() {

  346.         //普通转账

  347.         this.queryParams.accountType = this.form.accountType

  348.         this.queryParams.status = "0"

  349.         listPayee(this.queryParams).then((response) => {

  350.           for (var i = 0; i < response.rows.length; i++) {

  351.             this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id});

  352.           }

  353.         });

  354.       },

  355.       getFileList(){

  356.         let oData1= {

  357.           tableId: this.$route.query.id,

  358.           tableName: "t_yinnong_transfer",

  359.           bizPath: "transfer",

  360.           fileType: "1",

  361.         }

  362.         attachmentList(oData1).then(res => {

  363.           res.rows.map(r => {

  364.             let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL

  365.             let subIndex = r.fileName.lastIndexOf(".");

  366.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

  367.             this.fileList1.push({"url": baseUrl + r.fileUrl, "file": new File([], r.fileName, {}), "id": r.id,"type":ext,"fileName":r.fileName})

  368.           })

  369.         })

  370.         let oData2= {

  371.           tableId: this.$route.query.id,

  372.           tableName: "t_yinnong_transfer",

  373.           bizPath: "transfer",

  374.           fileType: "2",

  375.         }

  376.         attachmentList(oData2).then(res => {

  377.           res.rows.map(r => {

  378.             let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL

  379.             let subIndex = r.fileName.lastIndexOf(".");

  380.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

  381.             this.fileList2.push({"url": baseUrl + r.fileUrl, "file": new File([], r.fileName, {}), "id": r.id,"type":ext,"fileName":r.fileName})

  382.           })

  383.         })

  384.         let oData3= {

  385.           tableId: this.$route.query.id,

  386.           tableName: "t_yinnong_transfer",

  387.           bizPath: "transfer",

  388.           fileType: "3",

  389.         }

  390.         attachmentList(oData3).then(res => {

  391.           res.rows.map(r => {

  392.             let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL

  393.             let subIndex = r.fileName.lastIndexOf(".");

  394.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

  395.             this.fileList3.push({"url": baseUrl + r.fileUrl, "file": new File([], r.fileName, {}), "id": r.id,"type":ext,"fileName":r.fileName})

  396.           })

  397.         })

  398.       },

  399.       /** 提交按钮 */

  400.       submitForm() {

  401.         console.info( this.$route.query.auditbatchNo)

  402.         const data = {

  403.           taskId: this.$route.query.taskId,

  404.           auditbatchNo: this.$route.query.auditbatchNo,

  405.           remark: this.comment,

  406.           pass: this.pass,

  407.           };

  408.         approval(data).then((response) => {

  409.           if(response.code==200 && response.msg=="操作成功"){

  410.             this.$toast.success("操作成功");

  411.             setTimeout(function(){

  412.               history.go(-1)

  413.             },2000)

  414.           } else{

  415.             this.$toast.success("操作失败");

  416.           }

  417.         });

  418.       },

  419.     },

  420.     watch: {

  421.       pass: function (val) {

  422.         this.comment = val === "true" ? "同意" : "驳回";

  423.       },

  424.     },

  425.   }

  426. </script>

  427. 

  428. <style scoped lang="scss">

  429.   .app-container {

  430.     padding: 2% 0;

  431.   }

  432.   .main_more{

  433.      width: 96%;

  434.      margin: 0 auto;

  435.      margin-top: 10px;

  436.      border-radius: 6px;

  437.      box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  438.      overflow: hidden;

  439.      background-color: #FFF;

  440.      text-align: center;

  441.      padding: 10PX 0;

  442.    }

  443.   .main_title{

  444.     font-size: 0.4rem;

  445.     color: #1D6FE9;

  446.     margin: 0.2rem 6%;

  447.     position: relative;

  448.   }

  449.   .main_box{

  450.     width: 96%;

  451.     margin: 0 auto;

  452.     border-radius: 6px;

  453.     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  454.     overflow: hidden;

  455.     background-color: #FFF;

  456.   }

  457.   .submitButton{

  458.     width: 96%;

  459.     margin: 0 auto;

  460.   }

  461. 

  462.   .addFamily{

  463.     position: absolute;

  464.     top: -2px;

  465.     right: 0;

  466.     border-radius: 50%;

  467.   }

  468.   .deleteFamily{

  469.     position: absolute;

  470.     top: 0rem;

  471.     right: 6%;

  472.     z-index: 9;

  473.     border-radius: 50%;

  474.   }

  475.   .examine_box{

  476.     background-color: #1D6FE9!important;

  477.     padding: 0.18rem!important;

  478.     padding-left: 0!important;

  479.     border-radius: 0.15rem!important;

  480.     margin-top: 0.3rem!important;

  481.   }

  482.   .examine_box .van-col:first-child{

  483.     color: #FFF!important;

  484.     font-size: 0.45rem!important;

  485.     text-align: center!important;

  486.   }

  487.   .examine_box .van-col:last-child{

  488.     background-color: #FFF!important;

  489.     border-radius: 0.15rem!important;

  490.     overflow: hidden!important;

  491.     .van-radio-group--horizontal{

  492.       padding: 0.2rem 0;

  493.       border-bottom: 1px solid #eee;

  494.     }

  495.   }

  496.   /deep/.van-radio--horizontal{

  497.     margin-left: 20px;

  498.     margin-right: 0;

  499.   }

  500. </style>