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

@ -3,9 +3,14 @@
<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 ref="Form" :model="user" label-width="80px" label-position="right" :rules="rule1"> <el-form
ref="Form"
:model="user"
label-width="80px"
label-position="right"
:rules="rule1"
>
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input v-model="user.name" placeholder="姓名" /> <el-input v-model="user.name" placeholder="姓名" />
</el-form-item> </el-form-item>
@ -13,11 +18,20 @@
<el-input v-model="user.username" placeholder="账户" /> <el-input v-model="user.username" placeholder="账户" />
</el-form-item> </el-form-item>
<el-form-item label="所属部门" prop="dept"> <el-form-item label="所属部门" prop="dept">
<el-cascader ref="cascader" :options="orgData" v-model="user.dept" :show-all-levels="false"></el-cascader> <el-cascader
ref="cascader"
:options="orgData"
v-model="user.dept"
:show-all-levels="false"
></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="角色" prop="roles"> <el-form-item label="角色" prop="roles">
<el-select v-model="user.roles" multiple placeholder="请选择" style="width:100%"> <el-select
v-model="user.roles"
multiple
placeholder="请选择"
style="width: 100%"
>
<el-option <el-option
v-for="item in roles" v-for="item in roles"
:key="item.id" :key="item.id"
@ -45,14 +59,18 @@
<el-button @click="goBack">返回</el-button> <el-button @click="goBack">返回</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </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
ref="elForm"
:model="formData"
:rules="rules"
size="medium"
label-width="100px"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工号" prop="number"> <el-form-item label="工号" prop="number">
@ -73,10 +91,7 @@
:style="{ width: '100%' }" :style="{ width: '100%' }"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
@ -113,8 +128,6 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
@ -130,7 +143,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="身份证号" prop="id_number"> <el-form-item label="身份证号" prop="id_number">
<el-input <el-input
v-model="formData.id_number" v-model="formData.id_number"
@ -140,10 +152,8 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="证件照" prop="photo"> <el-form-item label="证件照" prop="photo">
@ -156,7 +166,11 @@
:on-success="handleSuccess" :on-success="handleSuccess"
:before-upload="beforeUpload" :before-upload="beforeUpload"
> >
<img v-if="formData.photo" :src="formData.photo" class="avatar" /> <img
v-if="formData.photo"
:src="formData.photo"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
@ -164,10 +178,31 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="签名图片" prop="signature"> <el-form-item label="签名图片" prop="signature">
<el-upload :action="upUrl" :headers="upHeaders" accept=".png, .jpeg, .jpg" :before-upload="beforeUpload" class="avatar-uploader" <el-upload
:action="upUrl"
:headers="upHeaders"
accept=".png, .jpeg, .jpg"
:before-upload="beforeUpload"
class="avatar-uploader"
:show-file-list="false" :show-file-list="false"
:on-success="handleSuccess2"><img v-if="formData.signature" :src="formData.signature" class="avatar2" /> :on-success="handleSuccess2"
<i v-else class="el-icon-plus avatar-uploader-icon2"></i></el-upload> ><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-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -176,7 +211,6 @@
<el-button @click="goBack">返回</el-button> <el-button @click="goBack">返回</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
@ -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",
@ -247,23 +281,23 @@ export default {
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: {},
@ -277,30 +311,26 @@ export default {
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("成功");
}); });
}); });
@ -350,25 +384,22 @@ export default {
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();
this.deptvalue= this.$refs['cascader'].getCheckedNodes(); if (this.deptvalue != "") {
if( this.deptvalue!="")
{
this.user.dept = this.deptvalue[0].value; this.user.dept = this.deptvalue[0].value;
} }
updateUser(this.user.id, this.user).then(res => { updateUser(this.user.id, this.user).then((res) => {
this.$message({ this.$message({
message: "编辑成功", message: "编辑成功",
type: "success", 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">