Source/UBCS-WEB/src/views/docking/data.vue

@@ -8,12 +8,16 @@
               :permission="permissionList"
               ref="crud"
               @search-change="searchChange"
               @cell-dblclick="cellDbClick"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot-scope="scope" slot="menuLeft">
        <vci-docking-search :SearchObject="SearchObject" :page="page" :formInline="formInline" :status="status" @getList="dockingGetList"></vci-docking-search>
      </template>
    </avue-crud>
  </basic-container>
</template>
@@ -28,6 +32,50 @@
name: "data",
  data(){
  return {
    //各个类型状态
    status:{
      type:'data',
      sendTypeFlga:false,
      stateTaskDataFlag:false
    },
    //model绑定
    formInline:{
      type:'',
      text:'',
      stateTask:'',
      taskCut:''
    },
    //集成类型死数据
    SearchObject:{
      searchData:[
        {
          label:'数据编码',
          prop: "id",
          value:0
        },
        {
          label:'分类代号',
          prop: "classifyId",
          value:1
        },
        {
          label:'分类名称',
          prop: 'classifyName',
          value:2
        },
        {
          label:'推送类型',
          prop: 'sendType',
          value:3
        },
        {
          label:'是否分解任务',
          prop: 'sendFlag',
          value:4
        },
      ]
    },
    value:'',
    loading: false,
    query: {},
    selectionList: [],
@@ -38,7 +86,8 @@
    },
    data:[],
    option: {
      calcHeight: 30,
      height:'auto',
      calcHeight: 0,
      tip: false,
      searchShow: false,
      searchMenuSpan: 6,
@@ -54,62 +103,74 @@
          prop: "id",
          search: true,
          sortable:true,
          width:150
          // width:150
        },
        {
          label: "图号",
          prop: "uniquecode",
          prop: "uniqueCode",
          search: true,
          hide:true,
          sortable:true
        },
        {
          label: '分类id',
          prop: 'classifyid',
          label: '分类代号',
          prop: 'classifyId',
          search: true,
          sortable:true,
          width: 250
          // width: 250
        },
        {
          label: '分类名称',
          prop: 'classifyname',
          prop: 'classifyName',
          search: true,
          sortable:true
          sortable:true,
        },
        {
          label: '业务类型oid',
          prop: 'btmoid',
          prop: 'btmOid',
          sortable:true,
          width: 150
          hide:true,
          // width: 250
        },
        {
          label: '业务类型id',
          prop: 'btmid',
          prop: 'btmId',
          sortable:true,
          width: 150
          // width: 150
        },
        {
          label: '推送类型',
          prop: 'sendtype',
          prop: 'sendType',
          search: true,
          sortable:true,
          width: 150
          // width: 150,
          formatter: function (row, column) {
            if (row.sendType === 'Enabled') {
              return '发布';
            } else if (row.sendType === 'TakeBack') {
              return '回收';
            } else if (row.sendType === 'Disabled') {
              return '停用';
            }
          }
        },
        {
          label: '是否分解任务',
          prop: 'sendflag',
          prop: 'sendFlag',
          search: true,
          sortable:true,
          width: 150,
          // width: 130,
          html:true,
          align:'center',
          type:'select',
          searchLabelWidth:130,
          dicData: [{key:'true',value:'是'},{key:'false',value:'否'}],
          props: {
            label: "value",
            value: "key"
          },
          formatter : function (row, column) {
            return row.sendflag == 'true' || row.sendflag == '1' ? '<i class="el-icon-check"></i>' : '<i class="el-icon-close"></i>'
            return row.sendFlag == 'true' || row.sendFlag == '1' ? '<i class="el-icon-check" style="color: limegreen;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: red;font-size: 20px;font-weight: 800" ></i>'
          }
        }
      ]
@@ -128,6 +189,22 @@
    }
  },
  methods: {
    dockingGetList(val){
      this.data=val;
    },
    async cellDbClick(row, column, cell, event) {
      for (const key in row) {
        if (key === column.property) {
          this.value = row[key];
        }
      }
      try {
        await this.$copyText(this.value);
        this.$message.success('复制成功');
      } catch (error) {
        this.$message.warning('复制失败');
      }
    },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);