全局修改标准选择

jero-web/src/components/OcrAddForm/index.vue

@@ -215,6 +215,9 @@
               <a-form-model-item class="itemModel" :prop="item.db_field_name">
                 <Standardselection :query="item"
                                    :disabled="disabled"
+                                   :standard="formInline"
+                                   :standardId="formInline[item.db_field_name+'_id']"
+                                   @change="StandardselectionChange"
                                    v-model="formInline[item.db_field_name]"/>
               </a-form-model-item>
             </div>
@@ -283,6 +286,10 @@
       this.getForm()
     },
     methods: {
+      StandardselectionChange(value, id) {
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      },
       sumber() {
         // console.log('vilidate',this.formInline)
         this.$refs.ruleForm1.validate(valid => {

jero-web/src/components/SplitBatForm/index.vue

@@ -207,6 +207,9 @@
               <a-form-model-item class="itemModel" :prop="item.db_field_name">
                 <Standardselection :query="item"
                                    :disabled="disabled"
+                                   :standard="formInline"
+                                   :standardId="formInline[item.db_field_name+'_id']"
+                                   @change="StandardselectionChange"
                                    v-model="formInline[item.db_field_name]"/>
               </a-form-model-item>
             </div>
@@ -305,6 +308,10 @@
       // console.log('idssss111',this.ids)
     },
     methods: {
+      StandardselectionChange(value, id) {
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      },
       sumber() {
         // console.log('vilidate',this.formInline)
         this.$refs.ruleForm1.validate(valid => {

jero-web/src/components/Standardselection/index.vue

@@ -1,13 +1,27 @@
 <template>
   <div>
-    <div class="box-title-text">
+    <a-select
-      <a-input class="box-input" :value="value" :title="value" @input="indexclick($event)"
+      class="box-input-select"
-               :disabled="isDisabled"
+      v-model="arrayValue"
-               :placeholder="!isDisabled?$t('PleaseEnterOrSelect')+query.db_field_txt:query.db_field_txt"/>
+      @change="selectOnChange"
-      <a-button v-if="!isDisabled" type="primary" class="button-box" @click="standardClick">
+      :placeholder="!isDisabled?$t('PleaseSelect')+query.db_field_txt:query.db_field_txt"
-        {{this.$t('standardSelection')}}
+      mode="multiple"
-      </a-button>
+      :getPopupContainer="triggerNode=> triggerNode.parentNode">
-    </div>
+      <a-select-option
+        v-for="(item,index) in dictOptions"
+        :key="index"
+        :value="item.id">
+                        <span class="itemOption" :title="item.standNumber">
+                          {{ item.standNumber }}
+                        </span>
+      </a-select-option>
+    </a-select>
+    <!--      <a-input class="box-input" :value="value" :title="value" @input="indexclick($event)"-->
+    <!--               :disabled="true"-->
+    <!--               :placeholder="!isDisabled?$t('PleaseSelect')+query.db_field_txt:query.db_field_txt"/>-->
+    <a-button v-if="!isDisabled" type="primary" :title="$t('standardSelection')" class="button-box" @click="standardClick">
+      {{this.$t('standardSelection')}}
+    </a-button>
     <a-drawer
       :title="$t('standardSelection')"
       :maskClosable="false"
@@ -28,7 +42,7 @@
         <a-table
           :components="drag(columns,'cloumns')"
           :columns="columns"
-          rowKey="serial_number"
+          :rowKey="(record)=>record.id+'-'+record.serial_number"
           :scroll="{x: 1500}"
           :data-source="dataList"
           :pagination="false"
@@ -68,7 +82,7 @@
     components: {
       currencySearch
     },
-    props: ['query', 'value', 'standard'],
+    props: ['query', 'value', 'standard', 'standardId'],
     computed: {
       isDisabled() {
         if (this.query.db_field_name === 'replaced_standard') {
@@ -77,13 +91,14 @@
         return false
       }
     },
-    mixins: [ResizeColumnProvide,ResizeHeader],
+    mixins: [ResizeColumnProvide, ResizeHeader],
     data() {
       return {
         visible: false,
+        dictOptions: [],
+        arrayValue: !this.value ? [] : this.value.split(','),
         confirmLoading: false,
         selectedRowKeys: [],
-        selectedRowList: [],
         content: [],
         loading: false,
         queryParam: {},
@@ -125,22 +140,44 @@
       standardClick() {
         this.visible = true
         this.queryParam = {}
+        this.selectedRowKeys = []
+        this.content = []
+        this.pageNo = 1
+        if (this.standardId) {
+          this.getQueryListByIds(this.standardId)
+        }
         this.replacePage()
       },
+      getQueryListByIds(ids) {
+        getAction('/document/bussDocumentLibraryEO/queryListByIds', { ids: ids }).then((res) => {
+          if (res.success) {
+            if (res.result && res.result.length > 0) {
+              let content = []
+              res.result.forEach(val => {
+                this.content.push(val)
+                this.dictOptions.push({
+                  id: val.id,
+                  standNumber: val.serial_number
+                })
+                content.push(val.id + '-' + val.serial_number)
+              })
+              this.selectedRowKeys = content
+            }
+          }
+        })
+      },
       replacePage() {
         let query = {
           ...this.queryParam,
           pageNo: this.pageNo,
           pageSize: this.pageSize
         }
-        this.selectedRowKeys = []
         this.loading = true
         postAction('document/bussDocumentLibraryEO/replacePageInfo', query).then((res) => {
           this.loading = false
           if (res.success) {
             this.dataList = res.result.records
             this.total = res.result.total
-            this.selectedRowKeys = this.standard[this.query.db_field_name] ? this.standard[this.query.db_field_name].split(',') : []
           } else {
             this.dataList = []
           }
@@ -150,18 +187,21 @@
         this.visible = false
       },
       handleSubmit() {
-        let serial_number = []
-        let replace_standard_id = []
         if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-          // let content = JSON.parse(JSON.stringify(this.selectedRowList))
+          let number = []
-          this.selectedRowList.forEach(res => {
+          let id = []
-            serial_number.push(res.serial_number)
+          this.arrayValue = []
-            replace_standard_id.push(res.id)
+          this.content.forEach(res => {
+            id.push(res.id)
+            number.push(res.serial_number)
+            this.dictOptions.push({
+              id: res.id,
+              standNumber: res.serial_number
+            })
+            this.arrayValue.push(res.id)
           })
-          this.$emit('input', serial_number.join(','))
+          this.$emit('input', number.join(','))
-          console.log(replace_standard_id)
+          this.$emit('change', this.query.db_field_name, id.join(','))
-          this.$emit('change', this.query.db_field_name, replace_standard_id.join(','))
-          // this.$emit('changecontent', this.content)
           this.visible = false
         } else {
           this.$message.warning(this.$t('selectLeastOne'))
@@ -170,19 +210,19 @@
       indexclick(event) {
         this.$emit('input', event.target.value)
       },
-      onSelectChange(value,row) {
+      onSelectChange(value, row) {
-        console.log(value)
-        console.log(row)
         this.selectedRowKeys = value
-        this.selectedRowList = row
+        this.content = []
-        // this.content = []
+        this.selectedRowKeys.forEach(res => {
-        // value.forEach(val => {
+          let index = res.indexOf('-')
-        //   this.dataList.forEach((res) => {
+          let index1 = res.length
-        //     if (res.id === val) {
+          let id = res.slice(0, index)
-        //       this.content.push(res)
+          let standNumber = res.slice(index + 1, index1)
-        //     }
+          this.content.push({
-        //   })
+            id: id,
-        // })
+            serial_number: standNumber
+          })
+        })
       },
       searchQuery(queryParam) {
         let queryParamQuery = JSON.parse(JSON.stringify(queryParam))
@@ -206,6 +246,38 @@
         this.pageNo = 1
         this.pageSize = pageSize
         this.replacePage()
+      },
+      selectOnChange(value) {
+        let content = []
+        let standNumber = []
+        this.content = []
+        let newArr = []
+        let dictOptions = JSON.parse(JSON.stringify(this.dictOptions))
+        if (value.length == 0) {
+          this.dictOptions = []
+        } else {
+          for (let i = 0; i < value.length; i++) {
+            for (let j = 0; j < dictOptions.length; j++) {
+              if (dictOptions[j].id === value[i]) {
+                newArr.push(dictOptions[j])
+              }
+            }
+          }
+        }
+        this.dictOptions = newArr
+        if (this.dictOptions && this.dictOptions.length > 0) {
+          this.dictOptions.forEach(val => {
+            content.push(val.id)
+            standNumber.push(val.standNumber)
+            this.content.push({
+              id: val.id,
+              serial_number: val.standNumber
+            })
+          })
+        }
+        this.$emit('input', standNumber.join(','))
+        this.$emit('change', this.query.db_field_name, content.join(','))
+        this.arrayValue = content
       }
     }
   }
@@ -227,7 +299,10 @@
     margin-left: 10px;
     height: 38px;
     line-height: 38px;
-
+    display: inline-block;
+    width: 80px;
+    overflow: hidden;
+    padding: 0;
   }
 
   .drawer-bootom-button {
@@ -257,11 +332,11 @@
     margin-right: 16px;
   }
 
-  .box-input-index {
+  .box-input-select {
     display: inline-block;
-    width: 80%;
+    width: calc(100% - 90px);
     height: 38px;
-    margin-top: 2px;
+    float: left;
   }
 
   .box-button {
@@ -274,15 +349,33 @@
     margin-top: 20px;
   }
 
-  /deep/.ant-table-thead > tr > th {
+  /deep/ .ant-table-thead > tr > th {
     font-weight: bolder;
   }
 
   /*/deep/.ant-table-tbody > tr > td {*/
   /*  color: #040B29 ;*/
   /*}*/
+
+  ::v-deep .box-input-select .ant-select-selection--multiple::-webkit-scrollbar {
+    /*height: 52px!important;*/
+    display: block;
+  }
+
+  .itemOption {
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+  }
 </style>
 <style>
+  .box-title-text .ant-select-dropdown--multiple {
+    display: none !important;
+  }
+
   /*.ant-input-disabled{*/
   /*  background-color: #f5f5f5!important;*/
   /*}*/

jero-web/src/components/libraryAddForm/index.vue

@@ -169,6 +169,7 @@
                     <Standardselection :query="item"
                                        :disabled="disabled"
                                        :standard="formInline"
+                                       :standardId="formInline[item.db_field_name+'_id']"
                                        @change="StandardselectionChange"
                                        v-model="formInline[item.db_field_name]"/>
                   </a-form-model-item>
@@ -834,7 +835,6 @@
         this.getForm()
       },
       StandardselectionChange(value, id) {
-        console.log(id)
         this.formInline[value + '_id'] = id
         this.formInline = { ...this.formInline }
       },

jero-web/src/views/documentManage/splitting/modules/SplitAddForm.vue

@@ -173,6 +173,8 @@
                                 <Standardselection :query="item"
                                                    :disabled="disabled"
                                                    :standard="formInline"
+                                                   :standardId="formInline[item.db_field_name+'_id']"
+                                                   @change="StandardselectionChange"
                                                    v-model="formInline[item.db_field_name]"/>
                               </a-form-model-item>
                             </div>
@@ -626,6 +628,10 @@
       this.loadFormInfo()
     },
     methods:{
+      StandardselectionChange(value, id) {
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      },
       loadData(){
         this.loading=true
         getAction(`split/sarFileSplitItemsVal/getItemsValList`,{itemId:this.itemId}).then(res=>{

jero-web/src/views/documentTools/virtualList/components/editModel.vue

@@ -123,6 +123,8 @@
                                    :standard="formInline"
                                    v-if="!disabled"
                                    :disabled="disabled"
+                                   :standardId="formInline.correspondingStandardId"
+                                   @change="StandardselectionChange"
                                    v-model="formInline.correspondingStandard"/>
                 <a-input class="box-input"
                          v-else
@@ -763,6 +765,10 @@
       this.getFirstLevelDutyTerritory()
     },
     methods: {
+      StandardselectionChange(value, id) {
+        this.formInline.correspondingStandardId = id
+        this.formInline = { ...this.formInline }
+      },
       DutyDepartChange(event) {
         this.formInline.dutyTerritory = []
         this.formInline = { ...this.formInline }

jero-web/src/views/projectManagement/components/addModelconformance.vue

@@ -75,6 +75,7 @@
                     :query="{'db_field_txt':$t('Relevantlawsregulations')}"
                     :standard="formInline"
                     :disabled="false"
+                    :standardId="formInline.lawsId"
                     @input="Standardselectioninput"
                     @change="StandardselectionChange"
                     v-model="formInline.lawsName"/>

jero-web/src/views/projectManagement/platformItemLibraryDetails/components/addModelconformance.vue

@@ -74,6 +74,7 @@
                   <Standardselection
                     :query="{'db_field_txt':$t('Relevantlawsregulations')}"
                     :standard="formInline"
+                    :standardId="formInline.lawsId"
                     :disabled="false"
                     @input="Standardselectioninput"
                     @change="StandardselectionChange"

jero-web/src/views/projectManagement/projectNonConformance/moudles/addModel.vue

@@ -73,6 +73,7 @@
                     :query="{'db_field_txt':$t('Relevantlawsregulations')}"
                     :standard="formInline"
                     :disabled="false"
+                    :standardId="formInline.lawsId"
                     @input="Standardselectioninput"
                     @change="StandardselectionChange"
                     v-model="formInline.lawsName"/>