创建个人招工页面，删除无用的页面

public/chengdu/js/detail.js

@@ -1,6 +1,6 @@
 //var baseUrl = 'http://cgsu81beft.51xd.pub';
 var baseUrl = "http://39.101.167.152:8088/shekecaiji";
-var testUrl = "http://192.168.3.104:8000/jobslink-api/jkworksreport"
+var testUrl = "http://localhost:8000/jobslink-api/jkworksreport"
 
 var href = window.location.href.split("=");
 var shengFen = unescape(href[1].split("&")[0]);
@@ -19,7 +19,7 @@ function getCookie(cookieName) {
   }
   return "";
 }
- 
+
 var token = getCookie("jobslink-access-token");
 
 //头部数据--------------------------------------

public/chengdu/js/index.js

@@ -1,6 +1,6 @@
 //var baseUrl = 'http://cgsu81beft.51xd.pub';
 var baseUrl = "http://39.101.167.152:8088/shekecaiji";
-var testUrl = "http://192.168.3.104:8000/jobslink-api/jkworksreport"
+var testUrl = "http://localhost:8000/jobslink-api/jkworksreport"
 
 console.log(document.cookie)
 // 获取cookie
@@ -32,7 +32,7 @@ var allData = {"citys":[
   {"fromName":"德阳","toName":"厦门","coords":[[104.398651, 31.127991],[118.11022, 24.490474]]},
   {"fromName":"德阳","toName":"昆明","coords":[[104.398651, 31.127991],[102.712251, 25.040609]]},
   ]};
- 
+
 var token = getCookie("jobslink-access-token");
 // $.ajaxSetup({
 //   headers: {
@@ -63,7 +63,7 @@ function getMapData1() {
   });
 }
 
