添加招聘评价

pages/main/index/job.vue

@@ -7,15 +7,21 @@
           <div class="status" :style="{color: recruitData.statusColor}">{{recruitData.statusName}}</div>
         </div>
         <div class="salary">薪酬范围：{{recruitData.salaryName}}</div>
-        <div class="skill">技能：
+        <div class="skill">
+          技能：
           <span v-for="(item,index) in recruitData.skills" :key="index">
-            <span v-if="index>0">,</span><span>{{item.name}}</span>
+            <span v-if="index>0">,</span>
+            <span>{{item.name}}</span>
           </span>
         </div>
         <div class="experience">经验：{{recruitData.experienceName}}</div>
       </div>
       <div class="owner-wrapper" @click="handleOwnerClick()">
-        <img class="owner-img" :src="recruitData.ownerInfo && recruitData.ownerInfo.iconUrl || ''" alt="">
+        <img
+          class="owner-img"
+          :src="recruitData.ownerInfo && recruitData.ownerInfo.iconUrl || ''"
+          alt
+        />
         <div class="owner-name">{{recruitData.ownerInfo && recruitData.ownerInfo.nickname || ''}}</div>
       </div>
     </div>
@@ -25,34 +31,56 @@
     </div>
 
     <div class="description-wrapper">
-      <div class="description-title">招聘数据（已投递<span>{{recruitData.countTalk || 0}}</span>人，沟通中
-        <span>{{recruitData.countApplied || 0}}
-      </span>人）</div>
+      <div class="description-title">招聘评价</div>
       <div class="description-content">
-        <el-table
-          :data="recruitData.developers"
-          style="width: 540px">
-          <el-table-column
-            label="UID"
-            width="180">
+        <el-row>
+          <el-col :span="6">
+            <div class="owner-wrapper" @click="handleOwnerClick()">
+              <img
+                class="owner-img"
+                :src="recruitData.ownerInfo && recruitData.ownerInfo.iconUrl || ''"
+                alt
+              />
+              <div
+                class="owner-name"
+              >{{recruitData.ownerInfo && recruitData.ownerInfo.nickname || ''}}</div>
+            </div>
+          </el-col>
+          <el-col :span="18">
+            <div v-if="recruitData.recruitResult != 0">
+              <span v-if="recruitData==4">停止招聘</span>
+              <span v-else>删除岗位</span>
+              ；招聘结果：
+              {{recruitData.recruitResultName}}
+              <span v-if="recruitData.problemsName">；存在问题：{{recruitData.problemsName}}</span>
+              <span v-if="recruitData.advice">；意见反馈：{{recruitData.advice}}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+
+    <div class="description-wrapper">
+      <div class="description-title">
+        招聘数据（已投递
+        <span>{{recruitData.countTalk || 0}}</span>人，沟通中
+        <span>{{recruitData.countApplied || 0}}</span>人）
+      </div>
+      <div class="description-content">
+        <el-table :data="recruitData.developers" style="width: 540px">
+          <el-table-column label="UID" width="180">
             <template slot-scope="scope">
-              <el-link type="primary" target="_blank" @click="openUser(scope.row.uid)">{{scope.row
-                .uid}}</el-link>
+              <el-link type="primary" target="_blank" @click="openUser(scope.row.uid)">
+                {{scope.row
+                .uid}}
+              </el-link>
             </template>
           </el-table-column>
-          <el-table-column
-            label="已投递"
-            width="180">
-            <template slot-scope="scope">
-              {{Number(scope.row.application_state) === 0 ? '否' : '是'}}
-            </template>
+          <el-table-column label="已投递" width="180">
+            <template slot-scope="scope">{{Number(scope.row.application_state) === 0 ? '否' : '是'}}</template>
           </el-table-column>
-          <el-table-column
-            label="沟通中"
-            width="180">
-            <template slot-scope="scope">
-              {{Number(scope.row.talk_state) === 0 ? '否' : '是'}}
-            </template>
+          <el-table-column label="沟通中" width="180">
+            <template slot-scope="scope">{{Number(scope.row.talk_state) === 0 ? '否' : '是'}}</template>
           </el-table-column>
         </el-table>
       </div>
@@ -61,53 +89,58 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        recruitId: '',
-        recruitData: {
-          developers: []
-        }
+export default {
+  data() {
+    return {
+      recruitId: "",
+      recruitData: {
+        developers: []
+      }
+    };
+  },
+  mounted() {
+    this.recruitId = this.$route.query.id;
+    this.getRecruit();
+  },
+  methods: {
+    async getRecruit() {
+      const recruitId = this.recruitId;
+      const data = {
+        recruitId
+      };
+      let res = await this.$post("/api/admin/recruit/getRecruit", data);
+      if (res && res.status === 1) {
+        this.recruitData = res.data;
+        console.log(this.recruitData);
       }
     },
-    mounted() {
-      this.recruitId = this.$route.query.id
-      this.getRecruit()
+    handleOwnerClick() {
+      const recruitData = this.recruitData;
+      // 前往老的后台
+      if (location.hostname === "rooter.proginn.com") {
+        window.open(`https://www.proginn.com/rooter/user/${recruitData.uid}`);
+      } else {
+        window.open(
+          `https://dev.test.proginn.com/rooter/user/${recruitData.uid}`
+        );
+      }
     },
-    methods: {
-      async getRecruit() {
-        const recruitId = this.recruitId
-        const data = {
-          recruitId
-        }
-        let res = await this.$post("/api/admin/recruit/getRecruit", data);
-        if (res && res.status === 1) {
-          this.recruitData = res.data
-          console.log(this.recruitData)
-        }
-      },
-      handleOwnerClick() {
-        const recruitData = this.recruitData
-        // 前往老的后台
-        if (location.hostname === 'rooter.proginn.com') {
-          window.open(`https://www.proginn.com/rooter/user/${recruitData.uid}`)
-        }
-        else {
-          window.open(`https://dev.test.proginn.com/rooter/user/${recruitData.uid}`)
-        }
-      },
-      openUser(uid) {
-        let url = window.location.href;
-        let jumpUrl = ''
-        if(url.indexOf('dev.')!=-1 || url.indexOf('local') !==-1 || url.indexOf('192.168.') !==-1 ){
-          jumpUrl = `https://dev.test.proginn.com/wo/${uid}`;
-        } else {
-          jumpUrl = `https://www.proginn.com/wo/${uid}`;
-        }
-        window.open(jumpUrl, '_black')
+    openUser(uid) {
+      let url = window.location.href;
+      let jumpUrl = "";
+      if (
+        url.indexOf("dev.") != -1 ||
+        url.indexOf("local") !== -1 ||
+        url.indexOf("192.168.") !== -1
+      ) {
+        jumpUrl = `https://dev.test.proginn.com/wo/${uid}`;
+      } else {
+        jumpUrl = `https://www.proginn.com/wo/${uid}`;
       }
+      window.open(jumpUrl, "_black");
     }
   }
+};
 </script>
 
 <style lang="scss" scoped>
@@ -160,7 +193,7 @@
   margin-top: 8px;
   line-height: 20px;
   font-size: 14px;
-  color: #3F51B5;
+  color: #3f51b5;
 }
 .description-wrapper {
   margin-top: 50px;