退料任务增加已签未签字段,以及筛选
This commit is contained in:
parent
1bed6f17db
commit
e7a7b610ba
|
|
@ -26,7 +26,19 @@
|
|||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24" class="search-form">
|
||||
<uni-col :span="16">
|
||||
<!-- 新增签字状态筛选 -->
|
||||
<uni-col :span="6">
|
||||
<view>
|
||||
<uni-data-select
|
||||
v-model="queryParams.isSign"
|
||||
:localdata="signOptions"
|
||||
@change="getTableList(true)"
|
||||
placeholder="请选择签字状态"
|
||||
:clear="false"
|
||||
></uni-data-select>
|
||||
</view>
|
||||
</uni-col>
|
||||
<uni-col :span="10">
|
||||
<view>
|
||||
<uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord"/>
|
||||
</view>
|
||||
|
|
@ -45,9 +57,26 @@
|
|||
<div class="title">
|
||||
<span class="code">{{ item.code }}</span>
|
||||
<div class="status-tag">
|
||||
<!-- 任务状态标签 -->
|
||||
<uni-tag v-if="item.taskStatus == 0" text="未完成" type="warning" custom-style="warningStyle"/>
|
||||
<uni-tag v-if="item.taskStatus == 1" text="已驳回" type="warning" custom-style="warningStyle"/>
|
||||
<uni-tag v-if="item.taskStatus == 2" text="已完成" type="success" custom-style="successStyle"/>
|
||||
|
||||
<!-- 签字状态标签(所有状态都显示) -->
|
||||
<uni-tag
|
||||
v-if="item.backSignUrl"
|
||||
text="已签字"
|
||||
type="primary"
|
||||
custom-style="primaryStyle"
|
||||
style="margin-left: 10rpx;"
|
||||
/>
|
||||
<uni-tag
|
||||
v-if="!item.backSignUrl"
|
||||
text="未签字"
|
||||
type="error"
|
||||
custom-style="errorStyle"
|
||||
style="margin-left: 10rpx;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
|
|
@ -122,12 +151,19 @@ const total = ref(0) // 数据总量
|
|||
const active = ref(1) // tap索引
|
||||
const tableList = ref([]) // 列表数据源
|
||||
const dateArray = ref([]) // 日期范围
|
||||
// 签字状态选项
|
||||
const signOptions = ref([
|
||||
{ value: 0, text: "全部" },
|
||||
{ value: 1, text: "未签字" },
|
||||
{ value: 2, text: "已签字" }
|
||||
]);
|
||||
// 查询参数
|
||||
const queryParams = ref({
|
||||
startTime: '', // 开始时间
|
||||
endTime: '', // 结束时间
|
||||
keyWord: '', // 关键字
|
||||
appTaskStatus: 0,
|
||||
isSign: 0, // 默认显示全部
|
||||
pageNum: 1,
|
||||
pageSize: 5,
|
||||
})
|
||||
|
|
@ -323,6 +359,20 @@ const warningStyle = {
|
|||
border: '2rpx solid rgba(250, 140, 22, 0.2)',
|
||||
fontWeight: '600'
|
||||
}
|
||||
|
||||
const primaryStyle = {
|
||||
color: '#1890ff',
|
||||
backgroundColor: 'rgba(24, 144, 255, 0.1)',
|
||||
border: '2rpx solid rgba(24, 144, 255, 0.2)',
|
||||
fontWeight: '600'
|
||||
}
|
||||
|
||||
const errorStyle = {
|
||||
color: '#f5222d',
|
||||
backgroundColor: 'rgba(245, 34, 45, 0.1)',
|
||||
border: '2rpx solid rgba(245, 34, 45, 0.2)',
|
||||
fontWeight: '600'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -404,6 +454,41 @@ const warningStyle = {
|
|||
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.uni-data-select) {
|
||||
.uni-select {
|
||||
background-color: #f7f8fa;
|
||||
border: 2rpx solid #e8e8e8;
|
||||
border-radius: 12rpx;
|
||||
height: 80rpx;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:focus-within {
|
||||
border-color: #3784fb;
|
||||
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
||||
}
|
||||
|
||||
.uni-select__input-text {
|
||||
line-height: 80rpx;
|
||||
padding-left: 24rpx;
|
||||
}
|
||||
|
||||
.uni-select__selector {
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
|
||||
|
||||
.uni-select__selector-item {
|
||||
padding: 20rpx 24rpx;
|
||||
|
||||
&.selected {
|
||||
color: #3784fb;
|
||||
background-color: rgba(55, 132, 251, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.uni-date) {
|
||||
width: 100%;
|
||||
|
||||
|
|
@ -530,6 +615,11 @@ const warningStyle = {
|
|||
color: transparent;
|
||||
}
|
||||
|
||||
.status-tag {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cont {
|
||||
:deep(.uni-tag) {
|
||||
padding: 6rpx 20rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue