持续集成分支

library/apps/AppWorkonline/AppWorkonline.vue

@@ -0,0 +1,199 @@
+<template>
+  <div class="workonline">
+    <div class="search">
+      <u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch" @search="search"></u-search>
+    </div>
+
+    <u-tabs :list="list" :is-scroll="false" :current="currentType" @change="change"></u-tabs>
+
+    <template class="datass" v-if="datas.length > 0">
+      <u-card v-for="(item, index) in datas" :key="index" :foot-border-top="false" :head-border-bottom="false" :show-head="false" @click="goDetail(item, 1)">
+        <view class="body" slot="body">
+          <view class="u-body-item">
+            <div class="title">{{ item.processName }}</div>
+          </view>
+
+          <view class="u-body-item">
+            <div class="plan">
+              <span>审批进度：</span>
+
+              <span class="business_status" :style="{ color: item.approvalStatus == 0 ? '#FF9B2B' : item.approvalStatus == 1 ? '#3078E1' : '#666666' }"> {{ $dict.getLabel('listApprovalStatusHb', item.approvalStatus) }}</span>
+            </div>
+          </view>
+
+          <view class="u-body-item">
+            <div class="modetpye">
+              <span>申请类型：</span>
+              <span>{{ item.classificationName }}</span>
+            </div>
+          </view>
+
+          <view class="u-body-item">
+            <div class="applytime">
+              <span>申请日期：</span>
+              <span class="timeContent">{{ item.createTime }}</span>
+            </div>
+          </view>
+
+          <view class="u-body-item">
+            <div class="overtime">
+              <span>完成日期：</span>
+              <span class="timeContent">{{ item.overTime }}</span>
+            </div>
+          </view>
+
+          <span class="icon">
+            <!-- ing -->
+            <img src="./components/ing.png" alt="" v-if="item.approvalStatus == 0" />
+            <!-- end -->
+            <img src="./components/end.png" alt="" v-if="item.approvalStatus == 1" />
+            <!-- false -->
+            <img src="./components/reject.png" alt="" v-if="item.approvalStatus == 2" />
+          </span>
+        </view>
+      </u-card>
+
+      <u-loadmore :status="loadmore" color="#999" font-size="24" margin-top="32" margin-bottom="80" />
+    </template>
+
+    <AiEmpty description="没有数据" class="aiemptys" v-else> </AiEmpty>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AppWorkonline',
+  appName: '网上办事',
+  components: {},
+  props: {},
+  data() {
+    return {
+      list: [
+        { name: '待我审批', type: 0 },
+        { name: '我已审批', type: 1 },
+        { name: '抄送我的', type: 3 },
+        { name: '超时督办', type: 4 },
+      ],
+      currentType: 0,
+      keyword: '',
+      datas: {},
+      listType: 0,
+      current: 1,
+      pages: 0,
+    }
+  },
+  computed: {
+    loadmore() {
+      return this.pages <= this.current ? 'loading ' : 'nomore'
+    },
+  },
+  watch: {},
+  onLoad() {
+    this.$dict.load('listApprovalStatusHb').then(() => {
+      this.getList()
+    })
+  },
+  onShow() {
+    document.title = '网上办事'
+  },
+  mounted() {},
+  methods: {
+    getList() {
+      this.$http.post(`/app/approv-alapply-info/list?listType=${this.listType}&current=${this.current}&param=${this.keyword}`).then((res) => {
+        if (res?.code == 0) {
+          this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+          this.pages = res.data.pages
+        }
+      })
+    },
+
+    goDetail(item) {
+      uni.navigateTo({ url: `./Detail?id=${item.id}&listType=${this.listType}` })
+    },
+
+    change(index) {
+      this.currentType = index
+      this.listType = this.list[index].type
+      this.getListInit()
+    },
+
+    getListInit() {
+      this.current = 1
+      this.getList()
+    },
+
+    search(e) {
+      this.keyword = e
+      this.getListInit()
+    },
+
+    clearSearch() {
+      this.keyword = ''
+      this.getListInit()
+    },
+  },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
+}
+</script>
+
+<style scoped lang="scss">
+uni-page-body {
+  background: #f5f5f5;
+}
+.workonline {
+  background: #f5f5f5;
+  .search {
+    .serach_content {
+      background-color: #fff;
+      height: 104px;
+      line-height: 104px;
+      box-sizing: border-box;
+      padding: 0 32px;
+    }
+  }
+
+  .u-card {
+    ::v-deep .u-card__head {
+      padding: 0 !important;
+    }
+    ::v-deep .u-card__body {
+      .body {
+        position: relative;
+        .u-body-item {
+          .title {
+            font-size: 32px;
+            font-weight: 500;
+            margin-bottom: 16px;
+            width: 80%;
+          }
+          .plan,
+          .modetpye,
+          .applytime,
+          .overtime {
+            margin-top: 16px;
+            font-size: 30px;
+            color: #999999;
+            .timeContent {
+              color: #343d65;
+            }
+          }
+        }
+        img {
+          position: absolute;
+          right: 0;
+          top: 0;
+          width: 113px;
+          height: 113px;
+        }
+      }
+    }
+  }
+
+  .aiemptys {
+    background: #f5f5f5;
+  }
+}
+</style>

