| | |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.catalogue')"> |
| | | <el-cascader |
| | | v-model="formInline.catalog" |
| | | v-model="formInline.dirid" |
| | | :options="catalogOption" |
| | | @change="catalogChange" |
| | | :props="cascader" |
| | |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.company')"> |
| | | <el-cascader |
| | | v-model="formInline.company" |
| | | v-model="formInline.depid" |
| | | :options="companyOption" |
| | | @change="companyChange" |
| | | :props="cascader" |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.versionNo')"> |
| | | <el-select v-model="formInline.verid" :placeholder="$t('common.choose')"> |
| | | <el-option |
| | | v-for="item in verOption" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.dataUpObj.entryTime')"> |
| | | <el-date-picker |
| | | v-model.trim="formInline.monitorTime" |
| | | v-model.trim="formInline.gather" |
| | | :picker-options="pickerOptions" |
| | | type="datetime" |
| | | placeholder="请选择" |
| | |
| | | <el-form-item :label="$t('dataManage.dataUpObj.describe')"> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="formInline.desc" |
| | | v-model="formInline.descr" |
| | | maxlength="50" |
| | | class="nm-skin-pretty" |
| | | show-word-limit |
| | |
| | | <script> |
| | | import $ from 'jquery'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import { selectdirTab, queryDepTree } from '../../api/api'; |
| | | import { removeToken, getToken } from '@/utils/auth'; |
| | | import { selectdirTab, queryDepTree,dataUploadSelectVerByDirid,dataUploadSelectPath } from '../../api/api'; |
| | | export default { |
| | | name: 'dataUpdata', |
| | | components: { |
| | |
| | | btnStatus: 0, |
| | | count: 0, |
| | | formInline: { |
| | | monitorTime: '', |
| | | verid:'', |
| | | gather: '', |
| | | }, |
| | | catalogOption: [], |
| | | companyOption: [], |
| | |
| | | }, |
| | | selectableRange: '00:00:00 - 23:59:59', |
| | | }, |
| | | verOption: [], |
| | | cascader: { |
| | | label: 'name', |
| | | value: 'id', |
| | |
| | | this.getQueryDepTree(); |
| | | this.timeDefault(); |
| | | this.getFilePath(); |
| | | |
| | | }, |
| | | watch: { |
| | | 'detailData.monitorTime': { |
| | | 'detailData.gather': { |
| | | handler(newValue, oldValue) { |
| | | if (newValue) { |
| | | let date = new Date(); |
| | |
| | | ) { |
| | | let hh1 = moment(newValue).format('HH:mm:ss'); |
| | | if (hh1 > nowDate) { |
| | | this.detailData.monitorTime = new Date(); |
| | | this.detailData.gather = new Date(); |
| | | } |
| | | st = nowDate; |
| | | } else { |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | //文件上传 |
| | | setFileUpload() { |
| | | this.handlerLoading(true); |
| | | setTimeout(() => { |
| | | this.handlerLoading(false); |
| | | }, 2000); |
| | | |
| | | this.getFileLength(); |
| | | }, |
| | | //数据删除 |
| | | setFileDelete() { |
| | | this.handlerLoading(true); |
| | |
| | | |
| | | }); |
| | | }); |
| | | this.listData.pageIndex= 1; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | this.count = this.listTable.length; |
| | | this.setViewTable(); |
| | |
| | | }, 2000); |
| | | this.getFilePath(); |
| | | }, |
| | | //获取文件上传路径 |
| | | getFilePath() { |
| | | for (var i = 0; i < 20; i++) { |
| | | this.listTable.push({ |
| | | id: i, |
| | | name: 'value' + i |
| | | }) |
| | | } |
| | | this.count = this.listTable.length; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.pageSize = 10; |
| | | this.setViewTable(); |
| | | }, |
| | | |
| | | //显示表格数据 |
| | | setViewTable() { |
| | | var index = this.listData.pageIndex - 1; |
| | |
| | | if (this.listTable[i] != null) { |
| | | std.push(this.listTable[i]) |
| | | } |
| | | |
| | | } |
| | | |
| | | this.tableData = std; |
| | | }, |
| | | //文件上传 |
| | | setFileUpload() { |
| | | var token = getToken(); |
| | | var formData = new FormData(); |
| | | |
| | | var val = document.getElementById("uploadfile").files; |
| | | if (!val || !val.length) return; |
| | | |
| | | for (var i = 0; i < val.length; i++) { |
| | | formData.append(val[i].name, val[i]); |
| | | } |
| | | formData.append("dirid", this.formInline.dirid); |
| | | formData.append("depid", this.formInline.depid); |
| | | formData.append("verid",this.formInline.verid); |
| | | formData.append("gather", this.formInline.gather); |
| | | formData.append("descr", this.formInline.descr); |
| | | |
| | | $.ajax(BASE_URL+"dataUpload/uploadFiles?token="+token + "&path=" + this.formInline.path, { |
| | | type: "post", |
| | | data: formData, |
| | | async: true, |
| | | cache: false, |
| | | processData: false, |
| | | contentType: false, |
| | | success: function (rs) { |
| | | // document.getElementById("file1").value = ""; |
| | | // console.log(rs); |
| | | alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result); |
| | | }, |
| | | error: function (e) { |
| | | // document.getElementById("file1").value = ""; |
| | | // console.error(e); |
| | | alert("上传文件失败!"); |
| | | } |
| | | }); |
| | | |
| | | |
| | | // const res = await dataUploadinsertFiles(formData); |
| | | // debugger |
| | | // this.handlerLoading(true); |
| | | // setTimeout(() => { |
| | | // this.handlerLoading(false); |
| | | // }, 2000); |
| | | |
| | | // this.getFileLength(); |
| | | }, |
| | | |
| | | |
| | | |
| | | //获取文件上传数据 |
| | | getFileLength() { |
| | | |
| | |
| | | this.tableData = []; |
| | | this.listTable = []; |
| | | }, |
| | | |
| | | |
| | | //分页控制 |
| | | handleSizeChange(res) { |
| | | this.listData.pageIndex = 1; |
| | |
| | | $("#uploadfile").click(); |
| | | }, |
| | | handleFileChange() { |
| | | var val = document.getElementById("uploadfile").files; |
| | | if (!val || !val.length) return; |
| | | var formData = new FormData(); |
| | | for (var i = 0; i < val.length; i++) { |
| | | formData.append(val[i].name, val[i]); |
| | | } |
| | | console.log(formData) |
| | | |
| | | |
| | | }, |
| | | //当前时间获取 |
| | | timeDefault() { |
| | |
| | | minutes + |
| | | sign2 + |
| | | seconds; |
| | | this.formInline.monitorTime = s1; |
| | | this.formInline.gather = s1; |
| | | }, |
| | | |
| | | //Loading显隐 |
| | |
| | | }, |
| | | //目录切换 |
| | | catalogChange(value) { |
| | | this.formInline.catalog = value; |
| | | this.formInline.dirid = value; |
| | | this.getselectVerByDirid(); |
| | | }, |
| | | //单位切换 |
| | | companyChange(value) { |
| | | this.formInline.company = value; |
| | | this.formInline.depid = value; |
| | | }, |
| | | |
| | | //获取文件上传路径 |
| | | async getFilePath() { |
| | | const res = await dataUploadSelectPath(); |
| | | if (res.code != 200) { |
| | | this.$message.error('单位列表获取失败'); |
| | | return; |
| | | } |
| | | this.formInline.path = res.result; |
| | | }, |
| | | //单位列表获取 |
| | | async getQueryDepTree() { |
| | | const res = await queryDepTree(); |
| | |
| | | this.$message.error('单位列表获取失败'); |
| | | return; |
| | | } |
| | | this.formInline.company = 1; |
| | | this.formInline.depid = 1; |
| | | this.companyOption = this.treeData(res.result); |
| | | }, |
| | | //版本号获取 |
| | | async getselectVerByDirid() { |
| | | this.verOption=[]; |
| | | this.formInline.verid =""; |
| | | const res = await dataUploadSelectVerByDirid(this.formInline.dirid); |
| | | |
| | | if (res.code != 200) { |
| | | this.$message.error('版本列表获取失败'); |
| | | return; |
| | | } |
| | | this.verOption = res.result; |
| | | this.formInline.verid = res.result[0].id; |
| | | }, |
| | | |
| | | |
| | | //目录列表获取 |
| | | async getSelectdirTab() { |
| | | const res = await selectdirTab(); |
| | |
| | | this.$message.error('目录列表获取失败'); |
| | | return; |
| | | } |
| | | this.formInline.catalog = 1; |
| | | this.formInline.dirid = 1; |
| | | this.catalogOption = this.treeData(res.result); |
| | | this.getselectVerByDirid() |
| | | }, |
| | | //树列表生成 |
| | | treeData(source) { |
| | |
| | | /deep/.btn-next { |
| | | background: transparent; |
| | | } |
| | | /deep/.btn-next i { |
| | | color:white; |
| | | /deep/.btn-next i { |
| | | color: white; |
| | | } |
| | | /deep/.btn-prev i { |
| | | color:white; |
| | | color: white; |
| | | } |
| | | } |
| | | } |