From 68d96e197c921bb61bc079d42b617692eca36f55 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期二, 31 十月 2023 16:11:55 +0800 Subject: [PATCH] 投影图层管理 --- src/views/datamanage/resourceManagement.vue | 638 ++++++++++++++------------------------------------------- 1 files changed, 156 insertions(+), 482 deletions(-) diff --git a/src/views/datamanage/resourceManagement.vue b/src/views/datamanage/resourceManagement.vue index 89cdf11..77bf1dc 100644 --- a/src/views/datamanage/resourceManagement.vue +++ b/src/views/datamanage/resourceManagement.vue @@ -1,466 +1,191 @@ <template> <div class="subpage_Box"> <My-bread :list="[ - `${$t('dataManage.dataManage')}`, - `${$t('dataManage.resourceManage')}`, - ]"></My-bread> + `${$t('dataManage.dataManage')}`, + `${$t('dataManage.resourceManage')}`, + ]"></My-bread> <el-divider /> <div class="mainBox"> - <div - class="content_box " - ref="container" - > - <el-form - :inline="true" - :model="formInline" - class="demo-form-inline" - > + <div class="content_box " ref="container"> + <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item> - <el-input - size="small" - :title="$t('dataManage.vmobj.keyword')" - v-model="formInline.name" - :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')" - > <i - :title="$t('common.iquery')" - slot="suffix" - @click="getResTableData" - class="el-icon-search" - style="padding-right: 8px" - ></i></el-input> + <el-input size="small" :title="$t('dataManage.vmobj.keyword')" v-model="formInline.name" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"> <i :title="$t('common.iquery')" slot="suffix" + @click="getResTableData" class="el-icon-search" style="padding-right: 8px"></i></el-input> </el-form-item> <!-- 鏈嶅姟绫诲埆 --> <el-form-item> - <el-select - size="small" - v-model="formInline.category" - :placeholder="$t('dataManage.layerObj.prompt18')" - @change="getResTableData" - > - <el-option - v-for="item in serviceType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select size="small" v-model="formInline.category" :placeholder="$t('dataManage.layerObj.prompt18')" + @change="getResTableData"> + <el-option v-for="item in serviceType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <!-- 鏁版嵁绫诲瀷 --> <el-form-item> - <el-select - size="small" - v-model="formInline.data" - :placeholder="$t('dataManage.layerObj.prompt8')" - @change="getResTableData" - > - <el-option - v-for="item in dataType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select size="small" v-model="formInline.data" :placeholder="$t('dataManage.layerObj.prompt8')" + @change="getResTableData"> + <el-option v-for="item in dataType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <!-- 鏈嶅姟绫诲埆 --> <el-form-item> - <el-select - size="small" - v-model="formInline.type" - :placeholder="$t('dataManage.layerObj.prompt3')" - @change="getResTableData" - > - <el-option - v-for="item in dataTypes" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select size="small" v-model="formInline.type" :placeholder="$t('dataManage.layerObj.prompt3')" + @change="getResTableData"> + <el-option v-for="item in dataTypes" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <!-- 鐘舵�� --> <el-form-item> - <el-select - size="small" - v-model="formInline.status" - :placeholder="$t('dataManage.layerObj.prompt19')" - @change="getResTableData" - > - <el-option - v-for="item in statusType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select size="small" v-model="formInline.status" :placeholder="$t('dataManage.layerObj.prompt19')" + @change="getResTableData"> + <el-option v-for="item in statusType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item style="float: right;"> - <el-button - v-if="menuStatus.insert" - icon="el-icon-edit" - type="success" - @click="setInsertTableData" - size="small" - >{{ $t('common.append') }} + <el-button v-if="menuStatus.insert" icon="el-icon-edit" type="success" @click="setInsertTableData" + size="small">{{ $t('common.append') }} </el-button> - <el-button - v-if="menuStatus.delete" - icon="el-icon-delete" - type="danger" - @click="setDelTableData" - size="small" - >{{ $t('common.delete') }} + <el-button v-if="menuStatus.delete" icon="el-icon-delete" type="danger" @click="setDelTableData" + size="small">{{ $t('common.delete') }} </el-button> - <el-button - icon="el-icon-refresh" - type="info" - size="small" - @click="setEmptyData" - >{{ $t('common.empty') }} + <el-button icon="el-icon-refresh" type="info" size="small" @click="setEmptyData">{{ $t('common.empty') }} </el-button> </el-form-item> </el-form> </div> <div class="dividing-line"></div> - <div - class="table_box" - :style="styleVar" - > - <el-table - :data="tableData" - style="width: 100%" - border - height="calc(100% - 10px)" - @selection-change="handleSelectionChange" - @cell-dblclick="copyText" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - align="center" - type="index" - :label="$t('dataManage.styleObj.index')" - width="100" - /> - <el-table-column - align="center" - prop="cnName" - :label="$t('dataManage.layerObj.resourceName')" - width="150" - /> + <div class="table_box" :style="styleVar"> + <el-table :data="tableData" style="width: 100%" border height="calc(100% - 10px)" + @selection-change="handleSelectionChange" @cell-dblclick="copyText"> + <el-table-column type="selection" width="55" /> + <el-table-column align="center" type="index" :label="$t('dataManage.styleObj.index')" width="100" /> + <el-table-column align="center" prop="cnName" :label="$t('dataManage.layerObj.resourceName')" width="150" /> <!-- <el-table-column align="center" prop="enName" :label="$t('dataManage.layerObj.englishName')" width="170" /> --> - <el-table-column - align="center" - prop="status" - :label="$t('dataManage.layerObj.status')" - :formatter="setResStatus" - width="150" - /> - <el-table-column - align="center" - prop="category" - :label="$t('dataManage.layerObj.firm')" - :formatter="setResCategory" - width="150" - /> - <el-table-column - align="center" - prop="type" - :label="$t('dataManage.layerObj.serviceType')" - :formatter="setResType" - width="150" - /> - <el-table-column - align="center" - prop="data" - :label="$t('dataManage.layerObj.dataType')" - :formatter="setResData" - width="150" - /> - <el-table-column - align="center" - prop="tab" - :label="$t('dataManage.layerObj.tableName')" - width="150" - /> - <el-table-column - align="center" - prop="url" - :label="$t('dataManage.layerObj.serviceAddress')" - width="300" - /> - <el-table-column - align="center" - prop="args" - :label="$t('dataManage.layerObj.serviceParameters')" - width="220" - /> - <el-table-column - align="center" - prop="test" - :label="$t('dataManage.layerObj.testAddress')" - width="300" - /> - <el-table-column - align="center" - prop="proxy" - :label="$t('dataManage.layerObj.proxyAddress')" - width="300" - :formatter="formatProxy" - /> - <el-table-column - align="center" - prop="descr" - :label="$t('dataManage.layerObj.descr')" - width="200" - /> - <el-table-column - align="center" - prop="createName" - :label="$t('dataManage.vmobj.createonuser')" - width="200" - /> - <el-table-column - align="center" - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - width="200" - :formatter="formatData" - /> - <el-table-column - align="center" - prop="updateName" - :label="$t('dataManage.vmobj.updateonuser')" - width="200" - /> - <el-table-column - align="center" - prop="updateTime" - :label="$t('dataManage.vmobj.updateontime')" - width="200" - :formatter="formatData" - /> - <el-table-column - align="center" - prop="bak" - :label="$t('common.bak')" - width="200" - /> - <el-table-column - :label="$t('common.operate')" - width="200" - > + <el-table-column align="center" prop="status" :label="$t('dataManage.layerObj.status')" + :formatter="setResStatus" width="150" /> + <el-table-column align="center" prop="category" :label="$t('dataManage.layerObj.firm')" + :formatter="setResCategory" width="150" /> + <el-table-column align="center" prop="type" :label="$t('dataManage.layerObj.serviceType')" + :formatter="setResType" width="150" /> + <el-table-column align="center" prop="data" :label="$t('dataManage.layerObj.dataType')" :formatter="setResData" + width="150" /> + <el-table-column align="center" prop="tab" :label="$t('dataManage.layerObj.tableName')" width="150" /> + <el-table-column align="center" prop="url" :label="$t('dataManage.layerObj.serviceAddress')" width="300" /> + <el-table-column align="center" prop="args" :label="$t('dataManage.layerObj.serviceParameters')" width="220" /> + <el-table-column align="center" prop="test" :label="$t('dataManage.layerObj.testAddress')" width="300" /> + <el-table-column align="center" prop="proxy" :label="$t('dataManage.layerObj.proxyAddress')" width="300" + :formatter="formatProxy" /> + <el-table-column align="center" prop="descr" :label="$t('dataManage.layerObj.descr')" width="200" /> + <el-table-column align="center" prop="createName" :label="$t('dataManage.vmobj.createonuser')" width="200" /> + <el-table-column align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')" width="200" + :formatter="formatData" /> + <el-table-column align="center" prop="updateName" :label="$t('dataManage.vmobj.updateonuser')" width="200" /> + <el-table-column align="center" prop="updateTime" :label="$t('dataManage.vmobj.updateontime')" width="200" + :formatter="formatData" /> + <el-table-column align="center" prop="bak" :label="$t('common.bak')" width="200" /> + <el-table-column :label="$t('common.operate')" width="200"> <template slot-scope="scope"> - <el-button - @click="setScopeEdit(scope.row)" - size="small" - type="warning" - plain - >{{ $t('common.update') }}</el-button> - <el-button - size="small" - v-show="scope.row.status != 0" - plain - @click="setScopePreview(scope.row)" - >{{ $t('common.preview') }}</el-button> + <el-button @click="setScopeEdit(scope.row)" size="small" type="warning" plain>{{ $t('common.update') + }}</el-button> + <el-button size="small" v-show="scope.row.status != 0" plain @click="setScopePreview(scope.row)">{{ + $t('common.preview') }}</el-button> </template> </el-table-column> </el-table> - <div - class="pagination_box" - style="margin-top: 15px" - > - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 50,100,200]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="listData.count" - > + <div class="pagination_box" style="margin-top: 15px"> + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="listData.pageIndex" :page-sizes="[10, 50, 100, 200]" :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="listData.count"> </el-pagination> </div> </div> </div> - <el-dialog - :title="$t('common.append')" - :visible.sync="insertDialog" - width="50%" - :show-close="false" - > + <el-dialog :title="$t('common.append')" :visible.sync="insertDialog" width="50%" :show-close="false"> <div style="width: 100%;max-height: 63vh;overflow-y: auto;"> - <el-form - :model="insertData" - class="demo-form-inline" - label-width="120px" - > + <el-form :model="insertData" class="demo-form-inline" label-width="120px"> <el-form-item :label="$t('dataManage.layerObj.resourceName')"> - <el-input - v-model="insertData.cnName" - :placeholder="$t('dataManage.layerObj.prompt13')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.cnName" :placeholder="$t('dataManage.layerObj.prompt13')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.firm')"> - <el-select - class="insertWidth" - v-model="insertData.category" - :placeholder="$t('dataManage.layerObj.prompt3')" - > - <el-option - v-for="item in serviceType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="insertData.category" :placeholder="$t('dataManage.layerObj.prompt3')"> + <el-option v-for="item in serviceType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.dataType')"> - <el-select - class="insertWidth" - v-model="insertData.data" - @change="setCategoryTypeChange" - :placeholder="$t('dataManage.layerObj.prompt3')" - > - <el-option - v-for="item in dataType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="insertData.data" @change="setCategoryTypeChange" + :placeholder="$t('dataManage.layerObj.prompt3')"> + <el-option v-for="item in dataType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceType')"> - <el-select - class="insertWidth" - v-model="insertData.type" - :placeholder="$t('dataManage.layerObj.prompt8')" - > - <el-option - v-for="item in categoryType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="insertData.type" :placeholder="$t('dataManage.layerObj.prompt8')"> + <el-option v-for="item in categoryType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> - <el-form-item - v-if="insertData.category == 2" - :label="$t('dataManage.layerObj.layerName')" - > - <el-input - v-model="insertData.tab" - class="insertWidth" - :placeholder="$t('dataManage.layerObj.prompt1')" - ></el-input> + <el-form-item v-if="insertData.category == 2" :label="$t('dataManage.layerObj.layerName')"> + <el-input v-model="insertData.tab" class="insertWidth" + :placeholder="$t('dataManage.layerObj.prompt1')"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceAddress')"> - <el-input - v-model="insertData.url" - :placeholder="$t('dataManage.layerObj.prompt4')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.url" :placeholder="$t('dataManage.layerObj.prompt4')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.testAddress')"> - <el-input - v-model="insertData.test" - :placeholder="$t('dataManage.layerObj.prompt9')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.test" :placeholder="$t('dataManage.layerObj.prompt9')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceParameters')"> - <el-input - v-model="insertData.args" - :placeholder="$t('dataManage.layerObj.prompt15')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.args" :placeholder="$t('dataManage.layerObj.prompt15')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.status')"> <div class="insertWidth"> - <el-radio - v-model="insertData.status" - label="0" - >{{$t('dataManage.layerObj.disable')}}</el-radio> - <el-radio - v-model="insertData.status" - label="1" - > {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio> - <el-radio - v-model="insertData.status" - label="2" - > {{$t('dataManage.layerObj.enableProxy')}}</el-radio> + <el-radio v-model="insertData.status" label="0">{{ $t('dataManage.layerObj.disable') }}</el-radio> + <el-radio v-model="insertData.status" label="1"> + {{ $t('dataManage.layerObj.enableOriginalAddress') }}</el-radio> + <el-radio v-model="insertData.status" label="2"> {{ $t('dataManage.layerObj.enableProxy') }}</el-radio> </div> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.descr')"> - <el-input - v-model="insertData.descr" - :placeholder="$t('dataManage.layerObj.prompt16')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.descr" :placeholder="$t('dataManage.layerObj.prompt16')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('common.bak')"> - <el-input - v-model="insertData.bak" - :placeholder="$t('dataManage.layerObj.prompt17')" - class="insertWidth" - ></el-input> + <el-input v-model="insertData.bak" :placeholder="$t('dataManage.layerObj.prompt17')" + class="insertWidth"></el-input> </el-form-item> </el-form> - <span - slot="footer" - class="dialog-footer" - style="float: right; margin-right: 10%;" - > - <el-button - @click="setInsertCannel" - size="small" - >{{ $t('common.cancel') }}</el-button> - <el-button - type="primary" - size="small" - @click="setInsertConfirm" - >{{ $t('common.confirm') }}</el-button> + <span slot="footer" class="dialog-footer" style="float: right; margin-right: 10%;"> + <el-button @click="setInsertCannel" size="small">{{ $t('common.cancel') }}</el-button> + <el-button type="primary" size="small" @click="setInsertConfirm">{{ $t('common.confirm') }}</el-button> </span> </div> </el-dialog> - <el-dialog - :title="$t('common.edit')" - :visible.sync="editDialog" - width="50%" - :before-close="handleEditClose" - > + <el-dialog :title="$t('common.edit')" :visible.sync="editDialog" width="50%" :before-close="handleEditClose"> <div style="width: 100%;max-height: 63vh;overflow-y: auto;"> - <el-form - :model="editData" - class="demo-form-inline" - label-width="120px" - > + <el-form :model="editData" class="demo-form-inline" label-width="120px"> <el-form-item :label="$t('dataManage.layerObj.resourceName')"> - <el-input - v-model="editData.cnName" - :placeholder="$t('dataManage.layerObj.prompt13')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.cnName" :placeholder="$t('dataManage.layerObj.prompt13')" + class="insertWidth"></el-input> </el-form-item> <!-- <el-form-item :label="$t('dataManage.layerObj.englishName')"> <el-input @@ -470,151 +195,73 @@ ></el-input> </el-form-item> --> <el-form-item :label="$t('dataManage.layerObj.firm')"> - <el-select - class="insertWidth" - v-model="editData.category" - :placeholder="$t('dataManage.layerObj.prompt3')" - > - <el-option - v-for="item in serviceType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="editData.category" :placeholder="$t('dataManage.layerObj.prompt3')"> + <el-option v-for="item in serviceType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.dataType')"> - <el-select - class="insertWidth" - v-model="editData.data" - @change="setEdtitTypeChange" - :placeholder="$t('dataManage.layerObj.prompt3')" - > - <el-option - v-for="item in dataType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="editData.data" @change="setEdtitTypeChange" + :placeholder="$t('dataManage.layerObj.prompt3')"> + <el-option v-for="item in dataType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceType')"> - <el-select - class="insertWidth" - v-model="editData.type" - :placeholder="$t('dataManage.layerObj.prompt8')" - > - <el-option - v-for="item in categoryType" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select class="insertWidth" v-model="editData.type" :placeholder="$t('dataManage.layerObj.prompt8')"> + <el-option v-for="item in categoryType" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.tableName')"> - <el-input - v-model="editData.tab" - class="insertWidth" - :placeholder="$t('dataManage.layerObj.prompt12')" - ></el-input> + <el-input v-model="editData.tab" class="insertWidth" + :placeholder="$t('dataManage.layerObj.prompt12')"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceAddress')"> - <el-input - v-model="editData.url" - :placeholder="$t('dataManage.layerObj.prompt4')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.url" :placeholder="$t('dataManage.layerObj.prompt4')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.testAddress')"> - <el-input - v-model="editData.test" - :placeholder="$t('dataManage.layerObj.prompt9')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.test" :placeholder="$t('dataManage.layerObj.prompt9')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.serviceParameters')"> - <el-input - v-model="editData.args" - :placeholder="$t('dataManage.layerObj.prompt15')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.args" :placeholder="$t('dataManage.layerObj.prompt15')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.status')"> <div class="insertWidth"> - <el-radio - v-model="editData.status" - label="0" - >{{$t('dataManage.layerObj.disable')}}</el-radio> - <el-radio - v-model="editData.status" - label="1" - > {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio> - <el-radio - v-model="editData.status" - label="2" - > {{$t('dataManage.layerObj.enableProxy')}}</el-radio> + <el-radio v-model="editData.status" label="0">{{ $t('dataManage.layerObj.disable') }}</el-radio> + <el-radio v-model="editData.status" label="1"> + {{ $t('dataManage.layerObj.enableOriginalAddress') }}</el-radio> + <el-radio v-model="editData.status" label="2"> {{ $t('dataManage.layerObj.enableProxy') }}</el-radio> </div> </el-form-item> <el-form-item :label="$t('dataManage.layerObj.descr')"> - <el-input - v-model="editData.descr" - :placeholder="$t('dataManage.layerObj.prompt16')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.descr" :placeholder="$t('dataManage.layerObj.prompt16')" + class="insertWidth"></el-input> </el-form-item> <el-form-item :label="$t('common.bak')"> - <el-input - v-model="editData.bak" - :placeholder="$t('dataManage.layerObj.prompt17')" - class="insertWidth" - ></el-input> + <el-input v-model="editData.bak" :placeholder="$t('dataManage.layerObj.prompt17')" + class="insertWidth"></el-input> </el-form-item> </el-form> - <span - slot="footer" - class="dialog-footer" - style="float: right; margin-right: 10%;" - > - <el-button - @click="setEditReset" - size="small" - >{{ $t('common.reset') }}</el-button> - <el-button - type="primary" - size="small" - @click="setEditConfirm" - >{{ $t('common.confirm') }}</el-button> + <span slot="footer" class="dialog-footer" style="float: right; margin-right: 10%;"> + <el-button @click="setEditReset" size="small">{{ $t('common.reset') }}</el-button> + <el-button type="primary" size="small" @click="setEditConfirm">{{ $t('common.confirm') }}</el-button> </span> </div> </el-dialog> <!-- 鍦板潃棰勮 --> - <el-dialog - :title="$t('common.preview')" - :class="isFullscreen ? '' : 'dialogClass_his'" - custom-class="handleDialogClass" - width="73.4%" - :fullscreen="isFullscreen" - v-if="prevDialog" - :visible.sync="prevDialog" - :show-close="false" - :close-on-click-modal="false" - :close-on-press-escape="false" - > - <dialog-header - slot="title" - :dialog-tittle="$t('common.preview')" - :fullscreen="isFullscreen" - @handle-closed="handleClose" - @is-fullscreen="onFullscreen" - ></dialog-header> - <div :class="{'fullscreen1':isFullscreen}"> + <el-dialog :title="$t('common.preview')" :class="isFullscreen ? '' : 'dialogClass_his'" + custom-class="handleDialogClass" width="73.4%" :fullscreen="isFullscreen" v-if="prevDialog" + :visible.sync="prevDialog" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false"> + <dialog-header slot="title" :dialog-tittle="$t('common.preview')" :fullscreen="isFullscreen" + @handle-closed="handleClose" @is-fullscreen="onFullscreen"></dialog-header> + <div :class="{ 'fullscreen1': isFullscreen }"> <mapview v-if="showMapView"></mapview> </div> </el-dialog> @@ -923,6 +570,7 @@ this.dataTypes = std; }, setScopeEdit(row) { + this.copyData = JSON.parse(JSON.stringify(row)); this.editData = JSON.parse(JSON.stringify(row)); this.editData.status = this.editData.status.toString() @@ -931,8 +579,24 @@ if (this.editData.data) { this.editData.data = parseInt(this.editData.data) } + + this.setEditDataStart(this.editData.category); + this.editDialog = true }, + setEditDataStart(res) { + for (var i in data_type) { + if (data_type[i].value == res) { + this.setServeTypeChange(data_type[i].children) + break + } + } + }, + + + + + setScopePreview(row) { this.prevDialog = true; this.showMapView = true; @@ -1063,6 +727,9 @@ break; case 3: return "鏁扮畝" + break; + case 4: + return "ArcGisServer" break; default: return "" @@ -1200,25 +867,31 @@ width: 100%; // border-bottom: 2px solid #e4e7ed; margin-bottom: 10px; + .el-form-item { margin: 5px; } } } + .fullscreen1 { width: 100%; height: 94vh; } + /deep/ .el-input__suffix { top: 50%; transform: translateY(-50%); } + .insertWidth { width: calc(100% - 200px); } + /deep/.el-dialog__body { padding: 10px !important; } + /deep/.el-dialog__header { padding: 10px !important; } @@ -1227,6 +900,7 @@ .el-message-box { background: #303030 !important; } + .el-message-box p { color: #fff !important; } -- Gitblit v1.9.3