bonus
/
yn_img_tools_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化操作

This commit is contained in:
BianLzhaoMin 2025-04-29 14:10:33 +08:00
parent 42995165b7
commit 4971f20f73
7 changed files with 350 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/manifest.json
View File

@ -1,8 +1,8 @@
{ {
"name" : "项目全过程影像管理工具", "name" : "项目全过程影像管理工具",
"appid" : "__UNI__F75AFA9", "appid" : "__UNI__F75AFA9",
"description" : "", "description" : "项目全过程影像管理工具",
"versionName" : "1.0.0", "versionName" : "1.0.1",
"versionCode" : 101, "versionCode" : 101,
"transformPx" : false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */

81
src/pages/comprehensiveQuery/index.vue
View File

@ -64,10 +64,19 @@
<up-input placeholder="请输入" v-model="innerKeyWord" clearable /> <up-input placeholder="请输入" v-model="innerKeyWord" clearable />
</up-form-item> </up-form-item>
<up-form-item prop="startTime" label="开始日期"> <up-form-item prop="startTime" label="开始日期">
<up-input placeholder="请选择" v-model="queryParams.startTime" readonly> <up-input
readonly
class="time-input"
placeholder="请选择"
style="position: relative"
v-model="queryParams.startTime"
>
<template #prefix> <template #prefix>
<view class="handle-box" style="padding-left: 18rpx">
<up-icon name="calendar" size="16" @tap="onSelectDate(1)" /> <up-icon name="calendar" size="16" @tap="onSelectDate(1)" />
</template> <view @tap="onSelectDate(1)" class="select-project-area">
1
</view>
<template #suffix v-if="queryParams.startTime"> <template #suffix v-if="queryParams.startTime">
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
@ -80,13 +89,24 @@
" "
/> />
</template> </template>
</view>
</template>
</up-input> </up-input>
</up-form-item> </up-form-item>
<up-form-item prop="endTime" label="结束日期"> <up-form-item prop="endTime" label="结束日期">
<up-input placeholder="请选择" v-model="queryParams.endTime" readonly> <up-input
readonly
class="time-input"
placeholder="请选择"
style="position: relative"
v-model="queryParams.endTime"
>
<template #prefix> <template #prefix>
<view class="handle-box" style="padding-left: 18rpx">
<up-icon size="16" name="calendar" @tap="onSelectDate(2)" /> <up-icon size="16" name="calendar" @tap="onSelectDate(2)" />
</template> <view @tap="onSelectDate(2)" class="select-project-area">
1
</view>
<template #suffix v-if="queryParams.endTime"> <template #suffix v-if="queryParams.endTime">
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
@ -99,6 +119,8 @@
" "
/> />
</template> </template>
</view>
</template>
</up-input> </up-input>
</up-form-item> </up-form-item>
<up-form-item prop="proName" label="工程"> <up-form-item prop="proName" label="工程">
@ -107,9 +129,13 @@
clearable clearable
placeholder="请选择工程名称" placeholder="请选择工程名称"
v-model="queryParams.proName" v-model="queryParams.proName"
style="position: relative"
> >
<template #suffix> <template #suffix>
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">
1
</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -133,9 +159,11 @@
clearable clearable
placeholder="请选择专业" placeholder="请选择专业"
v-model="queryParams.majorName" v-model="queryParams.majorName"
style="position: relative"
> >
<template #suffix> <template #suffix>
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -159,9 +187,13 @@
clearable clearable
placeholder="请选择工序" placeholder="请选择工序"
v-model="queryParams.gxName" v-model="queryParams.gxName"
style="position: relative"
> >
<template #suffix> <template #suffix>
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">
1
</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -264,35 +296,43 @@
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
closeOnClickOverlay
v-model="dateValue" v-model="dateValue"
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<!-- 工程选择器 --> <!-- 工程选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
closeOnClickOverlay
:show="projectShow" :show="projectShow"
:columns="projectList" :columns="projectList"
@confirm="onConfirmProject" @confirm="onConfirmProject"
@cancel="projectShow = !projectShow" @cancel="projectShow = !projectShow"
@close="projectShow = !projectShow"
/> />
<!-- 专业选择器 --> <!-- 专业选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
closeOnClickOverlay
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
:show="procedureShow" :show="procedureShow"
:columns="procedureList" :columns="procedureList"
closeOnClickOverlay
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
</template> </template>
@ -801,4 +841,31 @@ onMounted(async () => {
padding: 32rpx 0; padding: 32rpx 0;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
.handle-box {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: 7%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>

46
src/pages/coordinatePhotos/components/addAndEditForm.vue
View File

@ -15,11 +15,13 @@
<up-input <up-input
readonly readonly
border="none" border="none"
style="position: relative"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
v-model="addAndEditModel.proName" v-model="addAndEditModel.proName"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -49,11 +51,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.majorName" v-model="addAndEditModel.majorName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -77,11 +81,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.gxName" v-model="addAndEditModel.gxName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -231,27 +237,33 @@
<!-- 专业选择器 --> <!-- 专业选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
closeOnClickOverlay
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
closeOnClickOverlay
:show="procedureShow" :show="procedureShow"
:columns="procedureList" :columns="procedureList"
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
closeOnClickOverlay
v-model="dateValue" v-model="dateValue"
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<up-loading-page <up-loading-page
@ -1084,4 +1096,32 @@ onMounted(async () => {
overflow: hidden; overflow: hidden;
} }
} }
.handle-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: -10%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>

51
src/pages/importantMatters/components/addAndEditForm.vue
View File

@ -14,11 +14,13 @@
<up-input <up-input
readonly readonly
border="none" border="none"
style="position: relative"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
v-model="addAndEditModel.proName" v-model="addAndEditModel.proName"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -40,11 +42,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.majorName" v-model="addAndEditModel.majorName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -68,11 +72,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.gxName" v-model="addAndEditModel.gxName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -96,12 +102,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.time" v-model="addAndEditModel.time"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -206,25 +215,31 @@
keyName="name" keyName="name"
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
closeOnClickOverlay
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
closeOnClickOverlay
:show="procedureShow" :show="procedureShow"
:columns="procedureList" :columns="procedureList"
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
closeOnClickOverlay
v-model="dateValue" v-model="dateValue"
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<up-loading-page <up-loading-page
@ -911,4 +926,32 @@ onMounted(async () => {
} }
} }
} }
.handle-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: -10%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>

