feat:增加提交审核以及撤回审核

This commit is contained in:
lixg
2022-11-29 13:18:49 +08:00
parent d51df54728
commit 76bc15d926
10 changed files with 265 additions and 189 deletions

View File

@@ -161,15 +161,26 @@
</div>
<div class="inname">归属组织</div>
<div class="select in">
<a-select
<a-tree-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="organizationSelectName"
style="width: 270px"
placeholder="请选择组织"
:tree-data="organizationList"
:options="organizationList"
@change="selectorganization"
allowClear
showSearch
></a-select>
:fieldNames="{
children: 'treeChildList',
label: 'name',
value: 'id',
}"
></a-tree-select>
</div>
<!-- <div class="in">
<a-input
@@ -199,10 +210,10 @@
class="learnBgItem"
:style="{
border:
learnPathBg === item.id
learnPathBg === item.dictCode
? '2px solid rgba(78, 166, 255, 1)'
: '1px solid #C7CBD2',
'background-image': 'url(' + item.source + ')',
'background-image': 'url(' + item.dictValue + ')',
display: index >= 5 ? 'none' : 'flex',
}"
></div>
@@ -284,15 +295,26 @@
</div>
<div class="inname">归属组织</div>
<div class="select in">
<a-select
<a-tree-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="organizationSelectName"
style="width: 270px"
placeholder="请选择组织"
:options="organizationList"
:tree-data="organizationList"
@change="selectorganization"
allowClear
showSearch
></a-select>
:fieldNames="{
children: 'treeChildList',
label: 'name',
value: 'id',
}"
></a-tree-select>
</div>
<!-- <div class="in">
<a-input
@@ -322,10 +344,10 @@
class="learnBgItem"
:style="{
border:
learnPathBg2 === item.id
learnPathBg2 === item.dictCode
? '2px solid rgba(78, 166, 255, 1)'
: '1px solid #ccc',
'background-image': 'url(' + item.source + ')',
'background-image': 'url(' + item.dictValue + ')',
display: index >= 5 ? 'none' : 'flex',
}"
>
@@ -666,7 +688,7 @@
</div>
</template>
<script>
import { reactive, toRefs, onMounted, watch } from "vue";
import { reactive, toRefs, onMounted, watch, computed } from "vue";
import { useRouter } from "vue-router";
// import OwnerShip from "../../components/drawers/Ownership";
// import PowerList from "../../components/drawers/PowerList";
@@ -683,6 +705,7 @@ import {
// setCookie
} from "../../api/method";
import { storage } from "../../api/storage";
import { useStore } from "vuex";
export default {
name: "learningPath",
components: {
@@ -697,6 +720,7 @@ export default {
},
setup() {
const store = useStore();
const router = useRouter();
const state = reactive({
out: false,
@@ -720,94 +744,10 @@ export default {
pageSize: 10, //每页10条数据
imgData: [
{
id: 1,
source: require("../../assets/images/leveladd/1.png"),
},
{
id: 2,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 3,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 4,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 6,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 7,
source: require("../../assets/images/leveladd/2.png"),
},
// {
// id: 1,
// source: require("../../assets/images/leveladd/1.png"),
// },
],
learnPathBg: null, //创建路径选择的路径图背景
learnPathBg2: null, //编辑路径选择的路径图背景
@@ -836,26 +776,11 @@ export default {
//创建、编辑-------------------------
pathName: "", //创建/编辑路径图名称
organizationList: [
{
id: 1,
value: "组织一",
label: "组织一",
},
{
id: 2,
value: "组织二",
label: "组织二",
},
{
id: 3,
value: "组织三",
label: "组织三",
},
{
id: 4,
value: "组织四",
label: "组织四",
},
// {
// id: 1,
// value: "组织一",
// label: "组织一",
// },
], //归属组织
organizationSelectName: null, //归属组织选择名称
organizationSelectId: null, //归属组织选择id
@@ -907,6 +832,12 @@ export default {
addAuthList: null, //确定授权列表
authClassify: null, //显示的是管理权还是查看权
});
//归属组织
state.organizationList = computed(() => {
return store.state.orgtreeList ? store.state.orgtreeList : [];
});
const selectProjectName = (value, index) => {
console.log("value", value, index);
};
@@ -934,11 +865,11 @@ export default {
};
const chooseImg = (item) => {
// console.log(item);
state.learnPathBg = item.id;
state.learnPathBg = item.dictCode;
};
const chooseImg2 = (item) => {
// console.log(item);
state.learnPathBg2 = item.id;
state.learnPathBg2 = item.dictCode;
};
//发布弹窗
const showPub = (routerId) => {
@@ -1089,12 +1020,12 @@ export default {
state.selectPathId = id;
};
const showQuery = (id) => {
state.authClassify = 2;
state.authClassify = 1;
state.selectPathId = id;
state.Queryvisible = true;
};
const showManage = (id) => {
state.authClassify = 1;
state.authClassify = 2;
state.selectPathId = id;
state.Managevisible = true;
};
@@ -1545,8 +1476,8 @@ export default {
api
.getLearnPath(obj)
.then((res) => {
if (res.status === 200) {
console.log("获取路径列表数据", res.data.data);
if (res.data.code === 200) {
console.log("获取路径列表数据", res.data);
let arr = res.data.data.rows;
if (
arr.length === 0 &&
@@ -1685,6 +1616,28 @@ export default {
// }
// choiceEvaluation()
//字典获取路径图背景
const getDictList = (param) => {
let obj = {
pageNo: 1,
pageSize: 20,
setCode: param,
};
api
.getDict(obj)
.then((res) => {
console.log("获取字典成功", res);
if (res.status === 200) {
if (param === "pathmapPic") {
state.imgData = res.data.data.rows;
}
}
})
.catch((err) => {
console.log("获取字典失败", err);
});
};
getDictList("pathmapPic");
//显示更多路径背景弹窗
const showLearnBgMore = () => {
state.learnBgMore = true;
@@ -1709,7 +1662,7 @@ export default {
opt: 3,
deptList: res[1],
groupList: res[2],
refId: state.selectProjectId,
refId: state.selectPathId,
pageNo: 20,
pageSize: 1,
studentList: res[0],
@@ -1900,7 +1853,7 @@ export default {
display: flex;
flex-wrap: wrap;
min-height: 110px;
height: 300px;
max-height: 300px;
.learnBgItem {
border-radius: 8px;
width: 136px;