对接问题知识库

jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardReleaseAdd.vue

@@ -9,6 +9,31 @@
       @close="handleCancel"
       :visible="visible"
       style="height: 100%;overflow: auto;padding-bottom: 53px;">
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('applicableMarket')">{{$t('applicableMarket')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="applyMarket">
+                <a-select :placeholder="$t('PleaseSelect')+$t('applicableMarket')"
+                          v-model="formInline.applyMarket">
+                  <a-select-option v-for="(item, key) in applyMarketList"
+                                   :key="key"
+                                   :value="item.value">
+                     <span style="display: inline-block;width: 100%" :title=" item.title ">
+                           {{ item.title}}
+                     </span>
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
       <div style="margin-bottom: 60px">
         <a-table
           :columns="columns"
@@ -41,18 +66,6 @@
                 </a-button>
            </span>
         </a-table>
-        <div class="page" v-if="dataList.length > 0">
-          <a-pagination
-            :show-total="total => $t('total')+`${total}`+$t('strip')"
-            show-quick-jumper
-            show-size-changer
-            :page-size.sync="pageSize"
-            :total="total"
-            :current="pageNo"
-            @change="onChange"
-            @showSizeChange="SizeChange"
-          />
-        </div>
       </div>
 
       <div class="drawer-bootom-button">
@@ -80,15 +93,23 @@
           deleteOne: ''
         },
         title: '',
+        formInline: {},
+        rules: {
+          applyMarket: [
+            {
+              required: true,
+              message: this.$t('LabelType') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
         visible: false,
         selectedRowKeys: [],
         dataList: [{}],
         loading: false,
-        pageNo: 1,
-        pageSize: 10,
-        total: 0,
         confirmLoading: false,
         index: '',
+        applyMarketList: [],
         columns: [
           {
             title: this.$t('LabelName'),
@@ -118,10 +139,21 @@
       add() {
         this.visible = true
         this.title = this.$t('newlyAdded')
+        this.getApplyMarketList()
       },
       edit() {
         this.visible = true
         this.title = this.$t('edit')
+        this.getApplyMarketList()
+      },
+      getApplyMarketList() {
+        getAction('/problemKnowledgeBase/countryCardManageReleaseEO/getApplyMarketList', {}).then((res) => {
+          if (res.success) {
+            this.applyMarketList = res.result || []
+          } else {
+            this.applyMarketList = []
+          }
+        })
       },
       clickButtonToUpload(item, index) {
         this.$refs.uploadFile.perentHandleFunc()
@@ -152,31 +184,20 @@
         this.visible = false
       },
       handleSubmit() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
 
-      },
-      onChange(page, pageSize) {
-        this.pageNo = page
-        this.replacePage()
-      },
-      SizeChange(page, pageSize) {
-        this.pageNo = 1
-        this.pageSize = pageSize
-        this.replacePage()
+          }
+        })
       },
       replacePage() {
-        let query = {
-          pageNo: this.pageNo,
-          pageSize: this.pageSize
-        }
         this.loading = true
-        postAction(this.url.list, query).then((res) => {
+        postAction(this.url.list, {}).then((res) => {
           if (res.success) {
-            this.dataList = res.result.records || []
-            this.total = res.result.total
+            this.dataList = res.result || []
             this.loading = false
           } else {
             this.dataList = []
-            this.total = 0
             this.loading = false
           }
         })
@@ -204,21 +225,6 @@
     border-radius: 0 0 2px 2px;
   }
 
-  .box-title {
-    width: 100%;
-    text-align: right;
-    margin-bottom: 20px;
-  }
-
-  .operator-text {
-    cursor: pointer;
-    margin-right: 13px;
-    font-size: 14px;
-    font-weight: 400;
-    color: #040B29;
-    display: inline-block;
-  }
-
   .button-text {
     height: 38px;
     width: 100%;
@@ -227,4 +233,45 @@
     border: 1px #00B3BE solid;
     color: #00B3BE;
   }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text {
+    width: 84px;
+    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;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
 </style>