From ddd925097c817e91f9ed07b0d7e5b286e5e0cb9d Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Sat, 2 Jul 2022 16:46:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A6=85=E9=81=93=E5=B7=B2?=
 =?UTF-8?q?=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ReferenceParameter/index.vue   | 546 +++++++++---------
 1 file changed, 279 insertions(+), 267 deletions(-)

diff --git a/jero-web/src/components/ReferenceParameter/index.vue b/jero-web/src/components/ReferenceParameter/index.vue
index 8fd535a2b..f8ca9c986 100644
--- a/jero-web/src/components/ReferenceParameter/index.vue
+++ b/jero-web/src/components/ReferenceParameter/index.vue
@@ -28,20 +28,20 @@
               </a-form-model-item>
 
             </div>
-<!--            <a-form-model-item style='line-height: 31.9999px;' prop='sourceConfigId' class='aform'>-->
-<!--              <div style='display: flex; justify-content: center'>-->
-<!--                <span class="Requireditem">*</span>-->
-<!--                <div style='width: 107px;line-height: 29px;'>{{ $t('from') }}&nbsp;&nbsp;&nbsp;</div>-->
-<!--                <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.sourceConfigId" allowClear style='width: 140%'>-->
-<!--                  <a-select-option v-for="(item, key) in fromDate" :key="key" :value="item.value"  style='width: 140%'>-->
-<!--                    <span style="display: inline-block;width: 140%" :title=" item.label ">-->
-<!--                      {{ item.label }}-->
-<!--                    </span>-->
-<!--                  </a-select-option>-->
-<!--                </a-select>-->
-<!--                <div style='width: 90px;line-height: 29px;'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</div>-->
-<!--              </div>-->
-<!--            </a-form-model-item>-->
+            <!--            <a-form-model-item style='line-height: 31.9999px;' prop='sourceConfigId' class='aform'>-->
+            <!--              <div style='display: flex; justify-content: center'>-->
+            <!--                <span class="Requireditem">*</span>-->
+            <!--                <div style='width: 107px;line-height: 29px;'>{{ $t('from') }}&nbsp;&nbsp;&nbsp;</div>-->
+            <!--                <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.sourceConfigId" allowClear style='width: 140%'>-->
+            <!--                  <a-select-option v-for="(item, key) in fromDate" :key="key" :value="item.value"  style='width: 140%'>-->
+            <!--                    <span style="display: inline-block;width: 140%" :title=" item.label ">-->
+            <!--                      {{ item.label }}-->
+            <!--                    </span>-->
+            <!--                  </a-select-option>-->
+            <!--                </a-select>-->
+            <!--                <div style='width: 90px;line-height: 29px;'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</div>-->
+            <!--              </div>-->
+            <!--            </a-form-model-item>-->
           </a-col>
           <a-col :span='24'>
             <div class="box-title-text">
@@ -52,30 +52,31 @@
               <a-form-model-item class="itemModel" prop="targetConfigIds">
                 <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')"
                           style="width: calc(100% - 90px)"
-                          v-model="formInline.targetConfigIds" allowClear  mode="multiple">
+                          v-model="formInline.targetConfigIds" allowClear mode="multiple">
                   <a-select-option v-for="(item, key) in fromDateTo" :key="key" :value="item.value">
                     <span class="itemOption" :title=" item.label ">
                       {{ item.label }}
                     </span>
                   </a-select-option>
                 </a-select>
-                <span style='width: 90px;line-height: 29px;float: right'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</span>
+                <span
+                  style='width: 90px;line-height: 29px;float: right'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</span>
               </a-form-model-item>
             </div>
