Skip to content

platform / finance_serv

Go to a project
Commit 77c6d4c5 by 谢明辉
Options

a

1 parent ac9941fe
Inline Side-by-side
Showing 6 changed files with 709 additions and 577 deletions
code/finance_web/index.html
......@@ -6,6 +6,13 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>finance_serv</title>
<style>
input:focus,
textarea:focus {
background-color: papayawhip;
}
</style>
</head>
<body style="height: 100%;margin: 0">
......
code/finance_web/src/components/contract.vue
......@@ -19,7 +19,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="销售员">
<el-form-item label="销售员" prop="salesperson_unid">
<el-select class="width-220" v-model="form.salesperson_unid" clearable filterable placeholder="销售人员" :disabled="disabled_list[0]==1">
<el-option v-for="(item,index) in salesperson_unid_selected_data" :key="index" :label="item.name" :value="item.user_unid">
</el-option>
......@@ -45,30 +45,32 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目所在地">
<el-select :disabled="disabled_list[0]==1" style="width:100px" v-model="form.province_value" clearable placeholder="省" @change="get_cities()">
<el-form-item label="项目所在地" prop="province_value">
<el-select :disabled="disabled_list[0]==1" style="width:108px" v-model="form.province_value" clearable placeholder="省" @change="get_cities()">
<el-option v-for="(item,index) in provinces" :key="index" :label="item.name" :value="item.province_unid + '#' + item.name">
</el-option>
</el-select>
<el-select :disabled="disabled_list[0]==1" style="width:100px" v-model="form.city_value" clearable placeholder="市" @change="get_counties()">
</el-form-item>
<el-form-item prop="city_value">
<el-select :disabled="disabled_list[0]==1" style="width:108px" v-model="form.city_value" clearable placeholder="市">
<el-option v-for="(item,index) in cities" :key="index" :label="item.name" :value="item.city_unid + '#' + item.name">
</el-option>
</el-select>
<el-select :disabled="disabled_list[0]==1" style="width:100px" v-model="form.county_value" clearable placeholder="区县">
<!-- <el-select :disabled="disabled_list[0]==1" style="width:100px" v-model="form.county_value" clearable placeholder="区县">
<el-option v-for="(item,index) in counties" :key="index" :label="item.name" :value="item.county_unid + '#' + item.name">
</el-option>
</el-select>
</el-select> -->
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="质保周期(月)">
<el-form-item label="质保周期(月)" prop="guarantee_period">
<el-input-number :disabled="disabled_list[0]==1" class="width-220" v-model="form.guarantee_period" :step="6" :min="6" :max="60" size="medium"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row style="text-align:left">
<el-col :span="8">
<el-form-item label="签订日期">
<el-form-item label="签订日期" prop="sign_date">
<el-date-picker :disabled="disabled_list[0]==1" class="width-220" v-model="form.sign_date" type="date" placeholder="日期" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
......@@ -86,7 +88,7 @@
</el-row>
<el-row style="text-align:left">
<el-col :span="8">
<el-form-item label="产品线类型">
<el-form-item label="产品线类型" prop="product_line_type">
<el-select :disabled="disabled_list[0]==1" class="width-220" v-model="form.product_line_type" clearable placeholder="产品线类型">
<el-option v-for="item in product_line_type_data" :key="item.unid" :label="item.name" :value="item.code">
</el-option>
......@@ -94,7 +96,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同状态">
<el-form-item label="合同状态" prop="contract_state">
<el-select :disabled="disabled_list[0]==1" class="width-220" v-model="form.contract_state" clearable placeholder="合同状态">
<el-option v-for="item in contract_state_data" :key="item.unid" :label="item.name" :value="item.code">
</el-option>
......@@ -102,7 +104,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同性质">
<el-form-item label="合同性质" prop="contract_type">
<el-select :disabled="disabled_list[0]==1" class="width-220" v-model="form.contract_type" clearable placeholder="合同性质">
<el-option v-for="item in contract_type_data" :key="item.unid" :label="item.name" :value="item.code">
</el-option>
......@@ -122,7 +124,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-form-item label="备注" prop="contract_amount_note">
<el-input :disabled="disabled_list[0]==1" class="width-220" v-model="form.contract_amount_note" clearable></el-input>
</el-form-item>
</el-col>
......@@ -139,7 +141,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-form-item label="备注" prop="reback_note">
<el-input :disabled="disabled_list[0]==1" class="width-220" v-model="form.reback_note" clearable></el-input>
</el-form-item>
</el-col>
......@@ -156,14 +158,14 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-form-item label="备注" prop="contract_remain_note">
<el-input :disabled="disabled_list[0]==1" class="width-220" v-model="form.contract_remain_note" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="text-align:left">
<el-col :span="8">
<el-form-item label="合同是否归档">
<el-form-item label="合同是否归档" prop="is_archive">
<el-select :disabled="disabled_list[0]==1" class="width-220" v-model="form.is_archive" clearable placeholder="请选择">
<el-option label="是" :value="true"></el-option>
<el-option label="否" :value="false"></el-option>
......@@ -176,7 +178,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-form-item label="备注" prop="bad_amount_note">
<el-input :disabled="disabled_list[0]==1" class="width-220" v-model="form.bad_amount_note" clearable></el-input>
</el-form-item>
</el-col>
......@@ -205,7 +207,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="账款状态">
<el-form-item label="账款状态" prop="amount_state_unid">
<el-select :disabled="disabled_list[0]==1" class="width-220" v-model="form.amount_state_unid" clearable placeholder="账款状态">
<el-option v-for="item in amount_state_unid_data" :key="item.unid" :label="item.name" :value="item.code">
</el-option>
......@@ -215,17 +217,17 @@
</el-row>
<el-row style="text-align:left">
<el-col :span="8">
<el-form-item label="维保服务期">
<el-form-item label="维保服务期" prop="guarantee_date">
<el-date-picker :disabled="disabled_list[0]==1" style="width:300px" v-model="guarantee_date" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :unlink-panels="true">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="15" style="text-align:left">
<el-form-item label="质保期">
<el-select :disabled="disabled_list[0]==1" v-model="form.mainten_start_point" clearable placeholder="开始节点">
<!-- <el-select :disabled="disabled_list[0]==1" v-model="form.mainten_start_point" clearable placeholder="开始节点">
<el-option v-for="item in mainten_start_point_data" :key="item.unid" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-select> -->
<el-date-picker v-model="this.mainten_start_date" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" :disabled="true">
</el-date-picker>
<el-date-picker v-model="this.mainten_end_date" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" :disabled="true">
......@@ -235,12 +237,12 @@
</el-row>
<el-row style="text-align:left">
<el-col :span="8">
<el-form-item label="备注">
<el-form-item label="备注" prop="contract_note">
<el-input :disabled="disabled_list[0]==1" v-model="form.contract_note" type="textarea" :rows="5" style="width:300px"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="上传文件">
<el-form-item label="上传文件" prop="contract_appendix_list">
<el-upload :disabled="disabled_list[0]==1" class="upload-demo" :action="upload_url" multiple :file-list="contract_appendix_list" :http-request="contract_upload" :on-preview="download_file" :on-remove="on_remove">
<el-tooltip class="item" effect="dark" content="上传后点击提交按钮生效" placement="top">
<el-button :disabled="disabled_list[0]==1" type="primary" style="width:200px">点击上传</el-button>
......@@ -254,6 +256,7 @@
</el-card>
<!-- 基本信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 付款约定开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-card class="box-card">
......@@ -265,43 +268,45 @@
<transition name="el-fade-in-linear">
<div id="payments_data_table" v-show="payments_show">
<el-table :data="payments_data" style="width: 100%">
<el-table-column prop="payment_progress" label="付款进度" min-width="100" align="center">
<el-table-column prop="payment_progress" label="付款进度" min-width="80" align="center">
<!-- <template slot-scope="scope">
{{scope.$index + 1}}
</template> -->
</el-table-column>
<el-table-column label="付款类型" min-width="100" align="center">
<el-table-column label="付款类型" min-width="120" align="center">
<template slot-scope="scope">
{{get_payment_type(scope.$index)}}
</template>
</el-table-column>
<el-table-column prop="days" label="天数" min-width="100" align="center">
<el-table-column prop="days" label="天数" min-width="80" align="center">
</el-table-column>
<el-table-column label="付款比例(%)" min-width="100" align="center">
<template slot-scope="scope">
{{payments_data[scope.$index].payment_propority * 100}}
</template>
</el-table-column>
<el-table-column label="本期应付款日期" min-width="200" align="center">
<el-table-column label="本期应付款日期" min-width="120" align="center">
<template slot-scope="scope">
{{get_pay_date(scope.$index)}}
</template>
</el-table-column>
<el-table-column prop="amount" label="本期应付款金额" min-width="200" align="center">
<el-table-column prop="amount" label="本期应付款金额" min-width="120" align="center">
<template slot-scope="scope">
{{get_pay_amount(scope.$index).toFixed(2)}}
</template>
</el-table-column>
<el-table-column prop="payment_requirement" label="本期付款条件" min-width="300" align="center">
</el-table-column>
<el-table-column label="操作" width="200" align="center" fixed="right">
<el-table-column label="操作" width="140" align="center" fixed="right">
<template slot-scope="scope">
<el-button @click.native.prevent="payment_data_modify(scope.$index, payments_data)" type="primary" round :disabled="disabled_list[0]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, payments_data,'payments')" type="danger" round :disabled="disabled_list[0]==1">
移除
</el-button>
<el-button-group>
<el-button @click.native.prevent="payment_data_modify(scope.$index, payments_data)" type="primary" size="mini" round :disabled="disabled_list[0]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, payments_data,'payments')" type="danger" size="mini" round :disabled="disabled_list[0]==1">
移除
</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
......@@ -339,12 +344,99 @@
</el-dialog>
<!-- 付款约定结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 工程验收信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size:24px;color:#eff0dc" @click="acceptanc_show = !acceptanc_show">工程验收信息(工程部)</span>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('project')" v-show="disabled_list[3]!=1">提交</el-button>
</div>
<transition name="el-fade-in-linear">
<div id="acceptanc_form" v-show="acceptanc_show">
<el-form :inline="true" :model="first_acceptancs_form" class="demo-form-inline" label-width="100px" :rules="acceptanc_form_rules" ref="first_acceptancs_form" :disabled="disabled_list[3]==1">
<el-row>
<el-col :span="8">
<el-tooltip class="item" effect="dark" content="填写初验必须填写终验" placement="top">
<el-form-item label="是否初验" prop="acceptanc_type">
<el-select class="width-220" v-model="first_acceptancs_form.acceptanc_type" clearable>
<el-option label="是" value="1">
</el-option>
<el-option label="否" value="">
</el-option>
</el-select>
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-form-item label="项目验收日期" prop="acceptanc_date">
<el-date-picker class="width-220" v-model="first_acceptancs_form.acceptanc_date" type="date" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input class="width-220" v-model="first_acceptancs_form.acceptanc_note" placeholder="备注" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-form-item lalel="上传附件">
<el-upload class="upload-demo" :action="upload_url" multiple :file-list="first_acceptancs_appendix_list" :http-request="first_acceptances_upload" :on-preview="download_file" :on-remove="on_remove">
<el-tooltip class="item" effect="dark" content="上传后点击提交按钮生效" placement="top">
<el-button type="primary">点击上传</el-button>
</el-tooltip>
</el-upload>
</el-form-item>
</el-row>
</el-form>
</el-form>
<el-form :inline="true" :model="final_acceptancs_form" class="demo-form-inline" label-width="100px" :rules="acceptanc_form_rules2" ref="final_acceptancs_form" :disabled="disabled_list[3]==1">
<el-row>
<el-col :span="8">
<el-tooltip class="item" effect="dark" content="填写初验必须填写终验" placement="top">
<el-form-item label="是否终验" prop="acceptanc_type">
<el-select class="width-220" v-model="final_acceptancs_form.acceptanc_type" clearable>
<el-option label="是" value="2">
</el-option>
<el-option label="否" value="">
</el-option>
</el-select>
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-form-item label="项目验收日期" prop="acceptanc_date">
<el-date-picker class="width-220" v-model="final_acceptancs_form.acceptanc_date" type="date" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input class="width-220" v-model="final_acceptancs_form.acceptanc_note" placeholder="备注" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-form-item lalel="上传附件">
<el-upload class="upload-demo" :action="upload_url" multiple :file-list="acceptancs_appendix_list" :http-request="acceptances_upload" :on-preview="download_file" :on-remove="on_remove">
<el-tooltip class="item" effect="dark" content="上传后点击提交按钮生效" placement="top">
<el-button type="primary">点击上传</el-button>
</el-tooltip>
</el-upload>
</el-form-item>
</el-row>
</el-form>
</div>
</transition>
</el-card>
<!-- 工程验收信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 合同回款信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size:24px;color:#eff0dc" @click="rebacks_show = !rebacks_show">合同回款信息(财务部)</span>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('reback')" v-show="disabled_list[0]!=1">提交</el-button>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('reback')" v-show="disabled_list[1]!=1">提交</el-button>
</div>
<transition name="el-fade-in-linear">
......@@ -366,19 +458,21 @@
</el-table-column>
<el-table-column prop="reback_note" label="回款备注" min-width="300" align="center">
</el-table-column>
<el-table-column label="操作" width="200" align="center" fixed="right">
<el-table-column label="操作" width="140" align="center" fixed="right">
<template slot-scope="scope">
<el-button @click.native.prevent="reback_data_modify(scope.$index, rebacks_data)" type="primary" round :disabled="disabled_list[0]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, rebacks_data,'rebacks')" type="danger" round :disabled="disabled_list[0]==1">
移除
</el-button>
<el-button-group>
<el-button @click.native.prevent="reback_data_modify(scope.$index, rebacks_data)" type="primary" size="mini" round :disabled="disabled_list[1]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, rebacks_data,'rebacks')" type="danger" size="mini" round :disabled="disabled_list[1]==1">
移除
</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
<el-row>
<el-button class="add_button" type="text" @click="rebacks_dialog_show = true" :disabled="disabled_list[0]==1">添加合同回款信息</el-button>
<el-button class="add_button" type="text" @click="rebacks_dialog_show = true" :disabled="disabled_list[1]==1">添加合同回款信息</el-button>
</el-row>
</div>
</transition>
......@@ -410,7 +504,7 @@
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size:24px;color:#eff0dc" @click="receipts_show = !receipts_show">合同开票信息(财务部)</span>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('receipt')" v-show="disabled_list[0]!=1">提交</el-button>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('receipt')" v-show="disabled_list[1]!=1">提交</el-button>
</div>
<transition name="el-fade-in-linear">
......@@ -439,19 +533,21 @@
</el-table-column>
<el-table-column prop="receipt_note" label="备注" min-width="300" align="center">
</el-table-column>
<el-table-column label="操作" width="200" align="center" fixed="right">
<el-table-column label="操作" width="140" align="center" fixed="right">
<template slot-scope="scope">
<el-button @click.native.prevent="receipt_data_modify(scope.$index, receipts_data)" type="primary" round :disabled="disabled_list[0]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, receipts_data,'receipts')" type="danger" round :disabled="disabled_list[0]==1">
移除
</el-button>
<el-button-group>
<el-button @click.native.prevent="receipt_data_modify(scope.$index, receipts_data)" type="primary" size="mini" round :disabled="disabled_list[1]==1">
修改
</el-button>
<el-button @click.native.prevent="data_delete(scope.$index, receipts_data,'receipts')" type="danger" size="mini" round :disabled="disabled_list[1]==1">
移除
</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
<el-row>
<el-button class="add_button" type="text" @click="receipts_dialog_show = true" :disabled="disabled_list[0]==1">添加开票信息</el-button>
<el-button class="add_button" type="text" @click="receipts_dialog_show = true" :disabled="disabled_list[1]==1">添加开票信息</el-button>
</el-row>
</div>
</transition>
......@@ -482,7 +578,7 @@
<el-card class="box-card" id="tail">
<div slot="header" class="clearfix">
<span style="font-size:24px;color:#eff0dc" @click="delivers_show = !delivers_show">发货信息(生产部)</span>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('deliver')" v-show="disabled_list[1]!=1">提交</el-button>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('deliver')" v-show="disabled_list[2]!=1">提交</el-button>
</div>
<transition name="el-fade-in-linear">
......@@ -494,19 +590,21 @@
</el-table-column>
<el-table-column min-width="10" align="center">
</el-table-column>
<el-table-column label="操作" width="200" align="center" fixed="right">
<el-table-column label="操作" width="140" align="center" fixed="right">
<template slot-scope="scope">
<el-button :disabled="disabled_list[1]==1" @click.native.prevent="deliver_data_modify(scope.$index, delivers_data)" type="primary" round>
修改
</el-button>
<el-button :disabled="disabled_list[1]==1" @click.native.prevent="data_delete(scope.$index, delivers_data,'delivers')" type="danger" round>
移除
</el-button>
<el-button-group>
<el-button :disabled="disabled_list[2]==1" @click.native.prevent="deliver_data_modify(scope.$index, delivers_data)" type="primary" size="mini" round>
修改
</el-button>
<el-button :disabled="disabled_list[2]==1" @click.native.prevent="data_delete(scope.$index, delivers_data,'delivers')" type="danger" size="mini" round>
移除
</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
<el-row>
<el-button class="add_button" type="text" @click="delivers_dialog_show = true" :disabled="disabled_list[1]==1">添加发货信息</el-button>
<el-button class="add_button" type="text" @click="delivers_dialog_show = true" :disabled="disabled_list[2]==1">添加发货信息</el-button>
</el-row>
</div>
</transition>
......@@ -538,93 +636,7 @@
</el-dialog>
<!-- 发货信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 工程验收信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size:24px;color:#eff0dc" @click="acceptanc_show = !acceptanc_show">工程验收信息(工程部)</span>
<el-button style="float: right; padding: 8px 0;color:#c9cabb" type="text" @click="form_submit('project')" v-show="disabled_list[2]!=1">提交</el-button>
</div>
<transition name="el-fade-in-linear">
<div id="acceptanc_form" v-show="acceptanc_show">
<el-form :inline="true" :model="first_acceptancs_form" class="demo-form-inline" label-width="100px" :rules="acceptanc_form_rules" ref="first_acceptancs_form" :disabled="disabled_list[2]==1">
<el-row>
<el-col :span="8">
<el-tooltip class="item" effect="dark" content="填写初验必须填写终验" placement="top">
<el-form-item label="是否初验" prop="acceptanc_type">
<el-select class="width-220" v-model="first_acceptancs_form.acceptanc_type" clearable>
<el-option label="是" value="1">
</el-option>
<el-option label="否" value="">
</el-option>
</el-select>
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-form-item label="项目验收日期" prop="acceptanc_date">
<el-date-picker class="width-220" v-model="first_acceptancs_form.acceptanc_date" type="date" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input class="width-220" v-model="first_acceptancs_form.acceptanc_note" placeholder="备注" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-form-item lalel="上传附件">
<el-upload class="upload-demo" :action="upload_url" multiple :file-list="first_acceptancs_appendix_list" :http-request="first_acceptances_upload" :on-preview="download_file" :on-remove="on_remove">
<el-tooltip class="item" effect="dark" content="上传后点击提交按钮生效" placement="top">
<el-button type="primary">点击上传</el-button>
</el-tooltip>
</el-upload>
</el-form-item>
</el-row>
</el-form>
</el-form>
<el-form :inline="true" :model="final_acceptancs_form" class="demo-form-inline" label-width="100px" :rules="acceptanc_form_rules2" ref="final_acceptancs_form" :disabled="disabled_list[2]==1">
<el-row>
<el-col :span="8">
<el-tooltip class="item" effect="dark" content="填写初验必须填写终验" placement="top">
<el-form-item label="是否终验" prop="acceptanc_type">
<el-select class="width-220" v-model="final_acceptancs_form.acceptanc_type" clearable>
<el-option label="是" value="2">
</el-option>
<el-option label="否" value="">
</el-option>
</el-select>
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-form-item label="项目验收日期" prop="acceptanc_date">
<el-date-picker class="width-220" v-model="final_acceptancs_form.acceptanc_date" type="date" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input class="width-220" v-model="final_acceptancs_form.acceptanc_note" placeholder="备注" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-form-item lalel="上传附件">
<el-upload class="upload-demo" :action="upload_url" multiple :file-list="acceptancs_appendix_list" :http-request="acceptances_upload" :on-preview="download_file" :on-remove="on_remove">
<el-tooltip class="item" effect="dark" content="上传后点击提交按钮生效" placement="top">
<el-button type="primary">点击上传</el-button>
</el-tooltip>
</el-upload>
</el-form-item>
</el-row>
</el-form>
</div>
</transition>
</el-card>
<!-- 工程验收信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</div>
</template>
<script>
......@@ -639,7 +651,7 @@ export default {
return {
payment_type_tag: 0,
contract_unid_disabled: false,
disabled_list: [1, 1, 1],
disabled_list: [1, 1, 1, 1],
contract_appendix_list: [],
acceptancs_appendix_list: [],
first_acceptancs_appendix_list: [],
......@@ -653,7 +665,7 @@ export default {
customer_unid_selected_data: [], //客户名称数据数组
provinces: [],
cities: [],
counties: [],
// counties: [],
modify_data: false, //用来标志dialog用来修改数据
modify_index: -1, //用来标志修改数据的索引
payment_type_data: [],
......@@ -661,7 +673,7 @@ export default {
contract_state_data: [],
contract_type_data: [],
amount_state_unid_data: [],
mainten_start_point_data: [],
// mainten_start_point_data: [],
guarantee_date: [,], //维保服务期，数组形式的日期，0开始，1结束。
// show and display~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
payments_dialog_show: false,
......@@ -689,7 +701,7 @@ export default {
// // 项目所在市
city_value: "",
// // 项目所在区
county_value: "",
// county_value: "",
// 质保周期
guarantee_period: 6,
// 签订时间
......@@ -725,7 +737,7 @@ export default {
// 账款状态
amount_state_unid: "",
// 质保期开始
mainten_start_point: null,
// mainten_start_point: null,
// 合同备注
contract_note: "",
// 合同附件
......@@ -938,16 +950,16 @@ export default {
return this.form.city_value.split("#")[1];
}
},
get_county_unid() {
if (this.form.county_value) {
return this.form.county_value.split("#")[0];
}
},
get_county_name() {
if (this.form.county_value) {
return this.form.county_value.split("#")[1];
}
},
// get_county_unid() {
// if (this.form.county_value) {
// return this.form.county_value.split("#")[0];
// }
// },
// get_county_name() {
// if (this.form.county_value) {
// return this.form.county_value.split("#")[1];
// }
// },
get_year() {
if (this.form.sign_date) {
var date = this.form.sign_date;
......@@ -1064,49 +1076,52 @@ export default {
}
},
mainten_start_date: function() {
// if (
// this.form.mainten_start_point == "60001" &&
// this.form.sign_date &&
// this.form.guarantee_period
// ) {
// return this.form.sign_date;
// } else if (
// this.form.mainten_start_point == "60002" &&
// this.delivers_data[0]
// ) {
// var index = this.delivers_data.length - 1;
// return this.delivers_data[index].goods_acceptanc_date;
// } else
if (
this.form.mainten_start_point == "60001" &&
this.form.sign_date &&
this.form.guarantee_period
) {
return this.form.sign_date;
} else if (
this.form.mainten_start_point == "60002" &&
this.delivers_data[0]
) {
var index = this.delivers_data.length - 1;
return this.delivers_data[index].goods_acceptanc_date;
} else if (
this.form.mainten_start_point == "60003" &&
// this.form.mainten_start_point == "60003" &&
this.final_acceptancs_form.acceptanc_type == "2" &&
this.final_acceptancs_form.acceptanc_date != ""
this.final_acceptancs_form.acceptanc_date != null
) {
return this.final_acceptancs_form.acceptanc_date;
}
},
mainten_end_date: function() {
// if (
// this.form.mainten_start_point == "60001" &&
// this.form.sign_date &&
// this.form.guarantee_period
// ) {
// return this.date_add_month(
// this.form.sign_date,
// this.form.guarantee_period
// );
// } else if (
// this.form.mainten_start_point == "60002" &&
// this.delivers_data[0]
// ) {
// var index = this.delivers_data.length - 1;
// return this.date_add_month(
// this.delivers_data[index].goods_acceptanc_date,
// this.form.guarantee_period
// );
// } else
if (
this.form.mainten_start_point == "60001" &&
this.form.sign_date &&
this.form.guarantee_period
) {
return this.date_add_month(
this.form.sign_date,
this.form.guarantee_period
);
} else if (
this.form.mainten_start_point == "60002" &&
this.delivers_data[0]
) {
var index = this.delivers_data.length - 1;
return this.date_add_month(
this.delivers_data[index].goods_acceptanc_date,
this.form.guarantee_period
);
} else if (
this.form.mainten_start_point == "60003" &&
// this.form.mainten_start_point == "60003" &&
this.final_acceptancs_form.acceptanc_type == "2" &&
this.final_acceptancs_form.acceptanc_date != ""
this.final_acceptancs_form.acceptanc_date != null
) {
return this.date_add_month(
this.final_acceptancs_form.acceptanc_date,
......@@ -1331,33 +1346,43 @@ export default {
// date_methods~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
date_diff(date1, date2) {
var date1s = date1.split("-");
var date2s = date2.split("-");
var days = parseInt(
(new Date(date1s[0], date1s[1] - 1, date1s[2]).getTime() -
new Date(date2s[0], date2s[1] - 1, date2s[2]).getTime()) /
1000 /
60 /
60 /
24
);
return days;
if (date1 && date2) {
var date1s = date1.split("-");
var date2s = date2.split("-");
var days = parseInt(
(new Date(date1s[0], date1s[1] - 1, date1s[2]).getTime() -
new Date(date2s[0], date2s[1] - 1, date2s[2]).getTime()) /
1000 /
60 /
60 /
24
);
return days;
}
},
date_add_days(datestr, daynum) {
var date_str = datestr;
var date = new Date(date_str.replace(/-/g, "/"));
date = new Date((date / 1000 + 86400 * daynum) * 1000);
var result_date =
date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
return result_date;
if (datestr && daynum) {
var date_str = datestr;
var date = new Date(date_str.replace(/-/g, "/"));
date = new Date((date / 1000 + 86400 * daynum) * 1000);
var result_date =
date.getFullYear() +
"-" +
(date.getMonth() + 1) +
"-" +
date.getDate();
return result_date;
}
},
date_add_month(datestr, month) {
var dates = datestr.split("-");
var date = new Date(dates[0], dates[1] - 1 + month, dates[2]);
return date
.toLocaleDateString()
.match(/\d+/g)
.join("-");
if (datestr && month) {
var dates = datestr.split("-");
var date = new Date(dates[0], dates[1] - 1 + month, dates[2]);
return date
.toLocaleDateString()
.match(/\d+/g)
.join("-");
}
},
// date_methods~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
......@@ -1742,16 +1767,16 @@ export default {
})
.catch(err => {});
},
get_mainten_start_point_data() {
this.$Axios({
method: "get",
url: this.code_base_url + "custom/cates/55B997D596/codes"
})
.then(res => {
this.mainten_start_point_data = res.data.list_data;
})
.catch(err => {});
},
// get_mainten_start_point_data() {
// this.$Axios({
// method: "get",
// url: this.code_base_url + "custom/cates/55B997D596/codes"
// })
// .then(res => {
// this.mainten_start_point_data = res.data.list_data;
// })
// .catch(err => {});
// },
get_provinces() {
this.$Axios({
method: "get",
......@@ -1766,7 +1791,7 @@ export default {
},
get_cities() {
this.form.city_value = "";
this.form.county_value = "";
// this.form.county_value = "";
if (this.form.province_value) {
this.$Axios({
method: "get",
......@@ -1784,27 +1809,27 @@ export default {
});
}
},
get_counties() {
this.form.county_value = "";
if (this.form.province_value && this.form.city_value) {
this.$Axios({
method: "get",
url:
this.code_base_url +
"countries/0E229CD043/provinces/" +
this.get_province_unid +
"/cities/" +
this.get_city_unid +
"/counties"
})
.then(response => {
this.counties = response.data.list_data;
})
.catch(err => {
console.log(err.message);
});
}
},
// get_counties() {
// this.form.county_value = "";
// if (this.form.province_value && this.form.city_value) {
// this.$Axios({
// method: "get",
// url:
// this.code_base_url +
// "countries/0E229CD043/provinces/" +
// this.get_province_unid +
// "/cities/" +
// this.get_city_unid +
// "/counties"
// })
// .then(response => {
// this.counties = response.data.list_data;
// })
// .catch(err => {
// console.log(err.message);
// });
// }
// },
get_pay_date(index) {
var date = "";
var type = this.payments_data[index].payment_type;
......@@ -2067,224 +2092,217 @@ export default {
}
},
get_contract_info(id) {
if (id != "0") {
this.$router.push({ path: "/nav/contract/" + id });
this.$Axios({
method: "get",
url: this.contract_base_url + id,
headers: { "Content-Type": "application/json" }
})
.then(response => {
if (response.data.ecode == "100") {
this.$alert("合同已删除");
this.$router.push({ path: "0" });
} else {
// if (id != "0") {
// this.$router.push({ path: "/nav/contract/" + id });
this.$Axios({
method: "get",
url: this.contract_base_url + id,
headers: { "Content-Type": "application/json" }
})
.then(response => {
if (response.data.ecode == "100") {
this.$alert("合同已删除");
this.$router.push({ path: "0" });
} else {
this.$set(this.form, "contract_unid", response.data.contract_unid);
if (response.data.province) {
this.$set(
this.form,
"contract_unid",
response.data.contract_unid
"province_value",
response.data.province + "#" + response.data.province_name
);
if (response.data.province) {
this.$set(
this.form,
"province_value",
response.data.province + "#" + response.data.province_name
);
}
if (response.data.city) {
this.get_cities();
this.$set(
this.form,
"city_value",
response.data.city + "#" + response.data.city_name
);
}
if (response.data.county) {
this.get_counties();
this.$set(
this.form,
"county_value",
response.data.county + "#" + response.data.county_name
);
}
if (response.data.contract_state) {
this.$set(
this.form,
"contract_state",
response.data.contract_state
);
}
}
if (response.data.city) {
this.get_cities();
this.$set(
this.form,
"city_value",
response.data.city + "#" + response.data.city_name
);
}
// if (response.data.county) {
// this.get_counties();
// this.$set(
// this.form,
// "county_value",
// response.data.county + "#" + response.data.county_name
// );
// }
if (response.data.contract_state) {
this.$set(
this.form,
"contract_state",
response.data.contract_state
);
}
if (response.data.contract_type) {
this.$set(
this.form,
"contract_type",
response.data.contract_type
);
}
if (response.data.is_archive) {
this.$set(this.form, "is_archive", response.data.is_archive);
}
if (response.data.amount_state_unid) {
this.$set(
this.form,
"amount_state_unid",
response.data.amount_state_unid
);
}
if (response.data.salesperson_unid) {
this.$set(
this.form,
"salesperson_unid",
response.data.salesperson_unid
);
}
if (response.data.project_unid) {
this.$set(
this.form,
"project_unid",
response.data.project_unid
);
}
if (response.data.customer_unid) {
this.$set(
this.form,
"customer_unid",
response.data.customer_unid
);
}
if (response.data.deduct_amount) {
this.$set(
this.form,
"deduct_amount",
response.data.deduct_amount.toFixed(2)
);
}
if (response.data.contract_amount_note) {
this.$set(
this.form,
"contract_amount_note",
response.data.contract_amount_note
);
}
if (response.data.stop_amount) {
this.$set(
this.form,
"stop_amount",
response.data.stop_amount.toFixed(2)
);
}
if (response.data.reback_note) {
this.$set(this.form, "reback_note", response.data.reback_note);
}
if (response.data.exemptions_amount) {
this.$set(
this.form,
"exemptions_amount",
response.data.exemptions_amount.toFixed(2)
);
}
if (response.data.contract_remain_note) {
this.$set(
this.form,
"contract_remain_note",
response.data.contract_remain_note
);
}
if (response.data.bad_amount_note) {
this.$set(
this.form,
"bad_amount_note",
response.data.bad_amount_note
);
}
if (response.data.contract_type) {
this.$set(
this.form,
"contract_type",
response.data.contract_type
);
}
if (response.data.is_archive) {
this.$set(this.form, "is_archive", response.data.is_archive);
}
if (response.data.amount_state_unid) {
this.$set(
this.form,
"amount_state_unid",
response.data.amount_state_unid
);
}
if (response.data.salesperson_unid) {
this.$set(
this.form,
"salesperson_unid",
response.data.salesperson_unid
);
}
if (response.data.project_unid) {
this.$set(this.form, "project_unid", response.data.project_unid);
}
if (response.data.customer_unid) {
this.$set(
this.form,
"customer_unid",
response.data.customer_unid
);
}
if (response.data.deduct_amount) {
this.$set(
this.form,
"deduct_amount",
response.data.deduct_amount.toFixed(2)
);
}
if (response.data.contract_amount_note) {
this.$set(
this.form,
"contract_amount_note",
response.data.contract_amount_note
);
}
if (response.data.stop_amount) {
this.$set(
this.form,
"stop_amount",
response.data.stop_amount.toFixed(2)
);
}
if (response.data.reback_note) {
this.$set(this.form, "reback_note", response.data.reback_note);
}
if (response.data.exemptions_amount) {
this.$set(
this.form,
"exemptions_amount",
response.data.exemptions_amount.toFixed(2)
);
}
if (response.data.contract_remain_note) {
this.$set(
this.form,
"contract_remain_note",
response.data.contract_remain_note
);
}
if (response.data.bad_amount_note) {
this.$set(
this.form,
"bad_amount_note",
response.data.bad_amount_note
);
}
if (response.data.mainten_start_point) {
this.$set(
this.form,
"mainten_start_point",
response.data.mainten_start_point
);
}
if (response.data.contract_note) {
this.$set(
this.form,
"contract_note",
response.data.contract_note
);
}
if (response.data.contract_amount) {
this.$set(
this.form,
"contract_amount",
response.data.contract_amount.toFixed(2)
);
}
if (response.data.guarantee_period) {
this.$set(
this.form,
"guarantee_period",
response.data.guarantee_period
);
}
if (response.data.product_line_type) {
this.$set(
this.form,
"product_line_type",
response.data.product_line_type
);
}
if (response.data.confirm_income_amount) {
this.$set(
this.form,
"confirm_income_amount",
response.data.confirm_income_amount.toFixed(2)
);
}
if (response.data.sign_date) {
this.$set(this.form, "sign_date", response.data.sign_date);
}
if (response.data.bad_amount) {
this.$set(
this.form,
"bad_amount",
response.data.bad_amount.toFixed(2)
);
}
this.contract_appendix_list = [];
if (response.data.appendix_list) {
for (let i = 0; i < response.data.appendix_list.length; i++) {
const e = response.data.appendix_list[i];
var b = {};
b.name = e.appendix_name;
b.url = e.appendix_url;
b.id = e.appendix_unid;
this.contract_appendix_list.push(b);
}
}
if (this.form.start_guarantee_date) {
this.$delete(this.form, "start_guarantee_date");
}
if (this.form.end_guarantee_date) {
this.$delete(this.form, "end_guarantee_date");
}
this.guarantee_date = [];
if (response.data.start_guarantee_date) {
this.guarantee_date.push(response.data.start_guarantee_date);
} else {
this.guarantee_date.push("");
}
if (response.data.end_guarantee_date) {
this.guarantee_date.push(response.data.end_guarantee_date);
} else {
this.guarantee_date.push("");
// if (response.data.mainten_start_point) {
// this.$set(
// this.form,
// "mainten_start_point",
// response.data.mainten_start_point
// );
// }
if (response.data.contract_note) {
this.$set(
this.form,
"contract_note",
response.data.contract_note
);
}
if (response.data.contract_amount) {
this.$set(
this.form,
"contract_amount",
response.data.contract_amount.toFixed(2)
);
}
if (response.data.guarantee_period) {
this.$set(
this.form,
"guarantee_period",
response.data.guarantee_period
);
}
if (response.data.product_line_type) {
this.$set(
this.form,
"product_line_type",
response.data.product_line_type
);
}
if (response.data.confirm_income_amount) {
this.$set(
this.form,
"confirm_income_amount",
response.data.confirm_income_amount.toFixed(2)
);
}
if (response.data.sign_date) {
this.$set(this.form, "sign_date", response.data.sign_date);
}
if (response.data.bad_amount) {
this.$set(
this.form,
"bad_amount",
response.data.bad_amount.toFixed(2)
);
}
debugger;
this.contract_appendix_list = [];
if (response.data.appendix_list) {
for (let i = 0; i < response.data.appendix_list.length; i++) {
const e = response.data.appendix_list[i];
var b = {};
b.name = e.appendix_name;
b.url = e.appendix_url;
b.id = e.appendix_unid;
this.contract_appendix_list.push(b);
}
}
})
.catch(err => {
console.log(err.message);
});
}
if (this.form.start_guarantee_date) {
this.$delete(this.form, "start_guarantee_date");
}
if (this.form.end_guarantee_date) {
this.$delete(this.form, "end_guarantee_date");
}
this.guarantee_date = [];
if (response.data.start_guarantee_date) {
this.guarantee_date.push(response.data.start_guarantee_date);
} else {
this.guarantee_date.push("");
}
if (response.data.end_guarantee_date) {
this.guarantee_date.push(response.data.end_guarantee_date);
} else {
this.guarantee_date.push("");
}
}
})
.catch(err => {
console.log(err.message);
});
// }
},
get_all(id) {
this.get_contract_info(id);
......@@ -2309,8 +2327,8 @@ export default {
this.form.province_name = this.get_province_name;
this.form.city = this.get_city_unid;
this.form.city_name = this.get_city_name;
this.form.county = this.get_county_unid;
this.form.county_name = this.get_county_name;
// this.form.county = this.get_county_unid;
// this.form.county_name = this.get_county_name;
this.$Axios({
method: "put",
url: this.contract_base_url + this.form.contract_unid,
......@@ -2323,7 +2341,6 @@ export default {
type: "success",
message: "提交成功"
});
// this.$router.go(0);
} else {
this.$message.error("提交失败");
}
......@@ -2725,23 +2742,26 @@ export default {
}
},
created() {
if (sessionStorage.getItem("user_roles") != "null") {
if (
sessionStorage.getItem("user_roles") != "null" &&
sessionStorage.getItem("user_roles")
) {
var roles = JSON.parse(sessionStorage.getItem("user_roles"));
for (let i = 0; i < roles.length; i++) {
const e = roles[i];
if (e.role_unid == "ec480894ee85f1fa282ee7fa27be9cbc") {
this.disabled_list[1] = 0;
this.disabled_list[2] = 0;
} else if (e.role_unid == "91d5185d47e3bad099e17570b0dd0ed2") {
this.disabled_list = [0, 0, 0];
this.disabled_list = [0, 0, 0, 0];
} else if (e.role_unid == "65f881ffa510eb9ec0c0dc76d625515f") {
this.disabled_list[2] = 0;
this.disabled_list[3] = 0;
} else if (e.role_unid == "b126ebb9fbc87f4997cb0498a88b5f4c") {
this.disabled_list[0] = 0;
this.disabled_list[1] = 0;
}
}
}
if (sessionStorage.getItem("manager")) {
this.disabled_list = [0, 0, 0];
this.disabled_list = [0, 0, 0, 0];
}
if (sessionStorage.getItem("provinces")) {
this.provinces = JSON.parse(sessionStorage.getItem("provinces"));
......@@ -2770,13 +2790,13 @@ export default {
} else {
this.get_amount_state_unid_data();
}
if (sessionStorage.getItem("mainten_start_point_data")) {
this.mainten_start_point_data = JSON.parse(
sessionStorage.getItem("mainten_start_point_data")
);
} else {
this.get_mainten_start_point_data();
}
// if (sessionStorage.getItem("mainten_start_point_data")) {
// this.mainten_start_point_data = JSON.parse(
// sessionStorage.getItem("mainten_start_point_data")
// );
// } else {
// this.get_mainten_start_point_data();
// }
if (sessionStorage.getItem("product_line_type_data")) {
this.product_line_type_data = JSON.parse(
sessionStorage.getItem("product_line_type_data")
......@@ -2820,17 +2840,37 @@ export default {
this.get_customers();
}
var id = this.$route.params.contract_unid;
this.get_all(id);
if (id != 0) {
this.get_all(id);
}
if (sessionStorage.getItem("modify")) {
this.contract_unid_disabled = true;
} else {
this.contract_unid_disabled = false;
this.$message({
type: "warning",
message: "请选择合同编号，再进行下一步操作",
duration: 5000
});
}
},
watch: {
//点击合同编号后对路由进行push，但不会刷新当前页面，需要通过watch 路由变化进行刷新
$route(to, from) {
this.$router.go(0);
console.log(1);
this.payments_data = [];
this.rebacks_data = [];
this.receipts_data = [];
this.delivers_data = [];
this.$refs["first_acceptancs_form"].resetFields();
this.$refs["final_acceptancs_form"].resetFields();
this.$refs["contract_form"].resetFields();
if (to.params.contract_unid != 0) {
this.get_all(to.params.contract_unid);
} else {
this.contract_unid_disabled = false;
}
}
}
};
......
code/finance_web/src/components/login.vue
......@@ -5,6 +5,9 @@
<div slot="header" style="text-align:center" class="clearfix">
<span style="font-size:24px">合同管理系统</span>
</div>
<div>
<p id="fankui">使用中出现任何问题请及时反馈</p>
</div>
<el-form id="aa" ref="login_form" :model="form" :rules="rules" label-width="60px" label-position="top">
<el-form-item prop="username">
<el-input v-model="form.username">
......@@ -18,8 +21,10 @@
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('login_form')">提交</el-button>
<el-button-group>
<el-button type="primary" @click="submitForm('login_form')">提交</el-button>
<el-button @click="resetForm('login_form')">重置</el-button>
</el-button-group>
</el-form-item>
</el-form>
</el-card>
......@@ -93,10 +98,6 @@ export default {
this.get_mainten_start_point_data();
this.get_product_line_type_data();
this.get_payment_type_data();
// this.get_salesperson(),
// this.get_contract_unid(),
// this.get_projects(),
// this.get_customers();
this.$router.push({ path: "/nav/main" });
}
})
......@@ -350,4 +351,8 @@ export default {
#login_box {
height: 100%;
}
#fankui{
text-align: center;
margin-top: 0;
}
</style>
code/finance_web/src/components/manage.vue
......@@ -23,7 +23,9 @@
</el-col>
</el-row>
<el-row>
<el-button class="add_button" type="text" @click="login_user_dialog_show = true">添加登录用户</el-button>
<el-col :span="6">
<el-button class="add_button" type="primary" @click="login_user_dialog_show = true">添加登录用户</el-button>
</el-col>
</el-row>
<el-dialog id="login_user_dialog" title="添加登录户" :visible.sync="login_user_dialog_show" width="30%" :show-close="false">
......@@ -161,7 +163,7 @@ export default {
headers: { "Content-Type": "application/json" }
})
.then(response => {
if (response.data.ecode) {
if (response.data.name) {
this.salesperson = null;
this.show_message("添加成功", "success");
}
......@@ -206,7 +208,7 @@ export default {
type: type,
center: true,
showClose: true,
duration: 1500
duration: 3000
});
},
get_roles() {
......@@ -251,7 +253,7 @@ export default {
}
})
.then(res => {
this.show_message("添加成功", "success");
this.show_message("添加成功,默认密码: 0000", "success");
this.$refs["login_user_form"].resetFields();
this.login_user_dialog_show = false;
})
......@@ -278,17 +280,22 @@ export default {
</script>
<style scoped>
.el-col {
text-align: center;
}
.input {
width: 200px;
}
.add_button {
font-size: 20px;
padding-top: 18px;
color: black;
display: inline-block;
font-size: 18px;
width: 80%;
margin-top: 20px;
}
#manage >>> .el-button--primary {
border-color: #34352c;
background-color: #34352c
background-color: #34352c;
}
#manage >>> label {
color: black;
......@@ -298,7 +305,7 @@ export default {
}
#manage >>> input {
border-color: black;
color: black
color: black;
}
#manage >>> .el-card__header {
background-color: #34352c;
......
code/finance_web/src/components/nav.vue
......@@ -10,7 +10,7 @@
<i class="icon i-search"></i>
<span slot="title">检索合同</span>
</el-menu-item>
<el-menu-item index="/nav/contract/0" @click="contract" v-show="contract_show">
<el-menu-item index="/nav/contract/0" @click="contract" v-if="contract_show">
<i class="icon i-file"></i>
<span slot="title">合同信息</span>
</el-menu-item>
......@@ -77,7 +77,7 @@ export default {
}
},
created() {
if (sessionStorage.getItem("user_roles") != "null") {
if (sessionStorage.getItem("user_roles") != "null" && sessionStorage.getItem("user_roles")) {
var roles = JSON.parse(sessionStorage.getItem("user_roles"));
for (let i = 0; i < roles.length; i++) {
const e = roles[i];
......@@ -90,6 +90,7 @@ export default {
}
if (sessionStorage.getItem("manager")) {
this.management = true;
this.contract_show = true;
}
}
};
......@@ -100,6 +101,8 @@ export default {
text-align: center;
padding-top: 0;
padding-left: 0;
padding-right: 0px;
overflow-y: scroll;
}
.el-container,
.el-aside {
......@@ -108,4 +111,5 @@ export default {
.el-aside > .el-menu {
height: 100%;
}
</style>
code/finance_web/src/components/search.vue
......@@ -12,14 +12,6 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="销售员" v-if="sales" >
<el-input style="width:217px" :readonly="true" v-model="salesperson_name"></el-input>
</el-form-item>
<el-form-item label="销售员" prop="salesperson_name__like" v-if="!sales">
<el-input style="width:217px" v-model="search_form.salesperson_name__like"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="项目名称" prop="project_name__like">
<el-input style="width:217px" v-model="search_form.project_name__like"></el-input>
</el-form-item>
......@@ -29,10 +21,25 @@
<el-input style="width:217px" v-model="search_form.customer_name__like"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="账款状态" prop="amount_state_unid">
<el-select v-model="search_form.amount_state_unid" clearable>
<el-option v-for="item in amount_state_unid_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row style="text-align:left">
<el-col :span="6">
<el-form-item label="合同状态" prop="contract_state">
<el-select v-model="search_form.contract_state" clearable>
<el-option v-for="item in contract_state_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="所属年份" prop="year">
<el-select v-model="search_form.year" clearable>
<el-option v-for="n in year_list" :key="n" :label="n" :value="n">
......@@ -48,14 +55,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="合同状态" prop="contract_state">
<el-select v-model="search_form.contract_state" clearable>
<el-option v-for="item in contract_state_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="合同性质" prop="contract_type">
<el-select v-model="search_form.contract_type" clearable>
......@@ -93,11 +93,11 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="账款状态" prop="amount_state_unid">
<el-select v-model="search_form.amount_state_unid" clearable>
<el-option v-for="item in amount_state_unid_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
<el-form-item label="销售员" v-if="sales">
<el-input style="width:217px" :readonly="true" v-model="salesperson_name"></el-input>
</el-form-item>
<el-form-item label="销售员" prop="salesperson_name__like" v-if="!sales">
<el-input style="width:217px" v-model="search_form.salesperson_name__like"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -114,25 +114,27 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" style="text-align:left">
<el-form-item label="项目所在地" prop="province">
<el-select style="width:100px" v-model="search_form.province" clearable placeholder="省" @change="get_cities()">
<el-col :span="6" style="text-align:left">
<el-form-item label="省" prop="province">
<el-select style="width:217px" v-model="search_form.province" clearable placeholder="省" @change="get_cities()">
<el-option v-for="(item,index) in provinces" :key="index" :label="item.name" :value="item.province_unid">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="city">
<el-select style="width:100px" v-model="search_form.city" clearable placeholder="市" @change="get_counties()">
</el-col>
<el-col :span="6" style="text-align:left">
<el-form-item label="市" prop="city">
<el-select style="width:217px" v-model="search_form.city" clearable placeholder="市" @change="get_counties()">
<el-option v-for="(item,index) in cities" :key="index" :label="item.name" :value="item.city_unid">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="county">
<!-- <el-form-item prop="county">
<el-select style="width:100px" v-model="search_form.county" clearable placeholder="区县">
<el-option v-for="(item,index) in counties" :key="index" :label="item.name" :value="item.county_unid">
</el-option>
</el-select>
</el-form-item>
</el-form-item> -->
</el-col>
</el-row>
<el-row style="text-align:left">
......@@ -189,81 +191,73 @@
</div>
<!-- test------------------------------------------------------------------------------------------------ -->
<el-table :data="list_data" style="width: 100%">
<!-- default-expand-all ： 是否默认展开所有行 -->
<el-table id="data_table" :data="list_data" style="width: 100%" row-key="contract_unid" stripe highlight-current-row border :default-expand-all="true">
<el-table-column type="expand">
<template slot-scope="scope">
<el-row type="flex" justify="space-around" style="text-align:left;padding-bottom:5px">
<el-col :span="4">
<span>暂停金额:</span>{{scope.row.stop_amount}}
</el-col>
<el-col :span="4">
<span>坏账金额:</span>{{scope.row.bad_amount}}
</el-col>
<el-col :span="4">
<span>豁免金额:</span>{{scope.row.exemptions_amount}}
</el-col>
<el-col :span="4">
<span>抵扣金额:</span>{{scope.row.deduct_amount}}
<span class="pre">暂停金额:</span>{{scope.row.stop_amount}}
</el-col>
<el-col :span="4">
<span>累计已收款:</span>{{scope.row.total_reback_amount}}
<span class="pre">坏账金额:</span>{{scope.row.bad_amount}}
</el-col>
</el-row>
<el-row type="flex" justify="space-around" style="text-align:left;padding-bottom:5px">
<el-col :span="4">
<span>合同余额:</span>{{scope.row.contract_remain}}
<span class="pre">豁免金额:</span>{{scope.row.exemptions_amount}}
</el-col>
<el-col :span="4">
<span>合同状态:</span>{{scope.row.contract_state_name}}
<span class="pre">抵扣金额:</span>{{scope.row.deduct_amount}}
</el-col>
<el-col :span="4">
<span>累计应收:</span>{{scope.row.total_receive_amount}}
<span class="pre">累计已收款:</span>{{scope.row.total_reback_amount}}
</el-col>
<el-col :span="4">
<span>应收账款余额:</span>{{scope.row.total_amount_remain}}
</el-col>
<el-col :span="4">
<span>逾期天数:</span>{{scope.row.over_days}}
<span class="pre">验收款金额:</span>{{scope.row.acceptanc_pay}}
</el-col>
</el-row>
<el-row type="flex" justify="space-around" style="text-align:left;padding-bottom:5px">
<el-col :span="4">
<span>预付款金额:</span>{{scope.row.advance_pay}}
<span class="pre">合同余额:</span>{{scope.row.contract_remain}}
</el-col>
<el-col :span="4">
<span class="pre">产品线类型:</span>{{scope.row.product_line_type_name}}
</el-col>
<el-col :span="4">
<span>预付款到期日:</span>{{scope.row.advance_pay_date}}
<span class="pre">累计应收:</span>{{scope.row.total_receive_amount}}
</el-col>
<el-col :span="4">
<span>到货款金额:</span>{{scope.row.arrive_pay}}
<span class="pre">应收账款余额:</span>{{scope.row.total_amount_remain}}
</el-col>
<el-col :span="4">
<span>发货日期:</span>{{scope.row.deliver_date}}
<span class="pre">逾期天数:</span>{{scope.row.over_days}}
</el-col>
<el-col :span="4">
<span>到货款到期日:</span>{{scope.row.arrive_pay_date}}
<span class="pre">质保金额:</span>{{scope.row.mainten_pay_deliver}}
</el-col>
</el-row>
<el-row type="flex" justify="space-around" style="text-align:left;padding-bottom:5px">
<el-col :span="4">
<span>验收款金额:</span>{{scope.row.acceptanc_pay}}
<span class="pre">预付款金额:</span>{{scope.row.advance_pay}}
</el-col>
<el-col :span="4">
<span class="pre">预付款到期日:</span>{{scope.row.advance_pay_date}}
</el-col>
<el-col :span="4">
<span>验收款日期:</span>{{scope.row.acceptanc_date}}
<span class="pre">到货款金额:</span>{{scope.row.arrive_pay}}
</el-col>
<el-col :span="4">
<span>验收款到期日:</span>{{scope.row.acceptanc_pay_date}}
<span class="pre">发货日期:</span>{{scope.row.deliver_date}}
</el-col>
<el-col :span="4">
<span>质保金额:</span>{{scope.row.mainten_pay_deliver}}
<span class="pre">到货款到期日:</span>{{scope.row.arrive_pay_date}}
</el-col>
<el-col :span="4">
<span>质保到期日:</span>{{scope.row.mainten_pay_deliver_date}}
<span class="pre">质保到期日:</span>{{scope.row.mainten_pay_deliver_date}}
</el-col>
</el-row>
<el-row>
<span>备注:</span>{{scope.row.contract_note}}
<el-row style="text-align:left;padding-bottom:5px">
<span class="pre">备注:</span>{{scope.row.contract_note}}
</el-row>
</template>
</el-table-column>
......@@ -277,17 +271,13 @@
</el-table-column>
<el-table-column label="签订时间" prop="sign_date" min-width="8%" align="center">
</el-table-column>
<el-table-column label="所属年份" min-width="6%" align="center">
<template slot-scope="scope">
{{get_year(scope.row.sign_date)}}
</template>
<el-table-column label="验收款日期" prop="acceptanc_date" min-width="8%" align="center">
</el-table-column>
<el-table-column label="所属月份" min-width="6%" align="center">
<template slot-scope="scope">
{{get_month(scope.row.sign_date)}}
</template>
<el-table-column label="验收款到期日" prop="acceptanc_pay_date" min-width="8%" align="center">
</el-table-column>
<el-table-column label="产品线类型" prop="product_line_type_name" min-width="9%" align="center">
<!-- <el-table-column label="产品线类型" prop="product_line_type_name" min-width="9%" align="center">
</el-table-column> -->
<el-table-column label="合同状态" prop="contract_state_name" min-width="9%" align="center">
</el-table-column>
<el-table-column label="销售员" prop="salesperson_name" min-width="7%" align="center">
</el-table-column>
......@@ -295,8 +285,8 @@
</el-table-column>
<el-table-column label="市" prop="city_name" min-width="6%" align="center">
</el-table-column>
<el-table-column label="县" prop="county_name" min-width="7%" align="center">
</el-table-column>
<!-- <el-table-column label="县" prop="county_name" min-width="7%" align="center">
</el-table-column> -->
<el-table-column label="操作" min-width="4%" align="center" fixed="right">
<template slot-scope="scope">
<el-button type="text" @click="go_to(scope.row.contract_unid)">
......@@ -315,7 +305,8 @@
<el-col :span="4">
<el-button-group style="float:right">
<el-button type="primary" size="small" @click="export_contract">导出</el-button>
<el-button type="primary" size="small">导入</el-button>
<el-button type="primary" size="small" @click="import_click">导入</el-button>
<input id="import_unview" type="file" style="display:none" @change="import_contract">
</el-button-group>
</el-col>
......@@ -334,8 +325,8 @@ export default {
name: "search",
data() {
return {
sales:false,
salesperson_name:null,
sales: false,
salesperson_name: null,
provinces: [],
cities: [],
counties: [],
......@@ -377,7 +368,7 @@ export default {
confirm_income_amount: null,
province: null,
city: null,
county: null,
// county: null,
start_data: null,
end_date: null,
overdays_start_point: null,
......@@ -435,6 +426,72 @@ export default {
}
},
methods: {
import_click() {
document.getElementById("import_unview").click();
},
import_contract() {
if (!document.getElementById("import_unview").files[0]) {
return;
}
var form = new FormData();
form.append("file", document.getElementById("import_unview").files[0]);
this.$Axios({
method: "post",
url: this.contract_base_url + "import",
data: form
})
.then(res => {
if (res.data.ecode == "500") {
this.$message.error(res.data.enote);
} else if (res.data.ecode == "200") {
this.$message({
type: "success",
message: "导入成功"
});
} else if (res.data != [] && res.data[0].contract_unid) {
var message = [];
const h = this.$createElement;
res.data.forEach(e => {
message.push(h("p", null, e.contract_unid));
});
this.$message({
type: "warning",
message: "部分导入信息数据校验未通过,请检查后重新导入",
duration: 5000
});
this.$notify({
title: "校验未通过的合同的编号为：",
duration: 0,
message: h("p", null, message),
type: "error"
});
} else {
if (res.data.length > 0) {
var message = [];
const h = this.$createElement;
res.data.forEach(e => {
message.push(h("p", null, e));
});
this.$message({
type: "warning",
message: "部分导入信息已存在,请检查后重新导入",
duration: 5000
});
this.$notify({
title: "重复的数据编号",
duration: 0,
message: h("p", null, message),
type: "error"
});
}
}
var node = document.getElementById("import_unview");
node.value = "";
})
.catch(err => {
console.log(err.message);
});
},
// get start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
get_amount_state_unid_data() {
this.$Axios({
......@@ -490,7 +547,7 @@ export default {
},
get_cities() {
this.search_form.city = "";
this.search_form.county = "";
// this.search_form.county = "";
if (this.search_form.province) {
this.$Axios({
method: "get",
......@@ -509,7 +566,7 @@ export default {
}
},
get_counties() {
this.search_form.county = "";
// this.search_form.county = "";
if (this.search_form.province && this.search_form.city) {
this.$Axios({
method: "get",
......@@ -540,6 +597,10 @@ export default {
headers: { "Content-Type": "application/json" }
})
.then(response => {
if (response.data.ecode == "500") {
this.$message.error("筛选异常");
return;
}
this.total_data = response.data.total_number;
this.list_data = response.data.list_data;
for (let i = 0; i < this.list_data.length; i++) {
......@@ -630,7 +691,7 @@ export default {
if (sessionStorage.getItem("user_roles") == "null") {
this.salesperson_name = sessionStorage.getItem("user_name");
this.sales = true;
this.search_form.salesperson_unid = sessionStorage.getItem("user_unid")
this.search_form.salesperson_unid = sessionStorage.getItem("user_unid");
}
if (sessionStorage.getItem("provinces")) {
this.provinces = JSON.parse(sessionStorage.getItem("provinces"));
......@@ -692,4 +753,12 @@ span {
#search >>> thead > tr > th {
background-color: lightgray;
}
#data_table .el-table__expanded-cell .pre {
text-decoration: underline;
/* font-style: oblique; */
color: gray;
}
#data_table {
color: black;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!