From 3c4d54bcb66d7cec4a35defc999250e200b4fdd2 Mon Sep 17 00:00:00 2001
From: baizonghao <1719256278@qq.com>
Date: 星期四, 25 五月 2023 15:39:37 +0800
Subject: [PATCH] 不予立案

---
 src/views/common/Sensitive.vue |  350 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 345 insertions(+), 5 deletions(-)

diff --git a/src/views/common/Sensitive.vue b/src/views/common/Sensitive.vue
index 7fdacc0..48a9ae7 100644
--- a/src/views/common/Sensitive.vue
+++ b/src/views/common/Sensitive.vue
@@ -1,15 +1,355 @@
 <template>
-  <div>
-    鏁忔劅璇�
+  <div style="height: 100%">
+    <el-card style="height: 100%">
+      <template slot="header">
+        <el-form :inline="true" :model="queryInfo" class="demo-form-inline">
+          <el-form-item label="鍏抽敭瀛楋細">
+            <el-input placeholder="璇疯緭鍏�" v-model="queryInfo.word"></el-input>
+          </el-form-item>
+          <!-- <el-form-item label="鐘舵�侊細">
+            <el-select v-model="queryInfo.status" placeholder="璇烽�夋嫨">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item> -->
+          <el-form-item>
+            <el-button type="primary" @click="search">鏌ヨ</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="addPublicityVisibel = true">娣诲姞</el-button>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template>
+        <el-table :data="publicityList" style="width: 100%">
+
+          <el-table-column label="搴忓彿" type="index" width="180" align="center">
+            <template slot-scope="scope">
+              <span>{{ (current - 1) * size + scope.$index + 1 }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="words" label="鏁忔劅璇�" width="180" align="center">
+          </el-table-column>
+          <!-- <el-table-column prop="status" label="鐘舵��" width="180" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span v-if="scope.row.status == 0">鏈彂甯�</span>
+              <span v-if="scope.row.status == 1">宸插彂甯�</span>
+              <span v-if="scope.row.status == 2">涓嬫灦</span>
+            </template>
+          </el-table-column> -->
+          <el-table-column prop="creator" label="鍒涘缓浜�" width="180" header-align="center" align="center">
+          </el-table-column>
+          <el-table-column prop="ctime" label="鍒涘缓鏃堕棿" width="180" header-align="center" align="center">
+          </el-table-column>
+          <el-table-column label="鎿嶄綔" align="conter">
+            <template slot-scope="scope">
+              <el-button type="text" size="medium" @click="details(scope.row.id)">璇︽儏</el-button>
+              <!-- <el-button type="text" size="medium" @click="punlish(scope.row.id, scope.row.status)"
+                :disabled="scope.row.status == 2">
+                <span v-if="scope.row.status === 1" style="color:#ff0000">涓嬫灦</span>
+                <span v-else>鍙戝竷</span>
+              </el-button> -->
+              <el-button type="text" size="medium" @click="remove(scope.row.id)" style="color:#ff0000">鍒犻櫎
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+      <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current" :page-size="queryInfo.size"
+        layout="prev, pager, next" :total="total"></el-pagination>
+    </el-card>
+
+    <!--娣诲姞鏁忔劅瀛楀脊绐�-->
+    <el-dialog title="鏁忔劅瀛楁坊鍔�" :visible.sync="addPublicityVisibel" width="50%" :before-close="addPublicityClose"
+      :append-to-body="true">
+      <el-row :gutter="15">
+        <el-form ref="addPublicityForm" :model="addPublicityForm" :rules="rules" size="medium" label-width="100px">
+          <el-col :span="18">
+            <el-form-item label="鍏抽敭瀛�" prop="words">
+              <el-input v-model="addPublicityForm.words" type="textarea" placeholder="璇疯緭鍏ュ叧閿瓧,骞剁敤','鍒嗛殧" clearable
+                :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="18">
+            <el-form-item label="鍖归厤绫诲瀷" prop="content">
+              <el-input v-model="addPublicityForm.matchQuestion" type="textares" :row="4"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="闂瑙g瓟" prop="content">
+              <el-input v-model="addPublicityForm.answer" type="textares" :row="4"></el-input>
+            </el-form-item>
+          </el-col> -->
+        </el-form>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="addPublicityVisibel = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="add">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+
+    <!--鍏叡瀹d紶璇︽儏寮圭獥-->
+    <el-dialog title="鍏叡瀹d紶璇︽儏" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
+      :before-close="detailsVisibleclose">
+
+   <el-row :gutter="15">
+        <el-form ref="addGroupForm" :model="addGroupForm" size="medium" label-width="100px">
+          <el-col :span="24">
+            <el-form-item label="鍏抽敭瀛� " prop="text">
+              <el-input v-model="detailsRow.words" type="textarea" placeholder="璇疯緭鍏ュ叕鍛婂唴瀹�" disabled
+                :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
+            </el-form-item>
+          </el-col>
+            <!-- <el-col :span="24">
+            <el-form-item label="鍖归厤闂" prop="effectiveEtime">
+              <el-input v-model="detailsRow.matchQuestion" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="闂瑙g瓟 " prop="text">
+              <el-input v-model="detailsRow.answer" type="textarea" placeholder="璇疯緭鍏ュ叕鍛婂唴瀹�" disabled
+                :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="鍏憡鏈夋晥鏈�" prop="effectiveStime">
+              <el-date-picker v-model="detailsGroupAn.effectiveStime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" disabled
+                :style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鑷�" prop="effectiveEtime">
+              <el-date-picker v-model="detailsGroupAn.effectiveEtime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" disabled
+                :style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="鍙戝竷鏃堕棿" prop="effectiveEtime">
+              <el-date-picker v-model="detailsRow.ctime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" disabled
+                :style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍒涘缓浜�" prop="effectiveEtime">
+              <el-input v-model="detailsRow.creator" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="鐘舵��" prop="status">
+              <span v-if="detailsRow.status === 1">宸插彂甯�</span>
+              <span v-else-if="detailsRow.status === 0">鏈彂甯�</span>
+              <span v-else="detailsRow.status === 2">宸蹭笅鏋�</span>
+            </el-form-item>
+          </el-col> -->
+        </el-form>
+      </el-row>
+
+
+      <!-- <div style="display:flex; width:180;">
+        <div style="display:flex; width:180;">
+          <h4>鏁忔劅瀛�</h4>
+          <p>{{ detailsRow.words }}</p>
+        </div>
+        <div style="display:flex; width:180;">
+          <h4>鍖归厤闂</h4>
+          <p>{{ detailsRow.creator }}</p>
+        </div>
+        <div style="display:flex; width:180;">
+          <h4>鍒涘缓鏃堕棿</h4>
+          <p>{{ detailsRow.ctime }}</p>
+        </div>
+      </div> -->
+
+      <!-- <el-table-column width="180" prop="effectiveStime" label="缇ょ粍鍏憡"></el-table-column>
+            <el-table-column width="120" prop="status" label="鐘舵��">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status === 1">宸插彂甯�</span>
+                <span v-else-if="scope.row.status === 0">鏈彂甯�</span>
+                <span v-else="scope.row.status=== 2">宸蹭笅鏋�</span>
+              </template>
+            </el-table-column>
+            <el-table-column width="100" prop="createName" label="鍒涘缓浜�"></el-table-column>
+            <el-table-column width="180" prop="publishTime" label="鍙戝竷鏃堕棿">
+            </el-table-column> -->
+
+    </el-dialog>
+
   </div>
 </template>
-
 <script>
+import {
+  getPublicityList,
+  addPublicityList
+} from '@/api/Sensitive'
 export default {
-  name: "Sensitive"
+  name: "Sensitive",
+  data() {
+    return {
+
+      rules: {
+        words: [{
+          required: true,
+          message: '璇疯緭鍏ュ叧閿瓧 ',
+          trigger: 'blur'
+        }],
+
+      },
+      //璇︾粏鍐呭寮规
+      detailsVisible: false,
+      //璇︾粏鍐呭
+      detailsRow: [],
+      //琛ㄥ崟鎻愪氦鍐呭
+      addPublicityForm: {
+        words: ''
+      },
+      //娣诲姞寮规
+      addPublicityVisibel: false,
+      //搴忓彿褰撳墠椤�
+      current: 1,
+      //搴忓彿鏁扮洰
+      size: 10,
+      //椤甸潰鏌ヨ鎬绘暟
+      total: null,
+      //鏌ヨ鏉′欢
+      queryInfo: {
+        word: '',
+        status: null,
+        current: 1,
+        size: 10
+      },
+      options: [
+        {
+          value: null,
+          label: '鍏ㄩ儴'
+        },
+        {
+          value: '0',
+          label: '鏈彂甯�'
+        },
+        {
+          value: '1',
+          label: '宸插彂甯�'
+        }
+        , {
+          value: '2',
+          label: '涓嬫灦 '
+        }
+      ],
+      publicityList: []
+      ,
+    }
+  },
+  created() {
+    this.init();
+
+  },
+  methods:
+  {
+    //鍒犻櫎
+    remove(val) {
+      this.$http.delete('/api/sensitive', { params: { id: val } }).then(res => {
+        this.$message({
+          message: '鍒犻櫎鎴愬姛',
+          type: 'success'
+        })
+
+        this.search();
+      })
+    },
+    // //鍙戝竷/涓嬫灦
+    // punlish(val, val2) {
+    //   if (val2 == 0) {
+    //     this.$http.get('/api/sensitive/release/' + val).then(res => {
+    //       this.$message({
+    //         message: '鍙戝竷鎴愬姛',
+    //         type: 'success'
+    //       })
+
+    //       this.search();
+    //     }
+    //     )
+    //   }
+    //   if (val2 == 1) {
+    //     this.$http.get('/api/sensitive/offline/' + val).then(res => {
+    //       this.$message({
+    //         message: '涓嬫灦鎴愬姛',
+    //         type: 'success'
+    //       })
+    //       this.search();
+    //     }
+    //     );
+    //   }
+    // },
+
+    //璇︽儏
+    details(val) {
+      this.detailsVisible = true;
+      this.$http.get('/api/sensitive/' + val).then(res => this.detailsRow = res.data.data);
+    },
+    //娣诲姞
+    add() {
+        this.$refs.addPublicityForm.validate(async (vaild) => {
+        if (!vaild) return this.$message.error('杈撳叆鏈夎')
+      let param = null;
+      param = this.addPublicityForm;
+      addPublicityList(param).then(res => {
+        this.$message({
+          message: '鎿嶄綔鎴愬姛',
+          type: 'success'
+        });
+        this.addPublicityForm = {}
+        this.init();
+      }
+      )
+      this.addPublicityVisibel = false;})
+    },
+    //鍏抽棴涔嬪墠
+    addPublicityClose() {
+      this.addPublicityVisibel = false;
+    },
+    detailsVisibleclose() {
+      this.detailsVisible = false;
+    },
+    //鍒嗛〉鏂规硶
+    handleCurrentChange(val) {
+      this.queryInfo.current = val;
+      this.search();
+    },
+
+    //鍏叡瀹d紶鍔犺浇
+    init() {
+      let param = {}
+      param.current = this.queryInfo.current
+      param.size = this.queryInfo.size
+      param.status = this.queryInfo.status !== null ? this.queryInfo.status : ''
+      getPublicityList(param).then(res => {
+        this.publicityList = res.records;
+        this.total = res.total
+      })
+    },
+    //鏌ヨ
+    search() {
+      let param = {}
+      param.word = this.queryInfo.word;
+      param.current = this.queryInfo.current
+      param.size = this.queryInfo.size
+      param.status = this.queryInfo.status !== null ? this.queryInfo.status : ''
+      getPublicityList(param).then(res => {
+        this.publicityList = res.records;
+        this.total = res.total
+        this.current = res.current
+      })
+    },
+
+  }
 }
 </script>
 
 <style scoped>
-
+::v-deep(.el-table thead) {
+  color: #000000;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0