<gsb-pcpage>
<style>
  ::el-radio-button__inner {
    border-color: #D9D9D9;
  }
</style>
<div style="padding:10px 20px;">
  <div style="height: auto; max-width: 1500px;">
    <div style="color:#666666;font-size: 16px;font-weight:400;line-height: 22px;font-family:PingFangSC-Regular;padding-top: 5px;">
      已发布 > 查看详情
    </div>
    <el-card style="background-color: #FFFFFF;padding:10px 10px 30px 10px;margin-top: 20px;">
      <div style="width:100%;line-height: 40px;">
        <div style="float:left;width: auto;">
          <span style="color:2F2F2F;font-size: 14px;" >零工状态： </span>
          <el-select v-model="search.applyStatus" @change="changeStatus" style="max-width:110px;height: 36px;">
            <el-option
              v-for="item in applyStatusList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </div>
        <div style="float:left;width: auto;margin-left: 50px;">
          <span style="color:2F2F2F;font-size: 14px;" >零工姓名： </span>
          <el-input v-model="search.userName"  maxlength="20" clearable style="width:144px;height: 36px;" ></el-input>
        </div>
        <div style="float:left;width: auto;margin-left: 50px;">
          <span style="color:2F2F2F;font-size: 14px;" >联系方式： </span>
          <el-input v-model="search.mobile"  maxlength="20" clearable style="width:200px;height: 36px;" ></el-input>
        </div>
        <div style="float:left;width: auto;margin-left: 50px;">
          <span style="color:2F2F2F;font-size: 14px;" >身份： </span>
          <el-select v-model="search.identityType" style="width:110px;height: 36px;" clearable>
            <el-option
              v-for="item in identityTypeList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </div>
      </div>
      <div style="clear:both;height:20px;"></div>
      <div style="width:100%;line-height: 40px;">
        <div v-if="curStatus == 1 || curStatus == 6"  style="float:left;width: 420px;">
            <span v-if="curStatus == 1" style="color:2F2F2F;font-size: 14px; float:left;" >审核日期： </span>
            <span v-if="curStatus == 6" style="color:2F2F2F;font-size: 14px; float:left;" >驳回日期： </span>
            <el-date-picker
              v-model="search.auditBegin"
              type="date"
              placeholder="开始日期"
              style="width:140px;height: 36px;float:left;"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
            <el-date-picker
              v-model="search.auditEnd"
              type="date"
              style="width:140px;height: 36px;margin-left: 16px;float:left;"
              placeholder="结束日期"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
        </div>
        <div v-if="curStatus == 2 || curStatus == 3 || curStatus == 4"  style="float:left;width: 420px;">
            <span style="color:2F2F2F;font-size: 14px; float:left;" >签约日期： </span>
            <el-date-picker
              v-model="search.signBegin"
              type="date"
              placeholder="开始日期"
              style="width:140px;height: 36px;float:left;"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
            <el-date-picker
              v-model="search.signEnd"
              type="date"
              style="width:140px;height: 36px;margin-left: 16px;float:left;"
              placeholder="结束日期"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
        </div>
        <div v-if="curStatus == 5"  style="float:left;width: 420px;">
            <span style="color:2F2F2F;font-size: 14px; float:left;" >撤销日期： </span>
            <el-date-picker
              v-model="search.cancelBegin"
              type="date"
              placeholder="开始日期"
              style="width:140px;height: 36px;float:left;"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
            <el-date-picker
              v-model="search.cancelEnd"
              type="date"
              style="width:140px;height: 36px;margin-left: 16px;float:left;"
              placeholder="结束日期"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              default-value="">
            </el-date-picker>
        </div>
        <div style="float:left;width: auto;">
          <span style="color:2F2F2F;font-size: 14px;" >所需零工性别： </span>
          <el-select v-model="search.sex" style="width:110px;height: 36px;" clearable>
            <el-option key="male" label="男" value="male"></el-option>
            <el-option key="female" label="女" value="female"></el-option>
          </el-select>
        </div>
        <div style="float:left;width: auto;margin-left: 50px;">
          <span style="color:2F2F2F;font-size: 14px;" >学历： </span>
          <el-select v-model="search.edu" style="width:110px;height: 36px;" clearable>
            <el-option
              v-for="item in eduTypeList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </div>
        <div v-if="curStatus == 0 || curStatus == 7"  style="float:left;width: auto;margin-left: 50px;">
          <span style="color:2F2F2F;font-size: 14px;" >年龄： </span>
          <el-input v-model="search.age" type="number"  maxlength="5" clearable style="width:144px;height: 36px;" ></el-input>
        </div>
        <div style="float:left;margin-top:5px;margin-left: 40px;">
          <el-button @click="resetSearch" style="float:right;width:68px;height:36px;background-color: #54C4A7;color: #FFFFFF;font-size: 14px;padding-top:10px;" >重置</el-button>
          <el-button @click="opSearch" style="float:right;width:68px;height:36px;background-color: #54C4A7;color: #FFFFFF;font-size: 14px;padding-top:10px;margin-right: 10px;" >搜索</el-button>
        </div>
      </div>
    </el-card>
    <el-card style="background-color: #FFFFFF;padding:10px;margin-top: 20px;">
      <div>
        <div style="float:left;line-height: 12px">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">发布日期：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.created_at}}</span>
        </div>
        <div style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">职位名称：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.name}}</span>
        </div>
        <div style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">所需人数：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.num}}</span>
        </div>
        <div style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">所需性别：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.sexName || "不限"}}</span>
        </div>
      </div>
      <div style="clear:both; height:20px"></div>
      <div style="">
        <div style="float:left;line-height: 12px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">计酬方式：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.settleTypeName || "---"}}</span>
        </div>
        <div v-if="jobDetail.timeSalary > 0" style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">计时报酬：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.timeSalary}} {{jobDetail.timeTypeName}}</span>
        </div>
        <div v-if="jobDetail.pieceSalary > 0" style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">计件报酬：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.pieceSalary}} 元/件</span>
        </div>
        <div style="float:left;line-height: 12px;margin-left: 50px;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">还需人数：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;">{{jobDetail.limitnum}}</span>
        </div>
        <div style="float:left;line-height: 12px;margin-left: 250px;">
          <a v-if="!showAll" href="javascript:;" @click="showAll = true" style="text-decoration: none;color:#59C1A6;font-size: 14px;">展开 <i class="el-icon-arrow-down"></i></a>  
          <a v-if="showAll" href="javascript:;" @click="showAll = false" style="text-decoration: none;color:#59C1A6;font-size: 14px;">收起 <i class="el-icon-arrow-up"></i></a>
        </div>
      </div>
      <div v-if="showAll">
        <div style="clear:both; height:20px"></div>
        <div style="float:left;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;width">工作时间：</span>
          <div style="float:left;font-size:14px;color: #666666;font-weight:400;width:1100px;">
            {{jobDetail.workDate}}
          </div>
        </div>
        <div style="clear:both; height:20px"></div>
        <div>
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">工作地点：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;width:1100px;">
            {{jobDetail.addr}}
          </span>
        </div>
        <div style="clear:both; height:20px"></div>
        <div style="float:left;">
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">工作描述：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;width:1100px;">
            {{jobDetail.intro}}
          </span>
        </div>
        <div style="clear:both; height:20px"></div>
        <div>
          <span style="float:left;font-size:14px;color: #333333;font-weight:400;">零工要求：</span>
          <span style="float:left;font-size:14px;color: #666666;font-weight:400;padding-left: 5px;width:1100px;">
            {{jobDetail.require}}
          </span>
        </div>
      </div>
      <div style="clear:both; height:0px"></div>
    </el-card>
    <el-card style="background-color: #FFFFFF;padding:10px 10px 30px 10px;margin-top: 20px;">
      <div style="margin-top: -15px;">
        <div style="line-height: 36px;padding-bottom: 20px;">
            <span style="float:left;color:#2F2F2F;font-size: 14px;">共{{search.total}}条记录</span>
            <div style="float:right;">
              <el-button @click="doExport()" style="width:68px;height:36px;color: #59C1A6;border-radius: 4px; border: 1px solid #59C1A6; font-weight: 400;font-size: 14px;background-color: #FFFFFF;margin-right: 5px;">导出</el-button>
            </div>
        </div>
        <div style="margin-top: 15px;">
          <el-table 
          stripe
          fix="true"
          :data="search.list"
          style="width: 100%;margin-top: 23px;min-height: 500px;"
          empty-text="暂无申请"
          header-cell-style="background-color: #F5F5F5;color: #2F2F2F;font-size: 14px;font-weight:400;"
          @selection-change="handleSelectionChange"
          row-style="height:50px;" >
            <el-table-column type="selection" width="45" ></el-table-column>
            <el-table-column prop="id" label="零工id" :formatter="onColFormater"  align="center" ></el-table-column>
            <el-table-column prop="eaccount.userName" label="零工姓名" :formatter="onColFormater"  align="center" ></el-table-column>
            <el-table-column prop="eaccount.sexName" label="性别" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.mobile" label="联系电话" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.identityName" label="身份" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.age" label="年龄" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.height" label="身高" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.eduName" label="学历" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="eaccount.email" label="邮箱" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column v-if="curStatus == 0 || curStatus == 7" prop="create_at" label="申请日期" :formatter="onColFormater"  align="center" width="140" ></el-table-column>
            <el-table-column v-if="curStatus == 1" prop="audit_at" label="审核日期" :formatter="onColFormater"  align="center"  key="passdate" ></el-table-column>
            <el-table-column v-if="curStatus == 5" prop="cancel_at" label="撤销日期" :formatter="onColFormater"  align="center" ></el-table-column>
            <el-table-column v-if="curStatus == 6" prop="audit_at" label="驳回日期" :formatter="onColFormater" align="center" key="rejectdate" ></el-table-column>
            <el-table-column v-if="curStatus == 2" prop="sign_at" label="签约日期" :formatter="onColFormater" align="center"  ></el-table-column>

            <el-table-column label="操作" align="center">  
              <template slot-scope="scope">
                <a @click="openDetail(scope.row.id)" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;">详情</a>  
                <a v-if="curStatus == 2 || curStatus == 3 || curStatus == 4 " @click="showContract(scope.row.econtract_id)" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;">查看合同</a>
              </template>
            </el-table-column>
          </el-table>
          <div style="width:100%;text-align: center;margin-top: 20px">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="search.currentPage"
              :page-sizes="[10, 20, 50, 100]"
              :page-size="search.pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="search.total">
            </el-pagination>
          </div>
        </div>
      </div>
    </el-card>

    <el-dialog width="500px" :visible.sync="showDetail" >
        <div slot="title">
          <span style="margin-left:9px;margin-top:-3px;;width:72px; height:25px; font-size:18px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); line-height:25px;">查看详情</span>
          <div style="width: 500px; height: 1px;background-color: #E3E3E3;margin: 17px 20px 0px -20px"></div>
        </div>
  
        <div style="padding-left:70px;padding-bottom:30px;margin-top: -15px;">
          <div style="line-height: 16px;">
            <div style="width:2px;height:15px;float: left;background-color: #54C4A7">
            </div>
            <span style="font-size:15px;color: #333333;float: left;font-weight:bold;margin-left: 5px; ">零工信息</span>
          </div>
  
          <div style="clear:both;padding-left: 10px;">
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">零工ID：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 12px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.id}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">零工姓名：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.userName || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">性别：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.sexName || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">联系电话：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.mobile || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">身份：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.identityName || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">年龄：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.age || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">身高(cm)：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.height || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">学历：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.eduName || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;line-height: 22px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">邮箱：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.email || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">优势：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.adv || "---"}}</span>
            </div>
            <div style="clear:both;padding-top: 15px;">
              <span style="float:left;width:90px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">工作经历：</span>
              <span style="float:left;text-align:left;padding-left: 10px;font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 260px;">{{applyDetail.eaccount.experience || "---"}}</span>
            </div>
          </div>
        </div>
        <!-- <div slot="footer" >
          <el-button @click="showEdit = false">取 消</el-button>
          <el-button type="primary" @click="showEdit = false">确 定</el-button>
        </div> -->
      </el-dialog>

      <el-dialog title="" width="364px" :visible.sync="showInterviewTime"   :center="true" >
          <div slot="title"></div>
          <div style="margin-top: -20px;line-height: 24px;">
            <div style="float: left;margin-left: 60px;">
              <img style="width:24px;height:24px;" src="imgs/icon_duihao.png"></img>
            </div>
            <span style="float: left;color: #333333;font-weight: 400;font-size: 22px;padding-left: 10px;">确定通知面试？</span>
          </div>

          <div v-if="interviewIds.length > 1" style="margin-left:50px;line-height: 20px;padding-bottom: 20px;">
              <div style="clear:both;height:15px;"></div>
              <span style="float:left;padding-top:5px;color:#333333;font-size: 14px;">通知数量：</span>
              <span style="float:left;padding-top:5px;color:#666666;font-size: 14px;margin-left:10px;">{{interviewIds.length}}</span>
            </div>
          <div style="clear:both;height:15px;"></div>
          <div style="margin-left:50px;line-height: 20px;padding-bottom: 20px;">
            <span style="float:left;padding-top:5px;color:#333333;font-size: 14px;">面试时间：</span>
            <el-date-picker
                v-model="interviewTime"
                size="small"
                type="date"
                style="width:140px;height: 36px;float:left;margin-left:10px;"
                placeholder="面试时间"
                format="yyyy-MM-dd"
                value-format="yyyy年MM月dd"
                default-value="">
              </el-date-picker>
          </div>
          <div slot="footer" >
            <el-button @click="cancelInterview" style="background-color: #EEEEEE;border: 0px;border-radius: 4px;width: 101px;height: 38px;color: #666666;" >取 消</el-button>
            <el-button @click="notifyInterview" :loading="interviewLoading" style="background-color: #59C1A6;border: 0px;border-radius: 4px;width: 101px;height: 38px;color: #FFFFFF;" >确 定</el-button>
          </div>
      </el-dialog>

      <el-dialog title="零工审核" width="500px" :visible.sync="showAudit" >
          <div slot="title">
            <span style="margin-left:9px;margin-top:-3px;;width:72px; height:25px; font-size:18px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); line-height:25px;">零工审核</span>
            <div style="width: 500px; height: 1px;background-color: #E3E3E3;margin: 17px 20px 0px -20px"></div>
          </div>
          <div style="margin-left:50px;margin-top: -30px;line-height: 20px;">
            <div style="clear:both;height:15px;"></div>
            <span style="float:left;padding-top:5px;color:#333333;font-size: 14px;">审核数量：</span>
            <span style="float:left;padding-top:5px;color:#666666;font-size: 14px;margin-left:10px;">{{auditIds.length}}</span>
          </div>
          <div style="margin-left:50px;line-height: 20px;padding-top: 20px;">
            <div style="clear:both;height:15px;"></div>
            <span style="float:left;padding-top:5px;color:#333333;font-size: 14px;">审核结果：</span>
            <el-radio-group v-model="auditStatus" size="mini" text-color="#FFFFFF" fill ="#59C1A6" style="width:140px;height: 36px;float:left;margin-left:10px;" >
              <el-radio-button label="1">通过</el-radio-button>
              <el-radio-button label="6">驳回</el-radio-button>
            </el-radio-group>
          </div>
          <div v-if="auditStatus == 6" style="margin-left:50px;line-height: 20px;padding-top: 20px;">
            <div style="clear:both;height:15px;"></div>
            <span style="float:left;padding-top:5px;color:#333333;font-size: 14px;">驳回原因：</span>
            <el-input
              type="textarea"
              :rows="4"
              style="float:left;width:270px;margin-left:10px;"
              placeholder="请输入驳回原因"
              v-model="auditRemark">
            </el-input>
          </div>
          <div style="clear:both;"></div>
          <div slot="footer" style="text-align: center;" >
            <el-button @click="showAudit = false" style="background-color: #EEEEEE;border: 0px;border-radius: 4px;width: 101px;height: 38px;color: #666666;" >取 消</el-button>
            <el-button @click="audit" :loading="interviewLoading" style="background-color: #59C1A6;border: 0px;border-radius: 4px;width: 101px;height: 38px;color: #FFFFFF;" >确 定</el-button>
          </div>
      </el-dialog>

  </div>
</gsb-pcpage>