library/apps/AppWorkonline/Msg.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="closemsg">
+    <img :src="imgSrc" alt="" />
+    <text>{{ text }}</text>
+    <u-button type="primary" :custom-style="{ width: '100%', borderRadius: '4px', marginTop: '48px' }" @click="goBack">
+      {{ btnText }}
+    </u-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Msg',
+  components: {},
+  data() {
+    return {
+      flag: true,
+    }
+  },
+  onLoad(val) {
+    this.flag = val?.flag == 1
+  },
+  onShow() {
+    document.title = '审批详情'
+  },
+  methods: {
+    goBack() {
+      uni.navigateTo({
+        url: `./AppWorkonline`,
+      })
+    },
+  },
+  computed: {
+    text() {
+      return this.flag ? '提交成功！' : '提交失败'
+    },
+    btnText() {
+      return this.flag ? '确定' : '我知道了'
+    },
+    imgSrc() {
+      return this.flag ? this.$cdn + 'other/' + 'kztcg.png' : this.$cdn + 'other/' + 'kztsb.png'
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.closemsg {
+  min-height: 100%;
+  background-color: #ffffff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 96px;
+
+  img {
+    width: 192px;
+    height: 192px;
+  }
+
+  text {
+    font-size: 36px;
+    font-weight: 800;
+    color: #333333;
+    line-height: 50px;
+    display: flex;
+    justify-content: center;
+  }
+}
+</style>

library/apps/AppWorkonline/Opinion.vue

@@ -0,0 +1,454 @@
+<template>
+  <div class="approvalopinion">
+    <div class="nobtn">
+      <div class="approvalopinion_text">
+        <!-- 拒绝时写固定的意见 -->
+        <div class="list" v-if="type == 0">
+          <div class="textarea_msgfont">
+            <span class="msgfont">
+              <span class="icon">*</span>
+              <span> 审批意见:</span>
+            </span>
+            <textarea :maxlength="150" placeholder="请输入审批意见" v-model="opinion" class="textarea" clearable="false"> </textarea>
+
+            <div class="bottoms">
+              <div class="clearns" @click="clearn">清空内容</div>
+              <div class="msg_length">
+                <span class="font">{{ opinion.length }}</span>
+                <span>/150</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 同意意见 -->
+        <div v-if="type == 1">
+          <div class="textarea_msgfont">
+            <span class="msgfont">
+              <span>审批意见:</span>
+            </span>
+
+            <textarea :maxlength="150" placeholder="请输入" v-model="opinion" class="textarea" clearable="false"> </textarea>
+
+            <div class="bottoms">
+              <div class="clearns" @click="opinion = ''">清空内容</div>
+              <div class="msg_length">
+                <span class="font">{{ opinion.length }}</span> <span>/150</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="list" v-for="(item, index) in list" :key="index">
+            <!-- 1 是 字符串item.fieldDataType == 1 -->
+            <!-- <div class="textarea_msgfont">
+              <span class="msgfont">
+                <span> {{ item.fieldName }}:</span>
+              </span>
+              <textarea :maxlength="150" placeholder="请输入" v-model="item.fieldValue" class="textarea" clearable="false"> </textarea>
+              <div class="clearns" @click="clearn">清空内容</div>
+              <div class="msg_length">
+                <span class="font">{{ item.fieldValue && item.fieldValue.length }}</span>
+                <span>/{{ item.fieldLength }}</span>
+              </div>
+            </div> -->
+
+            <!-- 日期 是 8 -->
+            <!-- v-if="item.fieldType == 3 && item.fieldDataType == 8" .-->
+            <div class="calendar" v-if="item.fieldDataType == 8">
+              <div class="left">
+                <span class="icon" v-if="item.mustFill == 1">*</span>
+                <span> {{ item.fieldName }}:</span>
+              </div>
+              <div class="left">
+                <u-input type="text" @click="timeSelect(index)" class="right" placeholder="请选择" disabled v-model="item.fieldValue"></u-input>
+              </div>
+            </div>
+
+            <!-- 单选 是 4 -->
+            <div class="calendar" v-if="item.fieldDataType == 4">
+              <div class="left">
+                <span class="icon" v-if="item.mustFill == 1">*</span>
+                <span> {{ item.fieldName }}:</span>
+              </div>
+              <div class="left">
+                <u-input type="text" @click="showStstus = true" class="right" placeholder="请选择" disabled v-model="item.fieldValue"></u-input>
+
+                <u-select v-model="showStstus" :list="$dict.getDict(item.dictionaryCode)" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 附件资料 -->
+      <div class="reply_files">
+        <text class="img">附件资料</text>
+        <text class="img_text">(最多支持9个附件)</text>
+        <!-- 单个文件最大10MB.zip、.rar、.doc、.docx、.xls、.xlsx、.ppt、.pptx、.pdf、.txt、.jpg、.png格式 -->
+        <div class="upload">
+          <div class="info">
+            <AiUploader multiple @list="(v) => (annex = v)" :limit="9" action="/admin/file/add2" type="file" placeholder="添加文件" preview />
+          </div>
+        </div>
+      </div>
+
+      <!-- 图片资料 -->
+      <div class="reply_img">
+        <text class="img">图片资料</text>
+        <text class="img_text">(最多9张)</text>
+        <div class="uploads">
+          <div class="infos">
+            <AiUploader multiple @list="(v) => (picture = v)" :limit="9" action="/admin/file/add2" preview />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="btn" @click="btn">确定</div>
+
+    <!-- 日期选择器 -->
+    <u-calendar v-model="show" :mode="mode" @change="calendar" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Opinion',
+  components: {},
+  props: {},
+  data() {
+    return {
+      mode: 'date',
+      show: false,
+      list: [],
+      type: '',
+      picture: [],
+      pass: false,
+      annex: [],
+      stepList: '',
+      filedIndex: 0,
+      fileNameList: [],
+      opinion: '',
+      showStstus: false,
+    }
+  },
+  onLoad(options) {
+    this.objid = options.id
+    this.type = options.type
+    this.getList()
+  },
+  onShow() {
+    document.title = '审批详情'
+  },
+  watch: {},
+  methods: {
+    getList() {
+      this.$http
+        .post(`/app/approv-alapply-info/approval-popup?type=${this.type}&id=${this.objid}`)
+        .then((res) => {
+          if (res.code == 0) {
+            res.data.fieldInfos.map((item) => {
+              if (item.fieldType != 3) {
+                item.fieldValue = ''
+              }
+              if (item.fieldType == 3) {
+                this.list.push(item)
+              }
+            })
+          }
+        })
+        .catch(() => {
+          // this.$u.toast(err)
+        })
+    },
+
+    timeSelect(index) {
+      this.filedIndex = index
+      this.show = true
+    },
+
+    clearn() {
+      this.opinion = ''
+      this.list.map((item) => {
+        if (item.mustFill == 1 && item.fieldValue) {
+          item.fieldValue = ''
+        }
+      })
+    },
+
+    selectStatus(e) {
+      this.$set(this.list[index], 'fieldValue', this.value)
+    },
+
+    btn() {
+      if (this.type == 0 && this.opinion == '') {
+        return uni.showToast({
+          title: '请输入审批意见',
+          icon: 'none',
+        })
+      }
+
+      // if (
+      //   this.list.some((item) => {
+      //     if (item.mustFill == 1 && !item.fieldValue) {
+      //       uni.showToast({
+      //         title: item.fieldName + '为必填',
+      //         icon: 'none',
+      //       })
+      //       return true
+      //     }
+      //   })
+      // )
+      //   return
+
+      var file = []
+      this.annex.map((item) => {
+        file.push(item.id)
+      })
+
+      var img = []
+      this.picture.map((item) => {
+        img.push(item.id)
+      })
+      var params = {
+        id: this.objid,
+        picture: img.join(','),
+        pass: this.type == 1,
+        annex: file.join(','),
+        fieldInfos: this.list,
+        opinion: this.opinion,
+      }
+      uni.showLoading({
+        title: '加载中',
+      })
+
+      this.$http
+        .post(`/app/approv-alapply-info/approval`, params)
+        .then((res) => {
+          if (res.code == 0) {
+            uni.navigateTo({
+              url: `./Msg?flag=1`,
+            })
+            // this.getList()
+          }
+        })
+        .catch((e) => {
+          uni.navigateTo({
+            url: `./Msg?flag=0`,
+          })
+          uni.showToast({
+            title: e,
+            icon: 'none',
+          })
+          // this.getList()
+        })
+    },
+
+    data(e) {
+      this.files.push(e)
+    },
+
+    change(e) {
+      this.files = e
+    },
+
+    calendar(e) {
+      this.list[this.filedIndex].fieldValue = e.result
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.approvalopinion {
+  height: 100%;
+
+  .nobtn {
+    padding: 0 0 112px 0;
+
+    .approvalopinion_text {
+      .list {
+        .textarea_msgfont {
+          height: 400px;
+          padding: 32px;
+          background-color: #fff;
+
+          .msgfont {
+            font-size: 32px;
+
+            .icon {
+              margin-right: 8px;
+              color: #ff4466;
+            }
+          }
+
+          .textarea {
+            margin-top: 10px;
+            width: 100% !important;
+          }
+
+          .bottoms {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .clearns {
+              color: #1365dd;
+            }
+            .font {
+              color: #999;
+            }
+          }
+        }
+
+        .calendar {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-top: 20px;
+          background-color: #fff;
+          padding: 0 32px;
+
+          .left {
+            .icon {
+              color: #ff4466;
+              margin-right: 8px;
+            }
+          }
+
+          .right {
+            width: 160px;
+          }
+        }
+      }
+      .textarea_msgfont {
+        height: 400px;
+        padding: 32px;
+        background-color: #fff;
+
+        .msgfont {
+          font-size: 32px;
+
+          .icon {
+            margin-right: 8px;
+            color: #ff4466;
+          }
+        }
+
+        .textarea {
+          margin-top: 10px;
+          width: 100%;
+        }
+
+        .clearns {
+          color: #1365dd;
+        }
+
+        .bottoms {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .clearns {
+            color: #1365dd;
+          }
+          .msg_length {
+            .font {
+              color: #999;
+            }
+          }
+        }
+      }
+    }
+
+    .reply_files {
+      margin-top: 20px;
+      background-color: #fff;
+      padding: 0 20px 0;
+
+      .img {
+        display: inline-block;
+        margin-top: 20px;
+        font-size: 32px;
+      }
+
+      .img_text {
+        font-size: 32px;
+        color: #999;
+        margin-left: 10px;
+      }
+
+      .upload {
+        width: 100%;
+        margin-top: 10px;
+        padding: 12px 12px 12px 0;
+        box-sizing: border-box;
+
+        .info {
+          width: 100%;
+          text-align: center;
+        }
+
+        ::v-deep .info > span {
+          width: 380px;
+          text-align: left;
+          word-break: break-all;
+
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        ::v-deep .ai-uploader .fileList .default {
+          max-width: 160px;
+          max-height: 160px;
+        }
+      }
+    }
+
+    .reply_img {
+      margin-top: 20px;
+      background-color: #fff;
+      padding: 0 20px;
+      box-sizing: border-box;
+
+      .img {
+        display: inline-block;
+        margin-top: 20px;
+        font-size: 32px;
+      }
+
+      .img_text {
+        font-size: 32px;
+        color: #999;
+        margin-left: 10px;
+      }
+
+      .uploads {
+        width: 100%;
+        margin-top: 10px;
+        padding: 12px 12px 12px 0;
+        box-sizing: border-box;
+
+        .infos {
+          width: 100%;
+          text-align: center;
+        }
+
+        ::v-deep .ai-uploader .fileList .default {
+          width: 160px;
+          height: 160px;
+        }
+      }
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    line-height: 112px;
+    width: 100%;
+    background-color: #1355dd;
+    color: #fff;
+    text-align: center;
+  }
+}
+</style>