Ver Fonte

样式修改

lilei há 4 anos atrás
pai
commit
744cbdb82f
1 ficheiros alterados com 14 adições e 9 exclusões
  1. 14 9
      pages/spotCheckConfigure/spotCheckList.vue

+ 14 - 9
pages/spotCheckConfigure/spotCheckList.vue

@@ -3,16 +3,18 @@
 		<!-- 任务列表 -->
 		<view v-for="item in list" :key="item.id" class="itemInfo">
 			<view class="itemName">
-				<span class="name">{{ item.name }}</span>
-				<u-switch v-if="$hasPermissions('B_spotConfig_enable_mobile')" size="40" @change="changeItem(item)" v-model="item.status == 1"></u-switch>
+				<view class="name">{{ item.name }}</view>
+				<view>
+					<switch style="transform:scale(0.9)" v-if="$hasPermissions('B_spotConfig_enable_mobile')" :checked="item.status == 1" @change="changeItem(item)" />
+				</view>
 			</view>
 			<view class="itemName">
-				<span class="date">{{ item.startDate }} 至 {{ item.endDate }}</span>
-				<span>
+				<view class="date">{{ item.startDate }} 至 {{ item.endDate }}</view>
+				<view>
 					<u-button v-if="$hasPermissions('B_spotConfig_view_mobile')" type="success" size="mini" @click="handetail(item)">查看</u-button>
 					<u-button v-if="item.status == 0 && item.taskGenerateFlag == 0 && $hasPermissions('B_spotConfig_edit_mobile')" type="primary" size="mini" style="margin-left: 15upx;" @click="handedit(item)">编辑</u-button>
 					<u-button v-if="item.status == 0 && item.taskGenerateFlag == 0 && $hasPermissions('B_spotConfig_del_mobile')" type="error" size="mini" style="margin-left: 15upx;" @click="handelete(item)">删除</u-button>
-				</span>
+				</view>
 			</view>
 		</view>
 		<view style="padding-top: 30vh;"><u-empty :text="noDataText" v-if="list.length == 0 && status != 'loading'" mode="list"></u-empty></view>
@@ -106,13 +108,12 @@ export default {
 		},
 		// 启用禁用
 		changeItem(item) {
+			console.log(item)
 			let _this = this;
 			let status = item.status == 1 ? 0 : 1;
 			enableCheckTaskConfig({ id: item.id, flag: status }).then(res => {
 				if (res.status == 200) {
-					console.log(_this.list, status);
 					let i = _this.list.findIndex(a => a.id == item.id);
-					console.log(i);
 					_this.list[i].status = status;
 					_this.list.splice();
 				}
@@ -173,15 +174,19 @@ page {
 	.itemName {
 		padding: 25upx;
 		display: flex;
-		justify-content: space-between;
 		align-items: center;
 		.date {
 			color: #666;
 		}
+		> view{
+			&:first-child{
+				flex-grow: 1;
+			}
+		}
 	}
 	.itemName:first-child {
 		border-bottom: 1px solid #f8f8f8;
-		padding: 15upx 25upx;
+		padding: 15upx 15upx 15upx 25upx;
 	}
 }
 </style>