Skip to content

V
vue-composition-api
Commit 0141f9b7 by 唐玉峰
Options

.

parent 9a1441da
Showing with 265 additions and 99 deletions
src/utils/http.js
...@@ -62,8 +62,8 @@ axios.interceptors.response.use( ...@@ -62,8 +62,8 @@ axios.interceptors.response.use(
); );
export default { export default {
post(url, params, option) { post(url, params, option, isloading = true) {
if (!url.includes("/ClinicalRoute/ClinicalRoute/GetTCMDiseases")) { if (isloading) {
loadingInstance = Vue.prototype.$loading(loadingOption); loadingInstance = Vue.prototype.$loading(loadingOption);
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
...@@ -108,8 +108,10 @@ export default { ...@@ -108,8 +108,10 @@ export default {
}); });
}); });
}, },
get(url, option) { get(url, option, isloading = true) {
loadingInstance = Vue.prototype.$loading(loadingOption); if (isloading) {
loadingInstance = Vue.prototype.$loading(loadingOption);
}
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
axios axios
.get(domain + url, { ...{ headers: createHeader() }, ...option }) .get(domain + url, { ...{ headers: createHeader() }, ...option })
......
src/views/clinicalPathMaintenance.vue
...@@ -50,94 +50,202 @@ ...@@ -50,94 +50,202 @@
@close="resetForm" @close="resetForm"
class="relationMapping_rightdiaglogbox" class="relationMapping_rightdiaglogbox"
max-height="600px" max-height="600px"
width="30%" width="40%"
:title="type == 1 ? '复制' : form.id ? '编辑' : '新增'" :title="type == 1 ? '复制' : form.id ? '编辑' : '新增'"
> >
<el-form size="mini" :model="form" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form size="mini" :model="form" ref="ruleForm" label-width="115px" class="demo-ruleForm">
<el-form-item <el-row>
label="路径名称" <el-col :span="12">
prop="clinical_route_name" <el-form-item
:rules="[ label="路径名称"
{ prop="clinical_route_name"
required: true, :rules="[
message: '请输入', {
}, required: true,
]" message: '请输入',
> },
<el-input placeholder="请输入" clearable v-model="form.clinical_route_name"></el-input> ]"
</el-form-item> >
<el-form-item <el-input placeholder="请输入" clearable v-model="form.clinical_route_name"></el-input> </el-form-item
label="文件夹名称" ></el-col>
prop="clinical_route_foldername" <el-col :span="12">
:rules="[ <el-form-item
{ label="文件夹名称"
required: true, prop="clinical_route_foldername"
message: '请输入', :rules="[
}, {
]" required: true,
> message: '请输入',
<el-input placeholder="请输入" clearable v-model="form.clinical_route_foldername"></el-input> },
</el-form-item> ]"
<el-form-item >
label="适用对象" <el-input placeholder="请输入" clearable v-model="form.clinical_route_foldername"></el-input> </el-form-item
prop="applicable_objects" ></el-col>
:rules="[ <el-col :span="12">
{ <el-form-item
required: true, label="适用对象"
message: '请输入', prop="applicable_objects"
}, :rules="[
]" {
> required: true,
<el-input placeholder="请输入" clearable v-model="form.applicable_objects"></el-input> message: '请输入',
</el-form-item> },
<el-form-item ]"
label="首字母拼音" >
prop="pin_yin" <el-input placeholder="请输入" clearable v-model="form.applicable_objects"></el-input> </el-form-item
:rules="[ ></el-col>
{ <el-col :span="12">
required: true, <el-form-item
message: '请输入', label="首字母拼音"
}, prop="pin_yin"
]" :rules="[
> {
<el-input placeholder="请输入" clearable v-model="form.pin_yin"></el-input> required: true,
</el-form-item> message: '请输入',
<el-form-item },
label="标准住院日" ]"
prop="hospital_stay" >
:rules="[ <el-input placeholder="请输入" clearable v-model="form.pin_yin"></el-input> </el-form-item
{ ></el-col>
required: true, <el-col :span="12">
message: '请输入', <el-form-item
}, label="标准住院日"
]" prop="hospital_stay"
> :rules="[
<el-input placeholder="请输入" clearable v-model="form.hospital_stay"></el-input> {
</el-form-item> required: true,
<el-form-item message: '请输入',
label="最小住院日" },
prop="min_stay" ]"
:rules="[ >
{ <el-input placeholder="请输入" clearable v-model="form.hospital_stay"></el-input> </el-form-item
required: true, ></el-col>
message: '请输入',
}, <el-col :span="12">
]" <el-form-item
> label="最小住院日"
<el-input-number :min="0" placeholder="请输入" clearable style="width: 100%" v-model="form.min_stay"></el-input-number> prop="min_stay"
</el-form-item> :rules="[
<el-form-item {
label="最大住院日" required: true,
prop="max_stay" message: '请输入',
:rules="[ },
{ ]"
required: true, >
message: '请输入', <el-input-number
}, :min="0"
]" placeholder="请输入"
> clearable
<el-input-number :min="0" placeholder="请输入" clearable style="width: 100%" v-model="form.max_stay"></el-input-number> style="width: 100%"
</el-form-item> v-model="form.min_stay"
></el-input-number> </el-form-item
></el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
label="最大住院日"
prop="max_stay"
:rules="[
{
required: true,
message: '请输入',
},
]"
>
<el-input-number
:min="0"
placeholder="请输入"
clearable
style="width: 100%"
v-model="form.max_stay"
></el-input-number> </el-form-item></el-col
></el-row>
<el-row>
<el-col :span="24">
<el-form-item
label="适用主诊断编码"
prop="diag_code"
:rules="[
{
required: false,
message: '请输入',
},
]"
>
<el-autocomplete
v-model.trim="form.diag_code"
:fetch-suggestions="querySearch"
clearable
class="w100"
@select="handleSelect"
placeholder="请输入"
>
</el-autocomplete></el-form-item
></el-col>
<el-col :span="24">
<el-form-item
label="适用主诊断名称"
prop="diag_name"
:rules="[
{
required: false,
message: '请输入',
},
]"
>
<el-autocomplete
v-model.trim="form.diag_name"
:fetch-suggestions="querySearch"
clearable
class="w100"
@select="handleSelect"
placeholder="请输入"
>
</el-autocomplete> </el-form-item
></el-col>
<el-col :span="24">
<el-form-item
label="适用主手术编码"
prop="ops_code"
:rules="[
{
required: false,
message: '请输入',
},
]"
>
<el-autocomplete
v-model.trim="form.ops_code"
:fetch-suggestions="querySearch1"
clearable
class="w100"
@select="handleSelect1"
placeholder="请输入"
>
</el-autocomplete> </el-form-item
></el-col>
<el-col :span="24">
<el-form-item
label="适用主手术名称"
prop="ops_name"
:rules="[
{
required: false,
message: '请输入',
},
]"
>
<el-autocomplete
v-model.trim="form.ops_name"
:fetch-suggestions="querySearch1"
clearable
class="w100"
@select="handleSelect1"
placeholder="请输入"
>
</el-autocomplete> </el-form-item></el-col
></el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button type="primary" size="mini" @click="submitForm">保存</el-button> <el-button type="primary" size="mini" @click="submitForm">保存</el-button>
...@@ -178,6 +286,10 @@ export default { ...@@ -178,6 +286,10 @@ export default {
min_stay: 0, min_stay: 0,
max_stay: 0, max_stay: 0,
pin_yin: "", pin_yin: "",
diag_code: "",
diag_name: "",
ops_code: "",
ops_name: "",
}, },
type: 0, type: 0,
}; };
...@@ -211,7 +323,6 @@ export default { ...@@ -211,7 +323,6 @@ export default {
}, },
add() { add() {
this.visible = true; this.visible = true;
this.$refs.ruleForm.resetFields();
}, },
edit(row, i) { edit(row, i) {
this.visible = true; this.visible = true;
...@@ -225,18 +336,26 @@ export default { ...@@ -225,18 +336,26 @@ export default {
min_stay: i == 1 ? 0 : row.min_stay, min_stay: i == 1 ? 0 : row.min_stay,
max_stay: i == 1 ? 0 : row.max_stay, max_stay: i == 1 ? 0 : row.max_stay,
pin_yin: i == 1 ? "" : row.pin_yin, pin_yin: i == 1 ? "" : row.pin_yin,
diag_code: i == 1 ? "" : row.diag_code,
diag_name: i == 1 ? "" : row.diag_name,
ops_code: i == 1 ? "" : row.ops_code,
ops_name: i == 1 ? "" : row.ops_name,
}; };
}, },
resetForm() { resetForm() {
this.form = { this.form = {
id: 0, id: 0,
// clinical_route_name: "", clinical_route_name: "",
// clinical_route_foldername: "", clinical_route_foldername: "",
// applicable_objects: "", applicable_objects: "",
// hospital_stay: "", hospital_stay: "",
// min_stay: 0, min_stay: 0,
// max_stay: 0, max_stay: 0,
// pin_yin: "", pin_yin: "",
diag_code: "",
diag_name: "",
ops_code: "",
ops_name: "",
}; };
this.$refs.ruleForm.resetFields(); this.$refs.ruleForm.resetFields();
this.visible = false; this.visible = false;
...@@ -322,6 +441,51 @@ export default { ...@@ -322,6 +441,51 @@ export default {
}, },
}); });
}, },
querySearch(queryString, cb) {
if (queryString && queryString != "null") {
const params = { searchQuery: queryString, type: 1 };
http.post(`/ClinicalRoute/ClinicalRoute/GetDiagOpsInfo`, {}, { params: params }, false).then((data) => {
if (data && data.length) {
data.map((item) => {
item.value = item.key;
});
var results = data.filter((el) => el.key.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
cb(results);
} else {
cb([]);
}
});
} else {
cb([]);
}
},
handleSelect(item) {
this.form.diag_code = item.code;
this.form.diag_name = item.name;
},
querySearch1(queryString, cb) {
if (queryString && queryString != "null") {
const params = { searchQuery: queryString, type: 2 };
http.post(`/ClinicalRoute/ClinicalRoute/GetDiagOpsInfo`, {}, { params: params }, false).then((data) => {
if (data && data.length) {
data.map((item) => {
item.value = item.key;
});
var results = data.filter((el) => el.key.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
cb(results);
} else {
cb([]);
}
});
} else {
cb([]);
}
},
handleSelect1(item) {
this.form.ops_code = item.code;
this.form.ops_name = item.name;
},
}, },
}; };
</script> </script>
......
src/views/outClinicalpathway.vue
...@@ -2066,7 +2066,7 @@ export default { ...@@ -2066,7 +2066,7 @@ export default {
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
if (queryString && queryString != "null") { if (queryString && queryString != "null") {
http.post(`/ClinicalRoute/ClinicalRoute/GetTCMDiseases?searchQuery=${queryString}`) http.post(`/ClinicalRoute/ClinicalRoute/GetTCMDiseases?searchQuery=${queryString}`, {}, {}, false)
.then((data) => { .then((data) => {
console.log(data); console.log(data);
if (data && data.length) { if (data && data.length) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment