diff --git a/src/views/order/workOrderProcessing/index.vue b/src/views/order/workOrderProcessing/index.vue
index 906fea9..ac8bcc4 100644
--- a/src/views/order/workOrderProcessing/index.vue
+++ b/src/views/order/workOrderProcessing/index.vue
@@ -7,7 +7,7 @@
       </div>
     </div>
     <div class="orderBottom">
-      <el-row>
+      <el-row class="chooseBox">
         <el-col :span="7" class="flex flex-align-center chooseTime">
           <span class="title">监测时间：</span>
           <el-date-picker
@@ -29,6 +29,24 @@
           <el-button type="primary">导出</el-button>
         </el-col>
       </el-row>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="code" label="工单编号" />
+        <el-table-column prop="date" label="登记时间" />
+        <el-table-column prop="type" label="工单类型" />
+        <el-table-column prop="ly" label="工单来源" />
+        <el-table-column prop="info" label="信息" />
+        <el-table-column prop="state" label="工单状态" />
+        <el-table-column label="操作">
+          <template #default="{ row }">
+            <div style="display: flex; justify-content: space-evenly">
+              <!-- <el-button link type="primary" icon="Edit" @click="addArea(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteArea(row)">删除</el-button> -->
+              <el-button link type="primary">受理</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
   </div>
 </template>
@@ -89,6 +107,33 @@
     num: '0',
   },
 ]);
+
+const tableData = [
+  {
+    code: 'GD2024102900001',
+    date: '2016-05-03 12:00:00',
+    type: '燃气工单',
+    ly: 'APP',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900002',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '电话',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900003',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '指挥调度',
+    info: '',
+    state: '待受理',
+  },
+];
 </script>
 
 <style lang="scss" scoped>
@@ -96,7 +141,7 @@
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-//   border: 1px solid red;
+  //   border: 1px solid red;
   .orderTop {
     display: flex;
     // justify-content: space-between;
@@ -112,6 +157,7 @@
       justify-content: center;
       border-radius: 10px;
       color: #fff;
+      cursor: pointer;
       .orderName {
         font-size: 24px;
       }
@@ -121,16 +167,19 @@
     }
   }
   .orderBottom {
-    padding-top: 20px;
+    // padding-top: 20px;
     width: 100%;
     height: calc(100% - 70px);
     // border: 1px solid red;
     box-sizing: border-box;
-    .chooseType{
-        margin-left: 20px;
+    .chooseBox {
+      padding: 20px 0;
     }
-    .title{
-        font-size: 16px;
+    .chooseType {
+      margin-left: 20px;
+    }
+    .title {
+      font-size: 16px;
     }
   }
 }

diff --git a/src/views/order/workOrderProcessing/index.vue b/src/views/order/workOrderProcessing/index.vue
index 906fea9..ac8bcc4 100644
--- a/src/views/order/workOrderProcessing/index.vue
+++ b/src/views/order/workOrderProcessing/index.vue
@@ -7,7 +7,7 @@
       </div>
     </div>
     <div class="orderBottom">
-      <el-row>
+      <el-row class="chooseBox">
         <el-col :span="7" class="flex flex-align-center chooseTime">
           <span class="title">监测时间：</span>
           <el-date-picker
@@ -29,6 +29,24 @@
           <el-button type="primary">导出</el-button>
         </el-col>
       </el-row>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="code" label="工单编号" />
+        <el-table-column prop="date" label="登记时间" />
+        <el-table-column prop="type" label="工单类型" />
+        <el-table-column prop="ly" label="工单来源" />
+        <el-table-column prop="info" label="信息" />
+        <el-table-column prop="state" label="工单状态" />
+        <el-table-column label="操作">
+          <template #default="{ row }">
+            <div style="display: flex; justify-content: space-evenly">
+              <!-- <el-button link type="primary" icon="Edit" @click="addArea(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteArea(row)">删除</el-button> -->
+              <el-button link type="primary">受理</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
   </div>
 </template>
@@ -89,6 +107,33 @@
     num: '0',
   },
 ]);
+
+const tableData = [
+  {
+    code: 'GD2024102900001',
+    date: '2016-05-03 12:00:00',
+    type: '燃气工单',
+    ly: 'APP',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900002',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '电话',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900003',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '指挥调度',
+    info: '',
+    state: '待受理',
+  },
+];
 </script>
 
 <style lang="scss" scoped>
