Skip to content
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation
This project
Loading...
Sign in
platform
/
finance_serv
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit b24d09df
authored
Jul 30, 2018
by
谢明辉
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
a
1 parent
3039eb77
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
502 additions
and
116 deletions
code/finance_web/src/components/contract.vue
code/finance_web/src/components/search.vue
code/finance_web/src/mock.js
code/finance_web/src/components/contract.vue
View file @
b24d09d
...
...
@@ -2,14 +2,12 @@
<div>
<!-- 合同基本信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"contract_show =!contract_show"
>
销售合同信息
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('form')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"contract_show =!contract_show"
>
检索结果
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('form')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<el-form
id=
"form"
:inline=
"true"
:model=
"form"
class=
"demo-form-inline"
label-width=
"100px"
:rules=
"add_rules"
v-show=
"contract_show"
>
<el-row>
...
...
@@ -91,7 +89,7 @@
<el-col
:span=
"8"
>
<el-form-item
label=
"产品线类型"
>
<el-select
class=
"width-220"
v-model=
"form.product_line_type"
placeholder=
"产品线类型"
>
<el-option
v-for=
"(value,index) in project
line_type_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
<el-option
v-for=
"(value,index) in product_
line_type_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -253,18 +251,17 @@
</el-row>
</el-form>
</transition>
</el-card>
<!-- 基本信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 付款约定开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"payments_show = !payments_show"
>
付款约定
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('payment')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"payments_show = !payments_show"
>
付款约定
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('payment')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<div
id=
"payments_data_table"
v-show=
"payments_show"
>
<el-table
:data=
"payments_data"
style=
"width: 100%"
>
...
...
@@ -298,6 +295,7 @@
</el-row>
</div>
</transition>
</el-card>
<!-- 付款约定弹出框 -->
...
...
@@ -338,14 +336,11 @@
<!-- 付款约定结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 合同回款信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"rebacks_show = !rebacks_show"
>
合同回款信息(财务部)
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('reback')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"rebacks_show = !rebacks_show"
>
合同回款信息(财务部)
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('reback')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<div
id=
"rebacks_data_table"
v-show=
"rebacks_show"
>
...
...
@@ -376,6 +371,7 @@
</el-row>
</div>
</transition>
</el-card>
<!-- 合同回款信息弹出框 -->
<el-dialog
id=
"rebacks_dialog"
title=
"回款信息"
:visible
.
sync=
"rebacks_dialog_show"
width=
"30%"
>
...
...
@@ -400,14 +396,11 @@
<!-- 合同回款信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 合同开票信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"receipts_show = !receipts_show"
>
合同开票信息(财务部)
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('receipt')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"receipts_show = !receipts_show"
>
合同开票信息(财务部)
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('receipt')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<div
id=
"receipts_data_table"
v-show=
"receipts_show"
>
...
...
@@ -442,6 +435,7 @@
</el-row>
</div>
</transition>
</el-card>
<!-- 开票信息弹出框 -->
<el-dialog
id=
"receipts_dialog"
title=
"开票合同"
:visible
.
sync=
"receipts_dialog_show"
width=
"30%"
>
...
...
@@ -465,14 +459,11 @@
<!-- 合同开票信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 发货信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"delivers_show = !delivers_show"
>
发货信息(生产部)
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('deliver')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"delivers_show = !delivers_show"
>
发货信息(生产部)
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('deliver')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<div
id=
"delivers_data_table"
v-show=
"delivers_show"
>
...
...
@@ -497,6 +488,7 @@
</el-row>
</div>
</transition>
</el-card>
<!-- 发货信息信息弹出框 -->
<el-dialog
id=
"delivers_dialog"
title=
"发货信息"
:visible
.
sync=
"delivers_dialog_show"
width=
"30%"
>
...
...
@@ -522,14 +514,11 @@
<!-- 发货信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<!-- 工程验收信息开始~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<el-row>
<el-col
:span=
"22"
>
<h1
@
click=
"acceptance_show = !acceptance_show"
>
工程验收信息(工程部)
</h1>
</el-col>
<el-col
:span=
"2"
>
<h1
class=
"h-button"
@
click=
"form_submit('project')"
>
提交
</h1>
</el-col>
</el-row>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
@
click=
"acceptance_show = !acceptance_show"
>
工程验收信息(工程部)
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"form_submit('project')"
>
提交
</el-button>
</div>
<transition
name=
"el-fade-in-linear"
>
<div
id=
"acceptance_form"
v-show=
"acceptance_show"
>
...
...
@@ -595,7 +584,7 @@
</el-form>
</div>
</transition>
</el-card>
<!-- 工程验收信息结束~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</div>
</template>
...
...
@@ -606,6 +595,7 @@ const twodecimalrule = {
trigger
:
"blur"
};
export
default
{
name
:
"contract_information"
,
data
()
{
return
{
contract_appendix_list
:
[],
...
...
@@ -621,7 +611,7 @@ export default {
counties
:
[],
modify_data
:
false
,
//用来标志dialog用来修改数据
modify_index
:
-
1
,
//用来标志修改数据的索引
pro
ject
line_type_data
:
[
"安防"
,
"交通"
,
"客流"
,
"维保"
],
pro
duct_
line_type_data
:
[
"安防"
,
"交通"
,
"客流"
,
"维保"
],
contract_state_data
:
[
"已完成"
,
"代发货"
,
"施工中"
,
"项目暂停"
],
contract_type_data
:
[
"供货"
,
"施工"
,
"集成"
,
"维保"
],
amount_state_unid_data
:
[
"正常验收款"
,
"正常维保"
],
...
...
@@ -697,7 +687,9 @@ export default {
// 合同备注
contract_note
:
""
,
// 合同附件
contract_appendix
:
{}
contract_appendix
:
{},
start_guarantee_date
:
""
,
end_guarantee_date
:
""
},
// 工程验收表单
...
...
@@ -1109,9 +1101,6 @@ export default {
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
code_base_url
+
"simple/cates/09BB973F92/codes"
// params:{
// wd:this.form.contract_unid
// }
})
.
then
(
response
=>
{
this
.
project_unid_selected_data
=
response
.
data
.
list_data
;
...
...
@@ -1124,9 +1113,6 @@ export default {
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
code_base_url
+
"simple/cates/09BB973F92/codes"
// params:{
// wd:this.form.contract_unid
// }
})
.
then
(
response
=>
{
this
.
customer_unid_selected_data
=
response
.
data
.
list_data
;
...
...
@@ -1419,52 +1405,127 @@ export default {
// !!!!!!~~~~~~~~~~~~~submit~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
form_submit
(
name
)
{
if
(
name
==
"form"
)
{
switch
(
name
)
{
case
"form"
:
var
method
;
this
.
form
.
start_guarantee_date
=
this
.
start_guarantee_date
;
this
.
form
.
end_guarantee_date
=
this
.
end_guarantee_date
;
if
(
this
.
operate_type
[
0
]
==
0
)
{
this
.
operate_type
[
0
]
=
1
;
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
0
]
==
1
)
{
method
=
"put"
;
}
this
.
$Axios
({
method
:
"post"
,
method
:
method
,
url
:
this
.
contract_base_url
,
data
:
this
.
form
}).
then
(
response
=>
{
})
.
then
(
response
=>
{
if
(
response
.
data
.
encode
==
200
)
{
this
.
$alert
(
"提交成功"
);
this
.
operate_type
[
0
]
=
1
;
}
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
}
else
if
(
this
.
operate_type
[
0
]
==
1
)
{
// this.$alert("我提交 基本信息 修改的数据");
console
.
log
(
this
.
form
.
contract_unid
);
}
}
else
if
(
name
==
"payment"
)
{
break
;
case
"payment"
:
var
method
;
if
(
this
.
operate_type
[
1
]
==
0
)
{
this
.
operate_type
[
1
]
=
1
;
this
.
$alert
(
"我提交 付款约定 新的数据"
);
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
1
]
==
1
)
{
this
.
$alert
(
"我提交 付款约定 修改的数据"
);
method
=
"put"
;
}
this
.
$Axios
({
method
:
method
,
url
:
"/api/v1/financial/contracts/contract/payments"
,
data
:
this
.
payments_data
})
.
then
(
response
=>
{
if
(
response
.
data
.
encode
==
200
)
{
this
.
$alert
(
"提交成功"
);
this
.
operate_type
[
1
]
=
1
;
}
}
else
if
(
name
==
"reback"
)
{
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
break
;
case
"reback"
:
var
method
;
if
(
this
.
operate_type
[
2
]
==
0
)
{
this
.
operate_type
[
2
]
=
1
;
this
.
$alert
(
"我提交 回款信息 新的数据"
);
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
2
]
==
1
)
{
this
.
$alert
(
"我提交 回款信息 修改的数据"
)
;
method
=
"put"
;
}
}
else
if
(
name
==
"receipt"
)
{
this
.
$Axios
({
method
:
method
,
url
:
"/api/v1/financial/contracts/contract/rebacks"
,
data
:
this
.
rebacks_data
})
.
then
(
response
=>
{
if
(
response
.
data
.
encode
==
200
)
{
this
.
$alert
(
"提交成功"
);
this
.
operate_type
[
2
]
=
1
;
}
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
break
;
case
"receipt"
:
var
method
;
if
(
this
.
operate_type
[
3
]
==
0
)
{
this
.
operate_type
[
3
]
=
1
;
this
.
$alert
(
"我提交 开票信息 新的数据"
);
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
3
]
==
1
)
{
this
.
$alert
(
"我提交 开票信息 修改的数据"
)
;
method
=
"put"
;
}
}
else
if
(
name
==
"deliver"
)
{
this
.
$Axios
({
method
:
method
,
url
:
"/api/v1/financial/contracts/contract/receipts"
,
data
:
this
.
receipts_data
})
.
then
(
response
=>
{
if
(
response
.
data
.
encode
==
200
)
{
this
.
$alert
(
"提交成功"
);
this
.
operate_type
[
3
]
=
1
;
}
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
break
;
case
"deliver"
:
var
method
;
if
(
this
.
operate_type
[
4
]
==
0
)
{
this
.
operate_type
[
4
]
=
1
;
this
.
$alert
(
"我提交 发货信息 新的数据"
);
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
4
]
==
1
)
{
this
.
$alert
(
"我提交 发货信息 修改的数据"
);
method
=
"put"
;
}
this
.
$Axios
({
method
:
method
,
url
:
"/api/v1/financial/contracts/contract/delivers"
,
data
:
this
.
delivers_data
})
.
then
(
response
=>
{
if
(
response
.
data
.
encode
==
200
)
{
this
.
$alert
(
"提交成功"
);
this
.
operate_type
[
4
]
=
1
;
}
}
else
if
(
name
==
"project"
)
{
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
break
;
case
"project"
:
var
method
;
if
(
this
.
operate_type
[
5
]
==
0
)
{
method
=
"post"
;
}
else
if
(
this
.
operate_type
[
5
]
==
1
)
{
method
=
"put"
;
}
var
_this
=
this
;
var
p1
=
new
Promise
(
function
(
resolve
,
reject
)
{
_this
.
$refs
.
first_acceptances_form
.
validate
(
valid
=>
{
...
...
@@ -1480,11 +1541,10 @@ export default {
}
});
});
Promise
.
all
([
p1
,
p2
]).
then
(
function
()
{
_this
.
$Axios
({
method
:
"post"
,
method
:
method
,
url
:
"/api/v1/financial/contracts/contract/project/acceptancs"
,
data
:
{
list_data
:
[
...
...
@@ -1500,22 +1560,59 @@ export default {
}
});
});
}
else
if
(
this
.
operate_type
[
5
]
==
1
)
{
this
.
$refs
[
"first_acceptances_form"
].
validate
(
valid
=>
{
if
(
valid
)
{
console
.
log
(
"非初次提交"
);
}
});
}
break
;
default
:
break
;
}
}
},
created
()
{
var
loading
;
this
.
$Axios
.
interceptors
.
request
.
use
(
config
=>
{
loading
=
this
.
$loading
({
lock
:
true
,
text
:
"加载中,请稍等"
,
background
:
"rgba(0, 0, 0, 0.7)"
});
return
config
;
},
error
=>
{
return
Promise
.
reject
(
error
);
}
);
this
.
$Axios
.
interceptors
.
response
.
use
(
response
=>
{
loading
.
close
();
return
response
;
},
error
=>
{
return
Promise
.
reject
(
error
);
}
);
this
.
get_provinces
();
var
id
=
this
.
$route
.
params
.
contract_unid
;
if
(
id
!=
"0"
)
{
this
.
operate_type
=
[
1
,
1
,
1
,
1
,
1
,
1
];
this
.
form
.
contract_unid
=
id
;
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
contract_base_url
+
id
})
.
then
(
response
=>
{
this
.
form
=
response
.
data
;
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
.
push
(
response
.
data
.
start_guarantee_date
);
this
.
guarantee_date
.
push
(
response
.
data
.
end_guarantee_date
);
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
}
}
};
...
...
@@ -1529,19 +1626,6 @@ export default {
.add_button
:hover
{
color
:
black
;
}
h1
{
text-align
:
left
;
background-color
:
rgba
(
138
,
200
,
255
,
0.5
);
padding-top
:
20px
;
padding-bottom
:
20px
;
padding-left
:
30px
;
font-size
:
26px
;
margin-bottom
:
0px
;
}
h1
.h-button
:hover
{
background-color
:
rgba
(
138
,
200
,
255
,
0.8
);
cursor
:
pointer
;
}
#payments_dialog
{
text-align
:
left
;
...
...
@@ -1549,15 +1633,8 @@ h1.h-button:hover {
.width-220
{
width
:
300px
;
}
#form
,
#payments_data_table
,
#rebacks_data_table
,
#receipts_data_table
,
#delivers_data_table
,
#acceptance_form
{
border-left
:
5px
solid
rgba
(
138
,
200
,
255
,
0.5
);
border-bottom
:
5px
solid
rgba
(
138
,
200
,
255
,
0.5
);
border-right
:
5px
solid
rgba
(
138
,
200
,
255
,
0.5
);
padding-top
:
20px
;
span
:hover
{
cursor
:
pointer
;
text-shadow
:
lightgray
0.1em
0.1em
0.2em
;
}
</
style
>
code/finance_web/src/components/search.vue
View file @
b24d09d
<
template
>
<div>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px;padding-left:72px"
>
检索条件
</span>
<el-button
style=
"float: right; padding: 8px 0"
type=
"text"
@
click=
"reset()"
>
重置搜索条件
</el-button>
</div>
<el-form
id=
"form"
:inline=
"true"
:model=
"search_form"
class=
"demo-form-inline"
label-width=
"100px"
ref=
"search_form"
>
<el-row>
<el-col
:span=
"6"
>
<el-form-item
label=
"销售员"
prop=
"salesperson_unid"
>
<el-select
v-model=
"search_form.salesperson_unid"
filterable
remote
placeholder=
"销售人员"
:remote-method=
"salespersonIdRemoteMethod"
>
<el-option
v-for=
"(item,index) in salesperson_unid_selected_data"
:key=
"index"
:label=
"item.name"
:value=
"item.code_unid"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"项目名称"
prop=
"project_unid"
>
<el-select
v-model=
"search_form.project_unid"
filterable
remote
placeholder=
"项目名称"
:remote-method=
"projectIdRemoteMethod"
>
<el-option
v-for=
"(item,index) in project_unid_selected_data"
:key=
"index"
:label=
"item.name"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"客户名称"
prop=
"customer_unid"
>
<el-select
v-model=
"search_form.customer_unid"
filterable
remote
placeholder=
"客户名称"
:remote-method=
"customerIdRemoteMethod"
>
<el-option
v-for=
"(item,index) in customer_unid_selected_data"
:key=
"index"
:label=
"item.name"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"质保周期(月)"
prop=
"guarantee_period"
>
<el-input-number
v-model=
"search_form.guarantee_period"
:step=
"6"
:min=
"6"
:max=
"60"
size=
"medium"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"6"
>
<el-form-item
label=
"所属年份"
prop=
"year"
>
<el-select
v-model=
"search_form.year"
>
<el-option
v-for=
"n in year_list"
:key=
"n"
:label=
"n"
:value=
"n"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"所属月份"
prop=
"month"
>
<el-select
v-model=
"search_form.month"
>
<el-option
v-for=
"n in 12"
:key=
"n"
:label=
"n"
:value=
"n"
>
</el-option>
</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"
>
<el-option
v-for=
"(value,index) in contract_state_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
</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"
>
<el-option
v-for=
"(value,index) in contract_type_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"6"
>
<el-form-item
label=
"产品线类型"
prop=
"product_line_type"
>
<el-select
v-model=
"search_form.product_line_type"
>
<el-option
v-for=
"(value,index) in product_line_type_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"是否终验"
prop=
"acceptance_type"
>
<el-select
v-model=
"search_form.acceptance_type"
>
<el-option
label=
"是"
:value=
"1"
>
</el-option>
<el-option
label=
"否"
:value=
"0"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"6"
>
<el-form-item
label=
"是否归档"
prop=
"is_archive"
>
<el-select
v-model=
"search_form.is_archive"
>
<el-option
label=
"是"
value=
true
></el-option>
<el-option
label=
"否"
value=
false
></el-option>
</el-select>
</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"
>
<el-option
v-for=
"(value,index) in amount_state_unid_data"
:key=
"index"
:label=
"value"
:value=
"index"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"6"
>
<el-form-item
label=
"确认收入金额"
prop=
"confirm_income_amount"
>
<el-input
v-model=
"search_form.confirm_income_amount"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span
style=
"font-size:24px"
>
检索结果
</span>
</div>
<el-row>
<el-col
:span=
"20"
>
<el-pagination
style=
"float:left"
background
layout=
"prev, pager, next"
:total=
"total_page"
:page-size=
"10"
prev-text=
"上一页"
next-text=
"下一页"
:current-page=
"current_page"
@
current-change=
"current_change"
>
</el-pagination>
</el-col>
<el-col
:span=
"4"
>
<el-button-group
style=
"float:right"
>
<el-button
type=
"primary"
size=
"small"
>
导出
</el-button>
<el-button
type=
"primary"
size=
"small"
>
导入
</el-button>
</el-button-group>
</el-col>
</el-row>
</el-card>
</div>
</
template
>
...
...
@@ -7,14 +144,97 @@
export
default
{
data
()
{
return
{
code_base_url
:
disparch_data
.
code_base_url
,
contract_base_url
:
disparch_data
.
contract_base_url
,
project_unid_selected_data
:
[],
//项目名称数据数组
customer_unid_selected_data
:
[],
//客户名称数据数组
salesperson_unid_selected_data
:
[],
contract_state_data
:
[
"已完成"
,
"代发货"
,
"施工中"
,
"项目暂停"
],
contract_type_data
:
[
"供货"
,
"施工"
,
"集成"
,
"维保"
],
product_line_type_data
:
[
"安防"
,
"交通"
,
"客流"
,
"维保"
],
amount_state_unid_data
:
[
"正常验收款"
,
"正常维保"
],
search_form
:
{
salesperson_unid
:
null
,
project_unid
:
null
,
customer_unid
:
null
,
guarantee_period
:
6
,
year
:
null
,
month
:
null
,
contract_state
:
null
,
contract_type
:
null
,
product_line_type
:
null
,
acceptance_type
:
null
,
is_archive
:
null
,
amount_state_unid
:
null
,
confirm_income_amount
:
null
},
total_page
:
20
,
current_page
:
1
,
result_data
:
[]
};
},
computed
:
{
year_list
:
function
()
{
var
arr
=
[];
for
(
let
i
=
2000
;
i
<
2041
;
i
++
)
{
arr
.
push
(
i
);
}
return
arr
;
}
},
methods
:
{
// remote---------------------------------------------------------------------------------
salespersonIdRemoteMethod
(
query
)
{
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
code_base_url
+
"simple/cates/09BB973F92/codes"
})
.
then
(
response
=>
{
this
.
salesperson_unid_selected_data
=
response
.
data
.
list_data
;
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
},
projectIdRemoteMethod
(
query
)
{
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
code_base_url
+
"simple/cates/09BB973F92/codes"
})
.
then
(
response
=>
{
this
.
project_unid_selected_data
=
response
.
data
.
list_data
;
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
},
customerIdRemoteMethod
(
query
)
{
this
.
$Axios
({
method
:
"get"
,
url
:
this
.
code_base_url
+
"simple/cates/09BB973F92/codes"
})
.
then
(
response
=>
{
this
.
customer_unid_selected_data
=
response
.
data
.
list_data
;
})
.
catch
(
err
=>
{
console
.
log
(
err
.
message
);
});
},
// remote---------------------------------------------------------------------------------
reset
()
{
this
.
$refs
[
"search_form"
].
resetFields
();
// Object.keys(this.search_form).forEach(key => {
// console.log(this.search_form[key]);
// })
},
current_change
(
val
)
{
this
.
current_page
=
val
;
console
.
log
(
this
.
current_page
);
}
}
};
</
script
>
<
style
scoped
>
</
style
>
code/finance_web/src/mock.js
View file @
b24d09d
const
Mock
=
require
(
'mockjs'
);
Mock
.
mock
(
"/api/v1/financial/contracts/contract/project/acceptancs"
,
'post'
,
res
=>
{
console
.
log
(
"project add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/project/acceptancs"
,
'put'
,
res
=>
{
console
.
log
(
"project modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"http://192.168.9.162:20080/api/v1/financial/contracts"
,
'post'
,
res
=>
{
console
.
log
(
"contract add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"http://192.168.9.162:20080/api/v1/financial/contracts"
,
'put'
,
res
=>
{
console
.
log
(
"contract modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/payments"
,
'post'
,
res
=>
{
console
.
log
(
"payment add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/payments"
,
'put'
,
res
=>
{
console
.
log
(
"payment modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/delivers"
,
'post'
,
res
=>
{
console
.
log
(
"delivers add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/delivers"
,
'put'
,
res
=>
{
console
.
log
(
"delivers modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/receipts"
,
'post'
,
res
=>
{
console
.
log
(
"receipts add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/receipts"
,
'put'
,
res
=>
{
console
.
log
(
"receipts modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/rebacks"
,
'post'
,
res
=>
{
console
.
log
(
"rebacks add successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
}
})
Mock
.
mock
(
"/api/v1/financial/contracts/contract/rebacks"
,
'put'
,
res
=>
{
console
.
log
(
"rebacks modify successful"
);
console
.
log
(
res
.
body
);
return
{
encode
:
200
...
...
Write
Preview
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment