ccl_plm-vue/src/views/modules/common/Chooselist.vue

<template>
  <el-dialog append-to-body :title="baseListData.description" :close-on-click-modal="false"  :close-on-press-escape="false" @close="closeDialog" :visible.sync="visible" width="685px" v-drag>
    <el-form label-position="top" inline="inline" size="mini" label-width="120px">
      <el-form-item  :label="baseListData.caption1" v-if="baseListData.caption1!='' && baseListData.caption1!=null">
        <el-input v-model="param1"></el-input>
      </el-form-item>
      <el-form-item :label="baseListData.caption2" v-if="baseListData.caption2!='' && baseListData.caption2!=null">
        <el-input v-model="param2"></el-input>
      </el-form-item>
      <el-form-item :label="baseListData.caption3" v-if="baseListData.caption3 != '' && baseListData.caption3 != null && (this.tagNo < 501 || this.tagNo > 999) && this.tagNo !== 119">
        <el-select v-model="param3" style="width: 120px">
          <el-option label="全部" value=""></el-option>
          <el-option label="在用" value="Y"></el-option>
          <el-option label="不在用" value="N"></el-option>
        </el-select>
      </el-form-item>
<!--      <el-form-item :label="baseListData.caption4" v-if="baseListData.caption4 !== '' && baseListData.caption4 != null">-->
<!--        <el-input v-model="param4" style="width: 120px"></el-input>-->
<!--      </el-form-item>-->
      <el-button style="margin-top: 18px" type="primary" @click="getDataList(false)">查询
      </el-button>
    </el-form>

    <el-table
      :height="height"
      :data="dataList"
      border
      @row-dblclick="getRowData"
      v-loading="dataListLoading"
      style="width: 100%;">
      <el-table-column
        v-for="(item,index) in columnList" :key="index"
        :sortable="item.columnSortable"
        :prop="item.columnProp"
        :header-align="item.headerAlign"
        :show-overflow-tooltip="item.showOverflowTooltip"
        :align="item.align"
        :fixed="item.fixed==''?false:item.fixed"
        :min-width="item.columnWidth"
        :label="item.columnLabel">
        <template slot-scope="scope">
          {{ scope.row[item.columnProp] }}
        </template>
      </el-table-column>
    </el-table>

    <span slot="footer" class="dialog-footer">
      <el-button @click="closeModel()" type="primary">关闭</el-button>
    </span>
  </el-dialog>

</template>

<script>


import {
  getChooselist,
  getChooselistData
} from "@/api/chooselist/chooselist.js"

export default {
  data() {
    return {
      height: 200,
      tagNo: '',
      title: '列表',
      columnList: [],
      queryTable: {},
      visible: false,
      dataListLoading: true,
      fullscreenLoading: false,
      param1: '',
      param2: '',
      param3: '',
      param: '',
      conSql: '',
      param4: this.$store.state.user.site,
      dataList: [],
      baseListData: {
        caption1: '',
        caption2: '',
        caption3: '',
        caption4: '',
        description: '',
        fieldname1: '',
        fieldname2: '',
        sqlcode: '',
        tagno: '',
      },
      defaultParam: false
    }
  },
  methods: {
     closeModel(){
       this.baseListData={
         caption1: '',
         caption2: '',
         caption3: '',
         caption4: '',
         description: '',
         fieldname1: '',
         fieldname2: '',
         sqlcode: '',
         tagno: '',
       }
       this.dataList=[];
       this.visible = false;
     },

    // 获取 用户的配置
    init(tagNo,param,conSql) {
      this.tagNo = tagNo
      this.visible = true;
      this.param = param===null?'':param
      this.conSql = conSql?conSql: ''
      // 根据 tagNo 获取列表
      getChooselist({"tagNo": tagNo}).then(({data}) => {
        this.columnList = []
        this.baseListData = data.data
        let start = data.data.sqlcode.toUpperCase().indexOf("Select".toUpperCase())
        let end = data.data.sqlcode.toUpperCase().indexOf("from".toUpperCase())
        let length = end - start
        let columns = data.data.sqlcode.trim().substring(start + 6, length).trim()
        let props = columns.split(",")
        props.forEach((item, index) => {
          let name = '信息列'
          //debugger
          switch (index) {
            case 0:
              name = this.baseListData.caption1
              break;
            case 1:
              name = this.baseListData.caption2
              break;
            case 2:
              name = this.baseListData.caption3
              break;
            case 3:
              name = this.baseListData.caption4
              break;
          }
          let index1 = item.indexOf(" as ");
          let index2 = item.indexOf(".");
          let l = item.length
          let prop = item
          if (index1> 0){
            prop = item.substring(index1+3,l).trim()
          }
          if (index1<0 && index2>0){
            prop = item.substring(index2+1,l)
          }
          let column = {
            "columnProp":prop.trim(),
            "columnLabel": name,
            "columnHidden": false,
            "columnImage": false,
            "columnSortable": false,
            "columnWidth": null,
            "format": null,
            "sortLv": index,
            "status": true,
            "fixed": false,
            "serialNumber": null,
            "columnType": null,
            "align": null
          }
          this.columnList.push(column)
        })
        this.getDataList(true)
      })
      this.dataListLoading = false
    },
    getDataList (bool) {
      let sql = this.baseListData.sqlcode
      if (this.tagNo >= 2000) {
        if (bool) {
          sql += " and  (a." + this.baseListData.fieldname1 + " like '%" + this.param + "%' OR a." + this.baseListData.fieldname2 + " like '%" + this.param + "%'" +" ) "
        }
        if (this.param1) {
          sql += " and a." + this.baseListData.fieldname1 + " like '%" + this.param1 + "%'"
        }
        if (this.param2) {
          sql += " and a." + this.baseListData.fieldname2 + " like '%" + this.param2 + "%'"
        }
      } else {
        if (bool) {
          sql += " and  (" + this.baseListData.fieldname1 + " like '%" + this.param + "%' OR "+this.baseListData.fieldname2 + " like '%" + this.param + "%'" +" ) "
        }
        if (this.param1) {
          sql += " and " + this.baseListData.fieldname1 + " like '%" + this.param1 + "%'"
        }
        if (this.param2) {
          sql += " and " + this.baseListData.fieldname2 + " like '%" + this.param2 + "%'"
        }
        if (this.param3) {
          sql += " and active like '%" + this.param3 + "%'"
        }
        let tagNoList = [120, 121, 93, 102, 22, 103]
        if (this.tagNo < 1000 && !tagNoList.includes(this.tagNo)) {
          if (this.param4) {
            sql += " and site=" + "'" + this.param4 + "'"
          }
        }
      }
      sql += this.conSql
      getChooselistData({"sqlcode": sql}).then(({data}) => {
        if (data.code == 0) {
          this.dataList = data.baseListData
        } else {
          this.$message.error(data.msg)
        }
      })
    },

    getRowData (row) {
      this.visible = false
      this.$emit('getBaseData',row)

    },

    closeDialog () {
        this.param1 = ''
        this.param2 = ''
        this.param3 = ''
        this.param = ''
        this.param4 = this.$store.state.user.site
      this.baseListData = {
        caption1: '',
        caption2: '',
        caption3: '',
        caption4: '',
        description: '',
        fieldname1: '',
        fieldname2: '',
        sqlcode: '',
        tagno: '',
      }
      this.dataList = []
    }
  }
}
</script>
<style>


</style>