spfm-market-front/src/pages/main/homeMarket/tvAssess/tvAssessIndex.vue

<template>
    <div class="mc-wrap">
        <div class="container-box">
            <div class="mc-top">
                <div class="mc-top-left">
                    <el-row>
                        <el-col :span="24">
                            <div class="car-line">
                                <h2 class="font-ui" style="margin-left: 20px;padding-top: 10px;">互联网电视合作考核流程</h2>
                                <div class="adv-box">
<!--                                    <div class="adv-tit" >
                                        <i class="el-icon-time"></i>
                                        <span>待办 <em>{{info.todoCount||0}}</em></span>
                                    </div>
                                    <div class="adv-tit" >
                                        <i class="el-icon-finished"></i>
                                        <span>已办 <em>{{info.doneCount||0}}</em></span>
                                    </div>
                                    <div class="adv-tit" >
                                        <i class="el-icon-notebook-1"></i>
                                        <span>已归档 <em>{{info.finishCount||0}}</em></span>
                                    </div>-->
                                    <div class="adv-tit adv-add" @click="advadd">
                                        <i class="el-icon-plus"></i>
                                        <span>创建</span>
                                    </div>
                                </div>
                            </div>
                        </el-col>

                        <el-col :span="24">
                            <!--代办已办列表开始-->
                            <div style="display: flex; justify-content: space-between">
                                <div class="taskbox">
                                    <div class="tit">
                                        <span style="font-weight: bold">待办任务</span>
                                    </div>
                                    <div style="background: #fff; padding: 20px; min-height: 400px">
                                        <div class="tabbox">
                                            <el-table
                                                class="com-table"
                                                ref="multipleTable"
                                                :data="todoList"
                                                tooltip-effect="dark"
                                                size="small"
                                                border
                                                style="width: 100%"
                                                height="350px">
                                                <el-table-column prop="wo_title" label="工单标题">
                                                    <template slot-scope="scope">
                                                        <span>{{ scope.row.wo_title }}</span>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column prop="create_time" label="发起时间">
                                                    <template slot-scope="scope">
                                                        <span>{{ $formatDate(scope.row.create_time, "YYYY-MM-DD") }}</span>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column prop="op_name" label="发起姓名">
                                                    <template slot-scope="scope">
                                                        <span>{{ $desensitization(scope.row.op_name, 1) }}</span>
                                                    </template>
                                                </el-table-column>

                                                <el-table-column label="操作" align="center" width="120">
                                                    <template slot-scope="scope">
<!--                                                        <el-button
                                                            size="mini"
                                                            type="primary"
                                                            @click="checkNotic(1, scope.row)"
                                                        >查看</el-button>-->
                                                        <el-button
                                                            v-if="scope.row.sts == '0'"
                                                            size="mini"
                                                            type="primary"
                                                            @click="checkNotic(2, scope.row)">处理</el-button>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </div>
                                    </div>
                                </div>
                                <div class="taskbox">
                                    <div class="tit">
                                        <span style="font-weight: bold">已办任务</span>
                                    </div>
                                    <div style="background: #fff; min-height: 400px; padding: 20px">
                                        <div class="tabbox">
                                            <el-table
                                                class="com-table"
                                                ref="tableDatayj"
                                                :data="doneList"
                                                tooltip-effect="dark"
                                                size="small"
                                                border
                                                style="width: 100%"
                                                height="350px">

                                                <el-table-column prop="wo_title" label="工单标题"> </el-table-column>
                                                <el-table-column prop="create_time" label="发起时间">
                                                    <template slot-scope="scope">
                                                        <span>{{ $formatDate(scope.row.create_time, "YYYY-MM-DD") }}</span>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column prop="op_name" label="发起姓名">
                                                    <template slot-scope="scope">
                                                        <span>{{ $desensitization(scope.row.op_name, 1) }}</span>
                                                    </template>
                                                </el-table-column>

                                                <el-table-column label="操作" align="center">
                                                    <template slot-scope="scope">
                                                        <el-button
                                                            size="mini"
                                                            type="primary"
                                                            @click="checkNotic(1, scope.row)">查看</el-button>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </div>
                                    </div>
                                </div>


                            </div>
                            <!--代办已办列表结束。-->

                        </el-col>
                    </el-row>
                </div>
            </div>
        </div>


        <!--查看考核信息弹窗-->
        <el-dialog :title="dtit" :visible.sync="dialogStatus" width="50%" :destroy-on-close="true"
                   :modal-append-to-body="false" :close-on-click-modal="true" :modal="false"
                   :before-close="closedia"
                   :show-close="false"
                   :fullscreen="true">
            <div v-loading="loadinged">
                <el-row>
                    <el-col>
                    <div>
                        <div class="tit">
                            <span style="font-weight: bold">工单信息</span>
                        </div>
                        <div style="background: #fff; padding: 20px; width:100%" >
                            <el-form :model="bpmInfo" ref="bpmInfo">
                                <div class="info-line">
                                    <el-form-item>
                                        <span>考核主题</span>
                                        <el-input v-model="bpmInfo.woTitle" placeholder="" disabled></el-input>
                                    </el-form-item>
                                </div>
                                <div class="info-line">
                                    <el-form-item>
                                        <span>发起人</span>
                                        <el-input v-model="bpmInfo.opName" placeholder="" disabled></el-input>
                                        <span>发起时间</span>
                                        <el-input v-model="bpmInfo.createTime" placeholder="" disabled></el-input>
                                        <span>状态</span>
                                        <el-input v-model="bpmInfo.taskName" placeholder="" disabled></el-input>
                                    </el-form-item>
                                </div>
                                <div v-if="showAudit"  class="info-line">
                                    <el-form-item>
                                        <span>是否通过</span>
                                        <template>
                                            <el-radio :disabled="viewOnly" v-model="audit" label="Y">是</el-radio>
                                            <el-radio :disabled="viewOnly" v-model="audit" label="N">否</el-radio>
                                        </template>
                                    </el-form-item>
                                </div>
                                <div v-if="showShContent" class="info-line">
                                    <el-form-item>
                                        <span>初审意见</span>
                                        <el-input  :disabled="viewOnly"  type="textarea"
                                                  :rows="3"    v-model="shcontent" placeholder=""></el-input>
                                    </el-form-item>
                                </div>
                                <div v-if="showShContent1" class="info-line">
                                    <el-form-item>
                                        <span>终审意见</span>
                                        <el-input  :disabled="viewOnly"  type="textarea"
                                                   :rows="3"    v-model="shcontent1" placeholder=""></el-input>
                                    </el-form-item>
                                </div>
                                <div v-if="showFinishContent" class="info-line">
                                    <el-form-item>
                                        <span>结果意见</span>
                                        <el-input  :disabled="viewOnly"  type="textarea"
                                                  :rows="3"  v-model="finishcontent" placeholder=""></el-input>
                                    </el-form-item>
                                </div>
                                <div v-if="showFiles" class="info-line" style="width:400px">
                                    <el-form-item>
                                        <span>附件</span>
                                        <div v-if="!viewOnly" style="width:400px">
                                            <myUpload @uploadBack="uploadBack" :fileInfo="fileInfo" :fileList="fileInfo.fileList">
                                            </myUpload>
                                        </div>

                                        <div v-if="viewOnly" style="width:400px">
                                            <uploadDown  :key="componentKey1" :datalist="datalist" :dialogStatus="uploadstatus"></uploadDown>
                                        </div>

                                    </el-form-item>
                                </div>
                            </el-form>
                        </div>

                    </div>

                    </el-col>
                </el-row>
                <el-row>
                    <el-col>
                    <div>
                        <div class="tit">
                            <span style="font-weight: bold">打分信息</span>
                        </div>
                        <div style="background: #fff; padding: 20px; ">
                            <!--评分信息-->
                            <el-table
                                class="com-table"
                                ref="multipleTable"
                                :data="khTableData"
                                tooltip-effect="dark"
                                size="mini"
                                border
                                style="width: 100%">
                                <el-table-column prop="modelKey"  :formatter="fmtModelKey"  label="模板类型" width="120px">
                                </el-table-column>
                                <el-table-column prop="auditName" label="处理人" width="120px">
                                </el-table-column>
                                <el-table-column prop="createTime" label="发起时间" width="120px">
                                </el-table-column>
                                <el-table-column prop="opTime" label="操作时间" width="120px">
                                </el-table-column>
                                <el-table-column prop="sts"  :formatter="fmsts" label="状态" width="120px">
                                </el-table-column>
                                <el-table-column prop="scoreAll"  label="总分" width="120px">
                                </el-table-column>
                                <el-table-column prop="relkey" label="relkey" width="120px" v-if="false">
                                </el-table-column>
                                <el-table-column label="操作" width="120px" align="center">
                                    <template slot-scope="scope">
                                        <el-button size="mini" type="primary" @click="dialogCheck(1,scope.row)">查看</el-button>
                                        <el-button size="mini" type="primary" v-if="scope.row.sts==2" @click="expRet(scope.row)">导出</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    </el-col>
                </el-row>

                <!--内层diaolog 用于处理评分信息-->
                <el-dialog :title="dtit1" :visible.sync="innerDialogStatus" width="50%" :destroy-on-close="true"
                           :modal-append-to-body="false" :modal="false" :show-close="false" :close-on-click-modal="true" :before-close="closedia" :fullscreen="true">

                    <!--vip 模板-->
                    <div class="tabbox" v-show="tableType" style="padding: 0 20px;">
                        <div class="info-line">
                            <span width="200px">综合评估当月考核结果（合计）</span>
                            <el-input v-model="scoreAll" placeholder="综合评估当月考核结果（合计）" disabled></el-input>
                        </div>
                        <el-table
                            class="com-table"
                            ref="multipleTable"
                            :data="khDetVipTable"
                            tooltip-effect="dark"
                            size="mini"
                            border
                            style="width: 100%">
                            <el-table-column prop="parent_item" label="考核大类" width="120px">
                            </el-table-column>
                            <el-table-column prop="parent_score" label="大类总分" width="100px">
                            </el-table-column>

                            <el-table-column prop="assess_item" label="考核项目" >
                            </el-table-column>

                            <el-table-column prop="assess_content" width="300px" label="考核内容" >
                            </el-table-column>
                            <el-table-column prop="assess_criteria" width="200px" label="考核标准" >
                            </el-table-column>
                            <el-table-column prop="assess_score" label="单项得分" width="80px"></el-table-column>
                            <el-table-column prop="f_base_on" label="考核依据">
                                <!--依据-->
                            </el-table-column>

                            <el-table-column prop="f_score" label="得分" width="80px">
                                <template slot-scope="scope">
                                    <span v-if="scope.row.show">
                                        <el-input size="mini" v-model="scope.row.f_score"></el-input>
                                    </span>
                                    <span v-else>{{scope.row.f_score}}</span>
                                </template>
                            </el-table-column>

                            <el-table-column  label="操作">
                                <template slot-scope="scope">
