|
|
|
|
@ -5,7 +5,7 @@ |
|
|
|
|
<div> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="公司" |
|
|
|
|
placeholder="任务父类" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
@ -18,7 +18,7 @@ |
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="公司" |
|
|
|
|
placeholder="任务种类" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
@ -31,7 +31,7 @@ |
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="公司" |
|
|
|
|
placeholder="当前责任人" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
@ -44,7 +44,7 @@ |
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="公司" |
|
|
|
|
placeholder="管理部门" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
@ -55,30 +55,87 @@ |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<el-input |
|
|
|
|
:rows="18" |
|
|
|
|
v-model="searchForm.name" |
|
|
|
|
placeholder="请输入" |
|
|
|
|
class="search-input" |
|
|
|
|
></el-input> |
|
|
|
|
<el-button class="search-btn" @click="searchHandle(1)" |
|
|
|
|
>查询</el-button |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="任务级别" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in conpanyList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="审批状态" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in conpanyList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.company" |
|
|
|
|
placeholder="发起人" |
|
|
|
|
class="search-select" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in conpanyList" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<el-date-picker |
|
|
|
|
style="width: 314px; margin-right: 20px" |
|
|
|
|
v-model="searchForm.timeArr" |
|
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
class="search-picker" |
|
|
|
|
type="datetimerange" |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="创建开始日期" |
|
|
|
|
end-placeholder="创建结束日期" |
|
|
|
|
></el-date-picker> |
|
|
|
|
</div> |
|
|
|
|
<div class="search-line"> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<el-date-picker |
|
|
|
|
style="width: 314px; margin-right: 20px" |
|
|
|
|
v-model="searchForm.timeArr" |
|
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
class="search-picker" |
|
|
|
|
type="datetimerange" |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
></el-date-picker> |
|
|
|
|
<el-button class="search-btn" @click="searchHandle(1)" |
|
|
|
|
>查询</el-button |
|
|
|
|
> |
|
|
|
|
<div class="search-reset" @click="searchHandle(2)"> |
|
|
|
|
<i class="el-icon-refresh-right" style="font-size: 20px"></i> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-button |
|
|
|
|
class="search-btn" |
|
|
|
|
style="margin: 0; background: #2ee27c" |
|
|
|
|
@click="exportHandle" |
|
|
|
|
>导出</el-button |
|
|
|
|
> |
|
|
|
|
<div class="search-reset" @click="searchHandle(2)"> |
|
|
|
|
<i class="el-icon-refresh-right" style="font-size: 20px"></i> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
<div style="margin-top:30px;"> |
|
|
|
|
<div style="margin-top: 30px"> |
|
|
|
|
<avue-crud |
|
|
|
|
id="avue-id" |
|
|
|
|
ref="crud" |
|
|
|
|
@ -143,12 +200,12 @@ export default { |
|
|
|
|
}, |
|
|
|
|
// 查询重置 |
|
|
|
|
searchHandle(index) { |
|
|
|
|
if(index === 1) { |
|
|
|
|
if (index === 1) { |
|
|
|
|
// 查询 |
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
// 重置 |
|
|
|
|
} |
|
|
|
|
this.onLoad() |
|
|
|
|
this.onLoad(); |
|
|
|
|
}, |
|
|
|
|
// 导出 |
|
|
|
|
exportHandle() {}, |
|
|
|
|
@ -157,8 +214,13 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.search { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
// display: flex; |
|
|
|
|
// justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
.search-line { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
.search-select { |
|
|
|
|
width: 150px; |
|
|
|
|
@ -176,9 +238,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
.search-reset { |
|
|
|
|
width: 46px; |
|
|
|
|
height: 46px !important; |
|
|
|
|
height: 44px !important; |
|
|
|
|
background: #ff9130; |
|
|
|
|
margin-left: 20px; |
|
|
|
|
color: #fff; |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 46px; |
|
|
|
|
|