|
@@ -261,6 +261,32 @@
|
|
|
>指标分析
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="PlanningAnalysis(itemModel)"
|
|
|
+ >规划情况
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="CarPark(itemModel)"
|
|
|
+ >车位审核
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="ArchitecturalAnalysis(itemModel)"
|
|
|
+ >建筑风貌
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
@@ -500,6 +526,22 @@
|
|
|
>指标分析
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="PlanningAnalysis(itemModel)"
|
|
|
+ >规划情况
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="CarPark(itemModel)"
|
|
|
+ >车位审核
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
<!-- </el-col> -->
|
|
|
</el-row>
|
|
@@ -541,6 +583,7 @@ import addProjectInfo from "@/views/ConstructionApplication3D/projectInfo/addPro
|
|
|
import projectInfo from "@/views/ConstructionApplication3D/projectInfo/projectInfo.vue";
|
|
|
import skylineAnalysis from "@/views/ConstructionApplication3D/skylineAnalysis/skylineAnalysis.vue";
|
|
|
import SunlightAnalysis from "@/views/ConstructionApplication3D/SunlightAnalysis/SunlightAnalysis.vue";
|
|
|
+// import SunlightAnalysis from "@/views/ConstructionApplication3D/SunlightAnalysis/SunlightTImesAnalysis.vue";
|
|
|
import ConstructionModelInfo from "@/views/ConstructionApplication3D/ConstructionModelInfo/ConstructionModelInfo.vue";
|
|
|
import addConstructionModelInfo from "@/views/ConstructionApplication3D/ConstructionModelInfo/addConstructionModelInfo.vue";
|
|
|
import PlanningPlotInfo from "@/views/ConstructionApplication3D/PlanningPlot/PlanningPlotInfo.vue";
|
|
@@ -549,6 +592,8 @@ import backLineAnalysisinfo from "@/views/ConstructionApplication3D/backLineAnal
|
|
|
import ZYAnalysisinfo from "@/views/ConstructionApplication3D/ZYAnalysisinfo/ZYAnalysisinfo.vue";
|
|
|
import ZBFXAnalysisinfo from "@/views/ConstructionApplication3D/ZBFXAnalysisinfo/ZBFXAnalysisinfo.vue";
|
|
|
import MXDBinfo from "@/views/ConstructionApplication3D/MXDBinfo/MXDBinfo.vue";
|
|
|
+import ArchitecturaAnalysis from "@/views/ConstructionApplication3D/ArchitecturaAnalysis/ArchitecturaAnalysis.vue";
|
|
|
+import ghqk from "./ghqk.js";
|
|
|
export default {
|
|
|
name: "constructionApplication3D",
|
|
|
data() {
|
|
@@ -649,7 +694,10 @@ export default {
|
|
|
},
|
|
|
|
|
|
//分析列表显隐
|
|
|
- openAnalyzeList(itemModel) {
|
|
|
+ async openAnalyzeList(itemModel) {
|
|
|
+ if (this.layerList.length == 0) {
|
|
|
+ this.SelectConstructionModelHendle(itemModel);
|
|
|
+ }
|
|
|
const classList =
|
|
|
this.$refs[itemModel.id + "AnalyzeList"][0].$el.classList;
|
|
|
classList.toggle("none");
|
|
@@ -899,7 +947,7 @@ export default {
|
|
|
data: { info }, //props
|
|
|
},
|
|
|
offset: [left, top], //left top
|
|
|
- area: ["430px", "550px"],
|
|
|
+ area: ["430px", "600px"],
|
|
|
title: "日照分析",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
@@ -912,8 +960,8 @@ export default {
|
|
|
},
|
|
|
|
|
|
//添加模型
|
|
|
- addModel(Minfo) {
|
|
|
- // this.yp();
|
|
|
+ async addModel(Minfo) {
|
|
|
+ await this.yp([Minfo]);
|
|
|
var modelLayer = scene.open(Minfo.url);
|
|
|
let that = this;
|
|
|
that.layerDataList = [];
|
|
@@ -1006,8 +1054,8 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
//添加多个模型
|
|
|
- addModels(Minfos, completed) {
|
|
|
- // this.yp();
|
|
|
+ async addModels(Minfos, completed) {
|
|
|
+ await this.yp(Minfos);
|
|
|
let models = [];
|
|
|
Minfos.forEach((element) => {
|
|
|
var modelLayer = scene.open(element.url);
|
|
@@ -1198,12 +1246,12 @@ export default {
|
|
|
this.modelsload = [];
|
|
|
},
|
|
|
//定位模型
|
|
|
- positionModel(Minfo) {
|
|
|
+ async positionModel(Minfo) {
|
|
|
if (this.layerList.length > 0) {
|
|
|
let layer = scene.layers.find(this.layerList[0]);
|
|
|
viewer.flyTo(layer);
|
|
|
} else {
|
|
|
- this.addModel(Minfo);
|
|
|
+ this.SelectConstructionModelHendle(Minfo);
|
|
|
}
|
|
|
},
|
|
|
//模型对比按钮
|
|
@@ -1378,6 +1426,7 @@ export default {
|
|
|
//打开背景 打开背景 (不会被线段覆盖)
|
|
|
showBackground: true,
|
|
|
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
|
|
+ clampToS3M: true,
|
|
|
},
|
|
|
});
|
|
|
that.LandPlanningList.push(GHYDlayerData);
|
|
@@ -1962,12 +2011,23 @@ export default {
|
|
|
that.getoccupy(Minfo);
|
|
|
});
|
|
|
},
|
|
|
- //获取占压交集
|
|
|
+ /**
|
|
|
+ * 获取用地用海分类统一颜色
|
|
|
+ */
|
|
|
+ getLandColor(name) {
|
|
|
+ var color = "rgb(172,255,207)";
|
|
|
+ window.colorList.forEach((element) => {
|
|
|
+ if (element.name.indexOf(name) > -1) color = element.color;
|
|
|
+ });
|
|
|
+ return color;
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取占压交集
|
|
|
+ * @param Minfo
|
|
|
+ */
|
|
|
async getoccupy(Minfo) {
|
|
|
let that = this;
|
|
|
if (that.LandPlanningList.length > 0) {
|
|
|
- let ps = [];
|
|
|
- let DKBM = [];
|
|
|
let layer = flatten(window.layerTree).find(
|
|
|
(item) => item.core == "002002"
|
|
|
);
|
|
@@ -2027,32 +2087,20 @@ export default {
|
|
|
const element = feature.geometry.points[index];
|
|
|
ps.push(element.x);
|
|
|
ps.push(element.y);
|
|
|
- ps.push(15);
|
|
|
}
|
|
|
let DLLX = DLTBlayerData.data.find(
|
|
|
(c) => c.label == "DLMC"
|
|
|
).value;
|
|
|
- let col = Cesium.Color.ORANGE.withAlpha(0.7);
|
|
|
- switch (DLLX) {
|
|
|
- case "城镇村道路用地":
|
|
|
- col = Cesium.Color.DARKGREY.withAlpha(0.7);
|
|
|
- break;
|
|
|
- case "城镇住宅用地":
|
|
|
- col = Cesium.Color.LIGHTBLUE.withAlpha(0.7);
|
|
|
- break;
|
|
|
- case "灌木林地":
|
|
|
- col = Cesium.Color.LAWNGREEN.withAlpha(0.7);
|
|
|
- break;
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
+ let col = Cesium.Color.fromCssColorString(
|
|
|
+ that.getLandColor(DLLX)
|
|
|
+ );
|
|
|
|
|
|
//添加地类图斑
|
|
|
var orangePolygon1 = viewer.entities.add({
|
|
|
id: "DLTB-" + DLTBlayerData.id,
|
|
|
polygon: {
|
|
|
- hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(ps),
|
|
|
- perPositionHeight: true,
|
|
|
+ hierarchy: Cesium.Cartesian3.fromDegreesArray(ps),
|
|
|
+ // perPositionHeight: true,
|
|
|
material: col,
|
|
|
outline: true,
|
|
|
outlineColor: Cesium.Color.BLACK,
|
|
@@ -2065,8 +2113,7 @@ export default {
|
|
|
//点
|
|
|
position: Cesium.Cartesian3.fromDegrees(
|
|
|
DLTBlayerData.geometry.center.x,
|
|
|
- DLTBlayerData.geometry.center.y,
|
|
|
- 15
|
|
|
+ DLTBlayerData.geometry.center.y
|
|
|
),
|
|
|
label: {
|
|
|
text: DLLX, //描述内容
|
|
@@ -2079,10 +2126,11 @@ export default {
|
|
|
// 中心位置
|
|
|
pixelOffset: new Cesium.Cartesian2(0, -10),
|
|
|
//设置背景颜色透明
|
|
|
- backgroundColor: new Cesium.Color(0.0, 0.0, 0.0, 0.0),
|
|
|
+ backgroundColor: new Cesium.Color(0.0, 0.0, 0.0, 0.8),
|
|
|
//打开背景 打开背景 (不会被线段覆盖)
|
|
|
showBackground: true,
|
|
|
- heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
|
|
|
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
|
|
+ clampToS3M: true,
|
|
|
},
|
|
|
});
|
|
|
that.DLTBlayerDatas.push(DLTBlayerData);
|
|
@@ -2094,14 +2142,21 @@ export default {
|
|
|
this.openDLTBInfo(that.LandPlanningList, that.DLTBlayerDatas, Minfo);
|
|
|
},
|
|
|
|
|
|
- //指标分析
|
|
|
+ /**
|
|
|
+ * 指标分析
|
|
|
+ * @param Minfo
|
|
|
+ */
|
|
|
normAnalysis(Minfo) {
|
|
|
let that = this;
|
|
|
this.getGuiHuaDiKuai(function () {
|
|
|
that.getnorm(Minfo);
|
|
|
});
|
|
|
},
|
|
|
- // 获取指标
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取指标
|
|
|
+ * @param Minfo
|
|
|
+ */
|
|
|
async getnorm(Minfo) {
|
|
|
//组装指标对象
|
|
|
let tableDataList = [];
|
|
@@ -2336,6 +2391,141 @@ export default {
|
|
|
}
|
|
|
this.openZBFXInfo([tableDataList]);
|
|
|
},
|
|
|
+ /**
|
|
|
+ * 规划情况分析
|
|
|
+ */
|
|
|
+ async PlanningAnalysis(Minfo) {
|
|
|
+ let that = this;
|
|
|
+ this.getGuiHuaDiKuai(function () {
|
|
|
+ if (that.LandPlanningList.length > 0) {
|
|
|
+ ghqk.getPlanning(that.LandPlanningList, Minfo);
|
|
|
+ } else {
|
|
|
+ that.$message({
|
|
|
+ message: "当前位置未找到规划地块,请选择其他位置。",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 建筑风貌分析
|
|
|
+ */
|
|
|
+ async ArchitecturalAnalysis(Minfo) {
|
|
|
+ this.openArchitecturaInfo(
|
|
|
+ this.layerDataList,
|
|
|
+ this.LandPlanningList,
|
|
|
+ Minfo
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ async CarPark(Minfo) {
|
|
|
+ var that = this;
|
|
|
+ var dataSourceName = Minfo.dataSourceName; //模型数据集
|
|
|
+ var dataurl =
|
|
|
+ Minfo.dataurl +
|
|
|
+ "featureResults.rjson?returnContent=true&hasGeometry=true"; //报建项目服务地址
|
|
|
+ var tcwLayerName = window.CarPark.tcwLayer; //停车位图层
|
|
|
+ var floorLayerName = window.CarPark.floorLayer; //分层矢量图层
|
|
|
+ // var projectBoundLayer = window.CarPark.projectBoundLayer; //停车位图层
|
|
|
+ var classFld = window.CarPark.ClassFld; //建筑类型:居住、办公商业 商业 酒店
|
|
|
+ var classFldIndex = -1;
|
|
|
+ var classFldVal = "";
|
|
|
+
|
|
|
+ var landNoFld = window.CarPark.LandNo; //地块编号字段
|
|
|
+ var landNoFldIndex = -1;
|
|
|
+ var landNoFldVal = "";
|
|
|
+
|
|
|
+ var JRAreaFld = window.CarPark.JRArea; //当前楼层字段 //计容面积
|
|
|
+ var JRAreaFldIndex = -1;
|
|
|
+ var JRAreaFldVal = 0.0;
|
|
|
+
|
|
|
+ var JRRationFld = window.CarPark.JRRation; // 计容率
|
|
|
+ var JRRationFldIndex = -1;
|
|
|
+ var JRRationFldVal = 0.0;
|
|
|
+ var JSResult = [
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ projectinformationid: "",
|
|
|
+ modelname: "",
|
|
|
+ landNo: "",
|
|
|
+ totalMJ: "",
|
|
|
+ totalJRArea: "",
|
|
|
+ floorNumber: 1,
|
|
|
+ floors: {
|
|
|
+ layer: "",
|
|
|
+ mj: 0.0,
|
|
|
+ jrArea: 0.0,
|
|
|
+ rooms: 0,
|
|
|
+ items: [],
|
|
|
+ },
|
|
|
+ parks: {
|
|
|
+ totalCount: 0,
|
|
|
+ jdcCount: 0,
|
|
|
+ fjdcCount: 0,
|
|
|
+ floors: [
|
|
|
+ {
|
|
|
+ layer: "",
|
|
|
+ jdcCount: 0,
|
|
|
+ fjdcCount: 0,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ var dataSources = [];
|
|
|
+ dataSources.push(dataSourceName + ":" + tcwLayerName);
|
|
|
+ dataSources.push(dataSourceName + ":" + floorLayerName);
|
|
|
+ //获取停车位及分层数据
|
|
|
+ var result;
|
|
|
+ var queryByGeometryParameters = {
|
|
|
+ getFeatureMode: "SQL",
|
|
|
+ datasetNames: dataSources,
|
|
|
+ queryParameter: {
|
|
|
+ attributeFilter: "SMID>-1",
|
|
|
+ },
|
|
|
+ hasGeometry: "true",
|
|
|
+ };
|
|
|
+ result = await mapQuery(
|
|
|
+ Minfo.dataurl + "/featureResults.json?returnContent=true",
|
|
|
+ queryByGeometryParameters
|
|
|
+ );
|
|
|
+ if (result && result.totalCount == 0) {
|
|
|
+ this.$message("未查询到停车位和报建分层数据数据,请重新尝试");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 总建筑面积
|
|
|
+ */
|
|
|
+ var totalMJ = 0.0;
|
|
|
+ /**
|
|
|
+ * 总计容建筑面积
|
|
|
+ */
|
|
|
+ var totalJRArea = 0.0;
|
|
|
+ var jrFldIndex = -1;
|
|
|
+ debugger;
|
|
|
+ var datasetInfos = result.datasetInfos;
|
|
|
+ if (datasetInfos == null || datasetInfos.length == 0) {
|
|
|
+ that.$message("未查询到停车位和报建分层数据数据,请重新尝试");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var layerName = "";
|
|
|
+ for (var i = 0; i < datasetInfos.length; i++) {
|
|
|
+ if (datasetInfos[i].datasetName.indexOf(tcwLayerName) > -1)
|
|
|
+ layerName = tcwLayerName;
|
|
|
+ else if (datasetInfos[i].datasetName.indexOf(tcwLayerName) > -1) {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ result.features.forEach((feature) => {
|
|
|
+ // var DLTBlayerData = {
|
|
|
+ // id: uuidv4(),
|
|
|
+ // layerInfo: layer,
|
|
|
+ // data: [],
|
|
|
+ // geometry: feature.geometry,
|
|
|
+ // };
|
|
|
+ // feature.fieldNames.forEach((fieldName, i) => { });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
// 删除限高
|
|
|
removeHighLimit() {
|
|
|
viewer.entities.removeById("polygonA");
|
|
@@ -2432,6 +2622,12 @@ export default {
|
|
|
let info = that.DLTBlayerDatas.find((c) => c.id == id);
|
|
|
that.openOBJInfo("地类信息详情", info.data);
|
|
|
}
|
|
|
+ //城镇开发边界弹窗
|
|
|
+ if (pick && pick.id.id && pick.id.id.indexOf("CZKFBJ-") !== -1) {
|
|
|
+ let id = pick.id.id.split("CZKFBJ-")[1];
|
|
|
+ let info = ghqk.CZKFBJDatas.find((c) => c.id == id);
|
|
|
+ that.openOBJInfo("城镇开发边界信息详情", info.data);
|
|
|
+ }
|
|
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
|
|
},
|
|
|
//打开用地红线信息弹窗
|
|
@@ -2659,28 +2855,73 @@ export default {
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
- // 压平
|
|
|
- yp() {
|
|
|
- let flatPoints = [
|
|
|
- 109.48482400719071, 18.29951085777014, -10.00041263509053046676,
|
|
|
- 109.48554500174846, 18.30108393277133, -10.00047798530245388843,
|
|
|
- 109.4873746948443, 18.3010997277107, -10.35302657491684614,
|
|
|
- 109.48749476533833, 18.300990310771073, -10.0008463849132034158,
|
|
|
- 109.48748475731615, 18.299967228358295, -10.10017789504110265,
|
|
|
- 109.48662969547186, 18.299952380186266, -10.00015392120471346737,
|
|
|
- 109.48663008984137, 18.29976573938069, -10.5355135143000762,
|
|
|
- 109.48653283908195, 18.29969021497898, -10.09950885525611478,
|
|
|
- 109.48576555239313, 18.299690483879495, -10.09921040906718022,
|
|
|
- ];
|
|
|
- viewer.scene.layers.layerQueue.forEach((layer) => {
|
|
|
- let name = "flatten" + Math.random();
|
|
|
- let istrue = layer.addFlattenRegion({
|
|
|
- position: flatPoints,
|
|
|
- name: name,
|
|
|
- });
|
|
|
+ /**
|
|
|
+ * //打开建筑风貌弹窗
|
|
|
+ */
|
|
|
+ openArchitecturaInfo(layerDataList, LandPlanningList, Minfo) {
|
|
|
+ let that = this;
|
|
|
+ let w = document.body.offsetWidth;
|
|
|
+ let h = document.body.offsetHeight;
|
|
|
+ //左上角(left=弹窗宽/2;top=弹窗高/2+header高)
|
|
|
+ //右上角 (left=w-弹窗宽+(弹窗宽/2);top=弹窗高/2+header高);
|
|
|
+ let left = w - 430 + 430 / 2;
|
|
|
+ let top = 430 / 2 + 60;
|
|
|
+ this.$layer.iframe({
|
|
|
+ id: "JZFM",
|
|
|
+ content: {
|
|
|
+ content: ArchitecturaAnalysis, //传递的组件对象
|
|
|
+ parent: this, //当前的vue对象
|
|
|
+ data: { info: { Minfo, layerDataList, LandPlanningList } }, //props
|
|
|
+ },
|
|
|
+ offset: [left, top], //left top
|
|
|
+ area: ["430px", "430px"], //宽 高
|
|
|
+ title: "建筑风貌分析",
|
|
|
+ maxmin: false,
|
|
|
+ shade: false, //是否显示遮罩
|
|
|
+ shadeClose: false, //点击遮罩是否关闭
|
|
|
+ cancel: () => {},
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 压平
|
|
|
+ * @param Minfos 模型信息
|
|
|
+ */
|
|
|
+ async yp(Minfos) {
|
|
|
+ for (let index = 0; index < Minfos.length; index++) {
|
|
|
+ const Minfo = Minfos[index];
|
|
|
+
|
|
|
+ //获取模型信息
|
|
|
+ let queryBySQLParameters = {
|
|
|
+ getFeatureMode: "SQL",
|
|
|
+ datasetNames: [Minfo.dataSourceName + ":项目范围"],
|
|
|
+ queryParameter: {
|
|
|
+ attributeFilter: "1=1",
|
|
|
+ },
|
|
|
+ hasGeometry: true,
|
|
|
+ };
|
|
|
+ let e = await mapQuery(
|
|
|
+ Minfo.dataurl + "/featureResults.json?returnContent=true",
|
|
|
+ queryBySQLParameters
|
|
|
+ );
|
|
|
+
|
|
|
+ debugger;
|
|
|
+ if (e && e.totalCount > 0) {
|
|
|
+ e.features.forEach((element) => {
|
|
|
+ let flatPoints = element.geometry.points
|
|
|
+ .map((item) => [item.x, item.y, 6.5])
|
|
|
+ .flat();
|
|
|
+ viewer.scene.layers.layerQueue.forEach((layer) => {
|
|
|
+ let name = "flatten" + Math.random();
|
|
|
+ let istrue = layer.addFlattenRegion({
|
|
|
+ position: flatPoints,
|
|
|
+ name: name,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
qxyp() {
|
|
|
viewer.scene.layers.layerQueue.forEach((layer) => {
|
|
|
layer.removeAllFlattenRegion();
|
|
@@ -2694,10 +2935,11 @@ export default {
|
|
|
this.removeDLlayerDatasList();
|
|
|
this.removeJZTXlayerDatas();
|
|
|
this.removeDLTBlayerDatas();
|
|
|
+ ghqk.removeAll();
|
|
|
},
|
|
|
DestroyAll() {
|
|
|
scene.multiViewportMode = Cesium.MultiViewportMode.NONE;
|
|
|
- // this.qxyp();
|
|
|
+ this.qxyp();
|
|
|
if (this.getEntitiesHandler) {
|
|
|
this.getEntitiesHandler.removeInputAction(
|
|
|
Cesium.ScreenSpaceEventType.LEFT_CLICK
|
|
@@ -2721,9 +2963,11 @@ export default {
|
|
|
.card_body_style {
|
|
|
border: 1px dashed #02a7f0;
|
|
|
}
|
|
|
+
|
|
|
.hover_style:hover {
|
|
|
border: 1px solid #02a7f0;
|
|
|
}
|
|
|
+
|
|
|
.checkedState {
|
|
|
position: relative;
|
|
|
|
|
@@ -2735,6 +2979,7 @@ export default {
|
|
|
overflow: hidden;
|
|
|
// border-radius: 6px;
|
|
|
}
|
|
|
+
|
|
|
.icon {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
@@ -2755,12 +3000,14 @@ export default {
|
|
|
color: #ec808c;
|
|
|
// font-size: 18px;
|
|
|
}
|
|
|
+
|
|
|
/* 带圆角的话这个status 和 txts的宽度/宽度 是要比icon的宽度/高度小的,效果可以自己慢慢调 */
|
|
|
.ce {
|
|
|
width: 4rem;
|
|
|
height: 4rem;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.con-col {
|
|
|
display: flex;
|
|
|
flex-flow: column nowrap;
|