Merge branch 'sckj' into 'master'

Sckj

See merge request spfm/spfm-market-front!152

src/pages/main/iptv/index.vue

@@ -0,0 +1,799 @@
+<template>
+    <fullscreen v-if="isViewer"  :fullscreen.sync="fullscreen" class="container">
+        <div class="container-box">
+            <toolList @iconCli='iconCli' :tooltit='tooltit'></toolList>
+            <div class="search">
+                <mySearch :searchList="searchList" @searchInfo="searchInfo"></mySearch>
+                <el-button class="btn-check" size="medium" type="primary" @click="dialogCheck(1)"
+                v-if="isAuthor">新建</el-button>
+            </div>
+            <div class="tabbox">
+                <el-table height="calc(100% - 40px)" class="com-table" ref="multipleTable" :data="tableData"
+                          tooltip-effect="dark" size="small" border style="width: 100%" v-loading="loading">
+                    <el-table-column prop="recordName" label="备案名称" width="250">
+                    </el-table-column>
+                    <el-table-column prop="eventType"
+                     :formatter="formatter"
+                     label="事件类型" width="100">
+                    </el-table-column>
+                    <el-table-column prop="fileFrom" label="来文公司" >
+                    </el-table-column>
+                    <el-table-column prop="createTime" label="备案时间"  width="140">
+                    </el-table-column>
+                    <el-table-column prop="updateTime" label="最后一次修改时间"  width="140">
+                    </el-table-column>
+                    <el-table-column label="操作" width="160px" align="center" fixed="right">
+                        <template slot-scope="scope">
+                            <el-button size="mini" type="primary" plain @click="dialogCheck(2,scope.row)">
+                                查看
+                            </el-button>
+                            <el-button v-if="isAuthor" size="mini" type="warning" plain @click="dialogCheck(3,scope.row)">
+                                修改
+                            </el-button>
+                            <el-button v-if="isAuthor" size="mini" type="danger" plain @click="delLine(scope.row)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination class="pageBox" @current-change="currchange" layout="total,prev, pager, next" background
+                               :total="total">
+                </el-pagination>
+            </div>
+            <!---------------------------------------------  新建/浏览表单 -------------------------------------->
+            <el-dialog :title="titname + '备案'"
+                       :visible.sync="dialogStatus" width="70%" top="50px"
+                       :show-close="true"
+                       :before-close="closedia"
+                       :destroy-on-close="true"
+                       :modal-append-to-body="false"
+                       :close-on-click-modal="false">
+                <div v-loading="loading">
+                    <el-form :model="infolist" ref="infolist" :rules="rules" style="height: 60vh;overflow-y: scroll;" >
+                        <div class="info-line">
+                            <span><i>*</i>备案名称</span>
+                            <el-form-item prop="recordName" class="form-item">
+
+                                <el-input v-if="!disableStatus"  v-model.trim="infolist.recordName" placeholder="请输入备案名称"
+                                          :disabled="disableStatus"  maxlength="60" >
+                                </el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.recordName}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span><i>*</i>事件类型</span>
+                            <el-form-item prop="eventType" class="form-item">
+                                <el-select
+                                    v-if="!disableStatus"
+                                    v-model="infolist.eventType" :disabled="disableStatus"
+                                    placeholder="请选择事件类型">
+                                    <el-option v-for="item in eventTypeList" :key="item.orderNumber" :label="item.dataName"
+                                               :value="item.dataCode">
+                                    </el-option>
+                                </el-select>
+                                <div v-if="disableStatus" class="el-descriptions">{{viewFormatter(infolist.eventType)}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>来文公司</span>
+                            <el-form-item prop="fileFrom" class="form-item">
+
+                                <el-input  v-model="infolist.fileFrom"
+                                v-if="!disableStatus" placeholder="请输入来文公司" maxlength="60"></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.fileFrom}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>来函时间以及形式</span>
+                            <el-form-item prop="fileTime" class="form-item">
+
+                                <el-input v-if="!disableStatus" v-model="infolist.fileTime"
+                                :disabled="disableStatus" placeholder="请输入来函时间以及形式"  maxlength="120"></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.fileTime}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>来函诉求</span>
+                            <el-form-item prop="fileAppeal" class="form-item">
+
+                                <el-input v-if="!disableStatus" v-model="infolist.fileAppeal"
+                                :disabled="disableStatus" placeholder="请输入来函诉求" maxlength="500"></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.fileAppeal}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>涉及内容提供方</span>
+                            <el-form-item prop="contentProvider" class="form-item">
+
+                                <el-input v-if="!disableStatus" v-model="infolist.contentProvider"
+                                :disabled="disableStatus" placeholder="请输入涉及内容提供方"  maxlength="120" ></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.contentProvider}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>转派文件编号</span>
+                            <el-form-item prop="docNumber" class="form-item">
+
+                                <el-input v-if="!disableStatus" v-model="infolist.docNumber"
+                                :disabled="disableStatus" placeholder="请输入转派文件编号"  maxlength="60"></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.docNumber}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span>内容方处理情况<br/>以及回复的时间</span>
+                            <el-form-item prop="providerReplytime" class="form-item">
+
+                                <el-input  v-if="!disableStatus" v-model="infolist.providerReplytime"
+                                :disabled="disableStatus" placeholder="请输入内容方处理情况以及回复时间"   maxlength="500"></el-input>
+                                <div v-if="disableStatus" class="el-descriptions">{{infolist.providerReplytime}}</div>
+                            </el-form-item>
+                        </div>
+                        <div class="info-line">
+                            <span>附件</span>
+                            <div class="el-descriptions" v-if="!disableStatus">
+                                <myUpload @uploadBack="uploadBack" :fileInfo="fileInfo"
+                                        :fileList="fileInfo.fileList"></myUpload>
+                            </div>
+                            <div style="width: calc(100% - 140px)" v-if="disableStatus && datalist.attList.length>0">
+                                <uploadDown :datalist="datalist" :dialogStatus="uploadstatus"></uploadDown>
+                            </div>
+                            <div style="width: calc(100% - 140px)" v-if="disableStatus  && datalist.attList.length===0 "
+                                    class="el-descriptions">---- 无附件 ----</div>
+                        </div>
+                    </el-form>
+                    <div slot="footer" class="dialog-footer myfooter">
+                        <el-button type="primary" @click="dialogCli(formStatus)" v-if="!disableStatus">保 存</el-button>
+                        <el-button v-if="!disableStatus" @click="dialogCli(2)">取 消</el-button>
+                        <el-button v-if="disableStatus" @click="dialogCli(2)">关 闭</el-button>
+                    </div>
+                </div>
+            </el-dialog>
+
+        </div>
+        <myMessage :messTit='messTit' @closeMessage="closeMessage" :centerDialogVisible="centerDialogVisible"
+                   v-if="centerDialogVisible"></myMessage>
+    </fullscreen>
+</template>
+<script>
+import myUpload from '../../../components/upload'
+import uploadDown from './uploadDown'
+import mySearch from './search'
+import toolList from '../../../components/toolList'
+import myMessage from "../../../components/myMessage.vue"
+
+export default {
+    components: {
+        myUpload,
+        uploadDown,
+        mySearch,
+        toolList,
+        myMessage
+    },
+    data() {
+        const recordNameRule = (rule, value, callback) => {
+            if (!this.infolist.recordName) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=60){
+                    callback(new Error('不能超过60个字'))
+                }
+                callback()
+            }
+        }
+        const eventTypeRule = (rule, value, callback) => {
+            if (!this.infolist.eventType) {
+                callback(new Error('不能为空'))
+            } else {
+                callback()
+            }
+        }
+        const fileFromRule = (rule, value, callback) => {
+            if (!this.infolist.fileFrom) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=60){
+                    callback(new Error('不能超过60个字'))
+                }
+                callback()
+            }
+        }
+        const fileTimeRule = (rule, value, callback) => {
+            if (!this.infolist.fileTime) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=120){
+                    callback(new Error('不能超过120个字'))
+                }
+                callback()
+            }
+        }
+        const fileAppealRule = (rule, value, callback) => {
+            if (!this.infolist.fileAppeal) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=500){
+                    callback(new Error('不能超过500个字'))
+                }
+                callback()
+            }
+        }
+        const contentProviderRule = (rule, value, callback) => {
+            if (!this.infolist.contentProvider) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=120){
+                    callback(new Error('不能超过120个字'))
+                }
+                callback()
+            }
+        }
+        const docNumberRule = (rule, value, callback) => {
+            if (!this.infolist.docNumber) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=60){
+                    callback(new Error('不能超过60个字'))
+                }
+                callback()
+            }
+        }
+        const providerReplytimeRule = (rule, value, callback) => {
+            if (!this.infolist.providerReplytime) {
+                callback(new Error('不能为空'))
+            } else {
+                if (value.length>=500){
+                    callback(new Error('不能超过500个字'))
+                }
+                callback()
+            }
+        }
+        const urls = {
+            uploadUrl:'/market/iptv/upload',
+            downfileUrl:'/market/iptv/downfile'
+        }
+
+        return {
+            tooltit: '备案列表',
+            queryListUrl:'/market/iptv/queryPage',
+            queryInfoUrl:'/market/iptv/query',
+            addUrl:'/market/iptv/add',
+            updateUrl:'/market/iptv/update',
+            delUrl: "/market/iptv/delByid",
+            getPermUrl:"/market/iptv/getPermissions",
+            fullscreen: false,
+            total: 0,
+            pageSize: 1,
+            tableData: [{}],
+            dialogStatus: false,
+            infolist: {},
+            typeOptions: [],
+            titname: '',
+            disableStatus: false,
+            fileList: [],
+            visibleList: [],
+            attList: [],
+            searchList: [
+                {
+                    type: "input",
+                    tit: "备案名称",
+                    value: "",
+                    width: "48%"
+                },
+                {
+                    type: "sel",
+                    tit: "事件类型",
+                    value: "",
+                    width: "48%",
+                    options: []
+                }
+            ],
+            rules: {
+                recordName: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: recordNameRule
+                }],
+                eventType: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: eventTypeRule
+                }],
+                fileFrom: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: fileFromRule
+                }],
+                fileTime: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: fileTimeRule
+                }],
+                fileAppeal: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: fileAppealRule
+                }],
+                contentProvider: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: contentProviderRule
+                }],
+                docNumber: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: docNumberRule
+                }],
+                providerReplytime: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: providerReplytimeRule
+                }]
+            },
+            fileInfo: {
+                limit: 10,
+                url: urls.uploadUrl,
+                fileList: []
+            },
+            datalist: {
+                url: urls.downfileUrl,
+                type: 2,
+                attList: []
+            },
+            uploadstatus: false,
+            userInfo: {},
+            params: {},
+            centerDialogVisible: false,
+            messTit: '',
+            delid: '',
+            loading: false,
+            eventTypeList: [],
+            eventTypeMap: new Map(),
+            isAuthor: false,
+            isViewer: false,
+            formStatus:1,   //页面状态1:添加,2:浏览,3:修改
+            msg:""
+        }
+    },
+    methods: {
+        //获取当前用户权限
+        getPermissions(){
+            this.$http({
+                url: this.getPermUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: {},
+            }).then((res) => {
+                this.isAuthor = res.data.isAuthor;
+                if(res.data.isAuthor){
+                    this.isViewer = true;
+                }else{
+                    this.isViewer = res.data.isViewer;
+                }
+                if(!this.isViewer){
+                    this.msg = "权限错误！";
+                    this.popupMsg();
+                }
+            });
+        },
+        //从字典表获取‘事件类型’
+         getEventType() {
+            this.$http({
+                url: "/market/cfgDataDict/queryList",
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: {
+                    dictCode: 'eventType'
+                },
+            }).then((res) => {
+                this.eventTypeList = res.data;
+                this.searchList[1].options = res.data;
+                 res.data.forEach(item => {
+                        this.eventTypeMap.set(item.dataCode,item.dataName);
+                    })
+            });
+        },
+        //关闭主对话框
+        closedia() {
+            this.infolist = {};
+            this.dialogCli(2);
+            this.dialogStatus = false;
+        },
+        //提交搜索数据
+        searchInfo(v) {
+            this.params = {};
+            v[0] ? this.params.recordName = v[0] : '';
+            v[1] ? this.params.eventType = v[1] : '';
+            this.getList(this.params, this.pageSize);
+        },
+
+        /************
+        * @description: 获取分页列表
+        * @param  v 查询参数
+        * @param  n 要展示页码
+        * @return void
+        *************/
+        getList(p, n) {
+            this.pageSize = n;
+            let _this = this;
+            this.tableData = [];
+            this.loading = true;
+            this.$http({
+                url: _this.queryListUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                    "page": '{"pageNo":"' + n + '","pageSize":"10"}'
+                },
+                data: p,
+            }).then((res) => {
+                this.tableData = res.data.data;
+                this.total = res.data.totalRecord;
+                this.loading = false;
+            });
+        },
+         /************
+        * @description: 列表页翻页查询
+        * @param  n 要展示的页码
+        * @return void
+        *************/
+        currchange(n) {
+            this.pageSize = n;
+            this.getList(this.params, this.pageSize);
+        },
+
+        /************
+        * @description: 展示不同状态(增、查、改)的主表单
+        * @param  v 状态标识（1:增;2:查,3:改）
+        * @param  row 列表行对象
+        * @return void
+        *************/
+        dialogCheck(v, row) {
+            this.infolist = {};
+            this.formStatus = v;
+            if (v === 1) {
+                this.titname = '新建';
+                this.getUser();
+                this.dialogStatus = true;
+                this.disableStatus = false;
+                this.fileInfo.fileList = [];
+                this.attList = [];
+                return
+            } else if (v === 2) {
+                this.titname = '查看';
+                this.disableStatus = true;
+                this.dialogStatus = true;
+                this.loading = true;
+            } else if (v === 3) {
+                this.dialogStatus = true;
+                this.disableStatus = false;
+                this.titname = '修改';
+                this.loading = true;
+            }
+
+           // this.infolist = Object.assign({}, row); //拷贝
+
+            this.$http({
+                url: this.queryInfoUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: row
+            }).then((res) => {
+                this.datalist.attList = res.data.attList;
+                this.uploadstatus = true;
+               // this.infolist.attList = res.data.attList;
+                this.infolist = res.data;
+                this.fileInfo.fileList = [];
+                this.attList = [];
+
+
+                if (res.data.attList) {
+                    res.data.attList.forEach(item => {
+                        this.fileInfo.fileList.push({
+                            name: item.fileName,
+                            url: '',
+                            id: item.id,
+                            fileName: item.fileName
+                        });
+                        this.attList.push({
+                            name: item.fileName,
+                            url: '',
+                            id: item.id,
+                            fileName: item.fileName
+                        });
+                    })
+                }
+
+                this.loading = false;
+            });
+        },
+
+
+        /************
+        * @description: 主页面按钮操作
+        * @param  v 状态标识（1:新增保存;2:页面关闭,3:记录修改）
+        * @return void
+        *************/
+        dialogCli(v) {
+            this.datalist.attList = [];
+            this.uploadstatus = false;
+            if (v === 2) {
+                this.fileInfo.fileList = [];
+                this.infolist = {};
+                this.dialogStatus = false;
+                this.defaultList = [];
+                return
+            }
+            if (v === 1) {
+                this.submitInfo(this.addUrl, v);
+            } else if (v === 3) {
+                this.submitInfo(this.updateUrl, v);
+            }
+        },
+
+        /************
+        * @description: 主页面数据提交
+        * @param  u 提交请求地址
+        * @param  v 状态标识（1:新增保存;3:记录修改）
+        * @return void
+        *************/
+        submitInfo(u, v) {
+            let _this = this;
+            this.$refs.infolist.validate(valid => {
+                if (valid) {
+                    let attList = [];
+                    for (let i = 0; i < this.attList.length; i++) {
+                        attList.push({
+                            id: this.attList[i].id,
+                            fileCode: this.attList[i].fileCode,
+                            fileName: this.attList[i].fileName,
+                            opName: this.attList[i].opName,
+                            opNo: this.attList[i].opNo,
+                            opTime: this.attList[i].opTime
+                        });
+                    }
+                    this.infolist.attList = attList;
+                    this.$http({
+                        url: u,
+                        method: "post",
+                        headers: {
+                            "Content-Type": "application/json",
+                        },
+                        data: this.infolist
+                    }).then((res) => {
+                        if (res.data.result === 1) {
+                            _this.$message({
+                                message: res.data.desc,
+                                type: 'error'
+                            });
+                        } else {
+                            _this.$message({
+                                message: '保存成功',
+                                type: 'success'
+                            });
+                            _this.fileInfo.fileList = [];
+                            _this.infolist = {};
+                            _this.dialogStatus = false;
+                            _this.getList(this.params, this.pageSize);
+                            _this.defaultList = [];
+                        }
+
+                    });
+                }
+            })
+        },
+        //记录删除提示框
+        closeMessage(v) {
+            this.centerDialogVisible = false;
+            let _this = this;
+            if (v === 1) {
+                _this.$http({
+                    url: _this.delUrl,
+                    method: "post",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    data: {
+                            id: _this.delid
+                    }
+                }).then((res) => {
+                    if (res.data.result === 1) {
+                        _this.$message({
+                            message: res.data.desc,
+                            type: 'error'
+                        });
+                    } else {
+                        _this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        _this.getList(this.params, this.pageSize);
+                    }
+                });
+            }
+        },
+        //删除
+        delLine(v) {
+            this.centerDialogVisible = true;
+            this.messTit = '即将删除此条数据, 是否删除?';
+            this.delid = v.id;
+        },
+        //文件返回值
+        uploadBack(v) {
+            this.attList = v;
+        },
+        //功能栏
+        iconCli(v) {
+            if (v === 1) {
+                this.getList(this.params, this.pageSize);
+            }
+            if (v === 2) {
+                this.fullscreen = !this.fullscreen
+            }
+        },
+        getUser() {
+            this.userInfo = JSON.parse(window.sessionStorage.userInfo);
+            this.infolist = {};
+            this.infolist.opNo = this.userInfo.loginNo;
+            this.infolist.opName = this.userInfo.loginName;
+        },
+        //弹出提示框
+        popupMsg() {
+            this.$notify.error({
+            title: '错误',
+            message: this.msg
+            });
+        },
+        formatter(row, column) {
+            return this.eventTypeMap.get(row.eventType);
+        },
+
+        viewFormatter(v) {
+            return this.eventTypeMap.get(v);
+        }
+
+    },
+    mounted() {
+        this.getEventType();
+        this.getPermissions();
+        this.getList(this.params, this.pageSize);
+        this.getUser();
+    },
+    created() {
+
+    }
+}
+</script>
+<style scoped lang="scss">
+@import "../../../assets/style";
+
+.titbox {
+    div {
+        float: right;
+
+        i {
+            font-size: 22px;
+            margin-left: 20px;
+            cursor: pointer;
+        }
+    }
+}
+
+.el-table__row.to-do {
+    background: rgb(248, 207, 133);
+}
+
+.el-table .success-row {
+    background: #f0f9eb;
+}
+
+.tabbox {
+    margin-top: 16px;
+}
+
+.pageBox {
+    text-align: right;
+    margin-top: 10px;
+}
+
+.info-line {
+    width: 100%;
+    display: block;
+    padding-left: 20px;
+
+    div {
+        width: 100%;
+        display: inline-block;
+    }
+
+    span {
+        width: 120px;
+        display: inline-block;
+        padding-top: 10px;
+        text-align: left;
+        line-height:15px;
+        vertical-align: top;
+
+        i {
+            color: red;
+            display: inline-block;
+            padding-right: 5px;
+
+        }
+    }
+
+    .form-item{
+        width: calc(100% - 140px);
+    }
+
+    .el-select,.el-textarea,
+    .el-input {
+        width: 100%;
+    }
+
+
+    .tree
+    {
+        width: calc(100% - 100px);
+    }
+
+    .el-descriptions{
+        border: 1px solid #ddd;
+        background-color: #f5f7fa;
+        color: rgb(2, 30, 58);
+        padding-top: 5px;
+        padding-left: 10px;
+        height: 100%;
+        line-height:30px;
+        width: 100%;
+        border-radius: 5px;
+        min-height:35px;
+
+    }
+
+    .el-radio-group{
+        border: 1px solid #ddd;
+        padding-top: 12px;
+        padding-left: 20px;
+        height: 100%;
+        line-height:30px;
+        width: 100%;
+        border-radius: 5px;
+    }
+
+}
+
+.online {
+    width: 100%;
+
+    .el-select {
+        width: calc(100% - 100px);
+    }
+
+    span {
+        vertical-align: top;
+    }
+
+    .el-textarea {
+        width: calc(100% - 100px);
+    }
+}
+
+pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+</style>

