<template>
	<div class="recordBill-container f40 w">
		<!-- 面包屑 -->
		<a-breadcrumb class="w">
			<a-breadcrumb-item href>
				<router-link to="/main">
					<a-icon type="home" />
				</router-link>
			</a-breadcrumb-item>
			<a-breadcrumb-item href>
				<a @click="toList">
					<span>稻田职位</span>
				</a>
			</a-breadcrumb-item>
			<a-breadcrumb-item>
				<router-link :to="'/detail'">
					<!-- <span @click="$router.back(-1)">职位详情</span> -->
					<span>职位详情</span>
				</router-link>
			</a-breadcrumb-item>
			<a-breadcrumb-item href>
				<span>报名</span>
			</a-breadcrumb-item>
		</a-breadcrumb>
		<div class="content">
			<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
				<a-form-model-item ref="proxy" label="报名人" prop :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
					<!-- <a-input
            :value="
              proxyinfo.userName !== '' &&
              proxyinfo.userName !== null &&
              proxyinfo.userName !== undefined
                ? proxyinfo.userName
                : proxyinfo.tel
            "
            :disabled="true"
          />-->
					<div class="pzbox" style="width: 100%">
						<span v-if="proxyStatus === ''">{{ proxyinfo.userName !== "" && proxyinfo.userName !== null && proxyinfo.userName !== undefined ? proxyinfo.userName : proxyinfo.tel }}</span>
						<a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
							<a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">{{ i.userName }}</a-select-option>
						</a-select>
						<span
							@click="proxyStatus = 'proxy'"
							:style="{
								color: '#ff4400',
								marginLeft: '10px',
								cursor: 'pointer',
							}"
							v-if="isMaster && proxyStatus !== 'proxy'"
							>修改</span
						>
					</div>
				</a-form-model-item>

				<a-form-model-item ref="username" label="报名职位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 10px">
					<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
					<div class="pzbox" style="width: 100%">
						<!-- <span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span> -->
						<span>{{ firminfo.jobName }}</span>
						<!-- <a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
							<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">{{ i.aliasName }}</a-select-option>
						</a-select> -->

						<!-- v-if="isMaster && jobnameStatus !== 'jobname'" -->
						<span @click="openModal" :style="{ color: '#ff4400', marginLeft: '10px', cursor: 'pointer' }">修改</span>
					</div>
				</a-form-model-item>

				<recordBillTable :isModalVisible.sync="isModalVisible" @getSelectedJobId="getSelectedJobId"></recordBillTable>

				<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
					<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
					<div class="pzbox" style="width: 100%">
						<span>{{ storeName || "-" }}</span>
						<!-- <span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
						<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
							<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">{{ i.aliasName }}</a-select-option>
						</a-select>
					<span
							@click="storeStatus = 'store'"
							:style="{
								color: '#ff4400',
								marginLeft: '10px',
								cursor: 'pointer',
							}"
							v-if="isMaster && storeStatus !== 'store'"
							>修改</span> -->
					</div>
				</a-form-model-item>

				<a-form-item label="项目方" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<span class="ant-form-text c6">{{ agencyName }}</span>
				</a-form-item>

				<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime" :prev="true"></timepicker>
					<a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo">
						<i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i>
					</a-input>
				</a-form-model-item>
				<a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime" :prev="true"></timepicker>
					<a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1">
						<i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i>
					</a-input>
				</a-form-model-item>
				<a-row>
					<a-col :span="20">
						<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
							<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入身份证号/上传身份证自动识别" :max-length="18" />
						</a-form-model-item>
					</a-col>
					<a-col :span="4" class="idCardUpload">
						<a-upload :customRequest="customRequestFun" list-type="picture-card" :file-list="fileList" @change="handleChange" @preview="handlePreview" style="margin-left: -50px" :data="dataObj">
							<!-- <div
                v-if="fileList.length < 1"
                style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                "
              >
                <a-icon type="upload" />
                <div class="ant-upload-text">上传证件</div>
              </div>-->
							<!-- <img
                v-if="form.idCardImageUrl"
                :src="form.idCardImageUrl"
                alt="avatar"
              />-->
							<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
								<a-icon type="plus" />
								<div class="ant-upload-text">拖拽上传</div>
							</div>
						</a-upload>
						<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
							<a-icon :type="loading ? 'loading' : 'plus'" style="margin-right: 10px" />
							<div class="ant-upload-text">上传中</div>
						</div>
						<i class="iconfont icon-guanbi" v-if="fileList.length !== 0 && !loading" @click="fileList = []"></i>
					</a-col>
				</a-row>
				<a-row class="specialbox">
					<a-col :span="12">
						<a-form-model-item ref="userName" label="姓名" prop="userName" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
							<a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
						</a-form-model-item>
					</a-col>
					<a-col :span="12">
						<a-form-model-item ref="sex" label="性别" prop="sex" :wrapperCol="{ span: 18 }" :labelCol="{ span: 5 }">
							<a-radio-group v-model="form.sex" defaultValue="nan" class="radiobox">
								<a-radio value="1">男</a-radio>
								<a-radio value="2">女</a-radio>
							</a-radio-group>
						</a-form-model-item>
					</a-col>
				</a-row>
				<a-row>
					<a-col :span="12">
						<!-- :offset="2" -->
						<a-form-model-item ref="age" label="年龄" prop="age" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
							<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
						</a-form-model-item>
					</a-col>
					<a-col :span="12">
						<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard" :wrapperCol="{ span: 15 }" :labelCol="{ span: 5 }">
							<a-select v-model="form.nation" placeholder="请选择民族" class="special-input">
								<a-select-option v-for="item in nationlist" :key="item.id" :value="item.name">{{ item.name }}</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>
				</a-row>
				<a-form-model-item ref="tel" label="电话" prop="tel" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="margin-bottom: 18px">
					<a-input v-model="form.tel" placeholder="请输入电话号" :max-length="11" />
				</a-form-model-item>
				<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<a-input v-model="form.address" placeholder="请输入家庭住址" />
				</a-form-model-item>
				<!-- <a-form-model-item ref="username" label="模式" prop="username">
          <a-select v-model="form.pattern" placeholder="请选择民族">
            <a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
          </a-select>
        </a-form-model-item>-->
				<a-form-model-item ref="policy" label="财务结算" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<div class="policy" style="min-height: 30px !important">{{ form.policy }}</div>
					<div style class="mb20 mt12">
						<a-radio-group v-model="currentPolicy" class="fss policyRadios" @change="policyChange($event)">
							<div v-for="(item, index) in zhengceTextList" class="mt12">
								<a-radio class="fss" :value="item.value">
									<!-- {{'政策' + (index + 1)}} -->
									<span class="mt12" style="max-width: 480px; white-space: pre-line">{{ item.name }}</span>
								</a-radio>
							</div>
						</a-radio-group>
					</div>
					<!-- <a-input v-model="form.policy" type='textarea'/> -->
					<!-- <div style="transform:translateY(8px)" v-if="form.policy.length != 0">
            <a-radio-group v-model="currentPolicy" @change="policyChange($event)">
              <div v-for="(item,index) in form.policy">
                <a-radio :value="item.id">
                  {{'政策' + (index + 1)}}
                  <div class="mt12" style="max-width:480px;white-space: pre-line;">{{item.policy}}</div>
                </a-radio>
              </div>
            </a-radio-group>
          </div>
          <div v-else>-</div>-->
					<!-- <div class="policy" style="min-height: 30px !important">{{ form.policy }}</div>
          <div class="openContral" v-if="isContainerShow">
            <span v-if="isFold" @click="toFold(1)">展开</span>
            <span v-else @click="toFold(2)">收起</span>
          </div>-->
				</a-form-model-item>

				<a-form-model-item ref="desp" style="margin-bottom: 12px" label="报名备注" prop="desp" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<a-textarea v-model="form.desp" placeholder="请输入报名备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
				</a-form-model-item>

				<a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
					<a-upload
						:customRequest="customRequestFun2"
						multiple
						list-type="picture"
						:default-file-list="fileList2"
						class="upload-list-inline"
						@change="handleChange2"
						:remove="
							(file) => {
								removeFile(file, 'header');
							}
						"
						@preview="handlePreview"
						:data="dataObj"
					>
						<a-button> <a-icon type="upload" />上传 </a-button>
					</a-upload>
				</a-form-model-item>
			</a-form-model>
			<div class="upline">
				<div>
					<a-button
						type="primary"
						@click="onClose"
						:style="{
							color: '#666',
							backgroundColor: '#fafafa',
							borderColor: '#ddd',
							boxShadow: 'none',
							textShadow: 'none',
						}"
						>取消</a-button
					>
					<!-- :loading="confirmLoading" :disabled="confirmLoading"-->
					<a-button style="margin-left: 10px; color: #fff; background-color: #ff4400; border-color: #ff4400" :loading="confirmLoading" :disabled="confirmLoading" @click="handleOk">提交</a-button>
				</div>
			</div>
		</div>
		<a-modal title="预览" :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
			<img alt="example" :src="form.idCardImageUrl" />
		</a-modal>
	</div>
