|
|
@@ -37,7 +37,7 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
|
|
<el-form-item label="分公司" prop="branchCompany">
|
|
|
- <el-input v-model="searchForm.branchCompany" placeholder="请输入分公司"
|
|
|
+ <el-input v-model="searchForm.branchCompany" placeholder="请输入分公司"
|
|
|
clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -78,21 +78,21 @@
|
|
|
|
|
|
<!-- 日期选择区域 -->
|
|
|
<el-row :gutter="20" class="date-row">
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
<el-form-item label="发布时间" prop="publishDate">
|
|
|
<el-date-picker v-model="searchForm.publishDate" type="daterange"
|
|
|
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
<el-form-item label="开标日期" prop="bidOpeningDate">
|
|
|
<el-date-picker v-model="searchForm.bidOpeningDate" type="daterange"
|
|
|
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
<el-form-item label="入库时间" prop="storageDate">
|
|
|
<el-date-picker v-model="searchForm.storageDate" type="daterange"
|
|
|
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
@@ -194,7 +194,7 @@
|
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</template>
|
|
|
- </el-dropdown> -->
|
|
|
+ </el-dropdown> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
@@ -392,7 +392,7 @@ export default {
|
|
|
console.log('分页参数:', this.queryParams);
|
|
|
console.log('搜索条件:', this.searchForm);
|
|
|
this.tableLoading = true;
|
|
|
-
|
|
|
+
|
|
|
// 构建请求参数
|
|
|
const requestParams = {
|
|
|
...this.queryParams,
|
|
|
@@ -405,7 +405,7 @@ export default {
|
|
|
dataSource: this.searchForm.dataSource,
|
|
|
customerGroup: this.searchForm.customerGroup,
|
|
|
announcementType: this.searchForm.announcementType,
|
|
|
-
|
|
|
+
|
|
|
// 日期范围条件
|
|
|
publishTimeStart: this.searchForm.publishDate ? this.searchForm.publishDate[0] : '',
|
|
|
publishTimeEnd: this.searchForm.publishDate ? this.searchForm.publishDate[1] : '',
|
|
|
@@ -414,7 +414,7 @@ export default {
|
|
|
createTimeStart: this.searchForm.storageDate ? this.searchForm.storageDate[0] : '',
|
|
|
createTimeEnd: this.searchForm.storageDate ? this.searchForm.storageDate[1] : ''
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
/**
|
|
|
* @description: 获取公开市场列表
|
|
|
* @param {*}
|
|
|
@@ -439,7 +439,7 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
.search-container {
|
|
|
background-color: #fff;
|
|
|
padding: 20px;
|
|
|
@@ -448,8 +448,13 @@ export default {
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
|
|
|
-.search-form {
|
|
|
+::v-deep .search-form {
|
|
|
margin-bottom: 0;
|
|
|
+ .el-date-editor {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* el-range-editor el-input__inner el-date-editor--daterange el-range-editor--medium */
|
|
|
}
|
|
|
|
|
|
.search-form .el-form-item {
|
|
|
@@ -458,10 +463,27 @@ export default {
|
|
|
|
|
|
/* 统一搜索表单中输入控件的宽度 */
|
|
|
.search-form .el-input,
|
|
|
-.search-form .el-select {
|
|
|
+.search-form .el-select,
|
|
|
+.search-form .el-date-picker {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
+/* 日期选择区域的响应式调整 */
|
|
|
+.date-row {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保在小屏幕上标签和输入框正确显示 */
|
|
|
+@media screen and (max-width: 768px) {
|
|
|
+ .search-form {
|
|
|
+ label-width: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-form .el-form-item__label {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.list-container {
|
|
|
background-color: #fff;
|
|
|
padding: 20px;
|