|
@@ -22,20 +22,20 @@
|
|
|
<el-row>
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="检验套餐:" prop="hisName">
|
|
|
- <el-input v-model="form.hisName" clearable></el-input>
|
|
|
+ <el-input v-model="form.hisName" clearable style="minWidth: 240px"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="检验套餐预览:">
|
|
|
- <span class="previewInfo">{{form.hisName}}</span>
|
|
|
+ <el-form-item label="检验套餐预览:" style="marginTop: 24px">
|
|
|
+ <span class="previewInfo1" style="minWidth: 240px">{{form.hisName}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
+ <el-row >
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="检验细项:">
|
|
|
- <el-input v-model="form.hisDetailName" clearable></el-input>
|
|
|
+ <el-input v-model="form.hisDetailName" clearable style="minWidth: 240px"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="检验细项预览:">
|
|
|
- <span class="previewInfo">{{form.hisDetailName}}</span>
|
|
|
+ <span class="previewInfo1" style="minWidth: 240px">{{form.hisDetailName}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -49,7 +49,7 @@
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="检验标准术语:" prop="searchText">
|
|
|
<el-select
|
|
|
- style="width:100%"
|
|
|
+ style="width:100%; minWidth: 240px"
|
|
|
v-model="form.searchText"
|
|
|
filterable
|
|
|
remote
|
|
@@ -68,11 +68,13 @@
|
|
|
:key="idx"
|
|
|
:label="searchType === 2 ? `${item.uniqueName}(${item.name})` : item"
|
|
|
:value="searchType === 2 ? `${item.uniqueName}(${item.name})` : item"
|
|
|
+ :title="searchType === 2 ? `${item.uniqueName}(${item.name})` : item"
|
|
|
+ @click.native="handleChoose(searchType === 2 ? `${item.uniqueName}(${item.name})` : item)"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="检验标准术语预览:">
|
|
|
- <span class="previewInfo">{{form.searchText}}</span>
|
|
|
+ <span class="previewInfo1" style="minWidth: 240px">{{form.searchTextPre}}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -97,6 +99,7 @@ export default {
|
|
|
uniqueNameList: [],
|
|
|
form: {
|
|
|
searchText: '', //搜索字段
|
|
|
+ searchTextPre: '', //术语预览
|
|
|
hisName: '',
|
|
|
hisDetailName: ''
|
|
|
},
|
|
@@ -111,7 +114,7 @@ export default {
|
|
|
saveDisable: false, //保存按钮禁止点击
|
|
|
showDrop: false, //下拉框显示文字
|
|
|
searchType: 2,
|
|
|
- queryText: ''
|
|
|
+ // queryText: ''
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -123,12 +126,12 @@ export default {
|
|
|
this.form.hisName = data.hisName;
|
|
|
this.form.searchText = data.uniqueName;
|
|
|
this.form.hisDetailName = data.hisDetailName;
|
|
|
+ this.form.searchTextPre = data.uniqueName;
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
// 搜索列表
|
|
|
searchTerms(query) {
|
|
|
- console.log(query, 'query');
|
|
|
// this.queryText = query;
|
|
|
if (!query) {
|
|
|
this.uniqueNameList = []
|
|
@@ -163,8 +166,12 @@ export default {
|
|
|
// this.uniqueNameList = [];
|
|
|
},
|
|
|
handleclick() {
|
|
|
- // this.uniqueNameList = [];
|
|
|
- // this.form.searchText = '';
|
|
|
+ },
|
|
|
+
|
|
|
+ handleChoose(val){
|
|
|
+ // console.log('点击选中option',val);
|
|
|
+ this.form.searchTextPre = val
|
|
|
+ this.form.searchText = val
|
|
|
},
|
|
|
|
|
|
// 初始化表单数据
|
|
@@ -382,12 +389,13 @@ export default {
|
|
|
// word-wrap: break-word;
|
|
|
// word-break: break-all;
|
|
|
// }
|
|
|
- .previewInfo {
|
|
|
+ .previewInfo1 {
|
|
|
padding-left: 4px;
|
|
|
display: inline-block;
|
|
|
margin-top: 8px;
|
|
|
// width: calc(100% - 160px);s
|
|
|
- line-height: 24px;
|
|
|
+ line-height: 22px;
|
|
|
+ min-height: 22px;
|
|
|
overflow: hidden;
|
|
|
word-wrap: break-word;
|
|
|
word-break: break-all;
|