</template>
<script>
import { nationlist } from "../../utils/datalist";
// import recordbill from "@/components/FirstJob/components/recordbill.vue";
import moment from "moment";
import { isEmptyCheck, getAgeFromBirthday, disposeJobListData } from "../../utils/commonUtil";
import timepicker from "./components/timepicker.vue";
import { recordBillApi, recordBillApiDaotian, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi, getPolicyByJobIdApiDaotian, getPolicyListByJobIdApi, getJobDetailApi } from "@/api/job";
import request from "@/utils/request";
import qs from "qs";
// import axios from "axios";
import $ from "jquery";
import recordBillTable from "./recordBillTable.vue";
// import axiosUpload from "axios";
export default {
	inject: ["reload"],
	// 组件名称
	name: "recordBill",
	// 局部注册的组件
	components: {
		recordBillTable,
		// recordbill,
		timepicker,
	},
	// 组件参数 接收来自父组件的数据
	props: {},
	// 组件状态值
	data() {
		return {
			isModalVisible: false,
			selectedJobId: "",
			storeName: "",

			agencyName: "-",
			jobClassify: "",
			fileList2: [],
			fileListT2: [],
			// facetimedate: "",
			previewVisible: false,
			currentPolicy: 0,
			proxyStatus: "", // 代理选择的控制
			storeStatus: "", // 企业选择的控制
			jobnameStatus: "", // 岗位选择的控制
			isContainerShow: false, // 政策展示控制按钮是否显示
			isFold: true,
			previewImage: "",
			isMaster: true,
			isShow: false,
			isShow1: false,
			nationlist,
			moment,
			loading: false,
			confirmLoading: false,
			fetching: false,
			proxyList: [],
			storeList: [],
			storeJobList: [],
			userinfo: {},
			fileList: [],
			dataObj: {
				policy: "",
				signature: "",
				key: "",
				ossaccessKeyId: "",
				dir: "",
				host: "",
				// callback:'',
			},
			rules: {
				// 录单校验规则
				interviewTime: [
					{
						required: true,
						message: "请选择面试时间",
						trigger: "blur",
					},
				],
				userName: [
					{
						required: true,
						message: "请输入姓名",
						trigger: "blur",
					},
					{
						pattern:
							// /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
							/^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
						message: "请输入正确的姓名",
						trigger: "blur",
					},
				],
				policy: [
					{
						required: true,
						message: "请选择政策",
						trigger: "submit",
					},
				],
				sex: [
					{
						required: true,
						message: "请选择性别",
						trigger: "submit",
					},
				],
				age: [
					{
						required: true,
						message: "请输入年龄",
						trigger: "submit",
					},
					{
						pattern: /^(1[6-9]|[2-5][0-9]|60)$/,
						message: "请输入16-60之间的纯数字",
						trigger: "submit",
					},
				],
				idCard: [
					{
						required: true,
						message: "请输入身份证号",
						trigger: "submit",
					},
					{
						min: 18,
						max: 18,
						message: "请输入正确的身份证号",
						trigger: "submit",
					},
				],
				tel: [
					{
						required: true,
						message: "请输入手机号",
						trigger: "submit",
					},
					{
						pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
						message: "请输入正确的手机号",
						trigger: "submit",
					},
				],
				// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
			},
			form: {
				// 录单数据
				userName: "",
				idCard: "",
				sex: "", // 性别
				age: "", // 年龄
				agencyId: "", // 代理id
				storeJobId: "", // 职位id
				qiyeId: "", // 企业id
				nation: undefined, // 民族
				address: "", // 家庭住址
				policy: "", // 代理政策
				interviewTime: "", // 面试时间
				receptionTime: "", //接待时间
				idCardImageUrl: "",
				imgs: "",
			},
			proxyinfo: {},

			firminfo: {},
			zhengceTextList: [],
			policyNum: 0, // 政策的数目
		};
	},
	// 计算属性
	computed: {},
	// 侦听器
	watch: {
		facetimedate() {
			console.log(this.facetimedate);
		},
	},
	// 生命周期钩子   注：没用到的钩子请自行删除
	/**
	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
	 */
	created() {
		if (JSON.stringify(this.$route.params) == "{}") {
			this.firminfo = JSON.parse(sessionStorage.getItem("CURRENT_FIRM"));
		} else {
			this.firminfo = this.$route.params;
		}

		this.jobClassify = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).jobClassify;
		console.log(JSON.parse(sessionStorage.getItem("CURRENT_FIRM")));
		console.log(this.firminfo);
		// this.userinfo = JSON.parse(userinfo);
		this.proxyinfo = JSON.parse(localStorage.getItem("LOGIN_DATA"));
		if (this.proxyinfo.roleOfPmd) {
			this.isMaster = true;
		}
		console.log(this.proxyinfo);
		this.getProxyInfo(this.proxyinfo.id);
		this.getJob(this.firminfo);

		if (this.jobClassify == 1) {
			this.getPolicyByJobId(this.firminfo.id).then(() => {
				this.getJobDetail(this.firminfo.id);
			});
		} else {
			this.getPolicyByJobIdDaotian(this.firminfo.id).then(() => {
				this.getJobDetail(this.firminfo.id);
			});
		}

		// this.getPolicyByJobId(this.firminfo.id || "").then(() => {
		// 	this.getJobDetail(this.firminfo.id || "");
		// });
		// this.getPolicyListByJobId(this.firminfo.id)
	},
	/**
	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
	 */
	mounted() {
		// })
	},
	// 组件方法
	methods: {
		openModal() {
			this.isModalVisible = true;
			// 可在此处加载或更新表格数据
		},

		getSelectedJobId(val) {
			console.log(val);
			this.selectedJobId = val;
			this.jobClassify = val.jobClassify;
			this.firminfo.id = val.jobId;
			this.getJobDetail(val.jobId);
			if (this.jobClassify == 1) {
				this.getPolicyByJobId(val.jobId).then(() => {
					this.getJobDetail(val.jobId);
				});
			} else {
				this.getPolicyByJobIdDaotian(val.jobId).then(() => {
					this.getJobDetail(val.jobId);
				});
			}
		},

		async getJob(value) {
			try {
				const { data } = await getStoreJobApi(value.id);
				console.log(data);
				if (data.status === 200) {
					this.storeJobList = data.data;
					let that = this;
					const policy = document.querySelector(".policy");
					// this.$nextTick(()=>{
					// setTimeout(() => {
					//   console.log(policy.offsetHeight)
					//   console.log(policy.innerHTML)
					//   if (policy.offsetHeight >= 230) {
					//     policy.style.maxHeight = '230px'
					//     policy.style.marginBottom = '24px'
					//     that.isContainerShow = true
					//   } else {
					//     policy.style.minHeight = '230px'
					//     that.isContainerShow = false
					//   }
					// }, 100)
				}
			} catch (error) {
				console.log(error);
			}
		},
		// async getPolicyListByJobId(value) {
		//   console.log(value)
		//   try {
		//     const { data } = await getPolicyListByJobIdApi(value)
		//     console.log(data)
		//     if (data.status === 200) {
		//       this.form.policy = data.data
		//       // this.form.policy = [
		//       //   {
		//       //     label: '政策1',
		//       //     content: '政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容',
		//       //     id: 1,
		//       //   },
		//       //   {
		//       //     label: '政策1',
		//       //     content: '政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容',
		//       //     id: 2,
		//       //   },
		//       //   {
		//       //     label: '政策1',
		//       //     content: '政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容政策内容',
		//       //     id: 3,
		//       //   },
		//       // ]
		//       this.currentPolicy = this.form.policy[0].id
		//     }
		//   } catch (error) {
		//     console.log(error)
		//   }
		// },
		async getJobDetail(value) {
			try {
				const { data } = await getJobDetailApi(value, this.jobClassify);
				console.log(data);
				if (data.status === 200) {
					this.agencyName = data.data.agency.agencyName;
					this.firminfo = disposeJobListData(data.data.record);
					if (this.jobClassify == 1) {
						this.storeName = data.data.store.aliasName;
					} else {
						this.storeName = data.data.record.storeName;
					}
					this.form.policyNum = data.data.record.policyNum;
					console.log(this.form.policyNum);
					if (this.form.policyNum == "" && this.form.policy != "") {
						this.form.policyNum = 1;
						console.log(this.form.policyNum);
					}
					let list = [];
					for (let i = 0; i < this.form.policyNum; i++) {
						let pickerStr;
						if (i <= 9) {
							switch (i) {
								case 0:
									pickerStr = "政策一";
									break;
								case 1:
									pickerStr = "政策二";
									break;
								case 2:
									pickerStr = "政策三";
									break;
								case 3:
									pickerStr = "政策四";
									break;
								case 4:
									pickerStr = "政策五";
									break;
								case 5:
									pickerStr = "政策六";
									break;
								case 6:
									pickerStr = "政策七";
									break;
								case 7:
									pickerStr = "政策八";
									break;
								case 8:
									pickerStr = "政策九";
									break;
								case 9:
									pickerStr = "政策十";
									break;
								default:
									pickerStr = "政策" + (index + 1);
									break;
							}
							list[i] = { value: i + 1, name: pickerStr };
						}
					}
					console.log(list);
					// policy: res.data.data,
					// isShowZhedie: true,
					this.zhengceTextList = list;
				}
			} catch (error) {}
		},
		async getPolicyByJobId(value) {
			return getPolicyByJobIdApi(value).then(({ data }) => {
				console.log(data);
				if (data.status === 200) {
					this.form.policy = data.data;
				}
			});
		},
		async getPolicyByJobIdDaotian(value) {
			return getPolicyByJobIdApiDaotian(value).then(({ data }) => {
				console.log(data);
				if (data.status === 200) {
					this.form.policy = "员工薪资：\n" + data.data.salaryDetail + "\n\n" + "代理政策：\n" + data.data.agencyReturnFeeDesp;
				}
			});
		},
		onClose() {
			this.form = {
				// 录单数据
				userName: "",
				idCard: "",
				sex: "", // 性别
				age: "", // 年龄
				nation: undefined, // 民族
				address: "", // 家庭住址
				policy: "", // 代理政策
				interviewTime: "", // 面试时间
				idCardImageUrl: "",
			};
			console.log("this.firminfo.currentPageNum", this.firminfo.currentPageNum);
			// return
			this.$router.push("/detail");
		},
		handleOk() {
			var that = this;
			console.log(that.fileListT2);
			// let dataObj = {
			//   ...this.form,
			//   storeJobPolicyId: this.currentPolicy,
			//   storeJobId: this.firminfo.id,
			// }
			// console.log(dataObj);
			this.$refs.ruleForm.validate(async (ispass, no) => {
				// console.log(this.form);
				// console.log(ispass);
				// console.log(no);
				if (this.confirmLoading == true) {
					return;
				}
				this.confirmLoading = true;
				// console.log(this.form);
				// this.form["imgs"] = that.fileListT2.toString();
				// console.log(this.form);
				// let dataObj = qs.stringify({
				// 	...this.form,
				// 	storeJobId: this.firminfo.id,
				// 	policyIdx: this.currentPolicy,
				// });
				// console.log(dataObj);
				// return;
				if (ispass) {
					console.log(this.form);
					this.form["imgs"] = that.fileListT2.toString();

					if (this.currentPolicy == 0) {
						this.$message.warning("请选择政策");
						this.confirmLoading = false;
						return;
					}

					// console.log(dataObj);
					// return;
					let dataObj = {};
					let data = {};
					if (this.jobClassify == 2) {
						console.log(this.form);
						this.form["interviewTimeStr"] = that.form.interviewTime;
						this.form["receptionTimeStr"] = that.form.receptionTime;
						this.form["jobId"] = this.firminfo.id;
						this.form["customJobId"] = this.firminfo.id;
						this.form["applyUserId"] = this.proxyinfo.id;
						this.form["agencyUserId"] = this.proxyinfo.id;

						dataObj = qs.stringify({
							...this.form,
							storeJobId: this.firminfo.id,
							policyIdx: this.currentPolicy,
							// policy: '',
						});
						data = await recordBillApiDaotian(dataObj);
					} else {
						dataObj = qs.stringify({
							...this.form,
							storeJobId: this.firminfo.id,
							policyIdx: this.currentPolicy,
							// policy: '',
						});

						data = await recordBillApi(dataObj);
					}
					console.log("data handleOk", data);
					if (data.data.status === 200) {
						setTimeout(() => {
							this.confirmLoading = false;

							this.$router.push("/recordsuccess");
						}, 1000);
					} else {
						this.$message.error(data.data.msg);
					}
					this.confirmLoading = false;

					// setTimeout(() => {
					//   this.confirmLoading = false;
					//   this.form = {
					//     // 录单数据置空
					//     name: "",
					//     tel: "",
					//     peoplecard: "",
					//     username: "",
					//   };
					//   this.visible = false;
					// }, 2000);
				} else {
					this.confirmLoading = false;
					// this.$message.error(no)

					console.log(123);
				}
				console.log(no);
			});
		},
		// interviewTimeDisabledDate(current) {
		//   // Can not select days before today and today
		//   return (
		//     current < moment().startOf("day") || current > moment().add(100, "days")
		//   );
		// },
		// interviewTimeDisabledDateTime() {
		//   return {
		//     disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 22, 23],
		//     disabledMinutes: () =>
		//       this.range(0, 60)
		//         .splice(1, 29)
		//         .concat(this.range(0, 60).splice(31, 59)),
		//     disabledSeconds: () => this.range(1, 60),
		//   };
		// },
		range(start, end) {
			const result = [];
			for (let i = start; i < end; i++) {
				result.push(i);
			}
			return result;
		},

		getDom() {
			console.log(1);
		},
		formatDateYMD(val) {
			// model -> view，在更新 `<input>` 元素之前格式化值
			if (val == null || val == "") {
				return null;
			}

			if ((val != null || val == "") && typeof val == "string") {
				if (val.indexOf("T")) {
					val = val.replace("T", " "); //原来L端可能返回的时间格式有带T的格式，处理一下
				}
				val = val.replace("-", "/").replace("-", "/");
			}
			var value = new Date(val);
			//console.log(val);
			var fmt = "yyyy-MM-dd";
			var o = {
				"M+": value.getMonth() + 1, //月份
				"d+": value.getDate(), //日
				// "H+": value.getHours(), //小时
				//"h+": val.getHours()%12 == 0 ? 12 : val.getHours()%12, //小时
				// "m+": value.getMinutes(), //分
				// "s+": value.getSeconds() //秒
				//"S": val.getMilliseconds() //毫秒
				//"q+": Math.floor((val.getMonth() + 3) / 3) //季度
			};
			if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (value.getFullYear() + "").substr(4 - RegExp.$1.length));
			for (var k in o) {
				if (new RegExp("(" + k + ")").test(fmt)) {
					fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
				}
			}
			return fmt;
		},
		getDateinfo() {
			this.isShow = true;
			if (isEmptyCheck(this.form.interviewTime)) {
				//设置默认值
				//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
				var mydate = new Date();
				var tomorrow = new Date();
				tomorrow.setDate(tomorrow.getDate() + 1);
				this.form.interviewTime = mydate.toTimeString() >= "16:00" ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00" : this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`;
			}
			console.log(this.form.interviewTime);
		},
		getDateinfo1() {
			this.isShow1 = true;
			if (isEmptyCheck(this.form.receptionTime)) {
				//设置默认值
				//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
				var mydate = new Date();
				var tomorrow = new Date();
				tomorrow.setDate(tomorrow.getDate() + 1);
				this.form.receptionTime = mydate.toTimeString() >= "16:00" ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00" : this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`;
			}
			console.log(this.form.receptionTime);
		},
		verify() {
			if (this.form.interviewTime !== "") {
				this.form.interviewTime = "";
			}
		},
		verify1() {
			if (this.form.receptionTime !== "") {
				this.form.receptionTime = "";
			}
		},
		handleChange({ fileList }) {
			console.log(fileList);
			console.log(fileList[0]);
			this.fileList = fileList;
		},
		handleChange2({ file, fileList }) {
			console.log("file", file);
			console.log("fileList", fileList);
			this.fileList2 = fileList;
		},
		// getBase64(file) {
		//   return new Promise((resolve, reject) => {
		//     const reader = new FileReader();
		//     console.log(reader);
		//     reader.readAsDataURL(file);
		//     reader.onload = () => resolve(reader.result);
		//     reader.onerror = (error) => reject(error);
		//   });
		// },
		beforeUpload(e, data) {
			let that = this;
			console.log(e);
			console.log(data);
			//resolve()
			return new Promise((resolve, reject) => {
				//resolve()
			});
		},
		getUUID() {
			return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
				return (c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8").toString(16);
			});
		},
		async customRequestFun(file) {
			console.dir(file.onSuccess);
			let _self = this;
			this.loading = true;
			new Promise((resolve) => {
				request({
					url: "/oss/policy",
					method: "get",
				})
					.then(({ data }) => {
						console.log(data);
						// console.log(data.msg);
						resolve(data.data);
					})
					.catch((err) => {
						console.log(err);
					});
			})
				.then((response) => {
					console.log("响应的数据", response);
					_self.dataObj.policy = response.data.policy;
					_self.dataObj.signature = response.data.signature;
					_self.dataObj.ossaccessKeyId = response.data.accessid;
					_self.dataObj.key = response.data.dir + _self.getUUID();
					_self.dataObj.dir = response.data.dir;
					_self.dataObj.host = response.data.host;
					console.log("响应的数据222。。。", _self.dataObj);
					var formData = new FormData();
					let str = file.file.name.replace(/\s/g, "");
					_self.dataObj.key = _self.dataObj.key + str;
					//注意formData里append添加的键的大小写
					formData.append("key", _self.dataObj.key); //存储在oss的文件路径
					formData.append("OSSAccessKeyId", _self.dataObj.ossaccessKeyId); //accessKeyId
					formData.append("policy", _self.dataObj.policy); //policy
					formData.append("Signature", _self.dataObj.signature); //签名
					formData.append("success_action_status", "200"); // 上传成功返回的状态码，不设置则是204
					formData.append("file", file.file); // 一定在最后
					console.log(formData);
					let formData1 = new FormData();
					console.log(file.file);
					console.log(formData1);
					formData1.append("uploadFile", file.file); // 一定在最后
					// try {
					//   const { data } = await getIdCardInfoApi(formData1);
					//   console.log(data);
					// } catch (err) {
					//   console.log(err);
					// }
					request({
						method: "post",
						url: "/yishoudan/commons/idCardOcrRecognize",
						data: formData1,
						withCredentials: true,
						// headers: {'Content-Type': 'application/x-www-form-urlencoded'}

						headers: {
							"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(),
						},
					})
						.then(({ data }) => {
							this.loading = false;

							console.log(data);
							if (data.status === 200) {
								// console.log(this.$message);
								if (data.data.success) {
									if (!isEmptyCheck(data.data.num)) {
										this.form.idCard = data.data.num;
										this.form.age = data.data.age;
										if (data.data.sex === "男") {
											this.form.sex = "1";
										} else {
											this.form.sex = "2";
										}
										console.log(this.form.sex);
										this.form.nation = data.data.nationality + "族";
										this.form.userName = data.data.name;
										this.form.address = data.data.address;
									}
								} else {
									this.$message.error("身份证识别失败,请重新上传图片");
								}
							} else {
								this.$message.error("上传失败,请重新上传");
							}
							console.log(data);
						})
						.catch((err) => {
							console.log(err);
						});
					file.onProgress();

					$.ajax({
						type: "post",
						url: "http://matripe-cms.oss-cn-beijing.aliyuncs.com",
						data: formData,
						contentType: false, // 不设置Content-Type请求头
						processData: false,
						success: function (data) {
							file.onSuccess();
							_self.uploadFileFlag = true;
							console.log(data);
							var img = _self.dataObj.host + "/" + _self.dataObj.key;
							_self.form.idCardImageUrl = img;
							console.log(_self.form.idCardImageUrl);
						},
						fail: function (err) {
							console.log(err);
						},
					});
					resolve(true);
				})
				.catch((err) => {
					console.log(err);
					// reject(false);
				});
		},

		async customRequestFun2(file) {
			console.dir(file.onSuccess);
			var that = this;

			let _self = this;
			new Promise((resolve) => {
				request({
					url: "/oss/policy",
					method: "get",
				})
					.then(({ data }) => {
						console.log(data);
						// console.log(data.msg);
						resolve(data.data);
					})
					.catch((err) => {
						console.log(err);
					});
			})
				.then((response) => {
					console.log("响应的数据", response);
					let dataObj = {};
					dataObj.policy = response.data.policy;
					dataObj.signature = response.data.signature;
					dataObj.ossaccessKeyId = response.data.accessid;
					dataObj.key = response.data.dir + that.getUUID();
					dataObj.dir = response.data.dir;
					dataObj.host = response.data.host;
					console.log("响应的数据222。。。", dataObj);
					var formData = new FormData();
					let str = file.file.name.replace(/\s/g, "");
					dataObj.key = dataObj.key + str;
					//注意formData里append添加的键的大小写
					formData.append("key", dataObj.key); //存储在oss的文件路径
					formData.append("OSSAccessKeyId", dataObj.ossaccessKeyId); //accessKeyId
					formData.append("policy", dataObj.policy); //policy
					formData.append("Signature", dataObj.signature); //签名
					formData.append("success_action_status", "200"); // 上传成功返回的状态码，不设置则是204
					formData.append("file", file.file); // 一定在最后
					console.log(formData);
					let formData1 = new FormData();
					console.log(file.file);
					formData1.append("uploadFile", file.file); // 一定在最后
					// try {
					//   const { data } = await getIdCardInfoApi(formData1);
					//   console.log(data);
					// } catch (err) {
					//   console.log(err);
					// }
					file.onProgress();
					$.ajax({
						type: "post",
						url: "http://matripe-cms.oss-cn-beijing.aliyuncs.com",
						data: formData,
						contentType: false, // 不设置Content-Type请求头
						processData: false,
						success: function (data) {
							file.onSuccess();
							console.log(data);
							var img = dataObj.host + "/" + dataObj.key;
							that.fileListT2.push(img);
						},
						fail: function (err) {
							console.log(err);
						},
					});
					resolve(true);
				})
				.catch((err) => {
					console.log(err);
					// reject(false);
				});
		},

		removeFile(file) {
			// let fileList
			// let _this = this
			// fileList = this.$refs.headerUploadRef.$children[1].$children[0].items

			// console.log(this.$refs.headerUploadRef.$children[1].$children[0].items);
			console.log(this.fileList2.indexOf(file));
			let index = this.fileList2.indexOf(file);
			this.fileListT2.splice(index, 1);

			console.log(this.fileListT2);
			// fileList.forEach((item, index) => {
			//     if (item.uid === file.uid) {
			//         _this.headerFileList.splice(index, 1)
			//     }
			// })
		},

		async handlePreview(file) {
			console.log(file);
			if (!file.url && !file.preview) {
				file.preview = await this.getBase64(file.originFileObj);
			}
			this.previewImage = file.url || file.preview;
			this.previewVisible = true;
		},
		getBase64(file) {
			return new Promise((resolve, reject) => {
				const reader = new FileReader();
				reader.readAsDataURL(file);
				reader.onload = () => resolve(reader.result);
				reader.onerror = (error) => reject(error);
			});
		},
		async getProxyInfo(id) {
			const { data } = await getProxyInfoApi(id);
			console.log(data);
			if (data.status === 200) {
				this.proxyList = data.data;
				this.proxyList.forEach((item) => {
					// console.log(item);
					let data1 = item.agencyName;
					if (!isEmptyCheck(item.userName)) {
						item.userName = data1 + "/" + item.userName;
					}
					if (!isEmptyCheck(item.tel)) {
						item.userName = item.userName + item.tel.slice(7, 12);
					}
				});
				console.log(this.proxyList);
			}
			console.log(data);
		},
		proxyChange(value) {
			console.log(value);
			this.form.agencyId = value.id;
			this.proxyinfo.userName = value.userName;
			this.proxyStatus = "";
			console.log(this.form);
		},
		async storeSearch(value) {
			// 企业名称搜索
			console.log(value);
			const { data } = await getStoreAliasApi(value);
			if (data.status === 200) {
				this.storeList = data.data;
			}
			console.log(data);
		},
		async storeChange(value) {
			console.log(value);
			this.storeList = [];
			this.firminfo.aliasName = value.aliasName;
			this.form.qiyeId = value.id;
			this.storeStatus = "";
			try {
				const { data } = await getStoreJobApi(value.id);
				console.log(data);
				if (data.status === 200) {
					this.storeJobList = data.data;
				}
			} catch (error) {
				console.log(error);
			}
			console.log(this.form);
			console.log(value);
		},
		selected() {
			// if (!isEmptyCheck(this.form.qiyeId)) {
			// this.jobnameStatus = "jobname";
			// } else {
			// this.$message.warning("请先选择企业");
			// }
		},

		toList() {
			this.$router.push({
				path: `/list`,
				// query: {
				// 	pagenum: this.firminfo.currentPageNum,
				// },
			});

			// this.$router.go(0);
			// window.location.reload();
			// this.reload();
		},
		getIdInfo(e) {
			if (e.target.value.length == 18) {
				let bir = getAgeFromBirthday(e.target.value);
				if (!isEmptyCheck(bir.gender)) {
					this.form.sex = bir.gender;
				}
				if (!isEmptyCheck(bir.age)) {
					this.form.age = bir.age;
				}
			}
		},
		toFold(value) {
			let policy = document.querySelector(".policy");
			if (value == 1) {
				this.isFold = false;
				policy.style.maxHeight = "unset";
			} else {
				this.isFold = true;
				policy.style.maxHeight = "230px";
			}
		},
		/**
		 * 政策单选变化
		 *
		 *
		 */
		policyChange(e) {
			console.log(e.target.value);
			this.currentPolicy = e.target.value;
		},
	},
};
</script>
<style scoped lang="less">
/deep/ .policy {
	min-height: 0 !important;
}

