From 3b755f9a00e7b8e84a3487dd0f81b91c66abb582 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 21 十月 2022 14:40:19 +0800 Subject: [PATCH] test --- src/views/datamanage/metadataManage.vue | 350 ++++++++++++++++++++++++++------------------------------- 1 files changed, 161 insertions(+), 189 deletions(-) diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue index bfa523a..6904fc4 100644 --- a/src/views/datamanage/metadataManage.vue +++ b/src/views/datamanage/metadataManage.vue @@ -59,39 +59,20 @@ > <el-table-column type="selection" width="55" /> <el-table-column min-width="150" prop="name" label="鏁版嵁鍚嶇О" /> - + <el-table-column prop="dirid" label="鐩綍ID" /> + <el-table-column prop="depid" label="鍗曚綅ID" /> + <el-table-column prop="verid" label="鐗堟湰ID" /> + <el-table-column prop="type" label="鏍煎紡" /> + <el-table-column prop="sizes" label="澶у皬:鍗曚綅MB" /> + <el-table-column prop="cs" label="鍧愭爣绯�" /> + <el-table-column prop="scale" label="姣斾緥灏�" /> + <el-table-column prop="resolution" label="鍒嗚鲸鐜�" /> <el-table-column - min-width="100" - prop="create_user" - label="鍒涘缓浜哄憳" + prop="gather" + label="閲囬泦鏃ユ湡" + :formatter="formatTime" /> - <el-table-column - min-width="100" - prop="create_time" - label="鍒涘缓鏃堕棿" - /> - <el-table-column min-width="100" prop="coor_sys" label="鍧愭爣绯荤粺" /> - <el-table-column - min-width="100" - prop="accuracy" - label="姣斾緥灏�/鍒嗚鲸鐜�" - /> - <el-table-column min-width="100" prop="format" label="瀛樺偍鏍煎紡" /> - <el-table-column min-width="100" prop="version" label="鏁版嵁鐗堟湰" /> - <el-table-column prop="status" label="鍙戝竷" width="70%"> - <template slot-scope="scope"> - <span - slot="reference" - v-if="scope.row.s_url === '' || scope.row.s_url === null" - > - <i class="dotClass" style="background-color: gray"></i> - </span> - <span slot="reference" v-else> - <i class="dotClass" style="background-color: springgreen"></i> - </span> - </template> - </el-table-column> - + <el-table-column prop="descr" label="鎻忚堪" /> <el-table-column min-width="100" label="鎿嶄綔"> <template slot-scope="scope"> <el-link @click="showDetail(scope.$index, scope.row)" @@ -108,12 +89,12 @@ style="margin-left: 10px" >鍙戝竷</el-link > - <el-link + <!-- <el-link v-else @click="handleStop(scope.row)" style="margin-left: 10px" >鍋滄</el-link - > + > --> </template> </el-table-column> </el-table> @@ -125,9 +106,9 @@ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" - :current-page="currentPage" + :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" - :page-size="10" + :page-size="listData.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="count" > @@ -146,41 +127,34 @@ <div class="contentBox"> <p>鏁版嵁鍚嶇О锛歿{ itemdetail.name }}</p> <el-divider></el-divider> - <p> - 鏁版嵁鑼冨洿锛� - {{ itemdetail.x_min }}, {{ itemdetail.y_min }}锛� - {{ itemdetail.x_max }}, {{ itemdetail.y_max }} - </p> + <p>鐩綍ID锛歿{ itemdetail.dirid }}</p> <el-divider></el-divider> - <p>鍒涘缓鏃堕棿锛歿{ itemdetail.create_time }}</p> + <p>鍗曚綅ID锛歿{ itemdetail.depid }}</p> <el-divider></el-divider> - <p>鍒涘缓浜哄憳锛歿{ itemdetail.create_user }}</p> + <p>鐗堟湰ID锛歿{ itemdetail.verid }}</p> <el-divider></el-divider> - <p>鏇存柊鏃堕棿锛歿{ itemdetail.up_time }}</p> + <p>鏍煎紡锛歿{ itemdetail.type }}</p> <el-divider></el-divider> - <p>鏇存柊浜哄憳锛歿{ itemdetail.up_user }}</p> + <p>澶у皬(鍗曚綅MB)锛歿{ itemdetail.sizes }}</p> <el-divider></el-divider> - <p>涓婁紶鍗曚綅锛歿{ itemdetail.up_unit }}</p> + <p>鍧愭爣绯伙細{{ itemdetail.cs }}</p> <el-divider></el-divider> - <p>鏁版嵁鐘舵�侊細{{ itemdetail.status }}</p> + <p>姣斾緥灏猴細{{ itemdetail.scale }}</p> <el-divider></el-divider> - <p>鍧愭爣绯荤粺锛歿{ itemdetail.coor_sys }}</p> + <p>鍒嗚鲸鐜囷細{{ itemdetail.resolution }}</p> <el-divider></el-divider> - <p>姣斾緥灏�/鍒嗚鲸鐜囷細{{ itemdetail.accuracy }}</p> + <p>閲囬泦鏃ユ湡锛歿{ itemdetail.gather }}</p> <el-divider></el-divider> - <p>鍙戝竷鍦板潃锛歿{ itemdetail.s_url }} - <el-link - @click="ShowWindowFly(itemdetail.s_url)" - :underline="false" - type="primary" - >璇︽儏</el-link - ></p> + <p>鎻忚堪锛歿{ itemdetail.descr }}</p> <el-divider></el-divider> - <p>鏁版嵁鐗堟湰锛歿{ itemdetail.version }}</p> + <p>鍒涘缓浜篒D锛歿{ itemdetail.createUser }}</p> <el-divider></el-divider> - <p>鏁版嵁绫诲瀷锛歿{ itemdetail.type }}</p> + <p>鍒涘缓鏃堕棿锛歿{ itemdetail.createTime }}</p> <el-divider></el-divider> - <p>鏁版嵁鏍煎紡锛歿{ itemdetail.format }}</p> + <p>鏇存柊浜篒D锛歿{ itemdetail.updateUser }}</p> + <el-divider></el-divider> + <p>鏇存柊鏃堕棿锛歿{ itemdetail.updateTime }}</p> + <el-divider></el-divider> </div> </el-card> </div> @@ -189,42 +163,35 @@ <el-form-item label="鏁版嵁鍚嶇О" :label-width="formLabelWidth"> <el-input v-model="upform.name" autocomplete="off"></el-input> </el-form-item> - <el-form-item label="鏁版嵁鑼冨洿x_min" :label-width="formLabelWidth"> - <el-input v-model="upform.x_min" autocomplete="off"></el-input> + <el-form-item label="鐩綍ID" :label-width="formLabelWidth"> + <el-input v-model="upform.dirid" autocomplete="off"></el-input> </el-form-item> - <el-form-item label="鏁版嵁鑼冨洿x_max" :label-width="formLabelWidth"> - <el-input v-model="upform.x_max" autocomplete="off"></el-input> + <el-form-item label="鍗曚綅ID" :label-width="formLabelWidth"> + <el-input v-model="upform.depid" autocomplete="off"></el-input> </el-form-item> - <el-form-item label="鏁版嵁鑼冨洿y_min" :label-width="formLabelWidth"> - <el-input v-model="upform.y_min" autocomplete="off"></el-input> + <el-form-item label="鐗堟湰ID" :label-width="formLabelWidth"> + <el-input v-model="upform.verid" autocomplete="off"></el-input> </el-form-item> - <el-form-item label="鏁版嵁鑼冨洿y_max" :label-width="formLabelWidth"> - <el-input v-model="upform.y_max" autocomplete="off"></el-input> - </el-form-item> - <el-form-item label="鍒涘缓鏃堕棿" :label-width="formLabelWidth"> - <el-date-picker - v-model="upform.create_time" - value-format="yyyy-MM-dd" - type="date" - placeholder="閫夋嫨鏃ユ湡" - style="width: 100%" - > - </el-date-picker> - </el-form-item> - <el-form-item label="鍧愭爣绯荤粺" :label-width="formLabelWidth"> - <el-input v-model="upform.coor_sys" autocomplete="off"></el-input> - </el-form-item> - <el-form-item label="姣斾緥灏�/鍒嗚鲸鐜�" :label-width="formLabelWidth"> - <el-input v-model="upform.accuracy" autocomplete="off"></el-input> - </el-form-item> - <el-form-item label="鏁版嵁鏍煎紡" :label-width="formLabelWidth"> - <el-input v-model="upform.format" autocomplete="off"></el-input> - </el-form-item> - <el-form-item label="鏁版嵁鐗堟湰" :label-width="formLabelWidth"> - <el-input v-model="upform.version" autocomplete="off"></el-input> - </el-form-item> - <el-form-item label="鏁版嵁绫诲瀷" :label-width="formLabelWidth"> + <el-form-item label="鏍煎紡" :label-width="formLabelWidth"> <el-input v-model="upform.type" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="澶у皬(鍗曚綅MB)" :label-width="formLabelWidth"> + <el-input v-model="upform.sizes" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="鍧愭爣绯�" :label-width="formLabelWidth"> + <el-input v-model="upform.cs" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="姣斾緥灏�" :label-width="formLabelWidth"> + <el-input v-model="upform.scale" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="鍒嗚鲸鐜�" :label-width="formLabelWidth"> + <el-input v-model="upform.resolution" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="閲囬泦鏃ユ湡" :label-width="formLabelWidth"> + <el-input v-model="upform.gather" autocomplete="off"></el-input> + </el-form-item> + <el-form-item label="鎻忚堪" :label-width="formLabelWidth"> + <el-input v-model="upform.descr" autocomplete="off"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -263,23 +230,24 @@ <script> import { - queryMetaData, + select_meta_ByPageAndCount, queryDataCount, - updateMetaData, - dltMetaDatas, + updateMeta, + deleteMeta, publishMeta, unpublishMeta, -} from "../../api/api"; -import MyBread from "../../components/MyBread.vue"; +} from '../../api/api'; +import MyBread from '../../components/MyBread.vue'; +import moment from 'moment'; export default { - name: "metadataManage", + name: 'metadataManage', components: { MyBread }, data() { var repasswordValidator = (rule, value, callback) => { - if (value === "") { - callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")); + if (value === '') { + callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�')); } else if (value !== this.codeForm.password) { - callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")); + callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!')); } else { callback(); } @@ -288,7 +256,7 @@ showCodeBox: false, value: true, multipleSelection: [], - formLabelWidth: "120px", + formLabelWidth: '120px', dialogFormVisible: false, InsertFormdialog: false, insertform: {}, @@ -296,48 +264,56 @@ showinfoBox: false, itemdetail: {}, ruleForm: { - name: "", + name: '', }, codeForm: { - password: "", - repassword: "", + password: '', + repassword: '', }, rules: { - password: [{ required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }], + password: [{ required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' }], repassword: [ - { required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur" }, - { validator: repasswordValidator, trigger: "blur" }, + { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�', trigger: 'blur' }, + { validator: repasswordValidator, trigger: 'blur' }, ], }, tableData: [], count: 0, - currentPage: 1, - pageSize: 10, - pageNum: 1, - searchName: "", + + searchName: '', + listData: { + name: null, + pageIndex: 1, + pageSize: 10, + }, }; }, created() { - this.getMetaData(10, 1, ""); - this.getMetaCount(""); + this.getMetaData(); }, methods: { - ShowWindowFly(res) { - console.log(res); - if (res == "") return; - if (res.indexOf(".xls") != -1) { + formatTime(row, column) { + let date = row[column.property]; + if (date === undefined || date === null) { + return ''; + } + return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss'); + }, + ShowWindowFly(res) { + if (res == '') return; + if (res.indexOf('.xls') != -1) { this.showMetadata(res, true); - } else if (res.indexOf(".doc") != -1) { + } else if (res.indexOf('.doc') != -1) { this.showMetadata(res, true); - } else if (res.indexOf(".png") != -1) { + } else if (res.indexOf('.png') != -1) { this.showMetadata(res, true); - } else if (res.indexOf(".jpg") != -1) { + } else if (res.indexOf('.jpg') != -1) { this.showMetadata(res, true); - } else if (res.indexOf(".pdf") != -1) { + } else if (res.indexOf('.pdf') != -1) { this.showMetadata(res, true); - } else if (res.indexOf(".fly") != -1) { + } else if (res.indexOf('.fly') != -1) { this.showMetadata(res, false); - } else if (res.indexOf(".mpt") != -1) { + } else if (res.indexOf('.mpt') != -1) { this.showMetadata(res, false); } }, @@ -346,19 +322,27 @@ if (flag == true) { metaUrl = res; } else if (flag == false) { - metaUrl = ifreamUrl + "/LFWeb/MetaPop.html?name=" + res; + metaUrl = ifreamUrl + '/LFWeb/MetaPop.html?name=' + res; } window.open( metaUrl, - "", - "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" + '', + 'height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no' ); }, // 璇锋眰鏁版嵁鍐呭 - getMetaData(size, num, name) { - queryMetaData(size, num, name).then((res) => { - this.tableData = res.data; - }); + async getMetaData() { + if (this.listData.tab == '') { + delete this.listData.tab; + } + this.listData.name = this.ruleForm.name; + const data = await select_meta_ByPageAndCount(this.listData); + if (data.code != 200) { + this.$message.error('鍒楄〃璋冪敤澶辫触'); + } + console.log(data); + this.tableData = data.result; + this.count = data.count; }, // 璇锋眰鏁版嵁鏁伴噺 getMetaCount(name) { @@ -370,21 +354,17 @@ submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { - this.searchName = this.ruleForm.name.trim(); - this.getMetaData(10, 1, this.searchName); - this.getMetaCount(this.searchName); + this.getMetaData(); } else { - console.log("error submit!!"); + console.log('error submit!!'); return false; } }); }, // 閲嶇疆鏌ヨ resetForm(formName) { - this.getMetaData(10, 1, ""); - this.getMetaCount(""); - this.searchName = ""; this.$refs[formName].resetFields(); + this.getMetaData(); }, // 鑾峰彇澶氶�夐�変腑鐨勫璞� handleSelectionChange(val) { @@ -408,65 +388,59 @@ this.upform = JSON.parse(JSON.stringify(row)); }, // 鎻愪氦淇敼 - updateForm() { - this.$confirm("鏄惁纭畾缂栬緫?", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(() => { - this.dialogFormVisible = false; - updateMetaData(this.upform).then((res) => { - if (res.data == 1) { - this.$message({ - message: "淇敼鎴愬姛", - type: "success", - }); - } - this.getMetaData(10, 1, ""); - this.getMetaCount(""); - }); - }) - .catch(() => {}); + async updateForm() { + this.dialogFormVisible = false; + const data = await updateMeta(this.upform); + if (data.code == 200) { + this.dialogFormVisible = false; + this.upform = {}; + this.$message({ + message: '淇敼鎴愬姛锛�', + type: 'success', + }); + this.getMetaData(); + } else { + this.$message({ + message: '淇敼澶辫触锛�', + type: 'warning', + }); + } }, // 鍒犻櫎澶氭潯 - DelFormData() { + async DelFormData() { var std = []; for (var i in this.multipleSelection) { std.push(this.multipleSelection[i].id); } - this.$confirm("纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(() => { - dltMetaDatas(std).then((res) => { - this.getMetaData(10, 1, ""); - this.getMetaCount(""); - this.$message({ - type: "success", - message: "鍒犻櫎鎴愬姛!", - }); - }); - }) - .catch(() => {}); + const data = await deleteMeta({ ids: std.toString() }); + if (data.code == 200) { + this.$message({ + message: '鍒犻櫎鎴愬姛锛�', + type: 'success', + }); + this.getMetaData(); + } else { + this.$message({ + message: '鍒犻櫎澶辫触锛�', + type: 'warning', + }); + } }, download(formName) { this.$refs[formName].validate((valid) => { if (valid) { - let ids = ""; + let ids = ''; this.multipleSelection.forEach((e) => { ids += `id=${e.id}&`; }); let res = ids.substring(0, ids.length - 1); // console.log(res); - let url = "http://192.168.20.106/LFServer/Meta/Downloads?" + res; + let url = 'http://192.168.20.106/LFServer/Meta/Downloads?' + res; window.open(url); this.closeDown(); } else { - console.log("涓嬭浇澶辫触"); + console.log('涓嬭浇澶辫触'); this.closeDown(); return false; } @@ -474,8 +448,8 @@ }, closeDown() { this.showCodeBox = false; - this.codeForm.password = ""; - this.codeForm.repassword = ""; + this.codeForm.password = ''; + this.codeForm.repassword = ''; }, downFormData() { // var std = []; @@ -483,7 +457,7 @@ // std.push(this.multipleSelection[i].id); // } if (this.multipleSelection.length == 0) { - alert("璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢"); + alert('璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢'); return; } this.showCodeBox = true; @@ -509,29 +483,27 @@ handleStart(row) { publishMeta(row.id).then((res) => { console.log(res); - this.getMetaData(10, 1, ""); - this.getMetaCount(""); + this.getMetaData(10, 1, ''); + this.getMetaCount(''); }); }, handleStop(row) { console.log(row.id); unpublishMeta(row.id).then((res) => { console.log(res); - this.getMetaData(10, 1, ""); - this.getMetaCount(""); + this.getMetaData(10, 1, ''); + this.getMetaCount(''); }); }, // 鏉℃暟淇敼 handleSizeChange(val) { - this.pageSize = val; - this.getMetaData(this.pageSize, 1, this.searchName); - this.getMetaCount(this.searchName); + this.listData.pageSize = val; + this.getMetaData(); }, // 椤垫暟淇敼 handleCurrentChange(val) { - this.pageNum = val; - this.getMetaData(this.pageSize, this.pageNum, this.searchName); - this.getMetaCount(this.searchName); + this.listData.pageIndex = val; + this.getMetaData(); }, }, }; -- Gitblit v1.9.3