Merge branch 'main' of http://42.192.7.176:3000/suojin/physical_examination_front into main
xuechunyuan
3 years ago
commit
c799adfcc8
9 changed files with 794 additions and 0 deletions
|
After Width: | Height: | Size: 454 B |
|
After Width: | Height: | Size: 800 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 621 B |
|
After Width: | Height: | Size: 1.6 KiB |
@ -0,0 +1,465 @@ |
|||||||
|
<template> |
||||||
|
<basic-container> |
||||||
|
<avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="form" |
||||||
|
:permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel" |
||||||
|
@row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset" |
||||||
|
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
||||||
|
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad"> |
||||||
|
<template slot-scope="{row}" slot="status"> |
||||||
|
<el-tag :type="row.status == 1 ? 'success' : row.status == 2 ? 'warning' : row.status == 3 ? 'danger' : 'info'">{{ row.status == 1 ? '已报道' : row.status == 2 ? '未报道' : row.status == 3 ? '已拉黑' : '已取消' }}</el-tag> |
||||||
|
</template> |
||||||
|
<template slot-scope="{row}" slot="menu"> |
||||||
|
<el-button @click="handleRegister" :disabled="row.status == 1 ? true : row.status == 4 ? true : false">{{row.status == 3 ? '取消拉黑' : '预约报道'}}</el-button> |
||||||
|
</template> |
||||||
|
</avue-crud> |
||||||
|
<el-drawer |
||||||
|
:visible.sync="isRegister" |
||||||
|
:append-to-body="true" |
||||||
|
:direction="direction" |
||||||
|
:with-header="false" |
||||||
|
class="my-info-dialog" |
||||||
|
custom-class="register_box"> |
||||||
|
<div class="title_box"> |
||||||
|
<div class="title_txt"> |
||||||
|
<div class="txt">预约人报道信息</div> |
||||||
|
<div class="img_box" @click="closeDraw"> |
||||||
|
<img src="~@/assets/image/close.png" alt=""> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="sub_txt">通过身份证、医保卡刷卡识别报道</div> |
||||||
|
</div> |
||||||
|
<div class="tip_box"> |
||||||
|
<img v-show="regData.status == 1" src="~@/assets/image/succ.png" alt=""> |
||||||
|
<img v-show="regData.status == 2" src="~@/assets/image/fail.png" alt=""> |
||||||
|
<img v-show="regData.status == 3" src="~@/assets/image/warn.png" alt=""> |
||||||
|
<div class="tip_txt" :class="regData.status == 2 ? 'fail_txt' : regData.status == 3 ? 'warn_txt' : ''">{{regData.status == 1 ? '报道成功' : '报道失败'}}</div> |
||||||
|
</div> |
||||||
|
<div class="tips_txt" v-show="regData.status == 2">无此人员预约检测项目，请预约后按时间报道</div> |
||||||
|
<div class="tips_txt tips_warn" v-show="regData.status == 3">报到时间与预约时间不符，请按预约时间报道</div> |
||||||
|
<div class="account_mess"> |
||||||
|
<div class="mess_tit">账号信息</div> |
||||||
|
<div class="mess_box"> |
||||||
|
<div class="left_box" :class="regData.status == 2 ? 'fail_box' : regData.status == 3 ? 'warn_box' : ''"> |
||||||
|
<div class="acc_text">姓名</div> |
||||||
|
<div class="acc_txt">{{regData.name}}</div> |
||||||
|
</div> |
||||||
|
<div class="right_box" :class="regData.status == 2 ? 'fail_right' : regData.status == 3 ? 'warn_right' : ''"> |
||||||
|
<div class="acc_box"> |
||||||
|
<div class="acc_text">身份证号</div> |
||||||
|
<div class="acc_txt">{{regData.cardId}}</div> |
||||||
|
</div> |
||||||
|
<div class="acc_box"> |
||||||
|
<div class="acc_text">联系方式</div> |
||||||
|
<div class="acc_txt">{{regData.phone}}</div> |
||||||
|
</div> |
||||||
|
<div class="img_box"> |
||||||
|
<img v-show="regData.status == 1" src="~@/assets/image/succ_img.png" alt=""> |
||||||
|
<img v-show="regData.status == 2" src="~@/assets/image/fail_img.png" alt=""> |
||||||
|
<img v-show="regData.status == 3" src="~@/assets/image/warn_img.png" alt=""> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="account_mess"> |
||||||
|
<div class="mess_tit">体检信息</div> |
||||||
|
<div class="mess_box reg_box"> |
||||||
|
<div class="left_box"> |
||||||
|
<div class="acc_text">体检项目</div> |
||||||
|
<div class="acc_txt">{{regData.project}}</div> |
||||||
|
</div> |
||||||
|
<div class="right_box"> |
||||||
|
<div class="acc_box"> |
||||||
|
<div class="acc_text">预约时间</div> |
||||||
|
<div class="acc_txt" :class="regData.status == 3 ? 'acc_warn' : ''">{{regData.time}}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="btn"> |
||||||
|
签到并打印 |
||||||
|
</div> |
||||||
|
</el-drawer> |
||||||
|
</basic-container> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
getLazyList, |
||||||
|
remove, |
||||||
|
update, |
||||||
|
add, |
||||||
|
getDept, |
||||||
|
getDeptTree |
||||||
|
} from "@/api/system/dept"; |
||||||
|
import { mapGetters } from "vuex"; |
||||||
|
import website from '@/config/website'; |
||||||
|
|
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
form: {}, |
||||||
|
selectionList: [], |
||||||
|
query: {}, |
||||||
|
loading: true, |
||||||
|
parentId: 0, |
||||||
|
direction:'rtl', |
||||||
|
page: { |
||||||
|
pageSize: 10, |
||||||
|
currentPage: 1, |
||||||
|
total: 0, |
||||||
|
}, |
||||||
|
isRegister:false, |
||||||
|
option: { |
||||||
|
height: 'auto', |
||||||
|
calcHeight: 30, |
||||||
|
tip: false, |
||||||
|
searchShow: true, |
||||||
|
searchMenuSpan: 6, |
||||||
|
border: true, |
||||||
|
index: true, |
||||||
|
viewBtn: false, |
||||||
|
viewBtnIcon:'none', |
||||||
|
editBtn:false, |
||||||
|
delBtn:false, |
||||||
|
addBtn:false, |
||||||
|
selection: true, |
||||||
|
saveBtn:false, |
||||||
|
updateBtn:false, |
||||||
|
cancelBtn:false, |
||||||
|
dialogType: 'drawer', |
||||||
|
border:false,stripe:true, |
||||||
|
dialogClickModal: false, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: "体检人姓名", |
||||||
|
prop: "name", |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "身份证号码", |
||||||
|
prop: "releaseCard", |
||||||
|
searchLabelWidth:100, |
||||||
|
search:true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "联系方式", |
||||||
|
prop: "phone", |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "预约时间", |
||||||
|
prop: "releaseTime", |
||||||
|
type: "date", |
||||||
|
format: "yyyy-MM-dd", |
||||||
|
valueFormat: "yyyy-MM-dd", |
||||||
|
search: true, |
||||||
|
searchValue:'2022-02-09', |
||||||
|
searchClearable:false |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "预约项目", |
||||||
|
prop: "releaseProject", |
||||||
|
type: "select", |
||||||
|
hide: true, |
||||||
|
dicData:[ |
||||||
|
{ |
||||||
|
label:'全部', |
||||||
|
value:0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'视力', |
||||||
|
value:1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'听力', |
||||||
|
value:2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'四肢', |
||||||
|
value:3 |
||||||
|
} |
||||||
|
], |
||||||
|
search: true, |
||||||
|
viewDisplay:false, |
||||||
|
searchValue:0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'预约项目', |
||||||
|
prop:"releasePro", |
||||||
|
|
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "状态", |
||||||
|
prop: "status", |
||||||
|
slot: true, |
||||||
|
viewDisplay:false, |
||||||
|
}, |
||||||
|
] |
||||||
|
}, |
||||||
|
data: [], |
||||||
|
regData:{ |
||||||
|
status:3, |
||||||
|
name:'/', |
||||||
|
cardId:'/', |
||||||
|
phone:'/', |
||||||
|
project:'/', |
||||||
|
time:'/' |
||||||
|
} |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleRegister(){ |
||||||
|
this.isRegister = true |
||||||
|
}, |
||||||
|
beforeOpen(done, type) { |
||||||
|
// if (["add", "edit"].includes(type)) { |
||||||
|
// this.initData(); |
||||||
|
// } |
||||||
|
// if (["edit", "view"].includes(type)) { |
||||||
|
// getDept(this.form.id).then(res => { |
||||||
|
// this.form = res.data.data; |
||||||
|
// }); |
||||||
|
// } |
||||||
|
done(); |
||||||
|
}, |
||||||
|
beforeClose(done) { |
||||||
|
// this.parentId = ""; |
||||||
|
// const column = this.findObject(this.option.column, "parentId"); |
||||||
|
// // column.value = ""; |
||||||
|
// column.addDisabled = false; |
||||||
|
done(); |
||||||
|
}, |
||||||
|
closeDraw(){ |
||||||
|
this.isRegister = false |
||||||
|
}, |
||||||
|
currentChange(currentPage) { |
||||||
|
this.page.currentPage = currentPage; |
||||||
|
}, |
||||||
|
sizeChange(pageSize) { |
||||||
|
this.page.pageSize = pageSize; |
||||||
|
}, |
||||||
|
refreshChange() { |
||||||
|
this.onLoad(this.page, this.query); |
||||||
|
}, |
||||||
|
onLoad(page, params = {}) { |
||||||
|
this.loading = true; |
||||||
|
// getLazyList(this.parentId, Object.assign(params, this.query)).then(res => { |
||||||
|
// this.data = res.data.data; |
||||||
|
// |
||||||
|
// this.selectionClear(); |
||||||
|
// }); |
||||||
|
this.data = [ |
||||||
|
{name:'张三',releaseCard:321236195812020314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:1}, |
||||||
|
{name:'李四',releaseCard:321236195812020313,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:2}, |
||||||
|
{name:'王五',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:3}, |
||||||
|
{name:'刘敏',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:4}, |
||||||
|
] |
||||||
|
this.loading = false; |
||||||
|
this.page.total = 4; |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
|
<style lang="scss"> |
||||||
|
.el-drawer__wrapper{ |
||||||
|
.register_box{ |
||||||
|
width: 45% !important; |
||||||
|
padding: 0 40px; |
||||||
|
|
||||||
|
.title_box{ |
||||||
|
// padding: 0 40px; |
||||||
|
margin-top: 40px; |
||||||
|
.title_txt{ |
||||||
|
display: flex; |
||||||
|
height: 30px; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
.txt{ |
||||||
|
font-weight: bold; |
||||||
|
color: #333333; |
||||||
|
line-height: 16px; |
||||||
|
font-size: 20px; |
||||||
|
|
||||||
|
} |
||||||
|
.img_box{ |
||||||
|
img{ |
||||||
|
width: 30px; |
||||||
|
height: 30px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.sub_txt{ |
||||||
|
font-size: 14px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #999999; |
||||||
|
line-height: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
.tip_box{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
margin:60px 0 20px 0; |
||||||
|
|
||||||
|
.img{ |
||||||
|
width: 30px; |
||||||
|
height: 30px; |
||||||
|
} |
||||||
|
.tip_txt{ |
||||||
|
font-size: 24px; |
||||||
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
||||||
|
font-weight: bold; |
||||||
|
color: #00B578; |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.fail_txt{ |
||||||
|
color: #F93A4A; |
||||||
|
} |
||||||
|
.warn_txt{ |
||||||
|
color: #FF6010; |
||||||
|
} |
||||||
|
} |
||||||
|
.tips_txt{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 14px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #F93A4A; |
||||||
|
} |
||||||
|
.tips_warn{ |
||||||
|
color: #FF6010; |
||||||
|
} |
||||||
|
.fail_tip{ |
||||||
|
color: #FF6010; |
||||||
|
} |
||||||
|
|
||||||
|
.account_mess{ |
||||||
|
.mess_tit{ |
||||||
|
font-size: 16px; |
||||||
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
||||||
|
font-weight: bold; |
||||||
|
color: #333333; |
||||||
|
margin:40px 0 20px 0; |
||||||
|
} |
||||||
|
.mess_box{ |
||||||
|
width: 100%; |
||||||
|
height: 123px; |
||||||
|
background: #F5F6FA; |
||||||
|
border-radius: 8px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.left_box{ |
||||||
|
width: 25%; |
||||||
|
margin-left: 30px; |
||||||
|
.acc_text{ |
||||||
|
font-size: 14px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #999999; |
||||||
|
margin-bottom:14px; |
||||||
|
} |
||||||
|
|
||||||
|
.acc_txt{ |
||||||
|
font-size: 16px; |
||||||
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
||||||
|
font-weight: bold; |
||||||
|
color: #00B578; |
||||||
|
} |
||||||
|
} |
||||||
|
.fail_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
.warn_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
.right_box{ |
||||||
|
display: flex; |
||||||
|
width: 75%; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.acc_box{ |
||||||
|
.acc_text{ |
||||||
|
font-size: 14px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #999999; |
||||||
|
margin-bottom:14px; |
||||||
|
} |
||||||
|
|
||||||
|
.acc_txt{ |
||||||
|
font-size: 16px; |
||||||
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
||||||
|
font-weight: bold; |
||||||
|
color: #00B578; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.fail_right{ |
||||||
|
.acc_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.warn_right{ |
||||||
|
.acc_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.reg_box{ |
||||||
|
justify-content: start; |
||||||
|
.left_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
.right_box{ |
||||||
|
.acc_box{ |
||||||
|
.acc_txt{ |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
.acc_warn{ |
||||||
|
color: #FF6010; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.btn{ |
||||||
|
width: 151px; |
||||||
|
height: 50px; |
||||||
|
background: #1677FF; |
||||||
|
border-radius: 2px 2px 2px 2px; |
||||||
|
margin: 0 auto; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 16px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #FFFFFF; |
||||||
|
margin-top: 50px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,329 @@ |
|||||||
|
<template> |
||||||
|
<basic-container> |
||||||
|
<avue-crud :option="option" :span-method="spanMethod" :table-loading="loading" :page.sync="page" :data="data" ref="crud" v-model="form" |
||||||
|
:permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel" |
||||||
|
@row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset" |
||||||
|
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
||||||
|
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad"> |
||||||
|
<template slot-scope="{row}" slot="num"> |
||||||
|
<div v-for="item1 in row.itemArr.map(item => item.monment + item.time)" :key="item1">{{item1}}</div> |
||||||
|
</template> |
||||||
|
<template slot-scope="{row}" slot="count"> |
||||||
|
<div v-for="item1 in row.itemArr.map(item => item.count)" :key="item1">{{item1}}</div> |
||||||
|
</template> |
||||||
|
<template slot-scope="{row}" slot="people"> |
||||||
|
<div :class="row.itemArr.find(item => item.count == item1) ? 'cla' :''" v-for="item1 in row.itemArr.map(item => item.people)" :key="item1">{{item1}}</div> |
||||||
|
</template> |
||||||
|
<template slot-scope="{row}" slot="menu"> |
||||||
|
<el-button @click="handleRegister">修改</el-button> |
||||||
|
</template> |
||||||
|
<template slot-scope="scope" slot="menuLeft"> |
||||||
|
<el-button type="primary" |
||||||
|
icon="el-icon-plus" |
||||||
|
size="small" @click="addNumber">添加号源</el-button> |
||||||
|
</template> |
||||||
|
</avue-crud> |
||||||
|
<el-drawer |
||||||
|
:visible.sync="isNumber" |
||||||
|
:append-to-body="true" |
||||||
|
:direction="direction" |
||||||
|
:with-header="false" |
||||||
|
custom-class="number_box"> |
||||||
|
<div class="title_box"> |
||||||
|
<div class="title_txt"> |
||||||
|
<div class="txt">新增号源</div> |
||||||
|
<div class="img_box" @click="closeDraw"> |
||||||
|
<img src="~@/assets/image/close.png" alt=""> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="sub_txt">请先设置时段以及对应号源数量后选择该号源投放日期。</div> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
||||||
|
<el-tab-pane label="单眼视力" name="first"> |
||||||
|
<avue-form :option="addOption" v-model="addForm"> |
||||||
|
<template slot-scope="{row}" slot="input"> |
||||||
|
<el-tag>{{row.input}}</el-tag> |
||||||
|
</template> |
||||||
|
</avue-form> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="听力" name="second">听力</el-tab-pane> |
||||||
|
<el-tab-pane label="四肢" name="third">四肢</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</el-drawer> |
||||||
|
</basic-container> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
getLazyList, |
||||||
|
remove, |
||||||
|
update, |
||||||
|
add, |
||||||
|
getDept, |
||||||
|
getDeptTree |
||||||
|
} from "@/api/system/dept"; |
||||||
|
import { mapGetters } from "vuex"; |
||||||
|
import website from '@/config/website'; |
||||||
|
|
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
form: {}, |
||||||
|
selectionList: [], |
||||||
|
query: {}, |
||||||
|
loading: true, |
||||||
|
parentId: 0, |
||||||
|
page: { |
||||||
|
pageSize: 10, |
||||||
|
currentPage: 1, |
||||||
|
total: 0, |
||||||
|
}, |
||||||
|
addForm: { |
||||||
|
dynamic: [{ |
||||||
|
input: 1, |
||||||
|
select: 1 |
||||||
|
}, { |
||||||
|
input: 2, |
||||||
|
select: 2 |
||||||
|
}] |
||||||
|
}, |
||||||
|
addOption: { |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '子表单', |
||||||
|
prop: 'dynamic', |
||||||
|
type: 'dynamic', |
||||||
|
span:24, |
||||||
|
children: { |
||||||
|
align: 'center', |
||||||
|
headerAlign: 'center', |
||||||
|
rowAdd:(done)=>{ |
||||||
|
this.$message.success('新增回调'); |
||||||
|
done({ |
||||||
|
input:'默认值' |
||||||
|
}); |
||||||
|
}, |
||||||
|
rowDel:(row,done)=>{ |
||||||
|
this.$message.success('删除回调'+JSON.stringify(row)); |
||||||
|
done(); |
||||||
|
}, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
width: 200, |
||||||
|
label: '输入框', |
||||||
|
prop: "input" |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '选择框', |
||||||
|
prop: "select", |
||||||
|
type: 'select', |
||||||
|
dicData: [{ |
||||||
|
label: '测试1', |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
label: '测试2', |
||||||
|
value: 2 |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
activeName: 'first', |
||||||
|
isNumber:false, |
||||||
|
option: { |
||||||
|
height: 'auto', |
||||||
|
calcHeight: 30, |
||||||
|
tip: false, |
||||||
|
searchShow: true, |
||||||
|
searchMenuSpan: 6, |
||||||
|
border: true, |
||||||
|
index: true, |
||||||
|
viewBtn: false, |
||||||
|
border:false, |
||||||
|
editBtn:false, |
||||||
|
delBtn:false, |
||||||
|
addBtn:false, |
||||||
|
selection: true, |
||||||
|
saveBtn:false, |
||||||
|
updateBtn:false, |
||||||
|
cancelBtn:false, |
||||||
|
dialogType: 'drawer', |
||||||
|
dialogClickModal: false, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: "体检项目", |
||||||
|
prop: "regName", |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "日期", |
||||||
|
prop: "releaseTime", |
||||||
|
type: "date", |
||||||
|
format: "yyyy-MM-dd", |
||||||
|
valueFormat: "yyyy-MM-dd", |
||||||
|
search: true, |
||||||
|
searchValue:'2022-02-09', |
||||||
|
searchClearable:false |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "体检项目", |
||||||
|
prop: "projectName", |
||||||
|
type: "select", |
||||||
|
hide: true, |
||||||
|
dicData:[ |
||||||
|
{ |
||||||
|
label:'全部', |
||||||
|
value:0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'视力', |
||||||
|
value:1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'听力', |
||||||
|
value:2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'四肢', |
||||||
|
value:3 |
||||||
|
} |
||||||
|
], |
||||||
|
search: true, |
||||||
|
viewDisplay:false, |
||||||
|
searchValue:0, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label:'放号时段', |
||||||
|
prop:"num", |
||||||
|
slot:true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "号源数量", |
||||||
|
prop: "count", |
||||||
|
slot:true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: "预约人数", |
||||||
|
prop: "people", |
||||||
|
slot:true |
||||||
|
}, |
||||||
|
] |
||||||
|
}, |
||||||
|
data: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
spanMethod({ row, column, rowIndex, columnIndex }) { |
||||||
|
// console.log(row) |
||||||
|
// console.log(column) |
||||||
|
}, |
||||||
|
beforeOpen(done, type) { |
||||||
|
// if (["add", "edit"].includes(type)) { |
||||||
|
// this.initData(); |
||||||
|
// } |
||||||
|
// if (["edit", "view"].includes(type)) { |
||||||
|
// getDept(this.form.id).then(res => { |
||||||
|
// this.form = res.data.data; |
||||||
|
// }); |
||||||
|
// } |
||||||
|
done(); |
||||||
|
}, |
||||||
|
addNumber(){ |
||||||
|
this.isNumber = true |
||||||
|
}, |
||||||
|
beforeClose(done) { |
||||||
|
// this.parentId = ""; |
||||||
|
// const column = this.findObject(this.option.column, "parentId"); |
||||||
|
// // column.value = ""; |
||||||
|
// column.addDisabled = false; |
||||||
|
done(); |
||||||
|
}, |
||||||
|
currentChange(currentPage) { |
||||||
|
this.page.currentPage = currentPage; |
||||||
|
}, |
||||||
|
sizeChange(pageSize) { |
||||||
|
this.page.pageSize = pageSize; |
||||||
|
}, |
||||||
|
refreshChange() { |
||||||
|
this.onLoad(this.page, this.query); |
||||||
|
}, |
||||||
|
onLoad(page, params = {}) { |
||||||
|
this.loading = true; |
||||||
|
this.data = [ |
||||||
|
{regName:'视力',releaseTime:'2023-02-10', |
||||||
|
itemArr:[ |
||||||
|
{ monment:'上午',time:'9:00-9:30',count:4,people:4}, |
||||||
|
{ monment:'上午',time:'9:30-10:00',count:4,people:0}, |
||||||
|
{ monment:'上午',time:'10:00-10:30',count:4,people:1}, |
||||||
|
]}, |
||||||
|
{regName:'听力',releaseTime:'2023-02-10', |
||||||
|
itemArr:[ |
||||||
|
{ monment:'上午',time:'9:00-9:30',count:4,people:3}, |
||||||
|
{ monment:'上午',time:'9:30-10:00',count:4,people:3}, |
||||||
|
{ monment:'上午',time:'10:00-10:30',count:4,people:3}, |
||||||
|
]}, |
||||||
|
{regName:'四肢',releaseTime:'2023-02-10', |
||||||
|
itemArr:[ |
||||||
|
{ monment:'上午',time:'9:00-9:30',count:4,people:3}, |
||||||
|
{ monment:'上午',time:'9:30-10:00',count:4,people:3}, |
||||||
|
{ monment:'上午',time:'10:00-10:30',count:4,people:3}, |
||||||
|
]}, |
||||||
|
] |
||||||
|
this.loading = false; |
||||||
|
this.page.total = this.data.length |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang='scss' scoped> |
||||||
|
::v-deep .cla{ |
||||||
|
color: #F93A4A; |
||||||
|
} |
||||||
|
</style> |
||||||
|
<style lang="scss"> |
||||||
|
.el-drawer__wrapper{ |
||||||
|
.number_box{ |
||||||
|
width: 45% !important; |
||||||
|
padding: 0 40px; |
||||||
|
.title_box{ |
||||||
|
// padding: 0 40px; |
||||||
|
margin-top: 40px; |
||||||
|
.title_txt{ |
||||||
|
display: flex; |
||||||
|
height: 30px; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
.txt{ |
||||||
|
font-weight: bold; |
||||||
|
color: #333333; |
||||||
|
line-height: 16px; |
||||||
|
font-size: 20px; |
||||||
|
|
||||||
|
} |
||||||
|
.img_box{ |
||||||
|
img{ |
||||||
|
width: 30px; |
||||||
|
height: 30px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.sub_txt{ |
||||||
|
font-size: 14px; |
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
||||||
|
font-weight: 400; |
||||||
|
color: #999999; |
||||||
|
line-height: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue