UI界面变更-虚拟清单

jero-web/src/views/documentTools/virtualList/components/addModel.vue

@@ -21,6 +21,7 @@
                          v-model="queryParam.serial_number"></a-input>
               </div>
             </a-col>
+            <template v-if="toggleSearchStatus">
             <a-col :md="12" :sm="8">
               <div class="box-title-text">
                 <div class="title-text" :title="$t('title')">
@@ -41,6 +42,7 @@
                                    :triggerChange="false" :dictCode="'state'"/>
               </div>
             </a-col>
+            </template>
             <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
                <a-col :md="12" :sm="24">
                    <globalAdvancedQuery ref="globalAdvancedQueryRef"
@@ -48,6 +50,10 @@
                                         :fieldList="fieldList"/>
                   <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
                   <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
+                  <a @click="handleToggleSearch" style="margin-left: 8px">
+                            {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+                            <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+                  </a>
                </a-col>
       </span>
           </a-row>
@@ -104,6 +110,7 @@
     },
     data() {
       return {
+        toggleSearchStatus: false,
         visible: false,
         confirmLoading: false,
         selectedRowKeys: [],
@@ -112,19 +119,19 @@
           {
             title: this.$t('standard'),
             dataIndex: 'serial_number',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           // {
@@ -142,13 +149,13 @@
           {
             title: this.$t('ImplementationDate'),
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('vehicleInProductionDate'),
             dataIndex: 'implement_time',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           }
           // {
@@ -173,6 +180,9 @@
 
     },
     methods: {
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
       addModel() {
         this.visible = true
         this.queryParam = {}
@@ -310,7 +320,7 @@
   }
 
   .title-text {
-    width: 33px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;

jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue

@@ -65,7 +65,7 @@
                 </a-col>
                 <a-col :md="6" :sm="8">
                   <div class="box-title-text">
-                    <div class="title-text" style="width: 60px" :title="$t('subtitle')">
+                    <div class="title-text" :title="$t('subtitle')">
                       <span>{{$t('subtitle')}}</span>
                     </div>
                     <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')"
@@ -171,37 +171,37 @@
               <span slot="designDeliverableTemplateName" slot-scope="text,record">
           <span :title="record.designDeliverableTypeName">{{record.designDeliverableTypeName}}</span><br
                 v-if="record.designDeliverableTypeName">
-           <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"
-              :title="record.designDeliverableTemplateName"
-              @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">
-              {{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}}
-           </a>
-           <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"
-              @click="clickButtonToUpload(record.designDeliverableTemplate)">{{$t('viewFile')}}</a>
+<!--           <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"-->
+<!--              :title="record.designDeliverableTemplateName"-->
+<!--              @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">-->
+<!--              {{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}}-->
+<!--           </a>-->
+<!--           <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"-->
+<!--              @click="clickButtonToUpload(record.designDeliverableTemplate)">{{$t('viewFile')}}</a>-->
            <span v-else>--</span>
         </span>
               <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
            <span :title="record.prehomoDeliverableTypeName">{{record.prehomoDeliverableTypeName}}</span><br
                 v-if="record.prehomoDeliverableTypeName">
-           <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"
-              :title="record.prehomoDeliverableTemplateName"
-              @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">
-                     {{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}}
-           </a>
-           <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"
-              @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{$t('viewFile')}}</a>
+<!--           <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"-->
+<!--              :title="record.prehomoDeliverableTemplateName"-->
+<!--              @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">-->
+<!--                     {{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}}-->
+<!--           </a>-->
+<!--           <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"-->
+<!--              @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{$t('viewFile')}}</a>-->
            <span v-else>--</span>
         </span>
               <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
           <span :title="record.verifyDeliverableTypeName">{{record.verifyDeliverableTypeName}}</span><br
                 v-if="record.verifyDeliverableTypeName">
-           <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"
-              :title="record.verifyDeliverableTemplateName"
-              @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">
-                 {{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}}
-           </a>
-           <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"
-              @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{$t('viewFile')}}</a>
+<!--           <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"-->
+<!--              :title="record.verifyDeliverableTemplateName"-->
+<!--              @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">-->
+<!--                 {{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}}-->
+<!--           </a>-->
+<!--           <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"-->
+<!--              @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{$t('viewFile')}}</a>-->
            <span v-else>--</span>
         </span>
             </a-table>
@@ -963,14 +963,14 @@
   }
 
   .title-text {
-    width: 36px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
     font-size: 14px;
     margin-right: 16px;
     margin-top: 3px;
-    text-align: left;
+    text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;