|
@@ -4,21 +4,21 @@
|
|
|
<div class="groupTitle"><i
|
|
|
class="el-icon-back"
|
|
|
@click="back"
|
|
|
- ></i> 常见症状维护系统--添加科室常见症状</div>
|
|
|
+ ></i> 常见症状维护系统--{{titleText}}</div>
|
|
|
<el-form :model="form" ref="ruleForm" :rules="rules" class="addDepartForm">
|
|
|
<el-form-item label="选择科室" prop="department">
|
|
|
- <el-select v-model="form.department" placeholder="请添加科室" @change="changeDept" class="selectDepart">
|
|
|
+ <el-select :disabled="isEdit || isDetail" v-model="form.department" placeholder="请添加科室" @change="changeDept" class="selectDepart">
|
|
|
<el-option v-for="item in departList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="选择类型" prop="type">
|
|
|
- <el-select v-model="form.type" placeholder="请选择类型" @change="changeType" class="selectDepart">
|
|
|
+ <el-select :disabled="isEdit || isDetail" v-model="form.type" placeholder="请选择类型" @change="changeType" class="selectDepart">
|
|
|
<el-option v-for="item in typeList" :key="item.type" :label="item.typeName" :value="item.type"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="symptomList">
|
|
|
- <div class="bottomPartLeft fl">
|
|
|
+ <div class="bottomPartLeft fl" v-if="!isDetail">
|
|
|
|
|
|
<p class="symptomPoolTitle">症状池</p>
|
|
|
<div class="symptomPool">
|
|
@@ -45,7 +45,7 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- <div class="bottomPartMid fl">
|
|
|
+ <div class="bottomPartMid fl" v-if="!isDetail">
|
|
|
<p><span class="el-icon-arrow-right" @click="toRightList"></span></p>
|
|
|
<p><span class="el-icon-arrow-left" @click="toLeftList"></span></p>
|
|
|
</div>
|
|
@@ -56,14 +56,14 @@
|
|
|
v-for="(item,index) in rightTagsList"
|
|
|
:key='item.id'
|
|
|
:style="index === selectRightTagIndex?styles:null"
|
|
|
- @click='selectRightTag(index)'
|
|
|
+ @click='isDetail ? "":selectRightTag(index)'
|
|
|
>
|
|
|
<p v-if="item.tagName" class="tagName ellipsis" :title="'[ '+item.tagName+' ]'">{{item.tagName}} </p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
- <div class="bottomPartMid fl">
|
|
|
+ <div class="bottomPartMid fl" v-if="!isDetail">
|
|
|
<p><span class="el-icon-arrow-up" @click="toUp"></span></p>
|
|
|
<p><span class="el-icon-arrow-down" @click="toDown"></span></p>
|
|
|
</div>
|
|
@@ -93,9 +93,12 @@
|
|
|
department: '',
|
|
|
type:''
|
|
|
},
|
|
|
+ titleText: '添加科室常见症状',
|
|
|
departList: [],
|
|
|
typeList:[],
|
|
|
searchVal: '',
|
|
|
+ isEdit: false,
|
|
|
+ isDetail: false,
|
|
|
leftTagsList:[],
|
|
|
rightTagsList:[],
|
|
|
selectLeftTagsList: [],
|
|
@@ -108,7 +111,19 @@
|
|
|
created(){
|
|
|
const { isEdit, isDetail, data } = this.$route.params;
|
|
|
if(isEdit || isDetail) {
|
|
|
+ if(isEdit) {
|
|
|
+ this.titleText = '修改科室常见症状'
|
|
|
+ } else {
|
|
|
+ this.titleText = '科室常见症状详情'
|
|
|
+ }
|
|
|
this.isEdit = isEdit
|
|
|
+ this.isDetail = isDetail
|
|
|
+ this.rightTagsList = data.data
|
|
|
+ this.departList.push({name: data.name, id: data.id})
|
|
|
+ this.typeList.push({typeName: data.typeName, type: data.type})
|
|
|
+ this.form.department =data.id
|
|
|
+ this.form.type =data.type
|
|
|
+ this.getSymptomList()
|
|
|
|
|
|
} else {
|
|
|
this.getDepartmentList()
|
|
@@ -152,7 +167,6 @@
|
|
|
})
|
|
|
},
|
|
|
changeDept() {
|
|
|
- console.log('asdasfdgag',this.departList)
|
|
|
this.form.type = ''
|
|
|
this.typeList = this.departList.filter(item => this.form.department == item.id)[0].typeDTOList
|
|
|
this.clearData()
|
|
@@ -181,15 +195,16 @@
|
|
|
toRightList(){
|
|
|
this.rightTagsList.push(...this.selectLeftTagsList);
|
|
|
this.selectLeftTagsList = [];
|
|
|
- this.selectRightTagsList = [];
|
|
|
+ this.selectRightTagIndex = -1;
|
|
|
this.getSymptomList()
|
|
|
},
|
|
|
toLeftList(){
|
|
|
- for(let i = 0; i < this.selectRightTagsList.length; i++) {
|
|
|
- this.rightTagsList = this.rightTagsList.filter(item => item.id !== this.selectRightTagsList[i].id)
|
|
|
+ if(this.selectRightTagIndex == -1) {
|
|
|
+ return
|
|
|
}
|
|
|
+ this.rightTagsList.splice(this.selectRightTagIndex, 1)
|
|
|
this.selectLeftTagsList = [];
|
|
|
- this.selectRightTagsList = [];
|
|
|
+ this.selectRightTagIndex = -1;
|
|
|
this.getSymptomList()
|
|
|
|
|
|
},
|