/deep/ .upload-list-inline .ant-upload-list-item {
	float: left;
	width: 220px;
	margin-right: 16px;

	.ant-upload-animate-enter {
		animation-name: uploadAnimateInlineIn;
	}

	.ant-upload-animate-leave {
		animation-name: uploadAnimateInlineOut;
	}
}

.recordBill-container {
	// height: 100%;

	box-sizing: border-box;

	.content {
		margin-top: 12px;
		padding: 30px 0 20px 300px;
		position: relative;
		background-color: #fff;
		text-align: left;

		.ant-form {
			width: 640px;
		}
	}

	.upline {
		position: relative !important;
		box-shadow: none;
		// transform: translateX(-10px);
		margin-top: 12px;

		> div {
			margin-left: 107px;
			display: flex;
			justify-content: start;

			button {
				border-radius: 6px;
				transition: none;
			}

			button:first-child {
				&:hover {
					border-color: #ff4400 !important;
					color: #ff4400 !important;
				}
			}

			button:last-child {
				&:hover {
					background-color: #ff7c1f !important;
					border-color: #ff7c1f !important;
				}
			}

			// button::after {
			//   // display: none;
			// }
		}
	}
}

/deep/ .ant-radio-wrapper {
	margin-right: 16px;

	span:last-child {
		padding: 0 2px;
	}
}