-<!--            <a-form-model-item style='line-height: 31.9999px;' prop='targetConfigIds' class='aform'>-->
-<!--                <span class="Requireditem">*</span>-->
-<!--                <span style='line-height: 29px;width: 107px;display: inline-block'>{{ $t('ReferenceTo') }}&nbsp;&nbsp;&nbsp;</span>-->
-<!--                <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')"-->
-<!--                          style="width: calc(100%);display: inline-block"-->
-<!--                          v-model="formInline.targetConfigIds" allowClear  mode="multiple">-->
-<!--                  <a-select-option v-for="(item, key) in fromDateTo" :key="key" :value="item.value">-->
-<!--                    <span class="itemOption" :title=" item.label ">-->
-<!--                      {{ item.label }}-->
-<!--                    </span>-->
-<!--                  </a-select-option>-->
-<!--                </a-select>-->
-<!--                <span style='width: 90px;line-height: 29px;display: inline-block'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</span>-->
-<!--            </a-form-model-item>-->
+            <!--            <a-form-model-item style='line-height: 31.9999px;' prop='targetConfigIds' class='aform'>-->
+            <!--                <span class="Requireditem">*</span>-->
+            <!--                <span style='line-height: 29px;width: 107px;display: inline-block'>{{ $t('ReferenceTo') }}&nbsp;&nbsp;&nbsp;</span>-->
+            <!--                <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')"-->
+            <!--                          style="width: calc(100%);display: inline-block"-->
+            <!--                          v-model="formInline.targetConfigIds" allowClear  mode="multiple">-->
+            <!--                  <a-select-option v-for="(item, key) in fromDateTo" :key="key" :value="item.value">-->
+            <!--                    <span class="itemOption" :title=" item.label ">-->
+            <!--                      {{ item.label }}-->
+            <!--                    </span>-->
+            <!--                  </a-select-option>-->
+            <!--                </a-select>-->
+            <!--                <span style='width: 90px;line-height: 29px;display: inline-block'>&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('configure') }}</span>-->
+            <!--            </a-form-model-item>-->
           </a-col>
         </a-row>
       </a-form-model>
@@ -88,162 +89,165 @@
 </template>
 
 <script>
-import { putAction, postAction, getAction, deleteAction } from '@/api/manage'
-import axios from 'axios'
-import Vue from 'vue'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
-export default {
-  name: 'diolagArea',
-  components: {},
-  data() {
-    return {
-      token:Vue.ls.get(ACCESS_TOKEN),
-      selectedRowKeysDate: {},
-      loading: false,
-      editId: '',
-      newVisible: false,
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 7 }
-      },
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 14 }
-      },
-      formInline: {},
-      rules: {
-        sourceConfigId: [
-          { required: true, message: this.$t('pleaseSelect')+this.$t('controlVerification'), trigger: 'change' },
-        ],
-        targetConfigIds: [
-          { required: true, message: this.$t('pleaseSelect')+this.$t('controlVerification'), trigger: 'change' },
-        ],
-      },
-      areaTable: [],
-      flag: false,  //表单提交标识
-      spinLoading: false,
-      confirmLoading: false,
-      selectedRowKeys: [],
-      fromDate: [],
-      fromDateTo: [],
-    }
-  },
-  props: {
-    paramsManifest: {
-      type: Object,
-      default: {},
-      require: true
+  import { putAction, postAction, getAction, deleteAction } from '@/api/manage'
+  import axios from 'axios'
+  import Vue from 'vue'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
+
+  export default {
+    name: 'diolagArea',
+    components: {},
+    data() {
+      return {
+        token: Vue.ls.get(ACCESS_TOKEN),
+        selectedRowKeysDate: {},
+        loading: false,
+        editId: '',
+        newVisible: false,
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 7 }
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 14 }
+        },
+        formInline: {},
+        rules: {
+          sourceConfigId: [
+            { required: true, message: this.$t('pleaseSelect') + this.$t('controlVerification'), trigger: 'change' }
+          ],
+          targetConfigIds: [
+            { required: true, message: this.$t('pleaseSelect') + this.$t('controlVerification'), trigger: 'change' }
+          ]
+        },
+        areaTable: [],
+        flag: false,  //表单提交标识
+        spinLoading: false,
+        confirmLoading: false,
+        selectedRowKeys: [],
+        fromDate: [],
+        fromDateTo: []
+      }
     },
