Pārlūkot izejas kodu

修改日期组件

wangzhuo 1 gadu atpakaļ
vecāks
revīzija
ece3174238
1 mainītis faili ar 20 papildinājumiem un 16 dzēšanām
  1. 20 16
      pages/device/FileDetails/FileDetails.vue

+ 20 - 16
pages/device/FileDetails/FileDetails.vue

@@ -116,14 +116,15 @@
 							<u-icon name="calendar" color="#FD4B09" size="18"></u-icon>
 							<text style="font-size: 30rpx; margin-left: 10rpx;">合同日期起</text>
 						</view>
-						<u--input inputAlign="right" disabled disabledColor="#fff" placeholder="合同日期起" border="none"
+						<!-- <u--input inputAlign="right" disabled disabledColor="#fff" placeholder="合同日期起" border="none"
 							v-model="form.signingDateStart">
-						</u--input>
+						</u--input> -->
+						<uni-datetime-picker type="date" placeholder="合同日期起" @change="calendarConfirm" v-model="form.signingDateStart" :border="false"/>
 					</view>
 				</view>
-				<view class="filedetails_right">
+				<!-- <view class="filedetails_right">
 					<u-icon name="arrow-right" color="#101010" size="22"></u-icon>
-				</view>
+				</view> -->
 
 			</view>
 			<view class="cardBox" style="border-bottom: 4rpx solid #f5f5f5; border-radius: 0 0 12rpx 12rpx;">
@@ -147,14 +148,15 @@
 							<u-icon name="calendar" color="#FD4B09" size="18"></u-icon>
 							<text style="font-size: 30rpx; margin-left: 10rpx;">合同日期止</text>
 						</view>
-						<u--input inputAlign="right" disabled disabledColor="#fff" placeholder="合同日期止" border="none"
+						<!-- <u--input inputAlign="right" disabled disabledColor="#fff" placeholder="合同日期止" border="none"
 							v-model="form.signingDateEnd">
-						</u--input>
+						</u--input> -->
+						<uni-datetime-picker type="date" placeholder="合同日期止" @change="calendarConfirm" v-model="form.signingDateEnd" :border="false"/>
 					</view>
 				</view>
-				<view class="filedetails_right">
+				<!-- <view class="filedetails_right">
 					<u-icon name="arrow-right" color="#101010" size="22"></u-icon>
-				</view>
+				</view> -->
 			</view>
 
 			<view class="cardBox">
@@ -238,21 +240,23 @@
 					</view>
 					<view class="inputbox" @click="calendarShowfun(2,1,index)">
 						<!-- <view class="shebetext">出厂日期:</view> -->
-						<u--input prefixIconStyle="fontSize:60rpx;" placeholderStyle="fontSize:30rpx;" disabled
-							disabledColor="#fff" placeholder="请选择出厂日期" border="bottom" v-model="item.exitDate">
+						<!-- <u--input prefixIconStyle="fontSize:60rpx;" placeholderStyle="fontSize:30rpx;" disabled
+							disabledColor="#fff" placeholder="请选择出厂日期" border="bottom" v-model="item.exitDate"> -->
 							<!-- <template slot="suffix">
 								<u-icon @click="calendarShowfun(2,1,index)" name="arrow-right" color="#101010" size="20"></u-icon>
 							</template> -->
-						</u--input>
+						<!-- </u--input> -->
+						<uni-datetime-picker type="date" placeholder="请选择出厂日期" @change="calendarConfirm" v-model="item.exitDate" :border="false"/>
 					</view>
 					<view class="inputbox" @click="calendarShowfun(2,2,index)">
 						<!-- <view class="shebetext">保养日期:</view> -->
-						<u--input prefixIconStyle="fontSize:60rpx;" placeholderStyle="fontSize:30rpx;" disabled
-							disabledColor="#fff" placeholder="请选择保养日期" border="bottom" v-model="item.maintenanceDate">
+						<!-- <u--input prefixIconStyle="fontSize:60rpx;" placeholderStyle="fontSize:30rpx;" disabled
+							disabledColor="#fff" placeholder="请选择保养日期" border="bottom" v-model="item.maintenanceDate"> -->
 							<!-- <template slot="suffix">
 								<u-icon @click="calendarShowfun(2,2,index)" name="arrow-right" color="#101010" size="20"></u-icon>
 							</template> -->
-						</u--input>
+						<!-- </u--input> -->
+						<uni-datetime-picker type="date" placeholder="请选择保养日期" @change="calendarConfirm" v-model="item.maintenanceDate" :border="false"/>
 					</view>
 					<!-- <view class="inputbox">
 						<view class="shebetext">维修次数:</view>
@@ -377,7 +381,7 @@
 		<u-picker :show="pickerShow" :columns="pickerColumns" keyName="cname" @confirm="pickerConfirm"
 			@cancel="pickerCancel"></u-picker>
 		<!-- 日期 -->
-		<u-calendar :show="calendarShow" @confirm="calendarConfirm" @close="calendarClose"></u-calendar>
+		<!-- <u-calendar :show="calendarShow" @confirm="calendarConfirm" @close="calendarClose"></u-calendar> -->
 		<!-- 提示 -->
 		<u-toast ref="uToast"></u-toast>
 
@@ -1068,7 +1072,7 @@
 		justify-content: center;
 		align-items: center;
 		box-sizing: border-box;
-		z-index: 99;
+		z-index: 98;
 
 		.savebutton {
 			border-radius: 30rpx;