mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 22:06:45 +08:00
面授 审核
This commit is contained in:
宋文超
@@ -106,6 +106,44 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 审核日志弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="projAuditModal"
|
||||
:footer="null"
|
||||
:closable="closeBack"
|
||||
wrapClassName="projAuditModal"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="icon"></div>
|
||||
<span>审核记录</span>
|
||||
<div class="close_exit" @click="closeProjAuditModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<a-table
|
||||
style="width: 90%"
|
||||
:columns="columnsAudit"
|
||||
:data-source="tableDataAudit"
|
||||
:loading="tableDataTotalAudit === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1" @click="closeProjAuditModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2" @click="closeProjAuditModal">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -137,6 +175,8 @@ export default {
|
||||
currentPage: 1,
|
||||
total: null,
|
||||
pageSize: 10,
|
||||
projAuditModal: false,
|
||||
closeBack: false,
|
||||
columns1: [
|
||||
{
|
||||
title: "序号",
|
||||
@@ -197,12 +237,52 @@ export default {
|
||||
customRender: () => {
|
||||
return (
|
||||
<div>
|
||||
<span>审核日志</span>
|
||||
<span
|
||||
onClick={() => {
|
||||
showProjAuditModal();
|
||||
}}
|
||||
style="cursor:pointer"
|
||||
>
|
||||
审核日志
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
//审核记录的表
|
||||
columnsAudit: [
|
||||
{
|
||||
title: "审核人",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
align: "center",
|
||||
},
|
||||
|
||||
{
|
||||
title: "审核状态",
|
||||
dataIndex: "belong",
|
||||
key: "belong",
|
||||
align: "center",
|
||||
// width: "10%",
|
||||
},
|
||||
|
||||
{
|
||||
title: "审核时间",
|
||||
dataIndex: "time",
|
||||
key: "time",
|
||||
align: "center",
|
||||
},
|
||||
|
||||
{
|
||||
title: "备注",
|
||||
dataIndex: "description",
|
||||
key: "description",
|
||||
align: "center",
|
||||
},
|
||||
],
|
||||
//审核记录的数据
|
||||
tableDataAudit: [],
|
||||
tableData1: [
|
||||
{
|
||||
number: "1",
|
||||
@@ -220,7 +300,7 @@ export default {
|
||||
let objn = obj || {
|
||||
beginTime: 0,
|
||||
createName: "",
|
||||
endTime: 0,
|
||||
endTime: "",
|
||||
manager: "",
|
||||
name: "",
|
||||
pageNo: state.currentPage,
|
||||
@@ -229,10 +309,12 @@ export default {
|
||||
};
|
||||
listView(objn)
|
||||
.then((res) => {
|
||||
console.log("获取已审核项目成功", res);
|
||||
let result = res.data.data.rows;
|
||||
console.log("获取已审核项目成功", res.data.data.rows);
|
||||
let result = res.data.data;
|
||||
state.total = res.data.data.total;
|
||||
setTableData(result);
|
||||
if (result.total > 0) {
|
||||
setTableData(result.rows);
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取已审核项目失败", err);
|
||||
@@ -240,19 +322,22 @@ export default {
|
||||
};
|
||||
const setTableData = (tabledata) => {
|
||||
let data = tabledata;
|
||||
let array = [];
|
||||
data.map((item) => {
|
||||
let obj = {
|
||||
number: item.projectId,
|
||||
name: getName(item),
|
||||
belong: getBelong(item),
|
||||
// 需要加上
|
||||
// name: getName(item),
|
||||
// belong: getBelong(item),
|
||||
manager: item.manager,
|
||||
status: item.status == 2 ? "通过" : "拒绝",
|
||||
creater: item.createName,
|
||||
time: toDate(item.beginTime, "Y-M-D h-m"),
|
||||
msg: item.description,
|
||||
};
|
||||
state.tableData1.push(obj);
|
||||
array.push(obj);
|
||||
});
|
||||
state.tableData1 = array;
|
||||
};
|
||||
const getName = (item) => {
|
||||
if (
|
||||
@@ -323,6 +408,12 @@ export default {
|
||||
state.valuestate = null;
|
||||
getProjList();
|
||||
};
|
||||
const closeProjAuditModal = () => {
|
||||
state.projAuditModal = false;
|
||||
};
|
||||
const showProjAuditModal = () => {
|
||||
state.projAuditModal = true;
|
||||
};
|
||||
onMounted(() => {
|
||||
getProjList();
|
||||
});
|
||||
@@ -336,11 +427,127 @@ export default {
|
||||
changePagination,
|
||||
search,
|
||||
reset,
|
||||
closeProjAuditModal,
|
||||
showProjAuditModal,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.projAuditModal {
|
||||
.ant-modal {
|
||||
width: 816px !important;
|
||||
min-height: 420px !important;
|
||||
.ant-modal-content {
|
||||
width: 816px !important;
|
||||
min-height: 420px !important;
|
||||
.ant-modal-body {
|
||||
width: 816px !important;
|
||||
min-height: 420px !important;
|
||||
padding: 0 !important;
|
||||
.delete {
|
||||
z-index: 999;
|
||||
width: 816px;
|
||||
min-height: 420px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||
border-radius: 4px;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 10%;
|
||||
// transform: translate(-50%, -50%);
|
||||
.del_header {
|
||||
position: absolute;
|
||||
width: calc(100%);
|
||||
height: 68px;
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
}
|
||||
.del_main {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 20px;
|
||||
padding-left: 26px;
|
||||
font-size: 16px;
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
background-image: url(@/assets/images/taskpage/gan.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.close_exit {
|
||||
position: absolute;
|
||||
right: 42px;
|
||||
cursor: pointer;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(@/assets/images/coursewareManage/close.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.body {
|
||||
width: 100%;
|
||||
margin: 34px auto 56px auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
// background-color: red;
|
||||
position: relative;
|
||||
.ant-table-empty {
|
||||
width: 100% !important;
|
||||
}
|
||||
.back {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.del_btnbox {
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
justify-content: center;
|
||||
.del_btn {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
background: rgba(64, 158, 255, 0);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.btn1 {
|
||||
border: 1px solid rgba(64, 158, 255, 1);
|
||||
color: #4ea6ff;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.btn2 {
|
||||
background-color: #4ea6ff;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.projectviewed {
|
||||
width: 100%;
|
||||
.tmpl {
|
||||
|
||||
Reference in New Issue
Block a user