新模块

src/api/fzjc.js

@@ -39,3 +39,7 @@ export const pageTbYwWjpjckxq = params =>
 // 21.4.3  功能运行分析
 export const getGnyxFxjg = params =>
 post(`${base.alyIP}/gnXnpg/getGnyxFxjg`, params);
+
+//查询阶段性微决评价
+export const queryJdswjpj = params =>
+  post(`${base.alyIP}/wjpjwszx/queryJdswjpj`, params);

src/views/mxgl/mxclydy/fzjcgxlfx.vue

@@ -7,8 +7,14 @@
                 :cxQueryField="cxQueryField"
                 :cxDefaultFormThead="cxDefaultFormThead"
                 :cxUrl="cxUrl"
+                :tableOperation="true"
+                @selectionChange="selectionChange"
                 ref="rightContent"
         >
+            <template #listOperation="scope">
+                <el-button size="small" @click="DBFX(scope.scope,'阶段性对比分析')">阶段性对比分析</el-button>
+                <el-button size="small" @click="DBFX(scope.scope,'单位对比分析')">单位对比分析</el-button>
+            </template>
             <template #btnGroup="scope">
                 <span class="hbyp" @click="toXq(scope.scope)">查看详情</span>
                 <!-- <span class="hbyp" @click="toWjpj(scope.scope)">微决评价</span> -->
@@ -57,12 +63,27 @@
                 </div>
             </div>
         </el-dialog>
+        <el-dialog :title="DBFXSHOWTITLE" :visible.sync="DBFXSHOW" width="60%">
+            <div class="block_fzjcgxlfx" style="width: 400px;margin: 20px;display: flex;justify-content: space-between">
+                <el-date-picker
+                        v-model="value1"
+                        type="daterange"
+                        format="yyyy-MM-dd"
+                        value-format="yyyy-MM-dd"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                </el-date-picker>
+                <el-button size="mini" style="margin-left: 20px;" @click="getDate">查询</el-button>
+            </div>
+            <div v-if="DBFXSHOW" id="charts" ref="charts" ></div>
+        </el-dialog>
     </div>
 </template>
 
 <script>
   import rightContent from "@c/ptCxForm_components.vue";
-  import { pageTbYwWjpjckxq } from "@/api/fzjc.js";
+  import { pageTbYwWjpjckxq,queryJdswjpj } from "@/api/fzjc.js";
   export default {
     name: "queryHbyp",
     components: {
@@ -70,7 +91,9 @@
     },
     data() {
       return {
+        selectedId:[],
         loading: false,
+        value1: [],
         tableData: [],
         dwss: "",
         page: 1,
@@ -139,6 +162,8 @@
         pjForm: {},
         value: 0,
         dialogFormVisible: false,
+        DBFXSHOW: false,
+        DBFXSHOWTITLE: '',
         colors: ["#99A9BF", "#F7BA2A", "#FF9900"],
         dialogFormVisiblePj: false,
         formLabelWidth: "130px",
@@ -161,33 +186,23 @@
           },
         ],
         header: "微决评价完善中心",
-        pageBs: "queryWjpj",
+        pageBs: "fzjcgxlfx",
         cxFormData: {
           limit: 10,
           page: 1,
-          mxmc: "",
+          sfmc: "",
           dw: "",
           pflx:'2'
         },
         cxQueryField: [
           {
             name: "模型名称",
-            id: "mxmc",
+            id: "sfmc",
             type: "text",
             value: "",
             placeholder: "请输入",
             col: "3",
           },
-          {
-            name: "单位",
-            id: "dw",
-            type: "codeTreeDialog",
-            props: [], //字典弹框需要的字段
-            value: "",
-            col: "3",
-            codeOptions: [],
-            codeTree: "CODE_UNIT",
-          },
         ],
         cxDefaultFormThead: [
           {
@@ -252,6 +267,63 @@
       this.$store.commit("user/SET_Menu", this.Menu);
     },
     methods: {
+      getDate(){
+        this.DBFX(1,this.DBFXSHOWTITLE )
+        console.log(this.value1);
+      },
+      selectionChange(row){
+        this.selectedId = [];
+        row.forEach((item) => {
+          this.selectedId.push(item.xxzjbh);
+        });
+      },
+      DBFX(i,t){
+        this.DBFXSHOWTITLE =t;
+        this.DBFXSHOW = true;
+        let fxFlag='';
+        if(t==='阶段性对比分析'){fxFlag=1} else {fxFlag=2};
+        let kssj,jssj,xxzjbhList;
+        if(this.value1.length){kssj=this.value1[0];jssj=this.value1[1];}
+        if(this.selectedId.length){xxzjbhList = this.selectedId.toString()}
+        queryJdswjpj({
+          pflx:this.cxFormData.pflx,
+          fxFlag:fxFlag,kssj,jssj,xxzjbhList})
+          .then(res=>{
+         if( res.code===200){
+           let rows  = res.data.rows;
+           let jdPjf = [];
+           let mxmc = [];
+           rows.find((v)=>{
+             jdPjf.push(v['jdPjf']);
+             mxmc.push(v['mxmc'])
+           })
+           let myChart = this.$echarts.init(this.$refs.charts);
+           let option = {
+             xAxis: {
+               type: 'category',
+               data: mxmc
+             },
+             yAxis: {
+               type: 'value'
+             },
+             series: [
+               {
+                 data: jdPjf,
+                 type: 'bar',
+                 showBackground: true,
+                 backgroundStyle: {
+                   color: 'rgba(180, 180, 180, 0.2)'
+                 }
+               }
+             ]
+           };
+           myChart.setOption(option)
+
+         }
+
+        })
+
+      },
       handleSizeChange(val) {
         this.limit = val;
         this.getZbzzList();
@@ -263,13 +335,13 @@
       // 详情
       toXq(scope) {
         this.dialogFormVisible = true;
-        this.dwss = scope.row.mxmc;
+        this.dwss = scope.row.sfmc;
         this.getZbzzList();
       },
       getZbzzList() {
         this.loading = true;
         pageTbYwWjpjckxq({
-          mxmc: this.dwss,
+          sfmc: this.dwss,
           page: this.page,
           limit: this.limit,
           pflx: this.pflx,
@@ -347,6 +419,11 @@
     .Content .el-date-editor--daterange.el-input__inner {
         width: 100% !important;
     }
+    .rightContent .el-input__icon, #formCommonPage .el-input__icon, .el-input__suffix-inner{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
 </style>
 <style scoped lang="scss">
     .el-form-item {
@@ -385,4 +462,9 @@
     /deep/.el-select.el-select--mini {
         width: 100px;
     }
+    #charts {
+        background-color: #fff;
+        width: 100%;
+        height: 400px;
+    }
 </style>

src/views/mxgl/mxclydy/ywgxlfx.vue

@@ -172,22 +172,12 @@
         cxQueryField: [
           {
             name: "模型名称",
-            id: "mxmc",
+            id: "sfmc",
             type: "text",
             value: "",
             placeholder: "请输入",
             col: "3",
-          },
-          {
-            name: "单位",
-            id: "dw",
-            type: "codeTreeDialog",
-            props: [], //字典弹框需要的字段
-            value: "",
-            col: "3",
-            codeOptions: [],
-            codeTree: "CODE_UNIT",
-          },
+          }
         ],
         cxDefaultFormThead: [
           {