样式调整

china

2023-05-11 c7bc3eb18e1fda4254ca0195e2133d2ed978de11

 src/views/components/myTableV3.vue

@@ -7,6 +7,7 @@
        v-for="(custom, idx) in myTable.tools.custom"
        :key="idx"
        site="tools"
        :type="custom.myType"
        :check-permission="custom.checkPermission"
        :name="custom.name"
        @click="custom.click"
@@ -94,8 +95,7 @@
          :sortable="column.sortable"
          :label="column.title"
          :type="column.type"
          :width="column.width"
          :min-width="column.minWidth"
          :min-width="column.width"
          :align="column.align"
          :header-align="column.align"
        >
@@ -122,7 +122,8 @@
            <template v-else>
              <!--点击弹出单元格内容-->
              <el-popover placement="top-start" trigger="click" :content="getPopoverContent(scope.row, column)">
                <span slot="reference" class="content-text">{{ scope.row[column.field] }}</span>
<!--                <span slot="reference" class="content-text">{{ scope.row[column.field] }}</span>-->
                <span slot="reference" class="content-text">{{ splitField(scope.row, column.field) }}</span>
              </el-popover>
            </template>
          </template>
@@ -134,7 +135,7 @@
        v-if="myTable.operation.show"
        label="操作"
        align="center"
        :width="myTable.operation.width"
        :min-width="myTable.operation.width"
        fixed="right"
      >
        <template slot-scope="scope">
@@ -187,13 +188,14 @@
</template>

<script>
import myButtonV2 from '@/views/components/myButtonV2'
import myButton from '@/views/components/myButton'
import mySwitch from './mySwitch'
import request from '@/utils/request'
import * as valid from '@/utils/validate'
import previewPicture from '@/views/components/previewPicture'
export default {
  import myButtonV2 from '@/views/components/myButtonV2'
  import myButton from '@/views/components/myButton'
  import mySwitch from './mySwitch'
  import request from '@/utils/request'
  import * as valid from '@/utils/validate'
  import previewPicture from '@/views/components/previewPicture'

  export default {
  components: { myButtonV2, myButton, mySwitch, previewPicture },
  props: {
    table: {
@@ -324,8 +326,6 @@
      return function(row) {
        const arr = []
        that.myTable.operation.attr.map(item => {
          console.log(item)
          console.log(!(item.hidden && item.hidden(row)) && item.checkPermission)
          if (!(item.hidden && item.hidden(row)) && item.checkPermission) {
            arr.push(item)
          }
@@ -348,6 +348,28 @@
    this.initTable()
  },
  methods: {
    /**
     * 解决：field中属性套属性的情况。2023-04-25
     * @param row
     * @param field
     */
    splitField(row, field){
      if(field.indexOf('.') > -1){
        const arr = field.split('.');
        let fieldStr = '';
        for(let i=0, len=arr.length; i<len; i++){
          if(i == len - 1){
            fieldStr += arr[i];
          } else {
            fieldStr += arr[i] + '.';
          }
        }
        return eval('row.' + fieldStr);
      } else {
        return row[field];
      }
    },

    initTable() {
      if (this.table !== null) {
        Object.assign(this.myTable, this.table)
@@ -403,6 +425,7 @@
            })
          )
          this.myTable.loading = false
          // this.$refs[this.myTable.ref].doLayout()
        }).catch(() => {
          this.myTable.loading = false
        })
@@ -605,8 +628,11 @@
</script>

<style scoped>
>>> .el-table__fixed-right {
  height: 100% !important;
>>> .el-table__header {
  width: 100% !important;
}
>>> .el-table__body {
  width: 100% !important;
}

/*详情表单*/
@@ -641,5 +667,7 @@
  text-align: center;
  margin: 0 auto;
}

.table-tool-bar{
  margin-bottom: 20px;
}
</style>