<!--                                    <el-button
                                        icon="el-icon-edit" size="mini"
                                        @click="edit(scope.row,scope.$index)">{{scope.row.show?'保存':"修改"}}
                                    </el-button>-->
                                    <el-button
                                        icon="el-icon-edit" size="mini"
                                        @click="editByDialog(scope.row,scope.$index)">查看
                                    </el-button>
                                </template>
                            </el-table-column>

                            <el-table-column prop="table_row" label="序号" width="50px" v-if="false">
                            </el-table-column>
                            <el-table-column prop="infoid" label="序号" width="50px" v-if="false">
                            </el-table-column>
                            <el-table-column prop="detid" label="序号" width="50px" v-if="false">
                            </el-table-column>
                        </el-table>
                    </div>

                    <el-dialog :title="dtit1" :visible.sync="innerInnerDialogStatus" width="50%" :destroy-on-close="true"
                               :modal-append-to-body="false" :modal="false" :show-close="false" :close-on-click-modal="true" :before-close="closedia" :fullscreen="true">
                        <el-form :model="vipDetinfo" ref="vipDetinfo"
                                 style="height: calc(100vh - 180px);overflow-y: scroll;">
                            <div class="info-line">
                                <el-form-item>
                                    <span>考核大类</span>
                                    <el-input v-model="vipDetinfo.parent_item" placeholder="" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>大类总分</span>
                                    <el-input v-model="vipDetinfo.parent_score" placeholder="" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>考核项目</span>
                                    <el-input type="textarea" :row="3" v-model="vipDetinfo.assess_item" placeholder="考核项目" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>考核内容</span>
                                    <el-input type="textarea" :row="3" v-model="vipDetinfo.assess_content" placeholder="考核内容" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>单项得分</span>
                                    <el-input v-model="vipDetinfo.assess_score" placeholder="单项得分" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>考核依据</span>
                                    <el-input type="textarea" :row="3" v-model="vipDetinfo.f_base_on"
                                              placeholder="考核依据"></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line" style="width:100%">
                                <el-form-item>
                                    <span>考核依据（附件）</span>
                                    <!--vipDetinfo.f_base_on_file-->
                                    <div v-if="khdetstatus" style="width:400px">
                                        <myUpload @uploadBack="uploadBackKh" :fileInfo="khfileInfo" :fileList="khfileInfo.fileList">
                                        </myUpload>
                                    </div>

                                    <div style="width:400px">
                                        <uploadDown ref="uploadDown1" :key="componentKey" :datalist="khdatalist" :dialogStatus="uploadstatus"></uploadDown>
                                    </div>

                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>得分</span>
                                    <el-input v-model="vipDetinfo.f_score" placeholder="得分" ></el-input>
                                </el-form-item>
                            </div>
                        </el-form>

                        <div slot="footer" class="dialog-footer">
                            <el-button @click="dialogCli(6)" v-if="khdetstatus">确 定</el-button>
                            <el-button @click="dialogCli(7)">取 消</el-button>
                        </div>
                    </el-dialog>


                    <!--正常 模板-->
                    <div class="tabbox" v-show="!tableType" style="padding: 0 20px;">
                        <el-table
                            class="com-table"
                            ref="multipleTable"
                            :data="khDetCommTable"
                            tooltip-effect="dark"
                            size="mini"
                            border
                            style="width: 100%">
                            <el-table-column prop="vendorName" label="应用提供商名称" width="120px">
                            </el-table-column>

                            <el-table-column  label="分项考核得分" >
                                <el-table-column prop="develop"  label="发展指标（20分）" ></el-table-column>
                                <el-table-column prop="prodQuality" label="产品质量（15分）" ></el-table-column>
                                <el-table-column prop="contentQuality" label="内容质量（15分）" ></el-table-column>
                                <el-table-column prop="operSupport" label="运营支撑（30分）" ></el-table-column>
                                <el-table-column prop="complDispose" label="投诉处理（20分）" ></el-table-column>
                            </el-table-column>
                            <el-table-column prop="scoreSub" label="否决加分项" >

                            </el-table-column>
                            <el-table-column prop="scoreAdd" label="加分项" >

                            </el-table-column>
                            <el-table-column prop="finalScore" label="月度得分" >

                            </el-table-column>

                            <el-table-column  label="操作">
                                <template slot-scope="scope">
                                    <el-button
                                        icon="el-icon-edit" size="mini"
                                        @click="editByDialogComm(scope.row,scope.$index)">修改
                                    </el-button>
                                </template>
                            </el-table-column>


                            <el-table-column prop="vendorId" label="序号" width="50px" v-if="false">
                            </el-table-column>
                            <el-table-column prop="id" label="序号" width="50px" v-if="false">
                            </el-table-column>
                        </el-table>

                    </div>


                    <el-dialog :title="dtit1" :visible.sync="innerInnerDialogStatus1" width="50%" :destroy-on-close="true"
                               :modal-append-to-body="false" :modal="false" :show-close="false" :close-on-click-modal="true" :before-close="closedia" :fullscreen="true">
                        <el-form :model="commDetinfo" ref="commDetinfo"
                                 style="height: calc(100vh - 180px);overflow-y: scroll;">
                            <div class="info-line">
                                <el-form-item>
                                    <span>应用提供商名称</span>
                                    <el-input v-model="commDetinfo.vendorName" placeholder="" disabled></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>发展指标（20分）</span>
                                    <el-input @change="refreshCommScoreAll"  v-model="commDetinfo.develop" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>产品质量（15分）</span>
                                    <el-input @change="refreshCommScoreAll"  v-model="commDetinfo.prodQuality" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>内容质量（15分）</span>
                                    <el-input @change="refreshCommScoreAll"   v-model="commDetinfo.contentQuality" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>运营支撑（30分）</span>
                                    <el-input @change="refreshCommScoreAll"   v-model="commDetinfo.operSupport" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>投诉处理（20分）</span>
                                    <el-input @change="refreshCommScoreAll"   v-model="commDetinfo.complDispose" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>否决加分项</span>
                                    <el-input @change="refreshCommScoreAll"   v-model="commDetinfo.scoreSub" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>加分项</span>
                                    <el-input @change="refreshCommScoreAll"   v-model="commDetinfo.scoreAdd" placeholder="" ></el-input>
                                </el-form-item>
                            </div>
                            <div class="info-line">
                                <el-form-item>
                                    <span>月度得分</span>
                                    <el-input v-model="commDetinfo.finalScore"  placeholder="" disabled></el-input>
                                </el-form-item>
                            </div>

                        </el-form>

                        <div slot="footer" class="dialog-footer">
                            <el-button @click="dialogCli(8)"  v-if="khdetstatus">确 定</el-button>
                            <el-button @click="dialogCli(9)">取 消</el-button>
                        </div>
                    </el-dialog>


                    <div slot="footer" class="dialog-footer myfooter">
                        <el-button @click="dialogCli(5)">取消</el-button>
                    </div>
                </el-dialog>

                <div slot="footer" class="dialog-footer myfooter">
                    <!--  这一步提交加入判断，是否走流程  -->
                    <el-button v-if="doflowButton" @click="dialogCli(2)">提 交 流 程</el-button>
                    <el-button @click="dialogCli(3)">取 消</el-button>
                </div>
            </div>

        </el-dialog>

        <div class="if-box-top" v-if="ifrshow" @keyup.esc="ifrshow = false">
            <i class="el-icon-close" @click="ifrshow = false"></i>
            <iframe height="100%" width="100%" :src="srcsc"> </iframe>
        </div>


    </div>
