装备页面提交

src/views/equipment/equipment.vue

@@ -240,7 +240,7 @@ export default {
       let param = {
         pageNo: this.pagination.currentPage,
         pageSize: this.pagination.pageSize,
-        // ...this.queryForm
+        ...this.queryForm
       }
       getDataList(param).then(res => {
         if (res.code !== 0) {

src/views/equipment/equipmentModel.vue

@@ -3,10 +3,10 @@
   <Container :query-form="queryForm" class="three-model-container">
     <!-- 查询表单 -->
     <template #query-form>
-      <el-form-item label="装备类型名称">
+      <el-form-item label="装备型号名称">
         <el-input
-          v-model="queryForm.zbTypeName"
-          placeholder="输入装备名称"
+          v-model="queryForm.zbModelName"
+          placeholder="输入装备型号名称"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -35,7 +35,7 @@
         <el-table-column type="index" label="序号" width="60"/>
         <el-table-column prop="zbTypeName" label="所属装备类型" width="120" align="center"/>
         <el-table-column prop="zbModelName" label="装备型号名称" align="center" />
-        <el-table-column prop="zbTypeRemark" label="装备型号备注" align="center" />
+        <el-table-column prop="zbModelRemark" label="装备型号备注" align="center" />
         <el-table-column prop="zbModelIcon" label="美军标图标" align="center" />
         <el-table-column prop="userName" label="创建人" width="120" align="center" sortable/>
         <el-table-column prop="createTime" label="创建时间" width="180" align="center" sortable/>
@@ -94,13 +94,61 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item label="装备类型可编辑参数" prop="zbModelIcon">
-              <el-input v-model="addForm.zbModelJson" placeholder="请输入装备类型可编辑参数" />
+          <el-col :span="24">
+            <el-form-item label="装备类型可编辑参数" prop="zbModelJson">
+              <el-table :data="addForm.zbModelJson" border>
+                <el-table-column prop="sourceName" label="业务名称">
+                  <template slot-scope="scope">
+                    <el-input
+                      v-if="scope.row.isEditing"
+                      v-model="scope.row.sourceName"
+                    ></el-input>
+                    <span v-else>{{ scope.row.sourceName }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="sourceCode" label="英文名称">
+                  <template slot-scope="scope">
+                    <el-input
+                      v-if="scope.row.isEditing"
+                      v-model="scope.row.sourceCode"
+                    ></el-input>
+                    <span v-else>{{ scope.row.sourceCode }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="sourceType" label="类型">
+                  <template slot-scope="scope">
+                    <el-select v-if="scope.row.isEditing" v-model="scope.row.sourceType">
+                      <el-option v-for="(item, index) in $getDictList('zb_filed_type')" :key="index" :label="item.dictName" :value="item.dictValue"></el-option>
+                    </el-select>
+                    <span v-else>{{ scope.row.sourceType }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" width="160">
+                  <template slot-scope="scope">
+                    <el-button
+                      size="mini"
+                      @click="dialogEdit(scope.row)"
+                      v-if="!scope.row.isEditing"
+                    >编辑</el-button>
+                    <el-button
+                      size="mini"
+                      type="success"
+                      @click="dialogSave(scope.row)"
+                      v-if="scope.row.isEditing"
+                    >保存</el-button>
+                    <el-button
+                      size="mini"
+                      type="danger"
+                      @click="dialogCancle(scope.row)"
+                      v-if="scope.row.isEditing"
+                    >取消</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="装备型号备注" prop="zbModeName">
+            <el-form-item label="装备型号备注" prop="zbModelRemark">
               <el-input v-model="addForm.zbModelRemark" type="textarea" :rows="4" placeholder="请输入装备型号备注"/>
             </el-form-item>
           </el-col>
@@ -131,7 +179,7 @@ export default {
     return {
       addOrUpdateTitle: '新建',
       // 查询
-      queryForm: {zbTypeName: ''},
+      queryForm: {zbModelName: ''},
 
       // 列表&分页
       tableData: [],
@@ -147,7 +195,14 @@ export default {
         zbModelName: '',
         zbModelRemark: '',
         zbModelIcon: '',
-        zbModelJson: '',
+        zbModelJson: [
+          {
+            sourceName: "",
+            sourceCode: "",
+            sourceType: "",
+            isEditing: false
+          }
+        ],
       },
       addRules: {},
       zbTypeList: [], // 所有装备类型
@@ -158,6 +213,18 @@ export default {
     this.getTypes()
   },
   methods: {
+    dialogEdit(row) {
+      row.isEditing = true
+    },
+    dialogSave(row) {
+      row.isEditing = false
+    },
+    dialogCancle(row) {
+      row.sourceName = ''
+      row.sourceCode = ''
+      row.sourceType = ''
+      row.isEditing = false
+    },
     // 获取所有装备类型
     getTypes() {
       getAllEquTypes().then(res => {
@@ -172,7 +239,7 @@ export default {
       let param = {
         pageNo: this.pagination.currentPage,
         pageSize: this.pagination.pageSize,
-        // ...this.queryForm
+        ...this.queryForm
       }
       equModelList(param).then(res => {
         if (res.code !== 0) {
@@ -185,7 +252,7 @@ export default {
       })
     },
     resetQuery() {
-      this.queryForm = {zbTypeName: ''}
+      this.queryForm = {zbModelName: ''}
       this.pagination.currentPage = 1
       this.handleQuery()
     },
@@ -205,6 +272,9 @@ export default {
     },
     handleEdit(row) {
       this.addForm = {...row}
+      if (typeof row.zbModelJson != 'string') {
+        this.addForm.zbModelJson = JSON.parse(row.zbModelJson)
+      }
       // getEquDetails(row.id).then(res => {
       //   console.log(res)
       // })
@@ -231,7 +301,14 @@ export default {
         zbModelName: '',
         zbModelRemark: '',
         zbModelIcon: '',
-        zbModelJson: '',
+        zbModelJson: [
+          {
+            sourceName: "",
+            sourceCode: "",
+            sourceType: "",
+            isEditing: false
+          }
+        ],
       }
       this.addOrUpdateTitle = '新建'
       this.addVisible = true
@@ -246,7 +323,11 @@ export default {
     handleAddSubmit() {
       this.$refs.addFormRef.validate(valid => {
         if (!valid) return
-        (this.addOrUpdateTitle === '编辑' ? equModelUpdate : equModelAdd)(this.addForm).then(res => {
+        let data = this.addForm
+        if (typeof data.zbModelJson != 'string') {
+          data.zbModelJson = JSON.stringify(this.addForm.zbModelJson)
+        }
+        (this.addOrUpdateTitle === '编辑' ? equModelUpdate : equModelAdd)(data).then(res => {
           if (res.code !== 0) {
             return
           }

src/views/equipment/equipmentType.vue

@@ -131,7 +131,7 @@ export default {
       let param = {
         pageNo: this.pagination.currentPage,
         pageSize: this.pagination.pageSize,
-        // ...this.queryForm
+        ...this.queryForm
       }
       equList(param).then(res => {
         if (res.code !== 0) {