diff --git a/pages.json b/pages.json
index c64e45b..cbcb764 100644
--- a/pages.json
+++ b/pages.json
@@ -72,6 +72,13 @@
 				{
 					"navigationBarTitleText" : "释放房源检查"
 				}
+			},
+			{
+				"path" : "force/index/index",
+				"style" : 
+				{
+					"navigationBarTitleText" : "强制清退"
+				}
 			}
 		]
 	}],
diff --git a/pages/tabBar/work/index.vue b/pages/tabBar/work/index.vue
index 21d369f..f910ec9 100644
--- a/pages/tabBar/work/index.vue
+++ b/pages/tabBar/work/index.vue
@@ -98,6 +98,10 @@ export default {
         uni.navigateTo({
           url: '/pagesA/release/list/list'
         })
+      }else if (item.text == "强制清退") {
+        uni.navigateTo({
+          url: '/pagesA/force/index/index'
+        })
       }
     },
     handleBsClick (item) {
diff --git a/pagesA/checkout/detail/detail.vue b/pagesA/checkout/detail/detail.vue
index 221df04..8947eae 100644
--- a/pagesA/checkout/detail/detail.vue
+++ b/pagesA/checkout/detail/detail.vue
@@ -1,22 +1,45 @@
 <template>
   <view class="checkout-detail-bg">
     <!-- 房间图片 -->
-    <image class="room-img" src="/static/img/login-top.png" mode="aspectFill"></image>
+    <image
+      class="room-img"
+      src="/static/img/login-top.png"
+      mode="aspectFill"
+    ></image>
     <!-- 基本信息卡片 -->
     <view class="info-card">
       <view class="room-title">5号楼1单元101 房间1</view>
       <view class="info-row"><text class="label">居住人</text>王静</view>
       <view class="info-row"><text class="label">性别</text>女</view>
-      <view class="info-row"><text class="label">联系电话</text>187****0001</view>
-      <view class="info-row"><text class="label">居住日期</text>2025-04-04 至 2025-05-06</view>
+      <view class="info-row"
+        ><text class="label">联系电话</text>187****0001</view
+      >
+      <view class="info-row"
+        ><text class="label">居住日期</text>2025-04-04 至 2025-05-06</view
+      >
     </view>
     <!-- 设备检查 -->
     <view class="section-card">
       <view class="section-title">设备检查</view>
-      <view v-for="(item, idx) in deviceList" :key="item.name" class="device-row">
+      <view
+        v-for="(item, idx) in deviceList"
+        :key="item.name"
+        class="device-row"
+      >
         <text class="device-label">{{ item.name }}</text>
-        <u-radio-group v-model="item.status" placement="row" @change="onDeviceChange(idx, $event)">
-          <u-radio  activeColor="#0DC6C6" v-for="opt in statusOptions" :key="opt" :label="opt" :name="opt"></u-radio>
+        <u-radio-group
+          v-model="item.status"
+          placement="row"
+          @change="onDeviceChange(idx, $event)"
+        >
+          <u-radio
+            :custom-style="'margin-right:36rpx;'"
+            activeColor="#0DC6C6"
+            v-for="opt in statusOptions"
+            :key="opt"
+            :label="opt"
+            :name="opt"
+          ></u-radio>
         </u-radio-group>
       </view>
     </view>
@@ -25,51 +48,62 @@
       <view class="section-title">水电表设备</view>
       <view class="meter-row">
         <text class="meter-label">水表数</text>
-        <u-input v-model="waterMeter" type="digit" placeholder="请输入水表数" border="none"  />
+        <u-input
+          v-model="waterMeter"
+          type="digit"
+          placeholder="请输入水表数"
+          border="none"
+        />
       </view>
       <view class="meter-row">
         <text class="meter-label">电表数</text>
-        <u-input v-model="electricMeter" type="digit" placeholder="请输入电表数" border="none" />
+        <u-input
+          v-model="electricMeter"
+          type="digit"
+          placeholder="请输入电表数"
+          border="none"
+        />
       </view>
     </view>
     <!-- 其他说明 -->
     <view class="section-card">
       <view class="section-title">其他说明</view>
-      <u-input
-        v-model="remark"
-        type="textarea"
+      <u-textarea
+        v-model="value"
+        :formatter="formatter"
+        ref="textarea"
         placeholder="请输入内容（不超过500字）"
         maxlength="500"
-        height="100"
+        height="150"
         border="none"
         custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"
-      />
+      ></u-textarea>
+    </view>
+    <!-- 图片/视频上传区域 -->
+    <view class="section-card">
+      <view class="section-title">图片/视频</view>
+      <u-upload
+        :fileList="fileList"
+        @afterRead="afterRead"
+        @delete="deletePic"
+        multiple
+        :maxCount="10"
+        accept="image,video"
+        uploadIconColor="#12c3c3"
+        uploadText="点击上传"
+      >
+      </u-upload>
+    </view>
+    <!-- 提交按钮 -->
+    <view class="submit-btn-wrap">
+      <u-button
+        type="primary"
+        shape="circle"
+        @click="onSubmit"
+        :custom-style="btnStyle"
+        >提交</u-button
+      >
     </view>
-  <!-- 图片/视频上传区域 -->
-  <view class="section-card">
-    <view class="section-title">图片/视频</view>
-    <u-upload
-      v-model="fileList"
-      :max-count="10"
-      :multiple="true"
-      :preview-full-image="true"
-      :deletable="true"
-      :show-upload-list="true"
-      :file-list="fileList"
-      accept="image,video"
-      @after-read="afterRead"
-      @delete="onDelete"
-    >
-      <view class="custom-upload-btn">
-        <u-icon name="plus" size="40"></u-icon>
-        <view class="upload-tips">最多10个</view>
-      </view>
-    </u-upload>
-  </view>
-  <!-- 提交按钮 -->
-  <view class="submit-btn-wrap">
-    <u-button type="primary" shape="circle" @click="onSubmit">提交</u-button>
-  </view>
   </view>
 </template>
 
@@ -77,41 +111,43 @@
 export default {
   data() {
     return {
+      btnStyle:
+        "background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx;",
       deviceList: [
-        { name: '空调', status: '完好' },
-        { name: '冰箱', status: '完好' },
-        { name: '洗衣机', status: '完好' },
-        { name: '电磁灶', status: '完好' },
-        { name: '沙发', status: '完好' },
-        { name: '茶几', status: '完好' },
-        { name: '桌椅', status: '完好' }
+        { name: "空调", status: "完好" },
+        { name: "冰箱", status: "完好" },
+        { name: "洗衣机", status: "完好" },
+        { name: "电磁灶", status: "完好" },
+        { name: "沙发", status: "完好" },
+        { name: "茶几", status: "完好" },
+        { name: "桌椅", status: "完好" },
       ],
-      statusOptions: ['完好', '破损', '丢失'],
+      statusOptions: ["完好", "破损", "丢失"],
       waterMeter: 3245.1,
       electricMeter: 2672.6,
-      remark: '',
-      fileList: []
-    }
+      remark: "",
+      fileList: [],
+    };
   },
   methods: {
     onDeviceChange(idx, val) {
-      this.deviceList[idx].status = val
+      this.deviceList[idx].status = val;
     },
     afterRead(event) {
-      let files = Array.isArray(event) ? event : [event]
-      this.fileList = this.fileList.concat(files)
+      let files = Array.isArray(event) ? event : [event];
+      this.fileList = this.fileList.concat(files);
     },
     onDelete(event) {
-      this.fileList.splice(event.index, 1)
+      this.fileList.splice(event.index, 1);
     },
     onSubmit() {
-      uni.showToast({ title: '提交成功', icon: 'success' })
-    }
-  }
-}
+      uni.showToast({ title: "提交成功", icon: "success" });
+    },
+  },
+};
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .checkout-detail-bg {
   background: #f7f7f7;
   min-height: 100vh;
@@ -128,7 +164,7 @@ export default {
   border-radius: 20rpx;
   margin: -40rpx 24rpx 16rpx 24rpx;
   padding: 24rpx 24rpx 12rpx 24rpx;
-  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
   position: relative;
   z-index: 2;
 }
@@ -158,7 +194,7 @@ export default {
   margin-bottom: 18rpx;
 }
 .device-row {
-display: flex;
+  display: flex;
   align-items: center;
   padding: 0 24rpx;
   min-height: 64rpx;
@@ -180,9 +216,7 @@ display: flex;
   color: #888;
   font-size: 28rpx;
 }
-.u-radio {
-  margin-right: 36rpx;
-}
+
 .meter-value {
   color: #222;
   font-size: 28rpx;
@@ -215,17 +249,4 @@ display: flex;
   margin-right: 16rpx;
   margin-bottom: 16rpx;
 }
-.submit-btn-wrap {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  margin: 40rpx 0 0 0;
-}
-.u-button--primary {
-  background: linear-gradient(90deg, #0DC6C6  0%, #13C2C2 100%) !important;
-  font-size: 36rpx;
-  border-radius: 48rpx !important;
-  width: 80vw;
-  height: 88rpx;
-}
 </style>
diff --git a/pagesA/force/index/index.vue b/pagesA/force/index/index.vue
new file mode 100644
index 0000000..ebe47c6
--- /dev/null
+++ b/pagesA/force/index/index.vue
@@ -0,0 +1,253 @@
+<template>
+  <view>
+    <view class="top-bg"></view>
+    <view class="container">
+      <u-form :model="form" ref="uForm" label-width="120">
+        <view class="info-card">
+          <u-form-item label="房间" prop="room" required>
+            <u-input
+              v-model="form.room"
+              placeholder="请输入房间"
+              border="none"
+              input-align="right"
+            />
+          </u-form-item>
+        </view>
+
+        <view class="info-card">
+          <u-form-item label="姓名" prop="name" required>
+            <u-input
+              v-model="form.name"
+              placeholder="请输入姓名"
+              border="none"
+              input-align="right"
+            />
+          </u-form-item>
+          <u-form-item label="身份证号" prop="idCard" required>
+            <u-input
+              v-model="form.idCard"
+              placeholder="请输入身份证号"
+              border="none"
+              input-align="right"
+            />
+          </u-form-item>
+          <u-form-item label="手机号" prop="phone" required>
+            <u-input
+              v-model="form.phone"
+              placeholder="请输入手机号"
+              border="none"
+              input-align="right"
+            />
+          </u-form-item>
+          <u-form-item
+            label="退房日期"
+            prop="leaveDate"
+            required
+            @click="showDate = true"
+          >
+            <u--input
+              v-model="form.leaveDate"
+              placeholder="请选择退房日期"
+              border="none"
+              readonly
+              input-align="right"
+            ></u--input>
+          </u-form-item>
+        </view>
+        <view class="desc-card">
+          <view class="label-des">说明</view>
+          <u-textarea
+            v-model="value"
+            :formatter="formatter"
+            ref="textarea"
+            placeholder="请输入内容（不超过500字）"
+            maxlength="500"
+            height="150"
+            border="none"
+            custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"
+          ></u-textarea>
+          <view class="label-des">上传图片/视频</view>
+          <u-upload
+            :fileList="fileList"
+            @afterRead="afterRead"
+            @delete="deletePic"
+            multiple
+            :maxCount="10"
+            accept="image,video"
+            uploadIconColor="#12c3c3"
+            uploadText="点击上传"
+          >
+          </u-upload>
+        </view>
+        <view class="submit-box">
+          <u-button
+            type="primary"
+            shape="circle"
+            @click="submit"
+            :custom-style="btnStyle"
+            >提交</u-button
+          >
+        </view>
+      </u-form>
+      <u-datetime-picker
+        :show="showDate"
+        v-model="form.pickerValue"
+        mode="date"
+        @confirm="onDateConfirm"
+        @cancel="showDate = false"
+      />
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      btnStyle:
+        "background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;",
+      form: {
+        room: "",
+        name: "",
+        idCard: "",
+        phone: "",
+        leaveDate: "",
+        desc: "",
+        imageUrl: "",
+        pickerValue: "",
+      },
+      fileList: [],
+      showDate: false,
+      minDate: "2000-01-01",
+      maxDate: "2100-12-31",
+      descStyle:
+        "background:#f7f8fa;border-radius:12rpx;padding:24rpx;font-size:28rpx;color:#222;min-height:250rpx;box-sizing:border-box;",
+    };
+  },
+  methods: {
+    afterRead(event) {
+      // 这里只做本地预览，实际开发中应上传到服务器
+      const file = event.file;
+      this.fileList = [file];
+      this.form.imageUrl = file.url || file.path;
+    },
+    onDateConfirm(e) {
+      // e.value 是时间戳，格式化为 YYYY-MM-DD
+      const date = new Date(e.value);
+      const y = date.getFullYear();
+      const m = (date.getMonth() + 1).toString().padStart(2, "0");
+      const d = date.getDate().toString().padStart(2, "0");
+      this.form.leaveDate = `${y}-${m}-${d}`;
+      this.showDate = false;
+    },
+    submit() {
+      this.$refs.uForm.validate((valid) => {
+        if (valid) {
+          uni.showToast({ title: "提交成功", icon: "success" });
+          // 这里可以提交form数据到后端
+        } else {
+          uni.showToast({ title: "请完善表单", icon: "none" });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.top-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 220rpx;
+  background: linear-gradient(120deg, #c6e6f7 0%, #e3e5fc 100%);
+  z-index: 0;
+}
+.container {
+  position: relative;
+  z-index: 1;
+  padding: 32rpx 24rpx 0 24rpx;
+  background: transparent;
+  min-height: 80vh;
+}
+.info-card {
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 0rpx 24rpx 0 24rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
+}
+::v-deep .u-form-item__body__left {
+  color: #6a7fa3 !important;
+  font-size: 28rpx !important;
+  font-weight: 500;
+}
+.u-form-item__body__left .u-form-item__body__left__required {
+  color: #ff5a5a !important;
+  margin-right: 4rpx;
+  font-size: 28rpx;
+}
+
+.u-form-item__body__right {
+  text-align: right;
+  color: #222;
+  font-size: 28rpx;
+}
+
+.u-form-item {
+  border-bottom: 1rpx solid #f2f4f8 !important;
+  margin-bottom: 0 !important;
+  padding-bottom: 0 !important;
+}
+.u-form-item:last-child {
+  border-bottom: none !important;
+}
+
+.desc-card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 24rpx 20rpx 24rpx 20rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 8rpx #f2f4f8;
+}
+.label-des {
+  color: #68758b;
+  font-size: 32rpx;
+  margin: 20rpx 0;
+}
+.custom-desc-textarea {
+  background: #f7f8fa !important;
+  border-radius: 12rpx !important;
+  padding: 24rpx !important;
+  font-size: 28rpx !important;
+  color: #222 !important;
+  min-height: 500rpx !important;
+  box-sizing: border-box;
+}
+
+/* u-upload自定义按钮样式（如需更改） */
+.u-upload__wrap__button {
+  background: #f7f8fa !important;
+  border-radius: 16rpx !important;
+  width: 120rpx !important;
+  height: 120rpx !important;
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+.u-upload__wrap__button .u-icon {
+  color: #2fd7e6 !important;
+  font-size: 48rpx !important;
+}
+.u-upload__wrap__button .u-upload__wrap__button__text {
+  color: #b0b0b0 !important;
+  font-size: 24rpx !important;
+  margin-top: 8rpx;
+}
+::v-deep .u-form-item__body__left__content__label span {
+  color: #68758b;
+  font-size: 32rpx;
+}
+</style>
diff --git a/pagesA/release/detail/detail.vue b/pagesA/release/detail/detail.vue
index 0cb16b2..dd3b6bb 100644
--- a/pagesA/release/detail/detail.vue
+++ b/pagesA/release/detail/detail.vue
@@ -14,6 +14,19 @@
       </view>
       <view class="checkout-date-row">退房日期：2025-05-16</view>
     </view>
+    <view class="clean-card">
+      <text class="clean-label">房间卫生</text>
+      <u-radio-group v-model="roomClean" class="clean-radio-group">
+        <u-radio
+          v-for="item in cleanOptions"
+          :key="item"
+          :label="item"
+          :name="item"
+          activeColor="#0DC6C6"
+          :custom-style="'margin-right: 40rpx;'"
+        ></u-radio>
+      </u-radio-group>
+    </view>
     <!-- 设备检查 -->
     <view class="section-card">
       <view class="section-title">设备检查</view>
@@ -29,6 +42,7 @@
           @change="onDeviceChange(idx, $event)"
         >
           <u-radio
+            :custom-style="'margin-right:36rpx;'"
             activeColor="#0DC6C6"
             v-for="opt in statusOptions"
             :key="opt"
@@ -38,65 +52,46 @@
         </u-radio-group>
       </view>
     </view>
-    <!-- 水电表 -->
-    <view class="section-card">
-      <view class="section-title">水电表设备</view>
-      <view class="meter-row">
-        <text class="meter-label">水表数</text>
-        <u-input
-          v-model="waterMeter"
-          type="digit"
-          placeholder="请输入水表数"
-          border="none"
-        />
-      </view>
-      <view class="meter-row">
-        <text class="meter-label">电表数</text>
-        <u-input
-          v-model="electricMeter"
-          type="digit"
-          placeholder="请输入电表数"
-          border="none"
-        />
-      </view>
-    </view>
+
     <!-- 其他说明 -->
     <view class="section-card">
       <view class="section-title">其他说明</view>
-      <u-input
-        v-model="remark"
-        type="textarea"
+      <u-textarea
+        v-model="value"
+        :formatter="formatter"
+        ref="textarea"
         placeholder="请输入内容（不超过500字）"
         maxlength="500"
-        height="100"
+        height="150"
         border="none"
         custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"
-      />
+      ></u-textarea>
+      
     </view>
     <!-- 图片/视频上传区域 -->
     <view class="section-card">
       <view class="section-title">图片/视频</view>
       <u-upload
-        v-model="fileList"
-        :max-count="10"
-        :multiple="true"
-        :preview-full-image="true"
-        :deletable="true"
-        :show-upload-list="true"
-        :file-list="fileList"
+        :fileList="fileList"
+        @afterRead="afterRead"
+        @delete="deletePic"
+        multiple
+        :maxCount="10"
         accept="image,video"
-        @after-read="afterRead"
-        @delete="onDelete"
+        uploadIconColor="#12c3c3"
+        uploadText="最多10个"
       >
-        <view class="custom-upload-btn">
-          <u-icon name="plus" size="40"></u-icon>
-          <view class="upload-tips">最多10个</view>
-        </view>
       </u-upload>
     </view>
     <!-- 提交按钮 -->
     <view class="submit-btn-wrap">
-      <u-button type="primary" shape="circle" @click="onSubmit">提交</u-button>
+      <u-button
+        type="primary"
+        :custom-style="btnStyle"
+        shape="circle"
+        @click="onSubmit"
+        >提交</u-button
+      >
     </view>
   </view>
 </template>
@@ -105,6 +100,8 @@
 export default {
   data() {
     return {
+      btnStyle:
+        "background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx;",
       deviceList: [
         { name: "空调", status: "完好" },
         { name: "冰箱", status: "完好" },
@@ -119,6 +116,8 @@ export default {
       electricMeter: 2672.6,
       remark: "",
       fileList: [],
+      roomClean: "已打扫",
+      cleanOptions: ["已打扫", "未打扫"],
     };
   },
   methods: {
@@ -156,7 +155,7 @@ export default {
   border-radius: 20rpx;
   margin: 24rpx 24rpx 0 24rpx;
   padding: 24rpx 24rpx 12rpx 24rpx;
-  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
 }
 .info-header {
   display: flex;
@@ -169,7 +168,7 @@ export default {
   color: #222;
 }
 .status-text {
-  color: #FFB200;
+  color: #ffb200;
   font-size: 28rpx;
   font-weight: bold;
 }
@@ -253,11 +252,24 @@ export default {
   justify-content: center;
   margin: 40rpx 0 0 0;
 }
-.u-button--primary {
-  background: linear-gradient(90deg, #0dc6c6 0%, #13c2c2 100%) !important;
-  font-size: 36rpx;
-  border-radius: 48rpx !important;
-  width: 80vw;
-  height: 88rpx;
+.clean-card {
+  background: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx #f2f4f8;
+  display: flex;
+  align-items: center;
+  margin: 24rpx 24rpx 24rpx 24rpx;
+  padding: 24rpx 24rpx 24rpx 24rpx;
+}
+.clean-label {
+  color: #6a7fa3;
+  font-size: 30rpx;
+  font-weight: 500;
+  margin-right: 32rpx;
+  min-width: 180rpx;
+}
+.clean-radio-group {
+  display: flex;
+  align-items: center;
 }
 </style>