277 lines
7.6 KiB
Vue
277 lines
7.6 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;">常规类型医废 ∨</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="请输入总重量 Kg" />
|
||
<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="请输入总重量 Kg" />
|
||
<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="请输入总重量 Kg" />
|
||
<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="请输入总重量 Kg" />
|
||
<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="请输入总重量 Kg" />
|
||
<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"> 胎盘</view>
|
||
<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
|
||
maxlength="50" type="text" placeholder="请输入总重量 Kg" />
|
||
<view class="tui-title" style="min-width:0px;">箱数</view>
|
||
<tui-numberbox :step="1" :value="value3" @change="change3"></tui-numberbox>
|
||
</view>
|
||
</tui-list-cell>
|
||
<view class="bar"></view>
|
||
<!-- 基本信息 -->
|
||
<tui-list-cell>
|
||
<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-btn-box"><tui-button shape="circle" plain type="blue" @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,
|
||
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
|
||
},
|
||
detail: function() {
|
||
this.tui.toast('click~');
|
||
}
|
||
}
|
||
}
|
||
|
||
// 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:20rpx 50rpx !important;
|
||
}
|
||
|
||
.tui-line-cell {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
}
|
||
|
||
.bar{
|
||
height:20px;
|
||
background-color: #f1f1f1;
|
||
}
|
||
|
||
.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-btn-box {
|
||
padding: 40rpx 50rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.tui-button-gray {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.tui-tips {
|
||
padding: 30rpx;
|
||
color: #999;
|
||
font-size: 24rpx;
|
||
}
|
||
|
||
.authbtns {
|
||
background-color: #5767CF;
|
||
color: #FFF;
|
||
margin-top: 60rpx;
|
||
}
|
||
|
||
.holds{
|
||
/* background-color: #5767CF; */
|
||
color: #5767CF;
|
||
margin-top: 10rpx;
|
||
border:1px solid #5767CF;
|
||
}
|
||
</style>
|