xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
辉 2024-03-26 16:04:26 +08:00
parent e26fb89b32
commit 37a443387e
1 changed files with 90 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
src/views/system/specialDiseaseNode/index.vue
View File

@ -6,6 +6,15 @@
<div>
卒中后癫痫
</div>
<div class="select">
<span>
适用范围
</span>
<el-select v-model="value">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="list">
<div class="timelist">
@ -18,11 +27,11 @@
:color="listindex == index ? '#409EFF' : ''">
<div class="top" @click="topclickevent(index)">
<div class="toptop">
<el-select v-model="value" style="width:90px">
<el-select v-model="value" style="width:87px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
<el-input v-model="input" style="width: 60px;"></el-input>
<el-input v-model="input" style="width: 50px;"></el-input>
<span>天</span>
</div>
<div>
@ -40,7 +49,38 @@
</el-timeline>
</div>
<div class="texts">
<wangeditor style="height:300px;width:100%;" ref="editor" />
<div class="topform">
<el-form ref="form" :inline="true" :model="form" label-width="60px" class="form">
<el-form-item label="任务类型" prop="name">
<el-select v-model="value" style="width:100px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务细分" prop="name">
<el-select v-model="value" style="width:100px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务状态" prop="name">
<el-select v-model="value" style="width:100px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="二级分类描述" prop="name" label-width="90px">
<el-input v-model="form.name" style="width:100px"></el-input>
</el-form-item>
<el-form-item label="执行时间" prop="name">
<el-select v-model="value" style="width:100px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<!-- <wangeditor style="height:300px;width:100%;" ref="editor" /> -->
</div>
</div>
</div>
@ -53,6 +93,7 @@ export default {
name: "specialDiseaseNode",
data() {
return {
form: { name: '' },
itemindex: 0,
listindex: 0,
timelinelist: [{
@ -134,14 +175,48 @@ export default {
};
</script>
<style scoped lang="scss">
.topform {
padding: 15px 0 0 15px;
.form {
::v-deep .el-input__inner {
height: 30px !important;
line-height: 30px !important;
}
::v-deep .el-form-item__label {
font-size: 12px !important;
}
}
}
.title {
display: flex;
align-items: center;
div {
display: flex;
padding-left: 10px;
font-weight: 600;
align-items: center;
}
.select {
font-weight: 550;
margin-left: 20%;
font-size: 12px;
.el-input {
width: 200px;
height: 30px !important;
line-height: 30px !important;
}
}
}
::v-deep .el-input__inner {
height: 30px !important;
line-height: 30px !important;
}
.list {
@ -149,11 +224,11 @@ export default {
width: 100%;
background-color: #f2f4f5;
display: flex;
padding-top: 20px;
padding-top: 15px;
justify-content: space-evenly;
.timelist {
width: 25%;
width: 22%;
background-color: #fff;
padding: 0 20px 20px;
@ -171,7 +246,7 @@ export default {
}
.texts {
width: 71%;
width: 75%;
background-color: #fff;
height: 1000px;
}
@ -193,13 +268,16 @@ export default {
}
span {
padding: 0 10px;
padding: 0 4px;
}
i {
padding-left: 12px;
font-size: 17px;
}
i:nth-child(2) {
padding-left: 12px;
}
}
::v-deep .el-timeline-item__timestamp {
@ -207,6 +285,10 @@ export default {
padding: 0 !important;
}
::v-deep .el-timeline-item__wrapper {
padding-left: 14px !important;
}
::v-deep .el-timeline-item__content {
transform: translateY(-2%);
}