西海岸能力集市左侧联调地图
This commit is contained in:
parent
e818e901ac
commit
0328893a11
|
|
@ -0,0 +1,336 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.guoyue
|
||||||
|
* @LastEditors: hisense.guoyue
|
||||||
|
* @LastEditTime: 2022-09-27 14:23:29
|
||||||
|
* @Description: 设备审批
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill" style="position: relative">
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
累计节省财政资金约{{ saveMoney }}万元
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
注：资源参考价格由部门提供或参考市场价格设定
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-form :inline="true">
|
||||||
|
<el-form-item>
|
||||||
|
<span>日期：</span>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dataList"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!--提供部门-->
|
||||||
|
<el-form-item>
|
||||||
|
<span>提供部门：</span>
|
||||||
|
<el-select
|
||||||
|
v-model="dataForm.offerDepartment"
|
||||||
|
placeholder="请选择提供部门"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option label="全部" value=""></el-option>
|
||||||
|
<el-option
|
||||||
|
v-for="item in offerDepartSelects"
|
||||||
|
:key="item.label"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
v-bind="item"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!--申请部门-->
|
||||||
|
<el-form-item>
|
||||||
|
<span>申请部门：</span>
|
||||||
|
<el-select
|
||||||
|
v-model="dataForm.applyDepartment"
|
||||||
|
placeholder="请选择申请部门"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option label="全部" value=""></el-option>
|
||||||
|
<el-option
|
||||||
|
v-for="item in applyDepartSelects"
|
||||||
|
:key="item.label"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
v-bind="item"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!--类型-->
|
||||||
|
<el-form-item>
|
||||||
|
<span>类型：</span>
|
||||||
|
<el-select
|
||||||
|
@change="changeIiem"
|
||||||
|
v-model="dataForm.type"
|
||||||
|
placeholder="请选择类型"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option label="全部" value=""></el-option>
|
||||||
|
<el-option
|
||||||
|
v-for="(item, i) in typeOptions"
|
||||||
|
:key="`${item.name}${i}`"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.name"
|
||||||
|
v-bind="item"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<!--名称-->
|
||||||
|
<el-form-item>
|
||||||
|
<span>名称：</span>
|
||||||
|
<el-input
|
||||||
|
style="width: 80%"
|
||||||
|
v-model="dataForm.name"
|
||||||
|
placeholder="请输入资源名称"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-form :inline="true" style="margin-right: 40px">
|
||||||
|
<!--操作按钮查询-->
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="init()">{{
|
||||||
|
$t("query")
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<!--操作按钮重置-->
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetDataList()">{{
|
||||||
|
$t("reset")
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 导出 -->
|
||||||
|
<a
|
||||||
|
class="export"
|
||||||
|
:href="
|
||||||
|
exportExcel +
|
||||||
|
exportExcelType +
|
||||||
|
'?' +
|
||||||
|
exportExcelCondition +
|
||||||
|
'&token=' +
|
||||||
|
token
|
||||||
|
"
|
||||||
|
>导出全部</a
|
||||||
|
>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
:header-cell-style="{ textAlign: 'center', height: '40px' }"
|
||||||
|
:cell-style="{ textAlign: 'center' }"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop="title"
|
||||||
|
label="序号"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="资源名称"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createDate"
|
||||||
|
label="类型"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="auditTime"
|
||||||
|
label="提供部门"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="auditTime"
|
||||||
|
label="提供部门"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="auditTime"
|
||||||
|
label="申请部门"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="auditTime"
|
||||||
|
label="申请时间"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="auditTime"
|
||||||
|
label="参考价格(元)"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
layout="total, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
:page-size="pageSize"
|
||||||
|
:current-page="currentPage"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import Cookies from 'js-cookie'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
token: Cookies.get('ucsToken'),
|
||||||
|
//导出全部
|
||||||
|
exportExcelCondition: '',
|
||||||
|
exportExcelType: '',
|
||||||
|
saveMoney: 3243,
|
||||||
|
offerDepartSelects: [],
|
||||||
|
applyDepartSelects: [],
|
||||||
|
typeOptions: [
|
||||||
|
{ name: "智能算法", value: 1 },
|
||||||
|
{ name: "图层服务", value: 2 },
|
||||||
|
{ name: "开发组件", value: 3 },
|
||||||
|
{ name: "业务组件", value: 4 },
|
||||||
|
{ name: "应用资源", value: 5 },
|
||||||
|
], // 类型备选列表
|
||||||
|
dataList: [],
|
||||||
|
dataForm: {
|
||||||
|
// date: '',
|
||||||
|
startDate: "",
|
||||||
|
endDate: "",
|
||||||
|
offerDepartment: "",
|
||||||
|
applyDepartment: "",
|
||||||
|
type: "",
|
||||||
|
name: "",
|
||||||
|
},
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
init() {
|
||||||
|
if (this.value1 && this.value1.length > 0) {
|
||||||
|
this.dataForm.startDate = this.value1[0];
|
||||||
|
this.dataForm.endDate = this.value1[1];
|
||||||
|
} else {
|
||||||
|
this.dataForm.startDate = "";
|
||||||
|
this.dataForm.endDate = "";
|
||||||
|
}
|
||||||
|
let params = this.dataForm;
|
||||||
|
this.$http
|
||||||
|
.get("/census/center/v3/treeList/", {
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
this.tableData = res.data.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.currentPage = val;
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
resetDataList() {
|
||||||
|
this.dataList = [];
|
||||||
|
this.dataForm.startDate = "";
|
||||||
|
this.dataForm.endDate = "";
|
||||||
|
this.dataForm.type = "";
|
||||||
|
this.dataForm.name = "";
|
||||||
|
this.dataForm.applyDepartment = "";
|
||||||
|
this.dataForm.offerDepartment = "";
|
||||||
|
this.currentPage = 1;
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.$http.get("/sys/dept/all").then((res) => {
|
||||||
|
this.applyDepartSelects = [];
|
||||||
|
this.offerDepartSelects = [];
|
||||||
|
res.data.data.map((val) => {
|
||||||
|
this.applyDepartSelects.push({ label: val.name, value: val.id });
|
||||||
|
this.offerDepartSelects.push({ label: val.name, value: val.id });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.demand-text {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.area-text {
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip-box {
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
.export {
|
||||||
|
margin-top: 6px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 2px;
|
||||||
|
background: #fff;
|
||||||
|
border: 2px solid #dcdfe6;
|
||||||
|
color: #000;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #0058e1;
|
||||||
|
border-color: #0058e1;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.export:hover {
|
||||||
|
background: #65a5f9;
|
||||||
|
border-color: #65a5f9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -217,8 +217,7 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
const onSelect = async (item, val, child) => {
|
const onSelect = async (item, val, child) => {
|
||||||
|
|
||||||
let res = {}
|
let res = {}
|
||||||
mybus.emit('getCameraByParentId', val.id)
|
|
||||||
res = await getCameraInfoByAreaId({ areaId: val.id })
|
res = await getCameraInfoByAreaId({ areaId: val.id })
|
||||||
treeData.value.map((treeDataItem, index) => {
|
treeData.value.map((treeDataItem, index) => {
|
||||||
if (item.id == treeDataItem.id) {
|
if (item.id == treeDataItem.id) {
|
||||||
|
|
@ -231,12 +230,11 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
if (child) {
|
if (child) {
|
||||||
|
|
||||||
if(selectId.value===child.id){
|
if(selectId.value===child.id){
|
||||||
selectId.value=''
|
selectId.value=''
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
selectId.value = child.id
|
selectId.value = child.id
|
||||||
|
mybus.emit('getCameraByParentId', val.id)
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -245,11 +243,8 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(selectId, (newVal) => {
|
watch(selectId, (newVal) => {
|
||||||
|
|
||||||
if (newVal == '') {
|
if (newVal == '') {
|
||||||
mybus.emit('clearLeftSelect')
|
mybus.emit('clearLeftSelect')
|
||||||
// mybus.emit('getCameraByParentId', '')
|
|
||||||
// mybus.emit('getListByParentId', '')
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -268,13 +263,15 @@ export default defineComponent({
|
||||||
const showDown = (item, val) => {
|
const showDown = (item, val) => {
|
||||||
|
|
||||||
selectId.value = val.id
|
selectId.value = val.id
|
||||||
|
//mybus.emit('getCameraByParentId', val.id)
|
||||||
if (item.children) {
|
if (item.children) {
|
||||||
val.show = !val.show
|
val.show = !val.show
|
||||||
// 取消选中
|
// 取消选中
|
||||||
if (!val.show) {
|
if (!val.show) {
|
||||||
selectId.value = ''
|
selectId.value = ''
|
||||||
// mybus.emit('clearLeftSelect')
|
// mybus.emit('clearLeftSelect')
|
||||||
|
}else{
|
||||||
|
mybus.emit('getCameraByParentId', val.id)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue