feat(1.5): 增加主题信息汇总表外置搜索

src/modules/createmodel/alipay/components/ResultTable.vue

@@ -4,6 +4,18 @@
             <file-name></file-name>
             <search-sort></search-sort>
             <div class="excel-btns" v-if="!isRelationMap">
+                <el-form v-if="isMainMessageTotal" ref="form" :model="normalSearchData" label-width="120px">
+                    <el-form-item label="交易主体账号">
+                      <el-input :clearable="true" v-model="normalSearchData.jyztzh"></el-input>
+                    </el-form-item>
+                    <el-form-item label="交易主体户名">
+                    <el-input :clearable="true" v-model="normalSearchData.jyzthm"></el-input>
+                    </el-form-item>
+                    <el-form-item label="证件号码">
+                    <el-input :clearable="true" v-model="normalSearchData.jyzjhm"></el-input>
+                    </el-form-item>
+                </el-form>
+                <el-button v-if="isMainMessageTotal" type="success" size="mini" @click="searchDataNormal(1)">搜索</el-button>
                 <el-button type="primary" size="mini" @click="exportFile(1)">导出</el-button>
 
                 <el-button type="success" size="mini" @click="openSettings(1)">搜索排序</el-button>
@@ -13,15 +25,15 @@
             <div class="excel-btns-relation" v-else>
                 <el-form ref="form" :model="relationSearchData" label-width="120px">
                     <el-form-item label="交易主体账号">
-                      <el-input v-model="relationSearchData.jyztzh"></el-input>
+                      <el-input :clearable="true" v-model="relationSearchData.jyztzh"></el-input>
                     </el-form-item>
-                    <el-form-item label="交易主体户名">
+                    <el-form-item :clearable="true" label="交易主体户名">
                     <el-input v-model="relationSearchData.jyzthm"></el-input>
                     </el-form-item>
-                    <el-form-item label="交易对手账号">
+                    <el-form-item :clearable="true" label="交易对手账号">
                     <el-input v-model="relationSearchData.jyztzhds"></el-input>
                     </el-form-item>
-                    <el-form-item label="交易对手户名">
+                    <el-form-item :clearable="true" label="交易对手户名">
                     <el-input v-model="relationSearchData.jyzthmds"></el-input>
                     </el-form-item>
                     <el-form-item label="交易时间">
@@ -116,6 +128,11 @@ export default {
                 jyzthmds:'',
                 jysjStart:'',
                 jysjEnd:'',
+            },
+            normalSearchData:{
+                jyztzh:'',
+                jyzthm:'',
+                jyzjhm:'',
             }
         };
     },
@@ -167,6 +184,11 @@ export default {
             get(){
                 return this.$store.state.fileStore.fileobj.fileType &&  this.$store.state.fileStore.fileobj.fileType == 'map'
             }
+        },
+        isMainMessageTotal:{
+            get(){
+                return this.$store.state.fileStore.fileobj.filename == "数据分析-主体信息汇总"
+            }
         }
     },
     created() {
@@ -179,6 +201,47 @@ export default {
         console.log('this.$store.state',this.$store.state,this.$store)
     },
     methods: {
+        // 搜索数据过滤
+        searchDataNormal(){
+            console.log(this.$store.state)
+            let payload={
+                "page":1,
+                "pageSize":20,
+                "orders":[],
+                "values":[],
+                "fileId":this.$store.state.fileStore.fileobj.id,
+                "mode":"and",
+            }
+            if(this.filterInPayloadSpace(this.normalSearchData.jyztzh)){
+                payload.values.push(
+                    {"field":"交易主体账号","fieldAlias":"交易主体账号","mode":"is","value":this.filterInPayloadSpace(this.normalSearchData.jyztzh)},
+                )
+            }
+            if(this.filterInPayloadSpace(this.normalSearchData.jyzthm)){
+                payload.values.push(
+                    {"field":"交易主体账号","fieldAlias":"交易主体账号","mode":"is","value":this.filterInPayloadSpace(this.normalSearchData.jyzthm)},
+                )
+            }
+            if(this.filterInPayloadSpace(this.normalSearchData.jyzjhm)){
+                payload.values.push(
+                    {"field":"交易主体账号","fieldAlias":"交易主体账号","mode":"is","value":this.filterInPayloadSpace(this.normalSearchData.jyzjhm)},
+                )
+            }
+            const loading = this.$loading({
+                lock: true,
+                text: "请耐心等待，正在加载数据。。",
+                spinner: "el-icon-loading",
+                background: "rgba(0, 0, 0, 0.7)"
+            });
+            this.$store.dispatch('view_data_by_query', this.setModelId(payload)).then(data => {
+                loading.close()
+                if (data.code == 200) {
+                    this.$store.commit("set_file_content_by_id", data);
+                } else {
+                    this.$message({ type: "error",  message: data.message ? data.message : "加载失败" });
+                }
+            });
+        },
         // 查看文件
         viewDetail(row, label) {
             row.label = label;
@@ -191,6 +254,23 @@ export default {
                 show: true
             });
         },
+        filterInPayloadSpace(query){
+            let queryFilter = ''
+            if (query !== '') {
+                if (query.indexOf(' ') > -1) {
+                    queryFilter = query.split(' ').join(' ')
+                } else if (query.indexOf(',') > -1) {
+                    queryFilter = query.split(',').join(' ')
+                } else if (query.indexOf('、') > -1) {
+                    queryFilter = query.split('、').join(' ')
+                } else if (query.indexOf('，') > -1) {
+                    queryFilter = query.split('，').join(' ')
+                } else {
+                    queryFilter = query
+                }
+            } 
+            return queryFilter
+        },
         searchGraph(){
             this.$refs.relationGraph.init({
                 jyztzh:this.filterInPayload(this.relationSearchData.jyztzh),
@@ -289,7 +369,7 @@ export default {
             payload.mode = upSearchSortParams.mode;
 
             this.beforePayload = payload;
-
+            
             this.$store
                 .dispatch("view_data_by_query", this.setModelId(payload))
                 .then(data => {
@@ -318,10 +398,11 @@ export default {
     border-bottom: 2px outset wheat;
     padding: 5px 10px;
     text-align: left;
-    height: 42px;
+    min-height: 42px;
+    height: auto;
 }
 
-.excel-btns-relation{
+.excel-btns-relation,.excel-btns{
     border-top: 2px outset wheat;
     border-bottom: 2px outset wheat;
     padding: 5px 10px;