feat 配置echarts代码

src/pages/work/index.vue

@@ -2,15 +2,57 @@
 definePage({
   layout: false,
   style: {
-    navigationBarTitleText: '工作',
+    navigationBarTitleText: '压实作业',
   },
 })
-
-// const { value: name } = useQuery('name')
 </script>
 
 <template>
-  <view>
-    <view>压实作业</view>
+  <view class="page">
+    <view class="content">
+      <view class="two-column">
+        <!-- 左侧区域 -->
+        <view class="column-left">
+          <work-deviceControl />
+          <work-dashboard />
+        </view>
+
+        <!-- 右侧区域 -->
+        <view class="column-right">
+          <work-rtkMonitor />
+        </view>
+      </view>
+    </view>
   </view>
 </template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 12px;
+}
+
+/* 双列布局 */
+.two-column {
+  display: flex;
+  gap: 12px;
+  height: calc(100vh - 24px);
+}
+
+.column-left {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.column-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+</style>