xiejun
2023-09-18 7db3ee6e84714a868e0b57a61a033d050b1a61fc
Source/UBCS-WEB/src/views/docking/task.vue
@@ -8,6 +8,7 @@
               :permission="permissionList"
               ref="crud"
               @search-change="searchChange"
               @cell-dblclick="cellDbClick"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
@@ -15,19 +16,22 @@
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot="menuLeft">
        <el-button type="primary"
                   size="small"
                   plain
                   icon="el-icon-refresh-right"
                   @click="handleSend">手动推送
        </el-button>
          <el-button type="primary"
                     size="small"
                     plain
                     icon="el-icon-refresh-right"
                     @click="handleSend">手动推送
          </el-button>
        <div style="float: right;margin-left: 10px">
          <vci-docking-search :formInline="formInline" :SearchObject="SearchObject" :page="page" :status="status" @getList="dockingGetList"></vci-docking-search>
        </div>
      </template>
    </avue-crud>
  </basic-container>
</template>
<script>
import {getList,sendData} from "@/api/docking/task";
import {getTaskList,sendData} from "@/api/docking/task";
import {validatenull} from "@/util/validate";
import {mapGetters} from "vuex";
import {remove} from "@/api/code/codeSynonym";
@@ -36,6 +40,74 @@
  name: "task",
  data(){
    return {
      //model绑定
      formInline:{
        type:'',
        stateTask:'',
        lastDate:'',
        Date:'',
        text:'',
        taskCut:''
      },
      //各个类型状态
      status:{
        type:'task',
        stateTaskDataFlag:false,
        dateFlag:false,
        lastDateFlag:false,
        sendTypeFlga:false
      },
      //集成类型死数据
      SearchObject:{
        searchData:[
          {
            label:'数据编码',
            prop: "id",
            value:0
          },
          {
            label:'分类代号',
            prop: 'classifyId',
            value:1
          },
          {
            label:'分类名称',
            prop: 'classifyName',
            value:2
          },
          {
            label:'集成系统编号',
            prop: 'systemCode',
            value:3
          },
          {
            label:'集成系统名称',
            prop: 'systemName',
            value:4
          },
          {
            label:'推送类型',
            prop: 'sendType',
            value:5
          },
          {
            label:'任务创建时间',
            prop: 'createTime',
            value:6
          },
          {
            label:'最后推送时间',
            prop: 'lastModifyTime',
            value:7
          },
          {
            label:'是否推送成功',
            prop: 'sendFlag',
            value:8
          }
        ]
      },
      value:'',
      loading: false,
      query: {},
      selectionList: [],
@@ -50,7 +122,8 @@
        calcHeight: 0,
        tip: false,
        searchShow: false,
        searchMenuSpan: 6,
        searchShowBtn:false,
        // searchMenuSpan: 6,
        border: true,
        index: true,
        viewBtn: true,
@@ -102,12 +175,12 @@
            width: 150
          },
          {
            label: '数据情况',
            label: '推送类型',
            prop: 'sendType',
            sortable:true,
            width: 100,
            formatter: function (row, column) {
              if (row.sendType === 'Released') {
              if (row.sendType === 'Enabled') {
                return '发布';
              } else if (row.sendType === 'TakeBack') {
                return '回收';
@@ -144,7 +217,7 @@
              value: "key"
            },
            formatter : function (row, column) {
              return row.sendFlag == 'true' || row.sendFlag == '1' ? '<i class="el-icon-check" style="color: limegreen"></i>' : '<i class="el-icon-close" style="color: red"></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>'
            }
          },
        ]
@@ -170,6 +243,25 @@
    }
  },
  methods: {
    dockingGetList(val){
      this.data=val.records;
      this.page.pageSize=val.size;
      this.page.currentPage=val.current;
      this.page.total=val.total;
    },
    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);
@@ -204,7 +296,7 @@
          query['conditionMap["' + key + '"]'] = this.query[key];
        }
      }
      getList(page.currentPage, page.pageSize, Object.assign(params, this.params, query, this.query)).then(res => {
      getTaskList(page.currentPage, page.pageSize, Object.assign(params, this.params, query, this.query)).then(res => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;