优化组件

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

@@ -1,12 +1,13 @@
 <template>
   <a-spin :spinning="confirmLoading">
     <a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm">
-      <a-row :gutter="24" v-if="isDisplayType">
-        <div v-for="(val,index) in headerText" :key="index">
-          <div class="header-text">
-            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{val.text}}
-          </div>
-          <div v-for="item in val.content" style="overflow: hidden">
+
+      <div v-for="(val,index) in headerText" :key="index">
+        <div class="header-text">
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{val.text}}
+        </div>
+        <a-row :gutter="24" v-if="isDisplayType">
+          <div v-for="item in val.content">
             <a-col :span="12" v-if="item.type === 'INPUT'">
               <div class="box-title-text">
                 <div class="title-text">
@@ -35,7 +36,7 @@
               </div>
             </a-col>
 
-            <a-col :span="12" v-else-if="item.type === 'DATE'">
+            <a-col :span="12" v-else-if="item.type === 'SINGLETIME'">
               <div class="box-title-text">
                 <div class="title-text">
                   <span class="Required">*</span>
@@ -49,6 +50,19 @@
               </div>
             </a-col>
 
+            <a-col :span="12" v-else-if="item.type === 'SMULTITIME'">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                  <span :class="{'title-text-text':false}">{{item.name}}</span>
+                </div>
+                <a-form-model-item class="itemModel" :prop="item.attrModel">
+                  <a-range-picker class="box-input" v-model="formInline[item.attrModel]" @change="onChange"></a-range-picker>
+                </a-form-model-item>
+              </div>
+            </a-col>
+
             <a-col :span="12" v-else-if="item.type === 'NUMBER'">
               <div class="box-title-text">
                 <div class="title-text">
@@ -150,9 +164,10 @@
               </div>
             </a-col>
           </div>
-        </div>
+        </a-row>
+      </div>
+
 
-      </a-row>
       <a-row :gutter="24" v-if="!isDisplayType">
         <div v-for="(item,index) in dataList" :key="index">
           <a-col :span="12" v-if="item.type === 'INPUT'">
@@ -183,7 +198,7 @@
             </div>
           </a-col>
 
-          <a-col :span="12" v-else-if="item.type === 'DATE'">
+          <a-col :span="12" v-else-if="item.type === 'SINGLETIME'">
             <div class="box-title-text">
               <div class="title-text">
                 <span class="Required">*</span>
@@ -197,6 +212,19 @@
             </div>
           </a-col>
 
+          <a-col :span="12" v-else-if="item.type === 'SMULTITIME'">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span :class="{'title-text-text':false}">{{item.enName}}</span><br>
+                <span :class="{'title-text-text':false}">{{item.name}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="item.attrModel">
+                <a-range-picker v-model="formInline[item.attrModel]" @change="onChange"></a-range-picker>
+              </a-form-model-item>
+            </div>
+          </a-col>
+
           <a-col :span="12" v-else-if="item.type === 'NUMBER'">
             <div class="box-title-text">
               <div class="title-text">
@@ -437,6 +465,24 @@
             placeholder: '请手动输入或者选择标准',
             attrModel: 'standard',
             text: '关联信息'
+          },
+          {
+            id: 11,
+            type: 'SINGLETIME',
+            name: '单日期选择',
+            enName: 'standard',
+            placeholder: '请单日期选择',
+            attrModel: 'time',
+            text: '基本信息'
+          },
+          {
+            id: 12,
+            type: 'SMULTITIME',
+            name: '多日期选择',
+            enName: 'standardtime',
+            placeholder: '请多日期选择',
+            attrModel: 'timeAll',
+            text: '基本信息'
           }
         ],
         validatorRules: {},
@@ -470,13 +516,6 @@
             }
           })
         })
-        this.headerText.forEach(res=>{
-          console.log(res)
-            res.content.forEach(val=>{
-              console.log(val)
-            })
-        })
-        console.log(this.headerText)
       }
     },
     methods: {
@@ -490,6 +529,9 @@
           }
         })
       },
+      onChange(date, dateString) {
+        console.log(date, dateString)
+      },
       clickButtonToUpload(current) {
         this.$refs.uploadFile.visible = true
         this.uploadName = current
@@ -543,6 +585,15 @@
     margin-top: 6px;
   }
 