/deep/ .ant-radio {
	border-color: #ddd;
	box-shadow: none;

	&:after {
		display: none;
	}

	&:hover .ant-radio-inner {
		border-color: #ff4400 !important;
		box-shadow: none;
	}
}

/deep/ .ant-radio-checked {
	.ant-radio-input:focus {
		box-shadow: none;
	}

	.ant-radio-inner {
		border-color: #ff4400;
		box-shadow: none;

		&::after {
			background-color: #ff4400 !important;
		}
	}
}

.ant-col {
	.ant-form-item {
		margin-top: 0;
		margin-bottom: 16px !important;
	}
}

.idCardUpload {
	// 上传身份证关闭按钮的样式
	position: relative;

	.icon-guanbi {
		position: absolute;
		top: -3px;
		right: 52px;
		height: 16px;
		width: 16px;
		text-align: center;
		line-height: 16px;
		font-size: 12px;
		font-weight: 900;
		border-radius: 50%;
		background-color: #999;
		color: #fff;
		z-index: 99;

		&::before {
			display: inline-block;
			transform: scale(0.6);
		}
	}
}

.specialbox {
	margin-top: -8px;
}

/deep/ .ant-upload-picture-card-wrapper {
	width: 100px !important;
	height: 40px !important;

	// border: 1px solid #ddd !important;
	// box-sizing: border-box;
	.ant-upload.ant-upload-select-picture-card,
	.ant-upload-list-item,
	.ant-upload-list-picture-card-container {
		width: 100px !important;
		height: 40px !important;
		min-width: 100px !important;
		min-height: 40px !important;
		font-size: 12px;
		padding: 0;
		border-color: #dddddd !important;
		box-sizing: border-box;
		border-radius: 0px;

		&:hover {
			border-color: #ff4400 !important;
		}

		.ant-upload {
			padding: 0;
		}

		.ant-upload-list-item-progress {
			display: none;
		}

		// .ant-upload-list-item-uploading {
		//   display: none;
		// }
		.ant-upload-select {
			background-color: #f5f5f5 !important;
		}

		.ant-upload-text {
			font-size: 12px;
			margin: 0 0 0 6px;
		}

		.ant-upload-list-item-uploading-text {
			// display: none;
			text-align: center !important;
			line-height: 40px !important;
			width: 100px !important;
			height: 40px !important;
			margin-top: 0;
			// overflow: hidden;
		}

		.ant-upload-list-item-actions {
			> i {
				display: none;
			}

			> a {
				text-align: center;
			}
		}
	}

	// .ant-upload-select {
	// display: none !important;
	// }
}

