增加附件删除标签判断

yz

2021-02-22 ad2184715247cbea83cc0cd3c1c7fd62ca768aa1

 src/views/user/Informationinput.vue

@@ -435,276 +435,290 @@
        </el-col>
      </el-main>
    </el-container>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%">
      <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="档案号" prop="archivesNumb">
              <el-input v-model="empBaseInfoForm.archivesNumb" />
            </el-form-item>
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="empBaseInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="员工类别" prop="empType">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="民族" prop="nation">
              <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
                <el-option label="汉族" value="01" />
                <el-option label="蒙古族" value="02" />
                <el-option label="回族" value="03" />
                <el-option label="藏族" value="04" />
                <el-option label="维吾尔族" value="05" />
                <el-option label="苗族" value="06" />
                <el-option label="彝族" value="07" />
                <el-option label="壮族" value="08" />
                <el-option label="布衣族" value="09" />
                <el-option label="朝鲜族" value="10" />
                <el-option label="满族" value="11" />
                <el-option label="侗族" value="12" />
                <el-option label="瑶族" value="13" />
                <el-option label="白族" value="14" />
                <el-option label="土家族" value="15" />
                <el-option label="哈尼族" value="16" />
                <el-option label="哈萨克族" value="17" />
                <el-option label="傣族" value="18" />
                <el-option label="黎族" value="19" />
                <el-option label="傈傈族" value="20" />
                <el-option label="瓦族" value="21" />
                <el-option label="畲族" value="22" />
                <el-option label="高山族" value="23" />
                <el-option label="拉祜族" value="24" />
                <el-option label="水族" value="25" />
                <el-option label="东乡族" value="26" />
                <el-option label="纳西族" value="27" />
                <el-option label="景颇族" value="28" />
                <el-option label="柯尔克孜族" value="29" />
                <el-option label="土族" value="30" />
                <el-option label="达斡尔族" value="31" />
                <el-option label="仫佬族" value="32" />
                <el-option label="羌族" value="33" />
                <el-option label="布朗族" value="34" />
                <el-option label="撒拉族" value="35" />
                <el-option label="毛难族" value="36" />
                <el-option label="仡佬族" value="37" />
                <el-option label="锡伯族" value="38" />
                <el-option label="阿昌族" value="39" />
                <el-option label="普米族" value="40" />
                <el-option label="塔吉克族" value="41" />
                <el-option label="怒族" value="42" />
                <el-option label="乌孜别克族" value="43" />
                <el-option label="俄罗斯族" value="44" />
                <el-option label="鄂温克族" value="45" />
                <el-option label="崩龙族" value="46" />
                <el-option label="保安族" value="47" />
                <el-option label="裕固族" value="48" />
                <el-option label="京族" value="49" />
                <el-option label="塔塔尔族" value="50" />
                <el-option label="独龙族" value="51" />
                <el-option label="鄂伦春" value="52" />
                <el-option label="郝哲族" value="53" />
                <el-option label="门巴族" value="54" />
                <el-option label="珞巴族" value="55" />
                <el-option label="基诺族" value="56" />
                <el-option label="其他族" value="91" />
                <el-option label="外国民族" value="98" />
              </el-select>
            </el-form-item>
            <el-form-item label="婚姻状态" prop="marriage">
              <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                <el-option label="未婚" value="1" />
                <el-option label="已婚" value="2" />
                <el-option label="丧偶" value="3" />
                <el-option label="离婚" value="4" />
                <el-option label="再婚" value="5" />
                <el-option label="其它" value="9" />
              </el-select>
            </el-form-item>
            <el-form-item label="身高(cm)" prop="stature">
              <el-input v-model="empBaseInfoForm.stature" />
            </el-form-item>
            <el-form-item label="政治面貌" prop="politics">
              <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                <el-option label="中共党员" value="01" />
                <el-option label="预备党员" value="02" />
                <el-option label="共青团员" value="03" />
                <el-option label="民革会员" value="04" />
                <el-option label="民盟盟员" value="05" />
                <el-option label="民建会员" value="06" />
                <el-option label="民进会员" value="07" />
                <el-option label="农工党员" value="08" />
                <el-option label="致公党员" value="09" />
                <el-option label="九三社员" value="10" />
                <el-option label="台盟盟员" value="11" />
                <el-option label="民主人士" value="12" />
                <el-option label="群众" value="13" />
              </el-select>
            </el-form-item>
            <el-form-item label="最高学历" prop="education">
              <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                <el-option label="博士" value="10" />
                <el-option label="硕士" value="11" />
                <el-option label="大学本科" value="21" />
                <el-option label="大学专科" value="31" />
                <el-option label="中专" value="41" />
                <el-option label="中技" value="42" />
                <el-option label="高中" value="61" />
                <el-option label="初中" value="71" />
                <el-option label="小学" value="81" />
                <el-option label="无学历" value="91" />
              </el-select>
            </el-form-item>
            <el-form-item label="籍贯" prop="nativePlaceName">
              <el-autocomplete
                v-model="empBaseInfoForm.nativePlaceName"
                class="inline-input"
                :fetch-suggestions="querySearch"
                placeholder="请输入籍贯"
                @select="placeNameSelect"
              />
            </el-form-item>
            <el-form-item label="现住址" prop="currentAddress">
              <el-input v-model="empBaseInfoForm.currentAddress" />
            </el-form-item>
            <el-form-item label="电话号码" prop="telePhone">
              <el-input v-model="empBaseInfoForm.telePhone" />
            </el-form-item>
            <el-form-item label="招聘介绍人" prop="introducer">
              <el-input v-model="empBaseInfoForm.introducer" />
            </el-form-item>
            <el-form-item label="银行名称" prop="bankName">
              <el-input v-model="empBaseInfoForm.bankName" />
            </el-form-item>
            <el-form-item label="保险类型" prop="insuranceType">
              <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                <el-option label="（深户）五险一档" value="1" />
                <el-option label="（非深户）五险一档" value="2" />
                <el-option label="（非深户）五险二档" value="3" />
                <el-option label="（非深户）五险三档" value="4" />
                <el-option label="（非深户）四险一档" value="5" />
              </el-select>
            </el-form-item>
            <el-form-item label="家庭成员及关系" prop="family">
              <el-input v-model="empBaseInfoForm.family" />
            </el-form-item>
            <el-form-item label="紧急联系电话" prop="urgencyPhone">
              <el-input v-model="empBaseInfoForm.urgencyPhone" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder="请选择部门(护卫点)"
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="岗位" prop="jobName">
              <el-autocomplete
                v-model="empBaseInfoForm.jobName"
                class="inline-input"
                :fetch-suggestions="querySearchJob"
                placeholder="请输入岗位"
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="身份证有效期" prop="certificateValidity">
              <el-date-picker
                v-model="empBaseInfoForm.certificateValidity"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="年龄" prop="age">
              <el-input v-model="empBaseInfoForm.age" />
            </el-form-item>
            <el-form-item label="出生日期" prop="birthdate">
              <el-date-picker
                v-model="empBaseInfoForm.birthdate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="入职日期" prop="entryDate">
              <el-date-picker
                v-model="empBaseInfoForm.entryDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                @input="calculateSeniority"
              />
            </el-form-item>
            <el-form-item label="入司工龄" prop="seniority">
              <el-input v-model="empBaseInfoForm.seniority" />
            </el-form-item>
            <el-form-item label="户籍地址" prop="censusAddress">
              <el-input v-model="empBaseInfoForm.censusAddress" />
            </el-form-item>
            <el-form-item label="保安员证号" prop="guardNumb">
              <el-input v-model="empBaseInfoForm.guardNumb" />
            </el-form-item>
            <el-form-item label="保安员回执" prop="returnReceipt">
              <el-input v-model="empBaseInfoForm.returnReceipt" />
            </el-form-item>
            <el-form-item label="档案情况" prop="archivesStatus">
              <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                <el-option label="未移交" value="0" />
                <el-option label="已移交" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="银行账号" prop="bankNumb">
              <el-input v-model="empBaseInfoForm.bankNumb" />
            </el-form-item>
            <el-form-item label="社保电脑号" prop="socialNumb">
              <el-input v-model="empBaseInfoForm.socialNumb" />
            </el-form-item>
            <el-form-item label="员工手册" prop="handbookStatus">
              <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="工作证" prop="empCardStatus">
              <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="相关证件" prop="certificateList">
              <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                <el-option label="高中毕业证" value="1" />
                <el-option label="专科毕业证" value="2" />
                <el-option label="本科毕业证" value="3" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%" class="baseinfo">
      <el-container>
        <el-aside width="200px">
          <el-upload
            class="avatar-uploader"
            action="#"
            accept=".jpg, .jpeg, .png"
            :show-file-list="false"
            auto-upload="false"
            :on-success="handleAvatarSuccess"
          >
            <img v-if="empBaseInfoForm.mageUrl" :src="empBaseInfoForm.imageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon" /></el-upload></el-aside>
        <el-main>      <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
          <el-row>
            <el-col :span="12">
              <el-form-item label="档案号" prop="archivesNumb">
                <el-input v-model="empBaseInfoForm.archivesNumb" />
              </el-form-item>
              <el-form-item label="员工编号" prop="empNumb">
                <el-input v-model="empBaseInfoForm.empNumb" />
              </el-form-item>
              <el-form-item label="身份证号码" prop="certificateNumb">
                <el-input
                  v-model="empBaseInfoForm.certificateNumb"
                  @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
                />
              </el-form-item>
              <el-form-item label="员工类别" prop="empType">
                <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                  <el-option label="正式工" value="1" />
                  <el-option label="临时工" value="2" />
                </el-select>
              </el-form-item>
              <el-form-item label="民族" prop="nation">
                <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
                  <el-option label="汉族" value="01" />
                  <el-option label="蒙古族" value="02" />
                  <el-option label="回族" value="03" />
                  <el-option label="藏族" value="04" />
                  <el-option label="维吾尔族" value="05" />
                  <el-option label="苗族" value="06" />
                  <el-option label="彝族" value="07" />
                  <el-option label="壮族" value="08" />
                  <el-option label="布衣族" value="09" />
                  <el-option label="朝鲜族" value="10" />
                  <el-option label="满族" value="11" />
                  <el-option label="侗族" value="12" />
                  <el-option label="瑶族" value="13" />
                  <el-option label="白族" value="14" />
                  <el-option label="土家族" value="15" />
                  <el-option label="哈尼族" value="16" />
                  <el-option label="哈萨克族" value="17" />
                  <el-option label="傣族" value="18" />
                  <el-option label="黎族" value="19" />
                  <el-option label="傈傈族" value="20" />
                  <el-option label="瓦族" value="21" />
                  <el-option label="畲族" value="22" />
                  <el-option label="高山族" value="23" />
                  <el-option label="拉祜族" value="24" />
                  <el-option label="水族" value="25" />
                  <el-option label="东乡族" value="26" />
                  <el-option label="纳西族" value="27" />
                  <el-option label="景颇族" value="28" />
                  <el-option label="柯尔克孜族" value="29" />
                  <el-option label="土族" value="30" />
                  <el-option label="达斡尔族" value="31" />
                  <el-option label="仫佬族" value="32" />
                  <el-option label="羌族" value="33" />
                  <el-option label="布朗族" value="34" />
                  <el-option label="撒拉族" value="35" />
                  <el-option label="毛难族" value="36" />
                  <el-option label="仡佬族" value="37" />
                  <el-option label="锡伯族" value="38" />
                  <el-option label="阿昌族" value="39" />
                  <el-option label="普米族" value="40" />
                  <el-option label="塔吉克族" value="41" />
                  <el-option label="怒族" value="42" />
                  <el-option label="乌孜别克族" value="43" />
                  <el-option label="俄罗斯族" value="44" />
                  <el-option label="鄂温克族" value="45" />
                  <el-option label="崩龙族" value="46" />
                  <el-option label="保安族" value="47" />
                  <el-option label="裕固族" value="48" />
                  <el-option label="京族" value="49" />
                  <el-option label="塔塔尔族" value="50" />
                  <el-option label="独龙族" value="51" />
                  <el-option label="鄂伦春" value="52" />
                  <el-option label="郝哲族" value="53" />
                  <el-option label="门巴族" value="54" />
                  <el-option label="珞巴族" value="55" />
                  <el-option label="基诺族" value="56" />
                  <el-option label="其他族" value="91" />
                  <el-option label="外国民族" value="98" />
                </el-select>
              </el-form-item>
              <el-form-item label="婚姻状态" prop="marriage">
                <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                  <el-option label="未婚" value="1" />
                  <el-option label="已婚" value="2" />
                  <el-option label="丧偶" value="3" />
                  <el-option label="离婚" value="4" />
                  <el-option label="再婚" value="5" />
                  <el-option label="其它" value="9" />
                </el-select>
              </el-form-item>
              <el-form-item label="身高(cm)" prop="stature">
                <el-input v-model="empBaseInfoForm.stature" />
              </el-form-item>
              <el-form-item label="政治面貌" prop="politics">
                <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                  <el-option label="中共党员" value="01" />
                  <el-option label="预备党员" value="02" />
                  <el-option label="共青团员" value="03" />
                  <el-option label="民革会员" value="04" />
                  <el-option label="民盟盟员" value="05" />
                  <el-option label="民建会员" value="06" />
                  <el-option label="民进会员" value="07" />
                  <el-option label="农工党员" value="08" />
                  <el-option label="致公党员" value="09" />
                  <el-option label="九三社员" value="10" />
                  <el-option label="台盟盟员" value="11" />
                  <el-option label="民主人士" value="12" />
                  <el-option label="群众" value="13" />
                </el-select>
              </el-form-item>
              <el-form-item label="最高学历" prop="education">
                <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                  <el-option label="博士" value="10" />
                  <el-option label="硕士" value="11" />
                  <el-option label="大学本科" value="21" />
                  <el-option label="大学专科" value="31" />
                  <el-option label="中专" value="41" />
                  <el-option label="中技" value="42" />
                  <el-option label="高中" value="61" />
                  <el-option label="初中" value="71" />
                  <el-option label="小学" value="81" />
                  <el-option label="无学历" value="91" />
                </el-select>
              </el-form-item>
              <el-form-item label="籍贯" prop="nativePlaceName">
                <el-autocomplete
                  v-model="empBaseInfoForm.nativePlaceName"
                  class="inline-input"
                  :fetch-suggestions="querySearch"
                  placeholder="请输入籍贯"
                  @select="placeNameSelect"
                />
              </el-form-item>
              <el-form-item label="现住址" prop="currentAddress">
                <el-input v-model="empBaseInfoForm.currentAddress" />
              </el-form-item>
              <el-form-item label="电话号码" prop="telePhone">
                <el-input v-model="empBaseInfoForm.telePhone" />
              </el-form-item>
              <el-form-item label="招聘介绍人" prop="introducer">
                <el-input v-model="empBaseInfoForm.introducer" />
              </el-form-item>
              <el-form-item label="银行名称" prop="bankName">
                <el-input v-model="empBaseInfoForm.bankName" />
              </el-form-item>
              <el-form-item label="保险类型" prop="insuranceType">
                <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                  <el-option label="（深户）五险一档" value="1" />
                  <el-option label="（非深户）五险一档" value="2" />
                  <el-option label="（非深户）五险二档" value="3" />
                  <el-option label="（非深户）五险三档" value="4" />
                  <el-option label="（非深户）四险一档" value="5" />
                </el-select>
              </el-form-item>
              <el-form-item label="家庭成员及关系" prop="family">
                <el-input v-model="empBaseInfoForm.family" />
              </el-form-item>
              <el-form-item label="紧急联系电话" prop="urgencyPhone">
                <el-input v-model="empBaseInfoForm.urgencyPhone" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="姓名" prop="empName">
                <el-input v-model="empBaseInfoForm.empName" />
              </el-form-item>
              <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
                <treeselect
                  v-model="empBaseInfoForm.deptId"
                  :multiple="false"
                  :options="depts"
                  :clear-value-text="$t('common.clear')"
                  placeholder="请选择部门(护卫点)"
                  style="width:100%"
                />
              </el-form-item>
              <el-form-item label="岗位" prop="jobName">
                <el-autocomplete
                  v-model="empBaseInfoForm.jobName"
                  class="inline-input"
                  :fetch-suggestions="querySearchJob"
                  placeholder="请输入岗位"
                  @select="jobNameSelect"
                />
              </el-form-item>
              <el-form-item label="性别" prop="sex">
                <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                  <el-option label="男" value="1" />
                  <el-option label="女" value="2" />
                </el-select>
              </el-form-item>
              <el-form-item label="身份证有效期" prop="certificateValidity">
                <el-date-picker
                  v-model="empBaseInfoForm.certificateValidity"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                />
              </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input v-model="empBaseInfoForm.age" />
              </el-form-item>
              <el-form-item label="出生日期" prop="birthdate">
                <el-date-picker
                  v-model="empBaseInfoForm.birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                />
              </el-form-item>
              <el-form-item label="入职日期" prop="entryDate">
                <el-date-picker
                  v-model="empBaseInfoForm.entryDate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                  @input="calculateSeniority"
                />
              </el-form-item>
              <el-form-item label="入司工龄" prop="seniority">
                <el-input v-model="empBaseInfoForm.seniority" />
              </el-form-item>
              <el-form-item label="户籍地址" prop="censusAddress">
                <el-input v-model="empBaseInfoForm.censusAddress" />
              </el-form-item>
              <el-form-item label="保安员证号" prop="guardNumb">
                <el-input v-model="empBaseInfoForm.guardNumb" />
              </el-form-item>
              <el-form-item label="保安员回执" prop="returnReceipt">
                <el-input v-model="empBaseInfoForm.returnReceipt" />
              </el-form-item>
              <el-form-item label="档案情况" prop="archivesStatus">
                <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                  <el-option label="未移交" value="0" />
                  <el-option label="已移交" value="1" />
                </el-select>
              </el-form-item>
              <el-form-item label="银行账号" prop="bankNumb">
                <el-input v-model="empBaseInfoForm.bankNumb" />
              </el-form-item>
              <el-form-item label="社保电脑号" prop="socialNumb">
                <el-input v-model="empBaseInfoForm.socialNumb" />
              </el-form-item>
              <el-form-item label="员工手册" prop="handbookStatus">
                <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                  <el-option label="未发" value="0" />
                  <el-option label="已发" value="1" />
                </el-select>
              </el-form-item>
              <el-form-item label="工作证" prop="empCardStatus">
                <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                  <el-option label="未发" value="0" />
                  <el-option label="已发" value="1" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="相关证件" prop="certificateList">
                <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                  <el-option label="高中毕业证" value="1" />
                  <el-option label="专科毕业证" value="2" />
                  <el-option label="本科毕业证" value="3" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form></el-main>
      </el-container>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putEmpBase('empBaseInfoForm')">保 存</el-button>
        <el-button type="primary" @click="putEmpBaseContinue('empBaseInfoForm')">保存并继续新增</el-button>
@@ -2512,6 +2526,7 @@
        version: ''
      },
      empBaseInfoForm: {
        imageUrl: '',
        empId: '',
        customerId: '',
        archivesNumb: '',
@@ -4961,11 +4976,23 @@
    },
    calculateSeniority(val) {
      this.empBaseInfoForm.seniority = calculateSeniority(val)
    },
    handleAvatarSuccess(res, file) {
      this.empBaseInfoForm.imageUrl = URL.createObjectURL(file.raw)
    }
  }
}
</script>
<style lang="scss" scoped>
.baseinfo .el-container{
    .el-aside {
    background-color: #fff;
  }

  .el-main {
    background-color: #fff;
  }
}
.el-container {
  height: 770px;