diff --git a/src/assets/images/background.webp b/src/assets/images/background.webp
index 3ad73c8..ad1f822 100644
Binary files a/src/assets/images/background.webp and b/src/assets/images/background.webp differ
diff --git a/src/assets/images/login.png b/src/assets/images/login.png
deleted file mode 100644
index ad1f822..0000000
Binary files a/src/assets/images/login.png and /dev/null differ
diff --git a/src/views/business-data/countPlan/addPlanOrder.vue b/src/views/business-data/countPlan/addPlanOrder.vue
new file mode 100644
index 0000000..dd3bca8
--- /dev/null
+++ b/src/views/business-data/countPlan/addPlanOrder.vue
@@ -0,0 +1,13 @@
+<template>
+$END$
+</template>
+
+<script>
+export default {
+name: "addPlanOrder"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/business-data/countPlan/invTask.vue b/src/views/business-data/countPlan/invTask.vue
new file mode 100644
index 0000000..6728c3f
--- /dev/null
+++ b/src/views/business-data/countPlan/invTask.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <label class="el-form-item-label">任务号</label>
+      <el-input v-model="query.billCode" clearable placeholder="任务号" style="width: 170px;" class="filter-item"
+                @keyup.enter.native="crud.toQuery"/>
+
+      <label class="el-form-item-label">物料编码</label>
+      <el-select v-model="query.itemCode" placeholder="物料编码" filterable style="width: 170px;" class="filter-item">
+        <el-option
+          @keyup.enter.native="crud.toQuery"
+          v-for="item in this.itemListData"
+          :key="item.code"
+          :label="item.code"
+          :value="item.code">
+          <span style="float: left">{{ item.code }}</span>
+          <span style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</span>
+        </el-option>
+      </el-select>
+
+      <label class="el-form-item-label">物料名称</label>
+      <el-input v-model="query.itemName" clearable placeholder="物料名称" style="width: 170px;" class="filter-item"
+                @keyup.enter.native="crud.toQuery"/>
+
+      <label class="el-form-item-label">任务状态</label>
+      <el-select
+        v-model="query.agvStatus"
+        clearable
+        size="small"
+        placeholder="任务状态"
+        class="filter-item"
+        style="width: 150px"
+        @change="crud.toQuery"
+      >
+        <el-option
+          v-for="item in dict.task_status"
+          :key="item.id"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+
+      <label class="el-form-item-label">日期</label>
+      <date-range-picker v-model="query.createTime" class="date-item" style="width: 100px"/>
+
+      <div>
+        <label class="el-form-item-label">Mo票</label>
+        <el-input v-model="query.propC1" clearable placeholder="Mo票" style="width: 170px;" class="filter-item"
+                  @keyup.enter.native="crud.toQuery"/>
+        <label class="el-form-item-label">工单编号</label>
+        <el-input v-model="query.orderNumber" clearable placeholder="工单编号" style="width: 170px;" class="filter-item"
+                  @keyup.enter.native="crud.toQuery"/>
+        <label class="el-form-item-label">原点位</label>
+        <el-input v-model="query.srcPointCode" clearable placeholder="原点位" style="width: 185px;" class="filter-item"
+                  @keyup.enter.native="crud.toQuery"/>
+        <label class="el-form-item-label">目标点位</label>
+        <el-input v-model="query.dstPointCode" clearable placeholder="目标点位" style="width: 150px;"
+                  class="filter-item" @keyup.enter.native="crud.toQuery"/>
+        <rrOperation :crud="crud"/>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission" :tableKey="this.$options.name"/>
+      <!--表单组件-->
+
+      <!--表格渲染-->
+      <el-table ref="table" height="66vh" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;"
+                @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55"/>
+        <el-table-column prop="xh" type="index" :index="indexMethod" label="序号"/>
+        <el-table-column prop="billCode" label="任务号"/>
+        <el-table-column prop="orderNumber" label="工单编号">
+          <template slot-scope="scope">
+            <div>{{ scope.row.itemKey.orderNumber }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="propC1" label="Mo票">
+          <template slot-scope="scope">
+            <div>{{ scope.row.itemKey.propC1 }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="itemCode" label="物料编码">
+          <template slot-scope="scope">
+            <div>{{ scope.row.item.code }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="itemName" label="物料名称">
+          <template slot-scope="scope">
+            <div>{{ scope.row.item.name }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="srcStockCode" label="容器编码"/>
+        <el-table-column prop="srcPointCode" label="原点位"/>
+        <el-table-column prop="dstPointCode" label="目标点位"/>
+        <el-table-column prop="agvStatus" label="任务状态">
+          <template slot-scope="scope">
+            {{ dict.label.task_status[scope.row.agvTask.status] }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="planQty" label="计划数量"/>
+        <el-table-column prop="moveQty" label="移位数量"/>
+        <el-table-column prop="createBy" label="创建人"/>
+        <el-table-column prop="createTime" label="创建时间"/>
+      </el-table>
+      <!--分页组件-->
+      <div style="float: right;">
+        <pagination/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import crudTask from '@/api/task'
+import CRUD, {presenter, header, form, crud} from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import DateRangePicker from "@/components/DateRangePicker/index.vue";
+import {getItemsList} from "@/api/item";
+
+const defaultForm = {
+  id: null,
+  itemId: null,
+  itemKeyId: null,
+  billCode: null,
+  taskType: null,
+  asnDetailId: null,
+  moveDetailId: null,
+  waveDetailId: null,
+  pickDetailId: null,
+  srcStockId: null,
+  dstStockId: null,
+  srcPointId: null,
+  dstPointId: null,
+  srcStockCode: null,
+  dstStockCode: null,
+  srcPointCode: null,
+  dstPointCode: null,
+  invStatus: null,
+  taskStatus: null,
+  beSkip: null,
+  beBack: null,
+  planQty: null,
+  moveQty: null,
+  putCode: null,
+  invId: null,
+  deptId: null,
+  createBy: null,
+  updateBy: null,
+  createTime: null,
+  updateTime: null
+}
+export default {
+  name: 'Task',
+  components: {DateRangePicker, pagination, crudOperation, rrOperation, udOperation},
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  dicts: ['task_status'],
+  cruds() {
+    return CRUD({
+        query: {taskType: ['PICK']},
+        title: '出库任务',
+        url: 'api/task',
+        idField: 'id',
+        sort: 'id,desc',
+        crudMethod: {...crudTask},
+        optShow: {
+          add: false,
+          edit: false,
+          del: false,
+          reset: true,
+          download: true
+        },
+        queryOnPresenterCreated: true
+      }
+    )
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'task:add'],
+        edit: ['admin', 'task:edit'],
+        del: ['admin', 'task:del']
+      },
+      rules: {},
+      queryTypeOptions: [
+        {key: 'itemCode', display_name: '物料代码'},
+        {key: 'itemName', display_name: '物料名称'},
+        {key: 'taskStatus', display_name: '任务状态'},
+        {key: 'srcPointCode', display_name: '源点位编码'},
+        {key: 'dstPointCode', display_name: '目标点位编码'}
+      ],
+      itemListData: []
+    }
+  },
+  mounted() {
+    //初始化数据
+    this.itemDataGet();
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    indexMethod(index) {
+      return index * 1 + 1;
+    },
+    //物料数据
+    itemDataGet() {
+      getItemsList().then(res => {
+        this.itemListData = res;
+      }).catch(e => {
+        this.$message({
+          showClose: true,
+          message: '物料加载失败',
+          type: 'error'
+        });
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>