.uploading {
	position: absolute;
	width: 98px !important;
	height: 38px !important;
	top: 1px;
	left: -49px;
	background-color: #f5f5f5;
}

/deep/ .ant-form-item {
	// margin-bottom: 0;
	margin-top: -8px;

	.ant-col-5 {
		width: 20%;
	}

	.ant-form-item-label {
		// line-height: 22px;
		> label {
			font-weight: 400;
			color: #333;
		}
	}

	.ant-input-affix-wrapper {
		&:hover .ant-input {
			border-color: #ddd;
		}
	}

	.radiobox {
		height: 40px;
		display: flex;
		align-items: center;
	}

	.ant-form-item-children {
		.pzbox {
			// display: flex !important;
			color: #666;

			span {
				display: inline-block;

				&:first-child {
					min-width: 50px;
				}

				// &:last-child {
				//   cursor: pointer;
				//   margin-left: 10px;
				//   color: #ff4400;
				// }
			}

			// &::before {
			//   content: "";
			//   display: block;
			//   position: absolute;
			//   height: 1px;
			//   width: 588px;
			//   left: -428px;
			//   top: -20px;
			//   background-color: #d5d5d5;
			// }
		}
	}

	.ant-input {
		// width: 430px;
		height: 38px;
		// color: rgba(77, 87, 94, 0.7);
		color: #666;
		// border: none;
		border: 1px solid #dddddd;
		box-shadow: none !important;

		// background-color: #f6f6f6;
		&::placeholder {
			color: #cdcdcd;
		}
	}

	.ant-select-selection__rendered,
	.ant-select-selection--single,
	.ant-select {
		height: 38px;
		line-height: 38px;
		// border: none;
		// border: 1px solid #dddddd;
		box-shadow: none !important;
		border-color: #ddd;

		.ant-select-selection__placeholder {
			line-height: 17px;
			color: #cdcdcd;
		}

		.ant-select-selection-selected-value {
			line-height: 37px;
			color: #666;
		}

		&:hover {
			border-color: #ddd;
		}

		// &:focus {
		//   border-color: #d9d9d9;
		// }
		// &:active {
		//   border-color: #d9d9d9;
		// }
	}
}