-// 分行业需求 
+// 分行业需求
 function getMapData2() {
   $.ajax({
     type: "GET",
@@ -74,7 +74,7 @@ function getMapData2() {
     url: testUrl + "/getMapData2",
     async: false,
     success: function (res) {
-      
+
       console.log(res)
     },
   });

src/views/manage/mission/delayDialog.vue

@@ -1,89 +0,0 @@
-<template>
-  <el-dialog title="发工资延期" :visible.sync="dialogVisible" append-to-body @closed="handleClose">
-    <avue-form ref="form" v-model="form" :option="option" @submit="submit"></avue-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="handleClose">取 消</el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-  import { delay } from "@/api/manage/mission";
-
-  export default {
-    props: {},
-    data() {
-      return {
-        form: {},
-        id: null,
-        dialogVisible: false,
-        option: {
-          menuBtn: false,
-          column: [
-            {
-              type: "date",
-              label: "延期到",
-              span: 24,
-              display: true,
-              format: "yyyy-MM-dd",
-              valueFormat: "yyyy-MM-dd",
-              size: "small",
-              prop: "expiryTime",
-              pickerOptions: {
-                disabledDate(time) {
-                  const now = new Date().getTime();
-                  return time.getTime() < now
-                }
-              },
-              rules: [
-                {
-                  required: true,
-                  message: "延期到必须填写",
-                },
-              ],
-              
-            },
-            {
-              type: "textarea",
-              label: "备注",
-              span: 24,
-              display: true,
-              size: "small",
-              prop: "remarks",
-            },
-          ],
-        },
-      };
-    },
-    methods: {
-      confirm() {
-        this.$refs.form.submit();
-      },
-      submit(row, done) {
-        delay(this.id, `${row.expiryTime} 23:59:59`, row.remarks)
-          .then(() => {
-            done();
-            this.$message({ type: "success", message: "操作成功" });
-            this.dialogVisible = false;
-            this.$emit("success");
-          })
-          .catch(() => {
-            done();
-          });
-      },
-      handleClose() {
-        this.$refs.form.resetForm();
-        this.dialogVisible = false;
-      },
-      open(id) {
-        this.id = id;
-        this.dialogVisible = true;
-      },
-    },
-    computed: {},
-  };
-</script>
-
-<style>
-</style>

src/views/manage/mission/index.vue

@@ -102,7 +102,7 @@
           size="small"
           @click.stop="handleCheck"
           type="primary"
-          >任务审核</el-button
+          >审核</el-button
         >
       </template>
       <template slot="menuRight">
@@ -111,13 +111,6 @@
         >
       </template>
       <template slot-scope="{ row }" slot="menu">
-        <!-- <el-button
-          v-if="vaildData(permission.manage_mission_delay, false) && row.status==3"
-          size="small"
-          @click.stop="handleDelay(row)"
-          type="text"
-          >发工资延期</el-button
-        > -->
         <el-button
           type="text"
           size="small"
@@ -132,25 +125,12 @@
           v-if="vaildData(permission.manage_mission_zpview, false)"
           >招聘情况</el-button
         >
-        <el-button
-          v-if="row.status==2"
-          size="small"
-          @click.stop="handleFinish(row)"
-          type="text"
-          >完成任务</el-button
-        >
       </template>
     </avue-crud>
-    <delay-dialog
-      ref="delay"
-      :ids="ids"
-      @success="onLoad(page, query)"
-    ></delay-dialog>
     <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
       <mission-view :model="view"></mission-view>
     </el-drawer>
     <zp-view ref="zpView"></zp-view>
-    <wage-view ref="wageView"></wage-view>
   </basic-container>
 </template>
 
@@ -163,10 +143,8 @@ import {
   download,
 } from "@/api/manage/mission";
 import { mapGetters } from "vuex";
-import delayDialog from "./delayDialog";
 import missionView from "@/views/util/mission-view";
 import zpView from "./zpView";
-import wageView from "./wageView";
 import { missionState, wageUnitCategoryState } from "@/common/dic";
 import { calcDate } from "@/util/date";
 import { Message } from "element-ui";
@@ -181,7 +159,7 @@ const message = lodash.throttle(
 );
 
 export default {
-  components: { delayDialog, missionView, zpView, wageView },
+  components: {missionView, zpView },
   name: "manage_mission",
   data() {
     return {
@@ -207,7 +185,7 @@ export default {
         // { value: 2, label: "任务中" },
         { value: 3, label: "已完成" },
         { value: 4, label: "已失效" },
-        
+
       ],
       option: {
         height: "auto",
@@ -373,9 +351,6 @@ export default {
     rowZPView(row) {
       this.$refs.zpView.open(row.missionNo);
     },
-    handleWageView(row) {
-      this.$refs.wageView.open(row.missionNo);
-    },
     searchReset() {
       this.query = {};
       this.onLoad(this.page);
@@ -511,43 +486,6 @@ export default {
           .catch(() => {});
       }
     },
-    handleFinish(row) {
-        if (row.status!=2) {
-            this.$message.error('只能提前完成【任务中】的任务')
-        }
-        /*只能提前完成【任务中】的任务*/
-        else{
-          let h = this.$createElement;
-        this.$confirm(
-          h("p", { style: "color: #F56C6C" }, "一旦确定无法修改"),
-          "您确定要提前此任务吗？",
-          {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注原因",
-          }
-        )
-          .then(() => {
-            this.loading = true;
-            complet(row.id)
-              .then(() => {
-                this.$message({
-                  type: "success",
-                  message: "操作成功!",
-                });
-                this.loading = false;
-                this.onLoad(this.page, this.query);
-              })
-              .catch(() => {
-                this.loading = false;
-              });
-          })
-          .catch(() => { });
-        }
-    },
     downRecords() {
       if (this.query.time) {
         this.query.stime = this.query.time[0];

src/views/manage/mission/zpView.vue

@@ -40,9 +40,7 @@ export default {
       },
       visible: false,
       checkDialog: false,
-      delayDialog: false,
       zpviewDialog: false,
-      finishDialog: false,
       option: {
         height: "auto",
         tip: false,

src/views/manage/recruit/count/index.vue

@@ -0,0 +1,286 @@
+<template>
+  <div>
+    <basic-container>
+      <el-radio-group v-model="search.status" size="small" @change="radioGroup">
+        <el-radio-button v-for="(item, key, index) in missionTypes" :key="index"
+          :label="item.value">{{ item.label }}</el-radio-button>
+      </el-radio-group>
+    </basic-container>
+
+    <basic-container>
+      <div class="taskTip">
+        <p class="title">{{ search.status | searchStatus }}</p>
+        <div style="height: 30px;"></div>
+        <div v-if="search.status === 1" style="display: flex;flex-wrap: wrap;">
+          <span class="name">岗位总数&nbsp;&nbsp;&nbsp;{{ taskGather.totalCount }}</span>
+          <span class="name" style="margin-left: 30px;">
+            <span class="smallTitle">招聘中</span>{{ taskGather.recruitCount }}
+            <!-- <span class="smallTitle">任务中</span>{{taskGather.startCount}} -->
+            <span class="smallTitle">已完成</span>{{ taskGather.completCount }}
+            <!-- <span class="smallTitle">已失效</span>{{ taskGather.invalidCount }} -->
+            <span class="smallTitle">未发布</span>{{ taskGather.rejectCount }}
+          </span>
+        </div>
+
+        <div v-if="search.status === 2" style="display: flex;flex-wrap: wrap;">
+          <span class="name" style="margin-right: 40px;">岗位总数&nbsp;&nbsp;&nbsp;{{ taskDetail.totalCount }}</span>
+          <span class="name">
+            人员情况
+            <span class="smallTitle">招聘总人数</span>{{ taskDetail.enListCount }}
+            <span class="smallTitle">申请总人数</span>{{ taskDetail.applyCount }}
+            <span class="smallTitle">录用总人数</span>{{ taskDetail.employedCount }}
+          </span>
+        </div>
+      </div>
+    </basic-container>
+
+    <basic-container>
+      <!-- 搜索栏 -->
+      <el-form size="small" label-position="right" :inline="true">
+        <el-row :span="24" v-if="search.status === 1">
+
+          <el-form-item label="社区街道名称:">
+            <el-input v-model="search.companyName" placeholder="社区街道名称"></el-input>
+          </el-form-item>
+
+          <el-form-item label="联系电话:">
+            <el-input v-model="search.callTel" placeholder="联系电话"></el-input>
+          </el-form-item>
+
+          <!--          <el-form-item label="距离最后发任务时间:">-->
+          <!--            <el-radio-group v-model="search.status" size="small" @change="radioGroup">-->
+          <!--              <el-radio-button-->
+          <!--                v-for="(item,key,index) in missionTypes"-->
+          <!--                :key="index"-->
+          <!--                :label="item.value"-->
+          <!--              >{{item.label}}</el-radio-button>-->
+          <!--            </el-radio-group>-->
+          <!--          </el-form-item>-->
+
+          <div class="searchBtn">
+            <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
+          </div>
+        </el-row>
+        <el-row :span="24" v-if="search.status === 2">
+
+          <el-form-item label="公司名称:">
+            <el-input v-model="search.companyName" placeholder="公司名称"></el-input>
+          </el-form-item>
+
+          <el-form-item label="岗位编号:">
+            <el-input v-model="search.missionNo" placeholder="岗位编号"></el-input>
+          </el-form-item>
+
+          <el-form-item label="岗位标题:">
+            <el-input v-model="search.missionTitle" placeholder="岗位标题"></el-input>
+          </el-form-item>
+          <br>
+          <el-form-item>
+            <el-select v-model="search.reviewState" placeholder="请选择搜索时间类型" style="width:100%">
+              <el-option v-for="(item, key, index) in timeStatus" :key="index" :label="item.label"
+                :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-date-picker :disabled="search.reviewState === ''" v-model="search.taskTime" type="daterange"
+              range-separator="至" start-placeholder="开始时间" end-placeholder="完成时间" format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd" @change="dateChangeSubTime">
+            </el-date-picker>
+          </el-form-item>
+
+          <tool-tip></tool-tip>
+
+          <el-form-item label="岗位状态:">
+            <el-select v-model="search.jobStatus" placeholder="岗位状态" style="width:100%">
+              <el-option v-for="(item, key, index) in jobStatus" :key="index" :label="item.label"
+                :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>
+
+          <div class="searchBtn">
+            <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="taskOut">导 出</el-button>
+          </div>
+        </el-row>
+
+      </el-form>
+      <!-- table -->
+      <gather v-if="search.status === 1" ref="gather" @searchCompanyName="searchCompanyName"></gather>
+      <detail v-if="search.status === 2" ref="detail"></detail>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import { postState, companyPostState, timeStatus, } from '@/common/dic'
+import { gatherInfo, detailInfo } from '@/api/workstation/post'
+import gather from "./table/gather.vue";
+import detail from "./table/detail.vue";
+import { setStore, getStore } from '@/util/store'
+export default {
+  name: "index",
+  components: { gather, detail },
+  data() {
+    return {
+      disabled: true,
+      missionTypes: postState,
+      jobStatus: companyPostState,
+      timeStatus: timeStatus,
+      activeName: 'first',
+      taskTime: '',
+      taskGather: {},
+      taskDetail: {},
+      search: {
+        status: 1,
+      },
+    };
+  },
+  filters: {
+    searchStatus(v) {
+      switch (v) {
+        case 1:
+          return '岗位概况';
+        case 2:
+          return '岗位概况';
+      }
+    }
+  },
+  created() {
+    const status = getStore({ name: 'taskStatus' })
+    if (status) {
+      this.search.status = Number(status)
+    }
+  },
+  mounted() {
+    this.handleSearch()
+  },
+  methods: {
+    searchCompanyName(companyName) {
+      this.search.status = 2
+      setStore({ name: 'taskStatus', content: 2, type: 'session' })
+      this.search.companyName = companyName
+      this.handleSearch()
+    },
+    dateChangeSubTime(val) {
+      if (val) {
+        this.search.stime = val[0] + " 00:00:00";
+        this.search.etime = val[1] + " 23:59:59";
+      } else {
+        this.search.stime = '';
+        this.search.etime = '';
+      }
+    },
+    gatherInfoInit() {
+      gatherInfo().then(res => {
+        this.taskGather = res.data.data
+      })
+    },
+    detailInfoInit() {
+      // detailInfo().then(res => {
+      //   this.taskDetail = res.data.data
+      // })
+    },
+    radioGroup(v) {
+      setStore({ name: 'taskStatus', content: v, type: 'session' })
+      this.handleClear()
+    },
+    handleSearch() {
+      if (this.search.status === 1) {
+        this.gatherInfoInit()
+        var gatherObj = {
+          companyName: this.search.companyName,
+          callTel: this.search.callTel
+        }
+        this.$refs.gather.init(gatherObj)
+      } else if (this.search.status === 2) {
+        this.detailInfoInit()
+        var detailObj = {
+          jobStatus: this.search.jobStatus ? this.search.jobStatus : '',
+          companyName: this.search.companyName ? this.search.companyName : '',
+          missionNo: this.search.missionNo ? this.search.missionNo : '',
+          jobName: this.search.missionTitle ? this.search.missionTitle : '',
+          reviewState: this.search.reviewState ? this.search.reviewState : 0,
+          stime: this.search.stime ? this.search.stime : '',
+          etime: this.search.etime ? this.search.etime : ''
+        }
+        this.$nextTick(() => {
+          this.$refs.detail.init(detailObj)
+        })
+      }
+    },
+    handleClear() {
+      this.search = {
+        status: this.search.status,
+        companyName: '',
+        callTel: '',
+        missionNo: '',
+        missionTitle: '',
+        reviewState: '',
+        jobStatus: '',
+      };
+      this.handleSearch()
+    },
+    taskOut() {
+      var detailObj = {
+        jobStatus: this.search.status ? this.search.status : '',
+        companyName: this.search.companyName ? this.search.companyName : '',
+        missionNo: this.search.missionNo ? this.search.missionNo : '',
+        jobName: this.search.missionTitle ? this.search.missionTitle : '',
+        reviewState: this.search.reviewState ? this.search.reviewState : '',
+        stime: this.search.stime ? this.search.stime : '',
+        etime: this.search.etime ? this.search.etime : ''
+      }
+      this.$refs.detail.taskOut(detailObj)
+    }
+  }
+}
+</script>
+
+<style scoped>
+p {
+  margin: 0 !important;
+}
+
+.el-form-item {
+  margin-right: 18px !important;
+  /*margin-bottom: 0 !important;*/
+}
+
+.searchBtn {
+  display: inline-block;
+  margin-bottom: 18px;
+}
+
+.taskTip {
+  border-radius: 0px 4px 5px 4px;
+  /*padding: 14px;*/
+}
+
+.taskTip .name {
+  font-size: 18px;
+  font-weight: 500;
+  color: #333333;
+  line-height: 25px;
+}
+
+.taskTip .smallTitle {
+  width: 36px;
+  height: 25px;
+  font-size: 18px;
+  font-weight: 400;
+  color: #999999;
+  line-height: 25px;
+  margin-right: 15px;
+  margin-left: 40px;
+}
+
+.taskTip .title {
+  height: 30px;
+  font-size: 22px;
+  font-weight: 800;
+  color: #333333;
+  line-height: 30px;
+}
+</style>

src/views/manage/recruit/count/table/detail.vue

@@ -0,0 +1,250 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <template slot="status" slot-scope="{ row }">
+        <div>{{ row.status | jobStatus}}</div>
+      </template>
+      <template slot="wage" slot-scope="{ row }">
+        <div>{{ row.wage}}元/人/天</div>
+      </template>
+      <template slot="etimePub" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.etimePub), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="etime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.etime), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="stime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.stime), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="expiryTime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.expiryTime), "yyyy/MM/dd")}}</div>
+      </template>
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+        <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click.stop="rowView(row)"
+        >查看</el-button>
+      </div>
+    </avue-crud>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <post-view :model="view"></post-view>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+  import {
+    getDetail,
+  } from "@/api/workstation/post";
+  import postView from "@/views/util/post-view.vue";
+  import {detailList, stationExport} from '@/api/workstation/post'
+  import { missionState,companyPostState } from "@/common/dic";
+  import {dateFormat} from '@/util/date'
+  // import {download} from '@/util/util'
+
+export default {
+  name: "post",
+  components: {postView},
+  filters: {
+    jobStatus (v) {
+      switch (v) {
+        case 1:
+          return '招聘中'
+        case 2:
+          return '任务中'
+        case 3:
+          return '已完成'
+        case 4:
+          return '已失效'
+        case 9:
+          return '未发布'
+      }
+    }
+  },
+  data () {
+    return {
+      viewDrawer: false,
+      loading: false,
+      view: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+      query: {},
+      data: [],
+      option: {
+        height: "400",
+        calcHeight: 40,
+        menuWidth: 120,
+        align: "center",
+        menuAlign: "center",
+        indexLabel: "序号",
+        menu:true,
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        border: true,
+        index: true,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "岗位标题",
+            prop: "jobName",
+          },
+          {
+            label: "岗位编码",
+            prop: "missionNo",
+            display: false,
+          },
+          {
+            label: "社区街道名称",
+            prop: "companyName",
+          },
+          {
+            label: "岗位状态",
+            prop: "jobStatus",
+            dicData: companyPostState,
+            slot: true
+          },
+          {
+            label: "招聘人数",
+            prop: "peopleNum",
+            display: false,
+          },
+          {
+            label: "申请人数",
+            prop: "applyCount",
+            display: false,
+          },
+          {
+            label: "录用人数",
+            prop: "employedCount",
+          },
+          // {
+          //   label: "发工资人数",
+          //   prop: "userPayCount",
+          // },
+
+          {
+            label: "参考工资",
+            prop: "wage",
+            slot: true
+          },
+          // {
+          //   label: "报名截止日期",
+          //   prop: "etimePub",
+          //   slot: true,
+          //   display: false,
+          // },
+          {
+            label: "开始时间",
+            prop: "stime",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "结束时间",
+            prop: "etime",
+            slot: true,
+            display: false,
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    dateFormat,
+    rowView(row) {
+      getDetail(row.missionNo).then((resp) => {
+        this.viewDrawer = true;
+        this.view = resp.data.data;
+      });
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.listInit(this.query)
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.listInit(this.query)
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.init(this.query)
+    },
+    init(search){
+      this.page.currentPage = 1
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      detailList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    listInit(search){
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      detailList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    // 导出
+    taskOut(search){
+      this.query = search
+      var query = this.query
+      window.open(
+        stationExport(
+          query.status,
+          query.companyName,
+          query.missionNo,
+          query.missionTitle,
+          query.reviewState,
+          query.stime,
+          query.etime,
+          this.page.currentPage,
+          this.page.pageSize
+        )
+      )
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/manage/recruit/count/table/gather.vue

@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <template slot="openTime" slot-scope="{ row }">
+        <div :style="{'color': (row.isExpiry===1?'red':'')}">{{ row.openTime ? dateFormat(new Date(row.openTime), "yyyy-MM-dd") : ''}}</div>
+      </template>
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+
+        <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click.stop="rowView(row)"
+        >查看</el-button>
+      </div>
+    </avue-crud>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <mission-view :model="view"></mission-view>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+  import missionView from "@/views/util/mission-view.vue";
+  import {gatherList} from '@/api/workstation/post'
+  import {dateFormat} from '@/util/date'
+
+
+export default {
+  name: "post",
+  components: {missionView},
+  data () {
+    return {
+      viewDrawer: false,
+      loading: false,
+      view: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+      query: {},
+      data: [],
+      option: {
+        height: "400",
+        calcHeight: 40,
+        menuWidth: 120,
+        align: "center",
+        menuAlign: "center",
+        indexLabel: "序号",
+        menu:true,
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        border: true,
+        index: true,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "社区街道名称",
+            prop: "companyName",
+          },
+          {
+            label: "联系人",
+            prop: "callName",
+          },
+          {
+            label: "联系电话",
+            prop: "callTel",
+            display: false,
+          },
+          {
+            label: "招聘中",
+            prop: "recruitCount",
+            display: false,
+          },
+          // {
+          //   label: "任务中",
+          //   prop: "startCount",
+          //   display: false,
+          // },
+          {
+            label: "已完成",
+            prop: "completCount",
+            display: false,
+          },
+          // {
+          //   label: "已失效",
+          //   prop: "invalidCount",
+          // },
+          {
+            label: "未发布",
+            prop: "rejectCount",
+            display: false,
+          },
+
+          // {
+          //   label: "待支付（人）",
+          //   prop: "nonPaycount",
+          //   display: false,
+          // },
+          // {
+          //   label: "已支付",
+          //   prop: "payCount",
+          //   display: false,
+          // },
+          // {
+          //   label: "已发放",
+          //   prop: "userPayCount",
+          //   display: false,
+          // },
+          // {
+          //   label: "工资发放逾期",
+          //   prop: "expiryCount",
+          //   display: false,
+          // },
+          {
+            label: "发布时间",
+            prop: "openTime",
+            slot: true,
+            display: false
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    dateFormat,
+    rowView(row) {
+      this.$emit('searchCompanyName', row.companyName)
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.listInit(this.query)
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.listInit(this.query)
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.init(this.query)
+    },
+    init(search){
+      this.page.currentPage = 1
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      gatherList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    listInit(search){
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      gatherList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/manage/recruit/index.vue

@@ -0,0 +1,514 @@
+<template>
+  <basic-container>
+    <!--搜索栏-->
+    <el-form
+      size="small"
+      label-position="right"
+      style="padding-left: 10px; padding-right: 10px"
+      :inline="true"
+    >
+      <el-row :span="24">
+        <el-form-item label="社区街道名称:">
+          <el-input
+            v-model="query.companyName"
+            placeholder="社区街道名称"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="岗位编码:">
+          <el-input
+            v-model="query.missionNo"
+            placeholder="岗位编码"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="岗位标题:">
+          <el-input
+            v-model="query.jobName"
+            placeholder="岗位标题"
+            clearable
+          ></el-input>
+        </el-form-item>
+<!--        <el-form-item>-->
+<!--          <el-select v-model="query.type" placeholder="请选择搜索时间类型">-->
+<!--            <el-option label="岗位开始日期" :value="0"></el-option>-->
+<!--            <el-option label="岗位结束日期" :value="2"></el-option>-->
+<!--            &lt;!&ndash; <el-option label="报名截止日期" :value="3"></el-option> &ndash;&gt;-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+        <el-form-item label="日期范围:">
+          <el-date-picker
+            v-model="query.time"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+        </el-form-item>
+<!--        <tool-tip></tool-tip>-->
+        <br>
+        <el-form-item label="岗位状态：">
+          <el-select v-model="query.jobStatus">
+            <el-option
+              v-for="(item, index) in option.mStatusList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <div class="searchBtn">
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-search"
+            @click="searchChange1"
+            >搜 索</el-button
+          >
+          <el-button size="small" icon="el-icon-delete" @click="searchReset1"
+            >清 空</el-button
+          >
+        </div>
+      </el-row>
+    </el-form>
+    <!--搜索-->
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      :before-close="beforeClose"
+      :page.sync="page"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <template slot="menuLeft">
+        <el-button
+          v-if="vaildData(permission.manage_mission_check, false)"
+          size="small"
+          @click.stop="handleCheck"
+          type="primary"
+          >审核</el-button
+        >
+      </template>
+      <template slot="menuRight">
+        <el-button size="small" @click.stop="downRecords" type="primary"
+          >导出</el-button
+        >
+      </template>
+      <template slot-scope="{ row }" slot="menu">
+        <el-button
+          type="text"
+          size="small"
+          @click.stop="rowView(row)"
+          v-if="vaildData(permission.manage_mission_view, false)"
+          >详情</el-button
+        >
+        <el-button
+          type="text"
+          size="small"
+          @click.stop="rowZPView(row)"
+          v-if="vaildData(permission.manage_mission_zpview, false)"
+          >报名详情</el-button
+        >
+      </template>
+    </avue-crud>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <post-view :model="view"></post-view>
+    </el-drawer>
+    <zp-view ref="zpView"></zp-view>
+    <wage-view ref="wageView"></wage-view>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getList,
+  review,
+  complet,
+  getDetail,
+  download,
+} from "@/api/workstation/post";
+import { mapGetters } from "vuex";
+import postView from "@/views/util/post-view.vue";
+import zpView from "./zpView.vue";
+import { companyPostState, wageUnitCategoryState } from "@/common/dic";
+import { calcDate } from "@/util/date";
+import { Message } from "element-ui";
+import lodash from "lodash";
+
+const message = lodash.throttle(
+  function (options) {
+    Message(options);
+  },
+  3000,
+  { trailing: false }
+);
+
+export default {
+  components: {postView, zpView},
+  name: "manage_mission",
+  data() {
+    return {
+      view: {},
+      form: {},
+      selectionList: [],
+      query: { type: '' },
+      loading: false,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      checkDialog: false,
+      finishDialog: false,
+      viewDrawer: false,
+      mStatusList: [
+        { value: 1, label: "招聘中" },
+        { value: 2, label: "任务中" },
+        { value: 3, label: "已完成" },
+        { value: 4, label: "已失效" },
+        {
+          label: "审核未通过",
+          value: 9,
+        },
+      ],
+      option: {
+        height: "auto",
+        tip: false,
+        columnBtn: false,
+        searchShow: true,
+        searchMenuSpan: 5,
+        menuWidth: 270,
+        border: true,
+        selection: true,
+        viewBtn: false,
+        addBtn: false,
+        editBtn: false,
+        delBtn: false,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        mStatusList: companyPostState,
+        column: [
+          {
+            label: "社区街道名称",
+            prop: "companyName",
+            display: false,
+          },
+          {
+            label: "岗位编码",
+            prop: "missionNo",
+            display: false,
+          },
+          {
+            label: "岗位标题",
+            prop: "jobName",
+            display: false,
+          },
+          {
+            label: "招聘人数",
+            prop: "peopleNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "申请人数",
+            prop: "applyNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "确认人数",
+            prop: "applyPassNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "岗位时长",
+            prop: "missionDuration",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            minWidth: 70,
+            hide: true,
+          },
+          {
+            label: "",
+            prop: "time",
+            type: "date",
+            hide: true,
+            valueFormat: "yyyy-MM-dd",
+          },
+          {
+            label: "岗位开始日期",
+            prop: "stime",
+            type: "date",
+            display: false,
+            minWidth: 100,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "岗位结束日期",
+            prop: "etime",
+            type: "date",
+            display: false,
+            minWidth: 100,
+            hide: true,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "报名截止日期",
+            prop: "etimePub",
+            type: "date",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            minWidth: 100,
+            hide: true,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "工资",
+            prop: "wage",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            width: 80,
+          },
+          {
+            label: "工资单位",
+            prop: "wageUnitCategory",
+            search: false,
+            dicData: wageUnitCategoryState,
+            searchSpan: 5,
+            display: false,
+            hide: true,
+          },
+          {
+            label: "岗位状态",
+            type: "select",
+            prop: "jobStatus",
+            dicData: companyPostState,
+            display: false,
+            span: 24,
+            width: 80,
+          },
+          // {
+          //   label:"备注",
+          //   prop:"jobDescription"
+          // }
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    permissionList() {
+      return {
+        viewBtn: this.vaildData(
+          this.permission.manage_station_mainList_view,
+          false
+        ),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids;
+    },
+  },
+  methods: {
+    initData() {
+      this.onLoad(this.page, this.query);
+    },
+    rowView(row) {
+      getDetail(row.missionNo).then((resp) => {
+        this.viewDrawer = true;
+        this.view = resp.data.data;
+      });
+    },
+    rowZPView(row) {
+      this.$refs.zpView.open(row.missionNo);
+    },
+    handleWageView(row) {
+      this.$refs.wageView.open(row.missionNo);
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      if (params.time) {
+        params.stime = params.time[0];
+        params.etime = params.time[1];
+        delete params.time;
+      }
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    searchChange1() {
+      if (this.query.time) {
+        this.query.stime = this.query.time[0];
+        this.query.etime = this.query.time[1];
+       // delete this.query.time;
+      }
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+    },
+    searchReset1() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    beforeOpen(done, type) {
+      if (["add", "edit"].includes(type)) {
+        this.initData();
+        done();
+      }
+      if (["edit", "view"].includes(type)) {
+        this.loading = true;
+      }
+    },
+    beforeClose(done) {
+      done();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      params = Object.assign(this.query, params);
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.data.map((val) => {
+          val.missionDuration =
+            calcDate(
+              new Date(val.stime).getTime(),
+              new Date(val.etime).getTime()
+            ).days + "天";
+          val.payStatus =
+            (val.payPersonTotal && val.payPersonTotal) > 0
+              ? "已支付"
+              : "未支付";
+        });
+      });
+    },
+    handleDelay(row) {
+      this.$refs.delay.open(row.missionNo);
+    },
+    handleCheck() {
+      if (this.ids.length < 1) {
+        message({
+          type: "warning",
+          message: "请至少选择一条数据",
+        });
+        return;
+      }
+      let idList = [];
+      for (let i = 0; i < this.ids.length; i++) {
+        this.data.forEach((ele) => {
+          if (ele.jobStatus == 1 && ele.id == this.ids[i]) {
+            idList.push(ele.id);
+          }
+        });
+      }
+
+      if (idList.length == 0) {
+        this.$message.error("只能驳回【招聘中】的任务");
+      } else {
+        let h = this.$createElement;
+        this.$prompt(
+          h("p", { style: "color: #F56C6C" }, "一旦驳回无法进行后续操作"),
+          "您确定要驳回此任务吗？",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            inputType: "textarea",
+            inputPlaceholder: "备注驳回原因",
+          }
+        )
+          .then(({ value }) => {
+            this.loading = true;
+            review(idList.join(","), value)
+              .then(() => {
+                this.loading = false;
+                this.onLoad(this.page, this.params);
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+              })
+              .catch(() => {
+                this.loading = false;
+              });
+          })
+          .catch(() => {});
+      }
+    },
+    downRecords() {
+      if (this.query.time) {
+        this.query.stime = this.query.time[0];
+        this.query.etime = this.query.time[1];
+       // delete this.query.time;
+      }
+      window.open(download(this.query));
+
+    },
+
+  },
+};
+</script>
+
+<style>
+  .el-form-item {
+    margin-right: 18px !important;
+  }
+.searchBtn{
+  display: inline-block;
+}
+</style>

src/views/manage/recruit/zpView.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-drawer title="工资情况" :visible.sync="visible" size="60%" append-to-body>
+  <el-drawer title="报名详情" :visible.sync="visible" size="60%" append-to-body>
     <avue-crud
       :option="option"
       :table-loading="loading"
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { getWageView } from "@/api/manage/mission";
+import { getZPView } from "@/api/workstation/post";
 import { mapGetters } from "vuex";
 
 export default {
@@ -63,7 +63,7 @@ export default {
             label: "姓名",
             prop: "realName",
             search: true,
-            searchSpan: 4,
+            searchSpan: 7,
             searchLabelWidth: 50,
             display: false,
           },
@@ -72,31 +72,24 @@ export default {
             prop: "cardNumber",
             search: true,
             display: false,
-            searchLabelWidth: 86,
+            searchLabelWidth: 100,
             searchSpan: 7,
           },
           {
             type: "select",
-            label: "发工资情况",
+            label: "报名详情",
             prop: "status",
             display: false,
             search: true,
-            searchLabelWidth: 86,
             searchSpan: 7,
             dicData: [
-              { label: "处理中", value: 0 },
+              { label: "申请中", value: 1 },
-              { label: "发放成功", value: 1 },
+              { label: "申请通过", value: 2 },
-              { label: "未发放", value: 6 },
+              { label: "申请未通过", value: 3 },
-              { label: "发放中", value: 7 },
+              { label: "已完成", value: 4 },
-              { label: "发放失败", value: 8 },
+              { label: "申请无效（其他）", value: 9 },
-              { label: "异常", value: 9 },
             ],
           },
-          {
-            label: "发放时间",
-            prop: "accountTime",
-            display: false,
-          },
         ],
       },
       data: [],
@@ -157,7 +150,7 @@ export default {
     },
     onLoad(page, params = {}) {
       this.loading = true;
-      getWageView(
+      getZPView(
         page.currentPage,
         page.pageSize,
         this.missionNo,

src/views/manage/works/delayDialog.vue

@@ -1,89 +0,0 @@
-<template>
-  <el-dialog title="发工资延期" :visible.sync="dialogVisible" append-to-body @closed="handleClose">
-    <avue-form ref="form" v-model="form" :option="option" @submit="submit"></avue-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="handleClose">取 消</el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-  import { delay } from "@/api/manage/mission";
-
-  export default {
-    props: {},
-    data() {
-      return {
-        form: {},
-        id: null,
-        dialogVisible: false,
-        option: {
-          menuBtn: false,
-          column: [
-            {
-              type: "date",
-              label: "延期到",
-              span: 24,
-              display: true,
-              format: "yyyy-MM-dd",
-              valueFormat: "yyyy-MM-dd",
-              size: "small",
-              prop: "expiryTime",
-              pickerOptions: {
-                disabledDate(time) {
-                  const now = new Date().getTime();
-                  return time.getTime() < now
-                }
-              },
-              rules: [
-                {
-                  required: true,
-                  message: "延期到必须填写",
-                },
-              ],
-              
-            },
-            {
-              type: "textarea",
-              label: "备注",
-              span: 24,
-              display: true,
-              size: "small",
-              prop: "remarks",
-            },
-          ],
-        },
-      };
-    },
-    methods: {
-      confirm() {
-        this.$refs.form.submit();
-      },
-      submit(row, done) {
-        delay(this.id, `${row.expiryTime} 23:59:59`, row.remarks)
-          .then(() => {
-            done();
-            this.$message({ type: "success", message: "操作成功" });
-            this.dialogVisible = false;
-            this.$emit("success");
-          })
-          .catch(() => {
-            done();
-          });
-      },
-      handleClose() {
-        this.$refs.form.resetForm();
-        this.dialogVisible = false;
-      },
-      open(id) {
-        this.id = id;
-        this.dialogVisible = true;
-      },
-    },
-    computed: {},
-  };
-</script>
-
-<style>
-</style>

src/views/manage/works/index.vue

@@ -94,28 +94,21 @@
       @refresh-change="refreshChange"
       @on-load="onLoad"
     >
-      <!-- <template slot="menuLeft">
+      <template slot="menuLeft">
         <el-button
           v-if="vaildData(permission.manage_mission_check, false)"
           size="small"
           @click.stop="handleCheck"
           type="primary"
-          >任务审核</el-button
+          >审核</el-button
         >
-      </template> -->
+      </template>
       <template slot="menuRight">
         <el-button size="small" @click.stop="downRecords" type="primary"
           >导出</el-button
         >
       </template>
       <template slot-scope="{ row }" slot="menu">
-        <el-button
-          v-if="vaildData(permission.manage_mission_delay, false) && row.jobStatus==3"
-          size="small"
-          @click.stop="handleDelay(row)"
-          type="text"
-          >发工资延期</el-button
-        >
         <el-button
           type="text"
           size="small"
@@ -130,13 +123,6 @@
           v-if="vaildData(permission.manage_mission_zpview, false)"
           >报名详情</el-button
         >
-        <el-button
-          v-if="row.jobStatus==2"
-          size="small"
-          @click.stop="handleFinish(row)"
-          type="text"
-          >完成任务</el-button
-        >
       </template>
     </avue-crud>
     <delay-dialog
@@ -161,10 +147,8 @@ import {
   download,
 } from "@/api/workstation/post";
 import { mapGetters } from "vuex";
-import delayDialog from "./delayDialog";
 import postView from "@/views/util/post-view";
 import zpView from "./zpView";
-import wageView from "./wageView";
 import { companyPostState, wageUnitCategoryState } from "@/common/dic";
 import { calcDate } from "@/util/date";
 import { Message } from "element-ui";
@@ -179,7 +163,7 @@ const message = lodash.throttle(
 );
 
 export default {
-  components: { delayDialog, postView, zpView, wageView },
+  components: {postView, zpView},
   name: "manage_mission",
   data() {
     return {
@@ -511,43 +495,6 @@ export default {
           .catch(() => {});
       }
     },
-    handleFinish(row) {
-        if (row.jobStatus!=2) {
-            this.$message.error('只能提前完成【任务中】的任务')
-        }
-        /*只能提前完成【任务中】的任务*/
-        else{
-          let h = this.$createElement;
-        this.$confirm(
-          h("p", { style: "color: #F56C6C" }, "一旦确定无法修改"),
-          "您确定要提前此任务吗？",
-          {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注原因",
-          }
-        )
-          .then(() => {
-            this.loading = true;
-            complet(row.id)
-              .then(() => {
-                this.$message({
-                  type: "success",
-                  message: "操作成功!",
-                });
-                this.loading = false;
-                this.onLoad(this.page, this.query);
-              })
-              .catch(() => {
-                this.loading = false;
-              });
-          })
-          .catch(() => { });
-        }
-    },
     downRecords() {
       if (this.query.time) {
         this.query.stime = this.query.time[0];

src/views/manage/works/wageView.vue

@@ -1,177 +0,0 @@
-<template>
-  <el-drawer title="工资情况" :visible.sync="visible" size="60%" append-to-body>
-    <avue-crud
-      :option="option"
-      :table-loading="loading"
-      :data="data"
-      ref="crud"
-      v-model="form"
-      :permission="permissionList"
-      :page.sync="page"
-      @search-change="searchChange"
-      @search-reset="searchReset"
-      @selection-change="selectionChange"
-      @current-change="currentChange"
-      @size-change="sizeChange"
-      @refresh-change="refreshChange"
-      @on-load="onLoad"
-    ></avue-crud>
-  </el-drawer>
-</template>
-
-<script>
-import { getWageView } from "@/api/manage/mission";
-import { mapGetters } from "vuex";
-
-export default {
-  props: {},
-  data() {
-    return {
-      missionNo: null,
-      form: {},
-      selectionList: [],
-      query: {},
-      loading: true,
-      parentId: 0,
-      page: {
-        pageSize: 10,
-        currentPage: 1,
-        total: 0,
-      },
-      visible: false,
-      checkDialog: false,
-      delayDialog: false,
-      zpviewDialog: false,
-      finishDialog: false,
-      option: {
-        height: "auto",
-        tip: false,
-        searchShow: true,
-        searchMenuSpan: 6,
-        border: true,
-        index: false,
-        selection: false,
-        viewBtn: false,
-        addBtn: false,
-        menu: false,
-        menuWidth: 300,
-        dialogClickModal: false,
-        dialogType: "drawer",
-        dialogFullscreen: true,
-        column: [
-          {
-            label: "姓名",
-            prop: "realName",
-            search: true,
-            searchSpan: 4,
-            searchLabelWidth: 50,
-            display: false,
-          },
-          {
-            label: "身份证号码",
-            prop: "cardNumber",
-            search: true,
-            display: false,
-            searchLabelWidth: 86,
-            searchSpan: 7,
-          },
-          {
-            type: "select",
-            label: "发工资情况",
-            prop: "status",
-            display: false,
-            search: true,
-            searchLabelWidth: 86,
-            searchSpan: 7,
-            dicData: [
-              { label: "处理中", value: 0 },
-              { label: "发放成功", value: 1 },
-              { label: "未发放", value: 6 },
-              { label: "发放中", value: 7 },
-              { label: "发放失败", value: 8 },
-              { label: "异常", value: 9 },
-            ],
-          },
-          {
-            label: "发放时间",
-            prop: "accountTime",
-            display: false,
-          },
-        ],
-      },
-      data: [],
-    };
-  },
-  computed: {
-    ...mapGetters(["userInfo", "permission"]),
-    permissionList() {
-      return {
-        viewBtn: this.vaildData(
-          this.permission.manage_station_mainList_view,
-          false
-        ),
-      };
-    },
-    ids() {
-      let ids = [];
-      this.selectionList.forEach((ele) => {
-        ids.push(ele.id);
-      });
-      return ids;
-    },
-  },
-  methods: {
-    initData() {
-      this.onLoad(this.page, this.query);
-    },
-    open(missionNo) {
-      this.missionNo = missionNo;
-      this.initData();
-      this.visible = true;
-    },
-    searchReset() {
-      this.query = {};
-      this.onLoad(this.page);
-    },
-    searchChange(params, done) {
-      this.query = params;
-      this.page.currentPage = 1;
-      this.onLoad(this.page, params);
-      done();
-    },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.crud.toggleSelection();
-    },
-    currentChange(currentPage) {
-      this.page.currentPage = currentPage;
-    },
-    sizeChange(pageSize) {
-      this.page.pageSize = pageSize;
-    },
-    refreshChange() {
-      this.onLoad(this.page, this.query);
-    },
-    onLoad(page, params = {}) {
-      this.loading = true;
-      getWageView(
-        page.currentPage,
-        page.pageSize,
-        this.missionNo,
-        Object.assign(this.query, params)
-      ).then((res) => {
-        const data = res.data.data;
-        this.page.total = data.total;
-        this.data = data.records;
-        this.loading = false;
-      });
-    },
-  },
-};
-</script>
-
-<style>
-</style>

vue.config.js

@@ -23,10 +23,10 @@ module.exports = {
     port: 1888,
     proxy: {
       "/api": {
-        // target: 'http://192.168.3.104:8000', // 本地服务接口地址
+        target: 'http://localhost:8000', // 本地服务接口地址
         // target: "http://39.98.184.58:8000",  // 阿里云后台地址
         // target: "http://192.168.3.108:8000",  // 本地
-        target: 'http://192.168.3.111:8000',
+        // target: 'http://192.168.3.111:8000',
         ws: true,
         changeOrigin: true,
         pathRewrite: {