分解单编辑功能

src/pages/details/otherStandardDetails/index.vue

@@ -656,6 +656,12 @@
             v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? 'd5b28957b5105c805e90a16fd5056a45' : '824f3bf9edef83fc7488917136167232'"
         >关联条款
         </el-button>
+        <el-button
+            size="mini"
+            type="primary"
+            class="common-button-primary"
+            @click="editResolveList"
+        >编辑</el-button>
       </div>
       <div class="content">
         <el-table
@@ -668,13 +674,14 @@
             :height="tableHeight"
             :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
        fontWeight: 'bold', height: '48px'}"
+            @select="select"
             @selection-change="selectAllStand">
-<!--          <el-table-column-->
+          <el-table-column
-<!--              type="selection"-->
+              type="selection"
-<!--              fixed="left"-->
+              fixed="left"
-<!--              width="60"-->
+              width="60"
-<!--          >-->
+          >
-<!--          </el-table-column>-->
+          </el-table-column>
           <el-table-column
               sortable="custom"
               show-overflow-tooltip
@@ -796,6 +803,168 @@
       <!--                  @pageSizeChange="pageSizeChange"></pagination>-->
 
     </el-drawer>
+<!--    编辑分解单的条款-->
+    <el-drawer
+        title="编辑"
+        :visible.sync="editResolveListShowflag"
+        class="label-input-form"
+        :before-close="resetEditResolveListForm"
+        size="800px"
+        :wrapperClosable="false"
+    >
+      <el-form :model="resolveListForm" ref="resolveListForm">
+        <el-input
+            v-show="false"
+            v-model="resolveListForm.id"
+        />
+        <el-form-item
+            label="条款号"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.itemsNum"
+              disabled
+          />
+        </el-form-item>
+        <el-form-item
+            label="条款名称"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.itemsName"
+              disabled
+          />
+        </el-form-item>
+        <el-form-item
+            label="条款内容"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.termsConditions"
+              disabled
+          />
+        </el-form-item>
+        <el-form-item
+            label="核心技术要求/变化点"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.readContent"
+              clearable
+          />
+        </el-form-item>
+        <el-form-item
+            label="基于上一版本差异"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.comparedWithPrevious"
+              clearable
+          />
+        </el-form-item>
+        <el-form-item
+            label="新车型实施日期(文本)"
+            class="add-form-item"
+        >
+          <el-date-picker
+              type="dates"
+              value-format="yyyy-MM-dd"
+              style="width: 45%"
+              v-model="resolveListForm.xccssrq"
+              placeholder="选择一个或多个日期">
+          </el-date-picker>
+<!--          <el-input-->
+<!--              style="width: 45%"-->
+<!--              v-model.trim="resolveListForm.xccssrq"-->
+<!--              clearable-->
+<!--          />-->
+        </el-form-item>
+        <el-form-item
+            label="在产车实施日期(文本)"
+            class="add-form-item"
+        >
+          <el-date-picker
+              type="dates"
+              value-format="yyyy-MM-dd"
+              style="width: 45%"
+              v-model="resolveListForm.zccssrq"
+              placeholder="选择一个或多个日期">
+          </el-date-picker>
+<!--          <el-input-->
+<!--              style="width: 45%"-->
+<!--              v-model.trim="resolveListForm.zccssrq"-->
+<!--              clearable-->
+<!--          />-->
+        </el-form-item>
+        <el-form-item
+            label="适用车型"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.applyArctic"
+              clearable
+          />
+        </el-form-item>
+        <el-form-item
+            label="责任工程师"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.dutyEngineer"
+              clearable
+          />
+        </el-form-item>
+        <el-form-item
+            label="符合性状态"
+            class="add-form-item"
+        >
+          <template>
+            <el-radio v-model="resolveListForm.complianceRequire" label="1">符合</el-radio>
+            <el-radio v-model="resolveListForm.complianceRequire" label="2">不符合</el-radio>
+          </template>
+<!--          <el-input-->
+<!--              style="width: 45%"-->
+<!--              v-model="resolveListForm.complianceRequire"-->
+<!--              clearable-->
+<!--          />-->
+        </el-form-item>
+        <el-form-item
+            label="合规性分析"
+            class="add-form-item"
+        >
+          <el-input
+              style="width: 45%"
+              v-model="resolveListForm.complianceState"
+              clearable
+          />
+        </el-form-item>
+      </el-form>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button
+            type="primary"
+            class="common-button-primary"
+            size="mini"
+            :loading="editLoading"
+            icon="el-icon-check"
+            @click="saveEditInfo"
+        >提交</el-button
+        >
+        <el-button
+            size="mini"
+            icon="el-icon-close"
+            class="common-button-default"
+            @click="resetEditResolveListForm"
+        >取消</el-button
+        >
+      </div>
+    </el-drawer>
     <!--新增标准条款-->
     <el-drawer
         :title="itemModalTitle"