src/pages/main/iptv/planApproval.vue

@@ -0,0 +1,837 @@
+<template>
+    <fullscreen  :fullscreen.sync="fullscreen" class="container">
+        <div class="container-box">
+            <toolList @iconCli='iconCli' :tooltit='tooltit'></toolList>
+            <div class="search">
+                <mySearch :searchList="searchList" @searchInfo="searchInfo"></mySearch>
+                <el-button class="btn-check" size="medium" type="primary" @click="dialogCheck(1)"
+                v-if="isAuthor">新建</el-button>
+            </div>
+            <div class="tabbox">
+                <el-table height="calc(100% - 40px)" class="com-table" ref="multipleTable" :data="tableData"
+                        :row-style="tableRowClassName"
+                        tooltip-effect="dark" size="small" border style="width: 100%" v-loading="loading">
+                    <el-table-column prop="itemName" label="申请事项" width="200"></el-table-column>
+                    <el-table-column prop="planPurpose" label="策划目的" ></el-table-column>
+                    <el-table-column prop="createTime" label="申请时间" width="150"></el-table-column>
+                    <el-table-column prop="createName" label="申请人" width="100"></el-table-column>
+                    <el-table-column prop="queryStatus" label="状态" width="100">
+                    </el-table-column>
+                    <el-table-column label="操作" width="150" align="center" fixed="right">
+                        <template slot-scope="scope">
+                            <el-button size="mini" type="primary" plain @click="dialogCheck(2,scope.row)">
+                                查看
+                            </el-button>
+                            <el-button  v-if="scope.row.queryStatus==='待办'"
+                                size="mini" type="success" plain @click="dialogCheck(3,scope.row)">
+                                处理
+                            </el-button>
+                            <el-button  v-if="'9'.includes(scope.row.status) && scope.row.isSponsor==='1'"
+                                size="mini" type="danger" plain @click="delLine(scope.row)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination class="pageBox" @current-change="currchange" layout="total, prev, pager, next" background
+                               :total="total">
+                </el-pagination>
+            </div>
+            <!---------------------------------------------  新建/浏览表单 -------------------------------------->
+            <el-dialog :title="titname + '申请'"
+                       :visible.sync="dialogStatus" width="70%" top="50px"
+                       :show-close="true"
+                       :before-close="closedia"
+                       :destroy-on-close="true"
+                       :modal-append-to-body="false"
+                       :close-on-click-modal="false">
+                <div v-loading="loading">
+                    <el-form :model="infolist" ref="infolist" :rules="rules" style="height: 60vh;overflow-y: scroll;" >
+                        <div class="info-line">
+                            <span><i>*</i>申请事项</span>
+                            <el-form-item prop="itemName" class="form-item">
+                                <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
+                                v-model.trim="infolist.itemName" placeholder="请输入申请事项内容"
+                                          :disabled="disableStatus" >
+                                </el-input>
+                                <div v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.itemName}}</div>
+                            </el-form-item>
+                        </div>
+                        <div class="info-line">
+                            <span><i>*</i>频道选取</span>
+                            <el-form-item prop="channelName" class="form-item">
+                                <el-radio-group v-if="this.formStatus!=2 && '06'.includes(infolist.status)" class="el-radio-group"
+                                 v-model="infolist.channelName" @change="handleRadioChanges" >
+                                    <el-radio v-for="item in channelList" :key="item.orderNumber"   :label="item.dataName">
+                                    </el-radio>
+                                </el-radio-group>
+                                <div v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.channelName}}</div>
+                            </el-form-item>
+                        </div>
+                        <div class="info-line" v-if="isOther">
+                            <span><i>*</i>其他频道名称</span>
+                            <el-form-item prop="otherName" class="form-item">
+                                <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
+                                 v-model.trim="infolist.otherName"
+                                :disabled="disableStatus" placeholder="请输入其他频道名称"  ></el-input>
+                                <div v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.otherName}}</div>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span><i>*</i>策划目的</span>
+                            <el-form-item prop="planPurpose" class="form-item">
+                                <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
+                                 v-model="infolist.planPurpose" type="textarea" :autosize="{ minRows: 3}"
+                                :disabled="disableStatus" placeholder="请输入策划目的"  ></el-input>
+                                <pre v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.planPurpose}}</pre>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line">
+                            <span><i>*</i>策划描述</span>
+                            <el-form-item prop="planDescription" class="form-item">
+                                <el-input v-if="this.formStatus!=2 && '06'.includes(infolist.status)"
+                                 v-model="infolist.planDescription"  type="textarea" :autosize="{ minRows: 3}"
+                                :disabled="disableStatus" placeholder="请输入策划描述" ></el-input>
+                                <pre v-if="this.formStatus===2 || !'06'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.planDescription}}</pre>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line"  v-if="this.formStatus!=2 && '123'.includes(infolist.status) " >
+                            <span><i>{{this.isr}}</i>审批意见</span>
+                            <el-form-item prop="opinions" class="form-item">
+                                <el-input v-model="infolist.opinions" type="textarea" :autosize="{ minRows: 3}"
+                                :disabled="disableStatus" placeholder="请输入审批意见" ></el-input>
+                            </el-form-item>
+                        </div>
+
+                        <div class="info-line" v-if="this.formStatus!=2 && '0126'.includes(infolist.status) " >
+                            <span><i>*</i>下一步审批人<br/>{{this.nextStep}}</span>
+                            <el-form-item prop="assigneeName" class="form-item">
+                                <el-input type="input" placeholder="请选择审批人" readonly @click.native="showUserTreeDlg"
+                                v-model="infolist.assigneeName" style="width:500px">
+                                </el-input>
+                                <el-button type="primary" plain icon="el-icon-search" @click="showUserTreeDlg"></el-button>
+                                <el-input type="hidden" v-show="false" v-model="infolist.assigneeNo"/>
+                            </el-form-item>
+                        </div>
+                        <div class="info-line" style="margin-bottom: 22px">
+                            <span>附件</span>
+                            <div class="form-item">
+                                <div class="el-descriptions" v-if="this.formStatus!=2 && '06'.includes(infolist.status)">
+                                    <myUpload @uploadBack="uploadBack" :fileInfo="fileInfo"
+                                            :fileList="fileInfo.fileList"></myUpload>
+                                </div>
+                                <div style="el-descriptions" v-if="(disableStatus || !'06'.includes(infolist.status)) && datalist.attList.length>0">
+                                    <uploadDown :datalist="datalist" :dialogStatus="uploadstatus"></uploadDown>
+                                </div>
+                                <div v-if="(disableStatus || !'06'.includes(infolist.status)) && datalist.attList.length===0 "
+                                    class="el-descriptions">---- 无附件 ----</div>
+                            </div>
+                        </div>
+
+                        <div class="info-line" v-if="this.formStatus!=1">
+                            <span>审批记录</span>
+                            <el-table  class="form-item"  :data="flowHistory"
+                                :header-cell-style="{background:'#eee',color:'#0c1d3e',height:'20px'}"
+                                 size="mini" border >
+                                <el-table-column prop="step" label="流程环节" width="200"></el-table-column>
+                                <el-table-column prop="handler" label="处理人" width="100"></el-table-column>
+                                <el-table-column prop="time" label="处理时间" width="150"></el-table-column>
+                                <el-table-column prop="flag" label="操作" width="100"></el-table-column>
+                                <el-table-column prop="opinion" label="审批意见" ></el-table-column>
+                            </el-table>
+                        </div>
+                        <div class="info-line" v-if="'458'.includes(infolist.status)" >
+                            <span>执行结果</span>
+                            <el-form-item prop="result" class="form-item">
+                                <el-input v-if="this.formStatus!=2 && '4'.includes(infolist.status)"
+                                 v-model="infolist.result" type="textarea" :autosize="{ minRows: 3}"
+                                :disabled="disableStatus" placeholder="请输入执行结果" ></el-input>
+                                <div v-if="this.formStatus===2 || !'458'.includes(infolist.status)"
+                                 class="el-descriptions">{{infolist.result}}</div>
+                            </el-form-item>
+                        </div>
+
+                    </el-form>
+                    <div slot="footer" class="dialog-footer myfooter">
+                        <span v-if="this.formStatus===1 || this.formStatus===3">
+                        <el-button v-if="infolist.status==='0' || infolist.status==='1'"
+                        type="primary" @click="dialogCli('submit')" >提 交</el-button>
+                        <el-button v-if="infolist.status==='2' || infolist.status=='3'"
+                        type="primary" @click="dialogCli('agree')">同 意</el-button>
+                        <el-button v-if="infolist.status==='3'"
+                        type="danger" @click="dialogCli('disagree')">不同意</el-button>
+                        <el-button v-if="infolist.status==='2' || infolist.status=='3'"
+                         type="warning" @click="dialogCli('return')">退回修改</el-button>
+                        <el-button v-if="infolist.status==='4'"
+                         type="primary" @click="dialogCli('exe')">已执行</el-button>
+                        <el-button v-if="infolist.status==='4'"
+                         type="info" @click="dialogCli('unexe')">未执行</el-button>
+                        <el-button v-if="infolist.status==='6'"
+                         type="primary" @click="dialogCli('submit')">重新发起</el-button>
+                        <el-button v-if="infolist.status==='6'"
+                         type="info" @click="dialogCli('over')">结束流程</el-button>
+                        <el-button @click="dialogCli('close')">取 消</el-button>
+                        </span>
+                        <el-button v-if="this.formStatus===2" @click="dialogCli('close')">关 闭</el-button>
+                    </div>
+                </div>
+            </el-dialog>
+            <userDlg :visible="userTreeDlgVisual" :ns="this.nextStep" :zIndex=10 @handleSelect="handleUserSelect" @close="closeUserSelect"/>
+        </div>
+        <myMessage :messTit='messTit' @closeMessage="closeMessage" :centerDialogVisible="centerDialogVisible"
+                   v-if="centerDialogVisible"></myMessage>
+    </fullscreen>
+</template>
+<script>
+import myUpload from '../../../components/upload'
+import uploadDown from './uploadDown'
+import mySearch from './search'
+import toolList from '../../../components/toolList'
+import myMessage from "../../../components/myMessage.vue"
+import userDlg from "./userDlg.vue"
+
+
+export default {
+    components: {
+        myUpload,
+        uploadDown,
+        mySearch,
+        toolList,
+        myMessage,
+        userDlg
+    },
+    data() {
+        const assigneeNameRule = (rule, value, callback) => {
+            if (this.infolist.operation ==='return' || this.infolist.operation ==='over'){
+                callback()
+            }else{
+                if (!this.infolist.assigneeName) {
+                    callback(new Error('请选择审批人'))
+                } else {
+                    callback()
+                }
+            }
+        }
+        const opinionsRule = (rule, value, callback) => {
+            if (this.infolist.status ==='1'){
+                if (!this.infolist.opinions) {
+                    callback(new Error('审批意见不能为空'))
+                } else {
+                    callback()
+                }
+            }else{
+                callback()
+            }
+        }
+        const nullRule = (rule, value, callback) => {
+            if(value) {
+                let  trimValue = value.replace(/^\s+|\s+$/gm,'');
+                if (!trimValue) {
+                    callback(new Error('不能为空'))
+                } else {
+                    callback()
+                }
+            }else{
+                callback(new Error('不能为空'))
+            }
+
+        }
+        const urls = {
+            uploadUrl:'/market/iptv/upload',
+            downfileUrl:'/market/iptv/downfile'
+        }
+
+        return {
+            tooltit: '上线审批列表',
+            queryListUrl:'/market/iptvPlanApproval/queryPage',
+            queryInfoUrl:'/market/iptvPlanApproval/query',
+            addUrl:'/market/iptvPlanApproval/add',
+            updateUrl:'/market/iptvPlanApproval/update',
+            delUrl: "/market/iptvPlanApproval/delByid",
+            getPermUrl:"/market/iptvPlanApproval/getPermissions",
+            fullscreen: false,
+            total: 0,
+            pageSize: 1,
+            tableData: [{}],
+            dialogStatus: false,
+            infolist: {},
+            typeOptions: [],
+            titname: '',
+            disableStatus: false,
+            fileList: [],
+            attList: [],
+            searchList: [
+                {
+                    type: "input",
+                    tit: "申请事项",
+                    value: "",
+                    width: "48%",
+                },
+                {
+                    type: "sel",
+                    tit: "状态",
+                    value: "",
+                    width: "48%",
+                    options: [
+                         {
+                            dataCode: "待办",
+                            dataName: "待办"
+                        },
+                        {
+                            dataCode: "已办",
+                            dataName: "已办"
+                        },
+                        {
+                            dataCode: "已归档",
+                            dataName: "已归档"
+                        }
+                    ]
+                }
+            ],
+            rules: {
+                itemName: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: nullRule
+                }],
+                channelName: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: nullRule
+                }],
+                otherName: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: nullRule
+                }],
+                planPurpose: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: nullRule
+                }],
+                planDescription: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: nullRule
+                }],
+                assigneeName: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: assigneeNameRule
+                }],
+                opinions: [{
+                    required: true,
+                    trigger: 'change',
+                    validator: opinionsRule
+                }]
+            },
+            fileInfo: {
+                limit: 10,
+                url: urls.uploadUrl,
+                fileList: []
+            },
+            datalist: {
+                url: urls.downfileUrl,
+                type: 2,
+                attList: []
+            },
+            uploadstatus: false,
+            userInfo: {},
+            params: {},
+            centerDialogVisible: false,
+            messTit: '',
+            delid: '',
+            loading: false,
+            channelList: [],
+            flowHistory:[{}],
+            isAuthor: false,
+            isViewer: false,
+            formStatus:1,   //页面状态1:添加,2:浏览,3:处理
+            isOther:false,
+            userTreeDlgVisual:false,
+            firstChannel:'',
+            nextStep:'',
+            isr:'',
+            msg:""
+        }
+    },
+    methods: {
+        //获取当前用户权限
+        getPermissions(){
+            this.$http({
+                url: this.getPermUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: {},
+            }).then((res) => {
+                this.isAuthor = res.data.isAuthor;
+                if(res.data.isAuthor){
+                    this.isViewer = true;
+                }else{
+                    this.isViewer = res.data.isViewer;
+                }
+                /*if(!this.isViewer){
+                    this.msg = "权限错误！";
+                    this.popupMsg();
+                }*/
+            });
+        },
+        //从字典表获取‘频道名称’
+         getChannelList() {
+            this.$http({
+                url: "/market/cfgDataDict/queryList",
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: {
+                    dictCode: 'channel'
+                },
+            }).then((res) => {
+                this.channelList = res.data;
+                this.firstChannel = res.data[0].dataName;
+            });
+        },
+        //关闭主对话框
+        closedia() {
+            this.infolist = {};
+            this.flowHistory=[];
+            this.dialogCli('close');
+        },
+        //提交搜索数据
+        searchInfo(v) {
+            this.params = {};
+            v[0] ? this.params.itemName = v[0] : '';
+            v[1] ? this.params.queryStatus = v[1] : '';
+            this.getList(this.params, this.pageSize);
+        },
+
+        /************
+        * @description: 获取分页列表
+        * @param  v 查询参数
+        * @param  n 要展示页码
+        * @return void
+        *************/
+        getList(p, n) {
+            this.pageSize = n;
+            let _this = this;
+            this.tableData = [];
+            this.loading = true;
+            this.$http({
+                url: _this.queryListUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                    "page": '{"pageNo":"' + n + '","pageSize":"10"}'
+                },
+                data: p,
+            }).then((res) => {
+                this.tableData = res.data.data;
+                this.total = res.data.totalRecord;
+                this.loading = false;
+            });
+        },
+         /************
+        * @description: 列表页翻页查询
+        * @param  n 要展示的页码
+        * @return void
+        *************/
+        currchange(n) {
+            this.pageSize = n;
+            this.getList(this.params, this.pageSize);
+        },
+
+        /************
+        * @description: 展示不同状态(增、查、改)的主表单
+        * @param  v 状态标识（1:增;2:查,3:改）
+        * @param  row 列表行对象
+        * @return void
+        *************/
+        dialogCheck(v, row) {
+            this.infolist = {};
+            this.formStatus = v;
+            if (v === 1) {
+                this.titname = '新建';
+                this.getUser();
+                this.dialogStatus = true;
+                this.disableStatus = false;
+                this.fileInfo.fileList = [];
+                this.attList = [];
+                this.formStatus = 1;   //页面状态1:添加,2:浏览,3:处理
+                this.nextStep='  [频道负责人]';
+                this.infolist.status = '0';
+                //this.infolist.channelName = this.firstChannel;
+                return
+            } else if (v === 2) {
+                this.titname = '查看';
+                this.disableStatus = true;
+                this.dialogStatus = true;
+                this.formStatus = 2;
+                this.loading = true;
+            } else if (v === 3) {
+                this.dialogStatus = true;
+                this.disableStatus = false;
+                this.titname = '处理';
+                this.formStatus = 3;
+                this.loading = true;
+                this.isr = "";
+            }
+
+           // this.infolist = Object.assign({}, row); //拷贝
+
+            this.$http({
+                url: this.queryInfoUrl,
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: row
+            }).then((res) => {
+                this.datalist.attList = res.data.attList;
+                this.uploadstatus = true;
+                this.infolist = res.data;
+                this.fileInfo.fileList = [];
+                this.attList = [];
+                this.flowHistory = JSON.parse(res.data.history).history_list;
+                if (res.data.attList) {
+                    res.data.attList.forEach(item => {
+                        this.fileInfo.fileList.push({
+                            name: item.fileName,
+                            url: '',
+                            id: item.id,
+                            fileName: item.fileName
+                        });
+                        this.attList.push({
+                            name: item.fileName,
+                            url: '',
+                            id: item.id,
+                            fileName: item.fileName
+                        });
+                    })
+                }
+                if(this.infolist.status==='1') {
+                    this.nextStep="[科室经理]";
+                    this.isr = "*";
+                }
+                if(this.infolist.status==='2') this.nextStep="[分管副总]";
+                if(this.infolist.status==='6') this.nextStep="[频道负责人]";
+
+                this.loading = false;
+            });
+        },
+
+
+        /************
+        * @description: 主页面按钮操作
+        * @param  v 状态标识（1:新增保存;2:页面关闭,3:记录修改）
+        * @return void
+        *************/
+        dialogCli(v) {
+
+            if (v === "close") {
+                this.datalist.attList = [];
+                this.uploadstatus = false;
+                this.fileInfo.fileList = [];
+                this.infolist = {};
+                this.dialogStatus = false;
+                this.defaultList = [];
+                this.isOther = false;
+                return
+            }
+
+            if (this.formStatus===1){
+                this.submitInfo(this.addUrl, v);
+            }else{
+                this.submitInfo(this.updateUrl, v);
+            }
+
+        },
+
+        /************
+        * @description: 主页面数据提交
+        * @param  u 提交请求地址
+        * @param  v 状态标识（1:新增保存;3:记录修改）
+        * @return void
+        *************/
+        submitInfo(u, v) {
+            let _this = this;
+            this.infolist.operation = v;
+            this.$refs.infolist.validate(valid => {
+                if (valid) {
+                    let attList = [];
+
+                    this.datalist.attList = [];
+                    this.uploadstatus = false;
+                    for (let i = 0; i < this.attList.length; i++) {
+                        attList.push({
+                            id: this.attList[i].id,
+                            fileCode: this.attList[i].fileCode,
+                            fileName: this.attList[i].fileName,
+                            opName: this.attList[i].opName,
+                            opNo: this.attList[i].opNo,
+                            opTime: this.attList[i].opTime
+                        });
+                    }
+                    this.infolist.attList = attList;
+                    this.$http({
+                        url: u,
+                        method: "post",
+                        headers: {
+                            "Content-Type": "application/json",
+                        },
+                        data: this.infolist
+                    }).then((res) => {
+                        if (res.data.result === 1) {
+                            _this.$message({
+                                message: res.data.desc,
+                                type: 'error'
+                            });
+                        } else {
+                            _this.$message({
+                                message: '操作成功',
+                                type: 'success'
+                            });
+                            _this.fileInfo.fileList = [];
+                            _this.infolist = {};
+                            _this.dialogStatus = false;
+                            _this.getList(this.params, this.pageSize);
+                            _this.defaultList = [];
+                        }
+
+                    });
+                }
+            })
+        },
+        //记录删除提示框
+        closeMessage(v) {
+            this.centerDialogVisible = false;
+            let _this = this;
+            if (v === 1) {
+                _this.$http({
+                    url: _this.delUrl,
+                    method: "post",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    data: {
+                            id: _this.delid
+                    }
+                }).then((res) => {
+                    if (res.data.result === 1) {
+                        _this.$message({
+                            message: res.data.desc,
+                            type: 'error'
+                        });
+                    } else {
+                        _this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        _this.getList(this.params, this.pageSize);
+                    }
+                });
+            }
+        },
+        //删除
+        delLine(v) {
+            this.centerDialogVisible = true;
+            this.messTit = '即将删除此条数据, 是否删除?';
+            this.delid = v.id;
+        },
+        //文件返回值
+        uploadBack(v) {
+            this.attList = v;
+        },
+        //功能栏
+        iconCli(v) {
+            if (v === 1) {
+                this.getList(this.params, this.pageSize);
+            }
+            if (v === 2) {
+                this.fullscreen = !this.fullscreen
+            }
+        },
+        getUser() {
+            this.userInfo = JSON.parse(window.sessionStorage.userInfo);
+            this.infolist = {};
+            this.infolist.opNo = this.userInfo.loginNo;
+            this.infolist.opName = this.userInfo.loginName;
+        },
+        //弹出提示框
+        popupMsg() {
+            this.$notify.error({
+            title: '错误',
+            message: this.msg
+            });
+        },
+        //频道切换触发
+        handleRadioChanges(value) {
+            if (value==='其他'){
+                this.isOther = true;
+            }else{
+                this.isOther = false;
+            }
+        },
+        showUserTreeDlg(){
+                this.userTreeDlgVisual = true
+        },
+        handleUserSelect(v){
+                this.infolist.assigneeNo = v.leaderAuditNo
+                this.infolist.assigneeName = v.leaderAuditName
+                this.closeUserSelect()
+        },
+        closeUserSelect(){
+            this.userTreeDlgVisual = false;
+        },
+        tableRowClassName({row, rowIndex}) {
+            let stylejson={}
+            if (row.queryStatus === '待办') {
+                stylejson.background ='oldlace';
+                return stylejson;
+            }
+            return ''
+        }
+    },
+    mounted() {
+        this.getPermissions();
+        this.getUser();
+        this.getChannelList();
+        this.getList(this.params, this.pageSize);
+
+    },
+    created() {
+
+    }
+}
+</script>
+<style scoped lang="scss">
+@import "../../../assets/style";
+
+.titbox {
+    div {
+        float: right;
+
+        i {
+            font-size: 22px;
+            margin-left: 20px;
+            cursor: pointer;
+        }
+    }
+}
+
+  .el-table__row.to-do {
+    background: rgb(248, 207, 133);
+  }
+
+  .el-table .success-row {
+    background: #f0f9eb;
+  }
+
+.tabbox {
+    margin-top: 16px;
+}
+
+.pageBox {
+    text-align: right;
+    margin-top: 10px;
+}
+
+.info-line {
+    width: 100%;
+    display: block;
+    padding-left: 20px;
+
+    div {
+        width: 100%;
+        display: inline-block;
+    }
+
+    span {
+        width: 120px;
+        display: inline-block;
+        padding-top: 10px;
+        text-align: left;
+        line-height:15px;
+        vertical-align: top;
+
+        i {
+            color: red;
+            display: inline-block;
+            padding-right: 5px;
+
+        }
+    }
+
+    .form-item{
+        width: calc(100% - 140px);
+    }
+
+    .el-select,.el-textarea,
+    .el-input {
+        width: 100%;
+    }
+
+
+    .tree
+    {
+        width: calc(100% - 100px);
+    }
+
+    .el-descriptions{
+        border: 1px solid #ddd;
+        background-color: #f5f7fa;
+        color: rgb(2, 30, 58);
+        padding-top: 5px;
+        padding-left: 10px;
+        height: 100%;
+        line-height:30px;
+        width: 100%;
+        border-radius: 5px;
+        min-height:35px;
+
+    }
+
+    .el-radio-group{
+        border: 1px solid #ddd;
+        padding-top: 12px;
+        padding-left: 20px;
+        height: 100%;
+        line-height:30px;
+        width: 100%;
+        border-radius: 5px;
+    }
+
+}
+
+.online {
+    width: 100%;
+
+    .el-select {
+        width: calc(100% - 100px);
+    }
+
+    span {
+        vertical-align: top;
+    }
+
+    .el-textarea {
+        width: calc(100% - 100px);
+    }
+}
+
+pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+</style>

