样式管理界面修改，数据上传添加附件

Surpriseplus

2023-02-11 d5efa1b1cdbab10b034357ae3e7b65c21754a123

样式管理界面修改，数据上传添加附件

 src/App.vue

@@ -22,9 +22,11 @@
    window.addEventListener('beforeunload', e => {
      sessionStorage.setItem('beforeunload', 1);
    });
     
    // 监听页面刷新
    if (sessionStorage.getItem('beforeunload') == 1) {
      let name = sessionStorage.getItem("routerName");

      if (name) {
        this.$nextTick(function () {
          this.$router.push({ path: name }); //如果sessionStorage存在路由，去缓存的路由

 src/api/api.js

@@ -807,7 +807,10 @@
export function report_update(params) {
  return request.post('/report/update', params);
}

//签名管理=>插入操作日志
export function sign_insertOpLog(params) {
  return request.get('/sign/insertOpLog',{ params: params });
}

//请求站场点内容
export function querySitePoint(size, index, name) {

 src/assets/css/config.css

@@ -248,4 +248,7 @@
}
.Black_theme .contentBox{
    color: #FFF;
}
.Black_theme .scopeRowColor{
    color: #FFF;
}

 src/assets/css/configure.css

@@ -73,4 +73,7 @@

.el-dialog__wrapper {
    z-index: 999;
}
.scopeRowColor{
    color: #606266;
}

 src/components/navMenu.vue

@@ -76,7 +76,7 @@
</template>

<script>
import { logout, selectMenuRecursive } from '@/api/api';
import { logout, selectMenuRecursive, sign_insertOpLog } from '@/api/api';
import { removeToken, getToken } from '@/utils/auth';
import customElMenu from '../components/customElMenu.vue';
import { queryMenuTree, getPerms } from '../api/api';
@@ -195,9 +195,16 @@
        return true;
      }
    },
    //主题切换
 
 //主题切换
    setThemeColors() { },

    async signInsertOpLog(m1, m2) {
      var obj = {
        m1: m1,
        m2: m2,
      }
      const data = await sign_insertOpLog(obj);
    },
    //鼠标移入菜单事件
    setMenuMove(index, item) {
      if (item.perms != null) {
@@ -206,6 +213,9 @@

          this.changeliSelect = '%%';
          this.showFlag = null;
        }
          if (item.url == "Thematic") {
          this.signInsertOpLog("综合展示", item.cnName)
        }
      } else {
        if (this.showFlag != index) {
@@ -243,6 +253,7 @@
      }
    },
    setLiClick(res, index) {
        this.signInsertOpLog(this.listMenu[index].cnName, res.cnName)
      setTimeout(() => {

        this.changeliSelect = res.cnName;

 src/views/PackageTwo/WareInspection.vue

@@ -49,7 +49,7 @@
    
    },
    showChangeIfream(res) {
      // debugger
      // 
      console.log(res)
      if (this.$store.state.themeflag == true) {
        if (res.indexOf('theme=white') != -1) {
@@ -115,7 +115,7 @@
  },
  mounted() {
    // console.log(sessionStorage.getItem('iframehttpurl'))
    // debugger
    // 
    if (sessionStorage.getItem('routerName') === '/WareInspection') {
      
      this.showChangeIfream(sessionStorage.getItem('iframehttpurl'))

 src/views/datamanage/dataController.vue

@@ -1,6 +1,6 @@
<template>
  <div class="contentBox">
    

    <div
      class="box"
      ref="box"
@@ -41,7 +41,7 @@
</template>

<script>
import { selectMenuRecursive, queryMenuTree } from '../../api/api';
import { selectMenuRecursive, queryMenuTree, sign_insertOpLog } from '../../api/api';
import customElMenu from '../../components/customElMenu.vue';
import dataUpdata from '@/views/datamanage/dataUpdata.vue'; //数据管理-数据上传
import catalogueManage from '@/views/datamanage/catalogueManage.vue'; //数据管理-目录管理
@@ -158,14 +158,14 @@
            return value.type == 1;
          });
          this.menuList = this.treeData(menuList);

          this.m1 = this.menuList[0].cnName;
          this.setViewController(this.menuList[0]);
          

          const hanleselectindex = sessionStorage.getItem('hanleselectindex')
          if (hanleselectindex) {
            this.$nextTick(function (){
            this.$nextTick(function () {
              this.handleselecttwo(JSON.parse(hanleselectindex).url, JSON.parse(hanleselectindex))
              this.setViewController(JSON.parse(hanleselectindex))     
              this.setViewController(JSON.parse(hanleselectindex))
            })
          }
        } else {
@@ -182,10 +182,18 @@
      if (res.children != null) {
        this.setViewController(res.children[0]);
      } else {
        this.signInsertOpLog(this.m1, res.cnName)
        this.$store.state.currentPerms = res.perms;
        this.setMenuFlag = res.url;
        this.activeIndex = res.url;
      }
    },
    async signInsertOpLog(m1, m2) {
      var obj = {
        m1: m1,
        m2: m2,
      }
      const data = await sign_insertOpLog(obj);
    },
    treeData(source) {
      let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆
@@ -207,6 +215,7 @@

    handleselect(index, indexPath, e) {
      const a = JSON.stringify(e.$attrs.perms)
      this.signInsertOpLog(this.m1, e.$attrs.perms.cnName)
      sessionStorage.setItem('hanleselectindex', a)
      var data = e.$attrs.perms;
      this.$store.state.currentPerms = data.perms;

 src/views/datamanage/dataUpdata.vue

@@ -115,7 +115,6 @@
            <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')">
              <el-select
                :popper-append-to-body="false"
               
                :disabled="tableData.length == 0 ? false : true"
                v-model="formInline.specialtyId"
                :placeholder="$t('common.choose')"
@@ -393,6 +392,16 @@
                size="small"
              >{{ $t('common.delete') }}</el-button>
            </el-form-item>
            <el-form-item>
              <el-button
                v-if="menuStatus.upload"
                :disabled="multipleDelete.length == 0 ? true : false"
                @click="setEnclosure"
                icon="el-icon-folder-opened"
                type="warning"
                size="small"
              >{{ $t('common.enclosure') }}</el-button>
            </el-form-item>
          </el-form>
        </div>
        <div
@@ -457,7 +466,10 @@
                :label="$t('dataManage.dataUpObj.tableName')"
              >
                <template slot-scope="scope">
                  <a @click="detail(scope.row)">{{ scope.row.tab }}</a>
                  <a
                    class="scopeRowColor"
                    @click="detail(scope.row)"
                  >{{ scope.row.tab }}</a>
                </template>
              </el-table-column>
              <el-table-column
@@ -990,6 +1002,35 @@
      </div>

    </el-dialog>
    <el-dialog
      :title="$t('common.details')"
      :visible.sync="enclosureVisible"
      :show-close="false"
    >
      <span
        style="font-size:20px"
        class="scopeRowColor"
      >{{enclosureTitle}}不能上传附件是否继续</span>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="enclosureVisible = false">取 消</el-button>
        <el-button
          type="primary"
          @click="uploadAnFiles"
        >继续</el-button>
      </span>
    </el-dialog>
    <input
      name="file1"
      :accept="'.zip'"
      type="file"
      id="editimageFile"
      multiple="multiple"
      style="display: none"
      @change="uploadAnFilesChange"
    />
  </div>
</template>

@@ -1022,6 +1063,7 @@
  },
  data() {
    return {

      coordinateOption: [],
      disOptions: [{
        name: '崩塌治理',
@@ -1175,7 +1217,10 @@
      },
      jindutiao: 0,
      jindudialogVisible: false,
      jindutiaoname: []
      jindutiaoname: [],
      enclosureData: [],
      enclosureVisible: false,
      enclosureTitle: '',
    }
  },

@@ -1195,6 +1240,109 @@

  },
  methods: {
    //附件变化
    uploadAnFilesChange() {
      var formData = new FormData();
      var fs = document.getElementById("editimageFile");
      if (fs.files.length == 0) {
        this.$message.error('请选择要上传的文件');
        return;
      }
      for (var i = 0, c = fs.files.length; i < c; i++) {
        formData.append("file", fs.files[i]); // fs.files[i].name,file
      }
      for (var i in this.enclosureData) {
        formData.append('ids', this.enclosureData[i])
      }
    const that = this
      that.jindudialogVisible = true
      that.$set(this, 'jindutiaoname', "附件上传")
      that.$set(this, 'jindutiao', 0)
      this.loading = true;
      $.ajax(BASE_URL + "/dataUpload/uploadXlsAnnex?token=" + getToken() + "&path=" + this.formInline.path, {
        type: "post",
        data: formData,
        async: true,
        cache: false,
        processData: false,
        contentType: false,
        success: (rs) => {
          this.loading = false;
          if (rs.code != 200) {
            return this.$message.error('附件上传失败');
          }
    
          this.$set(this, 'jindutiao', 100)
          this.$message({
            message: '附件上传成功',
            type: 'success'
          });
          
        },
        error: (rs) => {
          this.loading = false;
          this.$message.error('附件上传失败');
        },
        xhr: function () {
          var myXhr = $.ajaxSettings.xhr();
          if (myXhr.upload) { //检查upload属性是否存在
            myXhr.upload.addEventListener('progress', that.progressHandlingFunction, false); //绑定progress事件的回调函数
          }
          return myXhr; //xhr对象返回给jQuery使用
        }
      });







 

    },
    //选择上传附件的文件
    uploadAnFiles() {
      $('#editimageFile').click();
    },
    //上传附件
    uploadAnnex() {

    },
    //附件上传
    setEnclosure() {
      var enclosureData = [
        'bd.b_pac_hydrogeology',
        'bd.b_pac_frozensoil',
        'bd.b_pac_geologic_hazard',
        'bd.b_pac_marine_meteorological',
        'bd.b_pac_meteorological',
        'bs.m_equipment_nameplate',
        'bs.m_hydraulic_protection',
        'bs.m_marker',
        'bs.s_borehole'
      ];
      var std = [];
      this.enclosureData = [];
      this.enclosureTitle = "";
      for (var i in this.multipleDelete) {
        var row = this.multipleDelete[i];

        if (row.tab && row.rows && enclosureData.indexOf(row.tab) > -1) {

          this.enclosureData.push(row.id)
        } else {
          std.push(row.name)
        }
      }
      if (std.length != 0) {
        this.enclosureTitle = std.toString()
        this.enclosureVisible = true;
      } else {
        this.uploadAnFiles();
      }
    },
    //权限配置
    showPermsMenu(res) {

      switch (res.tag) {
@@ -1837,6 +1985,7 @@
        },
        xhr: function () {
          var myXhr = $.ajaxSettings.xhr();
          debugger
          if (myXhr.upload) { //检查upload属性是否存在
            myXhr.upload.addEventListener('progress', that.progressHandlingFunction, false); //绑定progress事件的回调函数
          }
@@ -1884,6 +2033,7 @@
      this.entryOption = data.result;
      this.formInline.entryId = this.entryOption[0].name;
      this.formInline.dirid = this.entryOption[0].id;

      this.getselectVerByDirid();
    },
    //获取所有坐标系
@@ -2192,6 +2342,7 @@
        return;
      }
      this.catalogOption = this.treeData(res.result);
      this.formInline.dirName = this.catalogOption[0].name
      this.getStartDirChecked(this.catalogOption);
      this.getselectVerByDirid()
    },

 src/views/datamanage/styleManage.vue

@@ -216,7 +216,7 @@
        <el-divider></el-divider>
        <p>
          <label> {{ $t('dataManage.styleObj.fileguid') }}:</label>
          <label class="boxlabel">{{ itemdetail.fileGuid }}</label>
          <label class="boxlabel">{{ itemdetail.fname }}</label>
        </p>
        <el-divider></el-divider>
        <p>
@@ -729,7 +729,7 @@
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.fileGuid"
                v-model="insertFileGuid"
                disabled
                autocomplete="off"
                style="width:100%"
@@ -742,7 +742,7 @@
                id="insertFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(0)"
                @change="insertFileData(0)"
              />
              <el-button
                style="margin-left: 6px;"
@@ -780,7 +780,7 @@
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.viewGuid"
                v-model="insertViewGuid"
                disabled
                autocomplete="off"
                style="width:100%"
@@ -793,7 +793,7 @@
                id="insertimageFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(1)"
                @change="insertFileData(1)"
              />
              <el-button
                style="margin-left: 6px;"
@@ -922,6 +922,14 @@
  components: { MyBread, styleDirTree, styleDepTree },
  data() {
    return {
      insertFileGuid: "",
      insertViewGuid: "",
      insertFileName: "",
      insertViewName: "",

      insertform: {

      },
      dialogFormVisible: false,
      InsertFormdialog: false,
      showCata: false,
@@ -940,10 +948,7 @@
      showDirCata: false,
      showDepCata: false,
      tableData: [],
      insertform: {
        fileGuid: null,
        viewGuid: null,
      },

      dirFlag: null,
      depFlag: null,
      guidFile: null,
@@ -1012,15 +1017,19 @@
        $("#insertimageFile").click();
      }
    },
    insertFile(res) {
    insertFileData: function (res) {


      if (res == 0) {
        var val = document.getElementById("insertFile").files;
        if (!val || !val.length) return;
        this.insertform.fileGuid = val[0].name;
        let val = document.getElementById("insertFile").files;

        this.insertFileGuid = val[0].name;
        this.insertFileName = val[0].name;
      } else if (res == 1) {
        var val = document.getElementById("insertimageFile").files;
        if (!val || !val.length) return;
        this.insertform.viewGuid = val[0].name;
        let val = document.getElementById("insertimageFile").files;

        this.insertViewGuid = val[0].name;
          this.insertViewName = val[0].name;
      }
    },
    async setinsertFile(res) {
@@ -1208,9 +1217,10 @@
    insertFromDataClose() {
      this.InsertFormdialog = false;
      this.insertform = {
        fileGuid: null,
        viewGuid: null,

      }
      this.insertFileGuid = "";
      this.insertViewGuid = ""
      this.filesReset();
    },
    handleClose() {
@@ -1231,10 +1241,13 @@
      }
      if (this.guidFile != null) {
        this.insertform.fileGuid = this.guidFile;
        this.insertform.fname = this.insertFileName;
      }
      if (this.viewFile != null) {
        this.insertform.viewGuid = this.viewFile;
         this.insertform.vname = this.insertViewName;
      }
    
      const data = await insertStyle(this.insertform);
      if (data.code == 200) {
        this.InsertFormdialog = false;
@@ -1242,6 +1255,8 @@
          fileGuid: null,
          viewGuid: null,
        }
        this.insertFileGuid = "";
        this.insertViewGuid = ""
        this.filesReset();
        this.$message({
          message: "添加成功！",
@@ -1261,6 +1276,7 @@
      }
      this.listData.name = this.ruleForm.name;
      const data = await select_Style_ByPageAndCount(this.listData);
      debugger
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }
@@ -1466,6 +1482,7 @@
    showDetail(index, row) {
      var token = getToken();
      this.showinfoBox = true;
   
      this.itemdetail = row;
      this.itemdetail.createTime = this.formomentTime(
        this.itemdetail.createTime

 src/views/maintenance/mochaitmo.vue

@@ -41,7 +41,7 @@
        <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring>
        <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration>
        <downlog v-if="setMenuFlag == 'downlog'"></downlog>
        <template-manage  v-if="setMenuFlag == 'templateManage'"></template-manage>
        <template-manage v-if="setMenuFlag == 'templateManage'"></template-manage>
      </div>
    </div>

@@ -70,7 +70,7 @@
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //系统配置
import downlog from '@/views/maintenance/downlog.vue'; //下载日志
import templateManage from '@/views/userManage/templateManage.vue'//模板管理
import { selectMenuRecursive, queryMenuTree, getPerms } from '../../api/api';
import { selectMenuRecursive, queryMenuTree, getPerms, sign_insertOpLog } from '../../api/api';
import customElMenu from '../../components/customElMenu.vue';

export default {
@@ -95,7 +95,8 @@
    parameterConfiguration,
    customElMenu,
    downlog,
    templateManage
    templateManage,

  },
  data() {
    return {
@@ -116,6 +117,7 @@
      editUnit: false,
      itemdetail: {},
      formLabelWidth: '70px',
      m1: null,
    };
  },
  created() { },
@@ -179,6 +181,7 @@
        this.$store.state.permsEntity = data.result;
      }
      var store = this.menuList[0];
      this.m1 = store.cnName;
      this.setViewController(store);
    },
    getTimeCookies() {
@@ -209,9 +212,9 @@
          this.getCookies();
          const hanleselectmochaitmo = sessionStorage.getItem('hanleselectmochaitmo')
          if (hanleselectmochaitmo) {
            this.$nextTick(function (){
            this.$nextTick(function () {
              this.handleselecttwo(JSON.parse(hanleselectmochaitmo).url, JSON.parse(hanleselectmochaitmo))
              this.setViewController(JSON.parse(hanleselectmochaitmo))     
              this.setViewController(JSON.parse(hanleselectmochaitmo))
            })
          }
          //
@@ -224,16 +227,28 @@

      // this.treeList = this.treeData(data.result);
    },
    async signInsertOpLog(m1, m2) {
      var obj = {
        m1: m1,
        m2: m2,
      }
      const data = await sign_insertOpLog(obj);


    },
    setViewController(res) {
      if (res == null) {
        return;
      }

      if (res.children != null) {


        this.setViewController(res.children[0]);
      } else {

        this.$store.state.currentPerms = res.perms;

        this.signInsertOpLog(this.m1, res.cnName)
        this.setMenuFlag = res.url;
        this.activeIndex = res.url;
      }
@@ -258,6 +273,7 @@
    handleselect(index, indexPath, e) {
      this.getTimeCookies();
      
      this.signInsertOpLog(this.m1, e.$attrs.perms.cnName)
      const a = JSON.stringify(e.$attrs.perms)
      sessionStorage.setItem('hanleselectmochaitmo', a)

@@ -270,7 +286,7 @@
          index = 'dataIfream';
        }
      }
                 

      this.setMenuFlag = index;

    },

 src/views/userManage/roleManage.vue

@@ -21,7 +21,7 @@
          :label="$t('userManage.RM.ownedSystem')"
          prop="ownedSystem"
        >
        <el-select
          <el-select
            :popper-append-to-body="false"
            v-model="roleForm.depValue"
            placeholder="请选择"
@@ -221,6 +221,7 @@
          :label-width="formLabelWidth"
        >
          <el-input
            style="width:95%"
            v-model="insertform.name"
            autocomplete="off"
          ></el-input>
@@ -268,6 +269,7 @@
          :label-width="formLabelWidth"
        >
          <el-input
            style="width:95%"
            v-model="insertform.descr"
            autocomplete="off"
          ></el-input>
@@ -290,6 +292,7 @@
          :label-width="formLabelWidth"
        >
          <el-input
            style="width:95%"
            v-model="insertform.bak"
            autocomplete="off"
          ></el-input>
@@ -333,7 +336,7 @@
          :label-width="formLabelWidth"
          :prop="updateform.depValue"
        >
        <el-select
          <el-select
            :popper-append-to-body="false"
            v-model="updateform.depValue"
            placeholder="请选择"
@@ -353,7 +356,7 @@
              />
            </el-option>
          </el-select>
        

          <!-- <el-input
            v-model="updateform.depValue"
            :disabled="true"
@@ -542,8 +545,8 @@
      InsertFormdialog: false,
      UpdateFormdialog: false,
      roleForm: {
        depid:'',
        depValue:'',
        depid: '',
        depValue: '',
      },
      cataName: '',
      depValue: '',
@@ -574,8 +577,8 @@
    };
  },
  methods: {
    handleRouleDepList(data, node, nodeData){
    this.roleForm.depid = data.id
    handleRouleDepList(data, node, nodeData) {
      this.roleForm.depid = data.id
      this.roleForm.depValue = data.name;
    },
    handleDepList(data, node, nodeData) {
@@ -761,31 +764,31 @@
        std.push(this.multipleSelection[i].id);
      }
      this.$confirm('此操作将永久删除该角色, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(async () => {
          const data = await deleteRoles({ ids: std.toString() });
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const data = await deleteRoles({ ids: std.toString() });

          if (data.code == 200) {
            this.InsertFormdialog = false;
            this.$message({
              message: '删除成功！',
              type: 'success',
            });
            this.getRoleTabelData();
          } else {
            this.$message({
              message: '删除失败！',
              type: 'warning',
            });
          }
        }).catch(() => {
        if (data.code == 200) {
          this.InsertFormdialog = false;
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
            message: '删除成功！',
            type: 'success',
          });
          this.getRoleTabelData();
        } else {
          this.$message({
            message: '删除失败！',
            type: 'warning',
          });
        }
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    handleSizeChange(val) {
      this.listData.pageSize = val;
@@ -867,7 +870,7 @@
  }
  .inquire {
    height: auto;
 

    padding: 10px;
    margin-top: 10px;
    margin-top: 10px;

 src/views/userManage/templateManage.vue

@@ -196,10 +196,24 @@
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('common.domCode')">
            <el-input
            <!-- <el-input
              style="width:100%"
              v-model=" editForm.code"
            ></el-input>
            ></el-input> -->
            <el-select
              :popper-append-to-body="false"
              style="width:100%"
              v-model="editForm.code"
              placeholder="请选择"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('common.filePath')">
            <div class="BoxFlex">
@@ -369,6 +383,16 @@
  components: { MyBread, },
  data() {
    return {
      options: [{
        value: 'countSizes',
        label: '数据量统计'
      }, {
        value: 'countServices',
        label: '服务调用量统计'
      }, {
        value: 'countOperates ',
        label: '用户流量统计'
      }],
      itemdetail: {},
      showinfoBox: false,
      behavior: '新增',
@@ -437,6 +461,13 @@
      } else if (parseInt(row.type) == 2) {
        this.itemdetail.fileType = "Excel模板"
      }
      if (row.code == 'countSizes') {
        this.itemdetail.code = "数据量统计"
      } else if (row.code == 'countServices') {
        this.itemdetail.code = "服务调用量统计"
      }else if (row.code == 'countOperates') {
        this.itemdetail.code = "用户流量统计"
      }

      this.itemdetail.uTime = this.format(row.updateTime);
      this.showinfoBox = true
@@ -466,9 +497,9 @@
    //文件类型切换
    selFileTypeChange(val) {
      if (parseInt(val) == 1) {
        this.selectFileType = ".doc,.docx"
        this.selectFileType = ".docx"
      } else if (parseInt(val) == 2) {
        this.selectFileType = ".xls,.xlsx"
        this.selectFileType = ".xlsx"
      }
    },
    //修改
@@ -476,9 +507,9 @@
      this.behavior = "修改"
      this.editForm = row;
      if (parseInt(row.type) == 1) {
        this.selectFileType = ".doc,.docx"
        this.selectFileType = ".docx"
      } else if (parseInt(row.type) == 2) {
        this.selectFileType = ".xls,.xlsx"
        this.selectFileType = ".xlsx"
      }
      this.dialogVisible = true;
    },