flat: 暂存

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>

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.dialogFlag = true
-        this.$prompt(
+        this.selectIdList = idList
-          h("p", {style: "color: #F56C6C"}, "一旦驳回无法进行后续操作"),
+      }
-          "请核对招聘信息后再进行审核通过",
+    },
-          {
+    diaLogCancel(value) {
-            distinguishCancelAndClose: true,
+      if (!value) {
-            confirmButtonText: "通 过",
-            cancelButtonText: "驳 回",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注驳回原因",
-            beforeClose: function (action, instance, done) {
-              if (action === 'cancel') {
-                if (!instance.inputValue) {
         return this.$message({
           type: "info",
           message: "请输入驳回原因!",
         });
       }
-                self.handelFetchAuditing(idList, 9, instance.inputValue, "成功驳回, 操作成功!").then(() => done())
+      this.handelFetchAuditing(this.selectIdList, 9, value, "成功驳回, 操作成功!").then(() => {
-              } else if (action === 'confirm') {
+        this.dialogFlag = false
-                self.handelFetchAuditing(idList, 1, instance.inputValue).then(() => done())
+      })
-              } else {
+    },
-                done()
+    diaLogConfirm(value) {
-              }
+      this.handelFetchAuditing(this.selectIdList, 1, value).then(() => {
-            }
+        this.dialogFlag = false
-          }
+      })
-        )
-      }
     },
     handelFetchAuditing(idList, reviewState, msg, message) {
       return new Promise((resolve, reject) => {

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.dialogFlag = true
-        this.$prompt(
+        this.selectIdList = idList
-          h("p", { style: "color: #F56C6C" }, "一旦驳回无法进行后续操作"),
+      }
-          "请核对招聘信息后再进行审核通过",
+    },
-          {
+    diaLogCancel(value) {
-            distinguishCancelAndClose: true,
+      if (!value) {
-            confirmButtonText: "通 过",
-            cancelButtonText: "驳 回",
-            type: "warning",
-            center: true,
-            inputType: "textarea",
-            inputPlaceholder: "备注驳回原因",
-            beforeClose: function(action, instance, done) {
-              if(action === 'cancel') {
-                if (!instance.inputValue) {
         return this.$message({
           type: "info",
           message: "请输入驳回原因!",
         });
       }
-                self.handelFetchAuditing(idList, 9, instance.inputValue, "成功驳回, 操作成功!").then(() => done())
+      this.handelFetchAuditing(this.selectIdList, 9, value, "成功驳回, 操作成功!").then(() => {
-              } else if(action === 'confirm') {
+        this.dialogFlag = false
-                self.handelFetchAuditing(idList, 1, instance.inputValue).then(() => done())
+      })
-              } else {
+    },
-                done()
+    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;
 }

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: {