资源管理详情修改

surprise

2023-11-29 25e62741018af2d834b40fba470b4d0e83887a52

 src/views/datamanage/resourceManagement.vue

@@ -63,40 +63,42 @@
          @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 sortable align="center" prop="cnName" :label="$t('dataManage.layerObj.resourceName')" />
          <!-- <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"
          <!-- <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 sortable align="center" prop="type" :label="$t('dataManage.layerObj.serviceType')"
            :formatter="setResType" />
          <el-table-column sortable align="center" prop="data" :label="$t('dataManage.layerObj.dataType')"
            :formatter="setResData" />
          <!-- <el-table-column align="center" prop="tab" :label="$t('dataManage.layerObj.tableName')" width="150" /> -->
          <el-table-column sortable align="center" prop="url" :label="$t('dataManage.layerObj.serviceAddress')" />
          <!-- <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 sortable align="center" prop="proxy" :label="$t('dataManage.layerObj.proxyAddress')"
            :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"
          <!-- <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 sortable align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')"
            :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"
          <!-- <el-table-column align="center" prop="updateName" :label="$t('dataManage.vmobj.updateonuser')" width="200" /> -->
          <el-table-column sortable align="center" prop="updateTime" :label="$t('dataManage.vmobj.updateontime')"
            :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="bak" :label="$t('common.bak')" width="200" /> -->
          <el-table-column :label="$t('common.operate')" width="300">
            <template slot-scope="scope">
              <el-button @click="setScopeEdit(scope.row)" size="small" type="warning" plain>{{ $t('common.update')
              <el-button @click="setScopeSee(scope.row)" size="mini" type="primary" plain>{{ $t('common.see')
              }}</el-button>
              <el-button size="small" v-show="scope.row.status != 0" plain @click="setScopePreview(scope.row)">{{
              <el-button @click="setScopeEdit(scope.row)" size="mini" type="warning" plain>{{ $t('common.update')
              }}</el-button>
              <el-button size="mini" v-show="scope.row.status != 0" plain @click="setScopePreview(scope.row)">{{
                $t('common.preview') }}</el-button>

            </template>
@@ -254,7 +256,109 @@
        </span>
      </div>
    </el-dialog>

    <div class="infoBox_box" v-show="seeDialog" style="z-index:99999">
      <div class="infoBox box_div">
        <div slot="header" class="clearfix">
          <span>{{ $t("common.details") }}</span>
          <div style="float: right; cursor: pointer" @click="handleSeeClose">
            <i class="el-icon-close"></i>
          </div>
        </div>
        <el-divider></el-divider>
        <div class="contentBox" style="padding:1%">
          <p>
            {{ $t("dataManage.layerObj.resourceName") }}：{{
              seeData.cnName
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.englishName") }}：{{
              seeData.enName
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.status") }}：{{
              seeData.status
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.firm") }}：{{
              seeData.category
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.serviceType") }}：{{
              seeData.type
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.dataType") }}：{{
              seeData.data
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.tableName") }}：{{
              seeData.tab
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.serviceParameters") }}：{{
              seeData.args
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.testAddress") }}：{{
              seeData.test
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.proxyAddress") }}：{{
              seeData.proxy
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.layerObj.descr") }}：{{
              seeData.descr
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.vmobj.createonuser") }}：{{
              seeData.createName
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.vmobj.createontime") }}：{{
              seeData.createTime
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.vmobj.updateonuser") }}：{{
              seeData.updateName
          }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.vmobj.updateontime") }}：{{
              seeData.updateTime
          }}
          </p>
        </div>
      </div>
    </div>
    
    <!-- 地址预览 -->
    <el-dialog :title="$t('common.preview')" :class="isFullscreen ? '' : 'dialogClass_his'"
      custom-class="handleDialogClass" width="73.4%" :fullscreen="isFullscreen" v-if="prevDialog"
@@ -327,6 +431,8 @@
        data: null
      },
      editDialog: false,
      seeDialog: false,
      seeData: {},
      insertDialog: false,
      dataType: [],
      dataTypes: [],
@@ -569,8 +675,26 @@
      }
      this.dataTypes = std;
    },
    handleSeeClose() {
      this.seeDialog = false
      this.seeData = {};
    },

    setScopeSee(row) {
      this.seeDialog = true;
      this.seeData = JSON.parse(JSON.stringify(row));
      this.seeData.status = this.setResStatus(this.seeData)
      this.seeData.category = this.setResCategory(this.seeData)
      this.seeData.data = this.setResData(this.seeData)
      this.seeData.type = this.setResType(this.seeData)
      this.seeData.proxy = this.formatProxy(this.seeData)
      this.seeData.createTime = this.seeData.createTime ? this.format(this.seeData.createTime) : null;

      this.seeData.updateTime = this.seeData.updateTime ? this.format(this.seeData.updateTime) : null;
    },

    setScopeEdit(row) {
      

      this.copyData = JSON.parse(JSON.stringify(row));
      this.editData = JSON.parse(JSON.stringify(row));
      this.editData.status = this.editData.status.toString()