From 8134b203fe20922b2a780b9b5c0cd15fc4093566 Mon Sep 17 00:00:00 2001
From: dongxiaodong <13970843+dxdwork@user.noreply.gitee.com>
Date: Fri, 29 Mar 2024 21:44:57 +0800
Subject: [PATCH] dxd_3/29

---
 src/views/couplet/trouble/index.vue | 170 ++++++++++++++++++++++++++++
 1 file changed, 170 insertions(+)
 create mode 100644 src/views/couplet/trouble/index.vue

diff --git a/src/views/couplet/trouble/index.vue b/src/views/couplet/trouble/index.vue
new file mode 100644
index 0000000..0436019
--- /dev/null
+++ b/src/views/couplet/trouble/index.vue
@@ -0,0 +1,170 @@
+<<template>
+  <div class="app-container">
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
+      <el-form-item label="故障码" prop="troubleCode">
+        <el-input
+          v-model="queryParams.troubleCode"
+          clearable
+          placeholder="请输入故障码"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="故障位" prop="troublePosition">
+        <el-input
+          v-model="queryParams.troublePosition"
+          clearable
+          placeholder="请输入故障位"
+          @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          icon="el-icon-plus"
+          plain
+          size="mini"
+          type="primary"
+          @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          :disabled="single"
+          icon="el-icon-edit"
+          plain
+          size="mini"
+          type="success"
+          @click="handleUpd"
+        >修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          :disabled="multiple"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          type="danger"
+          @click="handleDel"
+        >删除
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          icon="el-icon-download"
+          plain
+          size="mini"
+          type="warning"
+          @click="handleExe"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :show-search.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+      <el-table-column align="center" type="selection" width="55"/>
+      <el-table-column align="center" label="故障码" prop="troubleCode"/>
+      <el-table-column align="center" label="故障类型" prop="typeName"/>
+      <el-table-column align="center" label="故障位" prop="troublePosition"/>
+      <el-table-column align="center" label="故障值" prop="troubleValue"/>
+      <el-table-column align="center" label="故障标签" prop="troubleTag"/>
+      <el-table-column align="center" label="故障等级" prop="gradeName"/>
+      <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            icon="el-icon-edit"
+            size="mini"
+            type="text"
+            @click="handleUpdate(scope.row)"
+          >修改
+          </el-button>
+          <el-button
+            icon="el-icon-delete"
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row)"
+          >删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  export default {
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+
+      return {
+        queryParams:{troubleCode:'',troublePosition:''},
+        //显示搜索条件
+        showSearch:true,
+        //非单个禁用
+        single:true,
+        //非多个禁用
+        multiple:true
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+      },
+      resetQuery() {
+        this.handleQuery()
+      },
+      handleAdd() {
+
+      },
+      handleUpd() {
+
+      },
+      handleDel() {
+
+      },
+      handleExe(){
+
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>