Browse Source

follow

master
pengjun 11 months ago
parent
commit
de448aa3b3
  1. 267
      src/components/follow/PhoneFollowUp.vue

267
src/components/follow/PhoneFollowUp.vue

@ -1,86 +1,33 @@
<template>
<div style="display: flex">
<div :style="`width: ${window.pageWidth - 120}px;`">
<el-table
:data="phoneFollowUp"
border
:height="
window.pageHeight < 600
? 150
: Math.floor((window.pageHeight+20) / 3)
"
size="small"
highlight-current-row
ref="phoneFollowUp"
@row-click="rowick"
>
<el-table :data="phoneFollowUp" border :height="window.pageHeight < 600
? 150
: Math.floor((window.pageHeight + 20) / 3)
" size="small" highlight-current-row ref="phoneFollowUp" @row-click="rowick">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column
prop="followUpContent"
label="随访内容"
min-width="250"
/>
<el-table-column
prop="replyContent"
label="回复内容"
min-width="200"
align="center"
/>
<el-table-column
prop="isComplete"
label="完成"
min-width="40"
align="center"
>
<el-table-column prop="followUpContent" label="随访内容" min-width="250" />
<el-table-column prop="replyContent" label="回复内容" min-width="200" align="center" />
<el-table-column prop="isComplete" label="完成" min-width="40" align="center">
<template slot-scope="scope">
<el-checkbox
v-model="scope.row.isComplete"
true-label="Y"
false-label="N"
disabled
/>
<el-checkbox v-model="scope.row.isComplete" true-label="Y" false-label="N" disabled />
</template>
</el-table-column>
<el-table-column
prop="planFollowDate"
label="随访日期"
min-width="100"
align="center"
>
<el-table-column prop="planFollowDate" label="随访日期" min-width="100" align="center">
<template slot-scope="scope">
<div>
{{ moment(scope.row.planFollowDate).format("yyyy-MM-DD") }}
</div>
</template>
</el-table-column>
<el-table-column
prop="lastModifierName"
label="修改人"
min-width="80"
align="center"
/>
<el-table-column
prop="lastModificationTime"
label="修改日期"
min-width="100"
align="center"
>
<el-table-column prop="lastModifierName" label="修改人" min-width="80" align="center" />
<el-table-column prop="lastModificationTime" label="修改日期" min-width="100" align="center">
<template slot-scope="scope">
<div>{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}</div>
</template>
</el-table-column>
<el-table-column
prop="creatorName"
label="登记人"
min-width="80"
align="center"
/>
<el-table-column
prop="creationTime"
label="登记日期"
min-width="100"
align="center"
>
<el-table-column prop="creatorName" label="登记人" min-width="80" align="center" />
<el-table-column prop="creationTime" label="登记日期" min-width="100" align="center">
<template slot-scope="scope">
<div>{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}</div>
</template>
@ -89,30 +36,20 @@
</div>
<div style="width: 120px; margin-top: 50px">
<div style="margin-left: 10px">
<el-button class="commonbutton" type="primary" @click="btnAdd"
>新增随访</el-button
>
<el-button class="commonbutton" type="primary" @click="btnAdd">新增随访</el-button>
</div>
<div style="margin: 10px">
<el-button class="commonbutton" type="primary" @click="btnEdit"
>编辑随访</el-button
>
<el-button class="commonbutton" type="primary" @click="btnEdit">编辑随访</el-button>
</div>
<div style="margin-left: 10px">
<el-button class="commonbutton" type="primary" @click="btnDel"
>删除随访</el-button
>
<el-button class="commonbutton" type="primary" @click="btnDel">删除随访</el-button>
</div>
</div>
<el-dialog
:title="title == 1 ? '新增' : '修改'"
:visible.sync="dialogVisible"
width="75%"
:close-on-click-modal="false"
>
<el-dialog :title="title == 1 ? '新增' : '修改'" :visible.sync="dialogVisible" width="800px"
:close-on-click-modal="false">
<el-form ref="form" :model="form" label-width="80px">
<el-row>
<el-col :span="title==1?'4':'6'">
<el-col :span="title == 1 ? '4' : '6'">
<el-form-item label="编号">
<el-input v-model="form.id" disabled size="small"></el-input>
</el-form-item>
@ -120,70 +57,43 @@
<el-col :span="6" v-if="title == 1">
<el-form-item label="生成模式">
<el-select v-model="mode" placeholder="生成模式" size="small">
<el-option
v-for="item in modes"
:key="item.id"
:label="item.displayName"
:value="item.id"
></el-option>
<el-option v-for="item in modes" :key="item.id" :label="item.displayName" :value="item.id"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" v-if="title == 1&&mode == 1">
<el-col :span="4" v-if="title == 1 && mode == 1">
<el-form-item label="间隔天数">
<el-input v-model="form.intervalDays" size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" v-if="title == 1&&mode == 1">
<el-col :span="4" v-if="title == 1 && mode == 1">
<el-form-item label="生成次数">
<el-input v-model="form.generateCount" size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" v-if="title == 1&&mode == 1">
<el-col :span="4" v-if="title == 1 && mode == 1">
<el-form-item label="开始时间">
<el-date-picker
placeholder="选择日期时间"
size="small"
v-model="form.startDate"
value-format="yyyy-MM-dd"
editable
style="width: 177px"
>
<el-date-picker placeholder="选择日期时间" size="small" v-model="form.startDate" value-format="yyyy-MM-dd"
editable style="width: 177px">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" v-if="title == 1&&mode == 0">
<el-col :span="4" v-if="title == 1 && mode == 0">
<el-form-item label="随访日期">
<el-date-picker
placeholder="选择日期时间"
size="small"
v-model="form.planFollowDate"
value-format="yyyy-MM-dd"
editable
style="width: 177px"
>
<el-date-picker placeholder="选择日期时间" size="small" v-model="form.planFollowDate" value-format="yyyy-MM-dd"
editable style="width: 177px">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" v-if="title != 1">
<el-col :span="4" v-if="title != 1">
<el-form-item label="是否完成">
<el-checkbox
v-model="form.isComplete"
true-label="Y"
false-label="N"
/>
<el-checkbox v-model="form.isComplete" true-label="Y" false-label="N" />
</el-form-item>
</el-col>
<el-col :span="4" v-if="title !=1">
<el-col :span="4" v-if="title != 1">
<el-form-item label="随访日期">
<el-date-picker
placeholder="选择日期时间"
size="small"
v-model="form.planFollowDate"
value-format="yyyy-MM-dd"
editable
style="width: 177px"
>
<el-date-picker placeholder="选择日期时间" size="small" v-model="form.planFollowDate" value-format="yyyy-MM-dd"
editable style="width: 177px">
</el-date-picker>
</el-form-item>
</el-col>
@ -195,7 +105,8 @@
v-model="form.parmValue"
size="small"
></el-input> -->
<el-input v-model="form.followUpContent"></el-input>
<el-input type="textarea" v-model="form.followUpContent"
:autosize="{ minRows: 3, maxRows: 6 }"></el-input>
</el-form-item>
</el-col>
</el-row>
@ -206,7 +117,9 @@
v-model="form.parmValue"
size="small"
></el-input> -->
<el-input v-model="form.replyContent"></el-input>
<el-autocomplete class="inline-input" v-model="form.replyContent" :fetch-suggestions="querySearch"
placeholder="请输入内容" size="small" style="width: 700px;"></el-autocomplete>
</el-form-item>
</el-col>
</el-row>
@ -214,50 +127,30 @@
<el-divider></el-divider>
<el-col :span="4" style="margin-left: 15px">
<el-form-item label="创建者">
<el-input
v-model="form.creatorName"
disabled
size="small"
></el-input>
<el-input v-model="form.creatorName" disabled size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="创建时间">
<el-input
:value="form.creationTime | dateFormat"
disabled
size="small"
></el-input>
<el-input :value="form.creationTime | dateFormat" disabled size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="修改者">
<el-input
v-model="form.lastModifierName"
disabled
size="small"
></el-input>
<el-input v-model="form.lastModifierName" disabled size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="修改时间">
<el-input
style="width: 85%"
:value="form.lastModificationTime | dateFormat"
disabled
size="small"
></el-input>
<el-input style="width: 85%" :value="form.lastModificationTime | dateFormat" disabled
size="small"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" class="difference"
> </el-button
>
<el-button type="primary" @click="addoredit" class="commonbutton"
> </el-button
>
<el-button @click="dialogVisible = false" class="difference"> </el-button>
<el-button type="primary" @click="addoredit" class="commonbutton"> </el-button>
</span>
</el-dialog>
</div>
@ -284,7 +177,7 @@ export default {
generateCount: "",
intervalDays: "",
generateCount: "",
replyContent:""
replyContent: ""
},
mode: "0",
modes: [
@ -305,7 +198,7 @@ export default {
};
},
created() {},
created() { },
updated() {
this.$nextTick(() => {
@ -333,20 +226,20 @@ export default {
});
},
getLists() {
if(this.dataTransOpts.tableS.patient_register.followUpId){
postapi("/api/app/PhoneFollowUp/GetList", {
followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
}).then((res) => {
if (res.code > -1) this.phoneFollowUp = res.data;
});
}else{
this.phoneFollowUp=[]
if (this.dataTransOpts.tableS.patient_register.followUpId) {
postapi("/api/app/PhoneFollowUp/GetList", {
followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
}).then((res) => {
if (res.code > -1) this.phoneFollowUp = res.data;
});
} else {
this.phoneFollowUp = []
}
},
addoredit() {
if (this.title == 1) {
if (this.mode == 1) {
if (this.form.intervalDays == "") {
if (this.form.intervalDays == "") {
this.$message.warning("请输入间隔天数");
} else if (this.form.startDate == "") {
this.$message.warning("请选择开始时间");
@ -367,7 +260,7 @@ export default {
}
});
}
} else if(this.mode == 0) {
} else if (this.mode == 0) {
if (this.form.planFollowDate == "") {
this.$message.warning("请选择随访日期");
} else {
@ -384,18 +277,18 @@ export default {
}
});
}
}else{
} else {
postapi("/api/app/PhoneFollowUp/CreateThreeMonthPlan", {
followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
followUpContent: this.form.followUpContent,
replyContent: this.form.replyContent,
}).then((res) => {
if (res.code > -1) {
this.getLists();
this.dialogVisible = false;
this.mode = "0";
}
});
followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
followUpContent: this.form.followUpContent,
replyContent: this.form.replyContent,
}).then((res) => {
if (res.code > -1) {
this.getLists();
this.dialogVisible = false;
this.mode = "0";
}
});
}
} else {
postapi("/api/app/PhoneFollowUp/Update", {
@ -437,6 +330,11 @@ export default {
this.dialogVisible = true;
this.title = 1;
this.form = this.$options.data().form;
let followUpContent = this.dataTransOpts.tableS.patient_register.criticalValueContents
do {
followUpContent = followUpContent.replace('<br>', '\r\n')
} while (followUpContent.includes('<br>'));
this.form.followUpContent = followUpContent
},
//
@ -479,9 +377,26 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
}
},
querySearch(queryString, cb) {
var restaurants = [
{ value: "本人已接电话,已通知到医院复查。" },
{ value: "本人已接电话,已通知到医院复查,就诊,必要时手术。" },
{ value: "本人已接电话,xxxxx,治疗中。" },
{ value: "本人已接电话,已通知避免过度劳累,必要时医院复查。" },
{ value: "本人已接电话,xxxxx,已做手术,正在恢复期。" },
];
if(queryString){
restaurants.filter(e => {
if(e.value.toUpperCase().includes(queryString.toUpperCase())) return e
})
}
// callback
cb(restaurants);
},
},
//

Loading…
Cancel
Save