565 lines
17 KiB
Vue
565 lines
17 KiB
Vue
<template>
|
|
<div class="sys-task sys-box">
|
|
<div class="sys-operate">
|
|
<el-button type="primary" v-has="'management:project:add'" @click="add()">新增</el-button>
|
|
<!-- <el-button type="primary" :disabled="btnDelDisabled" @click="remove()" >删除</el-button> -->
|
|
<el-button type="primary" v-has="'management:project:show'" @click="show()"
|
|
:disabled="btnOtherDisabled">编辑</el-button>
|
|
<el-button type="primary" v-has="'management:project:import'" @click="importFile()">导入</el-button>
|
|
<!-- <el-button type="primary" v-has="'management:project:audit'" @click="audit(1)"
|
|
:disabled="btnOtherDisabled">审核</el-button>
|
|
<el-button type="primary" v-has="'management:project:disAudit'" @click="disAudit(1)"
|
|
:disabled="btnOtherDisabled">反审核</el-button> -->
|
|
</div>
|
|
<div class="sys-search">
|
|
<el-form inline class="form_item_search_out">
|
|
<div class="form_item_input_out">
|
|
<el-form-item label="项目单号" style="width:22%" class="form_item-inline">
|
|
<el-input placeholder="请输入项目单号" v-model="search_data.code" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="项目名称" style="width:22%" class="form_item-inline">
|
|
<el-input placeholder="请输入项目名称" v-model="search_data.name" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="项目日期" style="width:34%" class="form_item-inline">
|
|
<el-date-picker v-model="planTime" type="daterange" range-separator="-" start-placeholder="开始日期"
|
|
end-placeholder="结束日期"></el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="search()">查询</el-button>
|
|
</el-form-item>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
<div class="sys-table">
|
|
<el-table border v-loading="pictLoading" @row-click="clickRow" ref="tb" :data="tableData" :header-cell-style="{
|
|
fontWeight: 'normal',
|
|
textAlign: 'center',
|
|
backgroundColor: '#eceff4',
|
|
color: '#222'
|
|
}" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center"></el-table-column>
|
|
<el-table-column prop="code" label="项目单号" show-overflow-tooltip align="center">
|
|
<template slot-scope="scope">
|
|
<el-link type="primary" @click.stop="openDetails(scope.row)">{{
|
|
scope.row.code
|
|
}}</el-link>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="xmrq" align="center" label="项目日期" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="name" align="center" label="项目名称" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="xmyq" align="center" label="项目要求" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="xmsm" align="center" label="项目说明" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="jlry" align="center" label="记录人员" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="remarks" align="center" label="备注" show-overflow-tooltip></el-table-column>
|
|
<!-- <el-table-column prop="auditSignName" align="center" label="审核状态" show-overflow-tooltip></el-table-column> -->
|
|
</el-table>
|
|
</div>
|
|
<div class="sys-pagination">
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
:current-page="search_data.pageno" :page-sizes="pageSizes" :page-size="search_data.pagesize"
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
|
</div>
|
|
|
|
<el-dialog :title="dialogTitle" center :visible.sync="dialogVisible" width="900px">
|
|
<el-form v-loading="dialogLoading" label-width="110px" :model="formData" :rules="rulesForm" class="company-form"
|
|
ref="form">
|
|
<el-form-item prop="code" label="项目单号">
|
|
<el-input v-model="formData.code" disabled></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="xmrq" label="项目日期">
|
|
<!-- <el-input v-model="formData.code"></el-input> -->
|
|
<el-date-picker v-model="formData.xmrq" type="datetime" placeholder="选择日期时间"
|
|
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="记录人员" prop="jlry">
|
|
<btn-input :valueText.sync="formData.jlry" :valueId.sync="formData.jlryid"
|
|
:chooseVisible.sync="chooseUserVisible"></btn-input>
|
|
</el-form-item>
|
|
<el-form-item prop="name" label="项目名称">
|
|
<el-input v-model="formData.name"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="项目状态" prop="dywzid">
|
|
<el-select clearable style="width: 100%;" v-model="formData.xmztid" @change="
|
|
el => {
|
|
formData.xmzt = xmztList.filter(
|
|
item => item.id == el
|
|
)[0].name;
|
|
}
|
|
" placeholder="请选择">
|
|
<el-option v-for="item in xmztList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="xmyq" label="项目要求">
|
|
<el-input type="textarea" :autosize="{ minRows: 2 }" v-model="formData.xmyq"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="xmsm" label="项目说明">
|
|
<el-input type="textarea" :autosize="{ minRows: 2 }" v-model="formData.xmsm"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="remarks" label="备注">
|
|
<el-input type="textarea" :autosize="{ minRows: 2 }" v-model="formData.remarks"></el-input>
|
|
</el-form-item>
|
|
|
|
<!-- <div class="dialog-flex">
|
|
<el-form-item prop="auditorName" label="审核人" >
|
|
<el-input placeholder="审核人" v-model="formData.auditorName" disabled></el-input>
|
|
</el-form-item>
|
|
</div> -->
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="dialogVisible = false">{{
|
|
config.cancelText
|
|
}}</el-button>
|
|
<el-button type="primary" @click="save('form')" :disabled="isDisabled">保存</el-button>
|
|
|
|
<!-- <el-button type="primary" size="small" @click="audit" v-if="this.formData.auditSign == 178">审核</el-button> -->
|
|
<!-- <el-button type="primary" size="small" @click="disAudit" v-if="this.formData.auditSign == 179">反审核</el-button> -->
|
|
</span>
|
|
</el-dialog>
|
|
<DialogChooseSingleUser :visible.sync="chooseUserVisible" @change="getUser"></DialogChooseSingleUser>
|
|
|
|
<dialog-import-file
|
|
v-if="showUserImportDialog"
|
|
:visible.sync="showUserImportDialog"
|
|
title="项目管理批量导入"
|
|
source="project"
|
|
:upload-data="{ type: 'user' }"
|
|
@success="handleUserImportSuccess"
|
|
@close="showUserImportDialog = false"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import config from "@/utils/config.js";
|
|
import DialogImportFile from '@/components/Dialog/dialogImportFile.vue';
|
|
|
|
import Cookies from "js-cookie";
|
|
import DialogChooseSingleUser from "@/components/System/dialogChooseSingleUser";
|
|
import { formatDateTime } from "@/utils/tools.js";
|
|
import btnInput from "@/components/btnInput.vue";
|
|
|
|
export default {
|
|
components: {
|
|
btnInput,
|
|
DialogChooseSingleUser,
|
|
DialogImportFile
|
|
},
|
|
data() {
|
|
return {
|
|
chooseUserVisible:false,
|
|
showUserImportDialog:false,
|
|
dywzList:[],
|
|
planTime: [],
|
|
xmztList:[],
|
|
rulesForm: {
|
|
jlry: [
|
|
{ required: true, message: "请选择记录人员", trigger: "change" }
|
|
],
|
|
name: [
|
|
{ required: true, message: "请输入项目名称", trigger: "change" }
|
|
],
|
|
// code: [{ required: true, message: "请输入项目代码", trigger: "change" }]
|
|
},
|
|
total: 0, //总条数
|
|
pageSizes: [10, 20, 50], //每页展示多少条
|
|
search_data: {
|
|
pageno: 1,
|
|
pagesize: 10
|
|
},
|
|
options: [],
|
|
expenseOptions: [],
|
|
chooseDevicesVisible: false,
|
|
btnDelDisabled: true,
|
|
btnOtherDisabled: true,
|
|
rowIds: [],
|
|
tableData: [],
|
|
userInfo: {},
|
|
deviceoptions: [],
|
|
dialogVisible: false,
|
|
dialogTitle: "新增",
|
|
formData: {},
|
|
btn: false,
|
|
loading: false,
|
|
isDisabled: false,
|
|
// options: [],
|
|
getUserList: [],
|
|
selectDeptId: [],
|
|
depOptions: [],
|
|
pictLoading: false,
|
|
dialogLoading: false,
|
|
chooseUserVisible: false,
|
|
chooseID: "", //编辑的id
|
|
config: config
|
|
};
|
|
},
|
|
mounted() {
|
|
this.getList();
|
|
this.initialize();
|
|
},
|
|
watch: {},
|
|
methods: {
|
|
initialize() {
|
|
Promise.all([
|
|
this.$api.dictAPI.getDictsByType("xmzt"),
|
|
])
|
|
.then(([r1]) => {
|
|
if (r1.code === 0) {
|
|
this.xmztList = r1.datas;
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.log(error);
|
|
});
|
|
},
|
|
handleUserImportSuccess(response, file, fileList) {
|
|
this.getList()
|
|
},
|
|
importFile(){
|
|
this.showUserImportDialog = true
|
|
},
|
|
getUser(data) {
|
|
var self = this;
|
|
if (data) {
|
|
self.$set(self.formData, "jlryid", data.id);
|
|
self.$set(self.formData, "jlry", data.name);
|
|
}
|
|
},
|
|
settime(n) {
|
|
if (n.toString().length == 1) {
|
|
return "0" + n.toString();
|
|
} else {
|
|
return n;
|
|
}
|
|
},
|
|
|
|
clickRow(row) {
|
|
this.$refs.tb.toggleRowSelection(row);
|
|
},
|
|
|
|
/**
|
|
*获取列表
|
|
*/
|
|
getList() {
|
|
this.pictLoading = true;
|
|
// if (this.planTime) {
|
|
// this.search_data.ksrq = formatDateTime(this.planTime[0]);
|
|
// this.search_data.jsrq = formatDateTime(this.planTime[1]);
|
|
// } else {
|
|
// this.search_data.ksrq = null;
|
|
// this.search_data.jsrq = null;
|
|
// }
|
|
this.$api.projectAPI
|
|
.pageList(this.search_data)
|
|
.then(res => {
|
|
this.pictLoading = false;
|
|
if (res.data) {
|
|
this.total = res.data.totalRows;
|
|
this.tableData = res.data.datas ? res.data.datas : [];
|
|
} else {
|
|
this.total = 0;
|
|
this.tableData = [];
|
|
}
|
|
})
|
|
.catch(r => {
|
|
console.log(r);
|
|
});
|
|
},
|
|
/**
|
|
* 查询
|
|
*/
|
|
search() {
|
|
this.search_data.pageno = 1;
|
|
this.getList();
|
|
},
|
|
// 上下分页
|
|
handleCurrentChange(val) {
|
|
this.search_data.pageno = val;
|
|
this.getList();
|
|
},
|
|
// 每页显示多少条
|
|
handleSizeChange(val) {
|
|
this.search_data.pagesize = val;
|
|
this.getList();
|
|
},
|
|
/**
|
|
* 新增费用
|
|
*/
|
|
|
|
add() {
|
|
this.chooseID = "";
|
|
this.formData = {};
|
|
this.dialogVisible = true;
|
|
this.dialogTitle = "新增项目信息";
|
|
if (this.$refs["form"] !== undefined) {
|
|
this.$refs["form"].resetFields();
|
|
}
|
|
},
|
|
|
|
/**
|
|
*查看明细
|
|
*/
|
|
openDetails(r) {
|
|
console.log(r);
|
|
this.dialogVisible = true;
|
|
this.chooseID = r.id;
|
|
if (this.$refs["form"] !== undefined) {
|
|
this.$refs["form"].resetFields();
|
|
}
|
|
this.getDetail();
|
|
this.isDisabled = true
|
|
this.dialogTitle = "查看项目信息";
|
|
},
|
|
// 查看
|
|
show() {
|
|
this.isDisabled = false;
|
|
this.dialogVisible = true;
|
|
this.chooseID = this.rowIds[0].id;
|
|
if (this.$refs["form"] !== undefined) {
|
|
this.$refs["form"].resetFields();
|
|
}
|
|
this.getDetail();
|
|
this.dialogTitle = "编辑项目信息";
|
|
},
|
|
/**
|
|
* 获取明细
|
|
*/
|
|
getDetail() {
|
|
this.dialogLoading = true;
|
|
this.formData = {}; //先清空
|
|
this.$api.projectAPI
|
|
.detail(this.chooseID)
|
|
.then(res => {
|
|
this.dialogLoading = false;
|
|
if (res.data) {
|
|
this.formData = Object.assign({}, this.formData, res.data);
|
|
} else {
|
|
this.dialogVisible = false;
|
|
this.$alert("获取项目信息明细失败", "提示", { type: "warning" });
|
|
}
|
|
})
|
|
.catch(r => {
|
|
console.log(r);
|
|
});
|
|
},
|
|
/**
|
|
* 保存
|
|
*/
|
|
save(form) {
|
|
this.$refs[form].validate(valid => {
|
|
if (valid) {
|
|
if (this.chooseID) {
|
|
this.formData.Id = this.chooseID;
|
|
if (this.isDisabled) {
|
|
return;
|
|
}
|
|
this.isDisabled = true;
|
|
this.$api.projectAPI
|
|
.save(this.formData)
|
|
.then(res => {
|
|
this.isDisabled = false;
|
|
if (res.code === 0) {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
this.dialogVisible = false;
|
|
this.getList();
|
|
} else {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "error"
|
|
});
|
|
}
|
|
})
|
|
.catch(r => {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
});
|
|
} else {
|
|
if (this.isDisabled) {
|
|
return;
|
|
}
|
|
this.isDisabled = true;
|
|
this.$api.projectAPI
|
|
.save(this.formData)
|
|
.then(res => {
|
|
this.isDisabled = false;
|
|
if (res.code === 0) {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
this.dialogVisible = false;
|
|
this.getList();
|
|
} else {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "error"
|
|
});
|
|
}
|
|
})
|
|
.catch(r => {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
});
|
|
}
|
|
} else {
|
|
return false;
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 审核
|
|
*/
|
|
audit(n) {
|
|
let id;
|
|
if (n == 1) {
|
|
//点击列表上面的审核按钮
|
|
id = this.rowIds[0].id;
|
|
} else {
|
|
//点击弹出框里面的审核按钮
|
|
id = this.formData.id;
|
|
}
|
|
this.$api.projectAPI.audit(id).then(res => {
|
|
if (res.code === 0) {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
this.dialogVisible = false;
|
|
this.getList();
|
|
} else {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "error"
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 反审核
|
|
*/
|
|
disAudit(n) {
|
|
let id;
|
|
if (n == 1) {
|
|
//点击列表上面的审核按钮
|
|
id = this.rowIds[0].id;
|
|
} else {
|
|
//点击弹出框里面的审核按钮
|
|
id = this.formData.id;
|
|
}
|
|
this.$api.projectAPI.reverseAudit(id).then(res => {
|
|
if (res.code === 0) {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "success"
|
|
});
|
|
this.dialogVisible = false;
|
|
this.getList();
|
|
} else {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: "error"
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 删除费用
|
|
*/
|
|
// remove() {
|
|
// let ids = [];
|
|
// this.rowIds.forEach(item => {
|
|
// ids.push(item.id);
|
|
// });
|
|
// //let id = this.rowIds[0].id;
|
|
// this.$confirm("确认删除项目信息吗?", "提示", {
|
|
// type: "warning" // }).then(() => {
|
|
// this.$api.projectAPI
|
|
// .delete({ids:ids})
|
|
// .then(res => {
|
|
// if (res.code === 0) {
|
|
// this.$message({
|
|
// message: res.msg,
|
|
// type: "success"
|
|
// });
|
|
// this.getList();
|
|
// } else {
|
|
// this.$message({
|
|
// message: res.msg ? res.msg : "删除失败，请重试",
|
|
// type: "error"
|
|
// });
|
|
// }
|
|
// })
|
|
// .catch(error => {
|
|
// this.$message({
|
|
// message: "删除失败，请重试",
|
|
// type: "error"
|
|
// });
|
|
// });
|
|
// });
|
|
// },
|
|
/**
|
|
* 处理选中
|
|
*/
|
|
handleSelectionChange(val) {
|
|
this.rowIds = val;
|
|
this.setBtn(val);
|
|
},
|
|
/**
|
|
* 控件操作按钮状态
|
|
*/
|
|
setBtn(val) {
|
|
let isFlag = true;
|
|
let isDelFlag = true;
|
|
if (val.length > 0) {
|
|
isDelFlag = false;
|
|
if (val.length == 1) {
|
|
isFlag = false;
|
|
}
|
|
} else {
|
|
isFlag = true;
|
|
isDelFlag = true;
|
|
}
|
|
this.btnDelDisabled = isDelFlag;
|
|
this.btnOtherDisabled = isFlag;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.company-form {
|
|
overflow: auto;
|
|
}
|
|
|
|
.company-form .el-textarea,
|
|
.company-form .el-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.company-form .form-inline,
|
|
.company-form .form-inline1 {
|
|
float: left;
|
|
/*display: inline-block;*/
|
|
}
|
|
|
|
.company-form .form-inline .el-input,
|
|
.company-form .el-select,
|
|
.company-form .el-cascader {
|
|
width: 200px;
|
|
display: block;
|
|
}
|
|
|
|
.company-form textarea {
|
|
height: 80px;
|
|
}
|
|
</style>
|