SOURCE

-list-table">
    <list-search @search="searchData" @reset="reset" isNeedReset="true">
      <template slot="search">
        <list-search-item label="标题">
          <el-input
            size="mini"
            placeholder="请输入标题"
            v-model.trim="search.title"
            @keyup.enter.native="searchData"
            clearable
          ></el-input>
        </list-search-item>
        <!-- <list-search-item label="反馈人">
          <el-input
            size="mini"
            placeholder="请输入反馈人姓名"
            v-model.trim="search.feedbackPersonName"
            @keyup.enter.native="searchData"
            clearable
          ></el-input>
        </list-search-item> -->
        <!-- <list-search-item label="联系电话">
          <el-input
            size="mini"
            placeholder="请输入联系电话"
            v-model.trim="search.feedbackPersonMobile"
            @keyup.enter.native="searchData"
            clearable
          ></el-input>
        </list-search-item> -->
        <list-search-item label="反馈方式">
          <el-select v-model="search.feedbackType" placeholder="请选择" size="mini" clearable>
            <el-option :value="key" :label="value" v-for="(value, key) in feedbackTypeList" :key="key"></el-option>
          </el-select>
        </list-search-item>
        <list-search-item label="反馈时间">
          <el-date-picker
            size="mini"
            class="sy-date-editor"
            v-model="search.startTime"
            :picker-options="{disabledDate: disabledDate.bind(null, search.endTime, '>', 'date')}"
            value-format="yyyy-MM-dd"
            placeholder="开始日期"
          ></el-date-picker>
          <span class="sy-list-search-item-separator">至</span>
          <el-date-picker
            size="mini"
            class="sy-date-editor"
            v-model="search.endTime"
            :picker-options="{disabledDate: disabledDate.bind(null, search.startTime, '<', 'date')}"
            value-format="yyyy-MM-dd"
            placeholder="结束日期"
          ></el-date-picker>
        </list-search-item>
        <list-search-item label="状态">
          <el-select v-model="search.status" placeholder="请选择" size="mini" clearable>
            <el-option :value="key" :label="value" v-for="(value, key) in feedbackStatusList" :key="key"></el-option>
          </el-select>
        </list-search-item>
      </template>
    </list-search>
    <!--列表区-->
    <div class="table">
      <f-table :fetch="fetchData" :data="tableList" :paginationOpt="pagination">
        <template slot="table">
          <el-table-column label="标题" prop="title">
            <template slot-scope="scope">
              <p v-if="scope.row.title.length <= 15">{{scope.row.title}}</p>
              <p v-else>{{scope.row.title.substring(0, 15)}}...</p>
            </template>
          </el-table-column>
          <el-table-column label="反馈方式">
            <template slot-scope="scope">
              <p>{{feedbackTypeList[scope.row.feedbackType]}}</p>
            </template>
          </el-table-column>
          <el-table-column label="反馈时间" prop="createTime"></el-table-column>
          <el-table-column label="状态">
            <template slot-scope="scope">
              <p class="feedback-status">
                <i :class="{
                  'circle': true, 
                  'red': scope.row.status === 0, 
                  'green': scope.row.status === 1}">
                </i>
                <span>{{feedbackStatusList[scope.row.status]}}</span>
              </p>
              <el-popover
                v-if="scope.row.status === 1 && scope.row.remark"
                popper-class="feedback-remark-popper"
                placement="bottom-start"
                width="240"
                trigger="click"
                :content="scope.row.remark">
                <p class="feedback-remark" slot="reference">受理意见</p>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column label="受理人" prop="acceptor"></el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <p v-if="isLook">
                <router-link
                  :to="{name: 'feedback-detail', query: {id: scope.row.id, c: JSON.stringify(selectedCondition)}, params: {feedbackPlatform: $route.params.feedbackPlatform}}"
                >
                  <span class="font-color-link">查看</span>
                </router-link>
              </p>
            </template>
          </el-table-column>

<!DOCTYPE html>
<html>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

    </style>
    <body>
        <textarea  rows="3" cols="20" id="tdom"></textarea>
        <button onclick="clickSe()">筛选</button>
        <button onclick="clean()">清除</button>
        <div id="testdom" style="width: 800px;" ></div>
    </body>
</html>
<script>
    var test = ``
    var testx = ``
    var textDOM = document.getElementById('tdom')
    var textkDOM = document.getElementById('tkdom')
    function clickSe() {
        test = textDOM.value
        let fixTest = test.replace(/\/\/.*/g, '')
        fixTest = fixTest.replace(/<!--[\d\D]*?-->/g, "")
        fixTest = fixTest.replace(/[^\u4e00-\u9fa5]/gi, " ")
        fixTest = fixTest.replace(/\s+/g, " ")
        fixTest = fixTest.replace(/ /gi, "</br>")
        document.getElementById('testdom').innerHTML = fixTest
    }
    function clean() {
        textDOM.value = ''
    }
</script>