feat:修改创建项目,调研管理

This commit is contained in:
岳佳鑫
2022-10-25 15:56:45 +08:00
parent c097fcb26c
commit 949892dc9f
4 changed files with 55 additions and 30 deletions

View File

@@ -19,7 +19,8 @@
<div class="inname">项目名称</div> <div class="inname">项目名称</div>
</div> </div>
<div class="in"> <div class="in">
<a-input v-model:value="valueE" placeholder="请输入项目名称" /> <a-input v-model:value="valueE" placeholder="请输入项目名称" show-count
:maxlength="30"/>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
@@ -75,6 +76,7 @@
<div class="in"> <div class="in">
<a-range-picker <a-range-picker
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']"
style="width: 100%; height: 40px; border-radius: 5px" style="width: 100%; height: 40px; border-radius: 5px"
show-time show-time
/> />
@@ -120,7 +122,8 @@
<a-textarea <a-textarea
v-model:value="valuei" v-model:value="valuei"
style="height: 80px" style="height: 80px"
placeholder="请输入项目说明" placeholder="请输入说明"
show-count :maxlength="200"
/> />
</div> </div>
</div> </div>
@@ -395,12 +398,25 @@ export default {
flex: 1; flex: 1;
// .ant-radio-wrapper { // .ant-radio-wrapper {
// } // }
.ant-input-textarea-show-count {
position: relative;
height: 88px;
}
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 0px;
}
.ant-input { .ant-input {
border-radius: 5px; border-radius: 8px;
// height: 120%; // height: 120%;
width: 100%; width: 100%;
height: 40px; height: 40px;
} }
.ant-input-affix-wrapper {
padding: 0 11px;
border-radius: 8px;
}
.ant-select-selector { .ant-select-selector {
border-radius: 5px; border-radius: 5px;
// height: 120%; // height: 120%;
@@ -435,6 +451,11 @@ export default {
.name2 { .name2 {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
.ant-input-textarea {
.ant-input {
height: 88px;
}
}
} }
} }
.template { .template {

View File

@@ -142,11 +142,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -228,11 +223,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -324,11 +314,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -437,11 +422,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -2535,6 +2515,13 @@ export default {
.doublesonpro { .doublesonpro {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
padding: 0; padding: 0;
.modalMain { .modalMain {
display: flex; display: flex;
@@ -2617,6 +2604,13 @@ export default {
.doublepro { .doublepro {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
padding: 0; padding: 0;
.modalMain { .modalMain {
display: flex; display: flex;
@@ -2699,6 +2693,13 @@ export default {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
padding: 0 !important; padding: 0 !important;
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
.modalMain { .modalMain {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -2750,6 +2751,13 @@ export default {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
padding: 0 !important; padding: 0 !important;
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
.modalMain { .modalMain {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1039,6 +1039,7 @@
@ok="closeModal" @ok="closeModal"
:footer="null" :footer="null"
:closable="false" :closable="false"
:centered="true"
wrapClassName="pubproject" wrapClassName="pubproject"
width="679px" width="679px"
height="437px" height="437px"
@@ -1114,6 +1115,7 @@
@ok="closeModal2" @ok="closeModal2"
:footer="null" :footer="null"
:closable="false" :closable="false"
:centered="true"
wrapClassName="doublepro" wrapClassName="doublepro"
width="624px" width="624px"
height="332px" height="332px"

View File

@@ -37,7 +37,7 @@
<a-range-picker <a-range-picker
v-model:value="value2" v-model:value="value2"
separator="至" separator="至"
:placeholder="['开始时间', '结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</div> </div>
</div> </div>
@@ -101,12 +101,6 @@
</div> </div>
<div class="mid clearfix"> <div class="mid clearfix">
<div class="name"> <div class="name">
<div class="d" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">调研名称</div> <div class="inname">调研名称</div>
<div class="in"> <div class="in">
<a-input <a-input