~jhz/STUWMS.git

			@@ -1,449 +1,469 @@
			<template>
			<view class="content">
			<view class="form">
			<view class="form-item">
			<view class="title">单据号:</view>
			<view class="right">
			<input v-model="hform.HBillNo" placeholder="请输入单据号" />
			</view>
			</view>
			<view class="form-item">
			<view class="title">设备分类:</view>
			<view class="right">
			<input v-model="hform.HEquipType" placeholder="请输入设备分类" />
			</view>
			</view>
			<view class="form-item">
			<view class="title">开始时间:</view>
			<view class="right">
			<picker mode="date" :value="hform.BenginHCreateDate" @change="BenginHCreateDateChange">
			<input name="BenginHCreateDate" disabled :value="hform.BenginHCreateDate" placeholder="请选择" />
			</picker>
			</view>
			</view>
			<view class="form-item">
			<view class="title">结束时间:</view>
			<view class="right">
			<picker mode="date" :value="hform.EndHCreateDate" @change="EndHCreateDateChange">
			<input name="EndHCreateDate" disabled :value="hform.EndHCreateDate" placeholder="请选择" />
			</picker>
			</view>
			</view>

			<view class="buttons">
			<button class="btn-a" size="mini" type="default" @tap="clear">重置</button>
			<!-- <button class="btn-b" size="mini" type="default">新增</button> -->
			<button class="btn-c" size="mini" type="default" @tap="search">查询</button>
			</view>
			</view>

			<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

			<view class="list" v-for="(item,index) in showList" :key="index">
			<uni-card :title="item.设备名称" :extra="item.单据号" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index">
			<view class="card-detail">
			<view class="detail" v-if="item.设备代码">
			<text>设备代码：</text>{{item.设备代码}}
			</view>
			<view class="detail" v-if="item.设备出厂日期">
			<text>出厂日期：</text>{{item.设备出厂日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.设备型号">
			<text>设备型号：</text>{{item.设备型号}}
			</view>
			<view class="detail" v-if="item.设备类型">
			<text>设备类型：</text>{{item.设备类型}}
			</view>
			<view class="detail" v-if="item.设备编码">
			<text>设备编码：</text>{{item.设备编码}}
			</view>
			<view class="detail" v-if="item.设备规格">
			<text>设备规格：</text>{{item.设备规格}}
			</view>
			<view class="detail" v-if="item.当前状态">
			<text>当前状态：</text>{{item.当前状态}}
			</view>
			<view class="detail" v-if="item.日期">
			<text>日期：</text>{{item.日期.substr(0,10)}}
			</view>
			</view>
			<view class="card-detail" v-if="showDetail == index">
			<!-- <view class="detail" v-if="item.hmainid">
			<view class="content">
			<view class="form">
			<view class="form-item">
			<view class="title">单据号:</view>
			<view class="right">
			<input v-model="hform.HBillNo" placeholder="请输入单据号" />
			</view>
			</view>
			<view class="form-item">
			<view class="title">设备分类:</view>
			<view class="right">
			<input v-model="hform.HEquipType" placeholder="请输入设备分类" />
			</view>
			</view>
			<view class="form-item">
			<view class="title">开始时间:</view>
			<view class="right">
			<picker mode="date" :value="hform.BenginHCreateDate" @change="BenginHCreateDateChange">
			<input name="BenginHCreateDate" disabled :value="hform.BenginHCreateDate" placeholder="请选择" />
			</picker>
			</view>
			</view>
			<view class="form-item">
			<view class="title">结束时间:</view>
			<view class="right">
			<picker mode="date" :value="hform.EndHCreateDate" @change="EndHCreateDateChange">
			<input name="EndHCreateDate" disabled :value="hform.EndHCreateDate" placeholder="请选择" />
			</picker>
			</view>
			</view>

			<view class="buttons">
			<button class="btn-a" size="mini" type="default" @tap="clear">重置</button>
			<!-- <button class="btn-b" size="mini" type="default">新增</button> -->
			<button class="btn-c" size="mini" type="default" @tap="search">查询</button>
			</view>
			</view>

			<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>

			<view class="list" v-for="(item,index) in showList" :key="index">
			<uni-card :title="item.设备名称" :extra="item.单据号" style="margin: 10px;"
			@tap="showDetail = showDetail==index?-1:index">
			<view class="card-detail">
			<view class="detail" v-if="item.设备代码">
			<text>设备代码：</text>{{item.设备代码}}
			</view>
			<view class="detail" v-if="item.设备出厂日期">
			<text>出厂日期：</text>{{item.设备出厂日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.设备型号">
			<text>设备型号：</text>{{item.设备型号}}
			</view>
			<view class="detail" v-if="item.设备类型">
			<text>设备类型：</text>{{item.设备类型}}
			</view>
			<view class="detail" v-if="item.设备编码">
			<text>设备编码：</text>{{item.设备编码}}
			</view>
			<view class="detail" v-if="item.设备规格">
			<text>设备规格：</text>{{item.设备规格}}
			</view>
			<view class="detail" v-if="item.当前状态">
			<text>当前状态：</text>{{item.当前状态}}
			</view>
			<view class="detail" v-if="item.日期">
			<text>日期：</text>{{item.日期.substr(0,10)}}
			</view>
			</view>
			<view class="card-detail" v-if="showDetail == index">
			<!-- <view class="detail" v-if="item.hmainid">
			<text>hmainid：</text>{{item.hmainid}}
			</view> -->
			<view class="detail" v-if="item.条形码">
			<text>条码编号：</text>{{item.条形码}}
			</view>
			<!-- <view class="detail" v-if="item.HMaterID">
			<view class="detail" v-if="item.条形码">
			<text>条码编号：</text>{{item.条形码}}
			</view>
			<!-- <view class="detail" v-if="item.HMaterID">
			<text>HMaterID：</text>{{item.HMaterID}}
			</view> -->
			<view class="detail" v-if="item.物料名称">
			<text>物料名称：</text>{{item.物料名称}}
			</view>
			<!-- <view class="detail" v-if="item.HUnitID">
			<view class="detail" v-if="item.物料名称">
			<text>物料名称：</text>{{item.物料名称}}
			</view>
			<!-- <view class="detail" v-if="item.HUnitID">
			<text>HUnitID：</text>{{item.HUnitID}}
			</view> -->
			<view class="detail" v-if="item.单位">
			<text>单位：</text>{{item.单位}}
			</view>
			<!-- <view class="detail" v-if="item.HDeptID">
			<view class="detail" v-if="item.单位">
			<text>单位：</text>{{item.单位}}
			</view>
			<!-- <view class="detail" v-if="item.HDeptID">
			<text>HDeptID：</text>{{item.HDeptID}}
			</view> -->
			<view class="detail" v-if="item.使用部门">
			<text>使用部门：</text>{{item.使用部门}}
			</view>
			<view class="detail" v-if="item.HUseEmpID">
			<text>HUseEmpID：</text>{{item.HUseEmpID}}
			</view>
			<view class="detail" v-if="item.使用负责人">
			<text>使用负责人：</text>{{item.使用负责人}}
			</view>
			<!-- <view class="detail" v-if="item.HRepairEmpID">
			<view class="detail" v-if="item.使用部门">
			<text>使用部门：</text>{{item.使用部门}}
			</view>
			<view class="detail" v-if="item.HUseEmpID">
			<text>HUseEmpID：</text>{{item.HUseEmpID}}
			</view>
			<view class="detail" v-if="item.使用负责人">
			<text>使用负责人：</text>{{item.使用负责人}}
			</view>
			<!-- <view class="detail" v-if="item.HRepairEmpID">
			<text>HRepairEmpID：</text>{{item.HRepairEmpID}}
			</view> -->
			<view class="detail" v-if="item.维护负责人">
			<text>维护负责人：</text>{{item.维护负责人}}
			</view>
			<view class="detail" v-if="item.安装地点">
			<text>安装地点：</text>{{item.安装地点}}
			</view>
			<view class="detail" v-if="item.安装日期">
			<text>安装日期：</text>{{item.安装日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.运行开始日期">
			<text>运行开始日期：</text>{{item.运行开始日期.substr(0,10)}}
			</view>
			<!-- <view class="detail" v-if="item.HEquipFileTypeID">
			<view class="detail" v-if="item.维护负责人">
			<text>维护负责人：</text>{{item.维护负责人}}
			</view>
			<view class="detail" v-if="item.安装地点">
			<text>安装地点：</text>{{item.安装地点}}
			</view>
			<view class="detail" v-if="item.安装日期">
			<text>安装日期：</text>{{item.安装日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.运行开始日期">
			<text>运行开始日期：</text>{{item.运行开始日期.substr(0,10)}}
			</view>
			<!-- <view class="detail" v-if="item.HEquipFileTypeID">
			<text>HEquipFileTypeID：</text>{{item.HEquipFileTypeID}}
			</view> -->
			<view class="detail" v-if="item.工程编码">
			<text>工程编码：</text>{{item.工程编码}}
			</view>
			<view class="detail" v-if="item.产品">
			<text>产品：</text>{{item.产品}}
			</view>
			<view class="detail" v-if="item.品牌">
			<text>品牌：</text>{{item.品牌}}
			</view>
			<!-- <view class="detail" v-if="item.HSellSupID">
			<view class="detail" v-if="item.工程编码">
			<text>工程编码：</text>{{item.工程编码}}
			</view>
			<view class="detail" v-if="item.产品">
			<text>产品：</text>{{item.产品}}
			</view>
			<view class="detail" v-if="item.品牌">
			<text>品牌：</text>{{item.品牌}}
			</view>
			<!-- <view class="detail" v-if="item.HSellSupID">
			<text>HSellSupID：</text>{{item.HSellSupID}}
			</view> -->
			<view class="detail" v-if="item.供应商">
			<text>供应商：</text>{{item.供应商}}
			</view>
			<!-- <view class="detail" v-if="item.HMakeSupID">
			<view class="detail" v-if="item.供应商">
			<text>供应商：</text>{{item.供应商}}
			</view>
			<!-- <view class="detail" v-if="item.HMakeSupID">
			<text>HMakeSupID：</text>{{item.HMakeSupID}}
			</view> -->
			<view class="detail" v-if="item.制造商">
			<text>制造商：</text>{{item.制造商}}
			</view>
			<view class="detail" v-if="item.制单人">
			<text>制单人：</text>{{item.制单人}}
			</view>
			<view class="detail" v-if="item.制单日期">
			<text>制单日期：</text>{{item.制单日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.审核人">
			<text>审核人：</text>{{item.审核人}}
			</view>
			<view class="detail" v-if="item.审核日期">
			<text>审核日期：</text>{{item.审核日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.修改人">
			<text>修改人：</text>{{item.修改人}}
			</view>
			<view class="detail" v-if="item.修改日期">
			<text>修改日期：</text>{{item.修改日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.关闭人">
			<text>关闭人：</text>{{item.关闭人}}
			</view>
			<view class="detail" v-if="item.关闭日期">
			<text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
			</view>
			<!-- <view class="detail" v-if="item.hbilltype">
			<view class="detail" v-if="item.制造商">
			<text>制造商：</text>{{item.制造商}}
			</view>
			<view class="detail" v-if="item.制单人">
			<text>制单人：</text>{{item.制单人}}
			</view>
			<view class="detail" v-if="item.制单日期">
			<text>制单日期：</text>{{item.制单日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.审核人">
			<text>审核人：</text>{{item.审核人}}
			</view>
			<view class="detail" v-if="item.审核日期">
			<text>审核日期：</text>{{item.审核日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.修改人">
			<text>修改人：</text>{{item.修改人}}
			</view>
			<view class="detail" v-if="item.修改日期">
			<text>修改日期：</text>{{item.修改日期.substr(0,10)}}
			</view>
			<view class="detail" v-if="item.关闭人">
			<text>关闭人：</text>{{item.关闭人}}
			</view>
			<view class="detail" v-if="item.关闭日期">
			<text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
			</view>
			<!-- <view class="detail" v-if="item.hbilltype">
			<text>hbilltype：</text>{{item.hbilltype}}
			</view> -->
			<view class="detail" v-if="item.单据类型">
			<text>单据类型：</text>{{item.单据类型}}
			</view>
			<!-- <view class="detail" v-if="item.HMoudType">
			<view class="detail" v-if="item.单据类型">
			<text>单据类型：</text>{{item.单据类型}}
			</view>
			<!-- <view class="detail" v-if="item.HMoudType">
			<text>HMoudType：</text>{{item.HMoudType}}
			</view>
			<view class="detail" v-if="item.hsubid">
			<text>hsubid：</text>{{item.hsubid}}
			</view> -->
			</view>

			<view class="more" v-if="showDetail == index">
			<view class="part" style="border-right: 1px solid #eee;">
			<uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起
			</view>
			<view class="part" @tap.stop="toSon(item)">
			<uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>查看子表
			</view>
			</view>
			<view class="more" v-if="showDetail != index">
			<view class="part" style="border-right: 1px solid #eee;">
			<uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息
			</view>
			<view class="part" @tap.stop="toSon(item)">
			<uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>查看子表
			</view>
			</view>
			</uni-card>
			</view>

			<view class="over" v-if="listData.length == 0">暂无数据</view>
			<view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
			<view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
			</view>
			</view>

			<view class="more" v-if="showDetail == index">
			<view class="part" style="border-right: 1px solid #eee;">
			<uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起
			</view>
			<view class="part" @tap.stop="toSon(item)">
			<uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;"
			size="14"></uni-icons>查看子表
			</view>
			</view>
			<view class="more" v-if="showDetail != index">
			<view class="part" style="border-right: 1px solid #eee;">
			<uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息
			</view>
			<view class="part" @tap.stop="toSon(item)">
			<uni-icons type="more-filled" style="color: #888;margin-right: 10rpx;"
			size="14"></uni-icons>查看子表
			</view>
			</view>
			</uni-card>
			</view>

			<view class="over" v-if="listData.length == 0">暂无数据</view>
			<view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
			<view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
			</view>
			</template>

			<script>
			import { getUserInfo } from "@/utils/auth.js";
			export default {
			data() {
			return {
			userInfo:getUserInfo(),
			serverUrl: uni.getStorageSync('serverUrl')\|\|'http://47.96.97.237/API',
			hform:{
			HBillNo:'',
			HEquipType:'',
			BenginHCreateDate:'',
			EndHCreateDate:'',
			},
			sWhere:'',
			listData:[],
			showList:[],
			showDetail:-1,

			page:1,
			}
			},
			onLoad() {
			this.getList()
			console.log(this.userInfo,uni.getStorageSync('HUserName'))
			},
			onReachBottom: function() {
			this.page++
			setTimeout(() => {
			this.showList = this.showList.concat(this.getPage(this.page,this.listData))
			}, 100)
			},
			onPullDownRefresh: function() {
			this.clear()
			setTimeout(()=>{
			uni.stopPullDownRefresh();
			}, 1000);
			},
			methods: {
			getPage(page,list){
			let sindex = (parseInt(page) - 1) * 20
			let eindex = parseInt(page) * 20
			let newList = list.slice(sindex,eindex)
			return newList
			},
			getList(){
			console.log(this.sWhere)
			uni.showLoading({
			title:'加载中...'
			})
			uni.request({
			url: this.serverUrl + '/Gy_EquipFileMain/GetList',
			data:{
			sWhere: this.sWhere,
			user: uni.getStorageSync('HUserName')
			},
			success: (res) => {
			console.log(1,res);
			if(res.data.count == 1){
			this.listData = res.data.data
			this.showList = this.getPage(this.page,this.listData)
			setTimeout(()=>{
			uni.hideLoading()
			}, 1000)
			}else{
			uni.hideLoading()
			uni.showToast({
			title:res.data.Message,
			icon:'none'
			})
			}
			},
			fail: (res) => {
			console.log(res);
			uni.hideLoading()
			uni.showToast({
			title:'接口请求失败',
			icon:'none'
			})
			},
			});

			// uni.request({
			// url: this.serverUrl + '/Gy_EquipFileMain/Sb_EquipFileBillResumeDate',
			// data: { "HInterID": 2 },
			// success: (res) => {
			// console.log(2,res);

			// }
			// });
			},
			//选择单据日期
			BenginHCreateDateChange(e){
			console.log(e.detail.value)
			this.hform.BenginHCreateDate = e.detail.value
			},
			//选择单据日期
			EndHCreateDateChange(e){
			console.log(e.detail.value)
			this.hform.EndHCreateDate = e.detail.value
			},
			search(){
			this.sWhere = ''
			this.listData = []
			this.page = 1
			this.showList = []

			console.log(this.hform)
			if (this.hform.HBillNo) {
			this.sWhere += " and 单据号 like '%" + this.hform.HBillNo + "%'";
			}
			if (this.hform.HEquipType) {
			this.sWhere += " and 设备类型 like '%" + this.hform.HEquipType + "%'";
			}
			if (this.hform.BenginHCreateDate) {
			this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.BenginHCreateDate + "'";
			}
			if (this.hform.EndHCreateDate) {
			this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.EndHCreateDate + "'";
			}

			this.getList()
			},
			clear(){
			this.listData = []
			this.page = 1
			this.showList = []

			this.sWhere = ''
			this.hform = {
			HBillNo:'',
			HEquipType:'',
			BenginHCreateDate:'',
			EndHCreateDate:'',
			}
			this.getList()
			},
			toSon(item){
			uni.navigateTo({
			url:'/pages/shebeilvli/EquipFileBillResume_son?HInterID=' + item.hmainid
			+ '&设备名称=' + item.设备名称
			+ '&设备代码=' + item.设备代码
			+ '&设备出厂日期=' + item.设备出厂日期
			+ '&设备出厂编号=' + item.设备出厂编号
			+ '&设备型号=' + item.设备型号
			+ '&设备类型=' + item.设备类型
			+ '&设备编码=' + item.设备编码
			+ '&设备规格=' + item.设备规格,
			})
			}
			}
			}
			import {
			getUserInfo
			} from "@/utils/auth.js";
			export default {
			data() {
			return {
			userInfo: getUserInfo(),
			serverUrl: uni.getStorageSync('serverUrl') \|\| 'http://47.96.97.237/API',
			hform: {
			HBillNo: '',
			HEquipType: '',
			BenginHCreateDate: '',
			EndHCreateDate: '',
			},
			sWhere: '',
			listData: [],
			showList: [],
			showDetail: -1,

			page: 1,
			}
			},
			onLoad(e) {
			this.getList()
			console.log(this.userInfo, uni.getStorageSync('HUserName'))
			},
			onReachBottom: function() {
			this.page++
			setTimeout(() => {
			this.showList = this.showList.concat(this.getPage(this.page, this.listData))
			}, 100)
			},
			onPullDownRefresh: function() {
			this.clear()
			setTimeout(() => {
			uni.stopPullDownRefresh();
			}, 1000);
			},
			methods: {
			getPage(page, list) {
			let sindex = (parseInt(page) - 1) * 20
			let eindex = parseInt(page) * 20
			let newList = list.slice(sindex, eindex)
			return newList
			},
			getList() {
			console.log(this.sWhere)
			uni.showLoading({
			title: '加载中...'
			})
			uni.request({
			url: this.serverUrl + '/Gy_EquipFileMain/GetList',
			data: {
			sWhere: this.sWhere,
			user: uni.getStorageSync('HUserName')
			},
			success: (res) => {
			console.log(1, res);
			if (res.data.count == 1) {
			this.listData = res.data.data
			this.showList = this.getPage(this.page, this.listData)
			setTimeout(() => {
			uni.hideLoading()
			}, 1000)
			} else {
			uni.hideLoading()
			uni.showToast({
			title: res.data.Message,
			icon: 'none'
			})
			}
			},
			fail: (res) => {
			console.log(res);
			uni.hideLoading()
			uni.showToast({
			title: '接口请求失败',
			icon: 'none'
			})
			},
			});

			// uni.request({
			// url: this.serverUrl + '/Gy_EquipFileMain/Sb_EquipFileBillResumeDate',
			// data: { "HInterID": 2 },
			// success: (res) => {
			// console.log(2,res);

			// }
			// });
			},
			//选择单据日期
			BenginHCreateDateChange(e) {
			console.log(e.detail.value)
			this.hform.BenginHCreateDate = e.detail.value
			},
			//选择单据日期
			EndHCreateDateChange(e) {
			console.log(e.detail.value)
			this.hform.EndHCreateDate = e.detail.value
			},
			search() {
			this.sWhere = ''
			this.listData = []
			this.page = 1
			this.showList = []

			console.log(this.hform)
			if (this.hform.HBillNo) {
			this.sWhere += " and 单据号 like '%" + this.hform.HBillNo + "%'";
			}
			if (this.hform.HEquipType) {
			this.sWhere += " and 设备类型 like '%" + this.hform.HEquipType + "%'";
			}
			if (this.hform.BenginHCreateDate) {
			this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.BenginHCreateDate + "'";
			}
			if (this.hform.EndHCreateDate) {
			this.sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + this.hform.EndHCreateDate + "'";
			}

			this.getList()
			},
			clear() {
			this.listData = []
			this.page = 1
			this.showList = []

			this.sWhere = ''
			this.hform = {
			HBillNo: '',
			HEquipType: '',
			BenginHCreateDate: '',
			EndHCreateDate: '',
			}
			this.getList()
			},
			toSon(item) {
			uni.navigateTo({
			url: '/pages/shebeilvli/EquipFileBillResume_son?HInterID=' + item.hmainid +
			'&设备名称=' + item.设备名称 +
			'&设备代码=' + item.设备代码 +
			'&设备出厂日期=' + item.设备出厂日期 +
			'&设备出厂编号=' + item.设备出厂编号 +
			'&设备型号=' + item.设备型号 +
			'&设备类型=' + item.设备类型 +
			'&设备编码=' + item.设备编码 +
			'&设备规格=' + item.设备规格,
			})
			}
			}
			}
			</script>

			<style lang="scss" scoped>
			.form{
			width: 640rpx;
			margin: 20rpx auto;
			}
			.form-item{
			display: flex;
			align-items: center;
			font-size: 28rpx;
			padding: 6rpx 0;
			.title{
			width: 180rpx;
			text{
			color: red;
			font-weight: bold;
			}
			}
			.right{
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #acacac;
			}
			.righton{
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #e4e4e4;
			background-color: #e4e4e4;
			}
			input{
			width: 100%;
			padding: 8rpx 20rpx;
			font-size: 30rpx;
			}
			}
			.buttons{
			width: 100%;
			display: flex;
			justify-content: center;
			margin-top: 20rpx;
			button{
			border-radius: 50rpx;
			width: 180rpx;
			height: 66rpx;
			line-height: 66rpx;
			font-size: 28rpx;
			}
			.btn-a{
			background-color: #acacac;
			color: #fff;
			}
			.btn-b{
			background-color: #41a863;
			color: #fff;
			}
			.btn-c{
			background-color: #3a78ff;
			color: #fff;
			}
			}

			.list{
			width: 100%;
			.card-detail{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			line-height: 120%;
			.detail{
			// width: 50%;
			font-size: 26rpx;
			margin-bottom: 12rpx;
			color: #555;
			margin-right: 20rpx;
			text{
			color: #999;
			font-size: 26rpx;
			}
			}
			}
			.more{
			color: #888;
			font-size: 24rpx;
			display: flex;
			border-top: 1px solid #eee;
			padding-top: 20rpx;
			.part{
			width: 50%;
			text-align: center;
			}
			}
			}
			.form {
			width: 640rpx;
			margin: 20rpx auto;
			}

			</style>
			.form-item {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			padding: 6rpx 0;

			.title {
			width: 180rpx;

			text {
			color: red;
			font-weight: bold;
			}
			}

			.right {
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #acacac;
			}

			.righton {
			width: 450rpx;
			border-radius: 22rpx;
			border: 1px solid #e4e4e4;
			background-color: #e4e4e4;
			}

			input {
			width: 100%;
			padding: 8rpx 20rpx;
			font-size: 30rpx;
			}
			}

			.buttons {
			width: 100%;
			display: flex;
			justify-content: center;
			margin-top: 20rpx;

			button {
			border-radius: 50rpx;
			width: 180rpx;
			height: 66rpx;
			line-height: 66rpx;
			font-size: 28rpx;
			}

			.btn-a {
			background-color: #acacac;
			color: #fff;
			}

			.btn-b {
			background-color: #41a863;
			color: #fff;
			}

			.btn-c {
			background-color: #3a78ff;
			color: #fff;
			}
			}

			.list {
			width: 100%;

			.card-detail {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			line-height: 120%;

			.detail {
			// width: 50%;
			font-size: 26rpx;
			margin-bottom: 12rpx;
			color: #555;
			margin-right: 20rpx;

			text {
			color: #999;
			font-size: 26rpx;
			}
			}
			}

			.more {
			color: #888;
			font-size: 24rpx;
			display: flex;
			border-top: 1px solid #eee;
			padding-top: 20rpx;

			.part {
			width: 50%;
			text-align: center;
			}
			}
			}
			</style>