提交 d795ee89 authored 作者: lidongxu's avatar lidongxu

Merge branch 'release' into dev

...@@ -6,9 +6,17 @@ ...@@ -6,9 +6,17 @@
@click-left="router.back()"> @click-left="router.back()">
</van-nav-bar> </van-nav-bar>
<div class="content"> <div class="content">
<p class="title">稽查任务:</p> <!-- <p class="title">稽查任务:</p> -->
<!-- 终端名称 --> <!-- 终端名称 -->
<div class="terminal-wrap"> <div class="terminal-wrap">
<div class="terminal-name">
<span>终端名称:</span>
<van-field v-model="form.storeName"
placeholder="请输入终端名"
@change="handleStoreNameChange"
class="store-name-input" />
</div>
<div class="img-info">
<div> <div>
<van-image fit="scale-down" <van-image fit="scale-down"
width="2.25rem" width="2.25rem"
...@@ -17,17 +25,14 @@ ...@@ -17,17 +25,14 @@
@click="previewStoreImage"></van-image> @click="previewStoreImage"></van-image>
</div> </div>
<div class="terminal-info"> <div class="terminal-info">
<div class="terminal-name">
<span>终端名称:</span>
<van-field v-model="form.storeName"
placeholder="请输入终端名"
@change="handleStoreNameChange" />
</div>
<p>终端编码:P0500052306</p> <p>终端编码:P0500052306</p>
<p>经销商:秦皇岛红朗森商贸有限公司</p> <p>经销商:秦皇岛红朗森商贸有限公司</p>
<p>地址:河北省秦皇岛市海港区北环路街道秦皇岛冻结附录</p> <p>地址:河北省秦皇岛市海港区北环路街道秦皇岛冻结附录</p>
</div> </div>
</div> </div>
</div>
<!-- 地址 --> <!-- 地址 -->
<div class="location-wrap"> <div class="location-wrap">
<van-icon name="location-o" <van-icon name="location-o"
...@@ -473,13 +478,8 @@ const deleteLongTimePictureArr = async (file, { name, index }) => { ...@@ -473,13 +478,8 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: flex; display: flex;
gap: 20px;
.terminal-info {
flex: 1;
display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; gap: 20px;
.terminal-name { .terminal-name {
color: black; color: black;
...@@ -490,21 +490,41 @@ const deleteLongTimePictureArr = async (file, { name, index }) => { ...@@ -490,21 +490,41 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
span { span {
display: inline-block; display: inline-block;
width: 120px; width: 100px;
} }
.van-cell { .van-cell {
padding: 0; padding: 0;
} }
.store-name-input {
::v-deep(input) {
border-bottom: 1px solid gray;
}
}
} }
.img-info {
display: flex;
gap: 20px;
.terminal-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
p { p {
font-size: 14px; font-size: 14px;
margin: 0; margin: 5px;
color: #a1a1a1; color: #a1a1a1;
&:first-child {
margin-top: 0;
}
}
} }
} }
} }
......
...@@ -50,29 +50,21 @@ ...@@ -50,29 +50,21 @@
position="right" position="right"
class="wrap"> class="wrap">
<van-nav-bar title="筛选条件" /> <van-nav-bar title="筛选条件" />
<van-field type="text" <van-field type="text">
label="任务名称"
label-align="left"
label-width="1.5rem"
placeholder="请输入">
<template #input> <template #input>
<van-search v-model="query.storeName" <van-search v-model="query.storeName"
placeholder="请输入勤策终端编码/名称" placeholder="输入搜索的勤策终端编码/名称"
@update:model-value="search" @update:model-value="search"
class="search-bar" /> class="search-bar" />
</template> </template>
</van-field> </van-field>
<!-- 日期区间 --> <!-- 日期区间 -->
<van-field type="text" <van-field type="text">
label="任务日期"
label-align="left"
label-width="1.5rem"
placeholder="请输入">
<template #input> <template #input>
<el-date-picker v-model="query.operDate" <el-date-picker v-model="query.operDate"
type="date" type="date"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
placeholder="选择日期" placeholder="输入搜索的日期"
@change="getInspectionTaskListFn" /> @change="getInspectionTaskListFn" />
</template> </template>
</van-field> </van-field>
...@@ -266,6 +258,7 @@ const deleteFn = async (item, index) => { ...@@ -266,6 +258,7 @@ const deleteFn = async (item, index) => {
align-items: center; align-items: center;
.search-bar { .search-bar {
width: 100%;
padding: 0; padding: 0;
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论