+  .box-input .ant-calendar-picker {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-calendar-picker-input {
+    height: 38px;
+  }
+
   .box-input .ant-input-number-input-wrap {
     line-height: 38px;
     height: 38px;
@@ -597,7 +648,8 @@
     height: 30px;
     margin-bottom: 30px;
   }
-  .formAdd{
+
+  .formAdd {
     margin-bottom: 40px;
   }
 </style>

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

@@ -2,12 +2,37 @@
   <a-form layout="inline" @keyup.enter.native="searchQuery">
     <a-row :gutter="24">
       <a-col :md="6" :sm="8" v-for="(item,index) in searchList" :key="index" style="line-height: 48px">
-        <div class="box-title-text">
+        <div class="box-title-text" v-if="item.field_show_type == 'text'">
           <div class="title-text">
-            <span>{{item.enName}}</span><br>
-            <span>{{item.name}}</span>
+            <span>{{item.db_field_en_name}}</span><br>
+            <span>{{item.db_field_txt}}</span>
           </div>
-          <a-input class="box-input" :placeholder="item.placeholder" v-model="queryParam[item.attrModel]"></a-input>
+          <a-input class="box-input" :placeholder="item.placeholder" v-model="queryParam[item.db_field_name]"></a-input>
+        </div>
+        <div class="box-title-text" v-else-if="item.field_show_type == 'list_multi'">
+          <div class="title-text">
+            <span>{{item.db_field_en_name}}</span><br>
+            <span>{{item.db_field_txt}}</span>
+          </div>
+          <j-multi-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
+                              :placeholder="$t('selectStatus')" :type="'select'"
+                              :triggerChange="false" :dictCode="item.dict_field"/>
+        </div>
+        <div class="box-title-text" v-else-if="item.field_show_type == 'date'">
+          <div class="title-text">
+            <span>{{item.db_field_en_name}}</span><br>
+            <span>{{item.db_field_txt}}</span>
+          </div>
+          <a-date-picker class="box-input" v-model="queryParam[item.db_field_name]"/>
+        </div>
+        <div class="box-title-text" v-else-if="item.field_show_type == 'list'">
+          <div class="title-text">
+            <span>{{item.db_field_en_name}}</span><br>
+            <span>{{item.db_field_txt}}</span>
+          </div>
+          <j-dict-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
+                             :placeholder="$t('selectStatus')" :type="'select'"
+                             :triggerChange="false" :dictCode="item.dict_field"/>
         </div>
       </a-col>
       <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
@@ -34,6 +59,10 @@
       url: {
         type: Object,
         default: {}
+      },
+      flag: {
+        type: String,
+        default: ''
       }
     },
     data() {
@@ -42,7 +71,7 @@
       }
     },
     mounted() {
-      this.getHeader()
+      this.getSeach()
     },
     methods: {
       searchQuery() {
@@ -52,11 +81,13 @@
         this.queryParam = {}
         eventBUs.$emit('searchQuery', this.queryParam)
       },
-      getHeader() {
-        let params = {}
-        getAction(this.url.searchHeader, params).then((res) => {
+      getSeach() {
+        let params = {
+          flag: this.flag
+        }
+        getAction(this.url.seachList, params).then((res) => {
           if (res.success) {
-
+            this.searchList = res.result
           }
         })
       }
@@ -69,9 +100,12 @@
     line-height: 1.4;
     display: flex;
     align-items: center;
+    margin-bottom: 10px;
   }
 
   .title-text {
+    width: 20%;
+    min-width: 90px;
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
@@ -80,7 +114,7 @@
 
   .box-input {
     display: inline-block;
-    width: 80%;
+    width: 70%;
     height: 38px;
     margin-top: 2px;
   }

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

@@ -26,7 +26,7 @@
         </tbody>
       </table>
     </div>
-    <div class="page">
+    <div class="page" v-if="jsonBody.length > 0">
       <a-pagination
         :show-total="total => `共 ${total} 条`"
         show-quick-jumper
@@ -41,6 +41,7 @@
 
 <script>
   import eventBUs from '../../common/event'
+  import { getAction } from '@/api/manage'
 
   export default {
     name: 'index',
@@ -56,62 +57,19 @@
         default: []
       },
       //是否显示操作；默认显示
-      isOperation:{
+      isOperation: {
         type: Boolean,
-        default:true,
+        default: true
       },
+      flag: {
+        type: String,
+        default: ''
+      }
     },
     data() {
       return {
         pageSize: 20,
-        jsonHead: [
-          {
-            'name': '序号',
-            'enName': 'Swrial number'
-          },
-          {
-            'name': '编号',
-            'enName': 'Swrial number'
-          },
-          {
-            'name': '标题',
-            'enName': 'Title'
-          },
-          {
-            'name': '发布日期',
-            'enName': 'Release data'
-          },
-          {
-            'name': '标准实施日期',
-            'enName': 'Standard data'
-          },
-          {
-            'name': '状态',
-            'enName': 'State'
-          }
-        ],
-        jsonBody: [
-          {
-            // 'col1': '河流1',
-            id: 1,
-            'col2': '河流26dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col3': '大羊沟6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col4': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col5': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col6': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col7': 0.6
-          },
-          {
-            // 'col1': '河流1',
-            id: 2,
-            'col2': '河流2',
-            'col3': '大羊沟',
-            'col4': '待审批',
-            'col5': 0.6,
-            'col6': '0.6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col7': 0.6
-          }
-        ],
+        jsonBody: [],
         checkboxList: [],
         tableAll: false,
         indeterminate: false
@@ -125,17 +83,25 @@
         console.log(target)
       })
       this.getData()
+      this.getTableList()
     },
     methods: {
       getData() {
-        var jsonHead = this.jsonHead
-        for (var i = 0; i < jsonHead.length; i++) {
-          $('#table_thead_tr').append('<th class="box-th">' + jsonHead[i].enName + '</br>' + jsonHead[i].name + '</th>')
-        }
-        if (this.isOperation){
-          let th = '<th class="box-th box-th-po">' + 'Operation ' + '</br>' + '操作' + '</th>'
-          $('#table_thead_tr').append(th)
+        let params = {
+          flag: this.flag
         }
+        getAction(this.url.tableHeader, params).then((res) => {
+          if (res.success) {
+            var jsonHead = res.result
+            for (var i = 0; i < jsonHead.length; i++) {
+              $('#table_thead_tr').append('<th class="box-th">' + jsonHead[i].db_field_en_name + '</br>' + jsonHead[i].db_field_txt + '</th>')
+            }
+            if (this.isOperation) {
+              let th = '<th class="box-th box-th-po">' + 'Operation ' + '</br>' + '操作' + '</th>'
+              $('#table_thead_tr').append(th)
+            }
+          }
+        })
       },
       checkboxChange(checkedList) {
         this.indeterminate = !!checkedList.length && checkedList.length < this.jsonBody.length
@@ -150,6 +116,16 @@
           })
         }
       },
+      getTableList() {
+        let params = {
+
+        }
+        getAction(this.url.tableList, params).then((res) => {
+          if (res.success) {
+
+          }
+        })
+      },
       onChange() {
 
       },

jero-web/src/views/ceshiList/index.vue

@@ -1,13 +1,14 @@
 <template>
   <a-card :bordered="false">
     <div class="table-page-search-wrapper">
-      <search  :url="url" :searchList="searchList"/>
+      <search :flag="'1'" :url="url" :searchList="searchList"/>
     </div>
     <div class="table-operator">
       <a-button @click="handleCompare()" type="primary" icon="plus">{{$t('DataComparison')}}</a-button>
     </div>
     <div>
       <tableData
+        :flag="'1'"
         :OperationList="OperationList"
         @editTable="editTable"
         @deleteTable="deleteTable"
@@ -59,8 +60,9 @@
         selectedRowKeys: [],
         loading: false,
         url:{
-          searchHeader:'document/bussDocumentLibraryEO/getHeader',
-          queryCondition:'document/bussDocumentLibraryEO/queryCondition',
+          tableHeader:'document/bussDocumentLibraryEO/getHeader',
+          seachList:'document/bussDocumentLibraryEO/queryCondition',
+          tableList:'/document/bussDocumentLibraryEO/queryPageInfo',
         }
       }
     },