医废处置公司小程序
This commit is contained in:
@@ -0,0 +1,276 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user