Skip to content

M
mancheng_code
Commit 6b6e3953 by heshihao
Options

feat: 项目整体调整

parent 1edafe17
Showing with 166 additions and 360 deletions
src/utils/http.js
import router from '../router'
import axios from 'axios'
import { Message } from 'element-ui';
import router from "../router";
import axios from "axios";
import { Message } from "element-ui";
// console.log()
//1. 创建新的axios实例，
const service = axios.create({
// baseURL: '',
timeout: 2000 * 1000
})
let url = 'https://jincheng.industrychain.online'
timeout: 2000 * 1000,
});
let url = "";
// url = 'http://192.168.31.154:5000'
let baseURL = url
let baseURL1 = 'http://touzi.cjwltzj.taiyuan.gov.cn'
let baseURL2 = 'https://zysf-store.oss-cn-beijing.aliyuncs.com'
let baseURL3 = url
let baseURL4 = 'http://39.100.39.50:8006'
url = "https://mancheng.industrychain.online";
let baseURL = url;
let baseURL1 = "http://touzi.cjwltzj.taiyuan.gov.cn";
let baseURL2 = "https://zysf-store.oss-cn-beijing.aliyuncs.com";
let baseURL3 = url;
let baseURL4 = "http://39.100.39.50:8006";
// 2.请求拦截器
service.interceptors.request.use(config => {
service.interceptors.request.use(
(config) => {
switch (config.urlType) {
case 'api1':
case "api1":
config.url = baseURL1 + config.url;
break;
case 'api2':
case "api2":
config.url = baseURL2 + config.url;
break;
case 'api3':
case "api3":
config.url = baseURL3 + config.url;
break;
case 'api4':
case "api4":
config.url = baseURL4 + config.url;
break;
default:
......@@ -41,45 +43,49 @@ service.interceptors.request.use(config => {
// 'Content-Type': 'application/x-www-form-urlencoded' //配置请求头
// }
//注意使用token的时候需要引入cookie方法或者用本地localStorage等方法，推荐js-cookie
const token = localStorage.getItem('token') || '';//这里取token之前，你肯定需要先拿到token,存一下
const token = localStorage.getItem("token") || ""; //这里取token之前，你肯定需要先拿到token,存一下
if (token) {
// config.params = { 'token': token } //如果要求携带在参数中
config.headers.token = token; //如果要求携带在请求头中
}
return config
}, error => {
Promise.reject(error)
})
return config;
},
(error) => {
Promise.reject(error);
}
);
// 3.响应拦截器
service.interceptors.response.use(response => {
service.interceptors.response.use(
(response) => {
//接收到响应数据并成功后的一些共有的处理，关闭loading等
// console.log(response.data);
if (response.data.collect) {
return response.data
return response.data;
}
if (response.data.code == 0) {
return response.data.data || { success: 1, data: response.data }
return response.data.data || { success: 1, data: response.data };
}
if (response.data.code == 4101) {
router.replace({ path: '/login' })
Message.error('登录已过期,请重新登录')
return ''
router.replace({ path: "/login" });
Message.error("登录已过期,请重新登录");
return "";
}
if (response.data.code == 200) {
return response.data.data || { success: 1 }
return response.data.data || { success: 1 };
}
// if (response.data.code == 4002) {
// return response.data.data || { status: 2, msg: '请先登录' }
// }
if (response.data.code == 4104) {
return response.data.data || { success: 2, msg: '尚未绑定手机号', userinfo: response.data.user_info }
return response.data.data || { success: 2, msg: "尚未绑定手机号", userinfo: response.data.user_info };
} else {
// Message.error(response.data.msg)
return response.data.data || { success: 0, data: response.data }
return response.data.data || { success: 0, data: response.data };
}
}, error => {
},
(error) => {
console.log(error);
/***** 接收到异常响应的处理开始 *****/
if (error && error.response) {
......@@ -87,60 +93,60 @@ service.interceptors.response.use(response => {
// 2.根据响应码具体处理
switch (error.response.status) {
case 400:
error.message = '错误请求'
error.message = "错误请求";
break;
case 401:
error.message = '未授权，请重新登录'
error.message = "未授权，请重新登录";
break;
case 403:
error.message = '拒绝访问'
error.message = "拒绝访问";
break;
case 404:
error.message = '请求错误,未找到该资源'
error.message = "请求错误,未找到该资源";
// window.location.href = "/NotFound"
break;
case 405:
error.message = '请求方法未允许'
error.message = "请求方法未允许";
break;
case 408:
error.message = '请求超时'
error.message = "请求超时";
break;
case 500:
error.message = '服务器端出错'
error.message = "服务器端出错";
break;
case 501:
error.message = '网络未实现'
error.message = "网络未实现";
break;
case 502:
error.message = '网络错误'
error.message = "网络错误";
break;
case 503:
error.message = '服务不可用'
error.message = "服务不可用";
break;
case 504:
error.message = '网络超时'
error.message = "网络超时";
break;
case 505:
error.message = 'http版本不支持该请求'
error.message = "http版本不支持该请求";
break;
default:
error.message = `连接错误${error.response.status}`
error.message = `连接错误${error.response.status}`;
}
} else {
error.message = '连接服务器失败'
error.message = "连接服务器失败";
// 超时处理
if (JSON.stringify(error).includes('timeout')) {
error.message = '服务器响应超时，请刷新当前页'
if (JSON.stringify(error).includes("timeout")) {
error.message = "服务器响应超时，请刷新当前页";
// Message.error('服务器响应超时，请刷新当前页')
}
}
Message.error(error.message)
Message.error(error.message);
/***** 处理结束 *****/
//如果不需要错误处理，以上的处理过程都可省略
return Promise.resolve(error.response)
})
return Promise.resolve(error.response);
}
);
//4.导入文件
// export default service
......@@ -149,17 +155,16 @@ function get(url, params = {}, urlType) {
return service({
url,
params,
urlType
})
urlType,
});
}
function post(url, data, urlType) {
return service({
url,
method: 'post',
method: "post",
data,
urlType,
})
});
}
export default { post, get, service }
\ No newline at end of file
export default { post, get, service };
src/utils/industry.json
......@@ -2,105 +2,73 @@
{
"id": 1,
"industry_level": 1,
"name": "钢铁",
"name": "纸制品加工及卫品",
"img1": "gt-01.png",
"img2": "gt-02.png",
"span": "<p>钢铁是重工业的基础，典型资金密集、资源密集型产业。钢铁产业链上游以原材料为主，包括资源勘查、矿石采选、燃料，以及辅料、冶炼专用装备制造；中游环节主要是冶炼加工；下游环节包括钢铁物流运输、销售，以及应用行业。晋城市钢铁产业“两头在外”，主要围绕产业链中游冶炼加工展开，上游原材料矿石采购和下游钢铁应用即销售市场主要在省外。</p>"
"span": ""
},
{
"id": 2,
"industry_level": 1,
"name": "光机电",
"name": "文化旅游",
"img1": "gjd-01.png",
"img2": "gjd-02.png",
"span": "<p>光机电一体化是由光学、光电子学、电子信息和机械制造及其他相关技术交叉与融合构成的综合性高新技术，是诸多高新技术产业和高新技术装备的基础。光机电一体化包括产品和技术两方面：光机电一体化产品是集光学、机械、微电子、自动控制和通信技术于一体的高科技产品，功能丰富、附加值高；光机电一体化技术是指其技术原理和使光机电一体化产品得以实现、使用和发展的技术。光机电具体技术领域和细分产品较多，比如计算机辅助设计、信息处理技术、传感器技术、图像处理、影像显示等。晋城市光机电产业集中于光通讯、光学镜头、硬质合金、工业机器人等细分领域。</p>"
"span": ""
},
{
"id": 3,
"industry_level": 1,
"name": "煤层气",
"name": "轨道交通",
"img1": "mcq-01.png",
"img2": "mcq-02.png",
"span": "<p>煤层气是与煤伴生、共生的气体资源，指储存在煤层中的烃类气体，主要成分是高纯度甲烷（CH4），俗称“瓦斯”，属于非常规天然气，是洁净、优质能源和化工原料。</p><p>煤层气产业包括上游资源勘查与开采、中游储运和下游应用环节。上游资源勘查与开采分为资源勘查、资源开采两个部分，中游储运主要包括运输集气、储存与运输，下游应用主要包括民用燃气、车用燃气、发电燃气、工业燃气和化工原料。</p><p>晋城市是我国探索开发煤层气资源最早的试验区之一，第一口采气井于1994年在沁水县潘庄建成。经过近三十年的发展，已形成集煤层气勘探、开采、管输、液化压缩和利用等环节于一体的煤层气产业体系，建成了全国勘探开发程度最高、规模最大、产业链最完备的煤层气产业基地。</p>"
"span": ""
},
{
"id": 4,
"industry_level": 1,
"name": "装备制造",
"name": "新材料",
"img1": "zbzz-01.png",
"img2": "zbzz-02.png",
"span": "<p>装备制造业是为国民经济和国防建设提供各种技术装备的总称，是制造类产品的“工作母机”。装备制造业，以高新技术为引领，处于价值链高端和产业链核心环节，决定着地区产业体系综合竞争力的战略性新兴产业，是现代产业体系的脊梁，是推动工业转型升级的引擎。高端装备制造业具有技术密集、附加值高、成长空间大、带动作用强等突出特点，是衡量一个国家制造业发展水平和整体经济综合竞争实力的重要标志。</p><p>高端装备制造业产业链长且复杂，细分产业涵盖航空、航天、高技术船舶、轨道交通、工程机械、农业机械、动力机械、智能装备等高技术、高附加值装备。不同细分领域又分别涉及到上游原材料、新材料、核心零配件以及下游的装备销售、运营使用和服务保障。依托于“煤铁之乡”产业基础，晋城市煤机装备、煤层气装备等传统装备制造优势突出，光机电、新能源装备等新兴领域发展迅速，成为新亮点。</p>"
"span": ""
},
{
"id": 5,
"industry_level": 1,
"name": "铸造",
"name": "医药",
"img1": "zz-01.png",
"img2": "zz-02.png",
"span": "<p>铸造产业是制造业的基础。在金属冶炼加工、汽车、航空、船舶、新能源等各类装备中，铸件占有较高的比重。铸造的产能和性能，奠定了装备制造业高质量发展的基础。</p><p>铸造产业链条相对较短，但产品体系庞大、应用领域广泛。铸造产业上游主要是原材料及铸造装备，包括生铁、合金、有色金属、镕造设备、铸造模具、压铸机、检测仪器等；中游主要是各类铸造产品；铸造业的下游是铸造产品在各产业的应用。</p><p>晋城铸造产业主要集中于中游的球墨铸铁件和铸钢件等环节，产品应用重点分布于市政工程、轨道交通、机械、新能源（风能）装备、汽车等领域。</p>"
"span": ""
},
{
"id": 6,
"industry_level": 1,
"name": "煤化工",
"name": "教育和体育",
"img1": "mhg-01.png",
"img2": "mhg-02.png",
"span": "<p>传统煤化工即煤焦化相关产品包括煤制合成氨、煤制焦炭、煤制电石。现代煤化工是指以煤为原料，以生产清洁能源和化工产品为主要目标的现代化煤炭加工转化产业，采用新型、先进的化学加工技术，使煤转化为气体、液体或中间产品，主要包括以煤气化、液化为龙头生产合成天然气、合成油、化工产品等能源化工产业，转化生产煤制烯烃、煤制乙二醇、煤制芳烃等煤制化学品和煤制油、煤制天然气等新型煤基清洁能源。相对传统煤化工，现代煤化工具有装置规模大、技术含量高、能耗低、环境友好、产品市场潜力大等特点。</p><p>现代煤化工产业链主要包括十个环节，上游的煤炭采选，中游主要包括煤焦化、煤气化、煤液化，下游主要包括乙炔、乙二醇、乙烯、丙烯、醋酸以及精细化工等环节。在上游煤炭采选方面，晋城市拥有显著资源优势，而煤炭加工转化则主要集中于煤焦化、煤液化、煤气化等中游环节。</p>"
"span": ""
},
{
"id": 7,
"industry_level": 1,
"name": "新材料",
"name": "现代服务及商贸物流",
"img1": "xcl-01.png",
"img2": "xcl-02.png",
"span": "<p>新材料是指新出现的、具有优异性能或特殊功能的材料，或是传统材料改进后性能明显提高或产生新功能的材料。新材料产业是新一轮科技革命与产业变革中创新最为活跃、发展最为迅猛的新兴产业之一。</p><p>新材料产业规模庞大、门类广。结合《“十四五”国家战略性新兴产业发展规划》，新材料可以分为先进基础材料、关健战略新材料、前沿新材料等大类。先进基础材料主要包括金属新材料、化工新材料、硅基新材料等。关健战略新材料包括生物基新材料、高性能纤维新材料等。前沿新材料主要包括，超导新材料、纳米新材料、石墨烯新材料等。晋城市新材料产业刚刚萌芽，全市新材料企业分布于金属基新材料、化工新材料、硅基新材料领域。</p>"
"span": ""
},
{
"id": 8,
"industry_level": 1,
"name": "绿色建材",
"name": "农业产业化及食品加工",
"img1": "lsjc-01.png",
"img2": "lsjc-02.png",
"span": "<p>绿色建材是指采用清洁生产技术、少用天然资源和能源、大量使用工业或城市固态废物生产的无毒害、无污染、无放射性、有利于环境保护和人体健康的建筑材料。绿色建材是新型环保建材的统称，核心在于“绿色环保”，主要体现在：以改善生产环境、提高生活质量为核心宗旨，贯穿于产品研发、生产的每一环节；原材料尽可能少用天然资源，大量使用工业废渣、城市垃圾等废弃物，实现废弃资源再利用；技术上使用低能耗、环保新技术；生产过程中不使用甲醛、卤化物或芳香族碳氢化合物、汞及其化合物等人体有害物质；产品可循环、可回收利用。晋城市绿色建材产业主要集中于新型墙体产业、装配式部品等环节，玻璃微珠等产业具有优势。</p>"
"span": ""
},
{
"id": 9,
"industry_level": 1,
"name": "医药",
"name": "电力电气",
"img1": "yy-01.png",
"img2": "yy-02.png",
"span": "<p>医药产业链，上游主要包括药物研发、药材种植及销售、药物原料生产等环节；中游主要包括生物制药、中药制造、化学制药、保健品、医疗器械等环节；下游主要包括药品流通、医疗服务等环节。晋城市在中药种植、中药研制领域优势明显。</p>"
},
{
"id": 10,
"industry_level": 1,
"name": "丝麻纺织服装",
"img1": "smfzfz-01.png",
"img2": "smfzfz-02.png",
"span": "<p>纺织业历史悠久，当今依然占据重要地位，对解决社会就业有着至关重要的作用。同时，纺织业也是重要的外贸出口产品，中国是全球第一大服装生产和出口地。</p><p>纺织业原料主要是棉花、蚕茧丝、麻、羊毛羊绒、羽毛羽绒、化学纤维等。丝麻纺织是以蚕茧丝和麻为原料，生产纺织品。丝麻纺织产业链长，一产、二产、三产全覆盖。上游原材料，大麻种植、种桑养蚕属于第一产业；中游纺织品生产属于制造业；下游销售流通环节属于三产服务业。晋城市丝麻纺织企业主要以生产白厂丝、大麻纱、服装面料为主，集中于产业链中游。</p>"
},
{
"id": 11,
"industry_level": 1,
"name": "现代服务业",
"img1": "xdfwy-01.png",
"img2": "xdfwy-02.png",
"span": "<p>现代服务业是随着科学技术发展产生的新兴服务业态，以科技手段，改造提升传统服务业，重塑商业模式，改变服务方式，形成全新的服务产品。按照服务内容，现代服务业分为四大类：一是基础服务业，主要是改造传统行业、支撑现代服务业的现代科技行业，重点包括IT和信息服务产业；二是生产性服务业，保持工业生产过程的连续性、促进工业技术进步、产业升级和提高生产效率提供保障服务的服务行业，包括现代金融、现代物流、科技服务和商务服务等细分领域；三是生活性服务业，面向居民提供物质和精神生活产品及服务，包括房地产、旅游业、文化娱乐、家政服务等领域；四是公共服务，政府或政府委托公立部门或政府向私人部门购买，面向居民提供的产品和服务，包括义务教育等基本公共服务，以及高中教育、医疗等非基本公共服务。</p>"
},
{
"id": 12,
"industry_level": 1,
"name": "数字经济",
"img1": "szjj-01.png",
"img2": "szjj-02.png",
"span": "<p>数字经济是以数字化的知识和信息作为关键生产要素，以数字技术为核心驱动力，以现代信息网络为重要载体，通过数字技术与实体经济深度融合，不断提高数字化、网络化、智能化水平，加速重构经济发展与治理模式的新型经济形态。</p><p>国家统计局公布的《数字经济及其核心产业统计分类（2021）》，从“数字产业化”和“产业数字化”两个方面，确定数字经济的基本范围，包括数字产品制造业、数字产品服务业、数字技术应用业、数字要素驱动业、数字化效率提升业等五大类。前四大类即数字产业化部分，具体包括计算机通信和其他电子设备制造业、电信广播电视和卫星传输服务、互联网和相关服务、软件和信息技术服务业等，是数字经济发展的基础。第五大类为产业数字化部分，指应用数字技术和数据资源为传统产业带来的产出增加和效率提升，是数字技术与实体经济的融合。</p><p>数字经济产业链上游主要为数字技术研发、数字产品制造和数字基础设施建设，中游主要为数字技术应用、数字产品服务，下游主要是产业数字化部分，涵盖智慧农业、智能制造、智能交通、智慧物流、数字金融、数字商贸、数字社会、数字政府等数字化应用场景。晋城市数字经济产业发展较快，在产业数字化、数字产业化、数字管理、智慧城市等方面聚集了一批创新型成长企业，应用于全市工业、农业、金融、生活服务、政务管理等领域。</p>"
},
{
"id": 13,
"industry_level": 1,
"name": "文化旅游",
"img1": "whly-01.png",
"img2": "whly-02.png",
"span": "<p>文化旅游是以人文资源为载体，彰显地域差异、文化差异，引导旅游者体验旅游资源文化内涵的过程。文化旅游产业链分为上游资源开发，中游旅游产品，下游旅游消费三个环节。旅游资源开发包括旅游产品投资者、开发商、运营商，以及文化IP资源等领域。旅游产品核心是各类旅游资源。旅游消费主要包括衍生品、配套服务消费等领域。</p><p>晋城人文历史悠久，山水资源众多，文化旅游资源得天独厚。全市文化旅游产业规模较大，细分领域丰富，旅游产品以观光游为主，参与型、互动型、体验型产品较少。</p>"
"span": ""
}
]
src/views/assess/pages/ass.vue
......@@ -2,28 +2,16 @@
<div class="assess_main">
<div class="assess_body">
<div class="top-head-nav">
<span
:class="[activeName == 1 ? 'active' : '']"
@click="changeActiveName(1)"
>
<span :class="[activeName == 1 ? 'active' : '']" @click="changeActiveName(1)">
全部
</span>
<span
:class="[activeName == 2 ? 'active' : '']"
@click="changeActiveName(2)"
>
<span :class="[activeName == 2 ? 'active' : '']" @click="changeActiveName(2)">
土地
</span>
<span
:class="[activeName == 3 ? 'active' : '']"
@click="changeActiveName(3)"
>
<span :class="[activeName == 3 ? 'active' : '']" @click="changeActiveName(3)">
标准厂房
</span>
<span
:class="[activeName == 4 ? 'active' : '']"
@click="changeActiveName(4)"
>
<span :class="[activeName == 4 ? 'active' : '']" @click="changeActiveName(4)">
商业楼宇
</span>
</div>
......@@ -58,12 +46,7 @@
>
<bm-label
v-if="item.show"
:content="
item.land_name ||
item.factory_name ||
item.build_name ||
item.district_name
"
:content="item.land_name || item.factory_name || item.build_name || item.district_name"
:labelStyle="{
color: '#ff3a56',
fontSize: '14px',
......@@ -78,11 +61,7 @@
</div>
<div class="select">
<div class="search">
<img
class="search-icon"
src="@/assets/images/resources/icon-search.png"
alt=""
/>
<img class="search-icon" src="@/assets/images/resources/icon-search.png" alt="" />
<el-input
v-model="key_words"
type="text"
......@@ -100,10 +79,7 @@
</div>
<span @click="search"> 搜索</span>
</div>
<ul
:class="[isHigh == true ? 'height' : '', 'options', 'op']"
v-if="activeName == 1"
>
<ul :class="[isHigh == true ? 'height' : '', 'options', 'op']" v-if="activeName == 1">
<li class="option">
<div>
<label for="">所属行业</label>
......@@ -113,17 +89,8 @@
placeholder="请输入所属行业"
>
</el-input> -->
<el-select
v-model="industry_id"
clearable
placeholder="请选择所属行业"
>
<el-option
v-for="item in industry_options"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="industry_id" clearable placeholder="请选择所属行业">
<el-option v-for="item in industry_options" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
<!-- <el-select
......@@ -143,28 +110,14 @@
<div class="last">
<label for="">所属县区/开发区</label>
<el-select v-model="tax" clearable placeholder="请选择所属县区">
<el-option
v-for="item in district_options"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option v-for="item in district_options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div>
<label for="">载体类型</label>
<el-select
v-model="revenue"
clearable
placeholder="请选择载体类型"
>
<el-option
v-for="item in options4"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="revenue" clearable placeholder="请选择载体类型">
<el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
......@@ -208,10 +161,7 @@
<el-button class="empty" @click="clear">清空</el-button>
</li>
</ul>
<ul
:class="[isHigh == true ? 'height2' : '', 'options', 'op']"
v-if="activeName == 2"
>
<ul :class="[isHigh == true ? 'height2' : '', 'options', 'op']" v-if="activeName == 2">
<li class="option">
<div>
<label for="">地块名称</label>
......@@ -219,33 +169,15 @@
</div>
<div class="last">
<label for="">所属县区/开发区</label>
<el-select
v-model="district_name"
clearable
placeholder="请选择所属县区"
>
<el-option
v-for="item in district_options"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="district_name" clearable placeholder="请选择所属县区">
<el-option v-for="item in district_options" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div>
<label for="">用地性质</label>
<el-select
v-model="land_nature"
clearable
placeholder="请选择用地性质"
>
<el-option
v-for="item in options2"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="land_nature" clearable placeholder="请选择用地性质">
<el-option v-for="item in options2" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
......@@ -255,17 +187,11 @@
</div>
</li>
</ul>
<ul
:class="[isHigh == true ? 'height2' : '', 'options', 'op']"
v-if="activeName == 3"
>
<ul :class="[isHigh == true ? 'height2' : '', 'options', 'op']" v-if="activeName == 3">
<li class="option">
<div>
<label for="">厂房名称</label>
<el-input
placeholder="请输入"
v-model="factory_name"
></el-input>
<el-input placeholder="请输入" v-model="factory_name"></el-input>
</div>
<div>
<label for="" class="flex-80">拟招引业态</label>
......@@ -273,33 +199,15 @@
placeholder="请输入"
v-model="industry_name"
></el-input> -->
<el-select
v-model="industry_name"
clearable
placeholder="请选择拟招引业态"
>
<el-option
v-for="item in industry_options"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="industry_name" clearable placeholder="请选择拟招引业态">
<el-option v-for="item in industry_options" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="last">
<label for="">所属县区/开发区</label>
<el-select
v-model="district_name"
clearable
placeholder="请选择所属县区"
>
<el-option
v-for="item in district_options"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="district_name" clearable placeholder="请选择所属县区">
<el-option v-for="item in district_options" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
......@@ -309,10 +217,7 @@
</div>
</li>
</ul>
<ul
:class="[isHigh == true ? 'height2' : '', 'options', 'op']"
v-if="activeName == 4"
>
<ul :class="[isHigh == true ? 'height2' : '', 'options', 'op']" v-if="activeName == 4">
<li class="option">
<div>
<label for="">楼宇名称</label>
......@@ -320,33 +225,15 @@
</div>
<div class="last">
<label for="">所属县区/开发区</label>
<el-select
v-model="district_name"
clearable
placeholder="请选择所属县区"
>
<el-option
v-for="item in district_options"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="district_name" clearable placeholder="请选择所属县区">
<el-option v-for="item in district_options" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div>
<label for="">楼宇类型</label>
<el-select
v-model="build_type"
clearable
placeholder="请选择楼宇类型"
>
<el-option
v-for="item in options3"
:key="item.label"
:label="item.label"
:value="item.value"
>
<el-select v-model="build_type" clearable placeholder="请选择楼宇类型">
<el-option v-for="item in options3" :key="item.label" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
......@@ -360,22 +247,13 @@
<img src="~@images/public/icon-result.png" alt="" />
智能选址搜索结果
</div>
<ul
:class="['list', isHigh == true ? 'height-248' : '']"
v-if="list.length > 0 && activeName == 1"
>
<ul :class="['list', isHigh == true ? 'height-248' : '']" v-if="list.length > 0 && activeName == 1">
<li v-for="item of list" :key="item.id" class="item">
<template v-if="item.carrier_type == '行政区'">
<div class="head">
<!-- @click="go({ lat: item.lat, lng: item.lng })" -->
<img
style="vertical-align: middle;"
src="~@/assets/images/public/icon-xingzheng.png"
alt=""
/>
<a style="vertical-align: middle;">
{{ item.district_name }}</a
>
<img style="vertical-align: middle;" src="~@/assets/images/public/icon-xingzheng.png" alt="" />
<a style="vertical-align: middle;"> {{ item.district_name }}</a>
<span @click="goDetail(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -388,9 +266,7 @@
</template>
<template v-if="item.carrier_type == '土地'">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.land_name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.land_name }}</a>
<span @click="goDetail2(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -403,9 +279,7 @@
</template>
<template v-if="item.carrier_type == '标准厂房'">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.factory_name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.factory_name }}</a>
<span @click="goDetail3(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -418,9 +292,7 @@
</template>
<template v-if="item.carrier_type == '商业楼宇'">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.build_name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.build_name }}</a>
<span @click="goDetail4(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -433,15 +305,10 @@
</template>
</li>
</ul>
<ul
:class="['list', isHigh == true ? 'height-248' : '']"
v-if="list.length > 0 && activeName == 2"
>
<ul :class="['list', isHigh == true ? 'height-248' : '']" v-if="list.length > 0 && activeName == 2">
<li class="item" v-for="item of list" :key="item.id">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.name }}</a>
<span @click="goDetail2(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -453,15 +320,10 @@
</div> -->
</li>
</ul>
<ul
:class="['list', isHigh == true ? 'height-248' : '']"
v-if="list.length > 0 && activeName == 3"
>
<ul :class="['list', isHigh == true ? 'height-248' : '']" v-if="list.length > 0 && activeName == 3">
<li class="item" v-for="item of list" :key="item.id">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.name }}</a>
<span @click="goDetail3(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -473,15 +335,10 @@
</div>
</li>
</ul>
<ul
:class="['list', isHigh == true ? 'height-248' : '']"
v-if="list.length > 0 && activeName == 4"
>
<ul :class="['list', isHigh == true ? 'height-248' : '']" v-if="list.length > 0 && activeName == 4">
<li class="item" v-for="item of list" :key="item.id">
<div class="head">
<a @click="go({ lat: item.lat, lng: item.lng })">
{{ item.name }}</a
>
<a @click="go({ lat: item.lat, lng: item.lng })"> {{ item.name }}</a>
<span @click="goDetail4(item.id)">查看详情 ＞</span>
</div>
<div class="details">
......@@ -568,8 +425,8 @@ export default {
perpage: "",
key_words: "",
},
center: { lng: 112.83, lat: 35.52 },
zoom: 9,
center: { lng: 115.32, lat: 38.95 },
zoom: 10,
options: [],
district_options: [
{ label: "城区", value: "城区" },
......@@ -666,8 +523,7 @@ export default {
this.options = res;
},
async getChooseAddress() {
let carrier_type_id =
this.searchOption.revenue == "" ? 0 : this.searchOption.revenue;
let carrier_type_id = this.searchOption.revenue == "" ? 0 : this.searchOption.revenue;
let res = await API.SearchAll({
key_words: this.searchOption.key_words,
industry_name: this.searchOption.industry_id,
......@@ -714,16 +570,11 @@ export default {
allData.forEach((item) => {
item.show = false;
});
this.list = [...allData].splice(
this.perpage * (this.page - 1),
this.perpage
);
this.list = [...allData].splice(this.perpage * (this.page - 1), this.perpage);
this.total = [...allData].length;
this.dot_list = [...dot_list];
[...district_list].map((item) => {
item.district_name = item.district_name
.replace("<em>", "")
.replace("</em>", "");
item.district_name = item.district_name.replace("<em>", "").replace("</em>", "");
});
this.district_list = [...district_list];
console.log(this.list);
......@@ -752,22 +603,13 @@ export default {
this.dot_list = [...res.data_list];
this.total = res.size;
this.district = [];
this.list = [...res.data_list].splice(
this.perpage * (this.page - 1),
this.perpage
);
this.list = [...res.data_list].splice(this.perpage * (this.page - 1), this.perpage);
}
}
},
search() {
if (this.activeName == 1) {
let option = [
"政策扶持力度",
"产业聚集度",
"园区配套服务",
"生活配套服务",
"交通便利度",
];
let option = ["政策扶持力度", "产业聚集度", "园区配套服务", "生活配套服务", "交通便利度"];
let newOption = option.map((item) => {
return this.preference.indexOf(item) != -1 ? item : "";
});
......@@ -905,8 +747,8 @@ export default {
this.type == "all";
this.page = 1;
this.searchOption.page = this.page;
this.center = { lat: 35.50182, lng: 112.84802 };
this.zoom = 7;
this.center = { lng: 115.32, lat: 38.95 };
this.zoom = 10;
this.getChooseAddress();
},
handleCurrentChange(val) {
......@@ -949,7 +791,7 @@ export default {
},
go(item) {
if (item.lat == 0 && item.lng == 0) {
this.center = { lat: 35.853091, lng: 112.977747 };
this.center = { lng: 115.32, lat: 38.95 };
this.zoom = 10;
} else {
console.log(item);
......@@ -1146,11 +988,7 @@ export default {
content: "";
width: 8px;
height: 100%;
background: linear-gradient(
90deg,
#6e8efe 0%,
rgba(110, 142, 254, 0.6) 100%
);
background: linear-gradient(90deg, #6e8efe 0%, rgba(110, 142, 254, 0.6) 100%);
border-radius: 4px 4px 4px 4px;
}
.head {
......@@ -1377,10 +1215,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-right.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-next:hover
.el-icon-arrow-right:before {
/deep/ .el-pagination button:disabled.btn-next:hover .el-icon-arrow-right:before {
content: "";
display: inline-block;
width: 30px;
......@@ -1397,10 +1232,7 @@ export default {
height: 30px;
background: url("~@images/atlas/icon-page-left.png") no-repeat center;
}
/deep/
.el-pagination
button:disabled.btn-prev:hover
.el-icon-arrow-left:before {
/deep/ .el-pagination button:disabled.btn-prev:hover .el-icon-arrow-left:before {
content: "";
display: inline-block;
width: 30px;
......
src/views/assess/pages/map.vue
......@@ -2,9 +2,9 @@
<div class="flex-box">
<div class="flex-left">
<div class="map">
<div :class="['whole', activeDistrict == '晋城市' ? 'active' : '']" @click="changeActive('晋城市')">
<!-- <div :class="['whole', activeDistrict == '晋城市' ? 'active' : '']" @click="changeActive('晋城市')">
晋城市总览
</div>
</div> -->
<div class="chart-box">
<div class="chart" ref="chartMap"></div>
</div>
......@@ -210,7 +210,7 @@
<div class="title">
<img src="~@/assets/images/resources/icon-bar.png" alt="" />
<span
>{{ activeDistrict == "晋城市" ? "各县（市、区）" : activeDistrict }}闲置载体统计图
>{{ activeDistrict == "满城区" ? activeDistrict : activeDistrict }}闲置载体统计图
<!-- <em v-if="activeDistrict == '晋城市'">
（截至{{ new Date().getFullYear() }}年{{
new Date().getMonth() + 1
......@@ -711,7 +711,7 @@
<script>
import api from "@/api/assess";
import jincheng from "@map/city/140500.json";
import mancheng from "@map/city/130607.json";
import dotActive from "@/assets/images/public/icon-dot-active.png";
import dotNormal from "@/assets/images/public/icon-dot-normal.png";
export default {
......@@ -728,7 +728,8 @@ export default {
chartBar: null,
chartLine: null,
disabled_district_name: "",
activeDistrict: "晋城市",
activeDistrict: "满城区",
activeDistrict1: "满城区",
activeHigh: 0,
HighPopper: false,
areaList: {},
......@@ -751,8 +752,7 @@ export default {
},
mounted() {
this.disabled_district_name = localStorage.getItem("jc_district_name") || "";
console.log(this.disabled_district_name);
this.activeDistrict = this.disabled_district_name || "晋城市";
this.activeDistrict = this.disabled_district_name || "满城区";
this.$bus.$emit("setActive", "assess");
this.initChartMap();
......@@ -765,9 +765,8 @@ export default {
methods: {
async ShowArea() {
let res = await api.ShowArea({
district_name: this.activeDistrict == "晋城市" ? "" : this.activeDistrict,
district_name: this.activeDistrict == "满城区" ? "" : this.activeDistrict,
});
console.log(res);
let obj = {};
res.map((item) => {
obj = { ...obj, ...item };
......@@ -791,9 +790,8 @@ export default {
},
async ShowCarrierRate() {
let res = await api.ShowCarrierRate({
district_name: this.activeDistrict == "晋城市" ? "晋城市" : this.activeDistrict,
district_name: this.activeDistrict == "满城区" ? "满城区" : this.activeDistrict,
});
console.log(res);
this.barData.land_month = []; // 土地第一季度闲置面积
this.barData.factory_month = []; // 土地第三季度闲置面积
this.barData.build_month = []; // 土地第二季度闲置面积
......@@ -803,7 +801,7 @@ export default {
this.barData.factory_year = []; // 厂房全年闲置面积
this.barData.build_year = []; //楼宇全年闲置面积
this.barData.land_year = []; //土地全年闲置面积
if (this.activeDistrict == "晋城市") {
if (this.activeDistrict == "满城区") {
let sortRes = [];
res.map((item) => {
if (item.district_name == "城区") {
......@@ -866,11 +864,11 @@ export default {
},
initChartMap() {
this.chartMap = this.$echarts.init(this.$refs.chartMap);
this.$echarts.registerMap("jincheng", jincheng);
this.$echarts.registerMap("mancheng", mancheng);
const initOption = {
geo: {
type: "map",
map: "jincheng",
map: "mancheng",
zoom: 1.2,
geoIndex: 0,
selectedMode: "single",
......@@ -1197,7 +1195,7 @@ export default {
}
// 地图点击事件
this.chartMap.on("click", (item) => {
console.log(1);
return;
console.log(this.disabled_district_name);
if (this.disabled_district_name != "晋城市" && this.disabled_district_name != "") {
console.log(1);
......@@ -1645,7 +1643,7 @@ export default {
this.chartBar.setOption(initOption);
},
upDataChartBar() {
if (this.activeDistrict == "晋城市") {
if (this.activeDistrict == "满城区") {
let upDataOption = {
xAxis: {
data: this.barData.xAxisData,
......
src/views/atlas/pages/chain.vue
......@@ -7,11 +7,12 @@
<div class="concent-box ">
<div class="text-box scroll-auto" v-html="info.span" ref="details"></div>
<div class="img">
<!-- !TODO这里需要真实的数据 两个img 暂时不显示 -->
<div>
<img :src="require('@/assets/images/industry/' + info.img1)" alt="" v-if="info.img1" />
<img :src="require('@/assets/images/industry/' + info.img3)" alt="" v-if="info.img3" />
</div>
<div>
<img :src="require('@/assets/images/industry/' + info.img2)" alt="" v-if="info.img2" />
<img :src="require('@/assets/images/industry/' + info.img3)" alt="" v-if="info.img3" />
</div>
</div>
</div>
......
src/views/index/index_copy.vue
......@@ -856,7 +856,7 @@ export default {
activeCard: 1,
activeCard1: 1,
activeCard2: 2,
district: "晋城市",
district: "满城区",
district1: "满城区",
nowTime: null,
chart3DHuan: null,
......@@ -1195,6 +1195,7 @@ export default {
sortRes[7] = item;
}
});
sortRes.map((item) => {
data.push([
item.name == "晋城经济技术开发区" ? "晋城经济\n\r技术开发区" : item.name,
......@@ -1210,6 +1211,7 @@ export default {
"开工项目到位资金完成额： " + item.nums4 + "亿元",
]);
});
this.numArr = numArr;
this.barData = data;
this.upDataBar(data);
......
src/views/resources/page/overview.vue
......@@ -4,7 +4,7 @@
<div class="shadow-box">
<div class="img-title">
<img src="~@/assets/images/project/icon-zonglan.png" alt="" />
<span>晋城市项目总览</span>
<span>满城区项目总览</span>
</div>
<ul class="nav-card">
<li>
......@@ -51,20 +51,21 @@
<div class="shadow-box">
<div class="img-title">
<img src="~@/assets/images/project/icon-map.png" alt="" />
<span>晋城市项目地图</span>
<span>满城区项目地图</span>
</div>
<div class="flex-map">
<div class="chart-map">
<div :class="['jin', district == '晋城市' ? 'active' : '']" @click="changeDistrict">
<!-- <div :class="['jin', district == '晋城市' ? 'active' : '']" @click="changeDistrict">
晋城市
</div>
</div> -->
<div class="chart" ref="chart_map"></div>
</div>
<div class="list">
<div class="list-title">
<img class="mr8" src="~@/assets/images/project/icon-map-tj.png" alt="" />
<span>{{ district }}项目阶段统计</span>
<!-- <span>{{ district }}项目阶段统计</span> -->
<span>满城区项目阶段统计</span>
</div>
<ul>
<li>
......@@ -115,7 +116,7 @@
<div class="shadow-box ranking">
<div class="img-title ">
<img src="~@/assets/images/project/icon-phb.png" alt="" />
<span class="title-16">县(市、区)、开发区招商引资指标完成情况 ({{ data_time }})</span>
<span class="title-16">满城区招商引资指标完成情况 ({{ data_time }})</span>
</div>
<ul class="flex-type">
<li :class="['flex-48 ', activeType == 1 ? 'active' : '']" @click="changeActiveType(1)">
......@@ -183,7 +184,7 @@
</div>
</template>
<script>
import jincheng from "@map/city/140500.json";
import mancheng from "@map/city/130607.json";
import dotActive from "@/assets/images/public/icon-dot-active.png";
import dotNormal from "@/assets/images/public/icon-dot-normal.png";
import api from "@/api/resources/account";
......@@ -277,7 +278,7 @@ export default {
},
initChartMap() {
this.chartMap = this.$echarts.init(this.$refs.chart_map);
this.$echarts.registerMap("jincheng", jincheng);
this.$echarts.registerMap("mancheng", mancheng);
const initOption = {
tooltip: {
trigger: "item",
......@@ -287,13 +288,13 @@ export default {
},
geo: {
type: "map",
map: "jincheng",
map: "mancheng",
zoom: 1.2,
geoIndex: 0,
selectedMode: "single",
label: {
show: true,
color: "rgba(255,255,255,.6)",
color: "#599be8",
formatter: function(params) {
return "{normalIcon|}" + " " + params.name;
},
......
src/views/resources/page/target.vue
......@@ -2,8 +2,8 @@
<div class="portrait_body">
<div class="portrait_main">
<el-tabs v-model="activeName" @change="changeActiveName">
<el-tab-pane label="山西省地市指标排名情况" name="sheng"> </el-tab-pane>
<el-tab-pane label="晋城市县（市、区）、开发区指标排名情况" name="shi"> </el-tab-pane>
<el-tab-pane label="满城区指标排名情况" name="sheng"> </el-tab-pane>
<!-- <el-tab-pane label="晋城市县（市、区）、开发区指标排名情况" name="shi"> </el-tab-pane> -->
<div class="content" v-if="activeName == 'sheng'">
<div class="card">
<p :class="[type == 0 ? 'active' : '']" @click="type = 0">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment