完成办不成事报表

portal-manager-ui/admin/src/api/dataAdmin.js

@@ -165,3 +165,19 @@ export function getStatisticSignin(params) {
 export function getStatisticSexual(params) {
   return http.get(`${BASEURL}/admin/statistic/sexual`, params);
 }
+
+/**
+ *  办不成事报表
+ */
+// 办不成事列表
+export function getImpossible(params) {
+  return http.get(`${BASEURL}/admin/impossible/index`, params);
+}
+// 统计办不成事和已回复
+export function getCountImpossible(params) {
+  return http.get(`${BASEURL}/admin/impossible/countImpossible`, params);
+}
+// 办不成事详情
+export function getImpossibleInfo(params) {
+  return http.get(`${BASEURL}/admin/impossible/impossibleInfo`, params);
+}
\ No newline at end of file

portal-manager-ui/admin/src/components/image/images.vue

+<template>
+    <img :src="imgsrc">
+</template>
+<script>
+export default {
+    props:['src'],
+    computed:{
+        imgsrc:function(){
+            return this.src?`${process.env.VUE_APP_API_BASE_URL}/${this.src}`:require('./thumb.jpg')
+        }
+    }
+}
+</script>
\ No newline at end of file

portal-manager-ui/admin/src/components/image/thumbImage.vue

+<template>
+    <div class="thumb" >
+        <div v-if="fileType == 'img'">
+            <img :src="images[index]" v-if="src" @click="show">
+            <img src="./thumb.jpg" v-else>
+        </div>
+        <div v-else>
+            <a-icon type="play-circle" style="font-size:20px" @click="visible = true"/>
+            <a-modal
+                title="详情"
+                :visible="visible"
+                :footer="null"
+                @cancel="visible=false"
+                >
+                <video :src="images[0]" style="width:100%;height:100%" controls autoplay v-if="visible"></video>
+            </a-modal>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        src:[String,Array],
+        index:{
+            type:Number,
+            default:0
+        }
+    },
+    data(){
+        return{
+            images:[],
+            fileType:"img",
+            visible:false
+        }
+    },
+    watch:{
+        src:{
+            handler:function(v){
+                if(v){
+                    if(typeof v == 'string'){
+                            this.images = v.split(",").map(v=>{
+                            return this.publicSrc(v)
+                        })
+                    }else{
+                        this.images = v.map(v=>{
+                            return this.publicSrc(v)
+                        })
+                    }
+                    // 判断视频格式
+                    if(v.search(/mp4/ig)>=0){
+                        this.fileType = 'mp4'
+                    }else{
+                        this.fileType = 'img'
+                    }
+                }
+                
+            },
+            immediate:true
+        }
+    },
+    methods:{
+        publicSrc(src){
+            if(src.search(/http/ig)>-1){
+                return `${src}`
+            }else{
+                return `${process.env.VUE_APP_API_BASE_URL}/${src}`
+            }
+            
+        },
+        show(){
+            this.$viewerApi({
+                images: this.images,
+                options: {
+                    initialViewIndex: this.index
+                },
+            })
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+.thumb{
+    width: 50px;
+    // height: 60px;
+    margin: 0 auto;
+    cursor: pointer;
+    img{
+        display: inline-block;
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
\ No newline at end of file

portal-manager-ui/admin/src/router/routes.js

@@ -232,6 +232,27 @@ const routes = [
               },
             ],
           },
+		  {
+		    path: "Impossible",
+		    name: "Impossible",
+		    redirect: "/home/dataManagement/Impossible/ImpossibleForm",
+		    component: () =>
+		      import(
+		        /* webpackChunkName: "oneYardPass" */ "@/views/dataAdmin/components/Impossible/module.vue"
+		      ),
+		    meta: { title: "办不成事报表" },
+		    children: [
+		      {
+		        path: "ImpossibleForm",
+		        name: "ImpossibleForm",
+		        component: () =>
+		          import(
+		            /* webpackChunkName: "reportForm" */ "@/views/dataAdmin/components/Impossible/index.vue"
+		          ),
+		        meta: { title: "办不成事报表" },
+		      },
+		    ],
+		  },
           {
             path: "AIEfficiency",
             name: "AIEfficiency",

portal-manager-ui/admin/src/views/dataAdmin/components/Impossible/mixins/modal.js

+import { deepClone } from "@/utils/js/common.js";
+export default {
+    data() {
+        return {
+            defaultInfoForm: {},
+            modalInfo: {
+                confirmLoading: false,
+                visible: false,
+                title: '用户信息',
+                width: '30%',
+            },
+        }
+    },
+    props: {
+        sourceInfoForm: {
+            type: Object,
+            default: () => {
+                return {
+                    // --------------申报人信息-----------------------
+                    name: "张三",
+                    Gender: "男",
+                    Age: "56",
+                    Phone: "13080888888",
+                    yuyuecishu: "12",
+                    paiduicishu: "6",
+                    guanlianyewu: "12",
+                    haxizhi: "3sad54a5f4sda4da4sd4adasdqa1sda1g1d1ada4d4f1fgweqqwq01f4sa4dgds1eqw5e1c2c2vx",
+                    qukuaigaodu: "24292496",
+                    chuangjianshijian: "2022-04-25  18:22",
+
+
+                    // --------------业务分析-----------------------
+
+                    yewuming: '公安户籍类',
+                    guanlianshixiang: [
+                        {
+                            shixiangmingcheng: '事项名称事项名称事项名称事项名称事项名称事项名称',
+                        },
+                        {
+                            shixiangmingcheng: '事项名称事项名称事项名称事项名称事项名称事项名称',
+                        },
+                        {
+                            shixiangmingcheng: '事项名称事项名称事项名称事项名称事项名称事项名称',
+                        },
+                    ],
+                    shoulicishu: "12546",
+                    banjiecishu: "12348",
+                    haopinglv: "99.99%",
+                    // --------------工作人员-----------------------
+
+                    workImgUrl: require('../../../../../assets/images/logo.png'),
+                    workpeople: "刘明洋",
+                    JobNo: "01",
+                    department: '税务局',
+                    PoliticalOutlook: '党员',
+                    workPhone: '13080888888',
+                    Starlevel: '5',
+
+                    souliyewu: '12247877',
+                    pingjiacishu: '1225454',
+
+
+
+
+                };
+            },
+        },
+    },
+    watch: {
+        sourceInfoForm: {
+            handler(newValue, oldValue) {
+                // console.log(newValue);
+                // console.log(oldValue);
+                this.defaultInfoForm = Object.assign({}, deepClone(newValue));
+            },
+            deep: true,
+        },
+    },
+    computed: {
+
+
+    },
+    created() {
+
+        setTimeout(() => {
+            this.defaultInfoForm = Object.assign({}, deepClone(this.sourceInfoForm));
+            // console.log(this.defaultInfoForm);
+        }, 0);
+
+
+    },
+    methods: {
+        modalClose() {
+            this.modalInfo.visible = false;
+        }
+
+
+    },
+}
\ No newline at end of file

portal-manager-ui/admin/src/views/dataAdmin/components/Impossible/module.vue

+<template>
+  <div class="Container">
+    <div class="main">
+      <a-tabs v-model="tabsActive" @change="tabsChange" :forceRender="false">
+        <a-tab-pane
+          :key="item.path"
+          v-for="(item, index) of tabsList['children']"
+          :tab="item['meta']['title']"
+        >
+        </a-tab-pane>
+      </a-tabs>
+      <router-view style="padding: 0 1rem" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { getItemData } from "@/utils/js/common.js";
+import common from "@/mixins/common";
+export default {
+  name: "ImpossibleModule",
+  mixins: [common],
+  data() {
+    return {
+      tabsActive: undefined,
+    };
+  },
+  computed: {
+    tabsList() {
+      return getItemData(this.$router.options.routes, "name", "Impossible");
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tabsActive = this.$route.path.substr(
+        this.$route.path.lastIndexOf("/") + 1
+      );
+    });
+  },
+  methods: {
+    tabsChange(val) {
+      this.$router.push({
+        path: `/home/dataManagement/Impossible/${val}`,
+        // query: { testoption: "test001" },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@headerH: 4.5rem;
+.Container {
+  height: 100% !important;
+  // background: #fac;
+  background: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+  .main {
+    // background: #afc;
+    background: #ffffff;
+    border-radius: 6px;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    margin: 1.2rem 2rem;
+  }
+  &::before {
+    content: "";
+    display: block;
+    width: 100%;
+    height: @headerH;
+    background: rgb(59, 135, 255);
+    background: -moz-linear-gradient(
+      174deg,
+      rgba(59, 135, 255, 1) 24%,
+      rgba(108, 53, 247, 1) 85%
+    );
+    background: -webkit-linear-gradient(
+      174deg,
+      rgba(59, 135, 255, 1) 24%,
+      rgba(108, 53, 247, 1) 85%
+    );
+    background: linear-gradient(
+      174deg,
+      rgba(59, 135, 255, 1) 24%,
+      rgba(108, 53, 247, 1) 85%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
+  }
+
+  /deep/.ant-tabs-nav {
+    .ant-tabs-tab {
+      margin: 0 !important;
+    }
+  }
+  /deep/.ant-tabs-tab {
+    font-size: 1rem !important;
+    & + .ant-tabs-tab {
+      margin: 0 !important;
+      margin-left: 0.7rem !important;
+    }
+  }
+}
+</style>
+