Skip to content

platform / finance_serv

Go to a project
Commit dafd19cc by 谢明辉
Options

a

1 parent 2235725d
Expand all
Inline Side-by-side
Showing 5 changed files with 354 additions and 64 deletions
code/finance_web/src/components/login.vue
......@@ -12,8 +12,8 @@
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="form.password" auto-complete="off">
<template slot="prepend">密码</template>
<el-input type="password" v-model="form.password" auto-complete="off" @keydown.enter="submitForm('login_form')">
<template slot="prepend">密码</template>
</el-input>
</el-form-item>
<el-form-item>
......@@ -31,17 +31,16 @@ export default {
name: "login",
data() {
return {
auth_base_url: disparch_data.auth_base_url,
form: {
username: "",
password: ""
},
rules: {
username: [
{ required: true, message: "请输入用户名", trigger: "blur" }
],
password: [
{ required: true, message: "请输入登录密码", trigger: "blur" }
]
username: [{ required: true, message: "请输入用户名", trigger: "blur" }]
// password: [
// { required: true, message: "请输入登录密码", trigger: "blur" }
// ]
}
};
},
......@@ -49,28 +48,53 @@ export default {
submitForm(form) {
this.$refs[form].validate(valid => {
if (valid) {
console.log(valid);
console.log(this.form.username);
console.log(this.form.password);
window.localStorage.setItem("username", this.form.username);
window.sessionStorage.setItem("loginCheck", true);
window.sessionStorage.setItem("username", this.form.username);
this.$router.push({ path: "/nav/search" });
this.$Axios({
method: "post",
url: this.auth_base_url + "users/login",
headers: { "Content-Type": "application/json" },
data: {
user_type: "user",
username: this.form.username,
password: this.form.password
}
})
.then(res => {
if (res.data.ecode) {
this.$message({
message: res.data.enote,
type: "error"
});
} else {
window.sessionStorage.setItem("username", this.form.username);
window.sessionStorage.setItem("user_unid", res.data.user_unid);
window.sessionStorage.setItem('user_roles',JSON.stringify(res.data.roles));
this.$router.push({ path: "/nav/search" });
}
})
.catch(err => {
this.$message({
message: "登录错误",
type: "error"
});
});
}
});
},
resetForm(form) {
this.$refs[form].resetFields();
}
},
is_login() {}
},
mounted() {
this.form.username = localStorage.getItem("username");
},
}
};
</script>
<style scoped>
#login_box {
height: 100%
height: 100%;
}
</style>
code/finance_web/src/components/manage.vue
......@@ -4,13 +4,51 @@
<span style="font-size:24px">后台管理</span>
</div>
<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<el-row type="flex" justify="start" style="text-align :left">
<el-row type="flex" justify="start" style="text-align :left;border-bottom:1px solid #ebeef5;padding-bottom:18px">
<el-col :span="6">
<el-input class="input" v-model="contract_unid" placeholder="合同编号"></el-input>
<el-button type="primary" @click="contract_unid_add">添加</el-button>
</el-col>
<el-col :span="6">
<el-input class="input" v-model="customer_name" placeholder="客户名称"></el-input>
<el-button type="primary" @click="customer_name_add">添加</el-button>
</el-col>
<el-col :span="6">
<el-input class="input" v-model="salesperson" placeholder="销售员"></el-input>
<el-button type="primary" @click="salesperson_add('employee')">添加</el-button>
</el-col>
<el-col :span="6">
<el-input class="input" v-model="project_name" placeholder="项目名称"></el-input>
<el-button type="primary" @click="project_name_add">添加</el-button>
</el-col>
</el-row>
<el-row>
<el-button class="add_button" type="text" @click="login_user_dialog_show = true">添加登录用户</el-button>
</el-row>
<el-dialog id="login_user_dialog" title="添加登录户" :visible.sync="login_user_dialog_show" width="30%" :show-close="false">
<el-form :model="login_user_form" label-width="100px" label-position="left" :rules="login_user_form_rules" ref="login_user_form">
<el-form-item label="用户类型" prop="role_unid">
<el-select v-model="login_user_form.role_unid" clearable placeholder="用户类型" style="width:100%">
<el-option v-for="item in roles" :key="item.role_unid" :label="item.name" :value="item.role_unid">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="login_user_form.username" placeholder="用户名" style="width:100%"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="login_user_form.name" placeholder="姓名" style="width:100%"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="login_user_dialog_cancel()">取 消</el-button>
<el-button type="primary" @click="login_user_dialog_confirm()">确 定</el-button>
</div>
</el-dialog>
</el-card>
</template>
<script>
......@@ -18,35 +56,187 @@ export default {
name: "manage",
data() {
return {
login_user_dialog_show: false,
code_base_url: disparch_data.code_base_url,
contract_base_url: disparch_data.contract_base_url,
contract_unid: null
auth_base_url: disparch_data.auth_base_url,
contract_unid: null,
customer_name: null,
salesperson: null,
project_name: null,
roles: [],
login_user_form: {
role_unid: "",
username: "",
name: "",
password: "0000",
norm_type: "login"
},
login_user_form_rules: {
username: {
required: true,
pattern: /^[a-z]{2,8}$/,
message: "请输入2至8位英文",
trigger: "blur"
},
name: {
required: true,
message: "请输入用户姓名",
trigger: "blur"
},
role_unid: {
required: true,
message: "请选择用户类型",
trigger: "blur"
}
}
};
},
methods: {
contract_unid_add() {
this.$Axios({
method: "post",
data: { contract_unid: this.contract_unid },
url: this.contract_base_url
}).then(response => {
this.contract_unid = null;
if (response.data.encode = '200') {
this.show_message("添加成功",'success')
}else {
this.show_message('添加失败','error')
}
});
if (this.contract_unid) {
this.$Axios({
method: "post",
data: { contract_unid: this.contract_unid },
url: this.contract_base_url,
headers: { "Content-Type": "application/json" }
}).then(response => {
this.contract_unid = null;
if (response.data.ecode == "200") {
this.show_message("添加成功", "success");
} else {
this.show_message("添加失败", "error");
}
});
} else {
this.show_message("请填写信息", "info");
}
},
customer_name_add() {
if (this.customer_name) {
this.$Axios({
method: "post",
url: this.contract_base_url + "customers",
data: { customer_name: this.customer_name },
headers: { "Content-Type": "application/json" }
}).then(response => {
this.customer_name = null;
if (response.data.ecode == "200") {
this.show_message("添加成功", "success");
} else {
this.show_message("添加失败", "error");
}
});
} else {
this.show_message("请填写信息", "info");
}
},
salesperson_add(type) {
if (this.salesperson) {
this.$Axios({
method: "post",
url: this.auth_base_url + "users",
data: {
norm_type: type,
username: this.salesperson,
name: this.salesperson,
password: "0000"
},
headers: { "Content-Type": "application/json" }
}).then(response => {
this.salesperson = null;
this.show_message("添加成功", "success");
});
} else {
this.show_message("请填写信息", "info");
}
},
show_message(message,type){
project_name_add() {
if (this.project_name) {
this.$Axios({
method: "post",
url: this.contract_base_url + "projects",
data: { project_name: this.project_name },
headers: { "Content-Type": "application/json" }
}).then(response => {
this.project_name = null;
if (response.data.ecode == "200") {
this.show_message("添加成功", "success");
} else {
this.show_message("添加失败", "error");
}
});
} else {
this.show_message("请填写信息", "info");
}
},
show_message(message, type) {
this.$message({
message:message,
type:type,
center:true,
showClose:true,
duration:1500
message: message,
type: type,
center: true,
showClose: true,
duration: 1500
});
},
get_roles() {
this.$Axios({
method: "get",
url: this.auth_base_url + "roles"
})
.then(response => {
if (response.data.list_data) {
this.roles = response.data.list_data;
}
})
.catch(err => {
console.log(err.message);
});
},
login_user_dialog_cancel() {
this.$refs["login_user_form"].resetFields();
this.login_user_dialog_show = false;
},
login_user_dialog_confirm() {
this.$refs["login_user_form"].validate(valid => {
if (valid) {
this.$Axios({
method: "post",
url: this.auth_base_url + "users",
headers: { "Content-Type": "application/json" },
data: this.login_user_form
}).then(res => {
if (res.data.user_unid) {
this.$Axios({
method: "post",
url:
this.auth_base_url + "users/" + res.data.user_unid + "/roles",
headers: { "Content-Type": "application/json" },
data: {
role_unid: this.login_user_form.role_unid
}
})
.then(res => {
this.show_message("添加成功", "success");
this.$refs["login_user_form"].resetFields();
this.login_user_dialog_show = false;
console.log(res.data);
})
.catch(err => {
this.show_message("添加失败", "error");
});
} else {
this.show_message("添加失败", "error");
}
});
}
});
}
},
created() {
this.get_roles();
}
};
</script>
......@@ -55,5 +245,10 @@ export default {
.input {
width: 200px;
}
.add_button {
font-size: 20px;
padding-top: 18px;
color: #409eff;
}
</style>
code/finance_web/src/components/search.vue
......@@ -49,7 +49,7 @@
<el-col :span="6">
<el-form-item label="合同状态" prop="contract_state">
<el-select v-model="search_form.contract_state" clearable>
<el-option v-for="(value,index) in contract_state_data" :key="index" :label="value" :value="index+1">
<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>
......@@ -57,7 +57,7 @@
<el-col :span="6">
<el-form-item label="合同性质" prop="contract_type">
<el-select v-model="search_form.contract_type" clearable>
<el-option v-for="(value,index) in contract_type_data" :key="index" :label="value" :value="index+1">
<el-option v-for="item in contract_type_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
......@@ -67,7 +67,7 @@
<el-col :span="6">
<el-form-item label="产品线类型" prop="product_line_type">
<el-select v-model="search_form.product_line_type" clearable>
<el-option v-for="(value,index) in product_line_type_data" :key="index" :label="value" :value="index+1">
<el-option v-for="item in product_line_type_data" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
......@@ -93,7 +93,7 @@
<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="(value,index) in amount_state_unid_data" :key="index" :label="value" :value="index+1">
<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>
......@@ -318,7 +318,7 @@ const twodecimalrule = {
trigger: "blur"
};
export default {
name:'search',
name: "search",
data() {
return {
provinces: [],
......@@ -340,10 +340,10 @@ export default {
"11",
"12"
],
contract_state_data: ["已完成", "待发货", "施工中", "项目暂停"],
contract_type_data: ["供货", "施工", "集成", "维保"],
product_line_type_data: ["安防", "交通", "客流", "维保"],
amount_state_unid_data: ["正常验收款", "正常维保"],
contract_state_data: [],
contract_type_data: [],
product_line_type_data: [],
amount_state_unid_data: [],
search_form: {
salesperson_name__like: null,
project_name__like: null,
......@@ -368,7 +368,7 @@ export default {
amount_start_point: null,
amount_end_point: null,
leave_amount_start_point: null,
leave_amount_end_point: null,
leave_amount_end_point: null
},
list_data: [],
......@@ -392,15 +392,15 @@ export default {
offset() {
return (this.current_page - 1) * this.limit;
},
guarantee_period_list(){
guarantee_period_list() {
var arr = [];
var a = 6;
for (let i = 0; i < 10; i ++) {
const element = 10[i];
for (let i = 0; i < 10; i++) {
const element = (10)[i];
arr.push(a);
a += 6;
}
return arr
return arr;
}
},
methods: {
......@@ -444,6 +444,46 @@ export default {
// remote---------------------------------------------------------------------------------
// get start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
get_amount_state_unid_data() {
this.$Axios({
method: "get",
url: this.code_base_url + "custom/cates/42407C5EF2/codes"
})
.then(res => {
this.amount_state_unid_data = res.data.list_data;
})
.catch(err => {});
},
get_contract_type_data() {
this.$Axios({
method: "get",
url: this.code_base_url + "custom/cates/8EC31D08A0/codes"
})
.then(res => {
this.contract_type_data = res.data.list_data;
})
.catch(err => {});
},
get_contract_state_data() {
this.$Axios({
method: "get",
url: this.code_base_url + "custom/cates/13BEFACBCF/codes"
})
.then(res => {
this.contract_state_data = res.data.list_data;
})
.catch(err => {});
},
get_product_line_type_data() {
this.$Axios({
method: "get",
url: this.code_base_url + "custom/cates/4FC51AD3C9/codes"
})
.then(res => {
this.product_line_type_data = res.data.list_data;
})
.catch(err => {});
},
get_provinces() {
this.$Axios({
method: "get",
......@@ -511,6 +551,21 @@ export default {
.then(response => {
this.total_data = response.data.total_number;
this.list_data = response.data.list_data;
for (let i = 0; i < this.list_data.length; i++) {
const e = this.list_data[i];
for (let j = 0; j < this.contract_state_data.length; j++) {
const a = this.contract_state_data[j];
if (e.contract_state == a.code) {
this.list_data[i].contract_state_name = a.name;
}
}
for (let k = 0; k < this.product_line_type_data.length; k++) {
const b = this.product_line_type_data[k];
if (e.product_line_type == b.code) {
this.list_data[i].product_line_type_name = b.name;
}
}
}
})
.catch(err => {
console.log(err.message);
......@@ -541,28 +596,44 @@ export default {
this.search_form = JSON.parse(sessionStorage.getItem("search_form"));
this.current_page = val;
console.log(this.current_page);
this.list_data = this.get_list_data().data;
this.get_list_data();
},
export_contract() {
this.$Axios({
method:"get",
url:this.contract_base_url + "export",
params:this.search_form,
responseType:"blob"
}).then( res => {
let blob = new Blob([res.data],{type:"application/vnd.ms-excel;charset=UTF-8"});
let ourl = URL.createObjectURL(blob);
window.location.href = ourl;
}).catch(err => {
console.log(err.message);
method: "get",
url: this.contract_base_url + "export",
params: this.search_form,
responseType: "blob"
})
.then(res => {
let blob = new Blob([res.data], {
type: "application/vnd.ms-excel;charset=UTF-8"
});
// let ourl = URL.createObjectURL(blob);
// window.location.href = ourl;
var downloadElement = document.createElement("a");
var href = window.URL.createObjectURL(blob); //创建下载的链接
downloadElement.href = href;
downloadElement.download = "合同.xlsx"; //下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); //点击下载
document.body.removeChild(downloadElement); //下载完成移除元素
window.URL.revokeObjectURL(href); //释放掉blob对象
})
.catch(err => {
console.log(err.message);
});
},
go_to(id){
this.$router.push('/nav/contract/'+id);
go_to(id) {
this.$router.push("/nav/contract/" + id);
}
},
created() {
this.get_provinces();
this.get_amount_state_unid_data();
this.get_contract_type_data();
this.get_contract_state_data();
this.get_product_line_type_data();
}
};
</script>
......
code/finance_web/static/disparch.js
disparch_data = {
code_base_url: "http://192.168.9.162:20080/api/v1/codes/",
contract_base_url: "http://192.168.9.162:20080/api/v1/financial/contracts/",
auth_base_url: "http://192.168.9.162:20080/api/v1/auth/"
}
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!