-    selectedRowKeysArray: {
-      type: String,
-      default: '',
-      require: true
-    }
-  },
-  mounted() {
-    this.loadData(),
-    this.loadDataTo()
-  },
-  methods: {
-    loadData() {
-      let _this = this
-      let param = {paramsManifestId: this.paramsManifest.id,configFlag: 1}
-      axios({
-        url: '/jero-boot/params/collectManifest/getConfigLableListR',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
-        }
-      })
-        .then( (res) =>{
-          console.log(res)
-          if (res.data.success) {
-            this.fromDate = res.data.result
-          }else{
-            _this.$message.warning(res.data.message)
+    props: {
+      paramsManifest: {
+        type: Object,
+        default: {},
+        require: true
+      },
+      selectedRowKeysArray: {
+        type: String,
+        default: '',
+        require: true
+      }
+    },
+    mounted() {
+      this.loadData(),
+        this.loadDataTo()
+    },
+    methods: {
+      loadData() {
+        let _this = this
+        let param = { paramsManifestId: this.paramsManifest.id, configFlag: 1 }
+        axios({
+          url: '/jero-boot/params/collectManifest/getConfigLableListR',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
           }
         })
-        .catch( (error) =>{
-          console.log(error);
-        });
-    },
-    loadDataTo() {
-      let _this = this
-      let param = {paramsManifestId: this.paramsManifest.id,configFlag: 2}
-      axios({
-        url: '/jero-boot/params/collectManifest/getConfigLableListR',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
-        }
-      })
-        .then( (res) =>{
-          console.log(res)
-          if (res.data.success) {
-            this.fromDateTo = res.data.result
-          }else{
-            _this.$message.warning(res.data.result)
-          }
-        })
-        .catch( (error) =>{
-          console.log(error);
-        });
-    },
-    searchQuery() {
-      this.loadData()
-    },
-    searchReset() {
-      this.form = {}
-      this.loadData()
-    },
-    handleCancel() {
-      this.$emit('areaVisibleAssignedbyflag', false)
-    },
-    onSelectChange(selectedRowKeys, selectedRowKeysDate) {
-      this.selectedRowKeysDate = selectedRowKeysDate
-      this.selectedRowKeys = selectedRowKeys
-    },
-    handleTableChange(val) {
-    },
-    // 引用参数确定
-    handleSubmit() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          if(this.formInline.targetConfigIds instanceof Array){
-            this.formInline.targetConfigIds = this.formInline.targetConfigIds.join(',')
-          }
-          let param = {ids: this.selectedRowKeysArray, ...this.formInline }
-          this.confirmLoading = true
-          postAction('params/collectManifest/referParams', param).then((res) => {
-            if (res.success) {
-              this.$message.success(this.$t('OperationSuccessful'))
-              this.$emit('areaVisibleAssignedbyflag', false)
-              this.$emit('GetgetTableList')
-              this.confirmLoading = false
+          .then((res) => {
+            console.log(res)
+            if (res.data.success) {
+              this.fromDate = res.data.result
             } else {
-              this.$message.warning(this.$t('operationFailed'))
-              this.confirmLoading = false
+              _this.$message.warning(res.data.message)
             }
           })
-        }})
+          .catch((error) => {
+            console.log(error)
+          })
+      },
+      loadDataTo() {
+        let _this = this
+        let param = { paramsManifestId: this.paramsManifest.id, configFlag: 2 }
+        axios({
+          url: '/jero-boot/params/collectManifest/getConfigLableListR',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
+          }
+        })
+          .then((res) => {
+            console.log(res)
+            if (res.data.success) {
+              this.fromDateTo = res.data.result
+            } else {
+              _this.$message.warning(res.data.result)
+            }
+          })
+          .catch((error) => {
+            console.log(error)
+          })
+      },
+      searchQuery() {
+        this.loadData()
+      },
+      searchReset() {
+        this.form = {}
+        this.loadData()
+      },
+      handleCancel() {
+        this.$emit('areaVisibleAssignedbyflag', false)
+      },
+      onSelectChange(selectedRowKeys, selectedRowKeysDate) {
+        this.selectedRowKeysDate = selectedRowKeysDate
+        this.selectedRowKeys = selectedRowKeys
+      },
+      handleTableChange(val) {
+      },
+      // 引用参数确定
+      handleSubmit() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            let formInline = JSON.parse(JSON.stringify(this.formInline))
+            if (formInline.targetConfigIds instanceof Array) {
+              formInline.targetConfigIds = formInline.targetConfigIds.join(',')
+            }
+            let param = { ids: this.selectedRowKeysArray, ...formInline }
+            this.confirmLoading = true
+            postAction('params/collectManifest/referParams', param).then((res) => {
+              if (res.success) {
+                this.$message.success(this.$t('OperationSuccessful'))
+                this.$emit('areaVisibleAssignedbyflag', false)
+                this.$emit('GetgetTableList')
+                this.confirmLoading = false
+              } else {
+                this.$message.warning(res.message)
+                this.confirmLoading = false
+              }
+            })
+          }
+        })
         // axios({
         //   url: '/jero-boot/params/collectManifest/referParams',
         //   method: 'post',
