法规技术评估、法规意见收集前端添加品牌字段

2022-11-17 10:02:35 +08:00
parent ad334e9262
commit 00c1883755
4 changed files with 92 additions and 0 deletions
@@ -100,6 +100,20 @@
                </a-form-model-item>
              </div>
            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('brand')">
+                  <span class="Required">*</span>
+                  <span  class="title-text-text">{{$t('brand')}}</span>
+                </div>
+                <a-form-model-item class="itemModel propbox" prop="brands">
+                <j-multi-select-tag class="box-input" v-model="formInline.brands"
+                                    :placeholder="$t('PleaseSelect')+$t('brand')"
+                                    :type="'select'"
+                                    :triggerChange="false" :dictCode="'brand'"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
          </a-row>
        </a-form-model>
        <footerProcess
@@ -164,6 +178,13 @@
              trigger: 'change'
            }
          ],
+          brands: [
+            {
+              required: true,
+              message: this.$t('brand') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ],
          taskExplain: [
            {
              max: 300,
@@ -326,6 +347,11 @@
              this.$message.warning(this.$t('pleaseSelectStandard'))
            } else {
              this.JLoading = true
+              Object.keys(this.formInline).forEach(val => {
+                if (this.formInline[val] instanceof Array) {
+                  this.formInline[val] = this.formInline[val].join(',')
+                }
+              })
              let value = Object.assign(this.formInline, this.selectedRowKeysRecord[0])
              value.standId = value.id
              value.taskAffirmDueDate = value.endTime
@@ -398,6 +424,9 @@
 </script>

 <style scoped>
+  /deep/.propbox .ant-form-explain{
+    margin-top: -17px !important;
+  }
  .detail-box {
    padding: 67px 0 0 0;
    background: #ffffff;
@@ -59,6 +59,17 @@
                </a-select>
              </div>
            </a-col>
+            <a-col :md="6" :sm="8">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('brand')">
+                  <span>{{$t('brand')}}</span>
+                </div>
+                <j-multi-select-tag class="box-input" v-model="queryParam.brands"
+                                    :placeholder="$t('PleaseSelect')+$t('brand')"
+                                    :type="'select'"
+                                    :triggerChange="false" :dictCode="'brand'"/>
+              </div>
+            </a-col>
          </template>
          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
               <a-col :md="6" :sm="24">
@@ -200,6 +211,13 @@
            ellipsis: true,
            dataIndex: 'createBy'
          },
+          {
+            title: this.$t('brand'),
+            align: 'center',
+            ellipsis: true,
+            width: 140,
+            dataIndex: 'brand'
+          },
          {
            title: this.$t('dateOfInitiation'),
            align: 'center',
@@ -64,6 +64,23 @@
              </div>
            </a-col>
          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="8">
+              <div class="box-title-text" style="height: 60px">
+                <div class="title-text" :title="$t('brand')">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('brand')">{{$t('brand')}}</span>
+                </div>
+                <a-form-model-item class="itemModel propbox" prop="brands">
+                <j-multi-select-tag class="box-input" v-model="formInline.brands"
+                                    :placeholder="$t('PleaseSelect')+$t('brand')"
+                                    :type="'select'"
+                                    style="width: 100%"
+                                    :triggerChange="false" :dictCode="'brand'"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
          <a-row :gutter="24" style="margin-bottom: 10px">
            <a-col :span="16">
              <div class="box-title-text">
@@ -281,6 +298,13 @@
              trigger: 'change'
            }
          ],
+          brands: [
+            {
+              required: true,
+              message: this.$t('brand') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ],
          processBackground: [
            {
              max: 300,
@@ -674,6 +698,9 @@
  }
 </style>
 <style scoped>
+  /deep/.propbox .ant-form-explain{
+    margin-top: -17px !important;
+  }
  .detail-box {
    padding: 67px 0 0 0;
    background: #ffffff;
@@ -60,6 +60,17 @@
                </a-select>
              </div>
            </a-col>
+            <a-col :md="6" :sm="8">
+              <div class="box-title-text">
+                <div class="title-text" :title="$t('brand')">
+                  <span>{{$t('brand')}}</span>
+                </div>
+                <j-multi-select-tag class="box-input" v-model="queryParam.brands"
+                                    :placeholder="$t('PleaseSelect')+$t('brand')"
+                                    :type="'select'"
+                                    :triggerChange="false" :dictCode="'brand'"/>
+              </div>
+            </a-col>
          </template>
          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
               <a-col :md="6" :sm="24">
@@ -269,6 +280,13 @@
            ellipsis: true,
            dataIndex: 'createBy'
          },
+          {
+            title: this.$t('brand'),
+            align: 'center',
+            ellipsis: true,
+            width: 140,
+            dataIndex: 'brand'
+          },
          {
            title: this.$t('dateOfInitiation'),
            align: 'center',