dxd_3/31

src/api/couplet/trouble.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// 查询故障码数据列表
+export function listTrouble(data) {
+  return request({
+    url: '/trouble/trouble/troubleList',
+    method: 'get',
+    data: data
+  })
+}
+
+// 查询故障类型
+export function getTroubleType() {
+  return request({
+    url: '/trouble/trouble/troubleTypeList',
+    method: 'get'
+  })
+}
+
+// 查询故障等级
+export function getTroubleGrade() {
+  return request({
+    url: '/trouble/trouble/troubleGradeList',
+    method: 'get'
+  })
+}
+
+// 添加故障码数据
+export function getAddTrouble(data) {
+  return request({
+    url: '/trouble/trouble/insertTrouble',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改故障码数据信息
+export function getUpdateTrouble(data) {
+  return request({
+    url: '/trouble/trouble/updateTrouble',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除故障码数据信息
+export function getDelTrouble(troubleId) {
+  return request({
+    url: '/trouble/trouble/remove/' + troubleId,
+    method: 'get'
+  })
+}

src/views/couplet/trouble/index.vue

@@ -18,7 +18,7 @@
       </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-button icon="el-icon-refresh" size="mini" @click="resetTroubleQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
@@ -71,11 +71,29 @@
     <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="typeName"/>-->
+      <el-table-column align="center" label="故障类型">
+        <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag size="medium" v-if="scope.row.typeId===1">电池故障</el-tag>
+              <el-tag size="medium" v-if="scope.row.typeId===2">车体故障</el-tag>
+              <el-tag size="medium" v-if="scope.row.typeId===3">车尾故障</el-tag>
+              <el-tag size="medium" v-if="scope.row.typeId===4">轴轮故障</el-tag>
+            </div>
+        </template>
+      </el-table-column>
       <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" label="故障等级">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.gradeId===1">高级</el-tag>
+            <el-tag size="medium" v-if="scope.row.gradeId===2">中级</el-tag>
+            <el-tag size="medium" v-if="scope.row.gradeId===3">低级</el-tag>
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
         <template slot-scope="scope">
           <el-button
@@ -89,19 +107,92 @@
             icon="el-icon-delete"
             size="mini"
             type="text"
-            @click="handleDelete(scope.row)"
+            @click="handleDelet(scope.row.troubleId)"
           >删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
+
+    <!-- 添加对话框 -->
+    <el-dialog  :visible.sync="opens" append-to-body width="500px">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-form-item label="故障码">
+          <el-input v-model="form.troubleCode"/>
+        </el-form-item>
+        <el-form-item label="故障码位" prop="troublePosition">
+          <el-input v-model="form.troublePosition"/>
+        </el-form-item>
+        <el-form-item label="故障码值" prop="troubleValue">
+          <el-input v-model="form.troubleValue"/>
+        </el-form-item>
+        <el-form-item label="故障码标签" prop="troubleTag">
+          <el-input v-model="form.troubleTag"/>
+        </el-form-item>
+        <el-form-item label="故障码类型" prop="typeId">
+          <el-select v-model="form.typeId" placeholder="请选择故障类型">
+            <el-option v-for="item in type" :key="item.typeId" :label="item.typeName" :value="item.typeId"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="故障码等级" prop="gradeId">
+          <el-select v-model="form.gradeId">
+            <el-option v-for="item in grade" :key="item.gradeId" :label="item.gradeName" :value="item.gradeId"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitAdd">添 加</el-button>
+        <el-button @click="cance">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!--修改对话框-->
+    <el-dialog  :visible.sync="open" append-to-body width="500px">
+      <el-form ref="fore" :model="fore" label-width="80px">
+        <el-form-item label="故障码">
+          <el-input v-model="fore.troubleCode"/>
+        </el-form-item>
+        <el-form-item label="故障码位" prop="troublePosition">
+          <el-input v-model="fore.troublePosition"/>
+        </el-form-item>
+        <el-form-item label="故障码值" prop="troubleValue">
+          <el-input v-model="fore.troubleValue"/>
+        </el-form-item>
+        <el-form-item label="故障码标签" prop="troubleTag">
+          <el-input v-model="fore.troubleTag"/>
+        </el-form-item>
+        <el-form-item label="故障码类型" prop="typeId">
+          <el-select v-model="form.typeId" placeholder="请选择故障类型">
+            <el-option v-for="item in type" :key="item.typeId" :label="item.typeName" :value="item.typeId"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="故障码等级" prop="gradeId">
+          <el-select v-model="form.gradeId">
+            <el-option v-for="item in grade" :key="item.gradeId" :label="item.gradeName" :value="item.gradeId"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitUpd">修 改</el-button>
+        <el-button @click="cance">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-  export default {
+import {
+  getAddTrouble,
+  getDelTrouble,
+  getTroubleGrade,
+  getTroubleType,
+  getUpdateTrouble,
+  listTrouble
+} from '@/api/couplet/trouble'
+
+export default {
     //import引入的组件需要注入到对象中才能使用"
     components: {},
     props: {},
@@ -109,13 +200,34 @@
       //这里存放数据"
 
       return {
-        queryParams:{troubleCode:'',troublePosition:''},
+        queryParams:{
+          pageNum : 1,
+          pageSize : 10,
+          troubleCode:'',
+          troublePosition:''
+        },
+        typeList1:[],
+        loading: true,
         //显示搜索条件
         showSearch:true,
         //非单个禁用
         single:true,
         //非多个禁用
-        multiple:true
+        multiple:true,
+        //列表数据
+        dataList:[],
+        // 总条数
+        total: 0,
+        //选中
+        ids:[],
+        // 是否显示弹出层
+        open: false,
+        opens: false,
+        // 表单参数
+        form: {},
+        fore:{},
+        type:[],
+        grade:[]
       };
     },
     //计算属性 类似于data概念",
@@ -124,27 +236,86 @@
     watch: {},
     //方法集合",
     methods: {
+      getList() {
+        this.loading =true;
+        listTrouble(this.addDateRange(this.queryParams)).then(res =>{
+          this.dataList = res.data.list;
+          this.total = res.data.total;
+          this.loading = false;
+        })
+      },
+      handleSelectionChange(selection) {
+        this.ids = selection.map(item => item.troubleId)
+        this.single = selection.length !=1
+        this.multiple = !selection.length
+      },
       handleQuery() {
         this.queryParams.pageNum = 1;
+        this.getList()
       },
-      resetQuery() {
+      resetTroubleQuery() {
+        this.resetForm("queryForm")
         this.handleQuery()
       },
+      /** 新增按钮操作 */
       handleAdd() {
-
+        this.opens = true;
       },
       handleUpd() {
-
+        this.open = true;
+      },
+      cance() {
+        this.open = false;
+        this.reset();
+      },
+      handleUpdate(data) {
+        this.fore = data
+        this.open = true
+      },
+      submitAdd() {
+        getAddTrouble(this.form).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.opens = false;
+          this.getList();
+        });
+        this.opens = true;
+      },
+      submitUpd() {
+        getUpdateTrouble(this.fore).then(response => {
+          this.$modal.msgSuccess("修改成功");
+          this.open = false;
+          this.getList();
+        });
+        this.open = true;
       },
       handleDel() {
 
+      },
+      handleDelet(troubleId) {
+        getDelTrouble(troubleId).then(res =>{
+          this.$modal.msgSuccess("删除成功");
+          this.getList();
+        })
       },
       handleExe(){
 
+      },
+      changTypeId() {
+        getTroubleType().then(res => {
+          this.type = res
+        })
+      },
+      changGradeId() {
+        getTroubleGrade().then(res => {
+          this.grade = res
+        })
       }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
     created() {
+      this.getList()
+      this.changTypeId()
+      this.changGradeId()
     },
     //生命周期 - 挂载完成（可以访问DOM元素）",
     mounted() {