2.5

src/components/FirstJob/joblist.vue

@@ -10,10 +10,10 @@
       title="报名"
       placement="right"
       :closable="true"
+      :maskClosable="false"
       :visible="visible"
       labelAlign="right"
       width="588"
-      :after-visible-change="afterVisibleChange"
       @close="onClose"
     >
       <a-form-model
@@ -24,14 +24,12 @@
         :wrapperCol="{ span: 21 }"
         :labelCol="{ span: 3 }"
       >
-        <a-form-model-item ref="username" label="代理" prop="username">
-          <a-select v-model="form.proxy" placeholder="请选择民族">
-            <a-select-option :value="applyid">{{ applyid }}</a-select-option>
-          </a-select>
+        <a-form-model-item ref="proxy" label="代理" prop="">
+          <a-input :placeholder="proxyinfo.userName" :disabled="true" />
         </a-form-model-item>
-        <a-form-model-item ref="name" label="姓名" prop="name">
+        <a-form-model-item ref="username" label="姓名" prop="username">
           <a-input
-            v-model="form.name"
+            v-model="form.username"
             placeholder="请输入老乡姓名"
             @blur="
               () => {
@@ -52,7 +50,7 @@
             placeholder="请输入年龄"
             @blur="
               () => {
-                $refs.tel.onFieldBlur(123);
+                $refs.tel.onFieldBlur();
               }
             "
           />
@@ -88,16 +86,40 @@
             <a-select-option :value="applyid">{{ applyid }}</a-select-option>
           </a-select>
         </a-form-model-item>
-        <a-form-model-item ref="username" label="模式" prop="username">
+        <!-- <a-form-model-item ref="username" label="模式" prop="username">
           <a-select v-model="form.pattern" placeholder="请选择民族">
             <a-select-option :value="applyid">{{ applyid }}</a-select-option>
           </a-select>
-        </a-form-model-item>
+        </a-form-model-item> -->
         <a-form-model-item ref="username" label="政策" prop="username">
           <a-select v-model="form.policy" placeholder="请选择民族">
             <a-select-option :value="applyid">{{ applyid }}</a-select-option>
           </a-select>
         </a-form-model-item>
+
+        <a-form-model-item
+          class="upline"
+          style="position: absolute; bottom: 0; right: 20px; margin-top: "
+        >
+          <a-button
+            type="primary"
+            @click="onClose"
+            style="color: #666; background-color: #fafafa; border-color: #ddd"
+          >
+            取消
+          </a-button>
+          <a-button
+            style="
+              margin-left: 10px;
+              color: #fff;
+              background-color: #ff6a00;
+              border-color: #ff6a00;
+            "
+            @click="handleOk"
+          >
+            提交
+          </a-button>
+        </a-form-model-item>
       </a-form-model>
     </a-drawer>
     <!-- <a-modal
@@ -441,6 +463,7 @@ export default {
       cityoption: [], // 城市列表
       newFormValue: [],
       applyid: "", // 报名企业id
+      proxyinfo: JSON.parse(sessionStorage.getItem("LOGIN_DATA")),
       nationlist: [
         {
           id: "01",
@@ -685,15 +708,15 @@ export default {
         // 录单数据
         name: "",
         peoplecard: "",
-        gender: "",
-        nation: "",
-        location: "",
-        firm: "",
-        post: "",
-        pattern: "",
-        policy: "",
-        proxy: "",
-        facedate: "",
+        gender: "", // 性别
+        nation: "", // 民族
+        location: "", // 家庭住址
+        firm: "", // 公司名
+        post: "", // 岗位
+        pattern: "", // 模式
+        policy: "", // 代理政策
+        proxy: "", // 代理
+        facedate: "", // 面试时间
       },
       rules: {
         // 录单校验规则
@@ -828,6 +851,7 @@ export default {
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
   created() {
+    console.log(this.proxyinfo);
     this.getJobList();
     this.getJobSpecial();
     this.getProvince();
@@ -1078,6 +1102,23 @@ export default {
       this.applyid = id;
       console.log(id);
     },
+    onClose() {
+      this.visible = false;
+      this.form = {
+        // 录单数据
+        name: "",
+        peoplecard: "",
+        gender: "", // 性别
+        nation: "", // 民族
+        location: "", // 家庭住址
+        firm: "", // 公司名
+        post: "", // 岗位
+        pattern: "", // 模式
+        policy: "", // 代理政策
+        proxy: "", // 代理
+        facedate: "", // 面试时间
+      };
+    },
     // 获取日期信息
     getdateinfo() {
       const date = new Date();
@@ -1151,12 +1192,43 @@ export default {
 /deep/ .ant-modal {
   top: 30px !important;
 }
-.ant-form-item {
+/deep/ .ant-form-item {
   // margin-bottom: 0;
   margin-top: -8px;
   // /deep/ .ant-form-item-label {
   //   line-height: 22px;
   // }
+  // /deep/ .upline {
+
+  // }
+  &:last-child {
+    /deep/ .ant-form-item-children {
+      // display: flex !important;
+      &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        height: 1px;
+        width: 588px;
+        left: -428px;
+        top: -20px;
+        background-color: #d5d5d5;
+      }
+    }
+  }
+  /deep/ .ant-form-item-children {
+    display: flex !important;
+    // &::before {
+    //   content: "";
+    //   display: block;
+    //   position: absolute;
+    //   height: 1px;
+    //   width: 200px;
+    //   left: -100px;
+    //   top: -20px;
+    //   background-color: #000;
+    // }
+  }
   .ant-input {
     // width: 430px;
     height: 40px;
@@ -1165,6 +1237,25 @@ export default {
     box-shadow: none !important;
     // background-color: #f6f6f6;
   }
+  .ant-select-selection__rendered,
+  .ant-select-selection--single,
+  .ant-select {
+    height: 40px;
+    // border: none;
+    // border: 1px solid #dddddd;
+    box-shadow: none !important;
+    border-color: #d9d9d9;
+
+    // &:hover {
+    //   border-color: #d9d9d9;
+    // }
+    // &:focus {
+    //   border-color: #d9d9d9;
+    // }
+    // &:active {
+    //   border-color: #d9d9d9;
+    // }
+  }
 }
 /deep/ .ant-modal-footer {
   padding: 10px 24px;

src/utils/commonUtil.js

@@ -1146,7 +1146,7 @@ export function disposeJobListData(jobList) {
           } else if (item.returnFeeType === 3) {
             item.servetype = "元/次";
           }
-          console.log(item);
+          // console.log(item);
           // item["returnFee"] = item.returnFee / 100;
         } else {
           item.servetype = "元/小时";