9 files modified
1 files added
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .seeImgs { |
| | | width: 100%; |
| | | height: 4.3rem; |
| | | width: auto; |
| | | height: auto; |
| | | // border: 1px solid #0000FF; |
| | | white-space: nowrap; |
| | | white-space: pre-wrap; |
| | | box-sizing: border-box; |
| | | overflow: auto; |
| | | // display: flex; |
| | |
| | | |
| | | .imgs { |
| | | display: inline-block; |
| | | padding-top: 0.5rem; |
| | | width: 4rem; |
| | | height: 4rem; |
| | | padding: 0 0.2rem 0 0.2rem; |
| | | margin: 0 0.2rem 0 0.2rem; |
| | | padding: 0 0.1rem 0 0.1rem; |
| | | margin: 0 0.3rem 0 0.3rem; |
| | | // border-right: 1px solid rgba($color: #000000, $alpha: 0.5); |
| | | position: relative; |
| | | // border: 1px solid #0000FF; |
| | | top: 0.22rem; |
| | | top: 0.3rem; |
| | | |
| | | image { |
| | | width: 100%; |
| | |
| | | <u-input type='textarea' v-model="form.content" placeholder="请输入指令内容" /> |
| | | </u-form-item> |
| | | |
| | | <u-form-item label-position='top' label="指令相关图片"> |
| | | <u-upload :action="action" :file-list="fileList" max-count='1'></u-upload> |
| | | <u-form-item label-position='top' label="指令相关图片" class='imgissue-upload'> |
| | | <!-- <u-upload :action="action" :file-list="fileList" max-count='1'></u-upload> --> |
| | | <seeImgs :imgs="imgs" :videos="[]" @del="delImg" :type="'imgs'"></seeImgs> |
| | | <image style="width: 4rem; height: 4rem; display: block;" @tap="takePhoto" src="../../static/images/upload.png" mode=""></image> |
| | | </u-form-item> |
| | | |
| | | |
| | | </u-form> |
| | | <view> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import seeImgs from '../../components/seeImges/seeImges.vue'; |
| | | export default { |
| | | components: { |
| | | seeImgs |
| | | }, |
| | | data() { |
| | | return { |
| | | action: 'http://192.168.0.108:81/blade-resource/oss/endpoint/put-file', |
| | | fileList:[{ |
| | | fileList: [{ |
| | | url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg', |
| | | }], |
| | | |
| | | |
| | | form: { |
| | | content: '', |
| | | |
| | | |
| | | }, |
| | | rules: { |
| | | |
| | | |
| | | content: [{ |
| | | min: 5, |
| | | required: true, |
| | | message: '指令内容不能少于5个字', |
| | | trigger: ['change', 'blur'], |
| | | }] |
| | | } |
| | | }, |
| | | imgs: [], |
| | | }; |
| | | }, |
| | | onLoad() { |
| | |
| | | this.$refs.uForm.setRules(this.rules); |
| | | }, |
| | | methods: { |
| | | |
| | | |
| | | initiateClick() { |
| | | this.$refs.uForm.validate(valid => { |
| | | if (valid) { |
| | |
| | | data: { |
| | | // 接收 |
| | | receiveDirectiveIds: this.$store.state |
| | | .UserData.user_id, |
| | | .UserData.user_id, |
| | | // 发送 |
| | | sendDirectiveId: this.$store.state |
| | | .UserData.user_id, |
| | | .UserData.user_id, |
| | | content: this.form.content, |
| | | |
| | | sendTime: "2021-07-22 12:00:00", |
| | | |
| | | }, |
| | | success: (res) => { |
| | | if (res.data.msg == "操作成功") { |
| | |
| | | console.log('验证失败'); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | //图片删除 |
| | | delImg(index) { |
| | | this.imgs.splice(index, 1); |
| | | }, |
| | | //图片上传 |
| | | takePhoto() { |
| | | var that = this; |
| | | uni.chooseImage({ |
| | | count: 3, //可选择数量,默认9 |
| | | sizeType: ['compressed', 'original'], //上传压缩图,原图 |
| | | sourceType: ['album', 'camera'], //从相册选择或从使用相机 |
| | | success: async (res) => { |
| | | for (var i = 0; i < res.tempFiles.length; i++) { |
| | | if (res.tempFiles[i].size > 10 * 1024 * 1000) { //上传图片大小限制 |
| | | uni.showToast({ |
| | | title: "照片大小不能超过10MB", |
| | | icon: "none" |
| | | }) |
| | | return |
| | | } |
| | | } |
| | | var tempFilePath = res.tempFilePaths; |
| | | // try { |
| | | uni.showLoading({ |
| | | title: "上传中...", |
| | | mask: true |
| | | }) |
| | | var that = this; |
| | | // 循环调用uni.uploadFile ,因微信小程序只支持单文件上传 |
| | | for (var i = 0; i < tempFilePath.length; i++) { |
| | | uni.uploadFile({ |
| | | // url: 'https://web.byisf.com/api/blade-jfpts/depl/put-depl', //仅为示例,非真实的接口地址 |
| | | url: 'http://192.168.0.108:81/blade-resource/oss/endpoint/put-file', |
| | | filePath: tempFilePath[i], |
| | | name: 'file', |
| | | formData: { |
| | | 'user': 'test' // 上传附带参数 |
| | | }, |
| | | success: (data) => { |
| | | uni.showToast({ |
| | | title: '上传图片成功!', |
| | | duration: 1000 |
| | | }); |
| | | // 根据接口具体返回格式 赋值具体对应url |
| | | that.imgs.push({ |
| | | id: i, |
| | | src: JSON.parse(data.data).data |
| | | }) |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | <u-form-item label-position='top' prop="content" label="汇报内容" :required="true"> |
| | | <u-input type='textarea' v-model="form.content" placeholder="请输入汇报内容" /> |
| | | </u-form-item> |
| | | <u-form-item label-position='top' prop="typeText" label="接收人" :required="true"> |
| | | <u-input v-model="form.typeText" type="select" placeholder="请选择接收人" :border="false" |
| | | @click="recipientClick" /> |
| | | <u-select v-model="recipientShow" mode="single-column" :list="typeList" @confirm="typeConfirm"> |
| | | </u-select> |
| | | </u-form-item> |
| | | |
| | | </u-form> |
| | | <view> |
| | |
| | | return { |
| | | categoryShow: false, |
| | | typeShow: false, |
| | | recipientShow: false, |
| | | |
| | | |
| | | categoryList: [{ |
| | | value: '1', |
| | | label: '保安向保安汇报' |
| | |
| | | this.categoryShow = true; |
| | | }, |
| | | typeClick() { |
| | | |
| | | this.typeShow = true; |
| | | |
| | | }, |
| | | recipientClick() { |
| | | if (this.form.category == '') { |
| | | uni.showToast({ |
| | | title: '请选择汇报类别', |
| | | icon: 'none', |
| | | duration: 2000 |
| | | }); |
| | | return; |
| | | } else { |
| | | this.recipientShow = true; |
| | | } |
| | | }, |
| | | categoryConfirm(e) { |
| | | this.form.category = e[0].value |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | data |
| | | } from './data.js' |
| | | import axios from 'axios' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | methods: { |
| | | getDataList() { |
| | | var d = [] |
| | | axios({ |
| | | uni.request({ |
| | | url: this.$store.state.piAPI + '/blade-user/page', |
| | | method: 'get', |
| | | }).then(res => { |
| | | console.log(res.data.data.records); |
| | | var b = res.data.data.records; |
| | | for (var k in b) { |
| | | d.push({ |
| | | name: b[k].realName, |
| | | age: b[k].sexName, |
| | | obj: b[k].deptName, |
| | | honor: '扶老奶奶过马路', |
| | | punishment: '不看红绿灯', |
| | | imgSrc:b[k].avatar, |
| | | cardid:b[k].cardid, |
| | | baoanzheng: "赣06284538", |
| | | }) |
| | | data: { |
| | | |
| | | }, |
| | | success: (res) => { |
| | | var b = res.data.data.records; |
| | | for (var k in b) { |
| | | d.push({ |
| | | name: b[k].realName, |
| | | age: b[k].sexName, |
| | | obj: b[k].deptName, |
| | | honor: '扶老奶奶过马路', |
| | | punishment: '不看红绿灯', |
| | | imgSrc: b[k].avatar, |
| | | cardid: b[k].cardid, |
| | | baoanzheng: "赣06284538", |
| | | }) |
| | | } |
| | | this.outDataList = d; |
| | | console.log(d) |
| | | setTimeout(() => { |
| | | |
| | | this.securityStaffList = this.outDataList; |
| | | this.loading = false; |
| | | }, 1000) |
| | | } |
| | | this.outDataList = d; |
| | | console.log(d) |
| | | setTimeout(() => { |
| | | |
| | | this.securityStaffList = this.outDataList; |
| | | this.loading = false; |
| | | }, 1000) |
| | | |
| | | }) |
| | | // this.outDataList = data; |
| | | |
| | | |
| | | }, |
| | | customSearch() { |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import axios from "axios" |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | cardid: this.datalist.cardid |
| | | }, |
| | | that = this; |
| | | axios({ |
| | | url: url, |
| | | params: data |
| | | }).then(res => { |
| | | var d = res.data.data; |
| | | var a = [] |
| | | // for(var k = 1 ;k < 30; k++){ |
| | | a.push(...d) |
| | | // } |
| | | console.log(d); |
| | | that.cylist = a; |
| | | }) |
| | | |
| | | uni.request({ |
| | | url: url, |
| | | method: 'get', |
| | | data: data, |
| | | success: (res) => { |
| | | var d = res.data.data; |
| | | var a = [] |
| | | // for(var k = 1 ;k < 30; k++){ |
| | | a.push(...d) |
| | | // } |
| | | console.log(d); |
| | | that.cylist = a; |
| | | } |
| | | }) |
| | | |
| | | |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | id: this.detail.user_id |
| | | }, |
| | | success: (res) => { |
| | | console.log(res, 885858884488) |
| | | if (res.data.msg == "操作成功") { |
| | | that.$refs.uToast.show({ |
| | | title: '修改成功', |
| | |
| | | // 页面开头公共样式 |
| | | |
| | | .content { |
| | | padding-top: var(--status-bar-height); |
| | | } |
| | |
| | | background-color: $u-content-color; |
| | | } |
| | | /* end--演示页面使用的统一样式--end */ |
| | | .imgissue-upload { |
| | | .u-form-item--right__content__slot { |
| | | flex-wrap: wrap !important; |
| | | } |
| | | } |
| | |
| | | vm.$u.vuex('userInfo', userInfo) |
| | | vm.$u.vuex('accessToken', userInfo.access_token) |
| | | vm.$u.vuex('isLogin', true) |
| | | console.log(vm) |
| | | vm.loging = false |
| | | uni.switchTab({ |
| | | url: '/pages/home/home' |
| | | }) |