首页弹窗

src/views/module_kzks/dashboard/Analysis.vue

@@ -8,7 +8,7 @@
         <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px', cursor: 'pointer' }" v-for="(item, index) in zhibiaoTotal" :key="index" @click="clickItemTotal(item, index)">
           <chart-card :loading="loading" :title="item.title+' (万元) / 当月'" :total="totalPrice(item.monthTotal)">
             <a-tooltip :title="`点击查看${item.title}明细`" slot="action" v-if="item.value !== 'lre'">
-              <a-icon type="info-circle-o" @click.stop="handleMX(item, index)"/>
+              <a-icon type="info-circle-o" @click.stop="handleTotalDetail(item, index)"/>
             </a-tooltip>
             <div>
               <trend :flag="setJiantou(item.monthTb)" style="margin-right: 16px;">
@@ -194,8 +194,8 @@
     </template>
 
     <!-- 弹框列表 -->
-    <list-modal ref="modalForm" :listData = "listData"></list-modal>
-    
+    <!-- <list-modal ref="modalForm" :listData = "listData"></list-modal> -->
+    <detail-list-modal ref="detailModalRef"></detail-list-modal>
 
 
   </div>
@@ -218,7 +218,8 @@
   import deptZbphTable from './components/deptZbphTable.vue'
 
   import { getLoginfo,getVisitInfo } from '@/api/api'
-  import ListModal from './components/listModal.vue'
+  // import ListModal from './modules/listModal.vue'
+  import DetailListModal from './modulesDetail/DetailListModal.vue'
 
   const chb8Names = [
     { name: '外协费', value: 'wxf' },
@@ -246,7 +247,8 @@
       twoYAxisChart,
 
       deptZbphTable,
-        ListModal,
+      // ListModal,
+      DetailListModal,
     },
     data() {
       return {
@@ -441,10 +443,13 @@
     },
     methods: {
       // 弹框
-      handleMX(item, index){
+      handleTotalDetail(item, index){
         // console.log(9898,item, index)
-        this.listData = item
-        this.$refs.modalForm.getList()
+        // this.listData = item
+        // this.$refs.modalForm.getList()
+        this.$refs.detailModalRef.title = item.title
+        this.$refs.detailModalRef.type = item.value
+        this.$refs.detailModalRef.open()
       },
       //限制选择年份
       disabledYear(current){

src/views/module_kzks/dashboard/components/listModalList.vue

@@ -1,155 +0,0 @@
-<template>
-  <a-card :bordered="false">
-
-    <!-- table区域-begin -->
-    <div>
-      <!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
-        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
-        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
-      </div> -->
-
-      <a-table
-        ref="table"
-        size="middle"
-        :scroll="{x:true}"
-        bordered
-        rowKey="id"
-        :columns="columns"
-        :dataSource="dataSource"
-        :pagination="ipagination"
-        :loading="loading"
-        class="j-table-force-nowrap"
-        @change="handleTableChange">
-
-        <template slot="htmlSlot" slot-scope="text">
-          <div v-html="text"></div>
-        </template>
-        <template slot="imgSlot" slot-scope="text,record">
-          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
-          <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
-        </template>
-        <template slot="fileSlot" slot-scope="text">
-          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
-          <a-button
-            v-else
-            :ghost="true"
-            type="primary"
-            icon="download"
-            size="small"
-            @click="downloadFile(text)">
-            下载
-          </a-button>
-        </template>
-
-        <span slot="action" slot-scope="text, record">
-          <a @click="handleEdit(record)">编辑</a>
-
-          <a-divider type="vertical" />
-          <a-dropdown>
-            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
-            <a-menu slot="overlay">
-              <a-menu-item>
-                <a @click="handleDetail(record)">详情</a>
-              </a-menu-item>
-              <a-menu-item>
-                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
-                  <a>删除</a>
-                </a-popconfirm>
-              </a-menu-item>
-            </a-menu>
-          </a-dropdown>
-        </span>
-
-      </a-table>
-    </div>
-  </a-card>
-</template>
-
-<script>
-
-  import '@/assets/less/TableExpand.less'
-  import { mixinDevice } from '@/utils/mixin'
-  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
-
-  export default {
-    name: 'ListModalList',
-    mixins:[JeecgListMixin, mixinDevice],
-    props: {
-        listData: {
-            type: Object,
-            default: function(){
-                return {} // 使用工厂函数返回默认值
-            }
-        }
-    },
-    components: {
-    },
-    data () {
-      return {
-        // 表头
-        columns: [
-            {
-            title: '序号',
-            dataIndex: '',
-            key:'rowIndex',
-            width:60,
-            align:"center",
-            customRender:function (t,r,index) {
-                return parseInt(index)+1;
-            }
-            },
-            {
-            title:'任务编号',
-            align:"center",
-            dataIndex: 'rwbh'
-            },
-            {
-            title:'合同名称',
-            align:"center",
-            dataIndex: 'htmc'
-            },
-            {
-            title:'合同分配额',
-            align:"center",
-            dataIndex: 'htfpe'
-            },
-            {
-            title:'签署日期',
-            align:"center",
-            dataIndex: 'qsrq'
-            },
-        ],
-        url: {
-          list: "/index/getDetailIncome",
-          
-        },
-        dictOptions:{},
-        superFieldList:[],
-      }
-    },
-    watch: {
-      listData: {
-        handler(newValue, oldValue){
-          console.log(777777,newValue, oldValue)
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    created() {
-        
-    },
-    computed: {
-      importExcelUrl: function(){
-        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
-      },
-    },
-    methods: {
-      initDictConfig(){
-      },
-    }
-  }
-</script>
-<style scoped>
-  @import '~@assets/less/common.less';
-</style>

src/views/module_kzks/dashboard/modulesDetail/ChengbenDetailList.vue

@@ -0,0 +1,143 @@
+<template>
+  <a-card :bordered="false">
+
+    <!-- table区域-begin -->
+    <div>
+      <!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div> -->
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+
+  export default {
+    name: 'ListModalList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+    },
+    data () {
+      return {
+        // 表头
+        columns: [
+          {
+            title: '序号',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+                return parseInt(index)+1;
+            }
+          },
+          // {
+          //   title:'任务号',
+          //   align:"center",
+          //   dataIndex: 'taskno'
+          // },
+          // {
+          //   title:'下达部门',
+          //   align:"center",
+          //   dataIndex: 'xdbm'
+          // },
+          {
+            title:'责任部门',
+            align:"center",
+            dataIndex: 'zrbm'
+          },
+          {
+            title:'材料费(元)',
+            align:"center",
+            dataIndex: 'clf'
+          },
+          {
+            title:'专用费(元)',
+            align:"center",
+            dataIndex: 'zyf'
+          },
+          {
+            title:'事务费(元)',
+            align:"center",
+            dataIndex: 'swf'
+          },
+          {
+            title:'外协费(元)',
+            align:"center",
+            dataIndex: 'wxf'
+          },
+          {
+            title:'燃动费(元)',
+            align:"center",
+            dataIndex: 'rldlf'
+          },
+          {
+            title:'固资费(元)',
+            align:"center",
+            dataIndex: 'gdzczj'
+          },
+          {
+            title:'人工费(元)',
+            align:"center",
+            dataIndex: 'gzjlwf'
+          },
+          {
+            title:'管理费(元)',
+            align:"center",
+            dataIndex: 'glf'
+          },
+          {
+            title:'筛选费(元)',
+            align:"center",
+            dataIndex: 'sxf'
+          },
+          {
+            title:'总成本(元)',
+            align:"center",
+            dataIndex: 'zcb'
+          },
+          {
+            title:'年月',
+            align:"center",
+            dataIndex: 'yearmonth'
+          },
+        ],
+        url: {
+          list: "/index/getZhiChuDetail",
+        },
+        dictOptions:{},
+        superFieldList:[],
+      }
+    },
+    created() {
+    },
+    computed: {
+    },
+    methods: {
+      initDictConfig(){
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/module_kzks/dashboard/modulesDetail/DetailListModal.vue

@@ -0,0 +1,54 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    :footer="false"
+    >
+    <hetong-detail-list v-if="type==='hte'"></hetong-detail-list>
+    <shoukuan-detail-list v-if="type==='ske'"></shoukuan-detail-list>
+    <chengben-detail-list v-if="type==='chb'"></chengben-detail-list>
+  </j-modal>
+</template>
+
+<script>
+  import HetongDetailList from './HetongDetailList.vue'
+  import ShoukuanDetailList from './ShoukuanDetailList.vue'
+  import ChengbenDetailList from './ChengbenDetailList.vue'
+  export default {
+    name: 'CostModelXishuModal',
+    components: {
+      HetongDetailList,
+      ShoukuanDetailList,
+      ChengbenDetailList,
+    },
+    data () {
+      return {
+        title: '',
+        width: 1200,
+        visible: false,
+        disableSubmit: false,
+        type: '',
+      }
+    },
+    methods: {
+      open(){
+        this.visible=true
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>

src/views/module_kzks/dashboard/modulesDetail/HetongDetailList.vue

@@ -0,0 +1,93 @@
+<template>
+  <a-card :bordered="false">
+
+    <!-- table区域-begin -->
+    <div>
+      <!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div> -->
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+
+  export default {
+    name: 'ListModalList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+    },
+    data () {
+      return {
+        // 表头
+        columns: [
+          {
+            title: '序号',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+                return parseInt(index)+1;
+            }
+          },
+          {
+            title:'任务编号',
+            align:"center",
+            dataIndex: 'rwbh'
+          },
+          {
+            title:'合同名称',
+            align:"center",
+            dataIndex: 'htmc'
+          },
+          {
+            title:'合同分配额(元)',
+            align:"center",
+            dataIndex: 'htfpe'
+          },
+          {
+            title:'签署日期',
+            align:"center",
+            dataIndex: 'qsrq'
+          },
+        ],
+        url: {
+          list: "/index/getDetailIncome",
+        },
+        dictOptions:{},
+        superFieldList:[],
+      }
+    },
+    created() {
+    },
+    computed: {
+    },
+    methods: {
+      initDictConfig(){
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/module_kzks/dashboard/modulesDetail/ShoukuanDetailList.vue

@@ -0,0 +1,88 @@
+<template>
+  <a-card :bordered="false">
+
+    <!-- table区域-begin -->
+    <div>
+      <!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div> -->
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+
+  export default {
+    name: 'ListModalList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+    },
+    data () {
+      return {
+        // 表头
+        columns: [
+          {
+            title: '序号',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+                return parseInt(index)+1;
+            }
+          },
+          {
+            title:'任务编号',
+            align:"center",
+            dataIndex: 'rwbh'
+          },
+          {
+            title:'任务收款金额(元)',
+            align:"center",
+            dataIndex: 'rwskje'
+          },
+          {
+            title:'到款日期/汇票到期日期',
+            align:"center",
+            dataIndex: 'dkhpdqrq'
+          },
+        ],
+        url: {
+          list: "/index/getDetailReceived",
+        },
+        dictOptions:{},
+        superFieldList:[],
+      }
+    },
+    created() {
+    },
+    computed: {
+    },
+    methods: {
+      initDictConfig(){
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>