zhangzl
/
nsgk_mobile
2
0
Çatalla 0
Kod Konular 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
移动端
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
1818 İşleme
8 Dallar
82 MiB
 
 
Ağaç: d608380586
Dallar Biçim İmleri
${ item.name }
${ searchTerm } dalı oluştur
'd608380586'den
${ noResults }
nsgk_mobile/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue

507 satır
20 KiB
Ham Suçlama Geçmiş 

  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" 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.           orderByColumn: "fileName",

  362.           isAsc: "asc",

  363.         }

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

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

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

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

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

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

  370.           })

  371.         })

  372.         let oData2= {

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

  374.           tableName: "t_yinnong_transfer",

  375.           bizPath: "transfer",

  376.           fileType: "2",

  377.           orderByColumn: "fileName",

  378.           isAsc: "asc",

  379.         }

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

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

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

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

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

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

  386.           })

  387.         })

  388.         let oData3= {

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

  390.           tableName: "t_yinnong_transfer",

  391.           bizPath: "transfer",

  392.           fileType: "3",

  393.           orderByColumn: "fileName",

  394.           isAsc: "asc",

  395.         }

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

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

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

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

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

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

  402.           })

  403.         })

  404.       },

  405.       /** 提交按钮 */

  406.       submitForm() {

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

  408.         const data = {

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

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

  411.           remark: this.comment,

  412.           pass: this.pass,

  413.           };

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

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

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

  417.             setTimeout(function(){

  418.               history.go(-1)

  419.             },2000)

  420.           } else{

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

  422.           }

  423.         });

  424.       },

  425.     },

  426.     watch: {

  427.       pass: function (val) {

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

  429.       },

  430.     },

  431.   }

  432. </script>

  433. 

  434. <style scoped lang="scss">

  435.   .app-container {

  436.     padding: 2% 0;

  437.   }

  438.   .main_more{

  439.      width: 96%;

  440.      margin: 0 auto;

  441.      margin-top: 10px;

  442.      border-radius: 6px;

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

  444.      overflow: hidden;

  445.      background-color: #FFF;

  446.      text-align: center;

  447.      padding: 10PX 0;

  448.    }

  449.   .main_title{

  450.     font-size: 0.4rem;

  451.     color: #1D6FE9;

  452.     margin: 0.2rem 6%;

  453.     position: relative;

  454.   }

  455.   .main_box{

  456.     width: 96%;

  457.     margin: 0 auto;

  458.     border-radius: 6px;

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

  460.     overflow: hidden;

  461.     background-color: #FFF;

  462.   }

  463.   .submitButton{

  464.     width: 96%;

  465.     margin: 0 auto;

  466.   }

  467. 

  468.   .addFamily{

  469.     position: absolute;

  470.     top: -2px;

  471.     right: 0;

  472.     border-radius: 50%;

  473.   }

  474.   .deleteFamily{

  475.     position: absolute;

  476.     top: 0rem;

  477.     right: 6%;

  478.     z-index: 9;

  479.     border-radius: 50%;

  480.   }

  481.   .examine_box{

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

  483.     padding: 0.18rem!important;

  484.     padding-left: 0!important;

  485.     border-radius: 0.15rem!important;

  486.     margin-top: 0.3rem!important;

  487.   }

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

  489.     color: #FFF!important;

  490.     font-size: 0.45rem!important;

  491.     text-align: center!important;

  492.   }

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

  494.     background-color: #FFF!important;

  495.     border-radius: 0.15rem!important;

  496.     overflow: hidden!important;

  497.     .van-radio-group--horizontal{

  498.       padding: 0.2rem 0;

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

  500.     }

  501.   }

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

  503.     margin-left: 20px;

  504.     margin-right: 0;

  505.   }

  506. </style>