</template>
<script>
import myUpload from "../../../../components/uploadKh";
import uploadDown from '../../../../components/uploadDown.vue'
    export default {
        components: {
            myUpload,
            uploadDown
        },
        data() {
            return {
                detEditStatus:true,
                detViewStatus:true,
                componentKey: 0,
                componentKey1: 0,
                scoreAll:100,
                tableType:true,
                active: 0,
                bpmInfo:{taskName:""},
                audit:'Y',
                info: {},
                activeIndex: "1",
                bannerData: [
                    {
                        src: require("../../../../static/img/bannar-1.png"),
                        id: "1",
                    },
                    {
                        src: require("../../../../static/img/bannar-1.png"),
                        id: "2",
                    },
                    {
                        src: require("../../../../static/img/bannar-1.png"),
                        id: "3",
                    },
                ],
                calendar: new Date(),
                timeDay: 0,
                noticeData: [],
                srcsc: "",
                ifrshow: false,
                infolist: {},
                doneList: [],
                todoList: [],
                khTableData:[],
                dialogStatus: false,
                innerDialogStatus:false,
                innerInnerDialogStatus:false,
                innerInnerDialogStatus1:false,
                dialogStatusyj: false,
                diaKnowStatus: false,
                datalistk: {
                    url: "/market/compatt/downfile",
                    type: 1,
                },
                attList: [],
                niticList: [],
                datalistn: {
                    url: "/sysmgr/noticeatt/downfile",
                    type: 1,
                },
                noticStatus: false,
                noticList: {},
                typelist: [],
                userInfo: {},
                tableDatayj: [],
                khDetVipTable:[],//考核详情
                khDetCommTable:[],//考核详情
                btnsts: null,
                disableStatus: false,
                loadinged: false,
                dtit:"代办处理",
                dtit1:"打分",
                visiblec: [],
                typeOptions: [],
                fileInfo: {
                    limit: 5,
                    url: '/bpm/api/upload',
                    fileList: [],
                },
                datalist: {
                    url: '/bpm/api/download',
                    type: 1,
                    attList:[]
                },
                khfileInfo: {
                    limit: 5,
                    url: '/bpm/api/upload',
                    fileList: [],
                },
                khdatalist: {
                    url: '/bpm/api/download',
                    type: 1,
                    attList:[]
                },
                uploadstatus: false,
                khinfodis:false,//查看代办信息页面，是否只读。
                khdetstatus:false,
                btnctrlStatus: false,
                vipDetinfo:{},
                commDetinfo:{},
                mkkhinfo:{},
                showShContent:false,//审核文本框是否展示
                showShContent1:false,//审核文本框是否展示
                showAudit:false,
                flowinfo:{},
                shcontent:"",
                shcontent1:"",
                doflowButton:false,//是否点击了处理按钮。
                khdetEditButton:true,
                showFinishContent:false,
                showFiles:false,
                finishcontent:'',
                files:'',
                viewOnly:true,
            };
        },
        methods: {

            expRet(v) {
                let exdata = [];
                let header=[];
                let _filterVal=[];
                this.$http({
                    url: "/market/cmkTvAssessModule/queryDetList",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    data: v,
                }).then((res) => {
                    if(res.data.result=='0'&&v.modelType=="vip"){
                        exdata=res.data.body;
                        this.chgScoreAll();
                        header=["考核大类","大类总分","考核项目","考核内容","考核标准","单项得分","考核依据","得分"];
                        _filterVal=["parent_item","parent_score","assess_item","assess_content",
                            "assess_criteria","assess_score","f_base_on","f_score"];
                    }else{
                        exdata=res.data.body;
                        header=["应用提供商名称","发展指标（20分）","产品质量（15分）","内容质量（15分）",
                            "运营支撑（30分）","投诉处理（20分）","否决加分项","加分项","月度得分"];
                        _filterVal=["vendorName","develop","prodQuality","contentQuality",
                            "operSupport","complDispose","scoreSub","scoreAdd","finalScore"];
                    }

                    var that = this;
                    require.ensure([], () => {
                        const { export_json_to_excel } = require("../../vendor/Export2Excel");
                        const tHeader = header; // 导出的表头名
                        const filterVal =_filterVal; // 导出的表头字段名

                        let list = exdata;
                        if(v.modelType=="vip"){
                            list.push({"parent_item":"总分","parent_score":"-","assess_item":"-","assess_content":"-",
                                "assess_criteria":"-","assess_score":"-","f_base_on":"-","f_score":v.scoreAll});
                        }

                        const data = that.formatJson(filterVal, list);
                        export_json_to_excel(tHeader, data, `export`); // 导出的表格名称，根据需要自己命名
                    });
                });
            },
            formatJson(filterVal, jsonData) {
                return jsonData.map((v) => filterVal.map((j) => v[j]));
            },
            chgScoreAll(){
                //vip  页面  根据khDetVipTable  计算总分,加载总分。mkkhinfo
                this.scoreAll=this.mkkhinfo.scoreAll;
                console.info('-----scoreall'+this.mkkhinfo);
            },
            //上传回调
            uploadBack(v) {
                console.info(v);
                this.attList=v;
                let dfiles=v;
                for(let i=0;i<dfiles.length;i++){
                    dfiles[i].id=dfiles[i].attchFileId;
                }
                this.fileInfo.fileList=dfiles;
            },
            //考核依据附件，上传回调
            uploadBackKh(v){

                this.attList=v;
                let dfiles=v;
                for(let i=0;i<dfiles.length;i++){
                    dfiles[i].id=dfiles[i].attchFileId;
                }
                this.khdatalist.attList=dfiles;
                this.khfileInfo.fileList=dfiles;
                console.info('uploadBackKh/this.khdatalist.attList>'+this.khdatalist.attList);

                //刷新数据
                this.uploadstatus=true;
            },

            //编辑vip 打分信息。
            editByDialog(row, index){

                console.info('--editByDialog-->'+JSON.stringify(row));
                this.innerInnerDialogStatus=true;

                //刷新download 组件
                this.componentKey+=1;

                this.vipDetinfo=row;

                //初始化表单文件信息。
                let filestr=row.f_base_on_file;
                console.info("filestr>"+filestr);
                if(filestr!=''&&filestr!=undefined){

                    let dfiles=JSON.parse(filestr);
                    for(let i=0;i<dfiles.length;i++){
                        dfiles[i].id=dfiles[i].attchFileId;
                    }
                    this.khdatalist.attList=dfiles;
                    //this.attList=dfiles;
                    this.khfileInfo.fileList=dfiles;
                    console.info('-------------->'+JSON.stringify(this.khfileInfo.fileList));
                    console.info("this.khdatalist.attList->"+JSON.stringify(this.khdatalist.attList));
                    //this.$refs.uploadDown1.dataHandle();
                }else{
                    this.khdatalist.attList=[];
                    this.khfileInfo.fileList=[];
                }

            },
            editByDialogComm(row, index){
                this.commDetinfo=row;
                this.innerInnerDialogStatus1=true;
            },
            refreshCommScoreAll(){

                //刷新  comm  打分详情页面的，月度考核汇总得分，根据前几项做加减法得到。
                let det=this.commDetinfo;
                console.info(det);
                if(det.develop){
                    det.finalScore=parseInt(det.develop)+parseInt(det.prodQuality)+parseInt(det.contentQuality)+parseInt(det.operSupport)+parseInt(det.complDispose)-parseInt(det.scoreSub)+parseInt(det.scoreAdd);
                }
            },
            saveCommDet(row){
                this.loading = true;
                this.$http({
                    url: "/market/assessCommDet/update",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    data: row,
                }).then((res) => {
                    //重新加载，详情页面
                    this.innerInnerDialogStatus1=false;
                    this.loading=false;
                    if(res.data.result!=0){
                        this.$message({
                            message: res.data.desc,
                            type: 'error'
                        });
                    }else{
                        //重新加载打分详情列表页面
                        this.dialogCheck(1,this.mkkhinfo);
                    }
                });
            },
            saveVipDet(row){

                var f_score = new Number(row.f_score)
                var assess_score = new Number(row.assess_score)

                if(f_score>assess_score){
                    this.$message({
                        message: '评分不能大于单项得分',
                        type: 'error'
                    });
                    row.f_score=row.assess_score;
                    return;
                }
                this.loading = true;
                this.$http({
                    url: "/market/cmkTvAssessModule/chgScore",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    data: {
                        id:row.detid,
                        scoreSub:row.f_score,
                        baseOn:row.f_base_on,
                        baseOnFile:JSON.stringify(this.khfileInfo.fileList),
                        infoid:row.infoid
                    },
                }).then((res) => {
                    //重新加载，详情页面
                    this.innerInnerDialogStatus=false;
                    this.loading=false;
                    if(res.data.result!=0){
                        this.$message({
                            message: res.data.desc,
                            type: 'error'
                        });
                    }else{
                        this.mkkhinfo.scoreAll=res.data.body
                        //重新加载打分详情列表页面
                        this.dialogCheck(1,this.mkkhinfo);

                    }
                });
            },
            // 编辑表格中按钮所在行
            edit(row, index) {
                //评分判断
                if(row.f_score>row.assess_score){
                    this.$message({
                        message: '评分不能大于单项得分',
                        type: 'error'
                    });
                    row.f_score=row.assess_score;
                    this.$set(this.khDetVipTable, index, row)
                }

                row.show = row.show ? false : true
                this.$set(this.khDetVipTable, index, row)
                // 修改后保存
                if (!row.show) {
                    this.loading = true;
                    this.$http({
                        url: "/market/assessVipDet/update",
                        method: "post",
                        headers: {
                            "Content-Type": "application/json",
                        },
                        data: {
                            id:row.detid,
                            scoreSub:row.f_score,
                            baseOn:row.f_base_on
                        },
                    }).then((res) => {
                        //重新加载，详情页面
                        if(res.data.result!=0){
                            this.chgScoreAll();
                            this.$message({
                                message: res.data.desc,
                                type: 'error'
                            });

                        }
                    });
                }

            },
            fmsts(row, column, cellValue, index){
                if(cellValue=='0'){
                    return "待处理";
                }else if(cellValue=='1'){
                    return "已处理";
                }else if(cellValue=='2'){
                    return "汇总结果";
                }
            },
            /**
             100001	互联网电视播控及内容服务月度考核细则（未来电视有限公司）
             100002	    互联网电视内容服务考核细则（湖南快乐阳光互动娱乐传媒有限公司）
             100003	互联网电视内容服务考核细则（环球合一网络技术（北京）股份有限公司）
             100004	互联网电视内容服务考核细则（华数传媒网络有限公司）
             100005	互联网电视内容服务考核细则（百视通网络电视技术发展有限责任公司）
             100006	互联网电视内容服务考核细则(应用考核汇总表)
             * @param row
             * @param column
             * @param cellValue
             * @param index
             * @returns {string}
             */
            fmtModelKey(row, column, cellValue, index){
                if(cellValue=="100001"){
                    return "互联网电视播控及内容服务月度考核细则（未来电视有限公司）";
                }else if(cellValue=="100002"){
                    return "互联网电视内容服务考核细则（湖南快乐阳光互动娱乐传媒有限公司）";
                }else if(cellValue=="100003"){
                    return "互联网电视内容服务考核细则（环球合一网络技术（北京）股份有限公司）";
                }else if(cellValue=="100004"){
                    return "互联网电视内容服务考核细则（华数传媒网络有限公司）";
                }else if(cellValue=="100005"){
                    return "互联网电视内容服务考核细则（百视通网络电视技术发展有限责任公司）";
                }else if(cellValue=="100006"){
                    return "互联网电视内容服务考核细则(应用考核汇总表)";
                }
            },
            //处理打分信息
            dialogCheck(n,v){

                //查看评分信息。
                if(n==1){
                    this.mkkhinfo=v;
                    console.info('------this.mkkhinfo---->'+JSON.stringify(this.mkkhinfo));
                    //获取评分信息详情。this.khinfodis=true  查看，this.khinfodis=false 修改。
                    this.innerDialogStatus=true;


                    if(this.bpmInfo.taskName=='业务负责人打分'){
                        //点击处理按钮，且是自己提交的打分。
                        if(v.auditLogin==this.userInfo.loginNo&&this.doflowButton==true){
                            //是自己的工单，并且是处理，可以进行更改。
                            this.khdetstatus=true;
                        }else{
                            this.khdetstatus=false;
                        }
                    }else if(this.bpmInfo.taskName=='考核结果汇总'){
                        if(v.sts=='1'){
                            this.khdetstatus=false;
                        }else if(v.sts=='2'){
                            if(v.auditLogin==this.userInfo.loginNo&&this.doflowButton==true){
                                //是自己的工单，并且是处理，可以进行更改。
                                this.khdetstatus=true;
                            }else{
                                this.khdetstatus=false;
                            }
                        }
                    }else {
                        this.khdetstatus=false;
                    }


                    //获取详细信息。并展示。
                    this.$http({
                        url: "/market/cmkTvAssessModule/queryDetList",
                        method: "post",
                        headers: {
                            "Content-Type": "application/json"
                        },
                        data: v,
                    }).then((res) => {
                        if(res.data.result=='0'&&v.modelType=="vip"){
                            this.tableType=true;
                            this.khDetVipTable=res.data.body;
                            this.chgScoreAll();
                        }else{
                            this.khDetCommTable=res.data.body;
                            this.tableType=false;
                        }
                    });

                }
            },
            submitInfo(u, v) {
                let _this = this;
                this.$http({
                    url: u,
                    method: "post",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    data: v,
                }).then((res) => {
                    this.dialogStatus=false;
                    if (res.data.result === 0) {
                        _this.$message({
                            message: '成功',
                            type: 'success'
                        });
                        this.initTaskCount();
                        this.getToDoList();
                        this.getDoneList();
                    } else {
                        _this.$message({
                            message: res.data.desc,
                            type: 'success'
                        });
                    }
                });
            },
            doFlow(n){
                //业务负责人打分-》考核结果汇总
                if(n==1){

                    //记录考核信息，汇总考核信息
                    let mkinfo={};
                    console.info("---mkkhinfo---->"+JSON.stringify(this.mkkhinfo));
                    //如果没有relkey 说明用户没有打开，打分详情页面，直接提交。
                    if(!this.mkkhinfo.relkey){
                        mkinfo=this.khTableData[0];
                    }else{
                        mkinfo=this.mkkhinfo;
                    }
                    mkinfo.sts='1';
                    console.info("---mkinfo---->"+JSON.stringify(mkinfo));
                    let params=Object.assign(mkinfo,this.bpmInfo);
                    //根据上一步处理的返回结果，确定，是否提交流程，如果所有打分人都打分完毕。
                    this.$http({
                        url: "/market/cmkTvAssessModule/addFinalKhInfo",
                        method: "post",
                        headers: {
                            "Content-Type": "application/json"
                        },
                        data: params,
                    }).then((res) => {
                        if(res.data.result=='0'){
                            //已完成汇总，提交流程
                           if(res.data.body=='0'){
                               //提交流程
                               this.bpmInfo.params={"audit":"Y","audit1":"Y","assigneeNo":this.bpmInfo.opNo,"assigneeName":this.bpmInfo.opName}
                               this.submitInfo("/bpm/api/submitTask",this.bpmInfo);
                           }
                        }else{
                            this.$message({
                                message: res.data.desc,
                                type: 'error'
                            });
                        }
                        this.initTaskCount();
                        this.getToDoList();
                        this.getDoneList();
                    });
                }

                //考核结果汇总-》初审
                if(n==2){
                    //提交流程
                    this.bpmInfo.params={"audit":"Y","audit1":"Y"}
                    this.submitInfo("/bpm/api/submitTask",this.bpmInfo);
                }

                //初审-》终审/汇总
                if(n==3){
                    this.bpmInfo.params={"audit":this.audit,"audit1":this.audit,"shcontent":this.shcontent};
                    if(this.audit=='N'){
                        this.bpmInfo.params.assigneeNo=this.bpmInfo.opNo;
                        this.bpmInfo.params.assigneeName=this.bpmInfo.opName;
                    }
                    this.submitInfo("/bpm/api/submitTask",this.bpmInfo);
                }

                //终审-》结果确认/汇总
                if(n==4){
                    this.bpmInfo.params={"audit":this.audit,"audit1":this.audit,"shcontent1":this.shcontent1};
                    this.bpmInfo.params.assigneeNo=this.bpmInfo.opNo;
                    this.bpmInfo.params.assigneeName=this.bpmInfo.opName;
                    this.submitInfo("/bpm/api/submitTask",this.bpmInfo);
                }

                //结果确认
                if(n==5){
                    //保存文件信息
                    this.files=JSON.stringify(this.attList);
                    console.info("files-->"+this.files);
                    this.bpmInfo.params={"audit":'Y',"audit1":'Y',"finishcontent":this.finishcontent,"files":this.files};
                    this.submitInfo("/bpm/api/submitTask",this.bpmInfo);
                }

            },
            dialogCli(n){
                if(n===2){
                    //提交流程处理，1.更新khinfo 状态为已处理。 2.判断是否所有人都完成了打分，如果完成，生成一张汇总打分表sts=2  汇总，处理人汇总人，流程提交下一阶段。
                    if(this.bpmInfo.taskName=="业务负责人打分"){
                        this.$confirm("确认提交打分信息么（所有人打分完成后会自动提交到'考核结果汇总'环节） ?",
                            "提示", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning",
                        }).then(() => {
                             this.doFlow(1);
                             this.dialogStatus=false;
                        });

                    }else if(this.bpmInfo.taskName=="考核结果汇总"){
                        this.$confirm("确认提交到'初审'环节么 ?",
                            "提示", {
                                confirmButtonText: "确定",
                                cancelButtonText: "取消",
                                type: "warning",
                            }).then(() => {
                            this.doFlow(2);
                            this.dialogStatus=false;
                        });
                    }else if(this.bpmInfo.taskName=="初审"){
                        let msg="";
                        if(this.audit=='Y'){
                            msg="确认提交'初审'到'终审'环节么 ?";
                        }else{
                            msg="确认打回工单到'考核结果汇总'环节么 ?";
                        }

                        this.$confirm(msg,
                            "提示", {
                                confirmButtonText: "确定",
                                cancelButtonText: "取消",
                                type: "warning",
                            }).then(() => {
                            this.doFlow(3);
                            this.dialogStatus=false;
                        });

                    }else if(this.bpmInfo.taskName=="终审"){
                        let msg="";
                        if(this.audit=='Y'){
                            msg="确认提交'终审'到'结果确认'环节么 ?";
                        }else{
                            msg="确认打回工单到'考核结果汇总'环节么 ?";
                        }

                        this.$confirm(msg,
                            "提示", {
                                confirmButtonText: "确定",
                                cancelButtonText: "取消",
                                type: "warning",
                            }).then(() => {
                            this.doFlow(4);
                            this.dialogStatus=false;
                        });

                    }else if(this.bpmInfo.taskName=="结果确认"){
                        this.$confirm("确认提交'结果确认'到'结束'环节么 ?",
                            "提示", {
                                confirmButtonText: "确定",
                                cancelButtonText: "取消",
                                type: "warning",
                            }).then(() => {
                            this.doFlow(5);
                            this.dialogStatus=false;
                        });
                    }

                }
                if(n===3){
                    this.dialogStatus=false;

                    //页面临时元素清理
                    this.datalist.attList=[];
                    this.attList=[];
                    this.bpmInfo={taskName: ""};
                    this.khdatalist.attList=[];
                    this.khfileInfo.fileList=[];

                }
                //打分信息详情弹窗，关闭。
                if(n===5){
                    this.innerDialogStatus=false;
                }
                //打分单项页面弹窗关闭
                if(n===7){
                    this.innerInnerDialogStatus=false;
                    //this.khdatalist.attList=[];
                    //this.attList=[];
                    //this.khfileInfo.fileList=[];
                }
                if(n==6){
                    this.saveVipDet(this.vipDetinfo);
                }
                //打分项单独页面（comm ）页面窗体关闭
                if(n==9){
                    this.innerInnerDialogStatus1=false;
                    this.khdatalist.attList=[];
                    this.attList=[];
                    this.khfileInfo.fileList=[];
                }
                if(n==8){
                    //保存comm 打分结果。
                    this.saveCommDet(this.commDetinfo);
                }
            },
            closedia(){
                this.loading=false;
            },

            //查看代办已办工单
            checkNotic(n,v){


                this.bpmInfo.createTime=v.create_time;
                this.bpmInfo.opName=v.op_name;
                this.bpmInfo.opNo=v.op_no;
                this.bpmInfo.woTitle=v.wo_title;
                this.bpmInfo.woNo=v.wo_no;
                this.bpmInfo.taskId=v.task_id;
                this.bpmInfo.stepId=v.step_id;
                this.bpmInfo.procVersion=v.proc_version;
                this.bpmInfo.procId=v.proc_id;
                this.bpmInfo.taskName=v.task_name;
                this.bpmInfo.opLogin=this.userInfo.loginNo;

                //1.查看。
                if(n===1){

                    //查看的时候页面元素只读。
                    this.viewOnly=true;

                    //查看的时候可以看所有人的。
                    this.khinfodis=true;
                    this.bpmInfo.auditLogin='';
                    this.showShContent=false;
                    this.showAudit=false;
                    this.doflowButton=false;
                    this.khdetEditButton=false;
                    console.info("this.bpmInfo.taskName:"+this.bpmInfo.taskName);


                }

                this.queryWo(this.bpmInfo);

                //2.处理。
                //按钮点处理，且状态是 业务负责人打分的时候，值能看自己的
                if(n===2){
                    this.viewOnly=false;
                    this.doflowButton=true;//点了处理按钮。
                    if(this.bpmInfo.taskName=="业务负责人打分"){
                        //根据  loginNo,查看当前负责人的打分信息。
                        this.bpmInfo.auditLogin=this.userInfo.loginNo;
                        this.khinfodis=false;
                        this.showShContent=false;
                        this.showShContent1=false;
                        this.showAudit=false;
                    }else if(this.bpmInfo.taskName=="考核结果汇总"){
                        this.bpmInfo.auditLogin='';
                        this.khinfodis=false;
                        this.showShContent=true;
                        this.showShContent1=true;
                        this.showAudit=false;
                        this.viewOnly=true;
                    }else if(this.bpmInfo.taskName=="初审"){
                        this.bpmInfo.auditLogin='';
                        this.khinfodis=false;
                        this.showShContent=true;
                        this.showShContent1=false;
                        this.showAudit=true;
                        this.bpmInfo.audit='Y';
                    }else if(this.bpmInfo.taskName=="终审"){
                        this.bpmInfo.auditLogin='';
                        this.khinfodis=false;
                        this.showShContent=false;
                        this.showShContent1=true;
                        this.showAudit=true;
                        this.bpmInfo.audit='Y';
                    }else if(this.bpmInfo.taskName=="结果确认"){
                        this.bpmInfo.auditLogin='';
                        this.khinfodis=false;
                        this.showShContent=false;
                        this.showShContent1=false;
                        this.showAudit=false;
                        this.showFinishContent=true;
                        this.showFiles=true;
                        this.viewOnly=false;
                    }else{
                        this.showShContent=false;
                        this.showAudit=false;
                        this.showFinishContent=true;
                        this.showFiles=true;
                        this.bpmInfo.auditLogin='';
                        this.khinfodis=false;
                    }


                }else{
                    this.bpmInfo.auditLogin='';
                    this.khinfodis=false;
                    this.showShContent=false;
                    this.showAudit=false;
                }
                this.dialogStatus=true;
                this.queryShInfoList(n,this.bpmInfo);
            },

            //获取代办信息
            queryWo(v){
                this.$http({
                    url: "/bpm/api/taskInit",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    data: v,
                }).then((res) => {
                    this.flowinfo=res.data;
                    this.shcontent=this.flowinfo.params.shcontent;
                    this.shcontent1=this.flowinfo.params.shcontent1;
                    this.finishcontent=this.flowinfo.params.finishcontent;
                    if(this.flowinfo.params.files!=''&&this.flowinfo.params.files!=undefined){
                        let dfiles=JSON.parse(this.flowinfo.params.files);
                        for(let i=0;i<dfiles.length;i++){
                            dfiles[i].id=dfiles[i].attchFileId;
                        }
                        this.files=dfiles
                        this.datalist.attList=dfiles;
                        // todo 重新加载，download 组件。
                        this.componentKey1+=1;
                        this.fileInfo.fileList=dfiles;
                    }

                    //已办信息中，获取taskName,和当前处理人。
                    if(this.bpmInfo.taskName==undefined){
                        let taskList=this.flowinfo.taskList;
                        for(let i=0;i<taskList.length;i++){
                            if(taskList[i].sts=='0'){
                                this.bpmInfo.taskName=taskList[i].taskName;
                                break;
                            }
                        }
                    }

                    //如果没有代办了，说明流程结束了。显示文件和结果建议。
                    if(this.bpmInfo.taskName==undefined){
                        this.showFiles=true;
                        this.showFinishContent=true;
                        this.bpmInfo.taskName='结束'
                    }

                });
            },
            //查询打分信息
            //获取打分详细信息,根据，人，当前节点，展示不同的结果
            //打分人打分，当前查询人是审核人，只看自己的。
            //审核人审核，看所有的。
            //发起人，汇总人，看所有的。但只能操作自己的。（在打开详情页面时判断）
            queryShInfoList(n,v){

                //获取params
                //代办处理。
                this.$http({
                    url: "/market/cmkTvAssessModule/khInfoList",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    data: v,
                }).then((res) => {
                    if(res.data.result=='0'){
                        this.khTableData=res.data.body;

                    }
                });


            },

            queryShDetList(){
                //

            },
            initTaskCount(){
                this.$http({
                    url: "/market/cmkTvAssessModule/getcount",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    data: {},
                }).then((res) => {
                    if(res.data.result=='0'){
                        this.info=res.data.body;
                    }
                });

            },
            getToDoList(){
                this.$http({
                    url: "/market/cmkTvAssessModule/todoList",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    data: {},
                }).then((res) => {

                    if(res.data.result=='0'){
                        this.todoList=res.data.body;
                    }
                });
            },
            getDoneList(){
                this.$http({
                    url: "/market/cmkTvAssessModule/doneList",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    data: {},
                }).then((res) => {
                    if(res.data.result=='0'){
                        this.doneList=res.data.body;

                    }
                });
            },
            advadd(){
                this.$router.push({
                    path: "/initiateAssess",
                });
                this.setabList("发起考核", "/initiateAssess");
            },
            setabList(n, p) {
                let params = {
                    children: "",
                    name: n,
                    rountPath: p,
                    target: "_self",
                };
                for (let i = 0; i < this.$store.state.tabList.length; i++) {
                    if (this.$store.state.tabList[i].name === params.name) {
                        this.$store.state.tabList[i] = params;
                    }
                }
                let set = new Set([...this.$store.state.tabList, params]);
                set.add(params);
                this.$store.commit("setDefaultActive", params.rountPath);
                this.$store.commit("setTabList", Array.from(set));
            },
            //跳转
            jNotice(v) {
                this.$router.push(v);
            },
            getUser() {
                this.userInfo = JSON.parse(window.sessionStorage.userInfo);
            },

        },
        mounted() {
            this.getUser();
        },
        created() {

            this.initTaskCount();
            this.getToDoList();
            this.getDoneList();
        },
    };
