| | |
| | | |
| | | getPointTrendAnalysisData: (params) => { |
| | | return http.get('/sccg/trendAnalysis/queryPointInfoByTime', params); |
| | | } |
| | | }, |
| | | |
| | | getWorkOrder: (params) => { |
| | | return http.get('/sccg/base_case/work_order', params); |
| | | }, |
| | | exportWorkOrder: (params) => { |
| | | return http.downloadFile('/sccg/base_case/work_order/export', params); |
| | | }, |
| | | } |
| | |
| | | component: () => import('@/views/operate/lawEnforcement') |
| | | }, |
| | | { |
| | | path: 'workOrder', |
| | | name: 'workOrder', |
| | | component: () => import('@/views/operate/workOrder') |
| | | }, |
| | | { |
| | | path: 'management', |
| | | name: 'management', |
| | | component: () => import('@/views/operate/management'), |
| | |
| | | tempList: [], |
| | | typeList: [ |
| | | { |
| | | name: "摄像头推送", |
| | | value: "01", |
| | | name: "本地推送", |
| | | value: "05", |
| | | checked: true, |
| | | }, |
| | | { |
| | | name: "单兵推送", |
| | | value: "03", |
| | | name: "100路推送", |
| | | value: "04", |
| | | checked: false, |
| | | }, |
| | | ], |
| | |
| | | <div class="createUser"> |
| | | <main> |
| | | <div class="mainContent"> |
| | | <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="rules" |
| | | label-position="right"> |
| | | <el-form |
| | | ref="user" |
| | | label-width="140px" |
| | | autoComplete="on" |
| | | :model="role" |
| | | :rules="rules" |
| | | label-position="right" |
| | | > |
| | | <!-- 消息栏目 --> |
| | | <el-form-item class="optionItem" label="短信模板:" prop="messageType"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="短信模板:" |
| | | prop="messageType" |
| | | > |
| | | <div class="message-item"> |
| | | <div class="message-item__left"> |
| | | <el-select v-model="role.messageType" placeholder="请选择短信模板" @change="setTemplateValue"> |
| | | <el-option v-for="item in colList" :key="item.id" :label="item.title" |
| | | :value="item.id"> |
| | | <el-select |
| | | v-model="role.messageType" |
| | | placeholder="请选择短信模板" |
| | | @change="setTemplateValue" |
| | | > |
| | | <el-option |
| | | v-for="item in colList" |
| | | :key="item.id" |
| | | :label="item.title" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 消息标题 --> |
| | | <el-form-item class="optionItems" label="短信标题:" prop="head"> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="短信标题:" |
| | | prop="head" |
| | | > |
| | | <div class="message-item__left"> |
| | | <el-input v-model="role.head" placeholder="请选择短信标题"></el-input> |
| | | <el-input |
| | | v-model="role.head" |
| | | placeholder="请选择短信标题" |
| | | ></el-input> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 接收对象 --> |
| | | <el-form-item class="optionItem" label="接收手机号:" prop="targetTo"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="接收手机号:" |
| | | prop="targetTo" |
| | | > |
| | | <div class="message-item__left"> |
| | | <el-select v-model="role.targetTo" placeholder="请选择接收接收手机号" > |
| | | <el-input v-model="role.targetTo"></el-input> |
| | | <!-- <el-select v-model="role.targetTo" placeholder="请选择接收接收手机号" > |
| | | <el-option :value="role.targetTo"> |
| | | <el-tree ref="tree" :data="departList" :props="defaultProps" show-checkbox |
| | | @check="handleCheck" default-expand-all node-key="id"> |
| | | </el-tree> |
| | | </el-option> |
| | | </el-select> |
| | | </el-select> --> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 消息内容 --> |
| | | <el-form-item class="optionItem" label="消息内容:" prop="body"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="消息内容:" |
| | | prop="body" |
| | | > |
| | | <MyEditor ref="edit"></MyEditor> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <div class="optionBtn"> |
| | | <el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">发布</el-button> |
| | | <el-button class="btn cancel" @click.native.prevent="handleReset">重置</el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click.native.prevent="handleSubmit(1)" |
| | | class="btn submit" |
| | | >发布</el-button |
| | | > |
| | | <el-button |
| | | class="btn cancel" |
| | | @click.native.prevent="handleReset" |
| | | >重置</el-button |
| | | > |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | components: { MyEditor }, |
| | | data() { |
| | | const validateMessageContent = (rule, value, callback) => { |
| | | if (!value) { |
| | | callback(new Error('请输入短信内容')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | } |
| | | if (!value) { |
| | | callback(new Error('请输入短信内容')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | } |
| | | return { |
| | | role: { |
| | | messageType: '', |
| | |
| | | { required: true, trigger: "blur", message: '请输入短信标题' }, |
| | | ], |
| | | targetTo: [ |
| | | { required: true , trigger: "blur", message: '请选择接收对象' }, |
| | | { required: true, trigger: "blur", message: '请选择接收对象' }, |
| | | ], |
| | | body: [ |
| | | { required: true, trigger: ['blur', 'change'], validator: validateMessageContent } |
| | | { required: true, trigger: ['blur', 'change'], validator: validateMessageContent } |
| | | ] |
| | | }, |
| | | colList: [], |
| | |
| | | typeList: [], |
| | | dialogCreate: false, |
| | | dialogView: false, |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'departName' |
| | | }, |
| | | // defaultProps: { |
| | | // children: 'children', |
| | | // label: 'departName' |
| | | // }, |
| | | checkedList: [], |
| | | tempNameArr:[], |
| | | tempNameArr: [], |
| | | info: {}, |
| | | sendUser:"" |
| | | sendUser: "" |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }, |
| | | |
| | | getSMSTemplateList() { |
| | | SMS.getSMSTemplateList({ current: 1, pageSize: 100 }) |
| | | .then(({ records }) => { |
| | | this.colList = records; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | SMS.getSMSTemplateList({ current: 1, pageSize: 100 }) |
| | | .then(({ records }) => { |
| | | this.colList = records; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | |
| | | // 关闭弹窗 |
| | |
| | | handleCheck(data, node) { |
| | | this.checkedList = [] |
| | | node.checkedNodes.forEach(item => { |
| | | if(!item.hasOwnProperty('departType')){ |
| | | if (!item.hasOwnProperty('departType')) { |
| | | this.checkedList.push(item.id) |
| | | this.tempNameArr.push(item.departName) |
| | | } |
| | |
| | | }, |
| | | // 新建/保存消息(1:新建,0保存消息) |
| | | handleSubmit(mystatus) { |
| | | this.role.body = this.$refs.edit.editor.txt.html(); |
| | | this.$refs.user.validate((valid) => { |
| | | this.role.body = this.$refs.edit.editor.txt.html(); |
| | | this.$refs.user.validate((valid) => { |
| | | if (valid) { |
| | | const params = Object.assign({}, this.role); |
| | | params.targetTo = this.checkedList.join(','); |
| | | params.status = mystatus; |
| | | sendMessage(params) |
| | | .then(() => { |
| | | this.$message({ type: 'success', message: '操作成功' }); |
| | | this.$emit('closeMyDialog'); |
| | | }) |
| | | .catch(err => this.$message({ type: 'error', message: err })); |
| | | const params = Object.assign({}, this.role); |
| | | // params.targetTo = this.checkedList.join(','); |
| | | params.status = mystatus; |
| | | sendMessage(params) |
| | | .then(() => { |
| | | this.$message({ type: 'success', message: '操作成功' }); |
| | | this.$emit('closeMyDialog'); |
| | | }) |
| | | .catch(err => this.$message({ type: 'error', message: err })); |
| | | } else { |
| | | this.$message.warning('请检查必填项'); |
| | | this.$message.warning('请检查必填项'); |
| | | } |
| | | }) |
| | | }, |
| | | setTemplateValue(obj){ |
| | | var _this=this |
| | | SMS.getSMSTemplateById(obj).then((result) =>{ |
| | | _this.role.head=result.title |
| | | _this.role.body=result.body |
| | | setTemplateValue(obj) { |
| | | var _this = this |
| | | SMS.getSMSTemplateById(obj).then((result) => { |
| | | _this.role.head = result.title |
| | | _this.role.body = result.body |
| | | _this.$refs.edit.editor.txt.html(result.body) |
| | | }) |
| | | }, |
| | |
| | | padding: 12px 50px; |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
New file |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <!-- <div class="headerTitle">运营管理》我的待办</div>--> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | | <span>姓名:</span> |
| | | <el-input |
| | | placeholder="请输入姓名" |
| | | v-model="context" |
| | | ></el-input> |
| | | <!-- 按钮区域 --> |
| | | <div class="main-btns"> |
| | | <div class="main-btns-left"> |
| | | <!-- <el-button icon="el-icon-download">下载图片</el-button>--> |
| | | <el-button |
| | | icon="el-icon-folder" |
| | | @click="exportTableData" |
| | | >导出</el-button |
| | | > |
| | | </div> |
| | | <div class="main-btns-right"> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | @click="setTableData" |
| | | >查询</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-delete-solid" |
| | | @click="handleReset" |
| | | >重置</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </header> |
| | | <main> |
| | | <div class="main-content"> |
| | | <!-- 数据展示 --> |
| | | <el-table |
| | | border |
| | | stripe |
| | | ref="multipleTable" |
| | | :header-cell-style="{ |
| | | background: '#F5F5F5', |
| | | 'font-weight': '650', |
| | | 'line-height': '45px' |
| | | }" |
| | | :row-class-name="tableRowClassName" |
| | | :data="list" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column label="序号" type="index" width="80px"> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="姓名" min-width="8"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="taskCount" |
| | | label="任务总数" |
| | | min-width="10" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="finishCount" |
| | | label="已完成数量" |
| | | min-width="10" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="notFinishCount" |
| | | label="未完成数量" |
| | | min-width="10" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="finishRadio" |
| | | label="完成率" |
| | | min-width="10" |
| | | > |
| | | <template slot-scope="{ row }" |
| | | >{{ fun(row.finishRadio * 100) }}%</template |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"></div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | background |
| | | :current-page="currentPage" |
| | | layout="prev, pager, next" |
| | | :total="totalNum" |
| | | :page-size="pageSize" |
| | | @current-change="changeCurrentPage" |
| | | @prev-click="handlePrev" |
| | | @next-click="handleNext" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </main> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import basecase from "@/api/operate/basecase"; |
| | | export default { |
| | | |
| | | data() { |
| | | return { |
| | | context: "", |
| | | list: [], |
| | | totalNum: 0, |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.setTableData(); |
| | | }, |
| | | methods: { |
| | | // 设置tableData |
| | | setTableData() { |
| | | const { currentPage, pageSize, context } = this; |
| | | basecase.getWorkOrder({ |
| | | currentPage, |
| | | pageSize, |
| | | keyword: context, |
| | | }).then((res) => { |
| | | this.list = res.records; |
| | | this.totalNum = res.total; |
| | | }); |
| | | }, |
| | | exportTableData() { |
| | | const { context } = this; |
| | | basecase.exportWorkOrder({ |
| | | keyword: context, |
| | | }).then((res) => { |
| | | this.$message.success('操作成功'); |
| | | let time = new Date() |
| | | let deathdate = time.toLocaleDateString() |
| | | const blob = new Blob([res.data], { |
| | | type: "application/vnd.ms-excel;charset=utf-8", |
| | | }); |
| | | if (window.navigator.msSaveBlob) { |
| | | window.navigator.msSaveBlob(blob, deathdate + "工单数据" + ".xlsx"); |
| | | } else { |
| | | const url = window.URL.createObjectURL(blob); |
| | | const link = document.createElement("a"); |
| | | link.style.display = "none"; |
| | | link.href = url; |
| | | link.download = deathdate + "工单数据" + ".xlsx"; |
| | | document.body.appendChild(link); |
| | | link.click(); |
| | | document.body.removeChild(link); |
| | | } |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | handleReset() { |
| | | this.currentPage = 1; |
| | | this.pageSize = 10; |
| | | this.context = ""; |
| | | this.setTableData() |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return "warning-row"; |
| | | } else { |
| | | return "success-row"; |
| | | } |
| | | }, |
| | | fun(val) { |
| | | return Number(val).toFixed(2); |
| | | }, |
| | | handleStateChange(e) { |
| | | this.setTableData(); |
| | | }, |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | | this.currentPage = page; |
| | | this.setTableData(); |
| | | }, |
| | | // 上一页点击事件 |
| | | handlePrev(page) { |
| | | this.currentPage = page; |
| | | this.setTableData(); |
| | | }, |
| | | // 下一页点击事件 |
| | | handleNext(page) { |
| | | this.currentPage = page; |
| | | this.setTableData(); |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .userList { |
| | | text-align: left; |
| | | padding: 10px 20px; |
| | | // color: #4b9bb7; |
| | | border: 1px solid #ccc; |
| | | .headerTitle { |
| | | line-height: 40px; |
| | | } |
| | | |
| | | header { |
| | | //background-color: white; |
| | | |
| | | .headerContent { |
| | | padding: 0; |
| | | display: flex; |
| | | line-height: 100px; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | |
| | | .search { |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | |
| | | span { |
| | | flex: 1; |
| | | } |
| | | |
| | | .el-input { |
| | | flex: 2; |
| | | color: #1d3f57; |
| | | |
| | | &::v-deep .el-input__inner { |
| | | background-color: #fff; |
| | | //border: 1px solid #17324c; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | &::v-deep .el-dialog__header, |
| | | &::v-deep .el-dialog__body { |
| | | // background-color: #06122c; |
| | | } |
| | | |
| | | &::v-deep .el-dialog__header { |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #fff; |
| | | padding: 20px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | &::v-deep .el-dialog__title { |
| | | color: #4b9bb7; |
| | | } |
| | | |
| | | &::v-deep .el-dialog__close { |
| | | width: 20px; |
| | | height: 20px; |
| | | } |
| | | |
| | | &::v-deep .el-dialog__body { |
| | | padding: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | main { |
| | | background-color: #ffffff; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | | .mainTitle { |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .main-btns { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | // line-height: 60px; |
| | | padding: 0 20px; |
| | | |
| | | .el-button { |
| | | background-color: #2f91ec; |
| | | //border: 1px solid #17324c; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .el-table { |
| | | // color: #4b9bb7; |
| | | } |
| | | |
| | | .tools { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | //padding: 0 20px; |
| | | |
| | | .funs-sp { |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | | |
| | | .funs { |
| | | display: flex; |
| | | |
| | | .funsItem { |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | | |
| | | .el-checkbox { |
| | | width: 80px; |
| | | padding: 0 10px; |
| | | } |
| | | |
| | | &::v-deep .el-input__inner { |
| | | border: none; |
| | | // background-color: #09152f; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <footer> |
| | | <!-- 添加音柱 --> |
| | | <el-dialog |
| | | title="添加音柱" |
| | | title="添加手持设备" |
| | | :visible.sync="dialogCreate" |
| | | v-if="dialogCreate" |
| | | width="60%" |
| | |
| | | // 跨域配置 |
| | | "/sccg": { |
| | | // target: `http://42.193.1.25/`, //测试环境 |
| | | target: `http://111.1.140.92:8082/`, |
| | | // target: `http://10.88.10.18:8082/`, |
| | | // target: `http://111.1.140.92:8082/`, |
| | | target: `http://10.88.10.18:8082/`, |
| | | changeOrigin: true |
| | | } |
| | | }, |