Skip to content

A
agcs2.0-web
You need to sign in or sign up before continuing.
Commit a7b52ef8 authored by 刘予佳's avatar 刘予佳
Browse files
Options

随访调查列表查询框

parent 004d5a59
Hide whitespace changes
Inline Side-by-side
Showing with 176 additions and 87 deletions
src/api/followup.js
View file @ a7b52ef8
......@@ -4,7 +4,14 @@ import request from "@/utils/request";
* 随访
*
* */
//随访调查 列表
export function getFollowSurvey(params = {}) {
return request({
url: "/disease-data/follow/survey",
method: "get",
params,
});
}
//审核质控 随访
export function getFollowCheck(params = {}) {
return request({
......
src/components/CustomsTable/index.vue
View file @ a7b52ef8
......@@ -11,8 +11,7 @@
:header-row-class-name="headerClass"
style="width: 100%"
>
<el-table-column v-if="showIndex" type="index" width="120" label="序号">
</el-table-column>
<el-table-column v-if="showIndex" type="index" width="120" label="序号"></el-table-column>
<template v-for="(column, index) in columns">
<template v-if="!column.type && !column.operType">
<el-table-column
......@@ -31,15 +30,20 @@
>
<!-- 表头插槽 -->
<template slot="header" slot-scope="scope">
<span :style="{ fontSize: fontSize[fontIndex] }">{{
column.label
}}</span>
<span :style="{ fontSize: fontSize[fontIndex] }">{{column.label}}</span>
</template>
<!-- 表内容插槽 -->
<template slot-scope="scope">
<span :style="{ fontSize: fontSize[fontIndex] }">
{{ scope.row[column.value] || "--" }}</span
>
<!-- 转化文字 -->
<span
:style="{ fontSize: fontSize[fontIndex] }"
v-if="column.transList"
>{{column.transList[scope.row[String(column.value)]]|| "--"}}</span>
<!-- 一般情况 -->
<span
:style="{ fontSize: fontSize[fontIndex] }"
v-else
>{{ scope.row[column.value] || "--" }}</span>
</template>
</el-table-column>
</template>
......@@ -57,16 +61,16 @@
>
<!-- 表头插槽 -->
<template slot="header" slot-scope="scope">
<span :style="{ fontSize: fontSize[fontIndex] }">{{
<span :style="{ fontSize: fontSize[fontIndex] }">
{{
column.label
}}</span>
}}
</span>
</template>
<!-- 表内容插槽 -->
<template slot-scope="scope">
<!-- 按钮 -->
<template
v-if="column.type === 'button' || column.operType === 'button'"
>
<template v-if="column.type === 'button' || column.operType === 'button'">
<!-- 按钮数组 -->
<template v-for="(op, opIndex) in column.operations">
<el-button
......@@ -84,11 +88,11 @@
@click="op.func(scope.row, scope.$index)"
>
{{
op.formatter
? op.formatter(scope.row).label
: op.label
? op.label
: scope.row[column.value]
op.formatter
? op.formatter(scope.row).label
: op.label
? op.label
: scope.row[column.value]
}}
</el-button>
</template>
......@@ -115,16 +119,17 @@
scope.row[column.value][0].uuidName
: '',
]"
>
</el-image>
></el-image>
</template>
<!-- 文件 -->
<template v-if="column.type === 'file'">
<span>{{
<span>
{{
scope.row[column.value]
? scope.row[column.value][0].fileName
: ""
}}</span>
? scope.row[column.value][0].fileName
: ""
}}
</span>
</template>
<!-- html -->
<template v-if="column.type === 'html'">
......@@ -137,8 +142,7 @@
:active-value="1"
:inactive-value="0"
@change="column.func(scope.row, scope.$index)"
>
</el-switch>
></el-switch>
</template>
</template>
</el-table-column>
......
src/components/FormComponents/index.vue
View file @ a7b52ef8
......@@ -38,9 +38,11 @@
@focus="item.focusFunc ? item.focusFunc($event) : {}"
@change="item.func ? item.func($event) : {}"
>
<span v-if="item.unit" :slot="item.slot ? item.slot : 'append'">{{
<span v-if="item.unit" :slot="item.slot ? item.slot : 'append'">
{{
item.unit
}}</span>
}}
</span>
</el-input>
<template v-if="item.type === 'textarea'">
......@@ -88,8 +90,7 @@
:key="optIndex"
:label="opt.label"
:value="item.isSelect ? opt.selectValue : opt.value"
>
</el-option>
></el-option>
</el-select>
<!-- 日期区间 -->
......@@ -105,8 +106,7 @@
:picker-options="item.options"
:format="item.format"
:value-format="item.valueFormat"
>
</el-date-picker>
></el-date-picker>
<!-- 日期 -->
<el-date-picker
......@@ -117,8 +117,7 @@
:picker-options="item.options"
:format="item.format"
:value-format="item.valueFormat"
>
</el-date-picker>
></el-date-picker>
<!-- 下拉框 -->
<el-select
......@@ -135,8 +134,7 @@
:key="optIndex"
:label="opt.label"
:value="item.isSelect ? opt.selectValue : opt.value"
>
</el-option>
></el-option>
</el-select>
<!-- 单选框 -->
......@@ -148,8 +146,7 @@
:class="item.class"
:label="opt.value"
@change="item.func ? item.func($event) : {}"
>{{ opt.label }}
</el-radio>
>{{ opt.label }}</el-radio>
<!-- 级联 -->
<el-cascader
......@@ -162,9 +159,7 @@
></el-cascader>
<!-- 文字 -->
<span v-else-if="item.type === 'text'">
{{ item.text ? item.text : form[item.prop] }}
</span>
<span v-else-if="item.type === 'text'">{{ item.text ? item.text : form[item.prop] }}</span>
<!-- 数字输入框 -->
<el-input-number
......@@ -195,10 +190,8 @@
:size="size"
:icon="btn.icon"
:style="btn.style"
@click="btn.func"
>
{{ btn.btnText }}
</el-button>
@click="btn.func(form)"
>{{ btn.btnText }}</el-button>
<div
v-if="btn.btnType == 'tobeModified'"
:key="index"
......@@ -206,13 +199,8 @@
:style="{ backgroundColor: modifiedFlag ? '#4E68FF' : '#fff' }"
@click="changeModified"
>
<i
:style="{ color: modifiedFlag ? '#fff' : '#d9d9d9' }"
class="el-icon-check"
></i>
<span :style="{ color: modifiedFlag ? '#fff' : '#000' }"
>待修改（{{ btn.tobeModified }}）</span
>
<i :style="{ color: modifiedFlag ? '#fff' : '#d9d9d9' }" class="el-icon-check"></i>
<span :style="{ color: modifiedFlag ? '#fff' : '#000' }">待修改（{{ btn.tobeModified }}）</span>
</div>
</template>
</div>
......@@ -227,9 +215,7 @@
:icon="btn.icon"
:style="btn.style"
@click="btn.func"
>
{{ btn.btnText }}
</el-button>
>{{ btn.btnText }}</el-button>
</el-col>
</el-form>
</template>
......@@ -270,6 +256,7 @@ export default {
methods: {
// 查询
handleSearch() {
console.log("this.form",this.form)
this.$emit("handleSearch", this.form)
},
......
src/views/followupquery/index.vue
View file @ a7b52ef8
......@@ -174,7 +174,7 @@ export default {
prop: "screeningTime",
placeholder: "请选择时间",
rules: [],
opts: [{ label: "123", value: "1" }],
opts: [],
},
{
type: "select",
......@@ -182,7 +182,7 @@ export default {
prop: "screeningStatus",
placeholder: "请选择随访状态",
rules: [],
opts: [{ label: "123", value: "1" }],
opts: [],
},
{
type: "select",
......@@ -190,7 +190,7 @@ export default {
prop: "screeningProgress",
placeholder: "请选择随访进度",
rules: [],
opts: [{ label: "123", value: "1" }],
opts: [],
},
{
type: "select",
......@@ -198,7 +198,7 @@ export default {
prop: "planScreeningTime",
placeholder: "请选择计划随访时间",
rules: [],
opts: [{ label: "123", value: "1" }],
opts: [],
},
{
type: "input",
......
src/views/followupresearch/index.vue
View file @ a7b52ef8
......@@ -2,7 +2,7 @@
<!-- 随访调查 -->
<div class="screeningSearch">
<div class="top">
<form-components :forms="formList"></form-components>
<form-components :forms="formList" @handleSearch="onSearch"></form-components>
</div>
<div class="bot">
<customs-table
......@@ -25,6 +25,8 @@
import FormComponents from "@/components/FormComponents"
import CustomsTable from "@/components/CustomsTable"
import paginationMixin from "@/components/TabComponents/mixin"
import { getFollowSurvey } from "@/api/followup"
import { getDictDetail } from "@/api/dict.js"
export default {
components: {
CustomsTable,
......@@ -39,51 +41,64 @@ export default {
columns: [
{
label: "医联体",
value: "name",
value: "unionName",
minWidth: 120,
},
{
label: "姓名",
value: "1",
value: "name",
minWidth: 120,
},
{
label: "性别",
value: "2",
value: "sex",
minWidth: 120,
// trans:'d-sex',
transList:{
1:'男',
2:'女'
}
},
{
label: "身份证",
value: "3",
value: "idCard",
minWidth: 120,
},
{
label: "年龄",
value:"age",
minWidth: 120,
},
{
label: "筛查时间",
value: "5",
value: "screeningTime",
minWidth: 120,
},
{
label: "风险评估结果",
value: "6",
value: "riskRank",
trans:'risk_level',
transList:{
},
minWidth: 120,
},
{
label: "上次随访时间",
value: "7",
value: "followTime",
minWidth: 120,
},
{
label: "随访进度",
value: "8",
value: "followBatch",
trans:'follow_type',
transList:{
},
minWidth: 120,
},
{
label: "计划随访时间",
value: "9",
value: "nextFollowTime",
trans:'next_follow_time',
minWidth: 120,
},
{
......@@ -104,12 +119,7 @@ export default {
],
},
],
tableData: [
{
name: "1",
1: 2,
},
],
tableData: [],
formList: [
{
xs: 24,
......@@ -119,7 +129,8 @@ export default {
xl: 7,
type: "select",
label: "计划随访时间",
prop: "planScreeningTime",
prop: "nextFollowTime",
trans:'next_follow_time',
placeholder: "请选择计划随访时间",
rules: [],
opts: [{ label: "123", value: "1" }],
......@@ -131,9 +142,33 @@ export default {
lg: 7,
xl: 7,
type: "input",
label: "关键词",
prop: "keyWord",
placeholder: "请输入医联体/姓名/身份证",
label: "姓名",
prop: "name",
placeholder: "请输入姓名",
rules: [],
},
{
xs: 24,
sm: 12,
md: 12,
lg: 7,
xl: 7,
type: "input",
label: "身份证",
prop: "idCard",
placeholder: "请输入身份证",
rules: [],
},
{
xs: 24,
sm: 12,
md: 12,
lg: 7,
xl: 7,
type: "input",
label: "医联体",
prop: "unionName",
placeholder: "请输入医联体",
rules: [],
},
{
......@@ -144,7 +179,8 @@ export default {
xl: 7,
type: "select",
label: "随访进度",
prop: "screeningProgress",
prop: "followBatch",
trans:'follow_type',
placeholder: "请选择随访进度",
rules: [],
opts: [{ label: "123", value: "1" }],
......@@ -168,9 +204,7 @@ export default {
marginLeft: "40px",
},
btnText: "查询",
func: () => {
this.onSearch()
},
func: this.onSearch
},
// {
// btnType: "tobeModified",
......@@ -179,10 +213,18 @@ export default {
],
},
],
// pageSize:1,
// pageNum:10,
// totalCount:20
}
},
watch: {},
mounted() {},
created(){
this.initColumn()
},
mounted() {
this.handleSearch()
},
methods: {
changeModified() {
this.modifiedFlag = !this.modifiedFlag
......@@ -197,13 +239,61 @@ export default {
console.log(this.page)
this.$refs.customTable.loading = false
},
onSearch() {
console.log(123456)
onSearch(form) {
console.log(form)
},
rowOpration(data, i) {
console.log(data, i)
this.$router.push("/followupentry")
},
async handleSearch(){
let params={
pageSize:this.pageSize,
pageNum:this.pageIndex
}
let res = await getFollowSurvey(params)
if(res.code==1){
//分页内容
const d = res.data
this.total= d.total
this.tableData=d['records']
}
},
initColumn(){
this.columns.forEach((item,index) => {
if(item.trans){
this.initDict(item.trans,index)
}
})
},
async initDict(type,index){
let params={
type:type
}
const res = await getDictDetail(params)
let item = this.formList.find(_ => _.trans == type)
res.data.forEach((itemD,inx) => {
if(!this.columns[index]['transList']){
this.columns[index]['transList']={}
}
else{
this.columns[index]['transList'][itemD.code]=itemD.name
}
if(item){
if(!item['opts']){
item['opts']=[]
}
else {
item['opts']=res.data.map((_) => {
return {
label: _.name,
value: _.code,
}
})
}
}
})
}
},
}
</script>
......
src/views/screening/components/ConfigForms.vue
View file @ a7b52ef8
......@@ -114,6 +114,7 @@ export default {
this.loading = false
} else {
// 返回
this.$router.back()
}
},
dialogSubmit() {},
......
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