对照设计图修改页面

2022-02-25 18:21:40 +08:00
parent ce208e3a52
commit 5ed4dddb1c
18 changed files with 449 additions and 346 deletions
@@ -3,150 +3,180 @@
    <a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm">
      <a-row :gutter="24">
        <div v-for="(item,index) in dataList" :key="index">
-          <a-col :span="12" v-if="item.field_show_type === 'text'">
+          <a-col :span="12" v-if="item.field_show_type === '1'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-input class="box-input" v-model="formInline[item.db_field_name]"
+                <a-input class="box-input"
                         :disabled="disabled"
-                         :placeholder="item.placeholder"/>
+                         v-model="formInline[item.db_field_name]"
+                         :placeholder="$t('PleaseEnter')+item.db_field_txt"/>
              </a-form-model-item>
            </div>
          </a-col>

-          <a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'">
+          <a-col :span="12" v-else-if="item.field_show_type === '2'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
-                <span class="title-text-text">{{item.db_field_txt}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
-                                    :disabled="disabled"
-                                    :placeholder="$t('selectStatus')" :type="'checkbox'"
-                                    :triggerChange="false" :dictCode="item.dict_field"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-
-          <a-col :span="12" v-else-if="item.field_show_type === 'date'">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
-                <span class="title-text-text">{{item.db_field_txt}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-date-picker class="box-input" v-model="formInline[item.db_field_name]"
-                               @change="dateChange(item)"
-                               format="YYYY-MM-DD"
-                               :disabled="disabled"
-                               style="width: 100%"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-
-          <a-col :span="12" v-else-if="item.field_show_type === 'SMULTITIME'">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
-                <span class="title-text-text">{{item.db_field_txt}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-range-picker v-model="formInline[item.db_field_name]"
-                                :disabled="disabled"
-                                @change="onChange(item.db_field_name)"></a-range-picker>
-              </a-form-model-item>
-            </div>
-          </a-col>
-
-          <a-col :span="12" v-else-if="item.field_show_type === 'NUMBER'">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
                <a-input-number class="box-input"
+                                :placeholder="$t('PleaseEnter')+item.db_field_txt"
                                :disabled="disabled"
                                v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/>
              </a-form-model-item>
            </div>
          </a-col>

-          <a-col :span="12" v-else-if="item.field_show_type === 'list'">
+          <a-col :span="12" v-else-if="item.field_show_type === '3'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
                <j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
                                   :disabled="disabled"
-                                   :placeholder="$t('selectStatus')" :type="'select'"
+                                   @input="handleInput(item.db_field_name)"
+                                   :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                                   :type="'select'"
                                   :triggerChange="false" :dictCode="item.dict_field"/>
              </a-form-model-item>
            </div>
          </a-col>

-          <a-col :span="12" v-else-if="item.field_show_type === 'list_multi'">
+          <a-col :span="12" v-else-if="item.field_show_type === '4'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
                <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
                                    :disabled="disabled"
-                                    :placeholder="$t('selectStatus')" :type="'select'"
+                                    :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                                    :type="'select'"
                                    :triggerChange="false" :dictCode="item.dict_field"/>
              </a-form-model-item>
            </div>
          </a-col>
+          <a-col :span="12" v-else-if="item.field_show_type === '5'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                               @change="dateChange(item)"
+                               format="YYYY-MM-DD"
+                               v-model="formInline[item.db_field_name]"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12" v-else-if="item.field_show_type === '6'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
+                                :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                                :disabled="disabled"
+                                @change="onChange(item.db_field_name)"></a-range-picker>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
+          <a-col :span="12" v-else-if="item.field_show_type === '7'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <a-button type="primary" class="button-text"
+                          @click="clickButtonToUpload(item.db_field_name)">
+                  {{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
+                  formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
+                  }}
+                </a-button>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
+          <a-col :span="24" v-else-if="item.field_show_type === '8'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <a-textarea
+                  :placeholder="$t('PleaseEnter')+item.db_field_txt"
+                  :disabled="disabled"
+                  v-model="formInline[item.db_field_name]" :rows="4"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
+          <a-col :span="24" v-else-if="item.field_show_type === '9'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <PersonnelSelection :query="item"
+                                    :disabled="disabled"
+                                    v-model="formInline[item.db_field_name]"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
+          <a-col :span="24" v-else-if="item.field_show_type === '10'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required" v-if="item.field_must_input == 0">*</span>
+                <span class="title-text-text">{{item.db_field_txt}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.db_field_name">
+                <StandardSelection :query="item"
+                                   :disabled="disabled"
+                                   v-model="formInline[item.db_field_name]"/>
+              </a-form-model-item>
+            </div>
+          </a-col>

          <a-col :span="12" v-else-if="item.field_show_type === 'RADIO'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <j-dict-select-tag v-model="formInline[item.db_field_name]" :placeholder="$t('selectStatus')"
+                <j-dict-select-tag v-model="formInline[item.db_field_name]"
                                   :disabled="disabled"
+                                   @input="handleInput(item.db_field_name)"
+                                   :placeholder="$t('selectStatus')"
                                   :type="'radio'" :triggerChange="false" :dictCode="item.dict_field"/>
              </a-form-model-item>
            </div>
          </a-col>

-          <a-col :span="24" v-else-if="item.field_show_type === 'TEXTAREA'">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
-                <span class="title-text-text">{{item.db_field_txt}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-textarea :placeholder="$t('selectStatus')"
-                            :disabled="disabled"
-                            v-model="formInline[item.db_field_name]" :rows="4"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
          <a-col :span="12" v-else-if="item.field_show_type === 'treeSelect'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                  <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
@@ -161,41 +191,22 @@
              </a-form-model-item>
            </div>
          </a-col>
-          <a-col :span="12" v-else-if="item.field_show_type === 'file'">
+
+          <a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'">
            <div class="box-title-text">
              <div class="title-text">
                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
                <span class="title-text-text">{{item.db_field_txt}}</span>
              </div>
              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-button type="primary" class="button-text"
-                          @click="clickButtonToUpload(item.db_field_name)">
-                  {{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
-                  formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
-                  }}
-                </a-button>
+                <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
+                                    :disabled="disabled"
+                                    :placeholder="$t('selectStatus')" :type="'checkbox'"
+                                    :triggerChange="false" :dictCode="item.dict_field"/>
              </a-form-model-item>
            </div>
          </a-col>
-
-          <a-col :span="24" v-else-if="item.field_show_type === 'STANDARD'">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span class="Required" v-if="item.field_must_input == 0">*</span>
-                <!--                <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
-                <span class="title-text-text">{{item.db_field_txt}}</span>
-              </div>
-              <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <Standardselection :query="item"
-                                   :disabled="disabled"
-                                   v-model="formInline[item.db_field_name]"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-
        </div>
-
      </a-row>
      <uploadFile ref="uploadFile" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile>
    </a-form-model>
@@ -204,7 +215,8 @@

 <script>
  import uploadFile from '@/components/uploadFile/file'
-  import Standardselection from '@/components/Standardselection/index'
+  import StandardSelection from '@/components/Standardselection/index'
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
  import { getAction, postAction } from '@/api/manage'
  import eventBUs from '../../common/event'
  import moment from 'moment'
@@ -213,7 +225,8 @@
    name: 'index',
    components: {
      uploadFile,
-      Standardselection
+      StandardSelection,
+      PersonnelSelection
    },
    props: {
      url: {
@@ -373,7 +386,7 @@
          }
        })
      },
-      add(){
+      add() {
        this.formInline = {}
      }
    }