hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 16:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:增加项目审核状态

Browse Source
This commit is contained in:
lixg
2022-11-22 20:43:02 +08:00
parent ed3d2f4627
commit 66fc7c8c13
10 changed files with 600 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/components/drawers/OwnPower.vue
View File

@@ -6,7 +6,7 @@
width="85%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain" id="ownpower">
<div class="drawerMain" id="ProjOwnership">
<div class="header">
<div class="headerTitle">归属权</div>
<img
@@ -101,6 +101,7 @@
columnWidth: 20,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
type: 'radio',
}"
/>
<div class="pa">
@@ -121,80 +122,30 @@
</div>
</div>
</a-tab-pane>
</a-tabs>
</div>
</div>
<div class="right">
<div class="onerow">
<div class="onleft">
<div class="already">已选</div>
<!-- <div class="count">6</div>
<div class="peo">人</div> -->
</div>
<div class="clbox" @click="deleteAll">
<div class="colose"></div>
<span class="allclear">全部清除</span>
</div>
</div>
<div class="line"></div>
<div class="tit">快速选人</div>
<div style="position: relative; min-height: 180px">
<div style="height: 160px" class="selectedsBox" id="selectedsBox">
<div class="selecteds" id="selecteds">
<!-- 遍历生成 -->
<div
style="
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
"
>
<div class="already">当前归属：</div>
<div class="chose" v-for="item in choosepeople" :key="item.key">
<div>{{ item.name }}</div>
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showMore"
@click="morePeopleShow"
>
<div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png"
/>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showHidden"
@click="morePeopleHidden"
>
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/>
</div>
<div class="clbox">
<span class="allclear">转移归属权</span>
</div>
</div>
</div>
</div>
<div class="btnn">
@@ -202,8 +153,6 @@
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
@@ -567,7 +516,6 @@ export default {
},
],
//快速选人-------------------------------------
valueSelectboe: null, //快速选人的选择组织
choosepeople: [], //总的数组
@@ -576,14 +524,12 @@ export default {
showHidden: false, //是否显示收回
selectedRowKeys: [], //表格选中的key
//快速选人-------------------------------------
});
const closeDrawer = () => {
state.activeKey = "1";
ctx.emit("update:ownpowervisible", false);
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
@@ -690,8 +636,6 @@ export default {
// 结束 快速选人------------------------------------------------------------------
//全部清除
const deleteAll = () => {
//快速选人-------------------------------------
@@ -701,10 +645,9 @@ export default {
state.showHidden = false; //是否显示收回
state.selectedRowKeys = []; //表格选中的key
//快速选人-------------------------------------
};
return {
...toRefs(state),
...toRefs(state),
afterVisibleChange,
closeDrawer,
onSelectChange,
@@ -715,10 +658,7 @@ export default {
morePeopleShow,
morePeopleHidden,
deleteAll,
};
},
};
@@ -726,7 +666,7 @@ export default {
<style lang="scss">
.ownpower {
.ant-drawer-content-wrapper {
.ant-drawer-content-wrapper {
max-width: 1300px !important;
}
.drawerMain {
@@ -1166,7 +1106,7 @@ export default {
}
}
.right {
width: 320px;
width: 340px;
flex-shrink: 0;
overflow-y: auto;
.onerow {
@@ -1178,11 +1118,15 @@ export default {
.onleft {
display: flex;
text-align: center;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: 32px;
.already {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
}
@@ -1196,9 +1140,35 @@ export default {
font-size: 16px;
font-weight: 500;
}
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
// margin-top: 25px;
// margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
flex-shrink: 0;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
.clbox {
margin-left: 30px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
@@ -1250,30 +1220,6 @@ export default {
margin-left: 32px;
min-height: 100px;
// overflow: hidden;
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
}
}