<gsb-pcpage>
<style>
  ::el-radio-button__inner {
    border-color: #D9D9D9;
  }
</style>
<div style="padding:20px;">
  <div style="height: auto;min-width: 1000px; max-width: 1500px;">
    <div style="">
      <el-radio-group v-model="statustab" size="medium" @change="statusChange" text-color="#FFFFFF" fill ="#59C1A6">
        <el-radio-button label="0">待审核 </el-radio-button>
        <el-radio-button label="1">已发布</el-radio-button>
        <el-radio-button label="2">已驳回</el-radio-button>
        <el-radio-button label="3">已撤销</el-radio-button>
      </el-radio-group>

      <el-button @click="openAddPage" style="float:right;width:100px;height:36px;background-color: #54C4A7;color: #FFFFFF;font-size: 14px;border-radius:4px;" >发布需求</el-button>
    </div>

    <el-card style="background-color: #FFFFFF;padding:10px 10px 30px 10px;margin-top: 20px;">
      <div style="width:100%;line-height: 40px;">
          <div v-if="statustab == 0"  style="float:left;width: 400px;">
              <span style="color:2F2F2F;font-size: 14px; float:left;" >申请日期： </span>
              <el-date-picker
                v-model="search.applyBegin"
                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.applyEnd"
                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="statustab == 1" style="float:left;width: 400px;">
              <span style="color:2F2F2F;font-size: 14px; float:left;" >发布日期： </span>
              <el-date-picker
                v-model="search.publishBegin"
                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.publishEnd"
                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="statustab == 2" style="float:left;width: 400px;">
              <span style="color:2F2F2F;font-size: 14px; float:left;" >驳回日期： </span>
              <el-date-picker
                v-model="search.rejectBegin"
                type="date"
                placeholder="开始时间"
                style="width:140px;height: 36px;float:left;"
                default-value="">
              </el-date-picker>
              <el-date-picker
                v-model="search.rejectEnd"
                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="statustab == 3" style="float:left;width: 400px;">
              <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: 300px;">
          <span style="color:2F2F2F;font-size: 14px;" >所需人数： </span>
          <el-input v-model="search.num" type="number" placeholder="请输入所需人数" maxlength="10" clearable style="max-width:200px;height: 36px;" ></el-input>
        </div>
        <div style="float:left;width: 300px;">
          <span style="color:2F2F2F;font-size: 14px;" >职位名称： </span>
          <el-input v-model="search.name"  placeholder="请输入职位名称" maxlength="30" clearable style="max-width:200px;height: 36px;" ></el-input>
        </div>
      </div>
      <div style="clear:both;height:20px;"></div>
      <div style="width:100%;line-height: 40px;">
          <div style="float:left;width: 400px;">
              <span style="color:2F2F2F;font-size: 14px; float:left;" >工作日期： </span>
              <el-date-picker
                v-model="search.workTimeBegin"
                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.workTimeEnd"
                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: 300px;">
            <span style="color:2F2F2F;font-size: 14px;" >性别要求： </span> 
            <el-select v-model="search.sex" clearable placeholder="请选择" style="max-width:200px;height: 36px;">
              <el-option
                v-for="item in sexOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div style="float:left;width: 300px;">
            <span style="color:2F2F2F;font-size: 14px;" >计酬方式： </span> 
            <el-select v-model="search.settleType" clearable placeholder="请选择" style="max-width:200px;height: 36px;">
              <el-option
                v-for="item in settleTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div style="clear: both;padding-top:15px;">
            <el-button @click="opSearch" style="float:left;width:68px;height:36px;background-color: #54C4A7;color: #FFFFFF;font-size: 14px;padding-top:10px;margin-right: 10px;" >搜索</el-button>
            <el-button @click="resetSearch()" style="float:left;width:68px;height:36px;background-color: #54C4A7;color: #FFFFFF;font-size: 14px;padding-top:10px;" >重置</el-button>
          </div>
        </div>
    </el-card>
    <el-card style="background-color: #FFFFFF;padding:10px 10px 30px 10px;margin-top: 20px;">
      <div>
        <span style="color:#2F2F2F;font-size: 14px;">共{{search.total}}条记录</span>
        <div>
          <el-table 
          stripe
          fix="true"
          :data="search.list"
          tooltip-effect="light"
          style="min-width: 1000px;max-width: 1500px;margin-top: 23px;min-height: 500px;"
          empty-text="暂无需求"
          header-cell-style="background-color: #F5F5F5;color: #2F2F2F;font-size: 14px;font-weight:400;"
          row-style="height:50px; " >
            <el-table-column prop="name" label="职位名称" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="num" label="所需人数" :formatter="onColFormater" align="center" ></el-table-column>
            <el-table-column prop="sexName" label="性别要求" :formatter="onColFormater" key="sex" align="center"></el-table-column>
            <el-table-column prop="settleTypeName" label="计酬方式" :formatter="onColFormater" align="center"  ></el-table-column>
            <el-table-column prop="salaryShow" label="报酬金额" :formatter="onColFormater" align="center" show-overflow-tooltip  ></el-table-column>
            <el-table-column label="工作日期" width="170" align="center" >
              <template slot-scope="scope" align="center">
                <div v-for="jtime in scope.row.jobTimes">
                  <div style="width:170px;;text-align: center;">{{jtime.begin_at}}-{{jtime.end_at}}</div>
                  <div style="width:170px;text-align: center;">{{jtime.beginTimes}}-{{jtime.endTimes}}</div>
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="addr" label="工作地点" :formatter="onColFormater" align="center" show-overflow-tooltip ></el-table-column>
            <el-table-column v-if="statustab == 0 || statustab == 1" prop="intro" label="工作描述" :formatter="onColFormater" key="intro" align="center" show-overflow-tooltip  ></el-table-column>
            <el-table-column v-if="statustab == 0" prop="created_at" label="申请日期" :formatter="onColFormater" key="statustab0" align="center" ></el-table-column>
            <el-table-column v-if="statustab == 1" prop="publish_at" label="发布日期" :formatter="onColFormater" key="statustab1" align="center"  ></el-table-column>
            <el-table-column v-if="statustab == 2" prop="reject_at" label="驳回日期" :formatter="onColFormater" key="statustab2" align="center"  ></el-table-column>
            <el-table-column v-if="statustab == 3" prop="cancel_at" label="撤销日期" :formatter="onColFormater" key="statustab3" align="center"  ></el-table-column>
            <el-table-column prop="jobStatusName" label="状态" :formatter="onColFormater" align="center"  ></el-table-column>
            <el-table-column label="操作" min-width="100px" align="center" >  
              <template slot-scope="scope">
                <a v-if="statustab == 0" @click="toedit(scope.row.id)" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;white-space:nowrap;">编辑</a>  
                <a v-if="statustab == 0" @click="jobCancel(scope.row.id);" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;white-space:nowrap;">撤销</a>
                <a v-if="statustab != 1" @click="showJobDetail(scope.row.id)" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;white-space:nowrap;">详情</a>
                <a v-if="statustab == 1" @click="showApplys(scope.row)" href="javascript:;" style="text-decoration: none;color:#59C1A6;font-size: 14px;white-space:nowrap;">详情</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="862px" :visible.sync="showEdit">
      <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;">{{editTitle}}</span>
        <div style="width: 862px; height: 1px;background-color: #E3E3E3;margin: 17px 20px 0px -20px"></div>
      </div>
      <el-form :model="ejob" :rules="rules" ref="ejob" label-width="100px" label="right" style="padding:0px 100px;" >
        <div style="0px 10px; line-height: 15px;padding-bottom:40px;">
          <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: 7px;">基本信息</span>
        </div>

        <div v-if="ejob.id > 0">
          <div>
            <span style="float:left; width:100px; text-align: right;font-size: 14px;color: #606266;line-height: 40px;padding: 0 12px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;">状态：</span>
            <span style="float:left;color: #666666;margin-top: 10px;">{{ejob.jobStatusName}}</span>
          </div>
          <div style="clear:both;"></div>
          <div>
            <span style="float:left; width:100px; text-align: right;font-size: 14px;color: #606266;line-height: 40px;padding: 0 12px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;">申请时间：</span>
            <span style="float:left;color: #666666;margin-top: 10px;">{{ejob.created_at}}</span>
          </div>
        </div>
        <div style="clear:both"></div>
        <el-form-item label="零工名称：" prop="name" >
          <el-input size="small" v-model="ejob.name" placeholder="请输入零工名称" maxlength="20" style="width:468px;" clearable ></el-input>
        </el-form-item>
        <el-form-item label="人数：" prop="num">
          <el-input size="small" type="number" v-model="ejob.num" placeholder="请输入所需人数" maxlength="10"  style="width:340px;" clearable ></el-input>
        </el-form-item>
        <el-form-item label="性别：" prop="sex" >
            <el-radio-group v-model="ejob.sex" >
              <el-radio v-for="item in sexOptions" :label="item.value" >
                {{item.label}}
              </el-radio>
            </el-radio-group>
        </el-form-item>

        <div style="0px 10px; line-height: 15px;padding-bottom:40px;">
          <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: 7px;">结算信息</span>
        </div>
        <el-form-item label="结算方式：" prop="settleType" >
            <el-radio-group v-model="ejob.settleType" @change="changeSettleType" >
              <el-radio v-for="item in settleTypeOptions" :label="item.value" >
                {{item.label}}
              </el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="固定报酬：" prop="timeSalary" >
            <el-input size="small" v-model="ejob.timeSalary" placeholder="请输入固定报酬" maxlength="10"  style="float:left;width:150px;" clearable :disabled="ejob.settleType == 2" ></el-input>
            <el-select size="small" v-model="ejob.timeType" @change="changeTimeType" placeholder="结算类型" style="width:120px;margin-left: 10px;" clearable :disabled="ejob.settleType == 2" >
              <el-option key="1" label="元/时" value="1"></el-option>
              <el-option key="2" label="元/天" value="2"></el-option>
              <el-option key="3" label="元/月" value="3"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="提成：" prop="pieceSalary" >
            <el-input size="small" v-model="ejob.pieceSalary" placeholder="请输入提成金额" maxlength="10" style="float:left;width:150px;" clearable :disabled="ejob.settleType == 1" ></el-input>
            <span style="margin-left: 5px;color: #333333;font-size: 14px;">元/件</span>
        </el-form-item>
        <el-form-item label="月均收入：" prop="salaryAvg" >
            <el-input size="small" type="number" v-model="ejob.salaryAvg" placeholder="请输入月均收入" maxlength="10" style="float:left;width:150px;" clearable ></el-input>
            <span style="font-size: 12px;color: #858585;margin-left: 10px;position:absolute;top:8px;">(请如实输入, 否则影响审核通过)</span>
        </el-form-item>

        <div style="0px 10px; line-height: 15px;padding-bottom:40px;">
          <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: 7px;">工作时间地点</span>
        </div>
        <el-form-item label="工作日期：" prop="jobTimes" >
          <div v-for="(item, index) in ejob.jobTimes" >
            <div v-if="index > 0" style="clear:both;height:15px;" ></div>
            <div>
                <el-date-picker
                v-model="item.begin_at"
                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="item.end_at"
                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="height:10px;clear:both;"></div>
            <div >
              <el-time-select
                v-model="item.beginTimes"
                :picker-options="timesOptions"
                format="HH:mm"
                value-format="HH:mm"
                style="width:140px;height: 36px;float:left;"
                placeholder="开始时间">
              </el-time-select>
              <el-time-select
                v-model="item.endTimes"
                :picker-options="timesOptions"
                format="HH:mm"
                value-format="HH:mm"
                style="width:140px;height: 36px;margin-left: 16px;float:left;"
                placeholder="开始时间">
              </el-time-select>
              <div style="float:left;margin-top:10px;">
                <img v-if="index == ejob.jobTimes.length - 1" @click="addJobTimes()" style="float:left; margin-left:10px; width:21px; height:21px;cursor: pointer;" src="imgs/icon_add.png" />
                <img v-if="index != 0" @click="removeJobTimes(index)" style="float:left; margin-left:10px; width:21px; height:21px;line-height: 21px;cursor: pointer;" src="imgs/icon_sub.png" />
              </div>
            </div>
          </div>
        </el-form-item>

        <el-form-item label="工作地址：" prop="addr" >
          <el-input size="small" v-model="ejob.addr" placeholder="请输入工作地址" maxlength="200" style="width:468px;" clearable ></el-input>
        </el-form-item>
  
        <div style="0px 10px; line-height: 15px;padding-bottom:40px;">
          <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: 7px;">要求描述</span>
        </div>

        <el-form-item label="工作描述：" prop="intro" >
          <el-input size="small" v-model="ejob.intro" placeholder="请输入工作描述" maxlength="200" style="width:468px;" clearable ></el-input>
        </el-form-item>
        <el-form-item label="零工要求：" prop="require" >
          <el-input size="small" v-model="ejob.require" placeholder="请输入零工要求" maxlength="200" style="width:468px;" clearable ></el-input>
        </el-form-item>
      </el-form>
      <div style="margin-left: 226px;">
          <el-button :loading="submitLoading" @click="editJob" style="width:120px;height:36px; background:#54C4A7; border-radius:4px;color: #FFFFFF;font-size: 16px;padding-top: 10px;">去发布</el-button>
      </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 width="600px" :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: 600px; 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:70px;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: 388px;">{{jobDetail.id}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.name}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.num}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{(jobDetail.num || 0) - (jobDetail.limitnum || 0)}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.settleTypeName}}</span>
          </div>
          <div v-if="jobDetail.timeSalary > 0" style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.timeSalary}} {{jobDetail.timeTypeName}}</span>
          </div>
          <div v-if="jobDetail.pieceSalary > 0" style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.pieceSalary}} 元/件</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.salaryAvg}} 元</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;text-align: left;color: #333333;font-size: 14px;font-weight:400;font-family:PingFangSC-Regular;">工作时间：</span>
            <div style="float:left;text-align:left;padding-left: 10px;max-width: 388px;">
              <div v-for="jt in jobDetail.jobTimes" style="font-size: 14px;color:#666666;font-family:PingFangSC-Regular;max-width: 388px;">
                {{jt.begin_at}}-{{jt.end_at}} {{jt.beginTimes}}-{{jt.endTimes}}
              </div>
            </div>
          </div>
          <div style="clear:both;padding-top: 15px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.addr}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.intro || "---"}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.require || "---"}}</span>
          </div>
          <div style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.created_at}}</span>
          </div>
          <div v-if="jobDetail.publish_at" style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.publish_at}}</span>
          </div>
          <div v-if="jobDetail.reject_at" style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.reject_at}}</span>
          </div>
          <div v-if="jobDetail.reject_at" style="clear:both;padding-top: 15px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.auditRemark || "---"}}</span>
          </div>
          <div v-if="jobDetail.cancel_at" style="clear:both;padding-top: 15px;line-height: 22px;">
            <span style="float:left;width:70px;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: 388px;">{{jobDetail.cancel_at}}</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>
    
  </div>
</gsb-pcpage>