大屏重构

黄何裕

2024-07-26 4eeaec1eddd5ef2be4b79423154fa2dce81d5566

 src/views/system/work-order/index.vue

@@ -12,9 +12,9 @@
      </el-form-item>
      <el-form-item label="故障类型" prop="workOrderNo">
        <el-select v-model="queryParams.errorType" placeholder="故障类型" clearable @clear="handleQuery">
          <el-option v-for="(item, index) in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue"
                     :key="index"
          ></el-option>
          <el-option v-for="dict in dict.type.error_type"
                     :value="dict.value"
                     :label="dict.label"/>
        </el-select>
      </el-form-item>
      <el-form-item label="工单状态" prop="status">
@@ -26,8 +26,8 @@
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
        <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

@@ -44,7 +44,7 @@
      </el-col>
    </el-row>

    <el-row :gutter="20">
    <el-row :gutter="20" v-loading="loading">
      <el-col :xl="6" :lg="8" :md="12" :sm="24" v-for="item in workOrderList" :key="item.id"
              style="margin-bottom: 20px;"
      >
@@ -157,8 +157,8 @@
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitReportForm">提 交</el-button>
        <el-button @click="reportOpen = false">取 消</el-button>
        <el-button type="primary" @click="submitReportForm">提 交</el-button>
      </div>
    </el-dialog>

@@ -378,6 +378,7 @@

export default {
  name: 'Work-order',
  dicts: ['error_type'],
  components: {},
  data() {
    return {
@@ -659,10 +660,6 @@
        this.workOrderList = response.data
        this.total = response.total
        this.loading = false
      })
      // 获取故障类型
      getDicts('error_type').then(response => {
        this.errorTypeOptions = response.data
      })
    },
    // 取消按钮