修改了资质管理

pages/meter-aptitude/manage/MeterAptitudeManageEdit.vue

 <template>
   <div>
-    <Modal v-model="showModal" :mask-closable="false" width="600">
+    <Modal v-model="showModal" :mask-closable="false" width="900">
       <p slot="header">{{modalTitle}}</p>
       <div>
-        <Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100">
-          <Form-item label="检定依据" prop="code">
+        <Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100" inline>
+          <Form-item label="检定依据" prop="code" class="width-48">
 <!--            <autoComplete :value="formObj.judgeBasis" :downData="judgeBasisData" @on-result-change="_judgeBasisChange" name="judgeBasis"-->
 <!--                          show-key="stdNum" placeholder="请输入或选择判定依据" focus-->
 <!--            ></autoComplete>-->
             <Input v-model="formObj.code" @on-result-change="_judgeBasisChange" name="code" placeholder="请输入或选择判定依据" />
 
           </Form-item>
-          <Form-item label="检定依据名称" prop="basis">
+          <Form-item label="检定依据名称" prop="basis" class="width-48">
             <Input v-model="formObj.basis" name="basis" placeholder="请输入判定依据名称" />
           </Form-item>
-          <Form-item label="检定周期 " prop="cycle">
+          <Form-item label="检定周期 " prop="cycle" class="width-48">
 <!--            <Input :rows="3" v-model="formObj.remark" placeholder="请输入备注" type="textarea" name="remark"/>-->
-                <InputNumber :rows="3" v-model="formObj.cycle" name="cycle" style="width: 468px;"/>
+                <InputNumber :rows="3" v-model="formObj.cycle" name="cycle" style="width: 317px;"/>
           </Form-item>
-          <Form-item label="授权仪器名称 " prop="name">
+          <Form-item label="授权仪器名称 " prop="name" class="width-48">
             <Input v-model="formObj.name" name="name" placeholder="请输入授权仪器名称" />
           </Form-item>
-          <Form-item label="价格" prop="price">
-            <InputNumber v-model="formObj.price" name="price" placeholder="请输入价格" style="width: 468px;"/>
+          <Form-item label="价格" prop="price" class="width-48">
+            <InputNumber v-model="formObj.price" name="price" placeholder="请输入价格" style="width: 317px;"/>
           </Form-item>
-          <Form-item label="测量范围 " prop="extent">
+          <Form-item label="测量范围 " prop="extent" class="width-48">
             <Input v-model="formObj.extent" name="extent" placeholder="请输入测量范围" />
           </Form-item>
-          <Form-item label="准确度等级" prop="grade">
+          <Form-item label="准确度等级" prop="grade" class="width-48">
             <Input v-model="formObj.grade" name="grade" placeholder="请输入准确度等级" />
           </Form-item>
           <input v-model="formObj.stdId" type="hidden" name="stdId">
         </Form>
+        <Alert type="success" style="text-align: center;font-size: 15px;margin: 5px">
+          检测指标表
+        </Alert>
+        <Col span="24">
+<!--          <btn-list :msg="btn" :open="searchOpen" :showSearchBtn="false" @on-result-change="_btnClick"-->
+<!--                    class="contHide"></btn-list>-->
+          <Button @click="_add()" type="success">添加</Button>
+        </Col>
+        <Col span="24">
+          <PTVXETable
+            ref="pageTable"
+            :form-id="formId"
+            :tableHeight="500"
+            :getPage="getPage"
+            :iconMsg="iconMsg">
+            <vxe-table-column
+              v-for="item in pageColumns"
+              :key="item.key"
+              :field="item.key"
+              :title="item.title"
+              :width="item.width"
+              :min-width="200"
+              :fixed="item.fixed?item.fixed:undefined"
+              sortable
+            >
+              <template slot-scope="scope">
+                <div v-if="item.key==='name'" @click.stop="_handleRow(scope)">
+                  <input v-model="scope.row.name" blur placeholder="请输入或选择检测项目"
+                  ></input>
+                </div>
+                <div v-if="item.key==='compare'" @click.stop="_handleRow(scope)">
+                  <input v-model="scope.row.compare" blur placeholder="请输入或选择比较符"
+                  ></input>
+                </div>
+                <div v-if="item.key==='limitValue'" @click.stop="_handleRow(scope)">
+                  <input v-model="scope.row.limitValue" blur placeholder="请输入或选择限量值"
+                  ></input>
+                </div>
+                <div v-if="item.key==='remark'" @click.stop="_handleRow(scope)">
+                  <input v-model="scope.row.remark" blur placeholder="请输入备注"
+                  ></input>
+                </div>
+                <div v-if="item.key==='unit'" @click.stop="_handleRow(scope)">
+                  <input v-model="scope.row.unit" blur placeholder="请输入或选择检测单位"
+                  ></input>
+                </div>
+              </template>
+            </vxe-table-column>
+          </PTVXETable>
+        </Col>
       </div>
       <div slot="footer">
         <ModalFooter ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></ModalFooter>
@@ -66,6 +116,22 @@ export default {
     //   }
     // }
     return {
+      formId: 'meterAptitudeManageEditFormId',
+      pageColumns: [
+        { title: '指标名称', key: 'name', width: 160 },
+        { title: '比较符', key: 'compare' },
+        { title: '限量值', key: 'limitValue' },
+        { title: '备注', key: 'remark' },
+        // {title: '限制范围或说明', key: 'limitDescription'},
+        { title: '单位', key: 'unit' }
+      ],
+      btn: [{ type: 'success', id: '', name: '添加' }],
+      iconMsg: [
+        { type: 'ios-clock', id: '', name: '编辑' },
+        { type: 'ios-clock', id: '', name: '删除' }
+      ],
+      currentRow: {},
+      currentIndex: 0,
       id: '',
       modalTitle: '',
       formObj: {
@@ -78,6 +144,12 @@ export default {
         extent: '',
         grade: ''
       },
+      searchOpen: true,
+      selectIds: [],
+      getPage: {
+        records: []
+      },
+      typeData: [],
       showModal: false,
       aptitudeData: [],
       ruleValidate: {
@@ -100,11 +172,25 @@ export default {
         { name: '取消', type: '' },
         { name: '保存', type: 'primary' }
       ],
-      typeData: [],
+      // typeData: [],
       judgeBasisData: []
     }
   },
   methods: {
+    _handleRow(data) {
+      this.currentRow = data.row
+      this.currentIndex = data.rowIndex
+    },
+    _add() {
+      const data = {
+        name: '',
+        compare: '',
+        limitValue: '',
+        remark: '',
+        unit: ''
+      }
+      this.getPage.records.unshift(data)
+    },
     _save: async function(data) {
       const result = await meterManage.save(data)
       console.log(result)
@@ -139,6 +225,8 @@ export default {
       }
     },
     _ok() {
+      console.log(this.formObj)
+      console.log(this.getPage.records)
       this.$refs.formObj.validate(valid => {
         if (valid) {
           const data = this.$serialize('edit-form')
@@ -181,6 +269,7 @@ export default {
     _cancel() {
       this.$refs.footerModal._hideLoading()
       this.showModal = false
+      this.getPage.records = []
     },
     _resultChange(msg) {
       this.showModal = false