|
|
@@ -6,7 +6,6 @@
|
|
|
<el-form-item class="full-width" label="项目名称">
|
|
|
<el-input
|
|
|
v-model="form.projectName"
|
|
|
- clearable
|
|
|
placeholder="输入项目关键字"
|
|
|
prefix-icon="Search"
|
|
|
/>
|
|
|
@@ -15,8 +14,6 @@
|
|
|
<el-form-item class="full-width" label="是否开工">
|
|
|
<el-select
|
|
|
v-model="form.isStart"
|
|
|
- clearable
|
|
|
- placeholder="选择项目分类"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in start"
|
|
|
@@ -29,8 +26,6 @@
|
|
|
<el-form-item class="full-width" label="是否入库">
|
|
|
<el-select
|
|
|
v-model="form.isStorage"
|
|
|
- clearable
|
|
|
- placeholder="选择项目分类"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in storage"
|
|
|
@@ -43,53 +38,24 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flex flex-col ml-20 mr-15">
|
|
|
- <el-form-item class="full-width" label="分类筛选">
|
|
|
- <el-select
|
|
|
- v-model="form.typeId"
|
|
|
- clearable
|
|
|
- placeholder="选择项目分类"
|
|
|
- style="width: 100%">
|
|
|
- <el-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <div class="flex flex-center">
|
|
|
- <el-form-item class="full-width" label="总投资额">
|
|
|
- <el-select
|
|
|
- v-model="form.amount"
|
|
|
- clearable
|
|
|
- @change="changeAmount"
|
|
|
- placeholder="选择投资额度"
|
|
|
- style="width: 100%">
|
|
|
- <el-option
|
|
|
- v-for="item in totalAmount"
|
|
|
- :key="item.value"
|
|
|
- :label="item.name"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="full-width" label="机构选择">
|
|
|
- <div class="grey-9 pointer chose-box" @click="getOrg">
|
|
|
- 选择机构
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="flex flex-center flex-justify-end"
|
|
|
- style="width: 70%;margin-left: 120px">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="flex flex-col">
|
|
|
+ <!-- <el-form-item class="full-width" label="分类筛选">-->
|
|
|
+ <!-- <el-select-->
|
|
|
+ <!-- v-model="form.typeId"-->
|
|
|
+ <!-- clearable-->
|
|
|
+ <!-- placeholder="选择项目分类"-->
|
|
|
+ <!-- style="width: 100%">-->
|
|
|
+ <!-- <el-option-->
|
|
|
+ <!-- v-for="item in typeList"-->
|
|
|
+ <!-- :key="item.id"-->
|
|
|
+ <!-- :label="item.name"-->
|
|
|
+ <!-- :value="item.id"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
<div class="flex flex-center ">
|
|
|
<el-form-item class="full-width" label="省重点">
|
|
|
<el-select
|
|
|
v-model="form.isImportant"
|
|
|
- clearable
|
|
|
- placeholder="选择项目分类"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in isimport"
|
|
|
@@ -102,8 +68,6 @@
|
|
|
<el-form-item class="full-width" label="省集中开工">
|
|
|
<el-select
|
|
|
v-model="form.isFocusStart"
|
|
|
- clearable
|
|
|
- placeholder="选择项目分类"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in isfocus"
|
|
|
@@ -114,7 +78,33 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div class="flex flex-align-center flex-justify-end ">
|
|
|
+ <div class="flex flex-center flex-justify-between">
|
|
|
+ <el-form-item class="full-width " label="总投资额">
|
|
|
+ <el-select
|
|
|
+ v-model="form.amount"
|
|
|
+ @change="changeAmount"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in totalAmount"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="full-width" label="机构选择">
|
|
|
+ <div class="grey-9 pointer chose-box nowrap" @click="getOrg">
|
|
|
+ 选择机构
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-center flex-justify-end">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col flex-justify-between">
|
|
|
+ <div></div>
|
|
|
+ <div class="flex flex-align-center flex-justify-end ml-10" style="margin-bottom: 18px">
|
|
|
<base-button class="pointer " icon="Delete" title="清空" type="0" width="130" @click="clear"/>
|
|
|
<base-button class="pointer ml-20" width="130" @click="sure"/>
|
|
|
</div>
|
|
|
@@ -161,16 +151,16 @@
|
|
|
|
|
|
<script>
|
|
|
import baseButton from '../../../components/base-button.vue'
|
|
|
-import { useStore } from '@/store/user.js'
|
|
|
+import {useStore} from '@/store/user.js'
|
|
|
|
|
|
export default {
|
|
|
name: 'owner_serach',
|
|
|
- components: { baseButton },
|
|
|
- setup () {
|
|
|
+ components: {baseButton},
|
|
|
+ setup() {
|
|
|
const user = useStore()
|
|
|
- return { user }
|
|
|
+ return {user}
|
|
|
},
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
deptList: [],
|
|
|
form: {
|
|
|
@@ -244,19 +234,19 @@ export default {
|
|
|
checked: false
|
|
|
}
|
|
|
},
|
|
|
- created () {
|
|
|
+ created() {
|
|
|
this.getTypeList()
|
|
|
},
|
|
|
methods: {
|
|
|
- getTypeList () {
|
|
|
+ getTypeList() {
|
|
|
this.$api.project.typeList().then(res => {
|
|
|
this.typeList = res.data.records
|
|
|
})
|
|
|
},
|
|
|
- sure () {
|
|
|
+ sure() {
|
|
|
this.$bus.emit('serach', this.form)
|
|
|
},
|
|
|
- clear () {
|
|
|
+ clear() {
|
|
|
this.form.projectName = ''
|
|
|
this.form.typeId = ''
|
|
|
this.form.isStorage = ''
|
|
|
@@ -268,15 +258,15 @@ export default {
|
|
|
this.form.deptId = ''
|
|
|
this.$bus.emit('serach', this.form)
|
|
|
},
|
|
|
- changeAmount () {
|
|
|
+ changeAmount() {
|
|
|
const tmps = this.form.amount.split(',')
|
|
|
console.log(tmps)
|
|
|
this.form.totalAmountMin = tmps[0] === '-' ? '' : tmps[0]
|
|
|
this.form.totalAmountMax = tmps[1] === '-' ? '' : tmps[1]
|
|
|
},
|
|
|
- getOrg () {
|
|
|
+ getOrg() {
|
|
|
const parentId = [1, 2].includes(this.user.info.viewStage) ? this.user.info.parentDeptId : this.user.info.deptId
|
|
|
- this.$api.system.getDeptLazy({ parentId }).then(res => {
|
|
|
+ this.$api.system.getDeptLazy({parentId}).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
this.showOrg = true
|
|
|
this.deptList = res.data.map(e => {
|
|
|
@@ -288,10 +278,10 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- changeChecked (index) {
|
|
|
+ changeChecked(index) {
|
|
|
this.deptList[index].checked = !this.deptList[index].checked
|
|
|
},
|
|
|
- orgCheck () {
|
|
|
+ orgCheck() {
|
|
|
const checked = this.deptList.filter(sub => sub.checked)
|
|
|
this.form.deptId = checked.map(sub => sub.id).join(',')
|
|
|
this.showOrg = false
|
|
|
@@ -310,9 +300,9 @@ export default {
|
|
|
}
|
|
|
|
|
|
.chose-box {
|
|
|
- width: 195px;
|
|
|
+ width: 100%;
|
|
|
border: 1px solid #DDDFE6;
|
|
|
- border-radius: 5px
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
.grid {
|