样式修改

wente

2024-03-29 404bd17f83c0054388e4a02ff31dbc37c27a4b11

 web/src/views/modules/basicInfo/TyProductModel.vue

@@ -1,11 +1,9 @@
<template>

  <el-card shadow="never" class="aui-card--fill">
    <div class="mod-tyProductModel-tyProductModel}">
  <div class="mod-tyProductModel-tyProductModel} fa-card-a">
      <zt-table-wraper query-url="/basicInfo/TyProductModel/tree" delete-url="/basicInfo/TyProductModel/" v-bind:paging='false'
                       v-slot="{ table }">
        <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
          <el-form-item>
          <!--<el-form-item>
            <zt-dict v-model="dataForm.nodeType" dict="product" placeholder="请选择节点类型" clearable></zt-dict>
          </el-form-item>
          <el-form-item>
@@ -13,15 +11,15 @@
          </el-form-item>
          <el-form-item>
            <zt-dict v-model="dataForm.repairDistrib" dict="RepairDistribType"  placeholder="请选择维修分布类型" clearable></zt-dict>
          </el-form-item>
          </el-form-item>-->
          <el-form-item>
            <zt-button type="query" @click="table.query()"/>
            <!--<zt-button type="query" @click="table.query()"/>-->
            <zt-button type="add"  @click="table.editHandle()"/>
            <zt-button type="delete"  @click="table.deleteHandle()"/>
          </el-form-item>
        </el-form>
        <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:70}"
                  border row-key="id"
        <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
                  row-key="id"
                  @selection-change="table.selectionChangeHandle"
                  :cell-style="cellStyle"
                  :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
@@ -31,37 +29,28 @@
          <zt-table-column-dict prop="taskCompute" label="任务计算" dict="is_or_not"/>
          <zt-table-column-dict prop="reliabDistrib" label="可靠性分布" dict="ReliabDistribType"/>
          <zt-table-column-dict prop="repairDistrib" label="维修分布" dict="RepairDistribType"/>
          <el-table-column prop="operationalStatus" label="运行状态图" align="center">
          <el-table-column prop="operatImg" label="运行图片" align="center">
            <template v-slot="{ row }">
              <el-image v-if="row.operationalStatus" :src="getPath(row.operationalStatus)" style="height: 50px;width: 50px"></el-image>
            </template >
          </el-table-column>
          <el-table-column prop="standbyState" label="待机状态图" align="center">
            <template v-slot="{ row }">
              <el-image v-if="row.standbyState" :src="getPath(row.standbyState)" style="height: 50px;width: 50px"></el-image>
            </template >
          </el-table-column>
          <el-table-column prop="faultState" label="故障状态图" align="center">
            <template v-slot="{ row }">
              <el-image v-if="row.faultState" :src="getPath(row.faultState)" style="height: 50px;width: 50px"></el-image>
            </template >
              <el-image v-if="row.operatImg" :src="url+row.operatImg" style="height: 50px;width: 50px"></el-image>
            </template>
          </el-table-column>
          <el-table-column prop="sort" label="排序"/>
          <zt-table-column-handle :table="table"/>
          <zt-table-column-handle :table="table" width="150" />
        </el-table>
        <!-- 弹窗, 新增 / 修改 -->
        <add-or-update @refreshDataList="table.query"/>
      </zt-table-wraper>
    </div>
  </el-card>
</template>

<script>
  import AddOrUpdate from './TyProductModel-AddOrUpdate'
  import Cookies from "js-cookie";

  export default {
    data() {
      return {
        url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getProductImg?token=${Cookies.get('token')}&id=`,
        dataForm: {
          operationalStatus:'',
          standbyState:'',
@@ -81,10 +70,7 @@
          return 'text-align: left !important;'
        }
      },
      getPath(id){
        console.log(id,'path')
        return `${window.SITE_CONFIG['apiURL']}/sys/oss/content2?fileId=${id}`
      }

    }
  }
</script>