/deep/ .ant-modal-content {
	.ant-modal-header {
		border-bottom: 1px solid transparent;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.ant-modal-body {
		padding: 24px;
		padding-top: 0;

		img {
			display: block;
			width: 100%;
		}
	}

	.ant-modal-close-x {
		height: 50px;
		line-height: 50px;
		// .anticon-close {
		//   vertical-align: 10px;
		//   margin-right: -4px;
		// }
	}
}

/deep/ .policyContainer {
	position: relative;

	.ant-form-item-children {
		position: unset;

		.policy {
			// position: relative;
			padding: 0;
			padding-top: 6px;
			// padding-bottom: 24px;
			white-space: pre-wrap;
			border-radius: 4px;
			overflow: hidden;
			line-height: 2;
		}

		.openContral {
			position: absolute;
			height: 20px;
			line-height: 20px;
			bottom: 0;
			right: 10px;
			cursor: pointer;

			&::after {
				content: "";
				position: absolute;
				width: 480px;
				height: 1px;
				background-color: #ededed;
				bottom: -10px;
				left: -445px;
			}

			&:hover {
				color: #ff4400;
			}
		}
	}

	// background-color: #ff4400;
}

// /deep/ .date-picker {
//  .picker-content {
//    table {
//      width: 100%;
//      // padding: 4px !important;
//      margin: 4px 0;
//      border-collapse: separate;
//      border-spacing: 0;
//      font-size: 12px;
//      line-height: 20px !important;
//      .contain {
//        height: 2px;
//      }
//      thead {
//        padding-bottom: 5px;
//        tr {
//          margin-bottom: 5px;
//          background-color: #ff6a001a;
//          color: rgba(77, 87, 94);
//          th {
//            text-align: center;
//            font-weight: 600;
//            font-size: 14px;
//            line-height: 26px;
//            &:first-child {
//              border-radius: 4px 0 0 4px;
//            }
//            &:last-child {
//              border-radius: 0 4px 4px 0;
//            }
//          }
//        }
//      }
//      tbody {
//        margin-top: 10px;
//        tr {
//          td {
//            // height: 50px;
//            box-sizing: border-box;
//            color: rgba(77, 87, 94);
//            // font-weight: 600;
//            padding: 0 4px;
//            font-size: 14px;
//            cursor: pointer;
//            &:first-child {
//              border-radius: 4px 0 0 4px;
//            }
//            &:last-child {
//              border-radius: 0 4px 4px 0;
//            }
//            div {
//              border: 1px solid transparent;
//              position: relative;
//              width: 30px;
//              height: 26px;
//              line-height: 24px;
//              border-radius: 4px;
//              text-align: center;
//              margin: 0 2px;
//              z-index: 99;
//              box-sizing: border-box;
//            }
//          }
//          td.gray {
//            font-weight: 400;
//            color: rgba(138, 138, 138, 0.7);
//          }
//          td.bggray {
//            position: relative;
//            color: #ccc;
//            cursor: default;

//            &::after {
//              content: "";
//              position: absolute;
//              display: block;
//              width: 100%;
//              height: 26px;
//              background-color: #f5f5f5;
//              top: 50%;
//              transform: translateY(-50%);
//              left: 0;
//              z-index: 9;
//            }
//          }

//          .bggray:first-child::after {
//            border-radius: 4px 0 0 4px;
//          }
//          .bggray:last-of-type::after {
//            border-radius: 0 4px 4px 0;
//          }
//          td:not(.bggray):hover {
//            div {
//              border: 1px solid #ff4400;
//              color: #ff4400;
//            }
//          }
//          td.active {
//            div {
//              background: #ff4400;
//              color: white !important;
//              font-weight: bold;
//            }
//          }
//        }
//      }
//    }
//  }

//  .picker-content1:extend(.picker-content all) {
//    // &: extend ;
//    display: flex;
//    flex-direction: row;
//    table {
//      width: calc(100% - 40px);
//      margin-right: 4px;
//      // border-right: 1px solid #eee;
//    }
//    .hour-list {
//      display: flex;
//      flex-wrap: wrap;
//      justify-content: space-between;
//      border-left: 1px solid #eee;
//      list-style: none;
//      padding: 5px 2px 0 4px;
//      margin: 0;
//      height: 100%;
//      overflow-x: hidden;
//      width: 300px;
//      font-size: 12px;
//      overflow-y: auto;
//      &::-webkit-scrollbar {
//        /*滚动条整体样式*/
//        width: 0px !important; /*高宽分别对应横竖滚动条的尺寸*/
//        height: 4px;
//      }
//      &::-webkit-scrollbar-thumb {
//        /*滚动条里面小方块*/
//        border-radius: 5px;
//        // -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
//        background: #ddd !important;
//      }
//      // &::-webkit-scrollbar-track {
//      //   /*滚动条里面轨道*/
//      //   -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
//      //   border-radius: 0;
//      //   background: rgba(0, 0, 0, 0.1);
//      // }
//      li {
//        padding: 0;
//        margin: 0;
//        margin-bottom: 6px;
//        color: #4d575ecc;
//        font-weight: 600;
//        background-color: #ff6a001a;
//        width: 48%;
//        border-radius: 4px;
//        /* font-weight: 600; */
//        display: flex;
//        height: 26px !important;
//        line-height: 26px;
//        font-size: 14px;
//        justify-content: center;
//        align-items: center;
//        padding: 0 4px;
//        height: 26px;
//        cursor: pointer;
//        span:last-child {
//          margin-left: 0 !important;
//        }
//        &:hover {
//          color: white;
//          background: #ff4400;
//        }
//      }
//      // li:not(:last-child) {
//      // border-bottom: solid 1px gainsboro;
//      // }

//      .active {
//        color: white;
//        background: #ff4400;
//      }
//    }
//    .minutes-list {
//      width: 60px;
//    }
//  }

//  .picker-footer {
//    display: block;
//    line-height: 42px;
//    text-align: right;
//    white-space: nowrap;
//    button {
//      outline: none;
//      border: solid 1px gainsboro;
//      border-radius: 2px;
//      text-align: center;
//      padding-left: 1px;
//      color: #8a8a8a;
//      height: 24px;
//      width: 50px;
//      line-height: 20px;
//      font-size: 12px;
//      margin-right: 12px;
//      background-color: #f3f3f3;
//      &:first-child {
//        background-color: #fff;
//        &:active,
//        &:hover {
//          border-color: #eee;
//          background-color: #eee;
//        }
//      }
//      &:last-child {
//        background-color: #ff4400;
//        border-color: #ff4400;
//        color: #fff;
//        &:active,
//        &:hover {
//          border-color: #ff4400;
//          background-color: #ff4400;
//        }
//      }
//    }
//  }
// }
/deep/ .time-input {
	margin-bottom: 16px;

	.ant-input {
		font-size: 20px !important;
		border-radius: 6px;
		-webkit-text-stroke-width: 0.5px;
		font-weight: 400;

		&::placeholder {
			font-size: 14px;
			-webkit-text-stroke-width: 0.1px;
		}
	}

	.ant-input-suffix {
		right: 16px;
	}

	.anticon-close-circle {
		width: 24px;
		height: 24px;
		line-height: 28px;
		margin-right: 8px;
	}
}

.ant-input {
	border-radius: 6px;
}

/deep/ .pt1 .ant-input {
	padding-top: 1px;
}

/deep/ .ant-select-selection {
	border-radius: 6px !important;
}
.policyRadios {
	flex-wrap: wrap;
}
</style>
