dia经办用户查询条件逻辑添加

src/views/Statics/Infcod/Infsea.vue

@@ -145,11 +145,11 @@
       return {
         codData: [],
         codColumns: [
-          { label: '交易编码', prop: 'cod', width: '200' },
-          { label: '方向', prop: 'dir', width: '100' },
-          { label: '类型', prop: 'typ', width: '100' },
-          { label: '名称', prop: 'txt', width: '200' },
-          { label: '状态', prop: 'sta', width: '100' }
+          { label: '交易编码', prop: 'cod', width: 'auto' },
+          { label: '方向', prop: 'dir', width: 'auto' },
+          { label: '类型', prop: 'typ', width: 'auto' },
+          { label: '名称', prop: 'txt', width: 'auto' },
+          { label: '状态', prop: 'sta', width: 'auto' }
               ],
       };
     },

src/views/Statics/Infdia/Infsea.vue

@@ -19,20 +19,16 @@
           <c-fullbox>
             <c-input :disabled="true" v-model="model.ownusr" placeholder="请输入经办用户" style="width: 100%"></c-input>
             <template slot="footer">
-                <c-button
-                  :disabled="type === 'edit'"
-                  style="margin-left: 10px; padding: 0 12px"
-                  size="small"
-                  type="primary"
-                  @click="onSeainf"
-                  icon="el-icon-info"/>
+              <c-button :disabled="type === 'edit'" style="margin-left: 10px; padding: 0 12px" size="small"
+                type="primary" @click="queryOwnusr()" icon="el-icon-info" />
             </template>
           </c-fullbox>
         </el-form-item>
       </c-col>
       <c-col :span="24">
         <el-form-item label="是否完成标志" prop="donflg">
-            <c-select style="width: 100%" v-model="model.donflg" placeholder="请选择是否完成标志" :code="getCodesByKey('dia_donflg')">
+          <c-select style="width: 100%" v-model="model.donflg" placeholder="请选择是否完成标志"
+            :code="getCodesByKey('dia_donflg')">
           </c-select>
         </el-form-item>
       </c-col>
@@ -66,13 +62,8 @@
           <c-fullbox>
             <c-input :disabled="true" v-model="model.usr" placeholder="请输入创建/修改人" style="width: 100%"></c-input>
             <template slot="footer">
-                <c-button
-                  :disabled="type === 'edit'"
-                  style="margin-left: 10px; padding: 0 12px"
-                  size="small"
-                  type="primary"
-                  @click="onSeainf"
-                  icon="el-icon-info"/>
+              <c-button :disabled="type === 'edit'" style="margin-left: 10px; padding: 0 12px" size="small"
+                type="primary" @click="onSeainf" icon="el-icon-info" />
             </template>
           </c-fullbox>
         </el-form-item>
@@ -85,77 +76,32 @@
       </c-col>
       <c-col :span="12" style="text-align: right">
         <el-button size="small" @click="handleReset">重置</el-button>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="small"
-            @click="onSearch()"
-            >查询
+        <el-button type="primary" icon="el-icon-search" size="small" @click="onSearch()">查询
         </el-button>
       </c-col>
     </c-col>
     <c-col :span="24">
-        <c-paging-table 
-          :data="diaData"
-          :columns="diaColumns"
-          :pageNumber="model.pageNum"
-          :pageSize="model.pageSize"
-          :total="model.total"
-          v-on:queryFunc="queryFunc"
-          :border="true"
-        >
+      <c-paging-table :data="diaData" :columns="diaColumns" :pageNumber="model.pageNum" :pageSize="model.pageSize"
+        :total="model.total" v-on:queryFunc="queryFunc" :border="true">
         <c-table-column fixed="right" prop="op" label="操作" width="240px">
           <template slot-scope="{ scope }">
-              <c-button
-                style="margin-left: 0"
-                size="small"
-                @click="diaInfo(scope.$index, scope.row)"
-                >详情</c-button
-              >
-              <c-button
-                style="margin-left: 5px"
-                size="small"
-                type="primary"
-                @click="diaEdit(scope.$index, scope.row)"
-                >修改</c-button
-              >
-              <c-button
-                size="small"
-                style="margin-left: 5px"
-                @click="diaDelete(scope.$index, scope.row)"
-                >删除</c-button
-              >
-              <el-popover placement="top-start" width="50" trigger="click">
-                <ul class="table-button-item-list">
-                  <li>
-                    <c-button size="small" style="margin-left: 0">指派</c-button>
-                  </li>
-                  <li>
-                    <c-button size="small" style="margin-left: 0">删除</c-button>
-                  </li>
-                </ul>
-                <a
-                  slot="reference"
-                  href="javascript:void(0)"
-                  style="margin-left: 5px"
-                >
-                  <i class="el-icon-more"></i>
-                </a>
-              </el-popover>
+            <c-button style="margin-left: 0" size="small" @click="diaInfo(scope.$index, scope.row)">详情</c-button>
+            <c-button style="margin-left: 5px" size="small" type="primary"
+              @click="diaEdit(scope.$index, scope.row)">修改</c-button>
+            <c-button size="small" style="margin-left: 5px" @click="diaDelete(scope.$index, scope.row)">删除</c-button>
           </template>
         </c-table-column>
       </c-paging-table>
     </c-col>
   </div>
-  </template>
+</template>
 
-  <script>
-  import { format } from "path";
+<script>
 import codes from "~/config/CodeTable";
 
-  import { queryByPage } from "~/service/test/dia.js";
+import { queryByPage } from "~/service/test/dia.js";
 
-  export default {
+export default {
   name: "",
   props: ["model"],
   inject: ["root"],
@@ -172,15 +118,24 @@ import codes from "~/config/CodeTable";
         { label: '经办用户组', prop: 'ownusg', width: 'auto' },
         { label: '是否完成', prop: 'donflgCn', width: 'auto' },
       ],
+      dialogFormVisible: false,
     };
   },
   computed: {
   },
   activated() {
+    this.$forceUpdate()
+    // 填充ownusr查询条件
+    const { extkey } = this.$route.params
+    if (extkey != undefined && extkey != null) {
+      this.model.ownusr = extkey
+    }
+    // 查询数据
     const { update } = this.$route.params
     if (update) {
       this.onInfdiaSearch()
     }
+
   },
   methods: {
     getCodesByKey(key) {
@@ -196,12 +151,6 @@ import codes from "~/config/CodeTable";
     },
     onInfdiaSearch() {
       queryByPage(this.model).then(res => {
-          /**
-           * pageNumber: 0
-           * pageSize:	0
-           * total: 69
-           * totalPage: 0
-           */
         const list = res.list
         Object.keys(list).forEach((item) => {
           let obj = list[item]
@@ -243,20 +192,36 @@ import codes from "~/config/CodeTable";
     diaDelete(index, row) {
       this.$router.push(`/statics/dbddia/${row.inr}`)
     },
+    queryOwnusr() {
+      this.$router.push({
+        name: 'StaticsInfusr',
+        params: {
+          from: "StaticsInfdia"
+        }
+      })
     },
-  };
-  </script>
+    // 通过user页面的返回信息填充查询条件
+    fillOwnusrByRoute() {
+      const { extkey } = this.$route.params
+      if (extkey != undefined && extkey != null) {
+        this.model.ownusr = extkey
+      }
+    },
+  },
+};
+</script>
 
-  <style scoped>
-  .table-button-item-list {
+<style scoped>
+.table-button-item-list {
   padding: 0;
   margin: 0;
-  }
-  .table-button-item-list li {
+}
+
+.table-button-item-list li {
   list-style: none;
   padding: 5px 0;
   text-align: center;
   color: #606266;
   cursor: pointer;
-  }</style>
-  
+}
+</style>
\ No newline at end of file

src/views/Statics/Infusr/Infsea.vue

@@ -50,7 +50,7 @@
         v-on:queryFunc="queryFunc"
         :border="true"
       >
-        <c-table-column fixed="right" prop="op" label="操作" width="240px">
+        <c-table-column fixed="right" prop="op" label="操作" width="320px">
           <template slot-scope="{ scope }">
             <c-button
               style="margin-left: 0"
@@ -71,6 +71,7 @@
               @click="usrDelete(scope.$index, scope.row)"
               >删除</c-button
             >
+            <c-button id="useButton" size="small" style="margin-left: 5px" :disabled="useButtonVisible" @click="use(scope.row)">使用</c-button>
 <!--            <el-popover placement="top-start" width="50" trigger="click">-->
 <!--              <ul class="table-button-item-list">-->
 <!--                <li>-->
@@ -135,6 +136,7 @@ export default {
         // { label: 'ubrList', prop: 'ubrList', width: 'auto' },
         // { label: 'uclList', prop: 'uclList', width: 'auto' },
       ],
+      useButtonVisible: true
     };
   },
   // activated:已进入页面便可触发
@@ -144,7 +146,24 @@ export default {
       this.onInfusrSearch()
     }
   },
+  created() {
+    const { from } = this.$route.params
+    if (from != undefined && from != null) {
+      this.useButtonVisible = false
+    }
+  },
   methods: {
+    use(row) {
+      const extkey = row.extkey
+      const { from } = this.$route.params
+      this.$store.dispatch("TagsView/delView", this.$route)
+      this.$router.push({
+        name: from,
+        params: {
+          extkey: extkey
+        }
+      })
+    },
     handleReset() {
       this.root.$refs.modelForm.resetFields();
     },