@@ -96,7 +141,7 @@
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-//   border: 1px solid red;
+  //   border: 1px solid red;
   .orderTop {
     display: flex;
     // justify-content: space-between;
@@ -112,6 +157,7 @@
       justify-content: center;
       border-radius: 10px;
       color: #fff;
+      cursor: pointer;
       .orderName {
         font-size: 24px;
       }
@@ -121,16 +167,19 @@
     }
   }
   .orderBottom {
-    padding-top: 20px;
+    // padding-top: 20px;
     width: 100%;
     height: calc(100% - 70px);
     // border: 1px solid red;
     box-sizing: border-box;
-    .chooseType{
-        margin-left: 20px;
+    .chooseBox {
+      padding: 20px 0;
     }
-    .title{
-        font-size: 16px;
+    .chooseType {
+      margin-left: 20px;
+    }
+    .title {
+      font-size: 16px;
     }
   }
 }
diff --git a/src/views/order/workOrderQuery/index.vue b/src/views/order/workOrderQuery/index.vue
index 5e84083..b413077 100644
--- a/src/views/order/workOrderQuery/index.vue
+++ b/src/views/order/workOrderQuery/index.vue
@@ -1,10 +1,176 @@
 <template>
-  <div class="workOrderQuery publicContainer">workOrderQuery</div>
+  <div class="workOrderQuery publicContainer">
+    <el-row class="chooseBox">
+      <el-col :span="7" class="flex flex-align-center chooseTime">
+        <span class="title">监测时间：</span>
+        <el-date-picker
+          v-model="dateRange"
+          type="datetimerange"
+          range-separator="To"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        />
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center chooseType">
+        <span class="title">工单类型：</span>
+        <el-select v-model="value" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center">
+        <span class="title">工单状态：</span>
+        <el-select v-model="value1" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center">
+        <span class="title">工单来源：</span>
+        <el-select v-model="value2" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in lyList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4">
+        <el-button type="primary">查询</el-button>
+        <el-button type="primary">导出</el-button>
+      </el-col>
+    </el-row>
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" label="序号" width="50" />
+      <el-table-column prop="code" label="工单编号" />
+      <el-table-column prop="date" label="登记时间" />
+      <el-table-column prop="type" label="工单类型" />
+      <el-table-column prop="ly" label="工单来源" />
+      <el-table-column prop="info" label="信息" />
+      <el-table-column prop="state" label="工单状态" />
+      <el-table-column prop="bm" label="处理部门" />
+      <el-table-column label="操作">
+        <template #default="{ row }">
+          <div style="display: flex; justify-content: space-evenly">
+            <!-- <el-button link type="primary" icon="Edit" @click="addArea(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteArea(row)">删除</el-button> -->
+            <el-button link type="primary">详情</el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
-<script setup name="workOrderQuery"></script>
+<script setup name="workOrderQuery">
+const dateRange = ref([]);
+const value = ref('Option1');
+const value1 = ref('');
+const value2 = ref('');
+
+const options = [
+  {
+    value: 'Option1',
+    label: '燃气工单',
+  },
+  {
+    value: 'Option2',
+    label: '排水工单',
+  },
+  {
+    value: 'Option3',
+    label: '桥梁工单',
+  },
+  {
+    value: 'Option4',
+    label: '隧道工单',
+  },
+];
+const typeList = ref([
+  {
+    label: '待受理',
+    value: '0',
+  },
+  {
+    label: '待提交',
+    value: '1',
+  },
+  {
+    label: '待分派',
+    value: '2',
+  },
+  {
+    label: '待响应',
+    value: '3',
+  },
+  {
+    label: '待上报',
+    value: '4',
+  },
+  {
+    label: '待核实',
+    value: '5',
+  },
+  {
+    label: '待接单',
+    value: '6',
+  },
+  {
+    label: '已归档',
+    value: '7',
+  },
+]);
+const lyList = ref([
+  {
+    label: 'APP',
+    value: '1',
+  },
+  {
+    label: '电话',
+    value: '2',
+  },
+  {
+    label: '指挥调度',
+    value: '3',
+  },
+]);
+
+const tableData = [
+  {
+    code: 'GD2024102900001',
+    date: '2016-05-03 12:00:00',
+    type: '燃气工单',
+    ly: 'APP',
+    info: '',
+    state: '待受理',
+    bm: '燃气总公司',
+    
+  },
+  {
+    code: 'GD2024102900002',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '电话',
+    info: '',
+    state: '待受理',
+    bm: '内涝办',
+  },
+  {
+    code: 'GD2024102900003',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '指挥调度',
+    info: '',
+    state: '待受理',
+    bm: '内涝办',
+  },
+];
+</script>
 
 <style lang="scss" scoped>
 .workOrderQuery {
+  .chooseBox {
+    padding: 0 0 20px 0;
+  }
+  .chooseType {
+    margin-left: 20px;
+  }
+  .title {
+    font-size: 16px;
+  }
 }
 </style>

diff --git a/src/views/order/workOrderProcessing/index.vue b/src/views/order/workOrderProcessing/index.vue
index 906fea9..ac8bcc4 100644
--- a/src/views/order/workOrderProcessing/index.vue
+++ b/src/views/order/workOrderProcessing/index.vue
@@ -7,7 +7,7 @@
       </div>
     </div>
     <div class="orderBottom">
-      <el-row>
+      <el-row class="chooseBox">
         <el-col :span="7" class="flex flex-align-center chooseTime">
           <span class="title">监测时间：</span>
           <el-date-picker
@@ -29,6 +29,24 @@
           <el-button type="primary">导出</el-button>
         </el-col>
       </el-row>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="code" label="工单编号" />
+        <el-table-column prop="date" label="登记时间" />
+        <el-table-column prop="type" label="工单类型" />
+        <el-table-column prop="ly" label="工单来源" />
+        <el-table-column prop="info" label="信息" />
+        <el-table-column prop="state" label="工单状态" />
+        <el-table-column label="操作">
+          <template #default="{ row }">
+            <div style="display: flex; justify-content: space-evenly">
+              <!-- <el-button link type="primary" icon="Edit" @click="addArea(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteArea(row)">删除</el-button> -->
+              <el-button link type="primary">受理</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
   </div>
 </template>
@@ -89,6 +107,33 @@
     num: '0',
   },
 ]);
