|
@@ -11,59 +11,17 @@
|
|
|
<Tabs value="">
|
|
|
<TabPane :label="Resource.Resource" name="zyml">
|
|
|
<div class="zyml" :class="$props.splitId >= 0 ? `zymlsplit` : ''">
|
|
|
- <div class="headerSearch">
|
|
|
- <el-form ref="form" :model="form">
|
|
|
- <el-form-item label="数据年份:" v-if="$props.type == 'share'">
|
|
|
- <el-col :span="8">
|
|
|
- <el-date-picker
|
|
|
- placeholder="开始年份"
|
|
|
- v-model="form.startYear"
|
|
|
- type="year"
|
|
|
- format="yyyy"
|
|
|
- value-format="yyyy"
|
|
|
- popper-class='myDatePicker'
|
|
|
- ></el-date-picker>
|
|
|
- </el-col>
|
|
|
- <el-col class="line" :span="2">-</el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-date-picker
|
|
|
- placeholder="结束年份"
|
|
|
- v-model="form.endYears"
|
|
|
- type="year"
|
|
|
- format="yyyy"
|
|
|
- value-format="yyyy"
|
|
|
- popper-class='myDatePicker'
|
|
|
- ></el-date-picker>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-input
|
|
|
- :placeholder="Resource.InputPlaceholder"
|
|
|
- prefix-icon="el-icon-search"
|
|
|
- v-model="form.treeSearchText"
|
|
|
- size="small"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <div
|
|
|
- class="eicon"
|
|
|
- :class="isshowNum ? 'eyes' : 'close_eyes'"
|
|
|
- @click="isshowNum = !isshowNum"
|
|
|
- ></div>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <!-- <span>数据年份:</span>
|
|
|
+ <div :class="$props.type == 'share' ? 'headerSearch' : 'searchDiv'">
|
|
|
<el-date-picker
|
|
|
- v-model="value"
|
|
|
+ placeholder="数据年份"
|
|
|
+ v-model="treeYearText"
|
|
|
type="year"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
format="yyyy"
|
|
|
value-format="yyyy"
|
|
|
- >
|
|
|
- </el-date-picker> -->
|
|
|
- </div>
|
|
|
- <!-- <div class="searchDiv">
|
|
|
+ popper-class="myDatePicker"
|
|
|
+ v-if="$props.type == 'share'"
|
|
|
+ size="small"
|
|
|
+ ></el-date-picker>
|
|
|
<el-input
|
|
|
:placeholder="Resource.InputPlaceholder"
|
|
|
prefix-icon="el-icon-search"
|
|
@@ -76,7 +34,7 @@
|
|
|
:class="isshowNum ? 'eyes' : 'close_eyes'"
|
|
|
@click="isshowNum = !isshowNum"
|
|
|
></div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
<div class="treeDiv">
|
|
|
<el-tree
|
|
|
@check="handleCheckChange"
|
|
@@ -96,7 +54,11 @@
|
|
|
: node.label
|
|
|
}}</span>
|
|
|
<span>
|
|
|
- <i class="el-icon-notebook-2" v-if="data.url != '' && $props.type == 'share'" @click="showDetail(data)"></i>
|
|
|
+ <i
|
|
|
+ class="el-icon-share"
|
|
|
+ v-if="data.url != '' && $props.type == 'share'"
|
|
|
+ @click="showDetail(data)"
|
|
|
+ ></i>
|
|
|
<Icon
|
|
|
:type="!data.favorite ? 'ios-star-outline' : 'ios-star'"
|
|
|
color="green"
|
|
@@ -178,7 +140,7 @@
|
|
|
</List>
|
|
|
</div>
|
|
|
</TabPane>
|
|
|
- <TabPane :label="Resource.Favorite" name="collect">
|
|
|
+ <TabPane :label="Resource.Favorite" name="collect" v-if="$props.type != 'share'">
|
|
|
<div class="collect" :class="$props.splitId >= 0 ? `collectsplit` : ''">
|
|
|
<List split>
|
|
|
<ListItem
|
|
@@ -210,7 +172,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { Collect, GetResourceTree, GetMyCollect } from "@/api/map";
|
|
|
+import {
|
|
|
+ Collect,
|
|
|
+ GetResourceTree,
|
|
|
+ GetShareTree,
|
|
|
+ GetMyCollect,
|
|
|
+} from "@/api/map";
|
|
|
+import { Getservicetype } from "@/views/ResourceShare/myApplication/config.js";
|
|
|
export default {
|
|
|
name: "LayerManageSplit",
|
|
|
props: {
|
|
@@ -234,17 +202,13 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- form: {
|
|
|
- startYear: "",
|
|
|
- endYears: "",
|
|
|
- treeSearchText: "",
|
|
|
- },
|
|
|
- addlayerdata:[],//用于双向绑定
|
|
|
+ addlayerdata: [], //用于双向绑定
|
|
|
defaultProps: {
|
|
|
children: "children",
|
|
|
label: "label",
|
|
|
},
|
|
|
treeSearchText: "",
|
|
|
+ treeYearText:"",
|
|
|
favoriteLayerList: [],
|
|
|
sharedState: store.state,
|
|
|
TreeDatas: [
|
|
@@ -269,8 +233,15 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- showDetail(data){
|
|
|
- console.log(data,'woshidata');
|
|
|
+ async showDetail(data) {
|
|
|
+ console.log(data, "woshidata");
|
|
|
+ let serverTypeList = await Getservicetype();
|
|
|
+ serverTypeList.forEach((ty) => {
|
|
|
+ if (data.type == ty.dictValue) {
|
|
|
+ data.type = ty.dictLabel;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ console.log(data.serverType, "data.serverType");
|
|
|
this.$emit("updateParent", "isShowService", true);
|
|
|
this.$emit("updateParent", "detailObj", data);
|
|
|
},
|
|
@@ -376,14 +347,31 @@ export default {
|
|
|
},
|
|
|
//获取后台资源目录树结构
|
|
|
getResourceTree() {
|
|
|
- GetResourceTree().then((res) => {
|
|
|
+ if (this.$props.type == "share") {
|
|
|
+ this.getShareTree();
|
|
|
+ } else {
|
|
|
+ GetResourceTree().then((res) => {
|
|
|
+ if (res.statuscode == 200) {
|
|
|
+ // 从根节点开始递归
|
|
|
+ res.data.forEach((rootNode) => {
|
|
|
+ this.setDisabledIfChildrenExist(rootNode);
|
|
|
+ });
|
|
|
+ this.TreeDatas = res.data;
|
|
|
+ store.state.tempResourceTree = res.data;
|
|
|
+ } else {
|
|
|
+ console.log(res);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getShareTree() {
|
|
|
+ GetShareTree().then((res) => {
|
|
|
if (res.statuscode == 200) {
|
|
|
// 从根节点开始递归
|
|
|
res.data.forEach((rootNode) => {
|
|
|
this.setDisabledIfChildrenExist(rootNode);
|
|
|
});
|
|
|
this.TreeDatas = res.data;
|
|
|
-
|
|
|
store.state.tempResourceTree = res.data;
|
|
|
} else {
|
|
|
console.log(res);
|
|
@@ -416,6 +404,7 @@ export default {
|
|
|
|
|
|
mounted() {
|
|
|
this.getResourceTree();
|
|
|
+ // this.getShareTree();
|
|
|
this.getFavoriteLayers();
|
|
|
},
|
|
|
|
|
@@ -423,6 +412,9 @@ export default {
|
|
|
treeSearchText(val) {
|
|
|
this.$refs.tree.filter(val);
|
|
|
},
|
|
|
+ treeYearText(val) {
|
|
|
+ this.$refs.tree.filter(val);
|
|
|
+ },
|
|
|
LayerManageShow: {
|
|
|
handler() {
|
|
|
if (this.LayerManageShow && this.$props.type) {
|
|
@@ -436,9 +428,9 @@ export default {
|
|
|
},
|
|
|
immediate: true,
|
|
|
},
|
|
|
- addlayerdata(val){
|
|
|
- this.addlayerdata = val
|
|
|
- }
|
|
|
+ addlayerdata(val) {
|
|
|
+ this.addlayerdata = val;
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -455,6 +447,21 @@ export default {
|
|
|
width: calc(100% - 30px);
|
|
|
}
|
|
|
}
|
|
|
+.headerSearch {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-right: 10px;
|
|
|
+
|
|
|
+ .el-input {
|
|
|
+ width: 48%;
|
|
|
+ }
|
|
|
+ /deep/ .el-input--small .el-input__inner {
|
|
|
+ color: white !important;
|
|
|
+ background: rgba(100, 218, 255, 0.1);
|
|
|
+ border-radius: 2px 10px 2px 10px;
|
|
|
+ border-color: #5ecef09a;
|
|
|
+ }
|
|
|
+}
|
|
|
// .headerSearch {
|
|
|
// /deep/ .el-form-item{
|
|
|
// // display: flex;
|