pp-web/scripts/welldata.js

2932 lines
81 KiB
JavaScript
Raw Normal View History

2026-04-03 16:25:30 +08:00
var Wellcomponent = {
template:`
<div>
<div style="display: flex;">
<el-input v-model="id_v" placeholder="序号" clearable style="width: 100px;" @change="input_change"></el-input>
<el-input v-model="rdm_v" placeholder="RDM" clearable style="width: 100px;" @change="input_change"></el-input>
<!--
<el-date-picker
style="width: 140px;"
v-model="bt_v"
type="date"
format="yyyy-MM-dd"
value-format="yyyy/MM/dd"
placeholder="开始日期">
</el-date-picker>
<el-date-picker
style="width: 140px;"
v-model="et_v"
type="date"
format="yyyy-MM-dd"
value-format="yyyy/MM/dd"
placeholder="结束日期">
</el-date-picker>
-->
<el-input v-model="msid_v" placeholder="六合编号" clearable style="width: 105px;" @change="input_change"></el-input>
<el-input v-model="pname_v" placeholder="名称" clearable style="width: 105px;" @change="input_change"></el-input>
<el-input v-model="supplier_v" placeholder="供应商" clearable style="width: 105px;" @change="input_change"></el-input>
<el-select clearable v-model="state_v" placeholder="状态" style="width: 105px;" @change="input_change">
<el-option label="待付款" value="待付款"></el-option>
<el-option label="已付款" value="已付款"></el-option>
<el-option label="交检" value="交检"></el-option>
<el-option label="待签署" value="待签署"></el-option>
<el-option label="已收货" value="已收货"></el-option>
<el-option label="部分到货" value="部分到货"></el-option>
</el-select>
<el-select clearable filterable v-model="more_query_v" placeholder="更多查询"
style="width: 110px;" @change="more_query_select">
<el-option-group
key="1"
label="">
<el-option label="采购人员" value="采购人员"></el-option>
</el-option-group>
</el-select>
<el-select v-if="more_query_v=='采购人员'" v-model="buyer_v" clearable filterable placeholder="请选择" style="width: 120px;" @change="input_change">
<el-option
v-for="item in buyer_data"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-checkbox style="margin: 0px;" v-model="checked" @change="if_fin_cahnge" border>已处理</el-checkbox>
<el-checkbox style="margin: 0px;" v-model="warning_checked" @change="if_warning_checked" border>预警</el-checkbox>
<el-button id ="bt_serach" plain type="primary" icon="el-icon-search" @click="get_ma_plan()" style="padding-left: 10px;padding-right: 10px;">搜索</el-button>
<el-button id ="bt_add" plain type="primary" icon="el-icon-document-add" @click="importCsv()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">导入</el-button>
<el-button id ="bt_add" plain type="primary" icon="el-icon-circle-check" @click="mul_update_pp_plan_num()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">批量到货</el-button>
<el-button id ="bt_export" plain type="primary" icon="el-icon-document" @click="export_plan()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">应付款</el-button>
<el-button id ="bt_export_1" plain type="primary" icon="el-icon-document" @click="export_plan_1()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">导出</el-button>
<el-button id ="bt_contract" plain type="primary" icon="el-icon-circle-check" @click="contract_approval()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">合同审批</el-button>
<el-button id ="bt_amount" plain type="primary" icon="el-icon-circle-check" @click="mul_payment_application()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">付款申请</el-button>
<!--<el-button id ="bt_serach_1" plain type="primary" icon="el-icon-document" @click="get_ma_plan_1()" style="margin-left: 0px;padding-left: 10px;padding-right: 10px;">按我搜索</el-button>-->
</div>
<div>
<el-progress v-if="if_show_process1" :percentage="percent_len1" ></el-progress>
</div>
<div >
<div class="span">
<el-table
:data="tableData"
style="width: 100%;font-size:14px"
:height="tHeight"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
border
:row-style="selectedRowStyle"
@cell-dblclick="celldblclick_1"
:header-cell-style="tableHeaderColor"
>
<el-table-column
type="selection"
width="30"
>
</el-table-column>
<el-table-column
prop="id"
label="序号"
width="60" >
<template slot-scope="scope">
<div >
<el-tooltip v-if='scope.row.pre_id>0' placement="left-start" popper-class="" effect="light">
<div slot="content">主任务ID{{scope.row.pre_id}}</div>
<el-button @click="get_pre_plan(scope.row.pre_id)" type="text" size="medium" >{{scope.row.id}}</el-button>
</el-tooltip>
<span v-if='scope.row.pre_id==0'>{{scope.row.id}}</span>
</div>
</template>
</el-table-column>
<el-table-column
label="合同状态"
width="130"
:show-overflow-tooltip="true">
<template slot-scope="scope">
{{scope.row.contract_state}}
<el-button v-if="scope.row.contract_name!=null&&scope.row.contract_name!=''" type="text" @click="down_file_22(scope.row)" style="font-size:13px">-原始合同</el-button>
</template>
</el-table-column>
<el-table-column
prop="state_1"
label="付款审批"
width="130"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if="scope.row.serial_num!=''&&scope.row.serial_num!=null ">已付款</span>
<span v-else>{{scope.row.state_1}}</span>
<el-button v-if="scope.row.pay_contract_name!=null&&scope.row.pay_contract_name!=''" type="text" @click="down_file_23(scope.row)" style="font-size:13px" >-盖章合同</el-button>
</template>
</el-table-column>
<el-table-column
label="合同号"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span style="float:left" @dblclick="copyValue(scope.row,$event)" >{{scope.row.contract_id}}</span>
</template>
</el-table-column>
<el-table-column
label="付款流水号"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span @dblclick="copyValue(scope.row,$event)" >{{scope.row.serial_num}}</span>
</template>
</el-table-column>
<el-table-column
label="RDM"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.rdm.split(/[, ]+/)" :key="index">
<el-button :style="scope.row.redmine_color" @click="to_redmine_1(item)" type="text" size="medium">{{item}}</el-button>
</div>
</template>
</el-table-column>
<el-table-column
prop="code"
label="六合编号"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span @dblclick="copyValue(scope.row,$event)" >{{scope.row.code}}</span>
</template>
</el-table-column>
<el-table-column
prop="name"
label="名称"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="specs"
label="规格"
width="200"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="unit"
label="单位"
align="center"
width="40"
>
</el-table-column>
<el-table-column
prop="aqt"
label="数量"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="price"
label="单价"
width="60"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<div style="float: right;">{{convert(scope.row.price)}}</div>
</template>
</el-table-column>
<el-table-column
prop="total_p"
label="合计"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<div style="float: right;" @dblclick="copyValue(scope.row,$event)">{{convert(scope.row.total_p)}}</div>
</template>
</el-table-column>
<el-table-column
prop="state"
label="状态"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="pt"
label="付款方式"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="paid"
label="已付"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.flag!="1"' @click="show_payment(scope.row)" type="text" size="medium" >更新</el-button>
<span style="float: right;">{{convert(scope.row.paid)}}</span>
</template>
</el-table-column>
<el-table-column
prop="rp"
label="应付"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="float: right;">{{convert(scope.row.rp)}}</div>
</template>
</el-table-column>
<el-table-column
prop="demand_date"
label="交付日期"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if='scope.row.dduc==1' style="color: #ffd04b;">{{scope.row.demand_date}}</span>
<span v-if='scope.row.dduc>1' style="color: red;" >{{scope.row.demand_date}}</span>
<span v-if='scope.row.dduc<1' >{{scope.row.demand_date}}</span>
</template>
</el-table-column>
<el-table-column
label="采购周期"
width="60"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span style="float:right">{{scope.row.purchasing_cycle}}</span>
</template>
</el-table-column>
<el-table-column
prop="order_date"
label="下单日期"
:width="80">
</el-table-column>
<el-table-column
prop="over_due1"
label="预计超期"
:width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
label="剩余"
width="50"
align="right"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span style="float:right">{{scope.row.residue}}</span>
</template>
</el-table-column>
<el-table-column
prop="add"
label="实际交付"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="over_due2"
label="超期"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="buy_record"
label="采购记录"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.buy_record!=""' @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
<el-button v-if='scope.row.buy_record==""' style="color: #C0C4CC;" @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
</template>
</el-table-column>
<!--<el-table-column
prop="aqt"
label="到货数量"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
-->
<el-table-column
prop="wen"
label="入库单号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
label="供应商"
width="100"
>
<template slot-scope="scope">
<el-popover trigger="hover" placement="top">
<span @dblclick="copyValue(scope.row,$event)">{{ scope.row.supplier }}</span>
<div slot="reference" class="name-wrapper">
<span v-if="scope.row.supplier!=''"></span>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column
prop="factory"
label="生产厂家"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="factory_code"
label="厂商编号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="qs"
label="质量标准"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button @click="down_qs_files(scope.row)" type="text" size="small">{{scope.row.qs}}</el-button>
</template>
</el-table-column>
<el-table-column
prop="as"
label="验收标准"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button @click="down_as_files(scope.row)" type="text" size="small">{{scope.row.as}}</el-button>
</template>
</el-table-column>
<el-table-column
prop="remark"
label="备注"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
label="操作"
width="100">
<template slot-scope="scope">
<el-button v-if="scope.row.if_modify" class="t_hover_button" @click="show_update_dialog(scope.row)" type="text" size="medium" >修改</el-button>
<el-button v-if="scope.row.if_modify" style="margin-left: 3px;margin-right: 0px;" @click="remove_ma_plan(scope.row)" type="text" size="medium" >删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="block">
<span class="demonstration"></span>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[50,100, 200, 300]"
:page-size="pagesize"
:total="recordTotal"
layout="total, sizes, prev, pager, next, jumper"
>
</el-pagination>
</div>
</div>
<el-dialog
title="子任务"
:visible.sync="show_child"
:lock-scroll ="false"
:fullscreen="true"
:before-close="child_close"
>
<el-table
:data="child_data"
style="width: 100%;font-size:14px"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
border
:row-style="selectedRowStyle"
@cell-dblclick="celldblclick_1"
:header-cell-style="tableHeaderColor"
:height="tHeight_1"
>
<!--
<el-table-column
type="selection"
width="30"
>
</el-table-column>
-->
<el-table-column
prop="id"
label="序号"
width="60">
</el-table-column>
<el-table-column
prop="contract_state"
label="合同状态"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="state_1"
label="付款审批"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="contract_id"
label="合同号"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="serial_num"
label="付款流水号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
label="RDM"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<!--<el-button :style="scope.row.redmine_color" @click="to_redmine_1(scope.row)" type="text" size="medium">{{scope.row.rdm}}</el-button>-->
<div v-for="(item, index) in scope.row.rdm.split(/[, ]+/)" :key="index">
<el-button :style="scope.row.redmine_color" @click="to_redmine_1(item)" type="text" size="medium">{{item}}</el-button>
</div>
</template>
</el-table-column>
<el-table-column
prop="code"
label="六合编号"
width="160"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="name"
label="名称"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="specs"
label="规格"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="unit"
label="单位"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="aqt"
label="数量"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="price"
label="单价"
width="60"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="float: right;">{{scope.row.price}}</div>
</template>
</el-table-column>
<el-table-column
prop="total_p"
label="合计"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="float: right;">{{scope.row.total_p}}</div>
</template>
</el-table-column>
<el-table-column
prop="state"
label="状态"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="pt"
label="付款方式"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="paid"
label="已付"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.flag!="1"' @click="show_payment(scope.row)" type="text" size="medium" >更新</el-button>
<span style="float: right;">{{scope.row.paid}}</span>
</template>
</el-table-column>
<el-table-column
prop="rp"
label="应付"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="float: right;">{{scope.row.rp}}</div>
</template>
</el-table-column>
<el-table-column
prop="demand_date"
label="交付日期"
width="80"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if='scope.row.dduc==1' style="color: #ffd04b;">{{scope.row.demand_date}}</span>
<span v-if='scope.row.dduc>1' style="color: red;" >{{scope.row.demand_date}}</span>
<span v-if='scope.row.dduc<1' >{{scope.row.demand_date}}</span>
</template>
</el-table-column>
<el-table-column
prop="purchasing_cycle"
label="采购周期"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="order_date"
label="下单日期"
:width="80">
</el-table-column>
<el-table-column
prop="over_due1"
label="预计超期"
:width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="add"
label="实际交付"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="residue"
label="剩余"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="over_due2"
label="超期"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="buy_record"
label="采购记录"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.buy_record!=""' @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
<el-button v-if='scope.row.buy_record==""' style='color: #C0C4CC;' @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
</template>
</el-table-column>
<!--<el-table-column
prop="aqt"
label="到货数量"
width="80"
:show-overflow-tooltip="true">
</el-table-column>-->
<el-table-column
prop="wen"
label="入库单号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="supplier"
label="供应商"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="factory"
label="生产厂家"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="factory_code"
label="厂商编号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="qs"
label="质量标准"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button @click="down_qs_files(scope.row)" type="text" size="small">{{scope.row.qs}}</el-button>
</template>
</el-table-column>
<el-table-column
prop="as"
label="验收标准"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button @click="down_as_files(scope.row)" type="text" size="small">{{scope.row.as}}</el-button>
</template>
</el-table-column>
<el-table-column
label="操作"
width="100">
<template slot-scope="scope">
<el-button v-if='scope.row.if_modify' class="t_hover_button" @click="show_update_dialog(scope.row)" type="text" size="medium" >修改</el-button>
<el-button v-if='scope.row.if_modify' style="margin-left: 3px;margin-right: 0px;" @click="remove_ma_plan(scope.row)" type="text" size="medium" >删除</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
<el-dialog
title="采购计划"
:visible.sync="updatedialogVisible_ex"
:lock-scroll ="false"
width="70%">
<el-form ref="authform_ex" :model="form" :rules="rules" label-width="160px" :inline="false" class="demo-form-inline" size="medium">
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="序号" prop="id" >
<el-input v-model="form.id" :disabled="true" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="RDM" prop="rdm">
<el-input v-model="form.rdm" :disabled="disabled"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="六合编号" prop="code">
<el-input v-model="form.code" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="名称" prop="name" >
<el-input v-model="form.name" :disabled="true" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规格" prop="specs">
<el-input v-model="form.specs" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="单位" prop="unit">
<el-input v-model="form.unit" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="数量" prop="num">
<el-input v-model="form.num" :disabled="disabled"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="单价" prop="price">
<el-input v-model="form.price" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="合计" prop="total_p">
<el-input v-model="form.total_p" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="付款方式" prop="pt">
<el-input v-model="form.pt" :disabled="true" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="已付" prop="paid">
<el-input v-model="form.paid" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="应付" prop="rp">
<el-input v-model="form.rp" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="交付日期" prop="demand_date">
<el-input v-if="form.dduc==0" v-model="form.demand_date" :disabled="disabled"></el-input>
<el-input v-if="form.dduc==1" class="custom-input_yellow" v-model="form.demand_date" :disabled="disabled"></el-input>
<el-input v-if="form.dduc>1" class="custom-input_red" v-model="form.demand_date" :disabled="disabled"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="采购周期" prop="purchasing_cycle">
<el-input v-model="form.purchasing_cycle" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="下单日期" prop="order_date">
<el-input v-model="form.order_date" :disabled="true" @input="mcd_change(form)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="预计超期" >
<el-input v-model="form.over_due1" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="实际交付" prop="add">
<el-input v-model="form.add" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="剩余" prop="residue">
<el-input v-model="form.residue" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="超期" prop="over_due2">
<el-input v-model="form.over_due2" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="16" >
<el-form-item label="供应商" >
<el-input v-model="form.supplier" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="采购记录" prop="buy_record">
<el-input v-model="form.buy_record" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="到货数量" prop="aq">
<el-input v-model="form.aq" ></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="状态" >
<!--<el-input v-model="form.state"></el-input>-->
<el-select clearable v-model="form.state" >
<el-option label="待付款" value="待付款"></el-option>
<el-option label="已付款" value="已付款"></el-option>
<el-option label="交检" value="交检"></el-option>
<el-option label="待签署" value="待签署"></el-option>
<el-option label="已收货" value="已收货"></el-option>
<el-option label="部分到货" value="部分到货"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="入库单号" >
<el-input v-model="form.wen" :disabled="disabled"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="采购人员" >
<el-select style="width: 190px;" v-model="form.buyer" filterable placeholder="请选择">
<el-option
v-for="item in buyer_data"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="付款流水号" >
<el-input v-model="form.serial_num" :disabled="false"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="合同号" >
<el-input v-model="form.contract_id" :disabled="false"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="备注" prop="remark">
<el-input type = "textarea" v-model="form.remark" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="updatedialogVisible_ex = false"> </el-button>
<el-button id ="bt_ok" plain type="primary" @click="update_ma_ex();"> </el-button>
</span>
</el-dialog>
<el-dialog
title="采购计划导入"
:visible.sync="importdialogVisible"
:lock-scroll ="false"
:before-close="importDialog_close"
width="65%">
<div style="display: flex;">
<el-upload
class="upload-demo"
action=""
:on-change="handleChange"
:file-list="fileListUpload"
:show-file-list="false"
accept=".csv"
:auto-upload="false">
<el-button id ="bt_upload" size="small" plain type="primary">点击上传csv文件</el-button>
</el-upload>
<el-button id ="bt_import" size="small" plain type="primary" @click="importData" style="margin-left: 10px;">确认导入</el-button>
<el-button id ="bt_download" size="small" plain type="primary" @click="download_template" style="margin-left: 10px;">下载导入模板文件</el-button>
</div>
<div>
<el-progress v-if="if_show_process" :percentage="percent_len" :stroke-width="2"></el-progress>
</div>
<el-table
:data="importTableData"
style="font-size:14px;margin-top: 10px;width: 100%;"
:row-class-name="tableRowClassName"
stripe border>
<el-table-column
prop="t_id"
label="序号"
width="70"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="flag"
label="FLAG"
width="70"
:show-overflow-tooltip="true">
</el-table-column>
<!--<el-table-column
prop="contract_id"
label="合同号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
-->
<el-table-column
prop="rdm"
label="RDM"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="code"
label="六合编号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="num"
label="数量"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="demand_date"
label="交付日期"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="buyer"
label="采购人员"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="order_date"
label="下单日期"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
</el-table>
</el-dialog>
<el-dialog
title="支付详情"
:visible.sync="dialogVisible"
:lock-scroll ="false"
width="40%"
style="height: 100%;">
<div>
<el-button id ="bt_add" plain type="primary" icon="el-icon-circle-plus-outline" @click="showAddkpiplan_1()">新增付款</el-button>
<span style="margin-left: 10px;">合计{{row.total_p}}</span>
<span style="margin-left: 10px;">已付{{row.paid}}</span>
<span style="margin-left: 10px;">应付{{row.rp}}</span>
</div>
<el-table
:data="row.payment_data"
style="font-size:13px;margin-top: 10px;width: 100%;"
:height="tHeight*0.5"
:cell-style="{background:'#fff'}"
stripe border>
<el-table-column
prop="payment_month"
label="待付月份"
width="120"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="payment"
label="支付金额"
width="120"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="payment_user"
label="支付人"
width="120"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
label="操作"
width="120">
<template slot-scope="scope">
<el-button @click="show_updateplan_dialog(scope.row)" type="text" size="medium" >修改</el-button>
<el-button @click="delKpiplan(scope.row)" type="text" size="medium" >删除</el-button>
<!--<el-button v-if="approve_flag" @click="approve_plan(scope.row)" type="text" size="medium" >审核</el-button>-->
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button id ="bt_ok" plain type="primary" @click="post_p()"> </el-button>
</span>
</el-dialog>
<el-dialog
v-dialogDrag
title="付款信息"
:visible.sync="addplanVisible_1"
:lock-scroll ="false"
width="45%">
<div>
<el-tag style="font-size: 14px;margin-bottom: 20px;">
<span style="margin-left: 10px;">合计{{row.total_p}}</span>
<span style="margin-left: 10px;">已付{{row.paid}}</span>
<span style="margin-left: 10px;">应付{{row.rp}}</span>
</el-tag>
<el-checkbox v-if="plan_op_type==1" style="margin-left: 10px;" v-model="if_paid_all" @change="if_paid_all_cahnge">支付剩余</el-checkbox>
</div>
<el-form ref="planform_1" :model="planform" :rules="rules" label-width="100px" :inline="false" class="demo-form-inline" size="medium">
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="支付月份" prop="payment_month">
<el-date-picker
v-model="planform.payment_month"
type="date"
placeholder="支付月份"
style="width: 190px;"
format="yyyy/MM/dd"
value-format="yyyy/MM/dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="付款金额" prop="payment">
<el-input-number v-model="planform.payment" :min="0" ></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="支付人" prop="payment_user">
<el-input v-model="planform.payment_user" :disabled="true" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="addplanVisible_1 = false"> </el-button>
<el-button id ="bt_ok" plain type="primary" @click="addkpiplan_1();"> </el-button>
</span>
</el-dialog>
<el-dialog
title="超期预警"
:visible.sync="warning_dialogVisible"
:lock-scroll ="false"
width="85%"
style="height: 100%;"
:before-close="warning_close">
<div>
<el-button id ="bt_export_1" plain type="primary" icon="el-icon-document" @click="export_warn_plan()">导出</el-button>
</div>
<el-table
:data="warning_data"
style="width: 100%;font-size:14px"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
border
:row-style="selectedRowStyle"
@cell-dblclick="celldblclick_1"
:header-cell-style="tableHeaderColor"
:height="tHeight"
>
<el-table-column
type="selection"
width="30"
>
</el-table-column>
<el-table-column
prop="id"
label="序号"
width="60">
</el-table-column>
<el-table-column
label="RDM"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<!--<el-button :style="scope.row.redmine_color" @click="to_redmine_1(scope.row)" type="text" size="medium">{{scope.row.rdm}}</el-button>-->
<div v-for="(item, index) in scope.row.rdm.split(/[, ]+/)" :key="index">
<el-button :style="scope.row.redmine_color" @click="to_redmine_1(item)" type="text" size="medium">{{item}}</el-button>
</div>
</template>
</el-table-column>
<el-table-column
prop="code"
label="六合编号"
width="160"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="name"
label="名称"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="specs"
label="规格"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="unit"
label="单位"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="aqt"
label="数量"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="price"
label="单价"
width="60"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<div style="float: right;">{{scope.row.price}}</div>
</template>
</el-table-column>
<el-table-column
prop="total_p"
label="合计"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<div style="float: right;">{{scope.row.total_p}}</div>
</template>
</el-table-column>
<el-table-column
prop="state"
label="状态"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<!--
<el-table-column
prop="pt"
label="付款方式"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="paid"
label="已付"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.flag!="1"' @click="show_payment(scope.row)" type="text" size="medium" >更新</el-button>
<span>{{scope.row.paid}}</span>
</template>
</el-table-column>
<el-table-column
prop="rp"
label="应付"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
-->
<el-table-column
prop="demand_date"
label="交付日期"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<!--
<el-table-column
prop="purchasing_cycle"
label="采购周期"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
-->
<el-table-column
prop="order_date"
label="下单日期"
:width="80">
</el-table-column>
<el-table-column
prop="over_due1"
label="预计超期"
:width="80"
:show-overflow-tooltip="true">
</el-table-column>
<!--
<el-table-column
prop="add"
label="实际交付"
width="80"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="residue"
label="剩余"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="over_due2"
label="超期"
width="60"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="buy_record"
label="采购记录"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button v-if='scope.row.buy_record!=""' @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
<el-button v-if='scope.row.buy_record==""' style="color: #C0C4CC;" @click="to_redmine(scope.row)" type="text" size="medium">飞书链接</el-button>
</template>
</el-table-column>
-->
<!--<el-table-column
prop="aqt"
label="到货数量"
width="80"
:show-overflow-tooltip="true">
</el-table-column>-->
<!--
<el-table-column
prop="wen"
label="入库单号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
-->
<el-table-column
prop="supplier"
label="供应商"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<!--
<el-table-column
prop="factory"
label="生产厂家"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="factory_code"
label="厂商编号"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="qs"
label="质量标准"
width="100"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="as"
label="验收标准"
width="100"
:show-overflow-tooltip="true">
<template slot-scope="scope">
<el-button @click="down_as_files(scope.row)" type="text" size="small">{{scope.row.as}}</el-button>
</template>
</el-table-column>
-->
<!--<el-table-column
label="操作"
width="100">
<template slot-scope="scope">
<el-button class="t_hover_button" @click="show_update_dialog(scope.row)" type="text" size="medium" >修改</el-button>
<el-button style="margin-left: 3px;margin-right: 0px;" @click="remove_ma_plan(scope.row)" type="text" size="medium" >删除</el-button>
</template>
</el-table-column>-->
</el-table>
<!--<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button id ="bt_ok" plain type="primary" @click="post_p()"> </el-button>
</span>-->
</el-dialog>
</div>
`,
data(){
// 获取当前屏幕的分辨率
let screenW = window.screen.width;
let screenH = window.innerHeight;
console.log("screen width:",screenW);
console.log("screen height:",screenH);
return {
tHeight:screenH-40-232,
tHeight_1:screenH-80-34,
tableData: Array(0),
tableData1: Array(0),
currentPage: 1,
pagesize:50,
pagecnt:1,
recordTotal:0,
checked:false,
value1:'',
value2:'',
id_v:'',
rdm_v:'',
bt_v:'',
et_v:'',
msid_v:'',
pname_v:'',
supplier_v:'',
state_v:'',
rid_v:'',
repairer_v:'',
rs_v:'',
regional_head_v:'',
ms_v:'',
asc_v:'',
updatedialogVisible_ex:false,
form: {
id:0,
rdm:'',
code:'',
name:'',
specs:'',
unit:'',
num:'',
price:'',
total_p:'',
pt:'',
paid:'',
rp:'',
demand_date:'',
purchasing_cycle:'',
order_date:'',
over_due1:'',
add:'',
residue:'',
over_due2:'',
buy_record:'',
aq:'',
state:'',
wen:'',
supplier:'',
flag:'',
cti:'',
buyer:'',
dduc:0,
serial_num:'',
},
rules: {
product_id: [
{ required: true, message: '六合编号不可为空', trigger: 'blur' }
],
},
options: [],
importdialogVisible:false,
fileTemp: null,
fileListUpload: [],
importTableData: [],
multipleSelection: [],
if_show_processed:true,
if_del_show:false,
if_del:false,
p_id_options:[],
loading: false,
percent_len:0,
if_show_process:false,
interval:'',
if_show_process1:false,
percent_len1:0,
ma_users:[],
disabled:false,
if_do:true,
rs_data:[],
show_child:false,
pre_id:0,
child_data:[],
row:'',
dialogVisible:false,
addplanVisible_1:false,
maxid:-1,
planform: {
id:0,
payment_month:'',
payment:'',
payment_user:'',
},
plan_op_type:0,
if_paid_all:false,
buyer_data:[],
warning_dialogVisible:false,
warning_data:[],
warning_checked:false,
more_query_v:'',
buyer_v:'',
}
},
mounted() {
var _this = this;
var op_user = localStorage.getItem("online_user");
var level = localStorage.getItem("level")
var did = localStorage.getItem("did");
if (level==1 ){
this.$data.if_del_show =true;
}
this.get_ma_plan();
this.get_buyer();
//this.get_warning();
},
methods: {
convert(amount){
let numStr = (amount.replaceAll(",","").trim() * 1).toFixed(2);
let thousandSeparated = numStr.replace(/\d(?=(\d{3})+\.)/g, '$&,');
return thousandSeparated;
},
contract_approval(){
if(this.$data.multipleSelection.length ==0){
this.$message({
message: "请选择计划",
type: "warning",
duration: 1500
});
return;
}
for(var i=0;i<this.$data.multipleSelection.length;i++){
var id = this.$data.multipleSelection[i].id
if(this.$data.multipleSelection[i].contract_state!=''
&&(this.$data.multipleSelection[i].contract_state=='已审批'
||this.$data.multipleSelection[i].contract_state=='批准')
){
this.$message({
message: "序号"+id+"计划存在已被审批,不能被重复提交",
type: "warning",
duration: 1500
});
return;
}
}
var _this = this;
console.log("323232",_this.$data.multipleSelection)
var objs;
axios.post('/pp/mul_contract_approval', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
data: _this.$data.multipleSelection,
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
} else{
errType = "error"
}
if (r ==0) {
s = "合同审批申请成功!";
} else{
s = "合同审批申请失败!";
}
_this.$message({
message: s,
type: errType,
duration: 1500
});
//_this.get_ma_plan();
if (r==0){
_this.$router.push("/sp_1");
}
})
.catch(function (error) {
console.log(error);
});
},
mul_payment_application(){
if(this.$data.multipleSelection.length ==0){
this.$message({
message: "请选择计划",
type: "warning",
duration: 1500
});
return;
}
var _this = this;
var objs;
axios.post('/pp/mul_payment_application', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
data: _this.$data.multipleSelection,
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
} else{
errType = "error"
}
if (r ==0) {
s = "付款申请成功!";
_this.$message({
message: s,
type: errType,
duration: 1500
});
} else{
s = response.data.context;
_this.$message({
dangerouslyUseHTMLString: true,
message: s,
type: errType,
duration: 3000
});
}
_this.get_ma_plan();
if (r==0){
_this.$router.push("/sp_2");
}
})
.catch(function (error) {
console.log(error);
});
},
more_query_select(value){
console.log(value);
console.log(this.$data.more_query_v);
if (value=="采购人员"){
} else{
this.$data.buyer_v = ''
}
console.log("更多查询",value)
this.get_ma_plan();
},
get_pre_plan(pre_id){
this.$data.currentPage =1;
document.getElementById("bt_serach").blur();
var _this = this;
var objs;
axios.post('/pp/get_ma_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
index: this.$data.currentPage,
count: this.$data.pagesize,
id:pre_id.toString(),
if_done:this.$data.checked,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
rcnt = response.data.total;
_this.$data.tableData = objs;
_this.$data.recordTotal = rcnt;
//_this.$data.pagecnt = response.data.pagecnt;
})
.catch(function (error) {
console.log(error);
});
},
warning_close(done){
this.$data.warning_checked = false;
done()
},
if_warning_checked(val){
if(val){
this.get_warning();
}else{
}
},
child_close(done){
this.get_ma_plan();
done()
},
down_qs_files(row){
var downUrl = '/pp/download_ds_file'+"?id="+row.qs;
downloadUrl(row.qs,downUrl);
},
down_as_files(row){
var downUrl = '/pp/download_ds_file'+"?id="+row.as;
downloadUrl(row.as,downUrl);
},
get_warning(){
var _this = this;
var objs;
axios.post('/pp/get_warning_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
_this.$data.warning_data = objs;
if(_this.$data.warning_data.length>0){
_this.warning_dialogVisible = true;
}
})
.catch(function (error) {
console.log(error);
});
},
get_buyer(){
var _this = this;
var objs;
axios.post('/pp/getUsers', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
index: 1,
count: 1000
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
rcnt = response.data.total;
for(var i =0; i< objs.length; ++i){
if(objs[i].if_buyer ==1){
var obj ={
value: objs[i].username,
label: objs[i].username,
}
_this.$data.buyer_data.push(obj);
}
}
})
.catch(function (error) {
console.log(error);
});
},
if_paid_all_cahnge(val){
console.log(val);
if(val){
this.$data.planform.payment = this.$data.row.rp;
}
},
tableHeaderColor({ row, column, rowIndex, columnIndex }) {
return;
console.log(column);
if (rowIndex === 0 && column.label == "RDM") {
return 'background-color: #FAD355; ';//绿色
} else if (rowIndex === 0 && column.label =="六合编号") {
return 'background-color: #FAD355; ';//橙色
} else if (rowIndex === 0 && column.label =="名称") {
return 'background-color: #BACEFD; ';//橙色
} else if (rowIndex === 0 && column.label =="规格") {
return 'background-color: #BACEFD; ';//橙色
} else if (rowIndex === 0 && column.label =="单位") {
return 'background-color: #BACEFD; ';//橙色
} else if (rowIndex === 0 && column.label =="数量") {
return 'background-color: #FAD355; ';//橙色
} else if (rowIndex === 0 && column.label =="单价") {
return 'background-color: #BACEFD; ';//橙色
} else if (rowIndex === 0 && column.label =="付款方式") {
return 'background-color: #BACEFD; ';//橙色
} else if (rowIndex === 0 && column.label =="交付日期") {
return 'background-color: #FAD355; ';//橙色
} else if (rowIndex === 0 && column.label =="采购周期") {
return 'background-color: #BACEFD; ';//橙色
} else {
return 'background: #ffffff;';
}
},
mul_update_pp_plan_num(){
if(this.$data.multipleSelection.length ==0){
this.$message({
message: "请选择计划",
type: "warning",
duration: 1500
});
return;
}
var _this = this;
var objs;
axios.post('/pp/mul_update_pp_plan_num', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
data: _this.$data.multipleSelection,
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
} else{
errType = "error"
}
if (r ==0) {
s = "修改成功!";
} else{
s = "修改失败!";
}
_this.$message({
message: s,
type: errType,
duration: 1500
});
_this.get_ma_plan(_this.$data.currentPage);
})
.catch(function (error) {
console.log(error);
});
},
show_payment(info){
var _this = this;
var objs;
axios.post('/pp/get_payment_by_id', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
id: info.id,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
_this.$data.row = objs;
if (_this.$data.row.total_p==""){
_this.$data.row.total_p = info.total_p.replace(/,/g, "")
}
if (_this.$data.row.paid==""){
_this.$data.row.paid=info.paid.replace(/,/g, "");
}
if (_this.$data.row.rp==""){
_this.$data.row.rp=info.rp.replace(/,/g, "");
}
_this.$data.row.supplier =info.supplier;
_this.$data.row.code=info.code;
_this.$data.row.name=info.name;
_this.$data.row.spec=info.spec;
_this.$data.row.unit=info.unit;
_this.$data.row.num=info.num;
_this.$data.row.price=info.price;
_this.$data.row.pt=info.pt;
//_this.$data.row.flag = info.flag;
_this.$data.row.pre_id=info.pre_id;
_this.$data.dialogVisible=true;
})
.catch(function (error) {
console.log(error);
});
},
post_p(){
this.$data.dialogVisible = false;
var _this = this;
var objs;
axios.post('/pp/update_payment', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
data: _this.$data.row,
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
} else{
errType = "error"
}
if (r ==0) {
s = "修改成功!";
} else{
s = "修改失败!";
}
_this.$message({
message: s,
type: errType,
duration: 1500
});
//更新页面
if(r==0){
if (_this.$data.row.pre_id==0){
_this.get_ma_plan(_this.$data.currentPage);
} else if (_this.$data.row.pre_id!=0){
var arr1 = new Array(); //创建一个空数组
for(var i = 0; i < _this.$data.child_data.length;++i){
arr1.push(_this.$data.child_data[i].id);
}
_this.get_single_pp(arr1);
_this.get_ma_plan(_this.$data.currentPage);
}
}
})
.catch(function (error) {
console.log(error);
});
},
addkpiplan_1(){
this.$refs['planform_1'].validate((valid) => {
if (valid) {
if (this.$data.plan_op_type==1) {
var obj ={
id:this.$data.maxid,
payment_month:this.$data.planform.payment_month,
payment:this.$data.planform.payment.toString(),
payment_user:this.$data.planform.payment_user,
}
this.$data.row.payment_data.push(obj);
this.$data.maxid+=1;
console.log("id:",this.$data.maxid);
} else if (this.$data.plan_op_type==2){
for(var i=0;i<this.$data.row.payment_data.length;++i){
if(this.$data.row.payment_data[i].id==this.$data.planform.id){
this.$data.row.payment_data[i].payment_month=this.$data.planform.payment_month;
this.$data.row.payment_data[i].payment=this.$data.planform.payment.toString();
this.$data.row.payment_data[i].payment_user=this.$data.planform.payment_user;
console.log(this.$data.row);
break;
}
}
}
var total =0
for(var i=0;i<this.$data.row.payment_data.length;++i){
var t = parseFloat(this.$data.row.payment_data[i].payment)
total = total+t;
}
console.log("已付:",total);
this.$data.row.paid=total.toString();
var t = parseFloat(this.$data.row.total_p)
if (t>total){
this.$data.row.rp = (t-total).toFixed(2).toString();
}else{
this.$data.row.rp = "0";
}
this.$data.addplanVisible_1 = false;
}
});
},
showAddkpiplan_1(){
console.log("payment:",this.$data.row);
const today = new Date();
const year = today.getFullYear();
const month = today.getMonth() + 1; // 月份从0开始所以要加1
const day = today.getDate();
this.$data.planform.payment_month=year + '/' + month + '/' + day;
this.$data.planform.payment='';
this.$data.planform.payment_user=localStorage.getItem("online_user");
this.$data.plan_op_type=1;
this.$data.if_paid_all = false;
console.log("payment:",this.$data.row.payment_data);
for (var i = 0; i < this.$data.row.payment_data.length; i++) {
if(this.$data.row.payment_data[i].id >this.$data.maxid){
this.$data.maxid = this.$data.row.payment_data[i].id
}
}
if(this.$data.maxid !=-1){
this.$data.maxid+=1;
}else{
this.$data.maxid = 0;
}
this.$nextTick(() => {
this.$refs['planform_1'].clearValidate()
});
this.$data.addplanVisible_1=true;
},
delKpiplan(row){
var index =-1;
for(var i=0;i<this.$data.row.payment_data.length;++i){
if(this.$data.row.payment_data[i].id==row.id){
index=i;
break;
}
}
if (index > -1) {
this.$data.row.payment_data.splice(index, 1);
}
var total =0
for(var i=0;i<this.$data.row.payment_data.length;++i){
var t = parseFloat(this.$data.row.payment_data[i].payment)
total = total+t;
}
console.log("已付:",total);
this.$data.row.paid=total.toString();
var t = parseFloat(this.$data.row.total_p)
if (t>total){
this.$data.row.rp = (t-total).toString();
}
},
show_updateplan_dialog(row){
this.$data.planform.payment_month=row.payment_month;
this.$data.planform.payment=row.payment;
this.$data.planform.payment_user=row.payment_user;
this.$data.planform.id =row.id;
this.$data.plan_op_type=2;
this.$nextTick(() => {
this.$refs['planform_1'].clearValidate()
});
this.$data.addplanVisible_1=true;
},
cal_num(){
var num = parseInt(this.$data.form.num)
var num1 = parseInt(this.$data.form.aq)
this.$data.form.uq = (num-num1).toString()
},
date_change(form){
console.log(form);
var bt ="";
var days = form.cycle;
if(form.Production_date ==""){
return;
}else{
bt = form.Production_date;
}
var _this = this;
axios.post('/pp/cal_completion_date',{
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
bt:bt,
days:days
})
.then(function (response) {
_this.form.due_date = response.data.completion_date;
})
.catch(function (error) {
console.log(error);
});
},
get_ma_user(){
var _this = this;
axios.post('/pp/get_ma_username',{
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
})
.then(function (response) {
_this.$data.ma_users=[];
console.log(response.data);
objs = response.data.data;
for(var i=0;i<objs.length;++i){
var obj ={
value:objs[i],
label:objs[i]
}
_this.$data.ma_users.push(obj);
}
})
.catch(function (error) {
console.log(error);
});
},
get_single_pp(child_id){
var _this = this;
var objs;
axios.post('/pp/get_single_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
id:child_id,
if_done:this.$data.checked,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
//rcnt = response.data.total;
_this.$data.child_data = objs;
})
.catch(function (error) {
console.log(error);
});
},
celldblclick_1(row, column, cell, event){
console.log("row0:",row);
if(column.property=="id"){
if(row.flag=="1"){
this.$data.pre_id=row.id;
var _this = this;
var objs;
axios.post('/pp/get_single_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
id:row.cti,
if_done:this.$data.checked,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
//rcnt = response.data.total;
_this.$data.child_data = objs;
})
.catch(function (error) {
console.log(error);
});
_this.$data.show_child=true;
}else{
if(row.if_modify==false){
return;
}
this.$data.pre_id=0;
console.log("row:",row);
this.show_update_dialog(row);
}
}
},
copyValue(row,event){
var el = event.currentTarget;
var range,selection;
if(document.body.createTextRange){
range = document.body.createTextRange();
range.moveToElementText(el);
range.select();
}else if(window.getSelection){
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(el);
selection.removeAllRanges();
selection.addRange(range);
}
document.execCommand("Copy");
},
to_redmine_1(rdm){
let id = parseInt(rdm);
if (id<10000){
return;
}
url = encodeURI("http://123.54.1.214:10010/redmine/issues/"+rdm);
window.open(url, "");
},
to_redmine(row){
if(row.mt!=""){
url = encodeURI(row.buy_record);
window.open(url, "");
}
},
input_change(value) {
console.log(value);
this.get_ma_plan();
},
pid_selectChanged(value){
console.log("select change");
this.loading = true;
var _this=this;
axios.post('/pp/get_p_name',{
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
p_id:value,
})
.then(function (response) {
_this.$data.form.p_name = response.data.p_name;
})
.catch(function (error) {
console.log(error);
});
},
remoteMethod(query) {
if (query !== '') {
this.loading = true;
setTimeout(() => {
var _this=this;
axios.post('/pp/get_p_id_options',{
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
p_like_id:query,
})
.then(function (response) {
_this.$data.p_id_options=[];
console.log(response.data);
objs = response.data.data;
for(var i=0;i<objs.length;++i){
var obj ={
value:objs[i],
label:objs[i],
}
_this.$data.p_id_options.push(obj);
}
_this.$data.loading = false;
console.log(_this.$data.loading)
})
.catch(function (error) {
console.log(error);
_this.$data.loading = false;
});
}, 200);
} else {
_this.$data.p_id_options = [];
}
},
if_fin_cahnge(val){
if(val){
this.$data.if_do=false;
}else{
this.$data.if_do=true;
}
this.get_ma_plan();
},
selectedRowStyle({ row, rowIndex }) {
for(var i=0; i< this.$data.multipleSelection.length;i++){
if(this.$data.multipleSelection[i].id == row.id){
let styleJson ={
"background":"#134857",
"color":"#FFFFFF",
};
return styleJson;
}
}
},
download_template(){
document.getElementById("bt_download").blur();
var downUrl = '/pp/download_file'+"?id="+"导入采购计划.csv";
downloadUrl("采购计划导入文件模板.csv",downUrl);
},
handleSelectionChange(val) {
console.log("已选择");
console.log(val);
this.multipleSelection = val;
},
importData(){
document.getElementById("bt_import").blur();
if(this.$data.importTableData.length==0){
this.$message({
message: "请选择导入文件",
type: "warning",
duration: 1500
});
return;
}
this.$data.percent_len=0;
this.$data.if_show_process=true;
this.$data.interval= setInterval(()=>{
if(this.$data.percent_len>=99){
clearInterval(this.$data.interval);
return;
}
this.$data.percent_len+=1
},20)
var _this = this;
axios.post('/pp/import_ma_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
plan:this.$data.importTableData,
})
.then(function (response) {
let r = response.data.r;
console.log("r:",r);
let s = ""
let errType = ""
if (r == 0) {
let len = _this.$data.importTableData.length;
_this.$data.percent_len=100;
_this.$data.if_show_process=false;
errType = "success"
s = "导入"+len+"采购计划成功!";
_this.$message({
message: s,
type: errType,
duration: 1500
});
} else if(r==2){
errType = "error"
s = response.data.context;
console.log(s);
clearInterval(_this.$data.interval);
_this.$message({
dangerouslyUseHTMLString: true,
message: s,
type: errType,
duration: 3000
});
} else{
errType = "error"
s = "导入采购计划失败!";
clearInterval(_this.$data.interval);
_this.$message({
message: s,
type: errType,
duration: 3000
});
}
_this.$data.importdialogVisible=false;
//更新页面
_this.get_ma_plan();
})
.catch(function (error) {
console.log(error);
});
},
importDialog_close(done){
console.log("关闭导入对话框");
done();
},
handleChange(file, fileList) {
document.getElementById("bt_upload").blur();
this.fileTemp = file.raw
console.log("filetype:",this.fileTemp);
if (this.fileTemp) {
console.log("begin ...")
console.log(this.fileTemp.type);
if ((this.fileTemp.type == 'text/csv') || (this.fileTemp.type == '.csv') || (this.fileTemp.type == 'application/vnd.ms-excel')) {
let _this = this//如果需要点击事件结束之后对DOM进行操作使用)_this.xx=xx进行操作
Papa.parse(_this.fileTemp, {
encoding:'gb2312',
complete (results) {
console.log(results)//这个是csv文件的数据
let data = []
//遍历csv文件中的数据存放到data中 方法不唯一,可自己更改
var cnt = 1
for (let i = 0; i < results.data.length; ++i) {
if(i==0){
continue;
}
let obj = {}
obj.flag = results.data[i][0]
if(obj.flag==""|| obj.flag==undefined){
continue;
}
/*obj.contract_id = results.data[i][1]
obj.contract_amount = results.data[i][2]
*/
obj.rdm = results.data[i][1]
obj.code = results.data[i][2]
obj.num = results.data[i][3]
obj.demand_date = results.data[i][4]
obj.buyer = results.data[i][5]
obj.order_date = results.data[i][6]
obj.t_id = cnt
cnt +=1
data.push(obj)
}
//data.splice(0, 1)//将数组第一位的表格名称去除
let num = 0
console.log('data', data)
_this.$data.importTableData=data;
}
})
} else {
this.$data.fileListUpload=[];
this.$message({
type: 'warning',
message: '附件格式错误,请删除后重新上传!'
})
}
} else {
this.$message({
type: 'warning',
message: '请上传附件!'
})
}
},
importCsv(){
this.$data.fileListUpload=[];
this.$data.importTableData=[];
this.$data.importdialogVisible=true;
this.$data.if_show_process=false;
},
export_plan_1(){
var _this = this;
var objs;
axios.post('/pp/export_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
index: this.$data.currentPage,
count: this.$data.pagesize,
id:this.$data.id_v,
rdm:this.$data.rdm_v,
bt:this.$data.bt_v,
et:this.$data.et_v,
code:this.$data.msid_v,
name:this.$data.pname_v,
supplier:this.$data.supplier_v,
if_done:this.$data.checked,
state:this.$data.state_v,
})
.then(function (response) {
var date = new Date();
//年 getFullYear():四位数字返回年份
var year = date.getFullYear()%2000; //getFullYear()代替getYear()
console.log(year.toString());
//月 getMonth()0 ~ 11
var month = date.getMonth() + 1;
if(month<10){
month='0'+month
}
//日 getDate()(1 ~ 31)
var day = date.getDate();
if(day<10){
day='0'+day;
}
//时 getHours()(0 ~ 23)
var hour = date.getHours();
if (hour<10){
hour='0'+hour;
}
//分 getMinutes() (0 ~ 59)
var minute = date.getMinutes();
if (minute<10){
minute='0'+minute;
}
//秒 getSeconds()(0 ~ 59)
var second = date.getSeconds();
if (second<10){
second='0'+second;
}
var filename=year.toString()+month.toString()+day.toString() +" " + hour.toString()+minute.toString()+second.toString();
filename = "采购计划 "+filename+".csv"
console.log(response.data);
var fileid = response.data.fileId;
var downUrl = '/pp/download_file'+"?id="+fileid;
downloadUrl(filename,downUrl);
})
.catch(function (error) {
console.log(error);
});
},
export_warn_plan(){
var _this = this;
var objs;
axios.post('/pp/export_warning_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
})
.then(function (response) {
var date = new Date();
//年 getFullYear():四位数字返回年份
var year = date.getFullYear()%2000; //getFullYear()代替getYear()
console.log(year.toString());
//月 getMonth()0 ~ 11
var month = date.getMonth() + 1;
if(month<10){
month='0'+month
}
//日 getDate()(1 ~ 31)
var day = date.getDate();
if(day<10){
day='0'+day;
}
//时 getHours()(0 ~ 23)
var hour = date.getHours();
if (hour<10){
hour='0'+hour;
}
//分 getMinutes() (0 ~ 59)
var minute = date.getMinutes();
if (minute<10){
minute='0'+minute;
}
//秒 getSeconds()(0 ~ 59)
var second = date.getSeconds();
if (second<10){
second='0'+second;
}
var filename=year.toString()+month.toString()+day.toString() +" " + hour.toString()+minute.toString()+second.toString();
filename = "超期预警 "+filename+".csv"
console.log(response.data);
var fileid = response.data.fileId;
var downUrl = '/pp/download_file'+"?id="+fileid;
downloadUrl(filename,downUrl);
})
.catch(function (error) {
console.log(error);
});
},
export_plan(){
var _this = this;
var objs;
axios.post('/pp/export_ma_temp_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
id:this.$data.id_v,
rid:this.$data.rid_v,
if_done:this.$data.checked,
repairer:this.$data.repairer_v,
rs:this.$data.rs_v,
regional_head:this.$data.regional_head_v,
ms:this.$data.ms_v,
sort_field:this.$data.asc_v,
})
.then(function (response) {
var date = new Date();
//年 getFullYear():四位数字返回年份
var year = date.getFullYear()%2000; //getFullYear()代替getYear()
console.log(year.toString());
//月 getMonth()0 ~ 11
var month = date.getMonth() + 1;
if(month<10){
month='0'+month
}
//日 getDate()(1 ~ 31)
var day = date.getDate();
if(day<10){
day='0'+day;
}
//时 getHours()(0 ~ 23)
var hour = date.getHours();
if (hour<10){
hour='0'+hour;
}
//分 getMinutes() (0 ~ 59)
var minute = date.getMinutes();
if (minute<10){
minute='0'+minute;
}
//秒 getSeconds()(0 ~ 59)
var second = date.getSeconds();
if (second<10){
second='0'+second;
}
var filename=year.toString()+month.toString()+day.toString() +" " + hour.toString()+minute.toString()+second.toString();
filename = "维保计划 "+filename+".csv"
console.log(response.data);
var fileid = response.data.fileId;
var downUrl = '/pp/download_file'+"?id="+fileid;
downloadUrl(filename,downUrl);
})
.catch(function (error) {
console.log(error);
});
},
tableRowClassName({row, rowIndex}) {
if (row.cti != undefined && row.cti.length>0){
return 'success-row';
}else{
/*var n = rowIndex%2;
if (n == 1) {
return 'success-row';
}*/
}
return '';
},
show_update_dialog(row){
this.$data.form = {
pre_id:row.pre_id,
id:row.id,
rdm:row.rdm,
code:row.code,
name:row.name,
specs:row.specs,
unit:row.unit,
num:row.num,
price:row.price,
total_p:row.total_p,
pt:row.pt,
paid:row.paid,
rp:row.rp,
demand_date:row.demand_date,
purchasing_cycle:row.purchasing_cycle,
order_date:row.order_date,
over_due1:row.over_due1,
add:row.add,
residue:row.residue,
over_due2:row.over_due2,
buy_record:row.buy_record,
aq:row.aq,
state:row.state,
wen:row.wen,
supplier:row.supplier,
flag:row.flag,
cti:row.cti,
buyer:row.buyer,
dduc:row.dduc,
serial_num:row.serial_num,
contract_id:row.contract_id,
batch_no:row.batch_no,
pay_amount:row.pay_amount,
remark:row.remark
};
console.log(this.$data.form)
//this.get_ma_user();
var op_user = localStorage.getItem("online_user");
var level = localStorage.getItem("level");
var did = localStorage.getItem("did");
if(level==1){
this.$data.disabled=false;
}else{
this.$data.disabled =true;
}
console.log(level,this.$data.disabled);
this.$data.updatedialogVisible_ex = true;
},
update_ma_ex(){
this.$refs['authform_ex'].validate((valid) => {
if (valid) {
var _this = this;
axios.post('/pp/update_ma_plan_ex', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
data:_this.form,
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
s = "修改成功!";
} else{
errType = "error"
s = "修改失败!";
}
_this.$message({
message: s,
type: errType,
duration: 1500
});
//更新页面
if(r==0){
console.log("flag:",_this.form.flag);
if (_this.form.flag!="2"){
_this.get_ma_plan(_this.$data.currentPage);
_this.$data.updatedialogVisible_ex = false;
} else if (_this.form.flag=="2"){
var arr1 = new Array(); //创建一个空数组
for(var i = 0; i < _this.$data.child_data.length;++i){
arr1.push(_this.$data.child_data[i].id);
}
_this.get_single_pp(arr1);
_this.$data.updatedialogVisible_ex = false;
}
}
})
.catch(function (error) {
console.log(error);
});
}
});
},
remove_ma_plan(row){
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var _this = this;
axios.post('/pp/remove_ma_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
id:row.id
})
.then(function (response) {
let r = response.data.r;
let s = ""
let errType = ""
if (r == 0) {
errType = "success"
s = "删除成功!";
if (row.flag!="2"){
_this.get_ma_plan(_this.$data.currentPage);
} else if (row.flag=="2"){
var arr1 = new Array(); //创建一个空数组
for(var i = 0; i < _this.$data.child_data.length;++i){
arr1.push(_this.$data.child_data[i].id);
}
_this.get_single_pp(arr1);
_this.get_ma_plan(_this.$data.currentPage);
}
} else if(r==1){
errType = "warning"
s = "有子任务,请先删除子任务再删除主任务!";
} else{
errType = "error"
s = "删除失败!";
}
_this.$message({
message: s,
type: errType,
duration: 1500
});
})
.catch(function (error) {
console.log(error);
});
}).catch(() => {
});
},
get_ma_plan_1(){
document.getElementById("bt_serach_1").blur();
var _this = this;
var objs;
axios.post('/pp/get_ma_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
index: this.$data.currentPage,
count: this.$data.pagesize,
id:this.$data.id_v,
rdm:this.$data.rdm_v,
bt:this.$data.bt_v,
et:this.$data.et_v,
code:this.$data.msid_v,
name:this.$data.pname_v,
supplier:this.$data.supplier_v,
if_done:this.$data.checked,
state:this.$data.state_v,
buyer:this.$data.buyer_v,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
rcnt = response.data.total;
_this.$data.tableData = objs;
_this.$data.recordTotal = rcnt;
//_this.$data.pagecnt = response.data.pagecnt;
})
.catch(function (error) {
console.log(error);
});
},
get_ma_plan(cur_page){
console.log("cur_page:",cur_page);
document.getElementById("bt_serach").blur();
var _this = this;
var objs;
axios.post('/pp/get_ma_plan', {
opuser:localStorage.getItem("online_user"),
opuser_uuid:localStorage.getItem("uuid"),
index: this.$data.currentPage,
count: this.$data.pagesize,
id:this.$data.id_v,
rdm:this.$data.rdm_v,
bt:this.$data.bt_v,
et:this.$data.et_v,
code:this.$data.msid_v,
name:this.$data.pname_v,
supplier:this.$data.supplier_v,
if_done:this.$data.checked,
state:this.$data.state_v,
buyer:this.$data.buyer_v,
})
.then(function (response) {
console.log(response.data);
objs = response.data.data;
rcnt = response.data.total;
_this.$data.tableData = objs;
_this.$data.recordTotal = rcnt;
//_this.$data.pagecnt = response.data.pagecnt;
})
.catch(function (error) {
console.log(error);
});
},
handleSizeChange(val) {
//console.log(`每页 ${val} 条`);
this.$data.pagesize = val;
this.get_ma_plan();
},
handleCurrentChange(val) {
//console.log(`当前页: ${val}`);
this.$data.currentPage = val;
this.get_ma_plan();
},
down_file_22(row){
//根据id获取contract_name
var downUrl = '/pp/download_sp_1_file' + "?id=" + row.id;
downloadUrl(row.contract_name, downUrl);
return;
/*var index = row.contract_name.lastIndexOf(".")
if(row.contract_name.slice(index) == ".pdf"){
var downUrl = '/file/'+'sp_1/'+row.contract_name;
window.open(downUrl, '_blank');
}else{
var downUrl = '/pp/download_sp_1_file'+"?id="+row.id;
downloadUrl(row.contract_name,downUrl);
}*/
},
down_file_23(row){
//根据id获取contract_name
var downUrl = '/pp/upload_sp_2_file' + "?id=" + row.id;
downloadUrl(row.pay_contract_name, downUrl);
return;
/*var index = row.contract_name.lastIndexOf(".")
if(row.contract_name.slice(index) == ".pdf"){
var downUrl = '/file/'+'sp_1/'+row.contract_name;
window.open(downUrl, '_blank');
}else{
var downUrl = '/pp/download_sp_1_file'+"?id="+row.id;
downloadUrl(row.contract_name,downUrl);
}*/
},
}
}