src/pages/main/iptv/search.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="search-box">
+        <div class="box-l">
+            <div v-for="(item, index) in searchList" :key="index" class="box-info" :style="'width:' + item.width">
+                <el-input v-model="item.value" v-if="item.type === 'input'" size="medium" :placeholder="item.tit">
+                </el-input>
+                <el-select :popper-append-to-body="false" clearable v-if="item.type === 'sel'" v-model="item.value"
+                           :placeholder="item.tit" size="medium">
+                    <el-option v-for="items in item.options" :key="items.dataCode" :label="items.dataName"
+                               :value="items.dataCode">
+                    </el-option>
+                </el-select>
+                <el-date-picker :append-to-body="false" v-model="item.value" v-if="item.type === 'date'" size="medium"
+                                type="date" :placeholder="item.tit">
+                </el-date-picker>
+                <el-date-picker :append-to-body="false" v-model="item.value" v-if="item.type === 'datetime'"
+                                size="medium" type="datetime" :placeholder="item.tit">
+                </el-date-picker>
+                <el-date-picker :append-to-body="false" v-model="item.value" v-if="item.type === 'month'"
+                                size="medium" type="month" :placeholder="item.tit">
+                </el-date-picker>
+                <el-date-picker :append-to-body="false" v-model="item.value" v-if="item.type === 'year'"
+                                size="medium" type="year" :placeholder="item.tit">
+                </el-date-picker>
+            </div>
+        </div>
+        <el-button class="btn-check" size="medium" type="primary" plain icon="el-icon-search" @click="searchInfo">搜索
+        </el-button>
+        <el-button class="btn-check" size="medium" type="primary" plain icon="el-icon-refresh" @click="reset">重置
+        </el-button>
+    </div>
+</template>
+<script>
+    export default {
+        props: ["searchList"],
+        data() {
+            return {
+                infoList: [],
+            };
+        },
+        methods: {
+            reset(){
+                this.infoList = [];
+                for (let i = 0; i < this.searchList.length; i++) {
+                    this.searchList[i].value = "";
+                }
+                this.searchInfo();
+            },
+            searchInfo() {
+                this.infoList = [];
+                for (let i = 0; i < this.searchList.length; i++) {
+                    let v = this.searchList[i].value;
+                    if (this.searchList[i].value){
+                        v = v.replace(/%/gm,'\\%');
+                    }
+                    if (this.searchList[i].type === "date" && v) {
+                        this.infoList.push(Date.parse(v));
+                    } else {
+                        this.infoList.push(v);
+                    }
+                }
+                this.$emit("searchInfo", this.infoList);
+            },
+        },
+        mounted() {},
+        created() {},
+    };
+</script>
+<style scoped lang="scss">
+    .search-box {
+        display: flex;
+        justify-content: space-between;
+
+        .box-l {
+            display: flex;
+            justify-content: space-between;
+
+            .box-info {
+                display: inline-block;
+                // min-width: 100px;
+            }
+        }
+
+        .btn-check {}
+
+        .el-date-editor.el-input,
+        .el-date-editor.el-input__inner {
+            width: 100%;
+        }
+
+        .el-select-dropdown {
+            z-index: 100000 !important;
+        }
+    }
+</style>

