fangyuan
2022-12-27 9ca0e9dc50759f4c00498e68c0155bcc3db2be2f
页面修改
5个文件已修改
280 ■■■■■ 已修改文件
src/plugins/element.js 3 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/cause/Entry.vue 75 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/cause/Group.vue 43 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/common/Audit.vue 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/manager/User.vue 150 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/plugins/element.js
@@ -12,10 +12,11 @@
    MenuItem,
    Message, Option, Pagination,
    Row, Select,
    Submenu, Table, TableColumn, Upload,Tree
    Submenu, Table, TableColumn, Upload,Tree,MessageBox
} from 'element-ui'
Vue.use(Button).use(Container).use(Header).use(Aside).use(Menu).use(Submenu).use(MenuItem).use(Main).use(Icon).use(Card)
    .use(Col).use(Row).use(Card).use(Table).use(TableColumn).use(Form).use(FormItem).use(Input).use(Select).use(Option)
    .use(Pagination).use(Dialog).use(Upload).use(DatePicker).use(Image).use(Tree)
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm
src/views/cause/Entry.vue
@@ -35,7 +35,7 @@
          </el-table-column>
          <el-table-column prop="reportNumber" label="报案人数" width="100" header-align="center" align="center">
          </el-table-column>
             <el-table-column prop="totalMoney" label="预估总金额" width="100" header-align="center" align="center">
          <el-table-column prop="totalMoney" label="预估总金额" width="100" header-align="center" align="center">
          </el-table-column>
          <el-table-column prop="firstTime" label="最早发案日期" width="160" header-align="center" align="center">
          </el-table-column>
@@ -83,9 +83,10 @@
              </el-input>
            </el-form-item>
          </el-col>
           <el-col :span="12">
          <el-col :span="12">
            <el-form-item label="预估总金额" prop="totalMoney">
              <el-input v-model="causeForm.totalMoney" clearable :style="{ width: '100%' }" placeholder="输入预估总金额"></el-input>
              <el-input v-model="causeForm.totalMoney" clearable :style="{ width: '100%' }"
                placeholder="输入预估总金额"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -111,7 +112,7 @@
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="案件描述" prop="description">
              <el-input v-model="causeForm.description" type="textarea" placeholder="请输入多行文本"
@@ -143,7 +144,7 @@
              </el-input>
            </el-form-item>
          </el-col>
             <el-col :span="12">
          <el-col :span="12">
            <el-form-item label="预估总金额" prop="totalMoney">
              <el-input v-model="updataCauseForm.totalMoney" clearable :style="{ width: '100%' }"></el-input>
            </el-form-item>
@@ -261,7 +262,8 @@
            </el-table-column>
            <el-table-column width="100" prop="reportMaterials" label="报案材料">
              <template slot-scope="scope">
                <span>{{ scope.row.reportMaterials === null||scope.row.reportMaterials === '' ? "未提交" : "已提交" }}</span>
                <span>{{ scope.row.reportMaterials === null || scope.row.reportMaterials === '' ? "未提交" : "已提交"
}}</span>
              </template>
            </el-table-column>
            <el-table-column width="200" prop="ctime" label="报案时间">
@@ -289,15 +291,15 @@
          :before-close="addReportVisibleClose">
          <el-row :gutter="15">
            <el-form ref="auditFrom" :model="auditFrom" :rules="addReportRules" size="medium" label-width="100px">
              <!-- <el-col :span="12">
            <el-form-item label="头像" prop="pic" required>
              <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false" :on-success="handleAvatarSuccess"
                         list-type="picture-card" accept="image/*">
                <img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
                <i v-else class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col> -->
              <el-col :span="12">
                <el-form-item label="头像" prop="pic" required>
                  <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false"
                    :on-success="handleAvatarSuccess" list-type="picture-card" accept="image/*">
                    <img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
                    <i v-else class="el-icon-plus"></i>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="报案人 " prop="reporterName">
                  <el-input v-model="auditFrom.reporterName" placeholder="请输入报案人 " clearable :style="{ width: '100%' }">
@@ -362,24 +364,35 @@
          :before-close="updateReportVisibleclose">
          <el-row :gutter="20">
            <el-form ref="updateReportForm" :model="updateReportForm" size="medium" label-width="100px">
              <!-- <el-col :span="12">
              <el-col :span="12">
                <el-form-item label="头像" prop="pic" required>
                  <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false"
                    :on-success="handleAvatarSuccess" list-type="picture-card" accept="image/*">
                    <img v-if="updateReportForm.pic!=null||updateReportForm!=''" :src="updateReportForm.pic" style="width: 145px;height: 145px">
                    <i v-else class="el-icon-plus"></i>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="报案人 " prop="reporterName">
                  <el-input v-model="auditFrom.reporterName" placeholder="请输入报案人 " clearable :style="{ width: '100%' }">
                  <el-input v-model="updateReportForm.reporterName" placeholder="请输入报案人 " clearable :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="手机号码" prop="mobile">
                  <el-input v-model="auditFrom.mobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }">
                  <el-input v-model="updateReportForm.mobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="身份证号" prop="idcard">
                  <el-input v-model="auditFrom.idcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }">
                  <el-input v-model="updateReportForm.idcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col> -->
              </el-col>
              <el-col :span="12">
                <el-form-item prop="reportTime" label="报案时间">
                  <el-date-picker v-model="updateReportForm.reportTime" type="datetime" placeholder="选择日期时间" clearable
@@ -420,8 +433,7 @@
                  </el-upload>
                </el-form-item>
              </el-col>
              <!--
   <el-col :span="24">
              <!-- <el-col :span="24">
                <el-form-item label="上传" prop="fileList" required>
                  <el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
                    list-type="picture" :on-success="handleMaterialSuccess">
@@ -591,9 +603,9 @@
              </el-col>
              <el-col :span="12">
                <el-form-item label="状态" prop="status">
                    <span v-if="detailsGroupAn.status === 1">已发布</span>
                    <span v-else-if="detailsGroupAn.status === 0">未发布</span>
                    <span v-else="detailsGroupAn.status === 2">已下架</span>
                  <span v-if="detailsGroupAn.status === 1">已发布</span>
                  <span v-else-if="detailsGroupAn.status === 0">未发布</span>
                  <span v-else="detailsGroupAn.status === 2">已下架</span>
                </el-form-item>
              </el-col>
            </el-form>
