Skip to content

G
GaoQuYingJiH5-SDT
Commit 887835ab authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

v-block

parent 05afe206
Pipeline #392 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 119 additions and 55 deletions
      css/common.css 0 → 100644
      View file @ 887835ab
      [v-cloak]{
      display: none;
      }
      \ No newline at end of file
      js/includeHead.js
      View file @ 887835ab
      ......@@ -12,7 +12,7 @@ if(getPageN() === 'index'){
      document.write('<link rel="icon" href="https://whjqaqscxt.weihai.cn/favicon.ico">');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/normalize.css" />');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/vant.css" />');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/index.css?rev=' + jsVersion + '" />');
      document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/common.css?rev=' + jsVersion + '" />');
      //plupload
      document.write('<script type="text/javascript" src="' + contextPath + '/js/vue.min.js"></script>\
      ......
      views/yh-company.html
      View file @ 887835ab
      ......@@ -39,7 +39,7 @@
      <div class="searchWrapper">
      <van-search v-model="value" placeholder="请输入搜索关键词" />
      </div>
      <div class="content">
      <div class="content" v-cloak>
      <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
      <van-cell v-for="item in list" :key="item">
      <div class="itemWrapper" @click="nav(item)">
      ......
      views/yh-list-detail.html
      View file @ 887835ab
      ......@@ -42,7 +42,7 @@
      </head>
      <body>
      <div id="app">
      <div class="content">
      <div class="content" v-cloak>
      <van-cell-group>
      <van-cell is-link @click="showPopup=true">检查日期<span class="formValue">{{createDate}}</span></van-cell>
      <van-popup v-model="showPopup" position="bottom" :style="{ height: '30%' }">
      ......@@ -101,6 +101,7 @@
      </van-popup>
      </van-cell-group>
      <van-cell-group>
      <van-cell>隐患照片：
      <div style="width: 1.5rem;">
      ......@@ -108,6 +109,31 @@
      </div></van-cell>
      </van-cell-group>
      <van-cell-group>
      <van-cell>整改照片：
      <div style="width: 1.5rem;">
      <van-image
      width="100"
      height="100"
      src="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      </div></van-cell>
      </van-cell-group>
      <div v-if="hdStatus===1||hdStatus===2">
      <van-cell-group>
      <van-field v-model="hdRectificationDate" label="审核日期" placeholder="" />
      </van-cell-group>
      <van-cell-group>
      <van-field v-model="hdAcceptancePerson" label="审核人员" placeholder="" />
      </van-cell-group>
      <van-cell-group>
      <van-field v-model="hdRectificationRecord" type="textarea" label="审核记录" autosize placeholder="" />
      </van-cell-group>
      </div>
      <div class="formSubmitBtnWrapper"><van-button type="info" size="small" @click="">提交</van-button></div>
      </div>
      ......
      views/yh-list-detail.js
      View file @ 887835ab
      ......@@ -6,8 +6,77 @@ window.addEventListener("load", function() {
      el: '#app',
      data() {
      return {
      editAble: true,
      // checkImg:false,
      // showButton:false,
      // // 企业id
      // companyId: app.globalData.currentEnter.companyId,
      // // 隐患验收人
      hdAcceptancePerson: "刘德华",
      // // 隐患描述
      // comment: '',
      // // 隐患id
      // hdId: -1,
      // // 隐患描述
      // hdDesc: "",
      // // 检查日期
      // hdInspectDate: '',
      // // 检查专家
      hdInspectExpert: '刘德华',
      // // 隐患级别 1 2
      // hdLevel: 1,
      // // 隐患名称
      // hdName: '',
      // // 隐患图片
      // hdPic: null,
      // // 隐患整改日期
      hdRectificationDate: '2024-3-8 10:04:09',
      // // 隐患整改图片
      hdRectificationPic: null,
      hdRectificationRecord: '24年02月22日 审核未通过;24年02月22日 审核未通过',
      hdStatus: 1,
      // // 隐患整改建议
      suggestion:'',
      // hdRectificationSug: '',
      // // 隐患状态 0 正在整改 1 整改完毕
      // hdStatus: 1,
      // // 隐患预览图片
      // imgsrcurl: '',
      // // 整改预览照片
      // imgrecturl: '',
      // // 隐患图片文件路径
      // hdFilePath: '',
      // // 整改图片文件路径
      // rectFilePath: '',
      // // 放大图片的路径
      // enlargeUrl: '',
      // topAnimation: {},
      // curRole:'',
      // isToEnLarge: false,
      // xcx:'xcx',
      // // 总的安全类别
      // secType: [
      // {
      // name: '安全资料类'
      // },
      // {
      // name: '现场检查类'
      // }
      // ],
      // //
      // curSelectSecType: '',
      // // 安全检查类别
      // secCheckType: [],
      // // 安全检查类别替代
      // secCheckTypeReplace: [],
      // // 当前选择的安全检查类别
      // curSelectSecCheckTypeReplace: '',
      // // 安全检查内容
      // secCheckContent: [],
      // // 当前选择的安全检查内容
      // curSelectCheckContent: '',
      hdInspectExpert: '',
      hdLevel: '',
      hdLevel: '1',
      username: '',
      password: '',
      value: '',
      ......@@ -25,7 +94,6 @@ window.addEventListener("load", function() {
      }
      },
      mounted() {
      this.getList()
      },
      methods: {
      ......@@ -44,45 +112,6 @@ window.addEventListener("load", function() {
      console.log('value', VUE.showPopup)
      },
      // 校验函数返回 true 表示校验通过，false 表示不通过
      validator(val) {
      return /1\d{10}/.test(val);
      },
      // 异步校验函数返回 Promise
      asyncValidator(val) {
      return new Promise((resolve) => {
      Toast.loading('验证中...');
      setTimeout(() => {
      Toast.clear();
      resolve(/\d{6}/.test(val));
      }, 1000);
      });
      },
      onFailed(errorInfo) {
      console.log('failed', errorInfo);
      },
      onSubmit(values) {
      console.log('submit', values);
      },
      nav(item) {
      location.href = './yh-list.html'
      },
      getList() {
      console.log('到底了，开始加载。。。。')
      for (let i = 0; i < 10; i++) {
      this.list.push(this.list.length + 1);
      }
      console.log(this.list)
      // 加载状态结束
      this.loading = false;
      // // 数据全部加载完成
      if (this.list.length >= 40) {
      this.finished = true;
      }
      }
      },
      });
      });
      \ No newline at end of file
      views/yh-list.html
      View file @ 887835ab
      ......@@ -18,7 +18,7 @@
      font-size: 0.6rem;
      }
      .list-content-fz{
      font-size: 0.4itemWrapperrem;
      font-size: 0.4rem;
      }
      .itemWrapper{
      ......@@ -27,10 +27,10 @@
      overflow: hidden;
      padding-left: 0.5rem;
      }
      .searchWrapper{
      .funtionBtnWrapper{
      display: flex;
      background-color: #fff;
      justify-content: end;
      justify-content: flex-end;
      padding-right: 0.4rem;
      padding-top: 0.3rem;
      ......@@ -48,24 +48,30 @@
      </head>
      <body>
      <div id="app">
      <div class="searchWrapper">
      <div class="funtionBtnWrapper">
      <van-button type="info" size="small" @click="add">新增</van-button>
      </div>
      <div class="content">
      <div class="content" v-cloak>
      <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
      <van-cell v-for="item in list" :key="item">
      <div class="itemWrapper" >
      <p class="bgImg">
      <p class="">
      <span id="">
      隐患描述 {{item}}
      隐患描述 {{item==1}}
      </span>
      </p>
      <p class="list-content-fz">
      <van-tag v-if="item%1==0" type="info">整改中</van-tag>
      <van-tag v-if="item%2==0" type="warning">待审核</van-tag>
      <van-tag v-if="item%3==0" type="primary">审核通过</van-tag>
      <van-tag v-if="item%4==0" type="danger">审核未通过</van-tag>
      <van-tag type="warning" size="mini">整改中</van-tag>
      </p>
      <!-- <p class="list-content-fz" v-if="item==2">
      <van-tag type="warning">待审核</van-tag>
      </p>
      <p class="list-content-fz" v-if="item==3">
      <van-tag type="primary">审核通过</van-tag>
      </p>
      <p class="list-content-fz" v-if="item==4">
      <van-tag type="danger">审核未通过</van-tag>
      </p> -->
      <div class="pd-01rem">
      <van-button type="info" size="mini">查看</van-button>
      <van-button type="info" size="mini">编辑</van-button>
      ......
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment