313 lines
9.1 KiB
Vue
313 lines
9.1 KiB
Vue
<template>
|
||
<view class="container">
|
||
<form @submit="formSubmit" @reset="formReset">
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title" style="color:#5767CF;font-weight: 600;">常规类型医废 ∨</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 感染性废物</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value1" @change="change1"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 损伤性废物</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value2" @change="change2"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 病理性废物</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value3" @change="change3"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 病理性胎盘</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">个数</view>
|
||
<tui-numberbox :step="1" :value="value8" @change="change8"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 化学性废物</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value4" @change="change4"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 药物性废物</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value5" @change="change5"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title" style="color:#5767CF;font-weight: 600;">特殊类型医废 ∨</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">特殊感染</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value6" @change="change6"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title"> 特殊感染</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value7" @change="change7"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<view class="bar"></view>
|
||
<!-- 基本信息 -->
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">机构名称</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="钦州市第一人民医院"
|
||
maxlength="50" type="text" />
|
||
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">机构地址</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="广西壮族自治区钦州市"
|
||
maxlength="50" type="text" />
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">填报人员</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="小王"
|
||
maxlength="50" type="text" />
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">计划批次</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="202209130001"
|
||
maxlength="50" type="text" />
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :hover="false">
|
||
<view class="tui-line-cell">
|
||
<view class="tui-title">填报时间</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="2022-09-13 17:56:20"
|
||
maxlength="50" type="text" />
|
||
</view>
|
||
</tui-list-cell>
|
||
</form>
|
||
<view class="tui-btn-box"><tui-button shape="circle" @click="detail">确定</tui-button></view>
|
||
<view class="tui-flex-box">
|
||
<tui-button margin="0 20rpx 26rpx 0" type="blue" plain shape="circle" width="310rpx" height="90rpx" :size="32" @click="today_no_mwims">今日无医废</tui-button>
|
||
<tui-button margin="0 20rpx 26rpx 0" type="blue" plain shape="circle" width="310rpx" height="90rpx" :size="32" @click="detail">保存</tui-button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
value1: 0,
|
||
value2: 1,
|
||
value3: 1,
|
||
value4: 0,
|
||
value5: 1,
|
||
value6: 1,
|
||
value7: 1,
|
||
value8: 1,
|
||
current: -1,
|
||
current2: -1
|
||
// dataList:[{
|
||
// name: "特殊类型医废",
|
||
// intro: "
|
||
|
||
|
||
// ",
|
||
// current: 0,
|
||
// disabled: false
|
||
// }
|
||
// ],
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
change1: function(e) {
|
||
this.value1 = e.value
|
||
},
|
||
change2: function(e) {
|
||
this.value2 = e.value
|
||
},
|
||
change3: function(e) {
|
||
this.value3 = e.value
|
||
},
|
||
change4: function(e) {
|
||
this.value4 = e.value
|
||
},
|
||
change5: function(e) {
|
||
this.value5 = e.value
|
||
},
|
||
change6: function(e) {
|
||
this.value6 = e.value
|
||
},
|
||
change7: function(e) {
|
||
this.value7 = e.value
|
||
},
|
||
change8: function(e) {
|
||
this.value8 = e.value
|
||
},
|
||
detail: function() {
|
||
uni.navigateTo({
|
||
url:'/packagePage/pages/plan_trans_details/plan_trans_details'
|
||
})
|
||
},
|
||
today_no_mwims: function() {
|
||
uni.navigateTo({
|
||
url:'/packagePage/pages/hospital_list/hospital_list'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
|
||
// const form = require("@/components/common/tui-validation/tui-validation.js")
|
||
// const form = require("@/components/thorui/tui-validation/tui-validation.js")
|
||
// function checkKeyword(value) {
|
||
// if (~value.indexOf("***")) {
|
||
// return false;
|
||
// }
|
||
// return true;
|
||
// }
|
||
// export default {
|
||
// methods: {
|
||
// formSubmit: function(e) {
|
||
// //表单规则
|
||
// let rules = [{
|
||
// name: "name",
|
||
// rule: ["required", "isChinese", "minLength:2", "maxLength:6"], //可使用区间，此处主要测试功能
|
||
// msg: ["请输入姓名", "姓名必须全部为中文", "姓名必须2个或以上字符", "姓名不能超过6个字符"]
|
||
// }];
|
||
// //进行表单检查
|
||
// let formData = e.detail.value;
|
||
// let checkRes = form.validation(formData, rules);
|
||
// if (!checkRes) {
|
||
// uni.showToast({
|
||
// title: "验证通过!",
|
||
// icon: "none"
|
||
// });
|
||
// } else {
|
||
// uni.showToast({
|
||
// title: checkRes,
|
||
// icon: "none"
|
||
// });
|
||
// }
|
||
// }
|
||
// formReset: function(e) {
|
||
// console.log("清空数据")
|
||
// }
|
||
// }
|
||
// }
|
||
</script>
|
||
|
||
<style>
|
||
.container {
|
||
padding: 20rpx 0 50rpx 0;
|
||
}
|
||
.tui-btn-box{
|
||
padding:10rpx 50rpx !important;
|
||
}
|
||
|
||
.bar{
|
||
background-color: #fafafa;
|
||
height:10px;
|
||
/* border:1px solid red; */
|
||
}
|
||
|
||
.tui-line-cell {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
}
|
||
|
||
.tui-title {
|
||
line-height: 32rpx;
|
||
min-width: 120rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.tui-input {
|
||
font-size: 28rpx;
|
||
color: #333;
|
||
padding-left: 20rpx;
|
||
flex: 1;
|
||
overflow: visible;
|
||
}
|
||
|
||
.radio-group {
|
||
margin-left: auto;
|
||
transform: scale(0.8);
|
||
transform-origin: 100% center;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.tui-radio {
|
||
display: inline-block;
|
||
padding-left: 28rpx;
|
||
font-size: 36rpx;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.tui-button-gray {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.authbtns {
|
||
background-color: #5767CF;
|
||
color: #FFF;
|
||
margin-top: 60rpx;
|
||
}
|
||
|
||
.holds{
|
||
/* background-color: #5767CF; */
|
||
color: #5767CF;
|
||
margin-top: 10rpx;
|
||
border:1px solid #5767CF;
|
||
}
|
||
|
||
.tui-flex-box {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
padding:10rpx 50rpx;
|
||
}
|
||
|
||
</style>
|