@@ -729,6 +741,7 @@
        size: 10,
      },
      auditFrom: {
        pic: '',
        reporterName: '',
        mobile: '',
        idcard: '',
@@ -824,7 +837,7 @@
          message: '请选择案件状态 ',
          trigger: 'blur'
        }],
          totalMoney: [{
        totalMoney: [{
          required: true,
          message: '请输入预估总金额 ',
          trigger: 'blur'
@@ -890,6 +903,7 @@
      }
      ],
      updateReportForm: {
        pic: '',
        reporterName: '',
        mobile: '',
        idcard: '',
@@ -905,6 +919,7 @@
      //案件人员表格数据
      updateReportPrams: {
        id: '',
        pic:'',
        reporterName: '',
        mobile: '',
        idcard: '',
@@ -930,6 +945,7 @@
      },
      updataCauseForm: {
        id: '',
        pic:'',
        name: '',
        number: '',
        firstTime: '',
@@ -1214,6 +1230,8 @@
      this.updateReportPrams.groupId = this.updateReportForm.groupId
      this.updateReportPrams.id = this.updateReportForm.id
      this.updateReportPrams.reportMaterials = this.updateReportPrams.fileList.map(i => i.data).join(',')
      debugger
      this.updateReportPrams.pic=this.updateReportForm.pic
      let form = null;
      form = this.updateReportPrams;
      const data = form;
@@ -1231,6 +1249,7 @@
    //编辑案件人员
    updataReport(val) {
      debugger
      this.updateReportVisible = true;
      this.updateReportForm = Object.assign({}, val);
      this.causeId = val.causeId;
@@ -1274,7 +1293,7 @@
        if (!vaild) return this.$message.error('输入有误')
        this.auditFrom.reportMaterials = this.auditFrom.fileList.map(i => i.data).join(',');
        this.auditFrom.causeId = this.reportCauseId;
        console.log(this.reportCauseId);
        // console.log(this.reportCauseId);
        report(this.auditFrom).then(res => {
          this.$message.success('提交成功')
          this.auditFrom = {}
@@ -1292,9 +1311,9 @@
    },
    handleAvatarSuccess(res, file) {
      this.auditFrom.pic = res.data
      getImgUrl(res.data).then(res => {
        this.picShow = res
        this.updateReportForm.pic = res
      })
    },
    async handleMaterialSuccess(res, file) {
src/views/cause/Group.vue
@@ -33,10 +33,12 @@
          <ul v-infinite-scroll="load" style="overflow:auto">
            <li v-for="messageOne in messageList" class="infinite-list-item">
              <div class="msglist">
                <img v-if="messageOne.pic!=null&&messageOne.pic!=''" class="face" :src="'http://172.35.1.173:19001/img/'+messageOne.pic">
                <img v-if="messageOne.pic==null||messageOne.pic==''" class="face" src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png">
                <div class="name">{{messageOne.userName}} {{messageOne.ctime}}</div>
                <div class="message">{{messageOne.text}}</div>
                <img v-if="messageOne.pic != null && messageOne.pic != ''" class="face"
                  :src="messageOne.pic">
                <img v-if="messageOne.pic == null || messageOne.pic == ''" class="face"
                  src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png">
                <div class="name">{{ messageOne.userName }} {{ messageOne.ctime }}</div>
                <div class="message">{{ messageOne.text }}</div>
              </div>
            </li>
          </ul>
@@ -127,6 +129,7 @@
  //saveSubject
} from '@/api/group'
import { Message } from 'element-ui';
import { getImgUrl } from '@/api/common'
export default {
  name: "Group",
@@ -184,11 +187,11 @@
          this.treeData[0].children = res;
        }
      )
      var params=window.location.href.split("id=")
      if(params.length!=1){
        var param={id:params[1]}
      var params = window.location.href.split("id=")
      if (params.length != 1) {
        var param = { id: params[1] }
        this.handleNodeClick(param)
      }
    },
    filterNode(value, data) {
@@ -201,7 +204,20 @@
    handleNodeClick(data) {
      if (data.id != null) {
        this.groupName = data.groupName;
        getAllMessage(data.id).then(res => this.messageList = res)
        var _this = this;
        getAllMessage(data.id).then((res) => {
          for (let item of res) {
            if (item.pic === '' || item.pic === null) {
            } else {
              getImgUrl(item.pic).then(res => {
                item.pic = res
              })
            }
          }
          this.messageList = res
          debugger
        })
        getAllNotice(data.id).then(res => this.groupAnList = res)
        getAllUser(data.id).then(res => this.tableData = res)
        this.groupId = data.id;
@@ -290,9 +306,10 @@
  margin-left: 2%;
}
.msglist{
margin-bottom: 3%;
.msglist {
  margin-bottom: 3%;
}
.face {
  float: left;
  width: 25px;
@@ -306,9 +323,11 @@
  color: #7F7F7F;
  font-size: 14px;
}
.message{
.message {
  margin-top: 2%;
}
.mian1 {
  margin-top: 20px;
}
src/views/common/Audit.vue
@@ -86,13 +86,13 @@
      <el-row :gutter="15">
        <el-form ref="addAduitForm" :model="auditFrom" :rules="rules" size="medium" label-width="100px">
          <el-col :span="12">
            <!-- <el-form-item label="头像" prop="pic" required>
            <el-form-item label="头像" prop="pic" required>
              <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false" :on-success="handleAvatarSuccess"
                         list-type="picture-card" accept="image/*">
                <img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
                <i v-else class="el-icon-plus"></i>
              </el-upload>
            </el-form-item> -->
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报案人 " prop="reporterName">
@@ -504,11 +504,13 @@
      this.checkVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData=[]
      this.picShow=""
    },
    detailsClose() {
      this.infoAduitDialogVisible = false
      this.$refs.infoAduitForm.resetFields()
      this.reportData=[]
      this.picShow=""
    },
    addAduit() {
      this.$refs.addAduitForm.validate(async (vaild) => {
@@ -530,7 +532,6 @@
    },
    handleAvatarSuccess(res, file) {
      this.auditFrom.pic = res.data
      console.log(res.data)
      getImgUrl(res.data).then(res => {
        this.picShow = res
      })
@@ -544,8 +545,8 @@
    },
    addAduitClose() {
      this.addAduitDialogVisible = false
      this.$refs.addAduitForm.resetFields()
      this.picShow = ""
      this.$refs.addAduitForm.resetFields()
    },
    getList() {
      let param = {}
src/views/manager/User.vue
@@ -75,46 +75,41 @@
      </span>
    </el-dialog>
     <el-dialog title="编辑" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
          :before-close="detailsVisibleclose">
          <el-row :gutter="15">
            <el-form ref="detailsRow" :model="detailsRow" size="medium"
              label-width="100px">
              <el-col :span="12">
                <el-form-item label="用户名" prop="nickName">
                  <el-input v-model="detailsRow.nickName" placeholder="请输入用户名" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="用户姓名" prop="realName">
                  <el-input v-model="detailsRow.realName" placeholder="请输入用户姓名" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
               <el-col :span="12">
                <el-form-item label="手机号码" prop="userMobile">
                  <el-input v-model="detailsRow.userMobile" placeholder="请输入手机号码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="身份证号" prop="userIdcard">
                  <el-input v-model="detailsRow.userIdcard" placeholder="请输入身份证号" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-form>
          </el-row>
          <span slot="footer" class="dialog-footer">
            <el-button @click="detailsVisible = false">取 消</el-button>
            <el-button type="primary" @click="update">确 定</el-button>
          </span>
        </el-dialog>
    <el-dialog title="编辑" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
      :before-close="detailsVisibleclose">
      <el-row :gutter="15">
        <el-form ref="detailsRow" :model="detailsRow" size="medium" label-width="100px">
          <el-col :span="12">
            <el-form-item label="用户名" prop="nickName">
              <el-input v-model="detailsRow.nickName" placeholder="请输入用户名" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="用户姓名" prop="realName">
              <el-input v-model="detailsRow.realName" placeholder="请输入用户姓名" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="手机号码" prop="userMobile">
              <el-input v-model="detailsRow.userMobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="身份证号" prop="userIdcard">
              <el-input v-model="detailsRow.userIdcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="detailsVisible = false">取 消</el-button>
        <el-button type="primary" @click="update">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
@@ -131,13 +126,13 @@
  data() {
    return {
 rules: {
      rules: {
        nickName: [{
          required: true,
          message: '请输入用户名 ',
          trigger: 'blur'
        }],
         realName: [{
        realName: [{
          required: true,
          message: '请输入用户姓名',
          trigger: 'blur'
@@ -147,18 +142,18 @@
          message: '请输入手机号 ',
          trigger: 'blur'
        }],
           userIdcard: [{
        userIdcard: [{
          required: true,
          message: '请输入身份证 ',
          trigger: 'blur'
        }],
        },
      },
      //详细内容弹框
      detailsVisible: false,
      //详细内容
      detailsRow:
        {
        }
      detailsRow:
      {
      }
      ,
      //表单提交内容
      addPublicityForm: {
@@ -209,14 +204,18 @@
  {
    //删除
    remove(val) {
      this.$http.delete('/api/user', { params: { id: val } }).then(res => {
        this.$message({
          message: '删除成功',
          type: 'success'
      var _this = this;
      this.$confirm('确认删除?').then(() => {
        _this.$http.delete('/api/user', { params: { id: val } }).then(res => {
          _this.$message({
            message: '删除成功',
            type: 'success'
          })
          this.search();
        })
      }
      )
        this.search();
      })
    },
    // //发布/下架
    // punlish(val, val2) {
@@ -246,16 +245,19 @@
    //编辑
    details(val) {
      this.detailsVisible = true;
            this.detailsRow = Object.assign({}, val);
      this.detailsRow = Object.assign({}, val);
    },
    update(){
          this.$http.put('/api/user',this.detailsRow).then(res => {this.$message({
        message: '编辑成功',
        type: 'success'}
    update() {
      this.$http.put('/api/user', this.detailsRow).then(res => {
        this.$message({
          message: '编辑成功',
          type: 'success'
        }
        )
         this.search();}
        );
          this.detailsVisible =false;
        this.search();
      }
      );
      this.detailsVisible = false;
    },
    //重置密码
@@ -267,20 +269,20 @@
    },
    //添加
    add() {
        this.$refs.addPublicityForm.validate(async (vaild) => {
      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;
        let param = null;
        param = this.addPublicityForm;
        addPublicityList(param).then(res => {
          this.$message({
            message: '操作成功',
            type: 'success'
          });
          this.addPublicityForm = {};
          this.init();
        }
        )
        this.addPublicityVisibel = false;
      })
    },
    //关闭之前