Skip to content

F
founder_vue
Commit 20f5a39f by 刘玉帅
Options

sn

parent 1caa476d
Showing with 142 additions and 127 deletions
src/views/sjsb/index.vue
......@@ -35,6 +35,7 @@
type="primary"
size="small"
@click="handleClick('add')"
v-if="Zzjglx==15"
>新增</el-button
>
</p>
......@@ -94,15 +95,17 @@
</el-tabs>
<!-- 饼图内容 -->
<sjsp-diolog ref="dialogForm" @searchEvent="searchEvent"> </sjsp-diolog>
<!-- <div id="map" style="width: 100%; height: 800px;"></div> -->
</div>
</div>
</template>
<script>
import { sjzt,sjfj,sjlx } from "@/assets/jsData/sjzt.js";
import { sjzt, sjfj, sjlx } from "@/assets/jsData/sjzt.js";
import SearchForm from "@c/SearchForm.vue";
import sjspDiolog from "@c/sjspDiolog.vue";
import { get, postJson } from "@/utils/http.js";
import { baseUrl } from "@/api/ywxtdd";
import axios from "axios";
import utils from "@/utils/util.js";
import { yjlx } from "@/assets/jsData/spjkyjzshyyselect.js";
......@@ -117,8 +120,11 @@ export default {
},
data() {
return {
tab:'',
event:'',
Zzjglx:sessionStorage.getItem("Zzjglx") ,
Zzjglx:15 ,
map: null,
tab: "",
event: "",
activeName: "queryDclAsjList",
headerlist: [
{
......@@ -154,19 +160,19 @@ export default {
selectData: [
{
name: "特别重大",
value: '01',
value: "01",
},
{
name: "重大",
value: '02',
value: "02",
},
{
name: "较大",
value: '03',
value: "03",
},
{
name: "一般",
value: '04',
value: "04",
},
],
placeholder: "请输入",
......@@ -180,24 +186,24 @@ export default {
type: "select",
selectData: [
{
name:'安全事故',
value:'01',
name: "安全事故",
value: "01",
},
{
name:'群体性事件',
value:'02',
name: "群体性事件",
value: "02",
},
{
name:'食品安全事件',
value:'03',
name: "食品安全事件",
value: "03",
},
{
name:'有关刑事案件',
value:'04',
name: "有关刑事案件",
value: "04",
},
{
name:'其他',
value:'99',
name: "其他",
value: "99",
},
],
placeholder: "请输入",
......@@ -228,8 +234,8 @@ export default {
form: {
page: 1,
rows: 10,
sjfj:'',
sjlx:'',
sjfj: "",
sjlx: "",
userid: sessionStorage.getItem("userid") || "ndqzz01",
},
argument: {
......@@ -255,11 +261,11 @@ export default {
prop: "sjfj",
width: "auto",
},
{
label: "标题简述",
prop: "btjs",
width: "auto",
},
{
label: "标题简述",
prop: "btjs",
width: "auto",
},
{
label: "事件状态",
prop: "sjzt",
......@@ -273,9 +279,9 @@ export default {
pieData: [],
pieDataProps: {},
binpic: [],
changeurl:'queryDclAsjList',//变化的url
htform:'',
htlistform:'',
changeurl: "queryDclAsjList", //变化的url
htform: "",
htlistform: "",
};
},
methods: {
......@@ -285,8 +291,8 @@ export default {
* @param {*} listform //下面表单的数据
* @return {*}
*/
searchEvent(form,listform) {
this.getTableList(this.form);
searchEvent(form, listform) {
this.getTableList(this.form);
// this.handleClick(this.tab,this.event)
// debugger
// let self = this
......@@ -344,11 +350,11 @@ export default {
* @return {*}
*/
headerClick(tab, event) {
let self = this
let self = this;
self.tab = tab;
self.event = event;
console.log(tab, event);
this.changeurl = tab.name
this.changeurl = tab.name;
axios({
url: `/OTHER/sjsb/${tab.name}`,
method: "POST",
......@@ -356,18 +362,18 @@ export default {
}).then((res) => {
if (res.code == "0000") {
self.bztjDataList = res.data.rows;
console.log('点击tabs做出的改变',self.bztjDataList);
self.bztjDataList.sjfj = sjfj[ self.bztjDataList.sjfj]
for(var i=0;i<self.bztjDataList.length;i++){
console.log(sjfj[ self.bztjDataList[i].sjfj]);
self.bztjDataList[i].sjfj = sjfj[self.bztjDataList[i].sjfj]
console.log("点击tabs做出的改变", self.bztjDataList);
self.bztjDataList.sjfj = sjfj[self.bztjDataList.sjfj];
for (var i = 0; i < self.bztjDataList.length; i++) {
console.log(sjfj[self.bztjDataList[i].sjfj]);
self.bztjDataList[i].sjfj = sjfj[self.bztjDataList[i].sjfj];
}
for(var i=0;i<this.bztjDataList.length;i++){
this.bztjDataList[i].sjlx = sjlx[this.bztjDataList[i].sjlx]
for (var i = 0; i < this.bztjDataList.length; i++) {
this.bztjDataList[i].sjlx = sjlx[this.bztjDataList[i].sjlx];
}
console.log('页面原始数据 ',this.bztjDataList);
console.log("页面原始数据 ", this.bztjDataList);
this.tableDataLength = res.data.total;
console.log(this.tableDataLength );
console.log(this.tableDataLength);
}
console.log(res);
});
......@@ -393,7 +399,7 @@ export default {
* @return {*}
*/
searchsh(form) {
debugger
debugger;
console.log("form", form);
// this.key = form.yjlx;
// 改变表格表头
......@@ -423,33 +429,30 @@ export default {
* @return {*}
*/
getTableList(form) {
let _this = this
console.log('sjsb传的参数',form);
console.log('变化的url',this.changeurl);
let _this = this;
console.log("sjsb传的参数", form);
console.log("变化的url", this.changeurl);
axios({
url: `/OTHER/sjsb/${_this.changeurl}`,
method: "POST",
data: form,
}).then((res) => {
if (res.code == "0000") {
console.log(res);
_this.bztjDataList = res.data.rows;
//页面更新的时候进行换数据
for(var i=0;i<_this.bztjDataList.length;i++){
console.log(sjfj[ _this.bztjDataList[i].sjfj]);
_this.bztjDataList[i].sjfj = sjfj[_this.bztjDataList[i].sjfj]
for (var i = 0; i < _this.bztjDataList.length; i++) {
console.log(sjfj[_this.bztjDataList[i].sjfj]);
_this.bztjDataList[i].sjfj = sjfj[_this.bztjDataList[i].sjfj];
}
for(var i=0;i<_this.bztjDataList.length;i++){
_this.bztjDataList[i].sjlx = sjlx[_this.bztjDataList[i].sjlx]
for (var i = 0; i < _this.bztjDataList.length; i++) {
_this.bztjDataList[i].sjlx = sjlx[_this.bztjDataList[i].sjlx];
}
console.log('点击搜索按钮触发 的事件',_this.bztjDataList);
console.log("点击搜索按钮触发 的事件", _this.bztjDataList);
_this.tableDataLength = res.data.total;
}
console.log( this.bztjDataList);
console.log(this.bztjDataList);
});
//测试数据页面的假数据
// get(`jsonData/spjkyjshyy_tableinfo.json`).then((data) => {
......@@ -619,12 +622,18 @@ export default {
mounted() {
//初始话表格
this.getTableList(this.form);
postJson(`${baseUrl}/sjsb/getZzjglx`, {
userid: sessionStorage.getItem("userid") || "snszz01",
}).then((res) => {
console.log(res);
sessionStorage.setItem("Zzjglx", res.data);
});
// window.map = new EzMap('map');
},
watch: {
key: function () {
this.pieSwitch = true;
},
},
};
</script>
......
src/views/spjkyjshyy/index.vue
......@@ -49,9 +49,11 @@
>
</el-table-column>
<el-table-column label="操作" align="center" v-if="bztjDataList[0] && bztjDataList[0].ycbz"
>
<el-table-column
label="操作"
align="center"
v-if="bztjDataList[0] && bztjDataList[0].ycbz"
>
<template slot-scope="scope">
<el-button
size="mini"
......@@ -103,7 +105,7 @@ export default {
},
data() {
return {
cph:'',
cph: "",
tableLoading: false, // 表格loading
pieDiagramLoading: false, //饼图loading
pieSwitch: true, //是否重置饼图
......@@ -188,7 +190,6 @@ export default {
page: 1,
pageSize: 10,
yjlx: "1",
},
// 表格表头
bztjFormThead: [
......@@ -253,34 +254,32 @@ export default {
6: [{ prop: "qtsjbt", title: "其他情况预警示意图" }],
},
binpic: [],
gjtype:''
gjtype: "",
};
},
methods: {
/**
* @description: 点击 轨迹分析
* @description: 点击 轨迹分析
* @param {*} index 当前的下标数
* @param {*} row 这一行的信息
* @param {*} row 这一行的信息
* @return {*}
*/
handlePath(index, row){
console.log(index, row);
console.log('ryzjhm',row.cph ==undefined?row.ryzjhm:"");
console.log('cph',row.cph ==undefined?"":row.cph);
console.log('gjType',row.cph ==undefined?'2':'3');
console.log('xm',row.cph ==undefined?row.ryxm:row.cph);
let self = this
self.$router.push({
path: "/mapIndex",
query: {
xm: row.cph ==undefined?row.ryxm:row.cph,
gjType: row.cph ==undefined?'2':'3',
ryzjhm:row.cph ==undefined?row.ryzjhm:"",
cph:row.cph ==undefined?"":row.cph
},
});
*/
handlePath(index, row) {
console.log(index, row);
console.log("ryzjhm", row.cph == undefined ? row.ryzjhm : "");
console.log("cph", row.cph == undefined ? "" : row.cph);
console.log("gjType", row.cph == undefined ? "2" : "3");
console.log("xm", row.cph == undefined ? row.ryxm : row.cph);
let self = this;
self.$router.push({
path: "/mapIndex",
query: {
xm: row.cph == undefined ? row.ryxm : row.cph,
gjType: row.cph == undefined ? "2" : "3",
ryzjhm: row.cph == undefined ? row.ryzjhm : "",
cph: row.cph == undefined ? "" : row.cph,
},
});
},
convertKey(arr) {
arr.forEach((item) => {
......@@ -294,20 +293,20 @@ export default {
*/
searchsh(form) {
console.log("form", form);
if(form.bz){
this.gjtype = form.bz
if (form.bz) {
this.gjtype = form.bz;
}
console.log( this.gjtype);
console.log(this.gjtype);
this.key = form.yjlx;
// 改变表格表头
// this.selectTableTitle(this.key);
// debugger
if(form.bz){
get(`jsonData/spjkshyy_gjfx.json`).then((data) => {
console.log(data);
this.bztjFormThead = data[form.bz];
})
}else{
if (form.bz) {
get(`jsonData/spjkshyy_gjfx.json`).then((data) => {
console.log(data);
this.bztjFormThead = data[form.bz];
});
} else {
this.selectTableTitle(this.key);
}
setTimeout(() => {
......@@ -330,9 +329,8 @@ export default {
// } else {
// this.$error.error("出错了");
// }
this.bztjFormThead = data[key];
console.log( this.bztjFormThead );
this.bztjFormThead = data[key];
console.log(this.bztjFormThead);
});
},
/**
......@@ -341,12 +339,12 @@ export default {
* @return {*}
*/
getTableList(form) {
let self= this;
self.page_size = form.pageSize
let self = this;
self.page_size = form.pageSize;
this.$set(form, "userid", sessionStorage.getItem("userid") || "ndqzz01");
this.tableLoading = true;
console.log("发送给后台的数据", form);
console.log(this.pieDateList, this.pieData);
// this.tableLoading = true;
if (this.pieSwitch) {
......@@ -360,23 +358,23 @@ export default {
.then((res) => {
console.log("返回的数据", res);
console.log(res.data);
if(res.data[0].cph){
self.cph = 'A00000'
}
if (res.data[0].cph) {
self.cph = "A00000";
}
let pieData = this.pieDataProps[this.key];
this.bztjDataList = res.data;
//暂时改成无
this.bztjDataList.forEach(item=>{
if(item.cph == undefined){
item.cph = '无'
}
if(item.ryxm == undefined){
item.ryxm = '无'
}
if(item.ryzjhm == undefined){
item.ryzjhm = '无'
}
})
//暂时改成无
this.bztjDataList.forEach((item) => {
if (item.cph == undefined) {
item.cph = "无";
}
if (item.ryxm == undefined) {
item.ryxm = "无";
}
if (item.ryzjhm == undefined) {
item.ryzjhm = "无";
}
});
console.log(this.bztjDataList);
this.tableDataLength = res.total;
this.bztjDataList.forEach((item) => {
......@@ -403,23 +401,23 @@ export default {
* @param {*} val 预警类别的值
* @return {*}
*/
selectChange(val,id) {
console.log('000000',val);
if(id == 'yjlx'){
selectChange(val, id) {
console.log("000000", val);
if (id == "yjlx") {
let yjlx = val;
let search = searchFormData[val];
this.searchsh(search.form)
this.searchsh(search.form);
console.log(search);
//必须深拷,不然会污染数据
if (search) {
this.formProps = utils.deepClone(search.formProps);
this.form = utils.deepClone(search.form);
}
}else if(id == 'bz'){
get(`jsonData/spjkshyy_gjfx.json`).then((data) => {
console.log(data);
this.bztjFormThead = data[val];
})
} else if (id == "bz") {
get(`jsonData/spjkshyy_gjfx.json`).then((data) => {
console.log(data);
this.bztjFormThead = data[val];
});
}
},
filterTag(value, row) {
......@@ -440,8 +438,8 @@ export default {
* @return {*}
*/
handleSizeChange(val) {
console.log('煤业',val);
this.currentPage1 = val
console.log("煤业", val);
this.currentPage1 = val;
this.$set(this.form, "pageSize", val);
this.getTableList(this.form);
console.log(this.form);
......@@ -452,8 +450,8 @@ export default {
* @return {*}
*/
handleCurrentChange(val) {
console.log('当前的',val);
this.page_size = val
console.log("当前的", val);
this.page_size = val;
this.$set(this.form, "page", val);
this.getTableList(this.form);
},
......
vue.config.js
/*
* @Author: your name
* @Date: 2021-07-28 09:13:40
* @LastEditTime: 2021-08-19 19:09:34
* @LastEditTime: 2021-11-08 10:44:19
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \山南\vue.config.js
......@@ -65,6 +65,14 @@ module.exports = {
'^/api': '/'
}
},
// "/OTHER": {
// target: "http://172.18.110.13:8085",
// ws: true,
// changeOrigin: true,
// pathRewrite: {
// '^/OTHER': '/OTHER'
// }
// },
"/OTHER": {
target: "http://172.18.110.13:8085",
ws: true,
......
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