This commit is contained in:
shilixia 2022-03-17 13:05:15 +08:00
parent 289a7a2335
commit 4267885e71
7 changed files with 298 additions and 251 deletions

View File

@ -2,6 +2,6 @@
ENV = 'production' ENV = 'production'
# base api # base api
VUE_APP_BASE_API = 'http://49.232.14.174:2222/api' VUE_APP_BASE_API = 'http://hberp.com/api'
#VUE_APP_BASE_API = 'http://127.0.0.1:8000/api' #VUE_APP_BASE_API = 'http://127.0.0.1:8000/api'

View File

@ -22,11 +22,11 @@ export function notWork(id, data) {
}) })
} }
export function getEmployee(data) { export function getEmployee(query) {
return request({ return request({
url: '/hrm/employee/', url: '/hrm/employee/',
method: 'get', method: 'get',
data params: query
}) })
} }

View File

@ -422,9 +422,9 @@
getUserList() { getUserList() {
let that = this; let that = this;
that.listUser = false; that.listUser = false;
getEmployee({page: 0,type:'big_screen'}).then((response) => { getEmployee({page: 0,type:'big_screen',show_atwork:true}).then((response) => {
if (response.data) { if (response.data) {
let list = response.data.results; let list = response.data;
let data = []; let data = [];
list.forEach(item => { list.forEach(item => {
let obj = []; let obj = [];

View File

@ -48,6 +48,14 @@
</span> </span>
<span v-else></span> <span v-else></span>
</template> </template>
</el-table-column>
<el-table-column label="监管协议号">
<template slot-scope="scope">
<span v-if="scope.row.to_order_">{{scope.row.to_order_.contract_.watch_num}}</span>
<span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
</span>
<span v-else></span>
</template>
</el-table-column> </el-table-column>
<el-table-column label="客户"> <el-table-column label="客户">
<template slot-scope="scope"> <template slot-scope="scope">
@ -113,6 +121,7 @@
<el-descriptions-item label="原订单">{{ this.ordershow }}</el-descriptions-item> <el-descriptions-item label="原订单">{{ this.ordershow }}</el-descriptions-item>
<el-descriptions-item label="原客户">{{ this.customershow }}</el-descriptions-item> <el-descriptions-item label="原客户">{{ this.customershow }}</el-descriptions-item>
<el-descriptions-item label="原合同">{{ this.contractshow }}</el-descriptions-item> <el-descriptions-item label="原合同">{{ this.contractshow }}</el-descriptions-item>
<el-descriptions-item label="监管协议号">{{ this.watch_num }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
@ -195,6 +204,7 @@
ordershow: "", ordershow: "",
customershow: "", customershow: "",
contractshow: "", contractshow: "",
watch_num:"",
materialshow: [], materialshow: [],
}; };
}, },
@ -247,6 +257,7 @@
this.ordershow = _this.materialshow[0].order_.number; this.ordershow = _this.materialshow[0].order_.number;
this.customershow = _this.materialshow[0].order_.customer_.name; this.customershow = _this.materialshow[0].order_.customer_.name;
this.contractshow = _this.materialshow[0].order_.contract_.name; this.contractshow = _this.materialshow[0].order_.contract_.name;
this.watch_num = _this.materialshow[0].order_.contract_.watch_num;
getOrderList({page: 0, material: _this.mtmId[0], tag: 'not_done'}).then( getOrderList({page: 0, material: _this.mtmId[0], tag: 'not_done'}).then(
(response) => { (response) => {
if (response.data) { if (response.data) {

View File

@ -1,184 +1,218 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-row :gutter="2"> <el-row :gutter="2">
<el-col :span="9" > <el-col :span="9">
<el-card style="height:655px" > <el-card style="height: 655px">
<div>基础信息</div>
<div>基础信息</div> <el-form
<el-form ref="Form" :model="user" label-width="80px" label-position="right" :rules="rule1"> ref="Form"
<el-form-item label="姓名" prop="name"> :model="user"
<el-input v-model="user.name" placeholder="姓名" /> label-width="80px"
</el-form-item> label-position="right"
<el-form-item label="账户" prop="username"> :rules="rule1"
<el-input v-model="user.username" placeholder="账户" />
</el-form-item>
<el-form-item label="所属部门" prop="dept">
<el-cascader ref="cascader" :options="orgData" v-model="user.dept" :show-all-levels="false"></el-cascader>
</el-form-item>
<el-form-item label="角色" prop="roles">
<el-select v-model="user.roles" multiple placeholder="请选择" style="width:100%">
<el-option
v-for="item in roles"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="头像" prop="dept">
<el-upload
class="avatar-uploader"
:action="upUrl"
accept="image/jpeg, image/gif, image/png, image/bmp"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:headers="upHeaders"
> >
<img v-if="user.avatar" :src="user.avatar" class="avatar" /> <el-form-item label="姓名" prop="name">
<i v-else class="el-icon-plus avatar-uploader-icon" /> <el-input v-model="user.name" placeholder="姓名" />
</el-upload> </el-form-item>
</el-form-item> <el-form-item label="账户" prop="username">
<el-form-item size="large"> <el-input v-model="user.username" placeholder="账户" />
<el-button type="primary" @click="submitFormuser" >保存</el-button> </el-form-item>
<el-button @click="goBack">返回</el-button> <el-form-item label="所属部门" prop="dept">
</el-form-item> <el-cascader
</el-form> ref="cascader"
:options="orgData"
v-model="user.dept"
</el-card> :show-all-levels="false"
></el-cascader>
</el-form-item>
<el-form-item label="角色" prop="roles">
<el-select
v-model="user.roles"
multiple
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in roles"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="头像" prop="dept">
<el-upload
class="avatar-uploader"
:action="upUrl"
accept="image/jpeg, image/gif, image/png, image/bmp"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:headers="upHeaders"
>
<img v-if="user.avatar" :src="user.avatar" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload>
</el-form-item>
<el-form-item size="large">
<el-button type="primary" @click="submitFormuser">保存</el-button>
<el-button @click="goBack">返回</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col> </el-col>
<el-col :span="15" > <el-col :span="15">
<el-card style="height:655px" > <el-card style="height: 655px">
<div>详细信息</div> <div>详细信息</div>
<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px"> <el-form
<el-row> ref="elForm"
<el-col :span="8"> :model="formData"
<el-form-item label="工号" prop="number"> :rules="rules"
<el-input size="medium"
v-model="formData.number" label-width="100px"
placeholder="请输入编号"
clearable
:style="{width: '100%'}"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="学历" prop="qualification">
<el-input
v-model="formData.qualification"
placeholder="请输入学历"
clearable
:style="{width: '100%'}"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="性别" prop="gender">
<el-select
v-model="formData.gender"
placeholder="请选择性别"
clearable
:style="{width: '100%'}"
>
<el-option
v-for="item in genderOptions"
:key="item.key"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="在职状态" prop="job_state">
<el-select
v-model="formData.job_state"
placeholder="请选择在职状态"
clearable
:style="{width: '100%'}"
>
<el-option
v-for="item in jobstateOptions"
:key="item.key"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="出生年月" prop="birthday">
<el-date-picker
v-model="formData.birthday"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
style="width:100%"
> >
</el-date-picker> <el-row>
</el-form-item> <el-col :span="8">
</el-col> <el-form-item label="工号" prop="number">
<el-col :span="8"> <el-input
v-model="formData.number"
<el-form-item label="身份证号" prop="id_number"> placeholder="请输入编号"
<el-input clearable
v-model="formData.id_number" :style="{ width: '100%' }"
placeholder="请输入身份证号" ></el-input>
clearable </el-form-item>
:style="{width: '100%'}" </el-col>
></el-input> <el-col :span="8">
</el-form-item> <el-form-item label="学历" prop="qualification">
</el-col> <el-input
v-model="formData.qualification"
</el-row> placeholder="请输入学历"
clearable
:style="{ width: '100%' }"
<el-row> ></el-input>
<el-col :span="8"> </el-form-item>
<el-form-item label="证件照" prop="photo"> </el-col>
<el-upload </el-row>
:action="upUrl" <el-row>
accept=".png, .jpeg, .jpg" <el-col :span="8">
:headers="upHeaders" <el-form-item label="性别" prop="gender">
class="avatar-uploader" <el-select
:show-file-list="false" v-model="formData.gender"
:on-success="handleSuccess" placeholder="请选择性别"
:before-upload="beforeUpload" clearable
> :style="{ width: '100%' }"
<img v-if="formData.photo" :src="formData.photo" class="avatar" /> >
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <el-option
</el-upload> v-for="item in genderOptions"
</el-form-item> :key="item.key"
</el-col> :label="item.label"
:value="item.value"
<el-col :span="8"> />
<el-form-item label="签名图片" prop="signature"> </el-select>
<el-upload :action="upUrl" :headers="upHeaders" accept=".png, .jpeg, .jpg" :before-upload="beforeUpload" class="avatar-uploader" </el-form-item>
:show-file-list="false" </el-col>
:on-success="handleSuccess2"><img v-if="formData.signature" :src="formData.signature" class="avatar2" /> <el-col :span="8">
<i v-else class="el-icon-plus avatar-uploader-icon2"></i></el-upload> <el-form-item label="在职状态" prop="job_state">
</el-form-item> <el-select
</el-col> v-model="formData.job_state"
</el-row> placeholder="请选择在职状态"
<el-form-item size="large"> clearable
<el-button type="primary" @click="submitForm" >保存</el-button> :style="{ width: '100%' }"
<el-button @click="goBack">返回</el-button> >
</el-form-item> <el-option
</el-form> v-for="item in jobstateOptions"
:key="item.key"
</el-card> :label="item.label"
</el-col> :value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="出生年月" prop="birthday">
<el-date-picker
v-model="formData.birthday"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
style="width: 100%"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="身份证号" prop="id_number">
<el-input
v-model="formData.id_number"
placeholder="请输入身份证号"
clearable
:style="{ width: '100%' }"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="证件照" prop="photo">
<el-upload
:action="upUrl"
accept=".png, .jpeg, .jpg"
:headers="upHeaders"
class="avatar-uploader"
:show-file-list="false"
:on-success="handleSuccess"
:before-upload="beforeUpload"
>
<img
v-if="formData.photo"
:src="formData.photo"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="签名图片" prop="signature">
<el-upload
:action="upUrl"
:headers="upHeaders"
accept=".png, .jpeg, .jpg"
:before-upload="beforeUpload"
class="avatar-uploader"
:show-file-list="false"
:on-success="handleSuccess2"
><img
v-if="formData.signature"
:src="formData.signature"
class="avatar2" />
<i v-else class="el-icon-plus avatar-uploader-icon2"></i
></el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="是否显示在岗" prop="job_state">
<el-switch
v-model="formData.show_atwork"
>
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-form-item size="large">
<el-button type="primary" @click="submitForm">保存</el-button>
<el-button @click="goBack">返回</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
@ -221,17 +255,17 @@
} }
</style> </style>
<script> <script>
import { upUrl, upHeaders } from "@/api/file";
import { upUrl, upHeaders } from "@/api/file" import { genSignature } from "@/api/util";
import { genSignature } from "@/api/util" import { getUser, updateUser } from "@/api/user";
import { getUser,updateUser } from "@/api/user"; import { genTree } from "@/utils";
import { genTree } from "@/utils" import { getOrgAll } from "@/api/org";
import { getOrgAll } from "@/api/org" import { getRoleAll } from "@/api/role";
import { getRoleAll } from "@/api/role" import Treeselect from "@riophae/vue-treeselect";
import Treeselect from '@riophae/vue-treeselect'
import { getEmployee, updateEmployee } from "@/api/employee"; import { getEmployee, updateEmployee } from "@/api/employee";
const defaultForm = { const defaultForm = {
user:{}, user: {},
show_atwork:true,
}; };
export default { export default {
name: "Employeedetail", name: "Employeedetail",
@ -242,28 +276,28 @@ export default {
upHeaders: upHeaders(), upHeaders: upHeaders(),
upUrl: upUrl(), upUrl: upUrl(),
formData: Object.assign({}, defaultForm), formData: Object.assign({}, defaultForm),
user:[], user: [],
orgData: [], orgData: [],
roles: [], roles: [],
genderOptions: [ genderOptions: [
{ value: "", label: "" }, { value: "", label: "" },
{ value: "", label: "" } { value: "", label: "" },
], ],
jobstateOptions:[ jobstateOptions: [
{ value: 1, label: "在职" }, { value: 1, label: "在职" },
{ value: 2, label: "离职" } { value: 2, label: "离职" },
], ],
deptvalue:null, deptvalue: null,
rules: { rules: {
ID_number: [ ID_number: [
{ {
pattern: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, pattern:
/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
message: "身份证格式错误", message: "身份证格式错误",
trigger: "blur" trigger: "blur",
} },
] ],
} },
}; };
}, },
computed: {}, computed: {},
@ -271,36 +305,32 @@ export default {
created() { created() {
this.formData.id = this.$route.params.id; this.formData.id = this.$route.params.id;
this.getDetail(); this.getDetail();
this.getOrgAll(); this.getOrgAll();
this.getRoleAll(); this.getRoleAll();
}, },
mounted() {}, mounted() {},
methods: { methods: {
getDetail() { getDetail() {
getEmployee(this.$route.params.id).then(res => { getEmployee(this.$route.params.id).then((res) => {
this.formData = res.data; this.formData = res.data;
getUser(res.data.user).then(Response => { getUser(res.data.user).then((Response) => {
this.user = Response.data;
this.user=Response.data; });
})
}); });
}, },
getOrgAll() { getOrgAll() {
getOrgAll().then((response) => {
getOrgAll().then(response => {
this.orgData = genTree(response.data); this.orgData = genTree(response.data);
}); });
}, },
getRoleAll() { getRoleAll() {
getRoleAll({page:0}).then(response => { getRoleAll({ page: 0 }).then((response) => {
this.roles =response.data; this.roles = response.data;
}); });
}, },
handleAvatarSuccess(res, file) { handleAvatarSuccess(res, file) {
this.user.avatar = res.data.path this.user.avatar = res.data.path;
}, },
beforeAvatarUpload(file) { beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 2; const isLt2M = file.size / 1024 / 1024 < 2;
@ -324,21 +354,25 @@ export default {
this.formData.photo = res.data.path; this.formData.photo = res.data.path;
}, },
handleSuccess2(res, file) { handleSuccess2(res, file) {
const loading = this.$loading({text:'上传成功,正在转换..'}) const loading = this.$loading({ text: "上传成功,正在转换.." });
genSignature({path:res.data.path}).then(res=>{ genSignature({ path: res.data.path })
this.formData.signature = res.data.path .then((res) => {
loading.close() this.formData.signature = res.data.path;
}).catch(error=>{loading.close()}) loading.close();
})
.catch((error) => {
loading.close();
});
// this.formData.photo = res.data.path; // this.formData.photo = res.data.path;
}, },
submitForm() { submitForm() {
this.$refs["elForm"].validate(valid => { this.$refs["elForm"].validate((valid) => {
if (!valid) return; if (!valid) return;
// TODO 提交表单 // TODO 提交表单
var data = this.formData; var data = this.formData;
updateEmployee(this.$route.params.id, data).then(res => { updateEmployee(this.$route.params.id, data).then((res) => {
this.$message.success("成功"); this.$message.success("成功");
}); });
}); });
@ -349,26 +383,23 @@ export default {
goBack() { goBack() {
this.$router.go(-1); this.$router.go(-1);
}, },
submitFormuser() { submitFormuser() {
this.$refs["Form"].validate(valid => { this.$refs["Form"].validate((valid) => {
if (!valid) return; if (!valid) return;
this.deptvalue= this.$refs['cascader'].getCheckedNodes();
if( this.deptvalue!="")
{
this.user.dept=this.deptvalue[0].value;
}
updateUser(this.user.id, this.user).then(res => { this.deptvalue = this.$refs["cascader"].getCheckedNodes();
if (this.deptvalue != "") {
this.$message({ this.user.dept = this.deptvalue[0].value;
message: "编辑成功", }
type: "success",
}); updateUser(this.user.id, this.user).then((res) => {
}); this.$message({
}); message: "编辑成功",
} type: "success",
} });
});
});
},
},
}; };
</script> </script>

View File

@ -50,6 +50,8 @@
<el-table-column label="合同名称" prop="name" width="160" show-overflow-tooltip> <el-table-column label="合同名称" prop="name" width="160" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column label="合同编号" prop="number" width="160" show-overflow-tooltip> <el-table-column label="合同编号" prop="number" width="160" show-overflow-tooltip>
</el-table-column>
<el-table-column label="监管协议号" prop="watch_num" width="160" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column label="合同金额(元)" prop="amount" width="120"> <el-table-column label="合同金额(元)" prop="amount" width="120">
</el-table-column> </el-table-column>
@ -116,6 +118,9 @@
> >
<el-form-item label="合同名称" prop="name"> <el-form-item label="合同名称" prop="name">
<el-input v-model="contract.name" placeholder="合同名称"/> <el-input v-model="contract.name" placeholder="合同名称"/>
</el-form-item>
<el-form-item label="监管协议号" prop="watch_num">
<el-input v-model="contract.watch_num" placeholder="合同名称"/>
</el-form-item> </el-form-item>
<el-form-item label="合同编号" prop="number"> <el-form-item label="合同编号" prop="number">
<el-input v-model="contract.number" placeholder="合同编号"/> <el-input v-model="contract.number" placeholder="合同编号"/>

View File

@ -87,18 +87,18 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="指派订单"> <el-table-column label="指派订单">
<template slot-scope="scope" v-if="scope.row.to_order_"> <template slot-scope="scope" v-if="scope.row.order_">
{{scope.row.to_order_.number }} {{scope.row.order_.number }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="客户"> <el-table-column label="客户">
<template slot-scope="scope" v-if="scope.row.to_order_"> <template slot-scope="scope" v-if="scope.row.customer_">
{{scope.row.to_order_.customer_.name }} {{scope.row.customer_.name }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合同"> <el-table-column label="合同">
<template slot-scope="scope" v-if="scope.row.to_order_"> <template slot-scope="scope" v-if="scope.row.contract_">
{{scope.row.to_order_.contract_.name }} {{scope.row.contract_.name }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="操作" width="220px"> <el-table-column align="center" label="操作" width="220px">