|
@@ -49,12 +49,36 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="所属科室" label-width="110px" prop="dept">
|
|
|
+ <!-- <el-form-item label="所属科室" label-width="110px" prop="dept">
|
|
|
<el-input
|
|
|
v-model.trim="diseaseForm.dept"
|
|
|
placeholder="请输入所属科室"
|
|
|
@blur="handleValue('dept')"
|
|
|
></el-input>
|
|
|
+ </el-form-item>-->
|
|
|
+ <el-form-item label="所属科室" label-width="110px" prop="dept">
|
|
|
+ <el-select
|
|
|
+ style="width:100%"
|
|
|
+ v-model="diseaseForm.dept"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ clearable
|
|
|
+ :loading="showDrop"
|
|
|
+ loading-text="加载中..."
|
|
|
+ @change="handleValue('dept')"
|
|
|
+ @visible-change="handleVisible"
|
|
|
+ placeholder="请输入所属科室"
|
|
|
+ :remote-method="searchTerms"
|
|
|
+ reserve-keyword
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item,idx) in deptNames"
|
|
|
+ :key="idx"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ :title="item"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="性别归属" label-width="110px" prop="planName">
|
|
|
<el-select
|
|
@@ -74,6 +98,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import api from '@api/cdss.js';
|
|
|
export default {
|
|
|
name: 'diseaseForm',
|
|
|
props: ['data'],
|
|
@@ -86,7 +111,9 @@ export default {
|
|
|
minAge: '',
|
|
|
maxAge: '',
|
|
|
gender: ''
|
|
|
- }
|
|
|
+ },
|
|
|
+ deptNames: [],
|
|
|
+ showDrop: false //下拉框显示文字
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
@@ -110,6 +137,32 @@ export default {
|
|
|
type: from,
|
|
|
value: this.diseaseForm[from]
|
|
|
});
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ handleVisible(flag) {
|
|
|
+ if (!flag) {
|
|
|
+ this.deptNames = [];
|
|
|
+ }
|
|
|
+ }, // 搜索列表
|
|
|
+ searchTerms(query) {
|
|
|
+ if (!query) {
|
|
|
+ this.deptNames = [];
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // this.searchInfo = query;
|
|
|
+ this.showDrop = true;
|
|
|
+ let params = {
|
|
|
+ inputStr: query,
|
|
|
+ size: '',
|
|
|
+ type: 7
|
|
|
+ };
|
|
|
+ api.retrievalSearch(params).then(res => {
|
|
|
+ this.showDrop = false;
|
|
|
+ if (res.data.code === '0') {
|
|
|
+ this.deptNames = res.data.data && res.data.data.deptNames;
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
};
|