From 694ee472ad6dc9495723525af887c80e33eb84e8 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Thu, 23 Nov 2023 14:59:01 +0800
Subject: [PATCH] 1

---
 src/components/FirstJob/joblist.vue                | 143 +++++++++++++++++++--
 .../usercenter/components/dataStatistics.vue       |   6 +-
 src/style/index.less                               |  45 ++++---
 3 files changed, 166 insertions(+), 28 deletions(-)

diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 01c1e71..c5be0b7 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -191,10 +191,12 @@
         </ul>-->
         <div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
           <a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style allow-clear>
-            <div slot="prefix" @focus.stop tabindex="0" @click.stop="visible = true">
-              <span>{{ currentCity }}</span>
-              <i class="iconfont icon-sousuoxiala"></i>
-              <i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
+            <div slot="prefix" class="fsa w100" @focus.stop tabindex="0" @click.stop="visible = true">
+              <span class="dpib esl" style="width:60px">{{ currentCity }}</span>
+              <div>
+                <i class="iconfont icon-sousuoxiala"></i>
+                <i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
+              </div>
             </div>
             <button slot="suffix" @click="onSearch" style>搜索</button>
           </a-input>
@@ -254,6 +256,10 @@
                   {{ filterObj.gender }}
                   <i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i>
                 </span>
+                <span @click="delFilter($event, 'age')" v-show="filterObj.age">
+                  {{ filterObj.age }}
+                  <i class="iconfont icon-guanbi2" v-show="filterObj.age"></i>
+                </span>
                 <span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">
                   {{ item.name }}
                   <i class="iconfont icon-guanbi2"></i>
@@ -291,13 +297,13 @@
               <dd>
                 <div class="ageinputbox">
                   <!-- <div> -->
-                  <a-input class="ageinput" v-model="minMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
+                  <a-input class="ageinput" v-model="minMonthlyPay" :maxLength="5" type="text" allow-clear prefix="￥" @input="resetPriceSearch" @click.stop="
 											() => {
 												return false;
 											}
 										"></a-input>
                   <span class="middle-line">-</span>
-                  <a-input class="ageinput" v-model="maxMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
+                  <a-input class="ageinput" v-model="maxMonthlyPay" :maxLength="5" type="text" allow-clear prefix="￥" @input="resetPriceSearch" @click.stop="
 											() => {
 												return false;
 											}
@@ -323,6 +329,29 @@
                 </i>
               </dd>
             </dl>
+            <dl class="price">
+              <dt>年龄：</dt>
+              <dd>
+                <div class="ageinputbox">
+                  <!-- <div> -->
+                  <a-input class="ageinput age" v-model="minAge" :maxLength="3" type="text" allow-clear suffix="岁" @input="resetAgeSearch" @click.stop="
+											() => {
+												return false;
+											}
+										"></a-input>
+                  <span class="middle-line">-</span>
+                  <a-input class="ageinput age" v-model="maxAge" :maxLength="3" type="text" allow-clear suffix="岁" @input="resetAgeSearch" @click.stop="
+											() => {
+												return false;
+											}
+										"></a-input>
+                  <div class="confirm">
+                    <button @click="searchAge">确定</button>
+                  </div>
+                  <!-- </div> -->
+                </div>
+              </dd>
+            </dl>
             <dl>
               <dt>性别：</dt>
               <dd @click="searchGender">
@@ -401,7 +430,8 @@
               <div class="subsetleft" @click="totop">
                 <div class="imgbox">
                   <img v-if="item.logo.length !== 0" :src="item.logo" />
-                  <img v-else src="../../../static/img/nopicture.png" />
+                  <div v-else class="default_avatar">{{item.brandName}}</div>
+                  <!-- <img v-else src="../../../static/img/nopicture.png" /> -->
                 </div>
                 <div class="jobinfobox">
                   <!-- <router-link
@@ -677,6 +707,8 @@ export default {
       relationList: [],
       lng: '',
       lat: '',
+      minAge: '',
+      maxAge: '',
     }
   },
   // 计算属性
@@ -904,6 +936,24 @@ export default {
         }
       }
     },
