| src/views/doctor/check/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/doctor/checkAll/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/doctor/imaging/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/doctor/test/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/hosp/project/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/picture/music/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/picture/other/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/picture/picture/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/system/comp/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/doctor/check/index.vue
@@ -13,7 +13,7 @@ style="width: 116px" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery" @keyup.enter.native="submitForm" ></el-input> </el-form-item> <el-form-item label="体检号" prop="tjNumber"> @@ -22,6 +22,8 @@ v-model="queryParams.tjNumber" style="width: 240px" placeholder="请输入体检号" @blur="submitForm" @keyup.enter.native="submitForm" ></el-input> </el-form-item> <el-form-item> src/views/doctor/checkAll/index.vue
@@ -24,6 +24,7 @@ placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" @blur="handleQuery" ></el-input> </el-form-item> <el-form-item label="体检时间" prop="tjTime"> @@ -1478,9 +1479,14 @@ }, // 撤销 getRevoke(row) { this.loading = true; const tjNumber = row.tjNumber; revoke(tjNumber).then((response) => { this.$modal.msgSuccess("撤回成功"); if(response.code == 200){ this.loading = false; this.getList(); } }); },
@@ -22,6 +22,8 @@ v-model="queryParams.tjNumber" style="width: 240px" placeholder="请输入体检号" @blur="submitForm" @keyup.enter.native="submitForm" ></el-input> </el-form-item> <el-form-item> src/views/doctor/test/index.vue
@@ -6,7 +6,7 @@ @keyup.enter.native="handleQuery"></el-input> </el-form-item> <el-form-item label="体检号" prop="tjNumber"> <el-input ref="inputName" v-model="queryParams.tjNumber" style="width: 240px" placeholder="请输入体检号"></el-input> <el-input ref="inputName" v-model="queryParams.tjNumber" style="width: 240px" placeholder="请输入体检号" @blur="submitForm" @keyup.enter.native="submitForm"></el-input> </el-form-item> <el-form-item> <el-button size="mini" type="primary" @click="submitForm">搜索</el-button> src/views/hosp/project/index.vue
@@ -472,7 +472,10 @@ }, // 表单参数 form: { needReport :"Y" needReport :"Y", proName:"", proPrice:"", sfxmId:"", }, // 表单校验 rules: { @@ -572,9 +575,9 @@ handleAdd(row) { // this.reset(); this.loading = true; this.form.proPrice = 0.00 this.form.proName = "" this.form.proId = null // this.form.proPrice = 0.00 // this.form.proName = "" // this.form.proId = null ProjectTree().then((response) => { if (response.code == 200) { this.loading = false; src/views/picture/music/index.vue
@@ -10,10 +10,12 @@ > <el-form-item label="体检号" prop="tjNum"> <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" @blur="handleQuery" style="width: 160px" /> </el-form-item> @@ -649,6 +651,11 @@ created() { this.getList(); }, mounted() { this.$nextTick(() => { this.$refs.inputName.focus(); }); }, methods: { handleRowClick(selection) { this.row = selection.customer; src/views/picture/other/index.vue
@@ -1,15 +1,34 @@ <template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="体检号" prop="tjNum"> <el-input v-model="queryParams.tjNum" placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" style="width: 160px;" /> </el-form-item> <el-form-item label="客户名称" prop="name"> <el-input v-model="queryParams.name" placeholder="请输入客户名称" clearable @keyup.enter.native="handleQuery" style="width: 100px;" /> </el-form-item> <!-- <el-form-item label="项目" prop="proId"> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" > <el-form-item label="体检号" prop="tjNum"> <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" @blur="handleQuery" style="width: 160px" /> </el-form-item> <el-form-item label="客户名称" prop="name"> <el-input v-model="queryParams.name" placeholder="请输入客户名称" clearable @keyup.enter.native="handleQuery" style="width: 100px" /> </el-form-item> <!-- <el-form-item label="项目" prop="proId"> <el-input v-model="queryParams.proId" placeholder="请输入项目" @@ -17,7 +36,7 @@ @keyup.enter.native="handleQuery" /> </el-form-item> --> <!-- <el-form-item label="项目名" prop="proName"> <!-- <el-form-item label="项目名" prop="proName"> <el-input v-model="queryParams.proName" placeholder="请输入项目名" @@ -26,7 +45,7 @@ style="width: 150px;" /> </el-form-item> --> <!-- <el-form-item label="项目结果" prop="proResult"> <!-- <el-form-item label="项目结果" prop="proResult"> <el-input v-model="queryParams.proResult" placeholder="请输入项目结果" @@ -42,13 +61,21 @@ @keyup.enter.native="handleQuery" /> </el-form-item> --> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> </el-form-item> </el-form> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" >搜索</el-button > <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" >重置</el-button > </el-form-item> </el-form> <!-- <el-row :gutter="10" class="mb8"> <!-- <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button type="primary" @@ -98,34 +125,77 @@ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> --> <div style="width: 100%; margin-left: 10px;display: flex;"> <div style="width: 39%; margin-right: 30px;"> <el-table id="table" v-loading="loading" ref="tb" :data="pictureList" @selection-change="handleSelectionChange" border height="630px"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="体检号" align="center" prop="customer.tjNumber" width="160px" /> <el-table-column label="客户名称" align="center" prop="customer.cusName" width="90px" /> <!-- <el-table-column label="身份证" align="center" prop="customer.cusIdcard" width="170px" /> --> <el-table-column label="性别" align="center" prop="customer.cusSex" width="60px"> <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "男" : "女" }} <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> </template> </el-table-column> <!-- <el-table-column label="生日" align="center" prop="customer.cusBrithday" width="110px" /> --> <el-table-column label="手机号" align="center" prop="customer.cusPhone" width="120px" /> <el-table-column label="婚姻" align="center" prop="cusMarryStatus" width="90px"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.customer.cusMarryStatus" /> </template> </el-table-column> <el-table-column label="民族" align="center" prop="cusNational" width="90px"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_national" :value="scope.row.customer.cusNational" /> </template> </el-table-column> <!-- <el-table-column label="心电图" align="center" prop="xdt" /> --> <!-- <el-table-column label="项目名" align="center" prop="proName" /> <div style="width: 100%; margin-left: 10px; display: flex"> <div style="width: 39%; margin-right: 30px"> <el-table id="table" v-loading="loading" ref="tb" :data="pictureList" @selection-change="handleSelectionChange" border height="630px" > <el-table-column type="selection" width="40" align="center" /> <el-table-column label="体检号" align="center" prop="customer.tjNumber" width="160px" /> <el-table-column label="客户名称" align="center" prop="customer.cusName" width="90px" /> <!-- <el-table-column label="身份证" align="center" prop="customer.cusIdcard" width="170px" /> --> <el-table-column label="性别" align="center" prop="customer.cusSex" width="60px" > <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "男" : "女" }} <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> </template> </el-table-column> <!-- <el-table-column label="生日" align="center" prop="customer.cusBrithday" width="110px" /> --> <el-table-column label="手机号" align="center" prop="customer.cusPhone" width="120px" /> <el-table-column label="婚姻" align="center" prop="cusMarryStatus" width="90px" > <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.customer.cusMarryStatus" /> </template> </el-table-column> <el-table-column label="民族" align="center" prop="cusNational" width="90px" > <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_national" :value="scope.row.customer.cusNational" /> </template> </el-table-column> <!-- <el-table-column label="心电图" align="center" prop="xdt" /> --> <!-- <el-table-column label="项目名" align="center" prop="proName" /> <el-table-column label="项目结果" align="center" prop="proResult" /> <el-table-column label="结论" align="center" prop="conclusion" /> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> @@ -148,29 +218,43 @@ </el-button> </template> </el-table-column> --> </el-table> </div> <div style="width: 44%;height: 610px;"> <el-table v-loading="loading" ref="mu" :data="tableList" @selection-change="handleChange" border> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="收费项目" align="center" prop="proName" /> <el-table-column label="项目名称" align="center" prop="proName" /> <el-table-column label="项目结果" align="center" prop="measuredValue" /> <!-- <el-table-column label="结论" align="center" prop="fixedValue" /> --> </el-table> </el-table> </div> <div style="width: 44%; height: 610px"> <el-table v-loading="loading" ref="mu" :data="tableList" @selection-change="handleChange" border > <el-table-column type="selection" width="40" align="center" /> <el-table-column label="收费项目" align="center" prop="proName" /> <el-table-column label="项目名称" align="center" prop="proName" /> <el-table-column label="项目结果" align="center" prop="measuredValue" /> <!-- <el-table-column label="结论" align="center" prop="fixedValue" /> --> </el-table> <div style=" height:390px;margin-top: 10px;"> <el-image v-loading="loading" style='height: 390px;width: 100%;' :src="imgsrc + tjNumber + '.png'" :preview-src-list="[imgsrc + tjNumber + '.png']"></el-image> </div> <!-- <div style=" height:390px;margin-top: 10px;"> <div style="height: 390px; margin-top: 10px"> <el-image v-loading="loading" style="height: 390px; width: 100%" :src="imgsrc + tjNumber + '.png'" :preview-src-list="[imgsrc + tjNumber + '.png']" ></el-image> </div> <!-- <div style=" height:390px;margin-top: 10px;"> <div class="left"> --> <!-- style='height: 390px;width: 100%;' --> <!-- <el-image v-loading="loading" class="leftImg" :src="imgsrc"></el-image> --> <!-- 鼠标层罩 --> <!-- <div v-show="topShow" class="top" :style="topStyle"></div> --> <!-- 最顶层覆盖了整个原图空间的透明层罩 --> <!-- <div class="maskTop" @mouseenter="enterHandler" @mousemove="moveHandler" @mouseout="outHandler"> <!-- style='height: 390px;width: 100%;' --> <!-- <el-image v-loading="loading" class="leftImg" :src="imgsrc"></el-image> --> <!-- 鼠标层罩 --> <!-- <div v-show="topShow" class="top" :style="topStyle"></div> --> <!-- 最顶层覆盖了整个原图空间的透明层罩 --> <!-- <div class="maskTop" @mouseenter="enterHandler" @mousemove="moveHandler" @mouseout="outHandler"> </div> </div> <div v-show="rShow" class="right"> @@ -178,20 +262,36 @@ </div> </div> --> <div style="margin-top: 20px;"> <el-form :model="form" ref="queryForm" size="small" :inline="true" label-width="68px"> <el-form-item label="项目结果" prop="measuredValue"> <el-input v-model="form.measuredValue" clearable /> </el-form-item> <el-form-item label="结果结论" prop="fixedValue"> <el-input v-model="form.fixedValue" clearable @focus="submiepilog" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="submito">提交</el-button> </el-form-item> </el-form> </div> <!-- <div style="margin-top: 20px"> <el-form :model="form" ref="queryForm" size="small" :inline="true" label-width="68px" > <el-form-item label="项目结果" prop="measuredValue"> <el-input v-model="form.measuredValue" clearable /> </el-form-item> <el-form-item label="结果结论" prop="fixedValue"> <el-input v-model="form.fixedValue" clearable @focus="submiepilog" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="submito" >提交</el-button > </el-form-item> </el-form> </div> <!-- <div style="display:flex;margin:15px 0px;width: 100%;"> <div style="width: 100%;display:flex;"> <el-button type="primary" class="default-button-style" size="small" @@ -200,325 +300,327 @@ </div> </div> --> </div> </div> <div style="margin-right: 70%;"> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> </div> <!-- 添加或修改体检心电图管理对话框--> <Public ref="aaa" @add="handleChanges" /> </div> </div> <div style="margin-right: 70%"> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> </div> <!-- 添加或修改体检心电图管理对话框--> <Public ref="aaa" @add="handleChanges" /> </div> </template> <script> import Public from "@/components/public"; import { getList, getPicture, delPicture, addPicture, updateCheck getList, getPicture, delPicture, addPicture, updateCheck, } from "@/api/picture/check"; export default { dicts: [ "sys_user_sex", "sampling_type", "sys_dict_specimen", "dict_user_marry", "dict_user_national" ], name: "Picture", components: { Public }, data() { return { topStyle: { transform: '' }, r_img: {}, topShow: false, rShow: false, // 遮罩层 loading: true, result: true, epilog: false, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, page: 1, size: 10, pageSize: [10, 20, 30, 40, 50], tableData: [], activeName: 'first', textarea2: '', // 体检心电图管理表格数据 pictureList: [], tableList: [], imgsrc: "", tjNumber: "", measuredValue: "", fixedValue: "", // 是否显示弹出层 open: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, tjNum: null, name: null, xdt: null, proId: null, proName: null, measuredValue: null, conclusion: null, }, // 表单参数 form: { measuredValue: "", fixedValue: "", }, dataobj:{}, // 表单校验 rules: { } }; dicts: [ "sys_user_sex", "sampling_type", "sys_dict_specimen", "dict_user_marry", "dict_user_national", ], name: "Picture", components: { Public }, data() { return { topStyle: { transform: "" }, r_img: {}, topShow: false, rShow: false, // 遮罩层 loading: true, result: true, epilog: false, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, page: 1, size: 10, pageSize: [10, 20, 30, 40, 50], tableData: [], activeName: "first", textarea2: "", // 体检心电图管理表格数据 pictureList: [], tableList: [], imgsrc: "", tjNumber: "", measuredValue: "", fixedValue: "", // 是否显示弹出层 open: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, tjNum: null, name: null, xdt: null, proId: null, proName: null, measuredValue: null, conclusion: null, }, // 表单参数 form: { measuredValue: "", fixedValue: "", }, dataobj: {}, // 表单校验 rules: {}, }; }, created() { this.getList(); }, mounted() { this.$nextTick(() => { this.$refs.inputName.focus(); }); }, methods: { // 鼠标进入原图空间函数 enterHandler() { // 层罩及放大空间的显示 this.topShow = true; this.rShow = true; }, created() { this.getList(); // 鼠标移动函数 moveHandler(event) { // 鼠标的坐标位置 let x = event.offsetX; let y = event.offsetY; // 层罩的左上角坐标位置，并对其进行限制：无法超出原图区域左上角 let topX = x - 100 < 0 ? 0 : x - 100; let topY = y - 100 < 0 ? 0 : y - 100; // 对层罩位置再一次限制，保证层罩只能在原图区域空间内 if (topX > 200) { topX = 200; } if (topY > 200) { topY = 200; } // 通过 transform 进行移动控制 this.topStyle.transform = `translate(${topX}px,${topY}px)`; this.r_img.transform = `translate(-${2 * topX}px,-${2 * topY}px)`; }, methods: { // 鼠标进入原图空间函数 enterHandler() { // 层罩及放大空间的显示 this.topShow = true this.rShow = true }, // 鼠标移动函数 moveHandler(event) { // 鼠标的坐标位置 let x = event.offsetX let y = event.offsetY // 层罩的左上角坐标位置，并对其进行限制：无法超出原图区域左上角 let topX = (x - 100) < 0 ? 0 : (x - 100) let topY = (y - 100) < 0 ? 0 : (y - 100) // 对层罩位置再一次限制，保证层罩只能在原图区域空间内 if (topX > 200) { topX = 200 } if (topY > 200) { topY = 200 } // 通过 transform 进行移动控制 this.topStyle.transform = `translate(${topX}px,${topY}px)` this.r_img.transform = `translate(-${2 * topX}px,-${2 * topY}px)` }, // 鼠标移出函数 outHandler() { // 控制层罩与放大空间的隐藏 this.topShow = false this.rShow = false }, /** 查询体检心电图管理列表 */ getList() { this.loading = true; getList(this.queryParams).then(response => { if (response.data.list) { this.pictureList = response.data.list; } else { this.$message.warning("查无此人"); } if (this.pictureList.length != 0) { this.$nextTick(() => { this.$refs.tb.toggleRowSelection(this.pictureList[0], true); }) } else { this.$refs.tb.clearSelection(); } // this.total = response.data.total; this.loading = false; }); this.loading = false; }, // 取消按钮 cancel() { this.open = false; this.reset(); }, // 表单重置 reset() { this.form = { measuredValue: null, conclusion: null, }; this.resetForm("form"); }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, /** 重置按钮操作 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, // 多选框选中数据 handleSelectionChange(selection) { this.imgsrc = selection[0].picturePath this.tjNumber = selection[0].customer.tjNumber this.ids = selection.map(item => item.id) if (selection.length > 1) { let del_row = selection.shift(); this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 } selection.forEach(element => { this.tableList = element.list if (this.tableList.length != 0) { this.tableList.forEach(item => { this.form.measuredValue = item.measuredValue this.form.fixedValue = item.fixedValue }) this.$nextTick(() => { this.$refs.mu.toggleRowSelection(this.tableList[0], true); }) } else { this.$refs.mu.clearSelection(); } }); // this.tableList.forEach(item => { // this.imgsrc = item.checkPicture // }) this.single = selection.length !== 1 this.multiple = !selection.length }, handleChanges(value) { this.form.fixedValue =value }, handleChange(selection) { selection.forEach(element => { this.dataobj = element }); }, submiepilog() { this.$refs.aaa.open = true; let proId = "1633660948860522538" this.$refs.aaa.getList(proId, this.dataobj); }, // 确定按钮 submito() { if (this.dataobj) { if (this.form.fixedValue) { this.dataobj.fixedValue = this.form.fixedValue } if (this.form.measuredValue) { this.dataobj.measuredValue = this.form.measuredValue } updateCheck(this.dataobj).then(res => { this.$modal.msgSuccess("提交成功"); this.getList() this.form.fixedValue = "" this.form.measuredValue = "" }) } else { this.$modal.msgSuccess("选择修改项目"); } }, //删除按钮 handleDelete() { }, // 导出 handleExport() { // 鼠标移出函数 outHandler() { // 控制层罩与放大空间的隐藏 this.topShow = false; this.rShow = false; }, /** 查询体检心电图管理列表 */ getList() { this.loading = true; getList(this.queryParams).then((response) => { if (response.data.list) { this.pictureList = response.data.list; } else { this.$message.warning("查无此人"); } } } ; if (this.pictureList.length != 0) { this.$nextTick(() => { this.$refs.tb.toggleRowSelection(this.pictureList[0], true); }); } else { this.$refs.tb.clearSelection(); } // this.total = response.data.total; this.loading = false; }); this.loading = false; }, // 取消按钮 cancel() { this.open = false; this.reset(); }, // 表单重置 reset() { this.form = { measuredValue: null, conclusion: null, }; this.resetForm("form"); }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, /** 重置按钮操作 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, // 多选框选中数据 handleSelectionChange(selection) { this.imgsrc = selection[0].picturePath; this.tjNumber = selection[0].customer.tjNumber; this.ids = selection.map((item) => item.id); if (selection.length > 1) { let del_row = selection.shift(); this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 } selection.forEach((element) => { this.tableList = element.list; if (this.tableList.length != 0) { this.tableList.forEach((item) => { this.form.measuredValue = item.measuredValue; this.form.fixedValue = item.fixedValue; }); this.$nextTick(() => { this.$refs.mu.toggleRowSelection(this.tableList[0], true); }); } else { this.$refs.mu.clearSelection(); } }); // this.tableList.forEach(item => { // this.imgsrc = item.checkPicture // }) this.single = selection.length !== 1; this.multiple = !selection.length; }, handleChanges(value) { this.form.fixedValue = value; }, handleChange(selection) { selection.forEach((element) => { this.dataobj = element; }); }, submiepilog() { this.$refs.aaa.open = true; let proId = "1633660948860522538"; this.$refs.aaa.getList(proId, this.dataobj); }, // 确定按钮 submito() { if (this.dataobj) { if (this.form.fixedValue) { this.dataobj.fixedValue = this.form.fixedValue; } if (this.form.measuredValue) { this.dataobj.measuredValue = this.form.measuredValue; } updateCheck(this.dataobj).then((res) => { this.$modal.msgSuccess("提交成功"); this.getList(); this.form.fixedValue = ""; this.form.measuredValue = ""; }); } else { this.$modal.msgSuccess("选择修改项目"); } }, //删除按钮 handleDelete() {}, // 导出 handleExport() {}, }, }; </script> <style> #table .el-table__header-wrapper .el-checkbox { display: none; display: none; } .default-button-style :hover { width: 80px; border-bottom: none; width: 80px; border-bottom: none; } .rightImg { display: inline-block; width: 740px; height: 800px; position: absolute; top: 0; left: 0; /* border: 1px solid red; */ display: inline-block; width: 740px; height: 800px; position: absolute; top: 0; left: 0; /* border: 1px solid red; */ } /* 右边的区域图片放大空间 */ .right { margin-left: 412px; width: 340px; height: 400px; border: 1px solid black; position: relative; overflow: hidden; margin-left: 412px; width: 340px; height: 400px; border: 1px solid black; position: relative; overflow: hidden; } /* 一个最高层层罩 */ .maskTop { width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; } /* 层罩，通过定位将左上角定位到(0,0) */ .top { width: 200px; height: 200px; background-color: lightcoral; opacity: 0.4; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-color: lightcoral; opacity: 0.4; position: absolute; top: 0; left: 0; } /* 原图的显示 */ .leftImg { width: 400px; height: 400px; display: inline-block; width: 400px; height: 400px; display: inline-block; } /* 原图的容器 */ .left { width: 400px; height: 400px; /* border: 1px solid teal; */ float: left; position: relative; width: 400px; height: 400px; /* border: 1px solid teal; */ float: left; position: relative; } </style> src/views/picture/picture/index.vue
@@ -1,77 +1,173 @@ <template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="体检号" prop="tjNum"> <el-input v-model="queryParams.tjNum" placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" style="width: 170px;" /> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" > <el-form-item label="体检号" prop="tjNum"> <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable @keyup.enter.native="handleQuery" @blur="handleQuery" style="width: 170px" /> </el-form-item> <el-form-item label="姓名" prop="name"> <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery" style="width: 110px" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" >搜索</el-button > <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" >重置</el-button > </el-form-item> </el-form> <div style="width: 100%; margin-left: 10px; display: flex"> <div style="width: 36%; margin-right: 30px"> <el-table id="table" v-loading="loading" ref="tb" :data="pictureList" @selection-change="handleSelectionChange" border height="630px" > <el-table-column type="selection" width="40" align="center" /> <el-table-column label="体检号" align="center" prop="customer.tjNumber" width="160px" /> <el-table-column label="姓名" align="center" prop="customer.cusName" width="90px" /> <!-- <el-table-column label="身份证" align="center" prop="customer.cusIdcard" width="170px" /> --> <el-table-column label="性别" align="center" prop="customer.cusSex" width="60px" > <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "男" : "女" }} <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> </template> </el-table-column> <!-- <el-table-column label="生日" align="center" prop="customer.cusBrithday" width="110px" /> --> <el-table-column label="手机号" align="center" prop="customer.cusPhone" width="110px" /> <el-table-column label="婚姻" align="center" prop="cusMarryStatus" width="70px" > <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.customer.cusMarryStatus" /> </template> </el-table-column> <el-table-column label="民族" align="center" prop="cusNational" width="70px" > <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_national" :value="scope.row.customer.cusNational" /> </template> </el-table-column> </el-table> </div> <div style="width: 44%; height: 610px"> <el-table v-loading="loading" ref="mu" :data="tableList" @selection-change="handleChange" border > <el-table-column type="selection" width="40" align="center" /> <el-table-column label="收费项目" align="center" prop="proName" /> <el-table-column label="项目名称" align="center" prop="proName" /> <el-table-column label="项目结果" align="center" prop="proResult" /> <!-- <el-table-column label="结论" align="center" prop="conclusion" /> --> </el-table> <div style="height: 390px; margin-top: 10px"> <el-image v-loading="loading" style="height: 390px; width: 100%" :src="imgsrc + tjNumber + '.png'" :preview-src-list="[imgsrc + tjNumber + '.png']" ></el-image> </div> <div style="margin-top: 20px"> <el-form :model="form" ref="queryForm" size="small" :inline="true" label-width="68px" > <el-form-item label="项目结果" prop="proResult"> <el-input v-model="form.proResult" clearable /> </el-form-item> <el-form-item label="姓名" prop="name"> <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery" style="width: 110px;" /> <el-form-item label="结果结论" prop="conclusion"> <el-input v-model="form.conclusion" clearable @focus="submiepilog" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="submito" >提交</el-button > </el-form-item> </el-form> </el-form> </div> <div style="width: 100%; margin-left: 10px;display: flex;"> <div style="width: 36%; margin-right: 30px;"> <el-table id="table" v-loading="loading" ref="tb" :data="pictureList" @selection-change="handleSelectionChange" border height="630px"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="体检号" align="center" prop="customer.tjNumber" width="160px" /> <el-table-column label="姓名" align="center" prop="customer.cusName" width="90px" /> <!-- <el-table-column label="身份证" align="center" prop="customer.cusIdcard" width="170px" /> --> <el-table-column label="性别" align="center" prop="customer.cusSex" width="60px"> <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "男" : "女" }} <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> </template> </el-table-column> <!-- <el-table-column label="生日" align="center" prop="customer.cusBrithday" width="110px" /> --> <el-table-column label="手机号" align="center" prop="customer.cusPhone" width="110px" /> <el-table-column label="婚姻" align="center" prop="cusMarryStatus" width="70px"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.customer.cusMarryStatus" /> </template> </el-table-column> <el-table-column label="民族" align="center" prop="cusNational" width="70px"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_national" :value="scope.row.customer.cusNational" /> </template> </el-table-column> </el-table> </div> <div style="width: 44%;height: 610px;"> <el-table v-loading="loading" ref="mu" :data="tableList" @selection-change="handleChange" border> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="收费项目" align="center" prop="proName" /> <el-table-column label="项目名称" align="center" prop="proName" /> <el-table-column label="项目结果" align="center" prop="proResult" /> <!-- <el-table-column label="结论" align="center" prop="conclusion" /> --> </el-table> <div style=" height:390px;margin-top: 10px;"> <el-image v-loading="loading" style='height: 390px;width: 100%;' :src="imgsrc + tjNumber + '.png'" :preview-src-list="[imgsrc + tjNumber + '.png']"></el-image> </div> <div style="margin-top: 20px;"> <el-form :model="form" ref="queryForm" size="small" :inline="true" label-width="68px"> <el-form-item label="项目结果" prop="proResult"> <el-input v-model="form.proResult" clearable /> </el-form-item> <el-form-item label="结果结论" prop="conclusion"> <el-input v-model="form.conclusion" clearable @focus="submiepilog" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="submito">提交</el-button> </el-form-item> </el-form> </div> <!-- <div style="display:flex;margin:15px 0px;width: 100%;"> <!-- <div style="display:flex;margin:15px 0px;width: 100%;"> <div style="width: 100%;display:flex;"> <el-button type="primary" class="default-button-style" size="small" @click="submiepilog">结果结论</el-button> @@ -79,315 +175,315 @@ </div> </div> --> </div> </div> <div style="margin-right: 70%;"> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> </div> <Public ref="aaa" @add="handleChanges" /> </div> </div> <div style="margin-right: 70%"> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> </div> <Public ref="aaa" @add="handleChanges" /> </div> </template> <script> import { getListPicture, updatePicture } from "@/api/picture/picture"; import { getListPicture, updatePicture } from "@/api/picture/picture"; import Public from "@/components/public"; export default { dicts: [ "sys_user_sex", "sampling_type", "sys_dict_specimen", "dict_user_marry", "dict_user_national" ], name: "Picture", components:{Public}, data() { return { topStyle: { transform: '' }, r_img: {}, topShow: false, rShow: false, // 遮罩层 loading: true, result: true, epilog: false, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, activeName: 'first', proResult: '', conclusion: "", imgsrc: "", tjNumber: "", // 体检心电图管理表格数据 pictureList: [], tableList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, tjNum: null, cusId: null, name: null, xdt: null, proId: null, proName: null, proResult: null, conclusion: null, }, dataobj: {}, // 表单参数 form: { proResult: "", conclusion: "", }, // 表单校验 rules: { } }; dicts: [ "sys_user_sex", "sampling_type", "sys_dict_specimen", "dict_user_marry", "dict_user_national", ], name: "Picture", components: { Public }, data() { return { topStyle: { transform: "" }, r_img: {}, topShow: false, rShow: false, // 遮罩层 loading: true, result: true, epilog: false, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, activeName: "first", proResult: "", conclusion: "", imgsrc: "", tjNumber: "", // 体检心电图管理表格数据 pictureList: [], tableList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, tjNum: null, cusId: null, name: null, xdt: null, proId: null, proName: null, proResult: null, conclusion: null, }, dataobj: {}, // 表单参数 form: { proResult: "", conclusion: "", }, // 表单校验 rules: {}, }; }, created() { this.getList(); }, mounted() { this.$nextTick(() => { this.$refs.inputName.focus(); }); }, methods: { // 鼠标进入原图空间函数 enterHandler() { // 层罩及放大空间的显示 this.topShow = true; this.rShow = true; }, created() { this.getList(); // 鼠标移动函数 moveHandler(event) { // 鼠标的坐标位置 let x = event.offsetX; let y = event.offsetY; // 层罩的左上角坐标位置，并对其进行限制：无法超出原图区域左上角 let topX = x - 100 < 0 ? 0 : x - 100; let topY = y - 100 < 0 ? 0 : y - 100; // 对层罩位置再一次限制，保证层罩只能在原图区域空间内 if (topX > 200) { topX = 200; } if (topY > 200) { topY = 200; } // 通过 transform 进行移动控制 this.topStyle.transform = `translate(${topX}px,${topY}px)`; this.r_img.transform = `translate(-${2 * topX}px,-${2 * topY}px)`; }, methods: { // 鼠标进入原图空间函数 enterHandler() { // 层罩及放大空间的显示 this.topShow = true this.rShow = true }, // 鼠标移动函数 moveHandler(event) { // 鼠标的坐标位置 let x = event.offsetX let y = event.offsetY // 层罩的左上角坐标位置，并对其进行限制：无法超出原图区域左上角 let topX = (x - 100) < 0 ? 0 : (x - 100) let topY = (y - 100) < 0 ? 0 : (y - 100) // 对层罩位置再一次限制，保证层罩只能在原图区域空间内 if (topX > 200) { topX = 200 } if (topY > 200) { topY = 200 } // 通过 transform 进行移动控制 this.topStyle.transform = `translate(${topX}px,${topY}px)` this.r_img.transform = `translate(-${2 * topX}px,-${2 * topY}px)` }, // 鼠标移出函数 outHandler() { // 控制层罩与放大空间的隐藏 this.topShow = false this.rShow = false }, /** 查询体检心电图管理列表 */ getList() { this.loading = true; getListPicture(this.queryParams).then(response => { if (response.data.list) { this.pictureList = response.data.list; } else { this.$message.warning("查无此人"); } if (this.pictureList.length != 0) { this.$nextTick(() => { this.$refs.tb.toggleRowSelection(this.pictureList[0], true); }) } else { this.$refs.tb.clearSelection(); } this.total = response.data.total; this.loading = false; }); }, // 取消按钮 cancel() { this.open = false; this.reset(); }, // 表单重置 reset() { this.form = { proResult: null, conclusion: null, }; this.resetForm("form"); }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, /** 重置按钮操作 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, // 多选框选中数据 handleSelectionChange(selection) { this.imgsrc = selection[0].picturePath this.tjNumber = selection[0].customer.tjNumber this.ids = selection.map(item => item.id) selection.forEach(element => { this.tableList = element.list if (this.tableList.length != 0) { this.tableList.forEach(item => { this.form.proResult = item.proResult this.form.conclusion= item.conclusion }) this.$nextTick(() => { this.$refs.mu.toggleRowSelection(this.tableList[0], true); }) } else { this.$refs.mu.clearSelection(); } }); // this.tableList.forEach(item => { // this.imgsrc = item.xdt // }) 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 }, handleChange(selection) { selection.forEach(element => { this.dataobj = element }); }, handleChanges(value) { this.form.conclusion =value }, submiepilog() { this.$refs.aaa.open = true; let proId = "1633660948860522585" this.$refs.aaa.getList(proId); }, // 确定按钮 submito() { if (this.dataobj) { if (this.form.proResult) { this.dataobj.proResult = this.form.proResult } if (this.form.conclusion) { this.dataobj.conclusion = this.form.conclusion } updatePicture(this.dataobj).then(res => { this.$modal.msgSuccess("提交成功"); this.getList() this.form.proResult = "" this.form.conclusion = "" }) } else { this.$modal.msgSuccess("选择修改项目"); } }, //删除按钮 handleDelete() { }, // 导出 handleExport() { // 鼠标移出函数 outHandler() { // 控制层罩与放大空间的隐藏 this.topShow = false; this.rShow = false; }, /** 查询体检心电图管理列表 */ getList() { this.loading = true; getListPicture(this.queryParams).then((response) => { if (response.data.list) { this.pictureList = response.data.list; } else { this.$message.warning("查无此人"); } } } ; if (this.pictureList.length != 0) { this.$nextTick(() => { this.$refs.tb.toggleRowSelection(this.pictureList[0], true); }); } else { this.$refs.tb.clearSelection(); } this.total = response.data.total; this.loading = false; }); }, // 取消按钮 cancel() { this.open = false; this.reset(); }, // 表单重置 reset() { this.form = { proResult: null, conclusion: null, }; this.resetForm("form"); }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, /** 重置按钮操作 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, // 多选框选中数据 handleSelectionChange(selection) { this.imgsrc = selection[0].picturePath; this.tjNumber = selection[0].customer.tjNumber; this.ids = selection.map((item) => item.id); selection.forEach((element) => { this.tableList = element.list; if (this.tableList.length != 0) { this.tableList.forEach((item) => { this.form.proResult = item.proResult; this.form.conclusion = item.conclusion; }); this.$nextTick(() => { this.$refs.mu.toggleRowSelection(this.tableList[0], true); }); } else { this.$refs.mu.clearSelection(); } }); // this.tableList.forEach(item => { // this.imgsrc = item.xdt // }) 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; }, handleChange(selection) { selection.forEach((element) => { this.dataobj = element; }); }, handleChanges(value) { this.form.conclusion = value; }, submiepilog() { this.$refs.aaa.open = true; let proId = "1633660948860522585"; this.$refs.aaa.getList(proId); }, // 确定按钮 submito() { if (this.dataobj) { if (this.form.proResult) { this.dataobj.proResult = this.form.proResult; } if (this.form.conclusion) { this.dataobj.conclusion = this.form.conclusion; } updatePicture(this.dataobj).then((res) => { this.$modal.msgSuccess("提交成功"); this.getList(); this.form.proResult = ""; this.form.conclusion = ""; }); } else { this.$modal.msgSuccess("选择修改项目"); } }, //删除按钮 handleDelete() {}, // 导出 handleExport() {}, }, }; </script> <style> #table .el-table__header-wrapper .el-checkbox { display: none; display: none; } .default-button-style :hover { width: 80px; border-bottom: none; width: 80px; border-bottom: none; } .rightImg { display: inline-block; width: 740px; height: 800px; position: absolute; top: 0; left: 0; /* border: 1px solid red; */ display: inline-block; width: 740px; height: 800px; position: absolute; top: 0; left: 0; /* border: 1px solid red; */ } /* 右边的区域图片放大空间 */ .right { margin-left: 412px; width: 340px; height: 400px; border: 1px solid black; position: relative; overflow: hidden; margin-left: 412px; width: 340px; height: 400px; border: 1px solid black; position: relative; overflow: hidden; } /* 一个最高层层罩 */ .maskTop { width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; } /* 层罩，通过定位将左上角定位到(0,0) */ .top { width: 200px; height: 200px; background-color: #1890ff; opacity: 0.4; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-color: #1890ff; opacity: 0.4; position: absolute; top: 0; left: 0; } /* 原图的显示 */ .leftImg { width: 400px; height: 400px; display: inline-block; width: 400px; height: 400px; display: inline-block; } /* 原图的容器 */ .left { width: 400px; height: 400px; /* border: 1px solid teal; */ float: left; position: relative; width: 400px; height: 400px; /* border: 1px solid teal; */ float: left; position: relative; } </style> src/views/system/comp/index.vue
@@ -896,6 +896,7 @@ }, // 套餐单项获取 handleChangeOne(selection) { console.log(selection); this.pacList = selection this.OnenewpacName = [] this.queryParams.price = 0