61
src/pages/qualityInspection/components/addAndEditForm.vue
View File

@ -14,11 +14,13 @@
<up-input <up-input
readonly readonly
border="none" border="none"
style="position: relative"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
v-model="addAndEditModel.proName" v-model="addAndEditModel.proName"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -40,11 +42,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.majorName" v-model="addAndEditModel.majorName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -68,11 +72,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.gxName" v-model="addAndEditModel.gxName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -105,12 +111,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.vioDate" v-model="addAndEditModel.vioDate"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(1)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -131,12 +140,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.rectDate" v-model="addAndEditModel.rectDate"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(2)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -205,12 +217,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.rectTime" v-model="addAndEditModel.rectTime"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(3)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -302,25 +317,31 @@
keyName="name" keyName="name"
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
closeOnClickOverlay
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
:show="procedureShow" :show="procedureShow"
:columns="procedureList" :columns="procedureList"
closeOnClickOverlay
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
v-model="dateValue" v-model="dateValue"
closeOnClickOverlay
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<up-loading-page <up-loading-page
@ -1175,4 +1196,32 @@ watch(
overflow: hidden; overflow: hidden;
} }
} }
.handle-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: -10%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>

50
src/pages/safetyMeasure/components/addAndEditForm.vue
View File

@ -14,11 +14,13 @@
<up-input <up-input
readonly readonly
border="none" border="none"
style="position: relative"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
v-model="addAndEditModel.proName" v-model="addAndEditModel.proName"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -40,11 +42,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.majorName" v-model="addAndEditModel.majorName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -68,11 +72,13 @@
<up-input <up-input
border="none" border="none"
readonly readonly
style="position: relative"
v-model="addAndEditModel.gxName" v-model="addAndEditModel.gxName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -104,12 +110,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.checkDate" v-model="addAndEditModel.checkDate"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(1)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -212,25 +221,31 @@
keyName="name" keyName="name"
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
closeOnClickOverlay
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
closeOnClickOverlay
:show="procedureShow" :show="procedureShow"
:columns="procedureList" :columns="procedureList"
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
v-model="dateValue" v-model="dateValue"
closeOnClickOverlay
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<up-loading-page <up-loading-page
@ -910,4 +925,31 @@ onMounted(async () => {
overflow: hidden; overflow: hidden;
} }
} }
.handle-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: -10%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>

69
src/pages/safetyViolations/components/addAndEditForm.vue
View File

