退料任务增加已签未签字段,以及筛选
This commit is contained in:
parent
1bed6f17db
commit
e7a7b610ba
|
|
@ -26,7 +26,19 @@
|
||||||
</uni-col>
|
</uni-col>
|
||||||
</uni-row>
|
</uni-row>
|
||||||
<uni-row :gutter="24" class="search-form">
|
<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>
|
<view>
|
||||||
<uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord"/>
|
<uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord"/>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -45,9 +57,26 @@
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span class="code">{{ item.code }}</span>
|
<span class="code">{{ item.code }}</span>
|
||||||
<div class="status-tag">
|
<div class="status-tag">
|
||||||
|
<!-- 任务状态标签 -->
|
||||||
<uni-tag v-if="item.taskStatus == 0" text="未完成" type="warning" custom-style="warningStyle"/>
|
<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 == 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.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>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
@ -122,12 +151,19 @@ const total = ref(0) // 数据总量
|
||||||
const active = ref(1) // tap索引
|
const active = ref(1) // tap索引
|
||||||
const tableList = ref([]) // 列表数据源
|
const tableList = ref([]) // 列表数据源
|
||||||
const dateArray = ref([]) // 日期范围
|
const dateArray = ref([]) // 日期范围
|
||||||
|
// 签字状态选项
|
||||||
|
const signOptions = ref([
|
||||||
|
{ value: 0, text: "全部" },
|
||||||
|
{ value: 1, text: "未签字" },
|
||||||
|
{ value: 2, text: "已签字" }
|
||||||
|
]);
|
||||||
// 查询参数
|
// 查询参数
|
||||||
const queryParams = ref({
|
const queryParams = ref({
|
||||||
startTime: '', // 开始时间
|
startTime: '', // 开始时间
|
||||||
endTime: '', // 结束时间
|
endTime: '', // 结束时间
|
||||||
keyWord: '', // 关键字
|
keyWord: '', // 关键字
|
||||||
appTaskStatus: 0,
|
appTaskStatus: 0,
|
||||||
|
isSign: 0, // 默认显示全部
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 5,
|
pageSize: 5,
|
||||||
})
|
})
|
||||||
|
|
@ -323,6 +359,20 @@ const warningStyle = {
|
||||||
border: '2rpx solid rgba(250, 140, 22, 0.2)',
|
border: '2rpx solid rgba(250, 140, 22, 0.2)',
|
||||||
fontWeight: '600'
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
@ -404,6 +454,41 @@ const warningStyle = {
|
||||||
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
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) {
|
:deep(.uni-date) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|
@ -530,6 +615,11 @@ const warningStyle = {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.status-tag {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.cont {
|
.cont {
|
||||||
:deep(.uni-tag) {
|
:deep(.uni-tag) {
|
||||||
padding: 6rpx 20rpx;
|
padding: 6rpx 20rpx;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue