flat: 暂存

2024-05-09 14:34:59 +08:00
parent 461fa8aa5c
commit fd43fc1267
4 changed files with 206 additions and 85 deletions
--- a/src/components/promptDialog/index.vue
+++ b/src/components/promptDialog/index.vue
@@ -0,0 +1,100 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="visible"
+    width="40%"
+    :before-close="handleClose"
+    append-to-body>
+    <span>{{ subTitle }}</span>
+    <div class="input_box">
+      <el-input type="textarea" v-model="input" placeholder="请输入内容"></el-input>
+    </div>
+    <div class="kuajie">
+      <div class="kuajie_span" v-for="(item, index) in tips" :key="index" @click="input += item">{{ index + 1 }}:{{
+          item
+        }}
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">取 消</el-button>
+        <el-button type="warning" @click="handleCancel">驳回</el-button>
+      <el-button type="primary" @click="handleConfirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+
+const classEnum = {
+  small: '56px',
+  default: '86px',
+  large: '106px',
+  largeX: '126px',
+  largeXX: '146px',
+  largeXXL: '186px',
+}
+export default {
+  name: "promptDialog",
+  data() {
+    return {
+      input: '',
+    }
+  },
+  props: {
+    visible: {
+      default: false,
+      type: Boolean,
+      required: true,
+    },
+    fullScreen: {
+      default: false,
+      type: Boolean,
+      required: false,
+    },
+    title: String,
+    subTitle: String,
+    tips: {
+      default: [],
+      type: Array,
+      required: false,
+    }
+  },
+  computed: {},
+  methods: {
+    handleClose() {
+      this.$emit('onClose')
+    },
+    handleCancel() {
+      this.$emit('onCancel', this.input)
+    },
+    handleConfirm() {
+      this.$emit('onConfirm', this.input)
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.input_box {
+  margin-top: 50px;
+}
+
+.kuajie {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin-top: 30px;
+
+  .kuajie_span {
+    padding: 5px 5px;
+    margin-right: 20px;
+    color: #666666;
+    cursor: pointer;
+  }
+
+  .kuajie_span:active {
+    color: blue;
+  }
+}
+</style>
--- a/src/views/manage/mission/index.vue
+++ b/src/views/manage/mission/index.vue
@@ -184,6 +184,21 @@
      <mission-view :model="view"></mission-view>
    </el-drawer>
    <zp-view ref="zpView"></zp-view>
+    <PromptDialog
+      :visible="dialogFlag"
+      title="审核"
+      sub-title="请核对招聘信息后再进行审核通过， 一旦驳回无法进行后续操作"
+      :tips="[
+        '招聘职位描述不清晰或过于简单；',
+        '招聘职位与公司业务不相关；',
+        '招聘职位存在违法违规行为；',
+        '招聘职位的薪资、福利等待遇不符合市场标准；',
+        '用工单位资质不符；',
+      ]"
+      @onClose="dialogFlag = false"
+      @onCancel="diaLogCancel"
+      @onConfirm="diaLogConfirm"
+    ></PromptDialog>
  </basic-container>
 </template>

@@ -204,6 +219,7 @@ import zpView from "./zpView";
 import {missionState, wageUnitCategoryState, recruitStatus, dataSourcesEnum, educationState} from "@/common/dic";
 import {calcDate} from "@/util/date";
 import {Message} from "element-ui";
+import PromptDialog from "@/components/promptDialog/index.vue";

 const wageUnitCategoryStateEnum = {}
 wageUnitCategoryState.map((item) => {
@@ -220,10 +236,12 @@ const message = lodash.throttle(
 );

 export default {
-  components: {missionView, zpView},
+  components: {missionView, zpView, PromptDialog},
  name: "manage_mission",
  data() {
    return {
+      dialogFlag: false,
+      selectIdList: [],
      recruitStatus,
      dataSourcesEnum,
      educationState,
@@ -557,36 +575,25 @@ export default {
      if (idList.length == 0) {
        this.$message.error("只能驳回【招聘中】的任务");
      } else {
-        let h = this.$createElement;
-        this.$prompt(
-          h("p", {style: "color: #F56C6C"}, "一旦驳回无法进行后续操作"),
-          "请核对招聘信息后再进行审核通过",
-          {
-            distinguishCancelAndClose: true,
-            confirmButtonText: "通 过",
-            cancelButtonText: "驳 回",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注驳回原因",
-            beforeClose: function (action, instance, done) {
-              if (action === 'cancel') {
-                if (!instance.inputValue) {
+        this.dialogFlag = true
+        this.selectIdList = idList
+      }
+    },
+    diaLogCancel(value) {
+      if (!value) {
        return this.$message({
          type: "info",
          message: "请输入驳回原因!",
        });
      }
-                self.handelFetchAuditing(idList, 9, instance.inputValue, "成功驳回, 操作成功!").then(() => done())
-              } else if (action === 'confirm') {
-                self.handelFetchAuditing(idList, 1, instance.inputValue).then(() => done())
-              } else {
-                done()
-              }
-            }
-          }
-        )
-      }
+      this.handelFetchAuditing(this.selectIdList, 9, value, "成功驳回, 操作成功!").then(() => {
+        this.dialogFlag = false
+      })
+    },
+    diaLogConfirm(value) {
+      this.handelFetchAuditing(this.selectIdList, 1, value).then(() => {
+        this.dialogFlag = false
+      })
    },
    handelFetchAuditing(idList, reviewState, msg, message) {
      return new Promise((resolve, reject) => {
--- a/src/views/manage/works/index.vue
+++ b/src/views/manage/works/index.vue
@@ -69,10 +69,12 @@
            size="small"
            icon="el-icon-search"
            @click="searchChange1"
-            >搜 索</el-button
+          >搜 索
+          </el-button
          >
          <el-button size="small" icon="el-icon-delete" @click="searchReset1"
-            >清 空</el-button
+          >清 空
+          </el-button
          >
        </div>
      </el-row>
@@ -104,7 +106,8 @@
          size="small"
          @click.stop="handleCheck"
          type="primary"
-          >审核</el-button
+        >审核
+        </el-button
        >
      </template>
      <!-- <template slot="menuRight">
@@ -118,7 +121,8 @@
          size="small"
          @click.stop="rowView(row)"
          v-if="vaildData(permission.manage_mission_view, false)"
-          >详情</el-button>
+        >详情
+        </el-button>
        <!-- <el-button
          type="text"
          size="small"
@@ -128,7 +132,8 @@
      </template>
      <template slot="menuRight">
        <el-button size="small" :disabled="downloadButton" @click.stop="downRecords" type="primary"
-        >导出</el-button
+        >导出
+        </el-button
        >
      </template>
      <template slot="wage" slot-scope="{ row }">
@@ -145,6 +150,21 @@
    </el-drawer>
    <zp-view ref="zpView"></zp-view>
    <wage-view ref="wageView"></wage-view>
+    <PromptDialog
+      :visible="dialogFlag"
+      title="审核"
+      sub-title="请核对招聘信息后再进行审核通过， 一旦驳回无法进行后续操作"
+      :tips="[
+        '招聘职位描述不清晰或过于简单；',
+        '招聘职位与公司业务不相关；',
+        '招聘职位存在违法违规行为；',
+        '招聘职位的薪资、福利等待遇不符合市场标准；',
+        '用工单位资质不符；',
+      ]"
+      @onClose="dialogFlag = false"
+      @onCancel="diaLogCancel"
+      @onConfirm="diaLogConfirm"
+    ></PromptDialog>
  </basic-container>
 </template>

@@ -171,6 +191,8 @@ import { calcDate } from "@/util/date";
 import {Message} from "element-ui";
 import lodash from "lodash";
 import {Auditing} from "@/api/manage/mission";
+import PromptDialog from "@/components/promptDialog/index.vue";
+
 const wageUnitCategoryStateEnum = {}
 wageUnitCategoryState.map((item) => {
  wageUnitCategoryStateEnum[item.value] = item.label
@@ -184,10 +206,12 @@ const message = lodash.throttle(
 );

 export default {
-  components: {postView, zpView},
+  components: {postView, zpView, PromptDialog},
  name: "manage_mission",
  data() {
    return {
+      dialogFlag: false,
+      selectIdList: [],
      recruitStatus,
      dataSourcesEnum,
      educationState,
@@ -522,36 +546,25 @@ export default {
      if (idList.length == 0) {
        this.$message.error("只能驳回【招聘中】的任务");
      } else {
-        let h = this.$createElement;
-        this.$prompt(
-          h("p", { style: "color: #F56C6C" }, "一旦驳回无法进行后续操作"),
-          "请核对招聘信息后再进行审核通过",
-          {
-            distinguishCancelAndClose: true,
-            confirmButtonText: "通 过",
-            cancelButtonText: "驳 回",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注驳回原因",
-            beforeClose: function(action, instance, done) {
-              if(action === 'cancel') {
-                if (!instance.inputValue) {
+        this.dialogFlag = true
+        this.selectIdList = idList
+      }
+    },
+    diaLogCancel(value) {
+      if (!value) {
        return this.$message({
          type: "info",
          message: "请输入驳回原因!",
        });
      }
-                self.handelFetchAuditing(idList, 9, instance.inputValue, "成功驳回, 操作成功!").then(() => done())
-              } else if(action === 'confirm') {
-                self.handelFetchAuditing(idList, 1, instance.inputValue).then(() => done())
-              } else {
-                done()
-              }
-            }
-          }
-        )
-      }
+      this.handelFetchAuditing(this.selectIdList, 9, value, "成功驳回, 操作成功!").then(() => {
+        this.dialogFlag = false
+      })
+    },
+    diaLogConfirm(value) {
+      this.handelFetchAuditing(this.selectIdList, 1, value).then(() => {
+        this.dialogFlag = false
+      })
    },
    handelFetchAuditing(idList, reviewState, msg, message) {
      return new Promise((resolve, reject) => {
@@ -603,6 +616,7 @@ export default {
 .el-form-item {
  margin-right: 18px !important;
 }
+
 .searchBtn {
  display: inline-block;
 }
--- a/vue.config.js
+++ b/vue.config.js
@@ -23,7 +23,7 @@ module.exports = {
    port: 1888,
    proxy: {
      "/api": {
-        target: 'http://192.168.1.105:8000',
+        target: 'http://10.165.0.173:8000',
        ws: true,
        changeOrigin: true,
        pathRewrite: {