lichong
/
chufangtongji
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

10.22

master
lichong 6 months ago
parent
fbc90a4d1f
commit
31efd53bd3
7 changed files with 96 additions and 52 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      electron-builder.yml
  2. 5
      package.json
  3. 6
      src/main/index.js
  4. 8
      src/renderer/src/assets/json/chufang.json
  5. 84
      src/renderer/src/components/formcomponent.vue
  6. 22
      src/renderer/src/components/tablecomponent.vue
  7. 19
      src/renderer/src/views/chufang.vue

4
electron-builder.yml
View File

@ -1,5 +1,5 @@
appId: com.electron.lichong appId: com.electron.lichong
productName: 桌面应用 productName: 处方记录
directories: directories:
buildResources: build buildResources: build
files: files:
@ -14,7 +14,7 @@ win:
executableName: lichong-app executableName: lichong-app
nsis: nsis:
oneClick: false oneClick: false
artifactName: 处方统计-${version}-setup.${ext} artifactName: 处方记录-${version}-setup.${ext}
allowToChangeInstallationDirectory: true allowToChangeInstallationDirectory: true
shortcutName: ${productName} shortcutName: ${productName}
uninstallDisplayName: ${productName} uninstallDisplayName: ${productName}

5
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "electron", "name": "electron",
"version": "1.0.0", "version": "1.0.1",
"description": "An Electron application with Vue", "description": "An Electron application with Vue",
"main": "./out/main/index.js", "main": "./out/main/index.js",
"author": "lichong", "author": "lichong",
@ -16,6 +16,7 @@
"dependencies": { "dependencies": {
"@electron-toolkit/preload": "^1.0.2", "@electron-toolkit/preload": "^1.0.2",
"@electron-toolkit/utils": "^1.0.2", "@electron-toolkit/utils": "^1.0.2",
"@reiyanyan/vue-camera": "^1.3.1",
"dayjs": "^1.11.11", "dayjs": "^1.11.11",
"dexie": "^4.0.8", "dexie": "^4.0.8",
"element-plus": "^2.7.1", "element-plus": "^2.7.1",
@ -35,4 +36,4 @@
"vite": "^3.1.8", "vite": "^3.1.8",
"vue": "^3.2.41" "vue": "^3.2.41"
} }
} }

6
src/main/index.js
View File

@ -1,4 +1,4 @@
import { app, shell, BrowserWindow, nativeImage, ipcMain } from 'electron' import { app, shell, BrowserWindow, nativeImage } from 'electron'
import * as path from 'path' import * as path from 'path'
import { electronApp, optimizer, is } from '@electron-toolkit/utils' import { electronApp, optimizer, is } from '@electron-toolkit/utils'
@ -16,7 +16,9 @@ function createWindow() {
icon: logoIcon, icon: logoIcon,
webPreferences: { webPreferences: {
preload: path.resolve(__dirname, '../preload/index.js'), preload: path.resolve(__dirname, '../preload/index.js'),
sandbox: false sandbox: false,
nodeIntegration: true,
contextIsolation: false
} }
}) })
mainWindow.on('ready-to-show', () => { mainWindow.on('ready-to-show', () => {

8
src/renderer/src/assets/json/chufang.json
View File

@ -29,14 +29,14 @@
"type": "date", "type": "date",
"isSort": true, "isSort": true,
"tableShow": true, "tableShow": true,
"formShow": false "formShow": true
}, },
{ {
"label": "更新时间", "label": "更新时间",
"prop": "update_at", "prop": "update_at",
"type": "date", "type": "date",
"isSort": false, "isSort": true,
"tableShow": false, "tableShow": true,
"formShow": false "formShow": true
} }
] ]

84
src/renderer/src/components/formcomponent.vue
View File

@ -1,24 +1,50 @@
<template> <template>
<div class="tableClass"> <div class="tableClass">
<el-form :model="formData" label-suffix="：" :disabled="disabled" inline> <el-form :model="formData" label-suffix="：" :disabled="disabled" inline @submit.prevent>
<el-form-item :label="formItem.label" :key="formIndex" v-for="(formItem, formIndex) in formHeader"> <el-row>
<template v-if="formItem.type === 'text'"> <el-col :key="formIndex" v-for="(formItem, formIndex) in formHeader"
<el-input v-model="formData[formItem.prop]" /> :span="['text', 'date'].includes(formItem.type) ? 24 : 12">
</template> <el-form-item :label="formItem.label">
<template v-else-if="formItem.type === 'date'"> <template v-if="formItem.type === 'text'">
<el-date-picker v-model="formData[formItem.prop]" type="date" <el-input v-model="formData[formItem.prop]" />
:disabled="['create_at', 'update_at'].indexOf(formItem.prop) !== -1" </template>
:placeholder="`请选择${formItem.label}`" /> <template v-else-if="formItem.type === 'date'">
</template> <el-date-picker v-model="formData[formItem.prop]" type="date"
<template v-else-if="formItem.type === 'photo'"> :disabled="['create_at', 'update_at'].indexOf(formItem.prop) !== -1"
<div class="camera-capture"> :placeholder="`请选择${formItem.label}`" />
<video :ref="`${formItem.prop}vedio`" autoplay playsinline></video> </template>
<button @click="takePhoto(formItem)">拍照</button> <template v-else-if="formItem.type === 'photo'">
<canvas :ref="`${formItem.prop}canvas`" style="display: none;"></canvas> <div v-if="!disabled">
<img v-if="formData[formItem.prop]" :src="formData[formItem.prop]" alt="Captured Photo" /> <el-row>
</div> <el-col :span="12">
</template> <button @click="openVedio(formItem)">打开视频</button>
</el-form-item> </el-col>
<el-col :span="12">
<button @click="takePhoto(formItem)">拍照</button>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<video :ref="`${formItem.prop}video`" style="width: 200px;height: 200px;border: 1px solid #ccc;"
autoplay playsinline v-show="!formData[formItem.prop]"></video>
<canvas :ref="`${formItem.prop}canvas`" width="202" height="202" style="display: none;"></canvas>
<img v-if="formData[formItem.prop]" :src="formData[formItem.prop]" alt="Captured Photo" />
</el-col>
</el-row>
</div>
<div v-else>
<el-row>
<el-col :span="12">
<el-image style="width: 100px; height: 100px" :src="formData[formItem.prop]" :zoom-rate="1.2"
:max-scale="7" :min-scale="0.2" :preview-src-list="[formData[formItem.prop]]" :initial-index="4"
fit="cover" />
</el-col>
</el-row>
</div>
</template>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</div> </div>
</template> </template>
@ -55,10 +81,28 @@ export default {
return { return {
_: _, _: _,
dayjs: dayjs, dayjs: dayjs,
}
},
methods: {
async openVedio(formItem) {
this.formData[formItem.prop] = ""
let stream = await navigator.mediaDevices.getUserMedia({
video: {
width: { ideal: 200 },
height: { ideal: 200 }
},
});
this.$refs[`${formItem.prop}video`][0].srcObject = stream;
},
takePhoto(formItem) {
let video = this.$refs[`${formItem.prop}video`][0]
let canvas = this.$refs[`${formItem.prop}canvas`][0]
let context = canvas.getContext('2d');
context.drawImage(video, 0, 0, 202, 202);
this.formData[formItem.prop] = canvas.toDataURL('image/png');
} }
}, },
methods: {},
async mounted() { }, async mounted() { },
watch: {}, watch: {},
computed: {} computed: {}

22
src/renderer/src/components/tablecomponent.vue
View File

@ -6,7 +6,7 @@
:checkbox-config="{ labelField: 'seq', highlight: true }" @checkbox-all="selectAllChangeEvent" :checkbox-config="{ labelField: 'seq', highlight: true }" @checkbox-all="selectAllChangeEvent"
@checkbox-change="selectChange" ref="tableRef" border :column-config="{ resizable: true }"> @checkbox-change="selectChange" ref="tableRef" border :column-config="{ resizable: true }">
<vxe-column type="seq" width="70"></vxe-column> <vxe-column type="seq" width="70"></vxe-column>
<vxe-column type="checkbox" width="70" fixed="left"></vxe-column> <vxe-column type="checkbox" width="60"></vxe-column>
<vxe-column :field="headerItem.prop" :title="headerItem.label" <vxe-column :field="headerItem.prop" :title="headerItem.label"
:min-width="`${headerItem.label.length * 23 + 24}`" v-for="(headerItem, headerIndex) in tableHeader" :min-width="`${headerItem.label.length * 23 + 24}`" v-for="(headerItem, headerIndex) in tableHeader"
:key="headerIndex" :sortable="headerItem.isSort"> :key="headerIndex" :sortable="headerItem.isSort">
@ -15,17 +15,19 @@
<span>{{ row[headerItem.prop] }}</span> <span>{{ row[headerItem.prop] }}</span>
</template> </template>
<template v-else-if="headerItem.type === 'date'"> <template v-else-if="headerItem.type === 'date'">
<span>{{ row[headerItem.prop] }}</span> <span>{{ dayjs(row[headerItem.prop]).format("YYYY-MM-DD HH:mm:ss") }}</span>
</template> </template>
<template v-else-if="headerItem.type === 'photo'"> <template v-else-if="headerItem.type === 'photo'">
<el-image style="width: 100px; height: 100px" :src="row[headerItem.prop]" :zoom-rate="1.2" <span v-if="row[headerItem.prop]">
:max-scale="7" :min-scale="0.2" :preview-src-list="[row[headerItem.prop]]" :initial-index="4" <el-image style="width: 45px" :src="row[headerItem.prop]" :zoom-rate="1.2" :max-scale="7"
fit="cover" /> :min-scale="0.2" :preview-src-list="[row[headerItem.prop]]" :initial-index="4" fit="cover" />
{{ row[headerItem.prop] }}</template> </span>
<span v-else>无</span>
</template>
<template v-else>{{ row[headerItem.prop] }}</template> <template v-else>{{ row[headerItem.prop] }}</template>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column fixed="right" title="操作" width="145"> <vxe-column title="操作" width="145">
<template #default="{ row }"> <template #default="{ row }">
<el-button type="primary" circle @click="optClick(row, 'edit')"> <el-button type="primary" circle @click="optClick(row, 'edit')">
<el-icon> <el-icon>
@ -80,6 +82,12 @@ export default {
} }
}, },
methods: { methods: {
clearSelection() {
const $table = this.$refs.tableRef
if ($table) {
$table.clearCheckboxRow()
}
},
selectChange({ checked }) { selectChange({ checked }) {
let $table = this.$refs.tableRef let $table = this.$refs.tableRef
if ($table) { if ($table) {

19
src/renderer/src/views/chufang.vue
View File

@ -24,7 +24,7 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-input v-model="searchParams.xingming" placeholder="请输入输入姓名" size="large"> <el-input v-model="searchParams.xingming" placeholder="请输入输入姓名" size="large" clearable>
<template #append> <template #append>
<el-button type="primary" @click="updateSeach()" size="large"> <el-button type="primary" @click="updateSeach()" size="large">
<el-icon> <el-icon>
@ -136,18 +136,7 @@ export default {
}, },
//确认模态框 //确认模态框
async submitDialog() { async submitDialog() {
for (let i = 0; i < this.formHeader.length; i++) { let params = { ...this.dialogFrom.formData, }
let headItem = this.formHeader[i];
if (headItem.type === "date") {
this.dialogFrom.formData[headItem.prop] = dayjs(this.dialogFrom.formData[headItem.prop]).format("YYYY-MM-DD")
}
}
let params = {
...this.dialogFrom.formData, ...this.dealRow(this.dialogFrom.formData), create_at: dayjs().format('YYYY-MM-DD HH:mm:ss'), update_at: dayjs().format('YYYY-MM-DD HH:mm:ss')
}
if (this.dialogFrom.type === "put") {
delete params.create_at
}
try { try {
await myDatabase.chufang[this.dialogFrom.type]({ ...params, update_at: dayjs().format('YYYY-MM-DD HH:mm:ss') }) await myDatabase.chufang[this.dialogFrom.type]({ ...params, update_at: dayjs().format('YYYY-MM-DD HH:mm:ss') })
await this.updateSeach() await this.updateSeach()
@ -169,7 +158,7 @@ export default {
if (element.type === "text") { if (element.type === "text") {
formData[element.prop] = "" formData[element.prop] = ""
} else if (element.type === "date") { } else if (element.type === "date") {
formData[element.prop] = dayjs().subtract(element.default || 0, 'year').format("YYYY-MM-DD") formData[element.prop] = dayjs().valueOf()
} }
} }
this.dialogFrom = { this.dialogFrom = {
@ -230,7 +219,7 @@ export default {
await myDatabase.chufang.bulkDelete(idList) await myDatabase.chufang.bulkDelete(idList)
await this.updateSeach() await this.updateSeach()
}) })
.catch(() => { .catch((err) => {
ElMessage({ ElMessage({
type: 'info', type: 'info',
message: '取消删除', message: '取消删除',

Write Preview
Loading…
Cancel
Save