<template>
|
<div class="app-container">
|
<el-row class="container">
|
<el-col style="width: 1050px">
|
<div style="width: 1200px">
|
<el-form style="margin: 4px 8px; width: 1200px" :inline="true" ref="form" :model="form" :rules="rules"
|
:label-position="labelPosition" class="demo-form-inline" label-width="80px">
|
<el-form-item label="是否匿名" prop="isNow">
|
<el-select style="width: 130px" v-model="isNow" placeholder="是否匿名" @change="freezing(isNow)">
|
<el-option v-for="dict in dictType" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="姓名" prop="cusName">
|
<el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" style="width: 160px" />
|
</el-form-item>
|
<el-form-item label="证件类型" prop="idType">
|
<el-select :disabled="isDisabled" style="width: 160px" v-model="form.idType" placeholder="请选择证件类型">
|
<el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="证件号" prop="cusIdcard">
|
<el-input :disabled="isDisabled" style="width: 186px" v-model="form.cusIdcard" placeholder="请输入身份证号"
|
@input="inputChange" />
|
<i style="font-size: 17px; margin-left: 3px" class="el-icon-search" @click="handleQuery"></i>
|
</el-form-item>
|
<br />
|
<el-form-item label="年龄" prop="age">
|
<el-input style="width: 60px" v-model="form.age" :disabled="isDisabled" />
|
</el-form-item>
|
<el-form-item prop="ageUnit">
|
<el-select :disabled="isDisabled" style="width: 60px" v-model="form.ageUnit">
|
<el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select> </el-form-item>
|
<el-form-item label="性别" prop="cusSex">
|
<el-select :disabled="isDisabled" style="width: 160px" v-model="form.cusSex" placeholder="性别">
|
<el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
|
:value="parseInt(dict.value)"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="出生日期" prop="cusBrithday">
|
<el-date-picker :disabled="isDisabled" style="width: 160px" clearable v-model="form.cusBrithday" type="date"
|
value-format="yyyy-MM-dd" placeholder="请选择出生日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="cusPhone">
|
<el-input v-model="form.cusPhone" placeholder="请输入联系电话" :disabled="isDisabled" style="width: 186px" />
|
</el-form-item>
|
|
<el-form-item label="户口地址" prop="addr">
|
<el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" style="width: 410px" />
|
</el-form-item>
|
<el-form-item label="现住址" prop="cusAddr">
|
<el-input v-model="form.cusAddr" placeholder="请输入现居住地址" :disabled="isDisabled" style="width: 430px" />
|
</el-form-item><br />
|
<el-form-item label="职业" prop="career">
|
<el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="请输入职业" style="width: 160px">
|
<el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="民族" prop="cusNational">
|
<el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="请选择民族"
|
style="width: 160px">
|
<el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="婚姻" prop="cusMarryStatus">
|
<el-select :disabled="isDisabled" style="width: 130px" v-model="form.cusMarryStatus" placeholder="婚姻状况">
|
<el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="工作单位" prop="company">
|
<el-input :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" style="width: 210px" />
|
</el-form-item><br />
|
|
<!-- <el-form-item label="邮政编码" prop="cusPostcode">
|
<el-input
|
v-model="form.cusPostcode"
|
placeholder="请输入邮政编码"
|
/>
|
</el-form-item> -->
|
|
<el-form-item label="介绍人" prop="cusIntroduce">
|
<el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" style="width: 160px" />
|
</el-form-item>
|
<el-form-item label="邮箱" prop="cusEmail">
|
<el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" style="width: 160px" />
|
</el-form-item>
|
<!-- <el-form-item label="索引卡号" prop="indexCard">
|
<el-input v-model="form.indexCard" placeholder="请输入索引卡号" />
|
</el-form-item> -->
|
<!-- <el-form-item label="民族" prop="cusNational">
|
<el-select
|
filterable
|
:disabled="isDisabled"
|
v-model="form.cusNational"
|
placeholder="请选择民族"
|
style="width: 200px"
|
>
|
<el-option
|
v-for="dict in dict.type.dict_user_national"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
>
|
<span style="float: left">{{ dict.label }}</span>
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ dict.value }}</span>
|
</el-option>
|
</el-select>
|
</el-form-item> -->
|
|
<!-- <el-form-item label="是否VIP" prop="cusIsvip">
|
<el-select style="width: 200px" v-model="form.cusIsvip" placeholder="是否VIP">
|
<el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item> -->
|
<!-- <el-form-item label="团队/个人" prop="tjType">
|
<el-radio-group v-model="form.tjType">
|
<el-radio label="团队" v-if="form.tjType == '团队'"></el-radio>
|
<el-radio label="个人" v-if="form.tjType == null"></el-radio>
|
</el-radio-group>
|
</el-form-item> -->
|
<el-form-item style="margin-left: 205px">
|
<el-button :disabled="isDisabled" style="margin-left: 50px" type="primary" size="mini"
|
@click="submitForm">登记</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">重置</el-button>
|
<el-button type="primary" @click="Package" size="mini" v-if="tcShows">选择套餐</el-button>
|
<!-- <el-button type="primary" icon="el-icon-search" @click="handleQuery" size="mini">查询</el-button> -->
|
</el-form-item>
|
</el-form>
|
</div>
|
</el-col>
|
<el-col :span="4" style="1px solid black;mar-right:60px">
|
<div class="content">
|
<!-- <el-upload
|
v-show="hide"
|
class="avatar-uploader"
|
action="https://jsonplaceholder.typicode.com/posts/"
|
:show-file-list="false"
|
:on-success="handleAvatarSuccess"
|
:before-upload="beforeAvatarUpload"
|
> -->
|
<div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
|
</div>
|
<!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
<!-- </el-upload> -->
|
<div v-if="imgSrc" class="img_bg_camera">
|
<img style="
|
width: 200px;
|
height: 200px;
|
margin-left: -20px;
|
margin-top: 90px;
|
padding-top: 1px;
|
" :src="imgSrc" alt="" class="tx_img" />
|
</div>
|
<video v-show="hides" id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay
|
style="margin-top: 1px"></video>
|
<canvas style="display: none" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas>
|
<div class="camera_outer" style="margin-top: 10px">
|
<el-button type="primary" plain size="mini" @click="getCompetence()">打开摄像头</el-button>
|
<!-- <el-button type="primary" plain size="mini" @click="stopNavigator()"
|
>关闭摄像头</el-button
|
> -->
|
<el-button type="primary" plain size="mini" @click="setImage()">拍照</el-button><br />
|
</div>
|
<!-- <el-button type="text" @click="beat = true">点击拍照</el-button> -->
|
</div>
|
</el-col>
|
</el-row>
|
|
<el-dialog title="选择套餐" :visible.sync="taocan" width="42%" height="700px">
|
<el-tabs type="border-card" style="height: 560px; margin:0 10px; width: 100%">
|
<el-tab-pane label="套餐">
|
<el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
|
<el-form-item label="套餐名称" prop="pacName">
|
<el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button>
|
<!-- <el-button type="primary" size="mini" @click="submit">确认</el-button> -->
|
</el-form-item>
|
</el-form>
|
<div class="tab4">
|
<div class="grid-content bg-purple" style="margin-left: 5px; width: 98%">
|
<el-table v-loading="loading" element-loading-text="正在加载中..." element-loading-spinner="el-icon-loading"
|
border :data="newpacName" @selection-change="handleSelectionChange" height="450px" ref="tb"
|
style="width: 850px">
|
<el-table-column type="selection" width="40px" align="center" label="选择" />
|
<el-table-column label="套餐名称" align="center" prop="pacName" width="120px" />
|
<el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" />
|
<!-- :selectable="checkSelectable" -->
|
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<template slot-scope="scope">
|
<el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleSeach(scope.row)"
|
v-hasPermi="['system:package:Seach']">套餐详情
|
</el-button>
|
</template>
|
</el-table-column> -->
|
</el-table>
|
</div>
|
<!-- <el-button
|
style="
|
width: 20px;
|
height: 100px;
|
margin-top: 20%;
|
font-size: 10px;
|
padding-right: 20px;
|
"
|
type="primary"
|
size="mini"
|
@click="submit"
|
><i style="font-size: 18px" class="el-icon-d-arrow-right"></i
|
></el-button> -->
|
</div>
|
</el-tab-pane>
|
<el-tab-pane label="单项">
|
<div class="tab3">
|
<div class="tab2">
|
<el-tree ref="tree" :data="data" show-checkbox node-key="proId" :props="defaultProps"
|
:default-expanded-keys="treeId" :default-checked-keys="treeList" @check-change="handleCurrentChecked">
|
</el-tree>
|
</div>
|
<!-- <el-button
|
style="
|
width: 20px;
|
height: 100px;
|
margin-left: 10px;
|
margin-top: 20%;
|
font-size: 10px;
|
"
|
type="primary"
|
size="mini"
|
@click="submit"
|
><i style="font-size: 18px" class="el-icon-d-arrow-right"></i
|
></el-button> -->
|
</div>
|
</el-tab-pane>
|
</el-tabs>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="taocan = false">取 消</el-button>
|
<el-button type="primary" @click="submit">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<el-row type="flex" class="row-bg" justify="space-around" v-if="tcShow">
|
<el-col>
|
<div class="grid-content bg-purple">
|
<!-- <el-table :data="fData" border height="220px" style="width: 100%; ">
|
<el-table-column prop="proName" label="组合项目" align="center" width="200px">
|
</el-table-column>
|
<el-table-column prop="proPrice" label="金额" align="center" width="150px">
|
</el-table-column>
|
<el-table-column prop="allSonProName" label="单个项目" align="center" :show-overflow-tooltip="true">
|
</el-table-column>
|
</el-table>
|
|
<div class="tab">
|
<el-table :data="DataList" border height="220" style="width: 350px; margin-top: 20px">
|
<el-table-column prop="proName" label="单个项目" align="center">
|
</el-table-column>
|
<el-table-column prop="proPrice" label="金额" align="center"></el-table-column>
|
</el-table>
|
</div> -->
|
|
<!-- <div style="height:480px;overflow:scroll;background-color: #ffffff;
|
font-size: 12.5px;">
|
<table style="width: 96%; margin: 4px 10px; border: 1px solid white" cellspacing="4" border="2"
|
v-for="(item, index) in tableData1" :key="index">
|
<caption style="background-color: #f8f8f9">
|
{{
|
item.parentName
|
}}
|
</caption>
|
<tr align="center">
|
<th style="width:200px">项目</th>
|
<th>现价</th>
|
<th>原价</th>
|
</tr>
|
<tr v-for="item1 in item.list" :key="item1.proId">
|
<td>{{ item1.proName }}</td>
|
<td>
|
{{ item1.nowPrice }}
|
</td>
|
<td>{{ item1.ordPrice }}</td>
|
</tr>
|
</table>
|
</div> -->
|
|
<template>
|
<el-form :model="form" :inline="true" label-width="80px" style="margin-left: 7px">
|
<el-form-item label="体检类型">
|
<el-select style="width: 160px" v-model="form.tjType" placeholder="请选择体检类型">
|
<el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label"
|
:value="dict.value"></el-option>
|
</el-select>
|
</el-form-item>
|
|
<!-- <div class="tab1"> -->
|
<!-- <el-form :inline="true" class="tab1"> -->
|
<el-form-item label="应收金额">
|
<el-input placeholder="应收金额" :value="TotalPrice1 + '.00'" disabled style="width: 160px"></el-input>
|
</el-form-item>
|
<el-form-item label="优惠折扣">
|
<!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> -->
|
<el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2" :step="0.1"
|
:max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number>
|
</el-form-item>
|
<el-form-item label="实收金额">
|
<el-input placeholder="实收金额" v-model="TotalPrice" style="width: 120px"></el-input>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">签到登记</el-button>
|
</el-form-item>
|
<!-- </el-form> -->
|
<!-- </div> -->
|
</el-form>
|
</template>
|
|
<div style="text-align: center; margin-bottom: 10px; margin-right: 800px">
|
已选项目列表
|
</div>
|
<div style="
|
padding: 0px 6px;
|
border: 1px solid #e6ebf5;
|
max-height: 420px;
|
overflow: auto;
|
width: 980px;
|
margin-left: 35px;
|
">
|
<el-collapse v-model="index" accordion v-if="list3">
|
<div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index">
|
<el-collapse-item :name="index">
|
<template slot="title">
|
{{
|
item.pacName +
|
":" +
|
item.parentName +
|
" (应收金额:" +
|
item.ordPrice +
|
".00元 / 实收金额:" +
|
item.nowPrice +
|
".00元)"
|
}}
|
</template>
|
<el-table :data="item.list" border style="width: 100%" height="270">
|
<el-table-column prop="proName" label="项目" width="180">
|
</el-table-column>
|
<el-table-column prop="proType" label="性别" width="180">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="ordPrice" label="应收金额">
|
</el-table-column>
|
<el-table-column prop="nowPrice" label="实收金额">
|
</el-table-column>
|
<el-table-column prop="proCheckMethod" label="是否空腹">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
</div>
|
</el-collapse>
|
|
<div v-if="list2 == true">
|
<el-table :data="tableData1" border style="width: 100%" height="250">
|
<el-table-column prop="proName" label="项目" width="180">
|
</el-table-column>
|
<el-table-column prop="proType" label="性别" width="180">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="ysPrice" label="应收金额">
|
</el-table-column>
|
<el-table-column prop="proPrice" label="实收金额">
|
</el-table-column>
|
<el-table-column prop="proCheckMethod" label="是否空腹">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<el-collapse v-model="activeName" accordion v-if="list1">
|
<div>
|
<el-collapse-item title="请选择项目">
|
<el-table :data="list" border style="width: 100%">
|
<el-table-column prop="proName" label="项目" width="180">
|
</el-table-column>
|
<el-table-column prop="proType" label="性别" width="180">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="ordPrice" label="应收金额">
|
</el-table-column>
|
<el-table-column prop="nowPrice" label="实收金额">
|
</el-table-column>
|
<el-table-column prop="proCheckMethod" label="是否空腹">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
</div>
|
</el-collapse>
|
</div>
|
</div>
|
</el-col>
|
</el-row>
|
|
<el-dialog title="导检单预览" :visible.sync="dialogVisibles" :close-on-click-modal="false">
|
<div class="main">
|
<iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
|
</div>
|
</el-dialog>
|
|
<!-- <el-dialog
|
title="拍照"
|
:visible.sync="beat"
|
width="40%"
|
:before-close="handleClose"
|
> -->
|
|
<!-- <span slot="footer" class="dialog-footer">
|
<el-button @click="beat = false">取 消</el-button>
|
<el-button type="primary" @click="beat = false">确 定</el-button>
|
</span> -->
|
<!-- </el-dialog> -->
|
</div>
|
</template>
|
|
<script>
|
import { dataURLtoFile, random } from "./file";
|
import { getInfo } from "@/api/login";
|
import { addCustomer } from "@/api/hosp/customer";
|
import {
|
deptTreeSelect,
|
projectGetList,
|
getOrder,
|
getCusIdcard,
|
getPackageListName,
|
getaddtTransition,
|
getTransitionList,
|
getByTeamNo,
|
getLoadFile,
|
} from "@/api/system/tijian";
|
import { MessageBox } from "element-ui";
|
|
export default {
|
dicts: [
|
"dict_user_national",
|
"dict_user_marry",
|
"sys_yes_no",
|
"sys_user_sex",
|
"dict_team",
|
"dict_job",
|
"dict_user_cardtype",
|
"dict_ageunit",
|
],
|
name: "Tijian",
|
|
data() {
|
return {
|
index: 0,
|
dictType: [
|
{
|
value: 0,
|
label: "是"
|
},
|
{
|
value: 1,
|
label: "否"
|
},
|
|
],
|
isNow: 1,
|
treeId: [],
|
treeList: [],
|
// index:['0'],
|
taocan: false,
|
value: "2",
|
getInfodis: "",
|
srcUrl: "",
|
hides: false,
|
hide: true,
|
beat: false,
|
dialogVisibles: false,
|
src: "",
|
url: "",
|
dialogVisible: false,
|
/** 照相机弹窗模块-start */
|
videoWidth: 200,
|
videoHeight: 200,
|
// canvasWidth:300,
|
// canvasHeight:300,
|
imgSrc: "",
|
thisCancas: null,
|
thisContext: null,
|
thisVideo: null,
|
list2: false,
|
list3: false,
|
list1: true,
|
list: [],
|
activeName: "1",
|
// 遮罩层
|
loading: false,
|
labelPosition: "right",
|
imageUrl: "",
|
isDisabled: false,
|
size: "",
|
tcShow: false,
|
tcShows: false,
|
// 套餐提交按钮
|
confirm: false,
|
TotalPrice: "0.00",
|
TotalPrice1: 0,
|
discount: 10,
|
newpacName: [],
|
// 所有体检项目·
|
allpackageList: [],
|
tjProjectList: [],
|
customerList: [],
|
// 表格
|
tableData: [],
|
tableData1: [],
|
tableDataList: [],
|
file: [],
|
activeName: "1",
|
DataList: [],
|
fData: [],
|
tjOrderList: [], //单个项目集合
|
tjFlowingWater: {},
|
// 搜索套餐名字
|
name: "",
|
isfalse: false,
|
responseList: {},
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
nodeobj: {},
|
// 是否显示弹出层
|
Seachopen: false,
|
pacId: "",
|
// 结果
|
result: "",
|
proIds: [],
|
// 显示搜索条件
|
showSearch: true,
|
// 树状形状
|
data: [],
|
defaultProps: {
|
children: "tjProjectList",
|
label: "proName",
|
},
|
formPacId: "",
|
dXData: [],
|
filecontent: "",
|
// 查询参数
|
queryParam: {
|
pageNum: 1,
|
pageSize: 10,
|
pacName: null,
|
pacRemark: null,
|
},
|
valueUrl: "ws://127.0.0.1:18890",
|
WebSocket: null,
|
// 身份证需要
|
// socket: null,
|
// value: 1,
|
// sendFlag: 0,
|
// sector: 0,
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
cusName: null,
|
cusSex: null,
|
cusBrithday: null,
|
cusAddr: null,
|
addr: null,
|
cusPhone: null,
|
cusPostcode: null,
|
cusEmail: null,
|
indexCard: null,
|
cusNational: null,
|
cusMarryStatus: null,
|
cusIdcard: null,
|
cusIntroduce: null,
|
cusNumber: null,
|
cusIsvip: null,
|
},
|
// 添加
|
|
// 表单参数
|
// 表单参数
|
form: {
|
cusIdcard: "",
|
tjType: "2",
|
cusSex: 1,
|
cusNational: "1",
|
cusMarryStatus: "1",
|
idType: "1",
|
ageUnit: "0",
|
},
|
// 表单校验
|
rules: {
|
cusName: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
|
cusSex: [
|
{ required: true, message: "性别不能为空", trigger: "change" },
|
],
|
// cusBrithday: [
|
// { required: true, message: "出生日期不能为空", trigger: "blur" },
|
// ],
|
// cusAddr: [
|
// { required: true, message: "现居住地址不能为空", trigger: "blur" },
|
// ],
|
cusPhone: [
|
{ required: true, message: "联系电话不能为空", trigger: "blur" },
|
],
|
// cusNational: [
|
// { required: true, message: "民族不能为空", trigger: "change" },
|
// ],
|
cusIdcard: [
|
{ required: true, message: "身份证号不能为空", trigger: "blur" },
|
],
|
},
|
};
|
},
|
created() {
|
this.getList1();
|
this.getData();
|
},
|
methods: {
|
freezing(val) {
|
if (val == 0) {
|
this.form.cusName = random(2)
|
} else {
|
this.form.cusName = ""
|
}
|
},
|
getList1() {
|
getInfo().then((response) => {
|
this.getInfodis = response.user.discount;
|
if (this.getInfodis === null) {
|
this.isfalse = true;
|
}
|
});
|
},
|
inputChange() {
|
const reg =
|
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
|
if (reg.test(this.form.cusIdcard)) {
|
if (this.form.idType === "1") {
|
var org_birthday = this.form.cusIdcard.substring(6, 14);
|
var org_gender = this.form.cusIdcard.substring(16, 17);
|
var sex = org_gender % 2 == 1 ? 0 : 1;
|
var birthday =
|
org_birthday.substring(0, 4) +
|
"-" +
|
org_birthday.substring(4, 6) +
|
"-" +
|
org_birthday.substring(6, 8);
|
var birthdays = new Date(birthday.replace(/-/g, "-"));
|
let d = new Date();
|
let age =
|
d.getFullYear() -
|
birthdays.getFullYear() -
|
(d.getMonth() < birthdays.getMonth() ||
|
(d.getMonth() == birthdays.getMonth() &&
|
d.getDate() < birthdays.getDate())
|
? 1
|
: 0);
|
this.form.cusSex = sex;
|
this.form.cusBrithday = birthday;
|
this.form.age = age;
|
}
|
} else {
|
return false;
|
}
|
},
|
getCompetence() {
|
var _this = this;
|
_this.hide = false;
|
_this.hides = true;
|
this.thisCancas = document.getElementById("canvasCamera");
|
this.thisContext = this.thisCancas.getContext("2d");
|
this.thisVideo = document.getElementById("videoCamera");
|
// 旧版本浏览器可能根本不支持mediaDevices，我们首先设置一个空对象
|
if (navigator.mediaDevices === undefined) {
|
navigator.mediaDevices = {};
|
}
|
// 一些浏览器实现了部分mediaDevices，我们不能只分配一个对象
|
// 使用getUserMedia，因为它会覆盖现有的属性。
|
// 这里，如果缺少getUserMedia属性，就添加它。
|
if (navigator.mediaDevices.getUserMedia === undefined) {
|
navigator.mediaDevices.getUserMedia = function (constraints) {
|
// 首先获取现存的getUserMedia(如果存在)
|
var getUserMedia =
|
navigator.webkitGetUserMedia ||
|
navigator.mozGetUserMedia ||
|
navigator.getUserMedia;
|
// 有些浏览器不支持，会返回错误信息
|
// 保持接口一致
|
if (!getUserMedia) {
|
return Promise.reject(
|
new Error("getUserMedia is not implemented in this browser")
|
);
|
}
|
// 否则，使用Promise将调用包装到旧的navigator.getUserMedia
|
return new Promise(function (resolve, reject) {
|
getUserMedia.call(navigator, constraints, resolve, reject);
|
});
|
};
|
}
|
var constraints = {
|
audio: false,
|
video: {
|
width: this.videoWidth,
|
height: this.videoHeight,
|
transform: "scaleX(-1)",
|
},
|
};
|
navigator.mediaDevices
|
.getUserMedia(constraints)
|
.then(function (stream) {
|
// 旧的浏览器可能没有srcObject
|
if ("srcObject" in _this.thisVideo) {
|
_this.thisVideo.srcObject = stream;
|
} else {
|
// 避免在新的浏览器中使用它，因为它正在被弃用。
|
_this.thisVideo.src = window.URL.createObjectURL(stream);
|
}
|
_this.thisVideo.onloadedmetadata = function (e) {
|
_this.thisVideo.play();
|
};
|
})
|
.catch((err) => { });
|
},
|
// 绘制图片（拍照功能）
|
|
setImage() {
|
var _this = this;
|
_this.hide = false;
|
_this.hides = false;
|
// 点击，canvas画图
|
_this.thisContext.drawImage(
|
_this.thisVideo,
|
50,
|
50,
|
_this.videoWidth,
|
_this.videoHeight
|
);
|
// 获取图片base64链接
|
var image = this.thisCancas.toDataURL("image/png");
|
_this.imgSrc = image;
|
this.$emit("refreshDataList", this.imgSrc);
|
|
// this.file.push(dataURLtoFile(this.imgSrc, "file"));
|
let file = dataURLtoFile(this.imgSrc, "file");
|
let formData = new FormData();
|
formData.append("file", file);
|
getLoadFile(formData).then((response) => {
|
this.srcUrl = response.url;
|
});
|
},
|
// base64转文件
|
// dataURLtoFile(image, filename) {
|
// var arr = image.split(",");
|
// var mime = arr[0].match(/:(.*?);/)[1];
|
// var bstr = atob(arr[1]);
|
// var n = bstr.length;
|
// var u8arr = new Uint8Array(n);
|
// while (n--) {
|
// u8arr[n] = bstr.charCodeAt(n);
|
// }
|
// return new File([u8arr], filename, { type: mime });
|
// },
|
|
// 关闭摄像头
|
|
// stopNavigator() {
|
// this.thisVideo.srcObject.getTracks()[0].stop();
|
// this.beat = false;
|
// },
|
|
handleClose(done) {
|
this.$confirm("确认关闭？")
|
.then((_) => {
|
done();
|
})
|
.catch((_) => { });
|
},
|
|
/** 查询信息列表 */
|
getList() {
|
this.loading = true;
|
// listCustomer(this.queryParams).then((response) => {
|
// this.customerList = response.rows;
|
// this.total = response.total;
|
// this.loading = false;
|
// });
|
getInfo().then((response) => {
|
this.getInfodis = response.user.discount;
|
if (this.getInfodis === null) {
|
this.isfalse = true;
|
}
|
});
|
let cusSex = this.form.cusSex;
|
//全部套餐
|
if (cusSex) {
|
this.loading = true;
|
deptTreeSelect(cusSex).then((response) => {
|
this.newpacName = response.rows;
|
this.loading = false;
|
});
|
}
|
this.getData();
|
},
|
getData() {
|
/** 查询部门下拉树结构 */
|
projectGetList().then((response) => {
|
this.data = response.data.list;
|
this.dXData = response.data;
|
return;
|
});
|
},
|
// 表单重置
|
reset() {
|
this.form = {
|
cusId: null,
|
cusName: null,
|
cusSex: null,
|
cusBrithday: null,
|
cusAddr: null,
|
addr: null,
|
cusPhone: null,
|
cusPassword: null,
|
cusPostcode: null,
|
cusEmail: null,
|
indexCard: null,
|
cusNational: null,
|
cusMarryStatus: null,
|
cusIdcard: null,
|
cusIntroduce: null,
|
cusNumber: null,
|
cusIsvip: null,
|
createBy: null,
|
createTime: null,
|
updateBy: null,
|
updateTime: null,
|
deleted: null,
|
};
|
this.resetForm("form");
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
// this.resetForm("form");
|
// this.form = {};
|
if (this.confirm === true) {
|
this.$tab.refreshPage();
|
} else {
|
if (this.TotalPrice1 != 0) {
|
MessageBox.confirm("您有未提交的选项，确定重置吗", "系统提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
}).then(() => {
|
let cusId = this.form.cusId;
|
let data = {
|
cusId,
|
pacId: "",
|
proIds: [],
|
};
|
getaddtTransition(data).then((response) => { });
|
this.$tab.refreshPage();
|
});
|
} else {
|
this.$tab.refreshPage();
|
}
|
}
|
},
|
|
// 折扣
|
numberChange(currentValue, oldValue) {
|
this.discount = currentValue;
|
if (this.discount <= this.getInfodis) {
|
this.discount = this.getInfodis;
|
}
|
this.TotalPrice = (this.TotalPrice1 * (this.discount / 10)).toFixed(2);
|
},
|
|
/** 登记提交按钮 */
|
submitForm() {
|
let _this = this;
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
// return;
|
if (this.form.cusSex === "女") {
|
this.form.cusSex = 1;
|
}
|
if (this.form.cusSex === "男") {
|
this.form.cusSex = 0;
|
}
|
if (this.form.cusSex === "未知") {
|
this.form.cusSex = 2;
|
}
|
addCustomer(this.form).then((response) => {
|
this.responseList = response.data;
|
this.$modal.msgSuccess("新增成功");
|
// let cusSex = this.form.cusSex;
|
// //全部套餐
|
// deptTreeSelect(cusSex).then((response) => {
|
// this.newpacName = response.rows;
|
// this.loading = false;
|
// });
|
// this.handleQuery();
|
_this.tcShow = true;
|
_this.tcShows = true;
|
_this.isDisabled = true;
|
});
|
}
|
});
|
},
|
|
// 根据身份证查询
|
handleQuery() {
|
this.loading = true;
|
let _this = this;
|
let cusIdcard = this.form.cusIdcard;
|
if (cusIdcard) {
|
getCusIdcard(cusIdcard).then((response) => {
|
if (response.data) {
|
this.form = response.data;
|
if (this.form.discount === null) {
|
this.discount = 10;
|
} else {
|
this.discount = this.form.discount;
|
}
|
if (this.form.tjType === null) {
|
this.form.tjType = "2";
|
}
|
if (this.form.reservationId) {
|
if (this.form.groupingId) {
|
_this.tcShow = true;
|
_this.tcShows = false;
|
let data = {
|
// teamNo: this.form.teamNo,
|
groupingId: this.form.groupingId,
|
};
|
getByTeamNo(data).then((res) => {
|
this.tableData1 = res.data;
|
if (this.tableData1) {
|
this.tableData1.forEach((item) => {
|
this.TotalPrice1 += item.ysPrice;
|
this.TotalPrice = (
|
this.TotalPrice1 *
|
(this.discount / 10)
|
).toFixed(2);
|
if (item.pacName === null) {
|
item.pacName = "单项";
|
}
|
});
|
this.list1 = false;
|
this.list2 = true;
|
this.list3 = false;
|
} else {
|
this.list1 = true;
|
this.TotalPrice = "0.00";
|
}
|
});
|
} else {
|
if (this.form) {
|
_this.tcShow = true;
|
_this.tcShows = true;
|
_this.formPacId = this.form.pacId;
|
let cusId = this.form.cusIdcard;
|
getTransitionList(cusId).then((response) => {
|
this.tableData1 = response.data;
|
if (this.tableData1) {
|
this.TotalPrice1 = 0;
|
this.tableData1.forEach((item) => {
|
this.TotalPrice1 += item.nowPrice;
|
this.TotalPrice = (
|
this.TotalPrice1 *
|
(this.discount / 10)
|
).toFixed(2);
|
if (item.pacName === null) {
|
item.pacName = "单项";
|
}
|
if (item.pacName == "单项") {
|
item.list.forEach(item9 => {
|
this.treeList.push(item9.proId)
|
})
|
}
|
});
|
this.list1 = false;
|
this.list3 = true;
|
} else {
|
this.list1 = true;
|
}
|
});
|
} else {
|
this.getList();
|
_this.tcShow = false;
|
}
|
}
|
} else {
|
_this.tcShow = true;
|
this.$message.warning("暂无预约信息");
|
}
|
_this.isDisabled = true;
|
} else {
|
this.$message.warning("未查到用户信息");
|
}
|
});
|
// .catch((error) => {
|
// this.$message.error("此用户不存在");
|
// });
|
} else {
|
var websocket = null;
|
var url = this.valueUrl;
|
if ("WebSocket" in window) {
|
websocket = new WebSocket(url);
|
} else if ("MozWebSocket" in window) {
|
websocket = new MozWebSocket(url);
|
} else {
|
// console.log("SockJS");
|
}
|
|
if (websocket == null) {
|
alert("创建WebSocket对象失败");
|
}
|
|
//连接发生错误的回调方法
|
websocket.onerror = function () {
|
alert("请检查读卡器连接是否正常");
|
};
|
|
//连接成功建立的回调方法
|
websocket.onopen = function () {
|
this.websocket = websocket;
|
// 连接设备
|
var jsonObj = {
|
name: "connect",
|
};
|
var jStr = JSON.stringify(jsonObj);
|
this.websocket.send(jStr);
|
alert("请放身份证再点确认");
|
var jsonObj = {
|
name: "readCert",
|
};
|
var jStr = JSON.stringify(jsonObj);
|
this.websocket.send(jStr);
|
this.dialogVisible = false;
|
};
|
|
//接收到消息的回调方法
|
websocket.onmessage = function (event) {
|
var resultObj = eval("(" + event.data + ")");
|
//resultFlag为0代表读卡成功
|
if (
|
resultObj.name == "readCard" ||
|
resultObj.name == "readCert" ||
|
resultObj.name == "PushWithImg" ||
|
resultObj.name == "PushWithOutImg"
|
) {
|
if (resultObj.resultFlag == "0") {
|
//回显相关数据
|
_this.form.cusName = resultObj.resultContent.partyName;
|
_this.form.cusSex =
|
resultObj.resultContent.gender == "0" ? "女" : "男";
|
_this.form.cusNational = resultObj.resultContent.nation;
|
_this.form.cusBrithday = resultObj.resultContent.bornDay;
|
if (_this.form.cusBrithday) {
|
_this.form.cusBrithday = _this.form.cusBrithday.replace(
|
/^(\d{4})(\d{2})(\d{2})$/,
|
"$1-$2-$3"
|
);
|
}
|
_this.form.cusAddr = resultObj.resultContent.certAddress;
|
_this.form.cusIdcard = resultObj.resultContent.certNumber;
|
_this.imageUrl =
|
"data:image/jpeg;base64," + resultObj.resultContent.identityPic;
|
if (
|
resultObj.name == "readCert" ||
|
resultObj.name == "PushWithImg"
|
) {
|
this.imageUrl =
|
"data:image/jpeg;base64," +
|
resultObj.resultContent.identityPrintPic;
|
}
|
} else if (resultObj.resultFlag == "-1") {
|
if (resultObj.errorMsg == "端口打开失败") {
|
//alert("读卡器未连接");
|
} else {
|
//alert(resultObj.errorMsg);
|
}
|
} else if (resultObj.resultFlag == "-2") {
|
//alert(resultObj.errorMsg);
|
}
|
} else if (resultObj.name == "getStatus") {
|
if (resultObj.resultFlag == "0") {
|
if (resultObj.status == "0") {
|
} else {
|
alert("设备连接已断开，请检查读卡器连接");
|
}
|
}
|
}
|
};
|
|
//连接关闭的回调方法
|
websocket.onclose = function () {
|
alert("读卡器连接关闭");
|
};
|
}
|
},
|
|
// selected(row, index) {
|
// if (this.formPacId !== null) {
|
// if (row.pacId == this.formPacId) {
|
// setTimeout(() => {
|
// if (this.$refs.tb) {
|
// this.$refs.tb.toggleRowSelection(row, true);
|
// }
|
// }, 10);
|
// return true;
|
// } else {
|
// return false;
|
// }
|
// } else {
|
// return this.newpacName;
|
// }
|
// },
|
|
// 上传头像
|
handleAvatarSuccess(res, file) {
|
this.imageUrl = URL.createObjectURL(file.raw);
|
},
|
beforeAvatarUpload(file) {
|
const isJPG = file.type === "image/jpeg";
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
if (!isJPG) {
|
this.$message.error("上传头像图片只能是 JPG 格式!");
|
}
|
if (!isLt2M) {
|
this.$message.error("上传头像图片大小不能超过 2MB!");
|
}
|
return isJPG && isLt2M;
|
},
|
|
// 取消按钮
|
cancel() {
|
this.Seachopen = false;
|
},
|
|
/** 搜索操作 */
|
handle() {
|
this.loading = true;
|
this.name = this.queryParam.pacName;
|
if (this.name) {
|
getPackageListName(this.name).then((response) => {
|
this.newpacName = response.data;
|
this.loading = false;
|
});
|
} else {
|
deptTreeSelect().then((response) => {
|
this.newpacName = response.rows;
|
this.loading = false;
|
});
|
}
|
},
|
|
// 点击多选框获取选中数据
|
handleSelectionChange(selection, row) {
|
this.tableData = selection;
|
if (selection.length > 1) {
|
let del_row = selection.shift();
|
this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
|
}
|
// this.single = selection.length !== 1;
|
// this.multiple = !selection.length;
|
// this.tableData.forEach((item) => {
|
// this.fData = item.tjProjectList;
|
// });
|
if (selection[0]) {
|
this.DataList = [];
|
// this.data = JSON.parse(JSON.stringify(this.dXData));
|
selection[0].tjProjectList.forEach((selectionitem) => {
|
this.data.forEach((item) => {
|
if (selectionitem.proName == item.proName) {
|
item.disabled = true;
|
item.tjProjectList = [];
|
}
|
if (item.tjProjectList) {
|
item.tjProjectList.forEach((item1) => {
|
if (selectionitem.proName == item1.proName) {
|
item1.disabled = true;
|
item1.tjProjectList = [];
|
}
|
if (item1.tjProjectList) {
|
item1.tjProjectList.forEach((item2) => {
|
if (selectionitem.proName == item2.proName) {
|
item2.disabled = true;
|
item2.tjProjectList = [];
|
}
|
});
|
}
|
});
|
}
|
});
|
});
|
} else {
|
this.data = JSON.parse(JSON.stringify(this.dXData));
|
return;
|
}
|
},
|
|
Package() {
|
this.taocan = true;
|
let cusSex = this.form.cusSex;
|
//全部套餐
|
deptTreeSelect(cusSex).then((response) => {
|
this.newpacName = response.rows;
|
try {
|
this.newpacName.forEach((item3) => {
|
this.tableData1.forEach((item4) => {
|
item4.list.forEach((item6) => {
|
if (item6.pacName === item3.pacName) {
|
this.$nextTick(() => {
|
this.$refs.tb.toggleRowSelection(item3, true);
|
});
|
throw Error();
|
}
|
});
|
});
|
});
|
} catch (error) { }
|
this.loading = false;
|
});
|
},
|
|
// checkSelectable(row, index) {
|
// if (!row) { return }
|
// if (this.tableData1) {
|
// if (this.tableData1.length != 0){
|
// for (let j = 0; j < this.tableData1.length; j++) {
|
// for (let i = 0; i < row.tjProjectList.length; i++) {
|
// if (this.tableData1[j].pacName == "单项") {
|
// if (row.tjProjectList[i].proName === this.tableData1[j].parentName) {
|
// return false
|
// }
|
// }
|
// }
|
// return true
|
// }
|
// }
|
// } else {
|
// return true
|
// }
|
// },
|
|
// 点击获取每个树节点
|
handleCurrentChecked(data, checked, checkedNodes) {
|
if (checked === true) {
|
this.DataList.push(data);
|
} else {
|
this.DataList.pop(data);
|
}
|
|
this.proIds = [];
|
if (this.DataList.length != 0) {
|
this.DataList.forEach((item) => {
|
this.proIds.push(item.proId);
|
});
|
} else {
|
this.proIds = [];
|
}
|
},
|
|
// 项目提交
|
submit() {
|
if (this.form.cusIdcard) {
|
var cusId = this.form.cusIdcard;
|
} else {
|
this.$message.warning("请先填写信息，再选体检内容");
|
}
|
|
let _this = this;
|
if (this.tableData.length != 0) {
|
this.tableData.forEach((item) => {
|
_this.pacId = item.pacId;
|
});
|
} else {
|
_this.pacId = "";
|
}
|
let data = {
|
cusId,
|
pacId: _this.pacId,
|
proIds: this.proIds,
|
};
|
getaddtTransition(data).then((response) => {
|
if (response.msg === "操作成功") {
|
let cusId = this.form.cusIdcard;
|
getTransitionList(cusId).then((response) => {
|
this.tableData1 = response.data;
|
// this.checkSelectable();
|
this.TotalPrice1 = 0;
|
if (this.tableData1) {
|
this.tableData1.forEach((item) => {
|
this.TotalPrice1 += item.nowPrice;
|
this.TotalPrice =
|
this.TotalPrice1 * (this.discount / 10) + ".00";
|
if (item.pacName === null) {
|
item.pacName = "单项";
|
}
|
if (item.pacName == "单项") {
|
item.list.forEach(item9 => {
|
this.treeList.push(item9.proId)
|
})
|
}
|
this.pacName = item.pacName;
|
});
|
this.list1 = false;
|
this.list3 = true;
|
} else {
|
this.list1 = true;
|
this.TotalPrice = "0.00";
|
}
|
});
|
}
|
});
|
this.taocan = false;
|
},
|
|
// 最后提交按钮
|
submitPrice() {
|
let _this = this;
|
let List = _this.tableData1; //单个项目信息
|
if (this.responseList.cusId) {
|
var userId = this.responseList.cusId;
|
} else {
|
var userId = _this.form.cusId;
|
}
|
let tjType = _this.form.tjType;
|
if (this.tableData[0]) {
|
var pacId = this.tableData[0].pacId;
|
}
|
|
//tjOrderList//这个是处理完的每一项套餐信息
|
List.forEach((item) => {
|
if (item.list) {
|
item.list.forEach((item1) => {
|
this.tjOrderList.push({
|
proName: item1.proName,
|
proPrice: item1.nowPrice,
|
proId: item1.proId,
|
});
|
});
|
} else if (item.tjProjectList) {
|
item.tjProjectList.forEach((item1) => {
|
this.tjOrderList.push({
|
proName: item1.proName,
|
proPrice: item1.priceNow,
|
proId: item1.proId,
|
});
|
});
|
} else {
|
this.tjOrderList.push({
|
proName: item.proName,
|
proPrice: item.ysPrice,
|
proId: item.proId,
|
});
|
}
|
});
|
let copeWith = this.TotalPrice1;
|
let paidIn = this.TotalPrice.toString();
|
let discount = this.discount;
|
this.tjFlowingWater = { copeWith, paidIn, discount };
|
|
let data;
|
if (pacId) {
|
data = {
|
photo: this.srcUrl,
|
pacId,
|
tjOrderList: this.tjOrderList,
|
tjFlowingWater: this.tjFlowingWater,
|
userId,
|
tjType,
|
};
|
} else {
|
data = {
|
photo: this.srcUrl,
|
tjOrderList: this.tjOrderList,
|
tjFlowingWater: this.tjFlowingWater,
|
userId,
|
tjType,
|
};
|
}
|
getOrder(data).then((res) => {
|
this.$modal.msgSuccess("提交成功");
|
// this.dialogVisibles = true;
|
// this.url = window.webkitURL.createObjectURL(res); //将后端返回的blob文件读取出url
|
//调接口显示导检单
|
const tjNumber = res.msg;
|
const viewNum = "792931586196398080";
|
const params = { viewNum, tjNumber };
|
this.$tab.openPage("导诊单", "/report/breDailyReport", params);
|
_this.confirm = true;
|
});
|
this.$tab.refreshPage();
|
},
|
},
|
};
|
</script>
|
|
|
<style >
|
.el-table__header-wrapper .el-checkbox {
|
display: none;
|
}
|
|
.avatar-uploader .el-upload {
|
border: 1px dashed #d9d9d9;
|
border-radius: 6px;
|
cursor: pointer;
|
position: relative;
|
overflow: hidden;
|
}
|
|
.avatar-uploader .el-upload:hover {
|
border-color: #409eff;
|
}
|
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 148px;
|
height: 148px;
|
line-height: 148px;
|
text-align: center;
|
}
|
|
.avatar {
|
width: 178px;
|
height: 178px;
|
display: block;
|
}
|
|
.el-col-8 {
|
width: 330px;
|
}
|
|
.tab4 {
|
width: 100%;
|
display: flex;
|
}
|
|
.tab3 {
|
width: 100%;
|
display: flex;
|
}
|
|
.tab2 {
|
width: 750px;
|
border: 1px solid #d9d9d9;
|
height: 490px;
|
overflow-y: scroll;
|
padding-left: 10px;
|
}
|
|
/* .el-collapse,.el-collapse-item_wrap{
|
border:none;
|
} */
|
.el-table--fit {
|
border: 1px solid #d9d9d9;
|
}
|
|
.el-tooltip__popper {
|
font-size: 14px;
|
max-width: 50%;
|
}
|
|
.tab {
|
display: flex;
|
width: 100%;
|
}
|
|
.tab1 {
|
margin-left: 35px;
|
width: 980px;
|
display: flex;
|
margin-top: 8px;
|
/* justify-content: space-evenly; */
|
align-items: center;
|
}
|
|
.main {
|
height: 700px;
|
overflow: hidden;
|
}
|
|
#printIframe::-webkit-scrollbar {
|
width: 6px;
|
}
|
|
/* 修改 滚动条的 下面 的 样式 */
|
#printIframe::-webkit-scrollbar-track {
|
background-color: white;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
|
/* 修改 滑块 */
|
#printIframe::-webkit-scrollbar-thumb {
|
background-color: #dcdfe6;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
|
.img_bg_camera {
|
margin-top: -120px;
|
width: 300px;
|
height: 300px;
|
}
|
|
/* .el-dialog {
|
width: 1000px;
|
min-height: 500px;
|
}
|
.el-dialog__header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
.el-dialog__body {
|
padding: 0;
|
} */
|
.container {
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
}
|
|
.content {
|
margin-bottom: 25px;
|
}
|
</style>
|