src/pages/main/iptv/uploadDown.vue

@@ -0,0 +1,196 @@
+<template>
+    <div class="back-box">
+        <div v-for="item in infolist" :key="item.id" @click="downcheck(item)">
+            <i class="iconfont icon-word" v-if="item.type==='word'"></i>
+            <i class="iconfont icon-excel" v-if="item.type==='excel'"></i>
+            <i class="iconfont icon-ppt" v-if="item.type==='ppt'"></i>
+            <i class="iconfont icon-wenjian" v-if="item.type==='wenjian'"></i>
+            <i class="el-icon-picture" v-if="item.type==='png'"></i>
+            <el-tooltip class="item" effect="dark" :content="item.fileName" placement="right" :enterable="false">
+                <span class="tab-long">{{item.fileName}}</span>
+            </el-tooltip>
+            <div class="seedown" v-if="datalist.type===2">
+                <a @click="uploaddown(item)">下载</a>
+            </div>
+        </div>
+        <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>
+    export default {
+        props: ['datalist', 'dialogStatus'],
+        data() {
+            return {
+                infolist: [],
+                status: false,
+                srcsc: '',
+                ifrshow:false,
+            }
+        },
+        methods: {
+            downcheck(v) {
+                if (this.datalist.type === 1) {
+                    this.uploaddown(v);
+                }
+            },
+            uploadsee(v) {
+                let url = encodeURIComponent(v.callPath);
+                this.srcsc = 'http://114.215.71.182:8012/onlinePreview?url=' + url;
+                this.ifrshow=true;
+                // window.open('http://114.215.71.182:8012/onlinePreview?url=' + url);
+            },
+            //下载e
+            uploaddown(v) {
+                let fileData = v;
+                this.$http({
+                    url: this.datalist.url,
+                    method: "post",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    responseType: "blob",
+                    data: {"id": fileData.id, "fileName": fileData.fileName},
+                }).then((response) => {
+                    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+                        let blob = new Blob([response.data], {
+                            type: 'application/vnd.ms-excel'
+                        });
+                        window.navigator.msSaveOrOpenBlob(blob, fileData.fileName);
+                    } else {
+                        /* 火狐谷歌的文件下载方式 */
+                        var blob = new Blob([response.data])
+                        var downloadElement = document.createElement('a')
+                        var href = window.URL.createObjectURL(blob);
+                        downloadElement.href = href;
+                        downloadElement.download = fileData.fileName;
+                        document.body.appendChild(downloadElement);
+                        downloadElement.click();
+                        document.body.removeChild(downloadElement);
+                        window.URL.revokeObjectURL(href);
+                    }
+                });
+            },
+            dataHandle() {
+                this.infolist = this.datalist.attList;
+                if (this.infolist) {
+                    for (let i = 0; i < this.infolist.length; i++) {
+                        let f = this.infolist[i].fileName.split(".");
+                        let type = f[f.length - 1];
+                        if (type === 'doc' || type === 'docx') {
+                            this.infolist[i].type = 'word';
+                        } else if (type === 'ppt') {
+                            this.infolist[i].type = 'ppt';
+                        } else if (type === 'xlsx' || type === 'xls') {
+                            this.infolist[i].type = 'excel';
+                        } else if (type === 'png' || type === 'jpg' || type === 'svg' || type === 'gif' || type === 'psd') {
+                            this.infolist[i].type = 'png';
+                        } else {
+                            this.infolist[i].type = 'wenjian';
+                        }
+                    }
+                }
+            }
+        },
+        mounted() {
+
+        },
+        created() {
+            this.dataHandle();
+        },
+        watch: {
+            dialogStatus() {
+                this.$forceUpdate()
+                let _this = this;
+                _this.dataHandle();
+            }
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .if-box-top{
+        background: #fff;
+        width: 80vw;
+        height: 80vh;
+        margin-top: 10vh;
+        margin-left: 10vw;
+    }
+
+    .iconfont {
+        font-size: 42px;
+    }
+
+    .icon-excel {
+        color: #67DB63;
+    }
+
+    .icon-word {
+        color: #FF654E;
+    }
+
+    .icon-ppt {
+        color: #FF8943;
+    }
+
+    .icon-wenjian {
+        color: #ccc;
+    }
+
+    .el-icon-picture {
+        font-size: 36px;
+        color: #ccc;
+        background: #fff;
+        padding: 4px 2px;
+        margin-bottom: 2px;
+        border-radius: 3px;
+    }
+
+    .back-box {
+        margin-top: 20px;
+        background: #F2F2F2;
+        padding: 20px;
+
+        div {
+            display: inline-block;
+            text-align: center;
+            margin-right: 20px;
+            cursor: pointer;
+
+            span {
+                display: block;
+                width: 80px;
+                overflow: hidden;
+                padding-top: 5px;
+                margin: 0 10px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
+                -webkit-line-clamp: 1; /* 控制最多显示几行 */
+                -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
+            }
+        }
+
+        .seedown {
+            margin: 0;
+            margin-top: 5px;
+
+            a {
+                font-size: 12px;
+                padding: 2px 5px;
+                border: 1px solid transparent;
+                color: #999;
+            }
+
+            a:hover {
+                color: #0b82ff;
+            }
+        }
+    }
+
+</style>

src/pages/main/iptv/userDlg.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+      <el-dialog
+          :title="'请选择'+ns"
+          :visible.sync="visible"
+          width="40%"
+          :modal-append-to-body="false"
+          :close-on-click-modal="false"
+          :before-close="close"
+          >
+          <div class="tree">
+            <el-row>
+                <deptTreeOnly @treeCheck="treeCheck"></deptTreeOnly>
+            </el-row>
+          </div>
+
+      <span slot="footer" class="dialog-footer">
+          <el-button @click="close">取 消</el-button>
+          <el-button type="primary" @click="checkSelectUser">确 定</el-button>
+      </span>
+  </el-dialog>
+</div>
+</template>
+<script>
+import deptTreeOnly from "@/components/deptTreeOnly.vue"
+
+export default {
+  props: {
+    visible: { type: Boolean, required: true, default () { return false } },
+    ns:String
+  },
+  components: {deptTreeOnly},
+  data(){
+    return{
+        treeList:[]
+    }
+  },
+  methods:{
+      treeCheck(v) {
+        this.treeList = v;
+      },
+      checkSelectUser(){
+        this.$emit('handleSelect',this.treeList)
+        this.close()
+      },
+      close(){
+        this.$emit('update:visible', false) // 直接修改父组件的属性
+        this.$emit('close')
+
+      }
+  }
+}
+</script>
+<style scoped lang="scss">
+.tree{
+  height: 400px;
+  overflow:scroll;
+}
+</style>

src/router/index.js

@@ -1916,6 +1916,18 @@ const routes = [{
             name: 'collect',
             component: (resolve) => require( /* webpackChunkName: "system" */ ['../pages/main/collect/index'], resolve)
         },
+        {
+            meta: { name: '版权事件备案', keepAlive: false },
+            path: '/iptv',
+            name: 'iptv',
+            component: (resolve) => require( /* webpackChunkName: "system" */['../pages/main/iptv/index.vue'], resolve)
+        },
+        {
+            meta: { name: '上线审批', keepAlive: false },
+            path: '/planApproval',
+            name: 'planApproval',
+            component: (resolve) => require( /* webpackChunkName: "system" */['../pages/main/iptv/planApproval.vue'], resolve)
+        }
     ]
 },
 {