@ -14,11 +14,13 @@
<up-input <up-input
readonly readonly
border="none" border="none"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
v-model="addAndEditModel.proName" v-model="addAndEditModel.proName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
style="position: relative"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProject" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -38,13 +40,15 @@
</up-form-item> </up-form-item>
<up-form-item prop="majorName" label="专业"> <up-form-item prop="majorName" label="专业">
<up-input <up-input
border="none"
readonly readonly
border="none"
style="position: relative"
v-model="addAndEditModel.majorName" v-model="addAndEditModel.majorName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectMajor" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -66,13 +70,15 @@
</up-form-item> </up-form-item>
<up-form-item prop="gxName" label="工序"> <up-form-item prop="gxName" label="工序">
<up-input <up-input
border="none"
readonly readonly
border="none"
style="position: relative"
v-model="addAndEditModel.gxName" v-model="addAndEditModel.gxName"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectProcedure" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -105,12 +111,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.vioDate" v-model="addAndEditModel.vioDate"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择违章日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择违章日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(1)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -132,11 +141,14 @@
readonly readonly
border="none" border="none"
inputAlign="right" inputAlign="right"
class="time-input"
style="position: relative"
v-model="addAndEditModel.rectDate" v-model="addAndEditModel.rectDate"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(2)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -155,8 +167,8 @@
</up-form-item> </up-form-item>
<up-form-item prop="vioPlace" label="违章地点" required> <up-form-item prop="vioPlace" label="违章地点" required>
<up-input <up-input
border="none"
clearable clearable
border="none"
v-model="addAndEditModel.vioPlace" v-model="addAndEditModel.vioPlace"
:readonly="props.addAndEditFormType == 3" :readonly="props.addAndEditFormType == 3"
:placeholder="props.addAndEditFormType == 3 ? '' : '请输入违章地点'" :placeholder="props.addAndEditFormType == 3 ? '' : '请输入违章地点'"
@ -206,12 +218,15 @@
<up-input <up-input
readonly readonly
border="none" border="none"
class="time-input"
inputAlign="right" inputAlign="right"
style="position: relative"
v-model="addAndEditModel.rectTime" v-model="addAndEditModel.rectTime"
:placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'" :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'"
> >
<template #suffix v-if="props.addAndEditFormType != 3"> <template #suffix v-if="props.addAndEditFormType != 3">
<view style="display: flex"> <view class="handle-box">
<view @tap="onSelectDate(3)" class="select-project-area">1</view>
<up-icon <up-icon
name="close-circle-fill" name="close-circle-fill"
style="margin-right: 12rpx" style="margin-right: 12rpx"
@ -304,25 +319,31 @@
keyName="name" keyName="name"
:show="majorShow" :show="majorShow"
:columns="majorList" :columns="majorList"
closeOnClickOverlay
@confirm="onConfirmMajor" @confirm="onConfirmMajor"
@cancel="majorShow = !majorShow" @cancel="majorShow = !majorShow"
@close="majorShow = !majorShow"
/> />
<!-- 工序选择器 --> <!-- 工序选择器 -->
<up-picker <up-picker
keyName="name" keyName="name"
:show="procedureShow" :show="procedureShow"
closeOnClickOverlay
:columns="procedureList" :columns="procedureList"
@confirm="onConfirmProcedure" @confirm="onConfirmProcedure"
@cancel="procedureShow = !procedureShow" @cancel="procedureShow = !procedureShow"
@close="procedureShow = !procedureShow"
/> />
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<up-datetime-picker <up-datetime-picker
mode="date" mode="date"
:show="dateShow" :show="dateShow"
closeOnClickOverlay
v-model="dateValue" v-model="dateValue"
:formatter="formatter" :formatter="formatter"
@confirm="onConfirmDate" @confirm="onConfirmDate"
@cancel="dateShow = !dateShow" @cancel="dateShow = !dateShow"
@close="dateShow = !dateShow"
/> />
<up-loading-page <up-loading-page
@ -1259,4 +1280,32 @@ onMounted(async () => {
::v-deep .hide-cursor .u-input__input { ::v-deep .hide-cursor .u-input__input {
caret-color: transparent; caret-color: transparent;
} }
.handle-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
left: 0;
// bottom: 0;
z-index: 100;
display: flex;
align-items: center;
.select-project-area {
flex: 1;
color: transparent;
}
}
::v-deep .time-input .uni-input-placeholder {
position: absolute !important;
left: -10%;
z-index: 100;
}
::v-deep .time-input .uni-input-input {
right: 20%;
}
</style> </style>