Commit 0b49f8b8 by gao_yingdong

可视化透视

parent c9cd1b31
<template>
<div>
<!--字典框 @emitValue="getLbValue"-->
<el-select
:placeholder="curItem.placeholder"
v-model="curFormData[curItem.id]"
:class="curItem.code"
popper-class="zdyCodeDialog"
style="width: 100%"
@clear="clearSeleted"
@remove-tag="removeTag"
:popper-append-to-body="false"
:multiple="curItem.multiple"
:disabled="curItem.disabled"
empty-text="请从弹框中选择数据"
@focus="
(val, $event) =>
showCodeTreeDialog(val, curItem, curFormData, curItem.id)
"
clearable
>
<el-option
v-for="item2 in codeTreeConfig.fieldItem"
:key="item2.id"
:label="item2.label"
:value="item2.id"
>
</el-option>
</el-select>
<!--多级或多数据下拉框弹框样式-->
<el-dialog
v-if="dialogCodeVisible"
custom-class="treeDialog"
:visible.sync="dialogCodeVisible"
style="z-index: 2020 !important"
:close-on-click-modal="false"
center
>
<div
slot="title"
class="header-title"
style="
text-align: left;
height: 30px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 30px;
opacity: 1;
"
>
<div>{{ codeTreeConfig.title }}</div>
</div>
<el-input
placeholder="输入关键字进行过滤"
v-model="filterText"
style="
margin-bottom: 4px;
width: calc(100% - 26px) !important;
margin-left: 15px;
margin-top: 2px;
"
>
</el-input>
<div
style="
width: calc(100% - 18px);
height: calc(100% - 42px);
overflow-y: auto;
border-bottom: 1px solid #f2f2f2;
margin-left: 7px;
"
>
<el-tree
:props="defaultProps"
node-key="id"
:filter-node-method="filterNode"
ref="codeTreeDialog"
:default-expanded-keys="defaultExpandedKeys"
:default-checked-keys="
Array.isArray(curFormData[curItem.id])
? curFormData[curItem.id]
: [...curFormData[curItem.id]]
"
@check="codeTreeNodeCheck"
@check-change="handleNodeClick"
:check-on-click-node="true"
lazy
:load="loadNode"
check-strictly
show-checkbox
style="height: 288px"
>
</el-tree>
</div>
<div slot="footer" class="dialog-footer ar" style="margin-top: 11px">
<el-button
@click="dialogCodeVisible = false"
style="width: 120px; height: 36px"
>取 消</el-button
>
<el-button
type="primary"
@click="forSureSelectCode"
style="width: 120px; height: 36px"
>确 定</el-button
>
</div>
</el-dialog>
</div>
</template>
<script>
import Http from "@/utils/http.js";
export default {
name: "treeCode_components",
props: {
formData: Object,
currentItem: Object,
sendId: String,
},
data() {
return {
curFormData: this.formData,
curItem: this.currentItem,
defaultProps: {
parent: "parentId", // 父级唯一标识
value: "id", // 唯一标识
label: "label", // 标签显示
isLeaf: "leaf",
// children: 'children', // 子级
},
id: this.sendId,
filterText: "",
//多级或多数据下拉框弹框样式(数据量太多时使用这种风格 普通字典还用原来的下拉框)
dialogCodeVisible: false,
//树型字典配置
codeTreeConfig: {
//弹框标题
title: "案发地区划",
//值字段
nodeKey: "value",
//字典类型
codeType: "CODE_XZQH",
//绑定的model
realValue: null,
//当前要展示的字段
fieldItem: null,
//codeTree预设
props: [],
},
//默认展开的节点
defaultExpandedKeys: [],
};
},
computed: {
newValue() {
this.getcode();
return this.curFormData[this.curItem.id];
},
},
watch: {
formData(val) {
this.curFormData = val;
},
filterText(val) {
this.$refs.codeTreeDialog.filter(val);
},
newValue(val) {
// if (val != '' && this.codeTreeConfig.fieldItem == null) {
if (val != "") {
var self = this;
//判断是否要回显
if (self.curFormData[self.curItem.id]) {
let parm = {
type: self.currentItem.codeTree,
id: self.curFormData[self.curItem.id],
grade: "prev",
};
self
.doQueryRequest(parm, "/api/queryCodeByType")
.then((codeResult) => {
var thisCodeOptions = [];
if (codeResult.code == 200) {
debugger;
var codRes = codeResult.data.data || codeResult.data.rows;
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.length; j++) {
var singleRow = codRes[j];
if (singleRow.id == val) {
thisCodeOptions.push({
id: singleRow.id,
label: singleRow.label,
});
} else {
if (singleRow.children && singleRow.children.length > 0) {
var thisItem = self.getChildrenItem(val, singleRow);
if (thisItem) {
thisCodeOptions.push({
id: thisItem.id,
label: thisItem.label,
});
}
}
}
}
if (thisCodeOptions.length < 0) {
self.$emit("clearId");
}
self.codeTreeConfig.fieldItem = thisCodeOptions;
// self.codeTreeConfig.fieldItem = [{
// id: '110113000000',
// label: '1212'
// }];
}
});
}
}
},
},
methods: {
getcode() {
var self = this;
if (self.curFormData[self.curItem.id]) {
let parm = {
type: self.currentItem.codeTree,
id: self.curFormData[self.curItem.id],
grade: "prev",
};
self
.doQueryRequest(parm, "/api/queryCodeByType")
.then((codeResult) => {
var thisCodeOptions = [];
if (codeResult.code == 200) {
var codRes = codeResult.data.data || codeResult.data.rows;
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.length; j++) {
var singleRow = codRes[j];
if (singleRow.id == self.curFormData[self.curItem.id]) {
thisCodeOptions.push({
id: singleRow.id,
label: singleRow.label,
});
} else {
if (singleRow.children && singleRow.children.length > 0) {
var thisItem = self.getChildrenItem(
self.curFormData[self.curItem.id],
singleRow
);
if (thisItem) {
thisCodeOptions.push({
id: thisItem.id,
label: thisItem.label,
});
}
}
}
}
if (thisCodeOptions.length == 0) {
self.$emit("clearId");
}
self.codeTreeConfig.fieldItem = thisCodeOptions;
}
});
}
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
let stark = [];
stark = stark.concat(tree);
while (stark.length) {
const temp = stark.shift();
if (temp[this.defaultProps.children]) {
stark = stark.concat(temp[this.defaultProps.children]);
}
if (temp[this.defaultProps.value] === id) {
return temp[this.defaultProps.label];
}
}
return "";
},
//多选模式下移除tag时触发
removeTag(val) {
let self = this,
label = "";
self.codeTreeConfig.fieldItem.splice(
self.codeTreeConfig.fieldItem.findIndex((item) => item.id === val),
1
);
if (self.codeTreeConfig.fieldItem.length != 0) {
self.codeTreeConfig.fieldItem.forEach((item, index) => {
label += index == 0 ? "" + item.label : "," + item.label;
});
} else {
label = "";
}
this.$emit("getDialogSeleted", label);
},
//可清空的单选模式下用户点击清空按钮时触发
clearSeleted() {
this.$emit("getDialogSeleted", "");
},
//确定选择当前用户
forSureSelectCode() {
var self = this;
var thisCodeOptions = [];
if (self.$refs.codeTreeDialog.getCheckedNodes().length != 0) {
if (self.curItem.multiple) {
self.$set(
self.codeTreeConfig.realFatherValue,
self.codeTreeConfig.realrValueKey,
self.$refs.codeTreeDialog.getCheckedKeys()
);
var selectedNodes = self.$refs.codeTreeDialog.getCheckedNodes();
for (var i = 0; i < selectedNodes.length; i++) {
thisCodeOptions.push({
id: self.$refs.codeTreeDialog.getCheckedNodes()[i].id,
label: self.$refs.codeTreeDialog.getCheckedNodes()[i].label,
});
}
} else {
self.$set(
self.codeTreeConfig.realFatherValue,
self.codeTreeConfig.realrValueKey,
self.$refs.codeTreeDialog.getCheckedNodes()[0].id
);
thisCodeOptions.push({
id: self.$refs.codeTreeDialog.getCheckedNodes()[0].id,
label: self.$refs.codeTreeDialog.getCheckedNodes()[0].label,
});
}
self.codeTreeConfig.fieldItem = thisCodeOptions;
if (self.codeTreeConfig.fieldItem.type == "codeTag") {
self.changeTags(
self.$refs.codeTreeDialog.getCheckedKeys(),
self.codeTreeConfig.fieldItem
);
}
self.$forceUpdate();
if (self.curItem.multiple) {
let label = "";
thisCodeOptions.forEach((item, index) => {
label += index == 0 ? "" + item.label : "," + item.label;
});
self.$emit("getDialogSeleted", label);
} else {
self.$emit("getDialogSeleted", thisCodeOptions[0].label);
}
} else {
//没有选值得情况
self.$set(
self.codeTreeConfig.realFatherValue,
self.codeTreeConfig.realrValueKey,
""
);
self.$forceUpdate();
self.$emit("getDialogSeleted", "");
}
self.dialogCodeVisible = false;
},
//对树节点进行筛选
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1 || data.id.indexOf(value) !== -1;
},
//树节点点击事件(改为点选)
handleNodeClick(data, checked) {
var self = this;
if (!self.curItem.multiple) {
if (checked === true) {
self.codeTreeConfig.codeId = data.id;
self.$refs.codeTreeDialog.setCheckedKeys([data.id]);
} else {
if (self.codeTreeConfig.codeId === data.id) {
self.$refs.codeTreeDialog.setCheckedKeys([]);
}
}
}
},
//树形字典节点点击事件(用来拦截并控制单选)
codeTreeNodeCheck(data, checked, node) {
console.log(data, checked, node);
},
/**
* 展示字典树弹出框
*/
showCodeTreeDialog(value, item, realFormLableAlign, realValueKey) {
var self = this;
//判断是否要回显
if (realFormLableAlign[realValueKey]) {
let parm = {
type: self.currentItem.codeTree,
id: realFormLableAlign[realValueKey],
grade: "prev",
};
self
.doQueryRequest(parm, "/api/queryCodeByType")
.then((codeResult) => {
if (codeResult.code == 200) {
var codRes = codeResult.data.data || codeResult.data.rows;
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.length; j++) {
var singleRow = codRes[j];
if (singleRow.children && singleRow.children.length > 0) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
self.defaultExpandedKeys = codeArry;
}
});
}
if (value) {
self.filterText = "";
self.codeTreeConfig.nodeKey = "value";
self.codeTreeConfig.codeType = item.codeTree;
self.codeTreeConfig.codeId = "";
if (this.curFormData[this.curItem.id] == "") {
self.codeTreeConfig.fieldItem = item;
} else {
if (
self.codeTreeConfig.fieldItem == null ||
self.codeTreeConfig.fieldItem.length == 0 ||
self.codeTreeConfig.fieldItem == ""
) {
self.codeTreeConfig.fieldItem = item;
}
}
self.codeTreeConfig.realFatherValue = realFormLableAlign;
self.codeTreeConfig.realrValueKey = realValueKey;
//先设置一个默认空值
self.codeTreeConfig.realValue = realFormLableAlign[realValueKey];
self.codeTreeConfig.title = item.name;
//延迟加载使弹框的z-index值在el-select之上
setTimeout(() => {
self.dialogCodeVisible = true;
}, 10);
if (item.codeTree == "CODE_AJXZ_MA") {
if (realFormLableAlign["ajlbdm"]) {
self.codeTreeConfig.props = item.codeOptions.slice(0);
self.codeTreeConfig.props.forEach((item) => {
if (item.id == realFormLableAlign["ajlbdm"]) {
self.codeTreeConfig.props = item.children;
return false;
}
});
} else {
self.codeTreeConfig.props = [];
return;
}
} else {
self.codeTreeConfig.props = item.codeOptions;
}
}
},
/**
* 懒加载节点
*/
loadNode(currentNode, resolve) {
var self = this;
var cc = arguments;
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let parm = {
type: self.currentItem.codeTree,
};
if (userInfo.grade == "D") {
parm.id = userInfo.unitcode.slice(0, 2) + "0000000000";
parm.grade = "next";
}
if (userInfo.grade == "X") {
parm.id = userInfo.unitcode.slice(0, 4) + "00000000";
parm.grade = "next";
}
if (currentNode.level != 0) {
parm.id = currentNode.data.id;
parm.grade = "next";
}
self.doQueryRequest(parm, "/api/queryCodeByType").then((codeResult) => {
if (codeResult.code == 200) {
//判断是否有下级
debugger;
if (self.currentItem.codeTree == "CODE_QGUNIT") {
if (userInfo.grade == "B") {
codeResult.data.rows.forEach((realCodeItem) => {
realCodeItem.label = realCodeItem.label;
if (realCodeItem.parentFlag == "true") {
realCodeItem.leaf = false;
} else {
realCodeItem.leaf = true;
}
});
} else if (userInfo.grade == "D") {
let unitcodeD = userInfo.unitcode.slice(0, 4);
let arr2 = codeResult.data.rows.filter(
(item) => item.id.slice(0, 4) == unitcodeD
);
arr2.forEach((realCodeItem) => {
realCodeItem.label = realCodeItem.label;
if (realCodeItem.parentFlag == "true") {
realCodeItem.leaf = false;
} else {
realCodeItem.leaf = true;
}
});
codeResult.data.rows = arr2;
} else if (userInfo.grade == "X") {
let unitcodeX = userInfo.unitcode.slice(0, 6);
let arr3 = codeResult.data.rows.filter(
(item) => item.id.slice(0, 6) == unitcodeX
);
arr3.forEach((realCodeItem) => {
realCodeItem.label = realCodeItem.label;
if (realCodeItem.parentFlag == "true") {
realCodeItem.leaf = false;
} else {
realCodeItem.leaf = true;
}
});
codeResult.data.rows = arr3;
} else {
debugger;
let unitcode = userInfo.unitcode.slice(0, 2);
let arr1 = codeResult.data.rows.filter(
(item) => item.id.slice(0, 2) == unitcode
);
arr1.forEach((realCodeItem) => {
realCodeItem.label = realCodeItem.label;
if (realCodeItem.parentFlag == "true") {
realCodeItem.leaf = false;
} else {
realCodeItem.leaf = true;
}
});
codeResult.data.rows = arr1;
}
} else {
codeResult.data.rows.forEach((realCodeItem) => {
realCodeItem.label = realCodeItem.label;
if (realCodeItem.parentFlag == "true") {
realCodeItem.leaf = false;
} else {
realCodeItem.leaf = true;
}
});
}
resolve(codeResult.data.rows);
}
});
},
doQueryRequest(form, relurl) {
/*post方法*/
var currentUrl = relurl ? relurl : this.cxUrl;
return Http({
url: currentUrl,
data: form,
params: form,
method: "get",
headers: {
"blade-auth": sessionStorage.getItem("token"),
},
});
},
/**
* 获取子字典数据
*/
getChildrenCode(codeArry, singleRo) {
var self = this;
singleRo.children.forEach((childrenItem) => {
if (childrenItem.children && childrenItem.children.length > 0) {
codeArry.push(childrenItem.id);
self.getChildrenCode(codeArry, childrenItem);
}
});
},
/**
* 获取子字典数据item
*/
getChildrenItem(orgId, singleRo) {
var self = this;
var readyToReturn;
singleRo.children.forEach((childrenItem) => {
if (childrenItem.id == orgId) {
readyToReturn = childrenItem;
} else {
if (childrenItem.children.length > 0) {
readyToReturn = self.getChildrenItem(orgId, childrenItem);
}
}
});
return readyToReturn;
},
},
};
</script>
<style scoped lang="scss">
/deep/ .zdyCodeDialog {
opacity: 0;
}
/deep/ .treeDialog {
width: 680px;
height: 606px;
background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 8px;
position: absolute;
top: 40%;
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
.el-dialog__body {
height: 500px;
}
}
</style>
......@@ -133,10 +133,10 @@
top: 10px;
font-size: 50px;
color: #15baff;
right: 22%;
right: 27%;
cursor: pointer;
"
v-if="formData.unitcode"
v-if="formData.ladwGajgjgdms"
@click="backToUper"
>
<i class="el-icon-back"></i>
......@@ -282,7 +282,7 @@
</template>
<script>
import SelectTreeDialog from "@c/treeCode_components.vue";
import LazySelectTreeDialog from "@c/lazy_treeCode.vue";
import LazySelectTreeDialog from "@c/lazy_treeCode_componentsNew.vue";
import "echarts/map/js/china.js";
import zoom from "@/utils/autosize";
// import "echarts/map/js/province/neimenggu.js";
......@@ -1020,7 +1020,7 @@ export default {
let unitcode =
JSON.parse(sessionStorage.getItem("userInfo")).unitcode.slice(0, 2) +
"0000000000";
let unit = unitcode == "01000000000000" ? "" : unitcode;
let unit = unitcode == "010000000000" ? "" : unitcode;
self.$set(self.form2, "ladwGajgjgdms", unit);
self.propQueryField2.forEach((val) => {
if (val.type == "code" || val.type == "codeTreeDialog") {
......@@ -1115,7 +1115,8 @@ export default {
debugger;
if (this.chartsList["map"]) {
this.formData.ladwGajgjgdms = "";
this.getEsFpaTsfxQuerysList('')
this.xzqh = 'china'
this.getEsFpaTsfxQuerys();
}
},
getCodeSeleted(codeValue, item) {
......@@ -1435,8 +1436,8 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.form2.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[1],
xyrXb: params.seriesName == "男性" ? "1" : "2",
xyrNld: params.name,
type: "ry",
......@@ -1575,8 +1576,8 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.form2.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[1],
xyrZy: params.name,
type: "ry",
title: "职业数据分布详情",
......@@ -1714,8 +1715,8 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.form2.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[1],
xyrXl: params.name,
type: "ry",
title: "学历分布详情",
......@@ -1852,8 +1853,8 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.form2.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjStart: self.form2.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.form2.asjfssjAsjfskssjStart[1],
ajxlb: data6[params.dataIndex],
type: "aj",
title: "小类案TOP10详情",
......@@ -1974,9 +1975,10 @@ export default {
})
.then((res) => {
if (res.code == 200) {
// self.zxqh = self.zxqh ? self.xzqh:'china'
debugger;
self.xzqh = params.data.unitCode;
self.xzqh =
params.data.unitCode == "010000000000"
? "china"
: self.provinceCodes[params.data.unitCode.slice(0, 2)];
self.setMap(self.xzqh, res.data.rows, myChart);
}
})
......@@ -2126,13 +2128,12 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.formData.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[0],
gabAjzlb: self.formData.gabAjzlb,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[1],
gabAjzlb: self.formData.ajlbdm,
gabAjxzlb: self.formData.gabAjxzlb,
gabAjxalb: self.formData.gabAjxalb,
fpaType: params.seriesName == "发案数" ? "1" : "2",
ajxlb: data6[params.dataIndex],
type: "aj",
title: "发破案态势统计详情",
},
......@@ -2324,9 +2325,9 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.formData.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[0],
gabAjzlb: self.formData.gabAjzlb,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[1],
gabAjzlb: self.formData.ajlbdm,
gabAjxzlb: self.formData.gabAjxzlb,
gabAjxalb: self.formData.gabAjxalb,
xyrXzqh: dataCode[params.dataIndex],
......@@ -2480,9 +2481,9 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.formData.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[0],
gabAjzlb: self.formData.gabAjzlb,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[1],
gabAjzlb: self.formData.ajlbdm,
gabAjxzlb: self.formData.gabAjxzlb,
gabAjxalb: self.formData.gabAjxalb,
ajxlb: data6[params.dataIndex],
......@@ -2503,9 +2504,9 @@ export default {
path: "/kshTable",
query: {
ladwGajgjgdms: self.formData.ladwGajgjgdms,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[1],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[0],
gabAjzlb: self.formData.gabAjzlb,
asjfssjAsjfskssjStart: self.formData.asjfssjAsjfskssjStart[0],
asjfssjAsjfskssjEnd: self.formData.asjfssjAsjfskssjStart[1],
gabAjzlb: self.formData.ajlbdm,
gabAjxzlb: self.formData.gabAjxzlb,
gabAjxalb: self.formData.gabAjxalb,
fpaType: item.id == "maFaCount" ? "1" : "2",
......@@ -2536,6 +2537,7 @@ export default {
let points = [];
list.forEach((item) => {
let showName = item.name;
debugger;
if (item.name && self.provinceDic[item.name]) {
showName = self.provinceDic[item.name];
}
......@@ -2720,7 +2722,7 @@ export default {
option.geo.map = params.name;
myChart.setOption(option);
});
self.formData.unitcode =
self.formData.ladwGajgjgdms =
params.data.unitCode.substr(0, 2) + "0000000000";
self.getEsFpaTsfxQuerysList(params); //数据上图
}
......@@ -2754,11 +2756,9 @@ export default {
* @return {*}
*/
searchSuchCase() {
let unitcode =
JSON.parse(sessionStorage.getItem("userInfo")).unitcode.slice(0, 2) +
"0000000000";
if (!this.form2.ladwGajgjgdms) {
if (unitcode != "010000000000") {
debugger;
if (!this.formData.ladwGajgjgdms) {
if (this.formData.ladwGajgjgdms != "010000000000") {
this.$message.error("请选择立案单位");
} else {
this.xzqh =
......
......@@ -28,6 +28,46 @@
:width="item.width"
align="center"
>
<template slot-scope="scope">
<div v-if="item.prop == 'jyaq'">
<div class="ajxq_s">
<span class="none" v-html="scope.row[item.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[item.prop] != '' && scope.row[item.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[item.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[item.prop] != '' && scope.row[item.prop] != null
"
>收起</a
>
</div>
</div>
<div v-else v-html="scope.row[item.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
......
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