@@ -1597,6 +1766,22 @@ export default {
       BZFGGXOUIUJ: [], // 企标覆盖关系
       itemModalTitle: '',
       modalItemaddShowflag: false,
+      editResolveListShowflag: false,
+      resolveListForm:{
+        id:'',
+        itemsNum:'',
+        itemsName:'',
+        termsConditions:'',
+        readContent:'',
+        comparedWithPrevious:'',
+        xccssrq:'',
+        zccssrq:'',
+        applyArctic:'',
+        dutyEngineer:'',
+        complianceRequire:'',
+        complianceState:'',
+      },
+      editLoading:false,
       itemAddOrUPdateFlag: '',
       itemFormdisableflag: false, // 查看标准条款不可编辑
       recommendList: [],
@@ -2312,12 +2497,54 @@ export default {
       })
       this.modalItemaddShowflag = false
     },
+    select(selection, row) {
+      // 清除 所有勾选项
+      this.$refs.multipleTable.clearSelection()
+      // 当表格数据都没有被勾选的时候 就返回
+      // 主要用于将当前勾选的表格状态清除
+      if(selection.length === 0) return
+      this.$refs.multipleTable.toggleRowSelection(row, true)
+    },
     selectAllStand(alldata) {
       this.selectedItemList = []
-      for (let i = 0; i < alldata.length; i++) {
+      this.selectedItemList.push(alldata[alldata.length - 1])
-        this.selectedItemList.push(alldata[i].id)
+      console.log('2333',this.selectedItemList)
+    },
+    editResolveList(){
+      console.log('2337',this.selectedItemList)
+      if (this.selectedItemList.length>0){
+        this.editResolveListShowflag = true
+        let editItem = JSON.parse(JSON.stringify(this.selectedItemList[0]))
+        this.resolveListForm = editItem
+        this.resolveListForm.termsConditions = this.resolveListForm.termsConditions?this.resolveListForm.termsConditions.replace(/<.*?>/ig, ' '):''
+        // this.resolveListForm.readContent = this.readContent?this.readContent.replace(/<.*?>/ig, ' '):''
+      }else {
+        this.$message.warning('请选择一条数据')
       }
     },
+    saveEditInfo(){
+      console.log('2530',this.resolveListForm)
+      this.resolveListForm.xccssrq = this.resolveListForm.xccssrq.join(',')
+      this.resolveListForm.zccssrq = this.resolveListForm.zccssrq.join(',')
+      this.$http.putData(
+          'SarStandItems/sar-stand-items/updateSarItemAndInterpretation',
+          this.resolveListForm,
+          {
+            _this: this,
+          },
+          (res) => {
+            console.log(res)
+            if (res.ok){
+              this.$message.success('修改成功')
+              this.resetEditResolveListForm()
+              this.showItemsModel()
+            }
+          }
+      )
+    },
+    resetEditResolveListForm(){
+      this.editResolveListShowflag = false
+    },
     // 分页点击后方法
     pageChange(page) {
       this.standItemSearch.page = page
@@ -3298,6 +3525,16 @@ export default {
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';
 @import '~@/assets/styles/style';
+/deep/.el-icon-circle-close:before{
+  margin-left: 300px;
+}
+/deep/.label-input-form .add-form-item .el-form-item__content .el-input .el-input__inner{
+  width: 650px;
+  margin-left: 20px;
+}
+/deep/.label-input-form .add-form-item .el-form-item__label{
+  width: 150px;
+}
 /deep/.el-collapse-item__header {
   border-bottom: none !important;
 }