<template>
  <div style="height: 100%;">
    <div class="iotmenu-content-header">
      <a-icon type="file-text" />
      <span>登录配置</span>
    </div>
    <a-card :bordered="false" class="iotmenu-content">
      <div>
        <a-table
          ref="table"
          size="middle"
          :scroll="{x:true}"
          rowKey="id"
          :columns="columns"
          :dataSource="dataSource"
          :pagination="ipagination"
          :loading="loading"
          class="j-table-force-nowrap"
          @change="handleTableChange">
          <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" -->

          <template slot="htmlSlot" slot-scope="text">
            <div v-html="text"></div>
          </template>
          <template slot="imgSlot" slot-scope="text,record">
            <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
            <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
          </template>
          <template slot="fileSlot" slot-scope="text">
            <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
            <a-button
              v-else
              :ghost="true"
              type="primary"
              icon="download"
              size="small"
              @click="downloadFile(text)">
              下载
            </a-button>
          </template>

          <span slot="action" slot-scope="text, record">
            <a-tooltip style="margin-right: 10px;">
              <template slot="title"> 设置 </template>
              <span class="edit-btn" @click="handleEdit(record)"></span>
            </a-tooltip>
          </span>

        </a-table>
      </div>

      <login-config-modal ref="modalForm" @ok="modalFormOk"></login-config-modal>
    </a-card>
  </div>
</template>

<script>

  import '@/assets/less/TableExpand.less'
  import { mixinDevice } from '@/utils/mixin'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import LoginConfigModal from './modules/LoginConfigModal'

  export default {
    name: 'LoginConfigList',
    mixins:[JeecgListMixin, mixinDevice],
    components: {
      LoginConfigModal
    },
    data () {
      return {
        description: '联锁登陆页配置表管理页面',
        // 表头
        columns: [
          // {
          //   title: '#',
          //   dataIndex: '',
          //   key:'rowIndex',
          //   width:60,
          //   align:"center",
          //   customRender:function (t,r,index) {
          //     return parseInt(index)+1;
          //   }
          // },
          {
            title:'logo图片',
            align:"center",
            dataIndex: 'logoPic',
            scopedSlots: {customRender: 'imgSlot'}
          },
          {
            title:'背景图片',
            align:"center",
            dataIndex: 'backPic',
            scopedSlots: {customRender: 'imgSlot'}
          },
          {
            title:'网址',
            align:"center",
            dataIndex: 'companyUrl'
          },
          {
            title:'地址',
            align:"center",
            dataIndex: 'companyAddress'
          },
          {
            title:'电话',
            align:"center",
            dataIndex: 'companyTelephone'
          },
          {
            title:'版权',
            align:"center",
            dataIndex: 'companyCopyright'
          },
          {
            title: '操作',
            dataIndex: 'action',
            align:"center",
            fixed:"right",
            width:100,
            scopedSlots: { customRender: 'action' }
          }
        ],
        url: {
          list: "/interlockLoginConfig/interlockLoginConfig/list",
          // delete: "/jeecg-boot/interlockLoginConfig/interlockLoginConfig/delete",
          // deleteBatch: "/loginConfig/loginConfig/deleteBatch",
          // exportXlsUrl: "/loginConfig/loginConfig/exportXls",
          // importExcelUrl: "loginConfig/loginConfig/importExcel",
          
        },
        dictOptions:{},
        superFieldList:[],
      }
    },
    created() {
    this.getSuperFieldList();
    },
    computed: {
      importExcelUrl: function(){
        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
      },
    },
    methods: {
      initDictConfig(){
      },
      getSuperFieldList(){
        let fieldList=[];
        fieldList.push({type:'string',value:'backPic',text:'背景图片',dictCode:''})
        fieldList.push({type:'string',value:'logoPic',text:'logo图片',dictCode:''})
        fieldList.push({type:'string',value:'companyUrl',text:'公司网址',dictCode:''})
        fieldList.push({type:'string',value:'companyAddress',text:'公司地址',dictCode:''})
        fieldList.push({type:'string',value:'companyTelephone',text:'公司电话',dictCode:''})
        fieldList.push({type:'string',value:'companyCopyright',text:'公司版权',dictCode:''})
        this.superFieldList = fieldList
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>