+    /**
+     * 搜索年龄
+     */
+    searchAge() {
+      console.log(this.minAge)
+      console.log(this.maxAge)
+      if (this.minAge.length != 0 && this.maxAge.length != 0 && typeof +this.minAge == 'number' && typeof +this.maxAge == 'number' && !isNaN(+this.minAge) && !isNaN(+this.maxAge)) {
+        let list = [this.minAge, this.maxAge]
+        list.sort(function (a, b) {
+          return a - b
+        })
+        console.log(list)
+        this.formvalue.ageRangeStr = list[0] + '-' + list[1]
+        this.filterObj.age = this.formvalue.ageRangeStr
+        console.log(this.filterObj.age)
+        this.getJobList()
+      }
+    },
     // 搜索性别
     searchGender(e) {
       console.log(e)
@@ -1187,9 +1237,16 @@ export default {
       if (value == 'price') {
         this.filterObj.price = ''
         this.formvalue.monthlyPayStr = ''
+        this.minMonthlyPay = ''
+        this.maxMonthlyPay = ''
       } else if (value == 'gender') {
         this.filterObj.gender = ''
         this.formvalue.sex = ''
+      } else if (value == 'age') {
+        this.filterObj.age = ''
+        this.formvalue.ageRangeStr = ''
+        this.minAge = ''
+        this.maxAge = ''
       } else {
         this.filterObj.specialactive.splice(this.filterObj.specialactive.indexOf(items), 1)
         if (this.classifyvalue.indexOf(items.id) != -1) {
@@ -1205,7 +1262,7 @@ export default {
       }
       this.getJobList()
     },
-    resetAgeSearch(e) {
+    resetPriceSearch(e) {
       // console.log(e.target.value);
       // console.log(+e.target.value);
       if (this.minMonthlyPay.length == 0 && this.maxMonthlyPay.length == 0) {
@@ -1216,6 +1273,17 @@ export default {
         this.$message.warning('请输入正确的价格')
       }
     },
+    resetAgeSearch(e) {
+      console.log(this.minAge)
+      console.log(this.maxAge)
+      if (this.minAge.length == 0 && this.maxAge.length == 0) {
+        this.formvalue.ageRangeStr = ''
+        this.filterObj.age = ''
+        this.getJobList()
+      } else if (typeof +e.target.value != 'number' || isNaN(+e.target.value)) {
+        this.$message.warning('请输入正确的价格')
+      }
+    },
     cityModalClose() {
       // 城市选择弹出框关闭
       this.cityValue = ''
@@ -1454,6 +1522,7 @@ export default {
       this.currentCity = '全国'
       this.formvalue.cityName = ''
       this.formvalue.levelType = ''
+      this.formvalue.provinceName = ''
       this.getJobList()
     },
     // todetail(item) {
@@ -1797,6 +1866,7 @@ export default {
           width: 80px;
           left: 2px;
           top: 50%;
+          padding: 0 8px;
           background-color: #fff;
           transform: translateY(-50%);
           cursor: pointer;
@@ -1982,6 +2052,7 @@ export default {
       > li:not(.ageinputbox) {
         padding-top: 4px;
       }
+
       .ageinputbox {
         position: relative;
 
@@ -1989,7 +2060,7 @@ export default {
           display: block;
         }
 
-        .ageinput {
+        .ageinput.age {
           position: relative;
           z-index: 3;
           padding: 0;
@@ -2405,7 +2476,7 @@ export default {
                 display: block;
               }
 
-              .ageinput {
+              .ageinput:not(.age) {
                 position: relative;
                 z-index: 3;
                 padding: 0;
@@ -2446,6 +2517,47 @@ export default {
                   right: 3px;
                 }
               }
+              .ageinput {
+                position: relative;
+                z-index: 3;
+                padding: 0;
+                // margin: 0 5px;
+                height: 26px;
+                width: 80px;
+                border-color: #ddd;
+                .ant-input-prefix {
+                  left: 3px;
+                  top: 51%;
+                }
+                &:hover {
+                  input {
+                    border-color: #ff4400;
+                  }
+                }
+                input {
+                  border-radius: 0px;
+                  text-indent: 10px;
+                  height: 26px;
+                  padding: 0;
+                  padding-right: unset;
+                  border-color: #ddd;
+                  &::placeholder {
+                    // text-indent: 30px;
+                    font-size: 14px !important;
+                  }
+                  &:hover {
+                    border-color: #ff4400;
+                    box-shadow: none;
+                  }
+                  &:focus {
+                    border-color: #ff4400;
+                    box-shadow: none;
+                  }
+                }
+                .ant-input-suffix {
+                  right: 3px;
+                }
+              }
               .confirm {
                 position: absolute;
                 display: none;
@@ -2550,6 +2662,17 @@ export default {
             // width: 100%;
             height: 100%;
           }
+          .default_avatar {
+            width: 156px; 
+            height: 156px;
+            display: flex;
+            align-items: center;
+            text-align: center;
+            background-color: #d85043;
+            color: #fff;
+            font-size: 44px;
+            line-height: 1.3;
+          }
         }
         .jobinfobox {
           .jobname {
diff --git a/src/components/userinfo/usercenter/components/dataStatistics.vue b/src/components/userinfo/usercenter/components/dataStatistics.vue
index 9ff60ac..1cb4913 100644
--- a/src/components/userinfo/usercenter/components/dataStatistics.vue
+++ b/src/components/userinfo/usercenter/components/dataStatistics.vue
@@ -428,7 +428,7 @@ export default {
           dataIndex: 'userName',
           key: 'userName',
           ellipsis: true,
-          width: 200,
+          width: 180,
           // scopedSlots: { customRender: 'userName' },
           customRender: (text, row, index) => {
             let sex
@@ -558,7 +558,7 @@ export default {
           dataIndex: 'applyUserName',
           key: 'applyUserName',
           ellipsis: true,
-          width: 150,
+          width: 180,
           slots: { title: 'applyUserName' },
           customRender: (text, row, index) => {
             return row.applyUserName
@@ -998,7 +998,7 @@ export default {
           break
         case 70:
           this.dateType = '交付时间'
-          this.dateVal = 'status40OperateTime'
+          this.dateVal = 'finishedTime'
           break
         default:
           break
diff --git a/src/style/index.less b/src/style/index.less
index 83a58aa..0282730 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -335,9 +335,8 @@ i {
 .pl8 {
 	padding-left: 8px;
 }
-.pl32{
-  padding-left: 32px !important;
-
+.pl32 {
+	padding-left: 32px !important;
 }
 .pr8 {
 	padding-right: 8px;
@@ -434,11 +433,11 @@ i {
 // .f40 {
 // 	font-size: 40px !important;
 // }
-.f56{
-  font-size: 56px !important;
+.f56 {
+	font-size: 56px !important;
 }
-.f64{
-  font-size: 64px !important;
+.f64 {
+	font-size: 64px !important;
 }
 .f320 {
 	font-size: 320px !important;
@@ -475,7 +474,7 @@ i {
 }
 
 .middle {
-  position: relative;
+	position: relative;
 	left: 50%;
 	transform: translateX(-40%);
 }
@@ -483,8 +482,8 @@ i {
 	margin-left: 50%;
 	transform: translateX(-50%);
 }
-.setH{
-  transform: translate(-50%, 50%);
+.setH {
+	transform: translate(-50%, 50%);
 }
 .flex1 {
 	flex: 1;
@@ -493,12 +492,28 @@ i {
 .dn {
 	display: none;
 }
+.esl {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
+	word-break: break-all;
+}
 .bodyContainer {
 	padding: 16px;
 	min-height: calc(100vh - 194px);
 	// height: 97%;
 	background-color: #fff;
 }
+.dpib {
+	white-space: nowrap;
+	display: inline-block;
+	overflow: hidden;
+}
+.w100 {
+	width: 100%;
+}
 .curp {
 	cursor: pointer;
 }
@@ -540,7 +555,7 @@ i {
 // 公用样式类名
 .w {
 	width: 1200px;
-  min-width: 1200px;
+	min-width: 1200px;
 	margin: 0 auto;
 }
 .mb12 {
@@ -549,11 +564,11 @@ i {
 .mt20 {
 	margin-top: 20px;
 }
-.mt48{
-  margin-top: 48px;
+.mt48 {
+	margin-top: 48px;
 }
-.mt60{
-  margin-top: 60px;
+.mt60 {
+	margin-top: 60px;
 }
 .titlestyle {
 	font-size: 16px;