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