调整任务认领列表样式、葡萄城组件自定义悬浮输入框样式

src/components/SpreadDesigner/spreadDesignerGeneric.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from 'vue'
+import { ref, computed, watch, nextTick } from 'vue'
 import GC from './tools/gc'
 import dayjs from 'dayjs'
 import '@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
@@ -971,6 +971,8 @@ function initSpreadInputEvents(spreadInstance) {
     updateFieldNameDisplay(bindingPath)
     showFloatingInput()
   })
+
+  console.log('悬浮输入框事件已绑定')
 }
 
 function handleCustomAction(action) {
@@ -1097,6 +1099,7 @@ defineExpose({
 }
 
 .spread-designer-generic {
+  position: relative;
   height: 100vh;
   overflow: hidden;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -1126,11 +1129,11 @@ defineExpose({
 }
 
 .back-btn {
-  padding: 8px;
+  padding: 0 8px;
   font-size: 18px;
   cursor: pointer;
   background: none;
-  border: none;
+  border: 0;
   border-radius: 4px;
   transition: background-color 0.2s;
 }
@@ -1155,8 +1158,8 @@ defineExpose({
 }
 
 .nav-btn {
-  padding: 6px 12px;
-  font-size: clamp(12px, 3vw, 14px);
+  padding: 0 12px;
+  font-size: 12px;
   color: #495057;
   white-space: nowrap;
   cursor: pointer;
@@ -1255,7 +1258,9 @@ defineExpose({
   bottom: 0;
   left: 0;
   z-index: 9999;
-  display: block;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
   min-height: 85px;
   padding: 8px 12px 12px 12px;
   background: white;

src/pages/securityCheck/securityCheckEditor.vue

@@ -1,3 +1,14 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+    disableScroll: true,
+  },
+}
+</route>
+
 <template>
   <div>
     <SpreadDesignerGeneric

src/pages/unClaim/components/query/CellCom.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="cell-box" :style="style">
+  <view id="cb-cell-box" :style="style">
     <view class="title" :style="textStyle">{{ title }}</view>
     <view class="cell-input" :style="inputStyle" @click="handleClick">
       <text class="cell-text">{{ inputContent || '请输入' }}</text>
@@ -47,37 +47,37 @@ const handleClick = () => {
 </script>
 
 <style lang="scss" scoped>
-.cell-box {
+#cb-cell-box {
   display: flex;
   flex-direction: row;
   align-items: center;
+  margin-bottom: 10px !important;
   margin-left: 5px;
-  margin-bottom: 13px;
 }
 
 .title {
-  color: rgb(51, 51, 51);
-  font-size: 12px;
+  flex-shrink: 0;
   width: 60px;
+  font-size: 12px;
+  color: rgb(51, 51, 51);
   text-align: right;
-  flex-shrink: 0;
 }
 
 .cell-input {
+  box-sizing: border-box;
+  display: flex;
   flex: 1;
+  align-items: center;
   min-width: 0;
   height: 30px;
   min-height: 30px;
+  padding: 0 5px;
   border: 1px solid #ccc;
   border-radius: 6px;
-  padding: 0 5px;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
 }
 
 .cell-text {
-  color: rgba(136, 136, 136, 1);
   font-size: 12px;
+  color: rgba(136, 136, 136, 1);
 }
 </style>

src/pages/unClaim/components/query/CheckDateCom.vue

@@ -77,32 +77,32 @@ uni.$on('DateRangeSelected', (data: any) => {
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-bottom: 13px;
+  margin-bottom: 10px !important;
 }
 
 .title {
-  color: rgb(51, 51, 51);
-  font-size: 12px;
+  flex-shrink: 0;
   width: 60px;
+  font-size: 12px;
+  color: rgb(51, 51, 51);
   text-align: right;
-  flex-shrink: 0;
 }
 
 .date-input {
+  box-sizing: border-box;
+  display: flex;
   flex: 1;
+  align-items: center;
   min-width: 0;
   height: 30px;
   min-height: 30px;
+  padding: 0 5px;
   border: 1px solid #ccc;
   border-radius: 6px;
-  padding: 0 5px;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
 }
 
 .date-text {
-  color: rgba(136, 136, 136, 1);
   font-size: 12px;
+  color: rgba(136, 136, 136, 1);
 }
 </style>

src/pages/unClaim/components/query/CheckNatureCom.vue

@@ -3,11 +3,7 @@
     <view class="title" :style="textStyle">检验性质：</view>
     <view class="nature-input" @click="showPicker">
       <text class="nature-text">{{ selectorChecked || '请选择' }}</text>
-      <image
-        class="arrow-icon"
-        :src="iconMap.ArrowDown"
-        :class="{ 'arrow-rotate': isOpen }"
-      />
+      <image class="arrow-icon" :src="iconMap.ArrowDown" :class="{ 'arrow-rotate': isOpen }" />
     </view>
   </view>
 </template>
@@ -65,35 +61,35 @@ const showPicker = () => {
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-bottom: 13px;
+  margin-bottom: 10px;
 }
 
 .title {
-  color: rgb(51, 51, 51);
-  font-size: 12px;
+  flex-shrink: 0;
   width: 60px;
+  font-size: 12px;
+  color: rgb(51, 51, 51);
   text-align: right;
-  flex-shrink: 0;
 }
 
 .nature-input {
-  flex: 1;
-  min-width: 0;
+  box-sizing: border-box;
   display: flex;
+  flex: 1;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
+  min-width: 0;
   height: 30px;
   min-height: 30px;
+  padding: 0 5px;
   border: 1px solid #ccc;
   border-radius: 6px;
-  padding: 0 5px;
-  box-sizing: border-box;
 }
 
 .nature-text {
-  color: rgba(136, 136, 136, 1);
   font-size: 12px;
+  color: rgba(136, 136, 136, 1);
 }
 
 .arrow-icon {

src/pages/unClaim/components/query/InputCom.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="input-box" :style="style">
+  <view class="ic-input-box" :style="style">
     <view class="title" :style="textStyle">{{ title }}</view>
     <input
       ref="inputRef"
@@ -51,34 +51,34 @@ const handleInput = (e: any) => {
 </script>
 
 <style lang="scss" scoped>
-.input-box {
+.ic-input-box {
   display: flex;
   flex-direction: row;
-  align-items: center;
   flex-wrap: nowrap;
+  align-items: center;
+  margin-bottom: 10px;
   margin-left: 5px;
-  margin-bottom: 13px;
 }
 
 .title {
-  color: rgb(51, 51, 51);
-  font-size: 12px;
+  flex-shrink: 0;
   width: 60px;
+  font-size: 12px;
+  color: rgb(51, 51, 51);
   text-align: right;
-  flex-shrink: 0;
 }
 
 .input {
+  box-sizing: border-box;
   flex: 1;
   min-width: 0;
   height: 30px;
   min-height: 30px;
+  padding: 0 5px;
+  font-size: 12px;
   line-height: 30px;
-  border: 1px solid #ccc;
   color: rgba(136, 136, 136, 1);
-  font-size: 12px;
+  border: 1px solid #ccc;
   border-radius: 6px;
-  padding: 0 5px;
-  box-sizing: border-box;
 }
 </style>

src/pages/unClaim/components/query/QueryView.vue

@@ -13,7 +13,7 @@
 
         <CellCom
           ref="inspectorIdsRef"
-          title="检验员"
+          title="检验员："
           type="inspectorIds"
           :text-style="{ width: '70px' }"
           :style="{ marginLeft: 0, marginBottom: 0 }"
@@ -204,41 +204,41 @@ const handleUserChange = (users: any[]) => {
 }
 
 .btn {
-  padding: 0 15px;
-  height: 30px;
-  margin-left: 5px;
-  border-radius: 3px;
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
+  height: 30px;
+  padding: 0 15px;
+  margin-left: 30px;
   font-size: 15px;
   border: none;
+  border-radius: 3px;
 }
 
 .reset-btn {
-  background-color: #fff;
   color: rgb(47, 142, 255);
+  background-color: #fff;
   border: 1px solid rgb(47, 142, 255);
 }
 
 .query-btn {
-  background-color: rgb(47, 142, 255);
   color: rgb(222, 238, 255);
+  background-color: rgb(47, 142, 255);
 }
 
 .query-toggle {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
   align-items: center;
-  padding: 0 20px;
+  justify-content: space-between;
   height: 60px;
+  padding: 0 20px;
   border-top: 1px solid rgba(187, 187, 187, 0.8);
 }
 
 .query-toggle-text {
-  color: rgb(51, 51, 51);
   font-size: 16px;
+  color: rgb(51, 51, 51);
 }
 
 .arrow-icon {