</script>

<style lang="scss" scoped>
    .taskbox {
        width: 49.5%;
        display: inline-block;
    }
    .mc-wrap {
        box-sizing: border-box !important;
        margin: 0;
        height: calc(100vh - 120px);
        overflow: hidden;
        width: 100%;
        padding-right: 15px;

        .container-box {
            width: 100%;
            height: calc(100% - 40px);
            margin-top: 20px;
            overflow-y: scroll;
            padding: 0 0 0 15px;
        }

        .tit {
            height: 30px;
            background: #fff;
            line-height: 35px;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
        }
    }

    .mc-top {
        display: flex;
        width: 100%;
    }

    .mc-wrap .mc-top-left {
        width: 100%;
        margin-right: 15px;
    }

    .car-line-knowledge {
        min-height: 250px;
        max-height: 250px;
        background: #fff;
        //   margin: 10px 0 0 0;
        margin-left: 10px;
        overflow-y: auto;

        .car-box {
            padding: 0 20px;
            line-height: 44px;
            height: 44px;
            color: #333;
            border-bottom: 1px solid #c1abfc;

            span {
                cursor: pointer;
                margin-right: 20px;
            }

            span:first-child {
                cursor: auto;
            }

            span:last-child {
                float: right;
                margin-right: 0;
            }
        }
    }

    .car-line {
        height: 140px;
        background: #fff;
        //   margin: 10px 0 0 0;

        .car-box {
            padding: 0 20px;
            line-height: 40px;
            color: #333;

            span {
                cursor: pointer;
                margin-right: 20px;
            }

            span:first-child {
                cursor: auto;
            }

            span:last-child {
                float: right;
                margin-right: 0;
            }
        }

        .adv-box {
            margin-top: 20px;
            margin-left: 20px;
            margin-right: 20px;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;

            div {
                display: inline-block;
                cursor: pointer;
                .el-card {
                    width: 100%;
                }
                i{
                    margin-right: 10px;
                }
            }

            .adv-tit {
                width: 28%;
                border: 1px solid transparent;
                border-radius: 5px;
                height: 60px;
                line-height: 60px;
                padding-left: 20px;
                box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
                overflow: hidden;
                em{
                    float: right;
                    margin-right: 20px;
                    font-style: normal;
                    color: #0074D9;
                }
            }
            .adv-tit:hover{
                border: 1px solid #CFE8FC;
                background: #CFE8FC;
            }

            .adv-add {
                width: 100px;
            }

        }
    }

    .mc-wrap .mc-top-right {
        width: calc(20% - 15px);
        background-color: white;
        overflow: hidden;

        .inner-box {
            width: calc(100% + 20px);
            background-color: white;
            overflow-y: scroll;
        }
    }

    .swiper-pagination {
        position: absolute;
        bottom: 0;
    }

    .main-box .item {
        float: left;
        width: 50%;
    }

    .main-box {
        overflow: hidden;
    }

    #test-n2 #layui-laydate1 {
        width: 100% !important;
    }

    .mc-wrap .laydate-theme-grid .layui-laydate-content td {
        border: none !important;
        border-radius: 50%;
    }

    .mc-wrap .layui-laydate-main {
        width: 100% !important;
    }

    .mc-wrap .layui-laydate-content table {
        width: 100%;
    }

    .mc-wrap .layui-laydate-static {
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }

    .mc-wrap .laydate-day-mark::after {
        bottom: 0 !important;
        left: 45% !important;
        top: 50px !important;
    }

    .mc-wrap .laydate-day-mark {
        overflow: inherit !important;
        overflow: none !important;
    }

    .mc-wrap .layui-laydate .layui-this {
        background-color: #a3c1e5 !important;
    }

    #test-n2 {
        width: initial !important;
    }

    .tasksituation {
        border-bottom: 1px solid #f7f7f7;
    }

    .mc-wrap .tasksituation > .title {
        font-size: 16px;
        font-weight: 500;
        padding-top: 20px;
        padding-left: 20px;
        color: #333;
    }

    .mc-wrap .main-box .point {
        color: #ff6060;
        font-size: 30px;
        font-weight: 500;
    }

    .mc-wrap .main-box .item img {
        width: 100%;
    }

    .mc-wrap .describe {
        text-align: center;
    }

    .mc-wrap .describe .title {
        color: #999;
        font-size: 12px;
        padding: 5px 0;
    }

    .mc-wrap .describe .day {
        color: #0081cc;
        font-size: 16px;
    }

    .mc-wrap .swiper-pagination-bullet {
        width: 10% !important;
        border-radius: 0;
        height: 5px !important;
    }

    .mc-wrap .laydate-icon {
        display: none;
    }

    .mc-wrap .laydate-set-ym {
        text-align: left;
    }

    .mc-wrap .layui-laydate-header {
        padding: 0;
    }

    .mc-wrap .layui-laydate-header i {
        display: none !important;
    }

    .mc-wrap .data-box {
        position: relative;
    }

    .datetimeBox {
        .el-timeline {
            padding-left: 20px;
        }
    }

    .mc-wrap .operation {
        padding-right: 20px;
        cursor: pointer;
        margin-top: 10px;
        text-align: right;
    }

    .mc-wrap .layui-laydate-footer {
        display: none;
    }

    .mc-wrap .layui-timeline-axis {
        width: 50px !important;
        height: 18px;
        border-radius: 20px;
        top: 3px;
        color: white;
        line-height: 18px;
    }

    .mc-wrap .layui-timeline-content {
        margin-left: 35px;
    }

    .mc-wrap .layui-timeline {
        width: 80%;
        margin: 0 auto;
    }

    .mc-wrap .layui-timeline-item:before {
        left: 9% !important;
        width: 3px;
        background-color: #daeaf2;
        top: 3px;
    }

    .mc-wrap .layui-timeline-axis:hover {
        color: white !important;
    }

    .mc-wrap .ztree li a.curSelectedNode {
        border: none !important;
        background-color: white !important;
    }

    .point-baifen {
        font-size: 14px;
        margin-left: -5%;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(1turn);
        }
    }

    .info-line {
        width: 100%;
        display: block;
        padding-left: 20px;

        div {
            width: 50%;
            display: inline-block;
            overflow: hidden;
        }

        .mytxt {
            height: 40px;
            padding-left: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            width: calc(100% - 100px);
            float: left;
        }

        .mytxtinfo {
            line-height: 40px;
            height: auto;
            padding-left: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            width: calc(100% - 100px);
        }

        span {
            width: 80px;
            display: inline-block;
            text-align: left;
            float: left;

            i {
                color: red;
                display: inline-block;
                padding-right: 5px;
            }
        }

        .el-select,
        .el-input {
            width: calc(100% - 100px);
        }
    }

    .online {
        width: 100%;

        .el-select {
            width: calc(100% - 100px);
        }

        span {
            vertical-align: top;
        }

        .el-textarea {
            width: calc(100% - 100px);
        }
    }
</style>