+
+const tableData = [
+  {
+    code: 'GD2024102900001',
+    date: '2016-05-03 12:00:00',
+    type: '燃气工单',
+    ly: 'APP',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900002',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '电话',
+    info: '',
+    state: '待受理',
+  },
+  {
+    code: 'GD2024102900003',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '指挥调度',
+    info: '',
+    state: '待受理',
+  },
+];
 </script>
 
 <style lang="scss" scoped>
@@ -96,7 +141,7 @@
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-//   border: 1px solid red;
+  //   border: 1px solid red;
   .orderTop {
     display: flex;
     // justify-content: space-between;
@@ -112,6 +157,7 @@
       justify-content: center;
       border-radius: 10px;
       color: #fff;
+      cursor: pointer;
       .orderName {
         font-size: 24px;
       }
@@ -121,16 +167,19 @@
     }
   }
   .orderBottom {
-    padding-top: 20px;
+    // padding-top: 20px;
     width: 100%;
     height: calc(100% - 70px);
     // border: 1px solid red;
     box-sizing: border-box;
-    .chooseType{
-        margin-left: 20px;
+    .chooseBox {
+      padding: 20px 0;
     }
-    .title{
-        font-size: 16px;
+    .chooseType {
+      margin-left: 20px;
+    }
+    .title {
+      font-size: 16px;
     }
   }
 }
diff --git a/src/views/order/workOrderQuery/index.vue b/src/views/order/workOrderQuery/index.vue
index 5e84083..b413077 100644
--- a/src/views/order/workOrderQuery/index.vue
+++ b/src/views/order/workOrderQuery/index.vue
@@ -1,10 +1,176 @@
 <template>
-  <div class="workOrderQuery publicContainer">workOrderQuery</div>
+  <div class="workOrderQuery publicContainer">
+    <el-row class="chooseBox">
+      <el-col :span="7" class="flex flex-align-center chooseTime">
+        <span class="title">监测时间：</span>
+        <el-date-picker
+          v-model="dateRange"
+          type="datetimerange"
+          range-separator="To"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        />
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center chooseType">
+        <span class="title">工单类型：</span>
+        <el-select v-model="value" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center">
+        <span class="title">工单状态：</span>
+        <el-select v-model="value1" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4" class="flex flex-align-center">
+        <span class="title">工单来源：</span>
+        <el-select v-model="value2" placeholder="请选择" style="width: 150px">
+          <el-option v-for="item in lyList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-col>
+      <el-col :span="4">
+        <el-button type="primary">查询</el-button>
+        <el-button type="primary">导出</el-button>
+      </el-col>
+    </el-row>
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column type="index" label="序号" width="50" />
+      <el-table-column prop="code" label="工单编号" />
+      <el-table-column prop="date" label="登记时间" />
+      <el-table-column prop="type" label="工单类型" />
+      <el-table-column prop="ly" label="工单来源" />
+      <el-table-column prop="info" label="信息" />
+      <el-table-column prop="state" label="工单状态" />
+      <el-table-column prop="bm" label="处理部门" />
+      <el-table-column label="操作">
+        <template #default="{ row }">
+          <div style="display: flex; justify-content: space-evenly">
+            <!-- <el-button link type="primary" icon="Edit" @click="addArea(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteArea(row)">删除</el-button> -->
+            <el-button link type="primary">详情</el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
-<script setup name="workOrderQuery"></script>
+<script setup name="workOrderQuery">
+const dateRange = ref([]);
+const value = ref('Option1');
+const value1 = ref('');
+const value2 = ref('');
+
+const options = [
+  {
+    value: 'Option1',
+    label: '燃气工单',
+  },
+  {
+    value: 'Option2',
+    label: '排水工单',
+  },
+  {
+    value: 'Option3',
+    label: '桥梁工单',
+  },
+  {
+    value: 'Option4',
+    label: '隧道工单',
+  },
+];
+const typeList = ref([
+  {
+    label: '待受理',
+    value: '0',
+  },
+  {
+    label: '待提交',
+    value: '1',
+  },
+  {
+    label: '待分派',
+    value: '2',
+  },
+  {
+    label: '待响应',
+    value: '3',
+  },
+  {
+    label: '待上报',
+    value: '4',
+  },
+  {
+    label: '待核实',
+    value: '5',
+  },
+  {
+    label: '待接单',
+    value: '6',
+  },
+  {
+    label: '已归档',
+    value: '7',
+  },
+]);
+const lyList = ref([
+  {
+    label: 'APP',
+    value: '1',
+  },
+  {
+    label: '电话',
+    value: '2',
+  },
+  {
+    label: '指挥调度',
+    value: '3',
+  },
+]);
+
+const tableData = [
+  {
+    code: 'GD2024102900001',
+    date: '2016-05-03 12:00:00',
+    type: '燃气工单',
+    ly: 'APP',
+    info: '',
+    state: '待受理',
+    bm: '燃气总公司',
+    
+  },
+  {
+    code: 'GD2024102900002',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '电话',
+    info: '',
+    state: '待受理',
+    bm: '内涝办',
+  },
+  {
+    code: 'GD2024102900003',
+    date: '2016-05-03 12:00:00',
+    type: '排水工单',
+    ly: '指挥调度',
+    info: '',
+    state: '待受理',
+    bm: '内涝办',
+  },
+];
+</script>
 
 <style lang="scss" scoped>
 .workOrderQuery {
+  .chooseBox {
+    padding: 0 0 20px 0;
+  }
+  .chooseType {
+    margin-left: 20px;
+  }
+  .title {
+    font-size: 16px;
+  }
 }
 </style>
diff --git a/vite.config.js b/vite.config.js
index 91cf1df..ca3cd5c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,7 +9,8 @@
 // const targetUrl = 'http://192.168.48.145:13000'; //张鸿志
 const zhz = 'http://192.168.20.5:13002'; //张鸿志
 const zyh = 'http://192.168.16.105:13002'; //张亚辉
-const targetUrl = 'https://server2.wh-nf.cn:8088/prod-api'; //线上
+// const targetUrl = 'https://server2.wh-nf.cn:8088/prod-api'; //线上
+const targetUrl = 'http://192.168.16.135:13000'; //徐云欣
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {