|
@@ -1,96 +1,99 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
|
|
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
|
|
- <el-form-item label="护理时间" prop="nursingTime">
|
|
|
|
|
- <el-date-picker clearable
|
|
|
|
|
- v-model="queryParams.nursingTime"
|
|
|
|
|
- type="date"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- placeholder="请选择护理时间">
|
|
|
|
|
- </el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item>
|
|
|
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
- <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
- <el-button
|
|
|
|
|
- type="primary"
|
|
|
|
|
- plain
|
|
|
|
|
- icon="Plus"
|
|
|
|
|
- @click="handleAdd"
|
|
|
|
|
- v-hasPermi="['care:clocks:add']"
|
|
|
|
|
- >新增</el-button>
|
|
|
|
|
- <el-button
|
|
|
|
|
- type="warning"
|
|
|
|
|
- plain
|
|
|
|
|
- icon="Download"
|
|
|
|
|
- @click="handleExport"
|
|
|
|
|
- v-hasPermi="['care:clocks:export']"
|
|
|
|
|
- >导出</el-button>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
-
|
|
|
|
|
- <el-table v-loading="loading" :data="clocksList" @selection-change="handleSelectionChange">
|
|
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
- <el-table-column label="护理时间" align="center" prop="nursingTime" width="180">
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
-
|
|
|
|
|
- <el-table-column label="图片数量" align="center" prop="imgNum" />
|
|
|
|
|
- <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
|
|
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
|
- <template #default="scope">
|
|
|
|
|
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:clocks:edit']">修改</el-button>
|
|
|
|
|
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['care:clocks:remove']">删除</el-button>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
-
|
|
|
|
|
- <pagination
|
|
|
|
|
- v-show="total>0"
|
|
|
|
|
- :total="total"
|
|
|
|
|
- v-model:page="queryParams.pageNum"
|
|
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
|
|
- @pagination="getList"
|
|
|
|
|
- />
|
|
|
|
|
-
|
|
|
|
|
- <!-- 添加或修改护理任务打卡对话框 -->
|
|
|
|
|
- <el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
|
|
- <el-form ref="clocksRef" :model="form" :rules="rules" label-width="80px">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="app-container1">
|
|
|
|
|
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="护理时间" prop="nursingTime">
|
|
<el-form-item label="护理时间" prop="nursingTime">
|
|
|
<el-date-picker clearable
|
|
<el-date-picker clearable
|
|
|
- v-model="form.nursingTime"
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
|
|
+ v-model="queryParams.nursingTime"
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
placeholder="请选择护理时间">
|
|
placeholder="请选择护理时间">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="图片路径" prop="imgPaths">
|
|
|
|
|
- <el-upload
|
|
|
|
|
- v-model:file-list="fileLists"
|
|
|
|
|
- :action="uploadImgUrl"
|
|
|
|
|
- :headers="uploadHeaders"
|
|
|
|
|
- list-type="picture-card"
|
|
|
|
|
- :on-remove="handleRemove"
|
|
|
|
|
- :on-success="handleSuccess"
|
|
|
|
|
- >
|
|
|
|
|
- <el-icon><Plus /></el-icon>
|
|
|
|
|
- </el-upload>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
-
|
|
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
|
|
- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
|
|
|
|
|
|
+ <el-form-item>
|
|
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
+ <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ plain
|
|
|
|
|
+ icon="Plus"
|
|
|
|
|
+ @click="handleAdd"
|
|
|
|
|
+ v-hasPermi="['care:clocks:add']"
|
|
|
|
|
+ >新增</el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="warning"
|
|
|
|
|
+ plain
|
|
|
|
|
+ icon="Download"
|
|
|
|
|
+ @click="handleExport"
|
|
|
|
|
+ v-hasPermi="['care:clocks:export']"
|
|
|
|
|
+ >导出</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
- <template #footer>
|
|
|
|
|
- <div class="dialog-footer">
|
|
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <el-table v-loading="loading" :data="clocksList" @selection-change="handleSelectionChange">
|
|
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
+ <el-table-column label="护理时间" align="center" prop="nursingTime" width="180">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="图片数量" align="center" prop="imgNum" />
|
|
|
|
|
+ <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
|
|
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:clocks:edit']">修改</el-button>
|
|
|
|
|
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['care:clocks:remove']">删除</el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+
|
|
|
|
|
+ <pagination
|
|
|
|
|
+ v-show="total>0"
|
|
|
|
|
+ :total="total"
|
|
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
|
|
+ @pagination="getList"
|
|
|
|
|
+ />
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 添加或修改护理任务打卡对话框 -->
|
|
|
|
|
+ <el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
|
|
+ <el-form ref="clocksRef" :model="form" :rules="rules" label-width="80px">
|
|
|
|
|
+ <el-form-item label="护理时间" prop="nursingTime">
|
|
|
|
|
+ <el-date-picker clearable
|
|
|
|
|
+ v-model="form.nursingTime"
|
|
|
|
|
+ type="datetime"
|
|
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
+ placeholder="请选择护理时间">
|
|
|
|
|
+ </el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="图片路径" prop="imgPaths">
|
|
|
|
|
+ <el-upload
|
|
|
|
|
+ v-model:file-list="fileLists"
|
|
|
|
|
+ :action="uploadImgUrl"
|
|
|
|
|
+ :headers="uploadHeaders"
|
|
|
|
|
+ list-type="picture-card"
|
|
|
|
|
+ :on-remove="handleRemove"
|
|
|
|
|
+ :on-success="handleSuccess"
|
|
|
|
|
+ :data="uploadImgData"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-icon><Plus /></el-icon>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
|
|
+ <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ <template #footer>
|
|
|
|
|
+ <div class="dialog-footer">
|
|
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<style>
|
|
<style>
|
|
|
-.app-container{
|
|
|
|
|
|
|
+.app-container1{
|
|
|
height: 500px;
|
|
height: 500px;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
@@ -113,16 +116,14 @@ const title = ref("");
|
|
|
|
|
|
|
|
const fileLists =ref([]);
|
|
const fileLists =ref([]);
|
|
|
|
|
|
|
|
-const dialogImageUrl = ref('')
|
|
|
|
|
-const dialogVisible = ref(false)
|
|
|
|
|
// 定义 props
|
|
// 定义 props
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
|
applyId: {
|
|
applyId: {
|
|
|
- type: String,
|
|
|
|
|
|
|
+ type: Number,
|
|
|
required: true
|
|
required: true
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
|
|
+console.info("=="+props.applyId);
|
|
|
const data = reactive({
|
|
const data = reactive({
|
|
|
form: {},
|
|
form: {},
|
|
|
queryParams: {
|
|
queryParams: {
|
|
@@ -147,8 +148,9 @@ const data = reactive({
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
+const uploadImgData={applyId:props.applyId,"nursingDate":form.value.nursingTime};
|
|
|
|
|
|
|
|
-const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + "/care/clocks/upload?applyId="+props.applyId+"&nursingDate="+form.value.nursingTime); // 上传的图片服务器地址
|
|
|
|
|
|
|
+const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + "/care/clocks/upload"); // 上传的图片服务器地址
|
|
|
const uploadHeaders={Authorization: 'Bearer ' + getToken()};
|
|
const uploadHeaders={Authorization: 'Bearer ' + getToken()};
|
|
|
const fileSize=1;
|
|
const fileSize=1;
|
|
|
|
|
|
|
@@ -239,7 +241,6 @@ function handleUpdate(row) {
|
|
|
function submitForm() {
|
|
function submitForm() {
|
|
|
form.value.imgNum=0;
|
|
form.value.imgNum=0;
|
|
|
form.value.imgPaths=""
|
|
form.value.imgPaths=""
|
|
|
- console.info(import.meta.env.VITE_APP_BASE_API+"---"+JSON.stringify(fileLists.value))
|
|
|
|
|
fileLists.value.forEach(item => {
|
|
fileLists.value.forEach(item => {
|
|
|
console.info(item);
|
|
console.info(item);
|
|
|
form.value.imgNum++;
|
|
form.value.imgNum++;
|