@@ -272,113 +276,121 @@ export default {
         //   .catch( (error) =>{
         //     console.log(error);
         //   });
+      }
     }
   }
-}
 </script>
 
 <style lang='less' scoped>
-@import '~@assets/less/common.less';
-/deep/.ant-form-explain{
-  padding-left: 62px;
-}
-.diolag-area {
-  .table-area {
-    margin: 20px 0;
+  @import '~@assets/less/common.less';
 
-    .action-edit {
-      margin-right: 10px;
+  /deep/ .ant-form-explain {
+    padding-left: 62px;
+  }
+
+  .diolag-area {
+    .table-area {
+      margin: 20px 0;
+
+      .action-edit {
+        margin-right: 10px;
+      }
+    }
+
+    .table-del {
+      color: red;
     }
   }
 
-  .table-del {
-    color: red;
+  .drawer-bootom-button {
+    display: flex;
+    justify-content: center;
+  }
+
+  .aform {
+    display: flex;
+    justify-content: center;
+  }
+
+  .itemOption {
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
   }
-}
-.drawer-bootom-button{
-  display: flex;
-  justify-content: center;
-}
-.aform{
-  display: flex;
-  justify-content: center;
-}
-.itemOption {
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-}
 </style>
 <style lang='less'>
-.area-module {
-  .ant-modal-wrap {
-    .ant-modal {
-      .ant-modal-content {
-        .ant-modal-footer {
-          text-align: center;
+  .area-module {
+    .ant-modal-wrap {
+      .ant-modal {
+        .ant-modal-content {
+          .ant-modal-footer {
+            text-align: center;
+          }
         }
       }
     }
   }
-}
-.page{
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 20px;
-}
-.Requireditem{
-  color: red;
-  line-height: 24px;
-}
-.box-title-text {
-  line-height: 1.4;
-  display: flex;
-  /*align-items: center;*/
-}
 
-.title-text {
-  width: 114px;
-  text-align: right;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: 42px;
-  line-height: 42px;
-}
+  .page {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 20px;
+  }
 
-.box-input {
-  display: inline-block;
-  height: 38px;
-  width: 100%;
-}
+  .Requireditem {
+    color: red;
+    line-height: 24px;
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-  height: 40px;
-  margin-bottom: 24px;
-}
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
 
-.itemModel-text {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-}
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
 
-.title-text-text {
-  margin-top: 9px;
-}
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    height: 40px;
+    margin-bottom: 24px;
+  }
+
+  .itemModel-text {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
 </style>
\ No newline at end of file