From 433d322e291b9971ab5a323cc850d0895d0220fd Mon Sep 17 00:00:00 2001
From: laozt <2721205210@qq.com>
Date: Thu, 18 Jan 2024 10:23:59 +0800
Subject: [PATCH] 1111

---
 pages.json                                |  21 ++
 pages/index.vue                           |   6 +-
 subEnterprise/msg/index.vue               | 197 ++++++++++++++++++
 subEnterprise/prequalification/add.vue    | 191 +++++++++++++++++
 subEnterprise/prequalification/index.vue  | 142 +++++++++++++
 subEnterprise/prequalification/index2.vue | 241 ++++++++++++++++++++++
 6 files changed, 795 insertions(+), 3 deletions(-)
 create mode 100644 subEnterprise/msg/index.vue
 create mode 100644 subEnterprise/prequalification/add.vue
 create mode 100644 subEnterprise/prequalification/index.vue
 create mode 100644 subEnterprise/prequalification/index2.vue

diff --git a/pages.json b/pages.json
index 7a726b9..c4f3b7d 100644
--- a/pages.json
+++ b/pages.json
@@ -291,6 +291,27 @@
             "navigationBarTitleText": "整改工单处理",
             "enablePullDownRefresh": false
           }
+        },
+        {
+          "path": "prequalification/index",
+          "style": {
+            "navigationBarTitleText": "店铺店招预审",
+            "enablePullDownRefresh": false
+          }
+        },
+        {
+          "path": "prequalification/add",
+          "style": {
+            "navigationBarTitleText": "店铺店招预审填报",
+            "enablePullDownRefresh": false
+          }
+        },
+        {
+          "path": "msg/index",
+          "style": {
+            "navigationBarTitleText": "消息中心",
+            "enablePullDownRefresh": false
+          }
         }
       ]
     }
diff --git a/pages/index.vue b/pages/index.vue
index f57f8e2..5248ca0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,7 @@
  * @Author: 张涛
  * @Date: 2023-11-06 14:04:41
  * @LastEditors: laozt 2721205210@qq.com
- * @LastEditTime: 2024-01-17 17:20:24
+ * @LastEditTime: 2024-01-18 09:58:33
  * @FilePath: \JiangNingUmale-App\pages\index.vue
 -->
 <template>
@@ -73,7 +73,7 @@ export default {
           color: "#0D306B",
           subcolor: "",
           disable: false,
-          toPage: "pages/msg/index2",
+          toPage: "/subEnterprise/msg/index",
         },
 		{
           name: "门前三包服务(商家)",
@@ -89,7 +89,7 @@ export default {
           color: "#0D306B",
           subcolor: "",
           disable: false,
-          toPage: "/subEnterprise/WorkOrder/WorkOrder",
+          toPage: "/subEnterprise/prequalification/index",
         },
       ],
       userInfo: null,
diff --git a/subEnterprise/msg/index.vue b/subEnterprise/msg/index.vue
new file mode 100644
index 0000000..81778cc
--- /dev/null
+++ b/subEnterprise/msg/index.vue
@@ -0,0 +1,197 @@
+<template>
+  <view class="app-container">
+    <u-navbar title="消息列表" :autoBack="true" 
+    :placeholder="true" leftText="返回">
+      <view slot="right" @click="onAllclear">
+        <text class="nav-right">全部清空</text>
+      </view>
+    </u-navbar>
+    <u-search
+      height="75rpx"
+      placeholder="搜索关键词"
+      v-model="queryParams.title"
+      shape="square"
+      :showAction="false"
+      :clearabled="true"
+      class="view-global"
+      bgColor="#fff"
+      @search="onSearch"
+      @clear="onClear"
+    ></u-search>
+    <view class="msg-list">
+      <view
+        class="msg-item view-global"
+        v-for="(item, index) in listMsgs"
+        :key="index"
+      >
+        <view class="msg-icon" style="background-color: #367bef">
+			<!-- value="9" -->
+          <u-badge
+            bgColor="#FE3434"
+            max="99"
+            
+            :absolute="true"
+            :offset="[0, 0]"
+          ></u-badge>
+          <image src="/static/images/msg3.png" mode="aspectFill"></image>
+        </view>
+
+        <view class="msg-middle">
+          <view class="middle-main">{{ item.title }}</view>
+          <view class="middle-sub">{{ item.content }}</view>
+        </view>
+        <view class="msg-date">{{ item.createTime }}</view>
+      </view>
+      <!-- <view class="msg-item view-global">
+        <view class="msg-icon" style="background-color: #32b78b">
+          <u-badge
+            bgColor="#FE3434"
+            max="99"
+            value="99"
+            :absolute="true"
+            :offset="[0, 0]"
+          ></u-badge>
+          <image src="/static/images/msg2.png" mode="aspectFill"></image>
+        </view>
+        <view class="msg-middle">
+          <view class="middle-main">消息通知</view>
+          <view class="middle-sub">这是一条普通的消息详情</view>
+        </view>
+        <view class="msg-date">19:18</view>
+      </view>
+      <view class="msg-item view-global">
+        <view class="msg-icon" style="background-color: #f08941">
+          <u-badge
+            bgColor="#FE3434"
+            max="99"
+            value="0"
+            :absolute="true"
+            :offset="[0, 0]"
+          ></u-badge>
+          <image src="/static/images/msg1.png" mode="aspectFill"></image>
+        </view>
+        <view class="msg-middle">
+          <view class="middle-main">告警消息</view>
+          <view class="middle-sub">这是一条普通的消息详情</view>
+        </view>
+        <view class="msg-date">19:18</view>
+      </view> -->
+    </view>
+  </view>
+</template>
+<script>
+import { listNews, delNews } from "../../api/jn/news";
+export default {
+  data() {
+    return {
+      listMsgs: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        title: "",
+		    status: 0
+      },
+    };
+  },
+  onLoad() {
+    
+  },
+  onShow() {
+  	this.ListMsg();
+  },
+  methods: {
+    onAllclear() {
+      this.$modal.confirm('确定删除所有消息吗？').then(() => {
+        let ids = [];
+        this.listMsgs.forEach(element => {
+          ids.push(element.id);
+        });
+        if(ids.length == 0) {
+          return;
+        } else {
+          delNews(ids).then((res) => {
+            console.log(JSON.stringify(res),"删除接口");
+            if(res.code == 200) {
+              this.ListMsg();
+            }
+          });
+        }
+			})
+    },
+    onSearch() {
+      this.ListMsg();
+    },
+    onClear() {
+      this.queryParams.title = "";
+      this.ListMsg();
+    },
+    ListMsg() {
+      listNews(this.queryParams).then((res) => {
+        // console.log(res);
+        this.listMsgs = res.rows;
+        if(res.code == 200) {
+          uni.setTabBarBadge({
+            //显示数字
+            index: 1, //tabbar下标
+            text: res.total + '', //数字
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.msg-list {
+  .msg-item {
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    border-radius: 16rpx;
+    margin-top: 30rpx;
+    box-sizing: border-box;
+    padding: 20rpx;
+
+    .msg-icon {
+      position: relative;
+      height: 94rpx;
+      width: 94rpx;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      image {
+        height: 44rpx;
+        width: 44rpx;
+      }
+    }
+
+    .msg-middle {
+      flex: 1;
+      box-sizing: border-box;
+      padding-left: 20rpx;
+
+      .middle-main {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #2e2f31;
+      }
+
+      .middle-sub {
+        margin-top: 12rpx;
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #616367;
+      }
+    }
+
+    .msg-date {
+      font-size: 24rpx;
+      font-weight: 400;
+      color: #9da2ab;
+    }
+  }
+}
+</style>
diff --git a/subEnterprise/prequalification/add.vue b/subEnterprise/prequalification/add.vue
new file mode 100644
index 0000000..6729096
--- /dev/null
+++ b/subEnterprise/prequalification/add.vue
@@ -0,0 +1,191 @@
+<template>
+  <view class="app-container">
+    <u-navbar
+      leftText="返回"
+      title="填报材料"
+      :autoBack="true"
+      :placeholder="true"
+    />
+    <view class="form-item">
+      <view class="form-title">
+        活动名称
+        <text></text>
+      </view>
+      <view class="item-input view-global">
+        <u--input
+          placeholder="请输入名称"
+          border="none"
+          :customStyle="{ height: '45rpx' }"
+          v-model="form.activeName"
+        ></u--input>
+      </view>
+    </view>
+    <view class="form-item">
+      <view class="form-title">
+        活动时间
+        <text></text>
+      </view>
+      <view
+        class="item-input view-global"
+        style="
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        "
+        @click="isCalendar = true"
+      >
+        <text :style="'color:' + fColor(calendarRang)">{{
+          calendarRang || "请选择日期"
+        }}</text>
+        <u-icon name="arrow-right" color="#D5D5D5"></u-icon>
+      </view>
+    </view>
+    <view class="form-item">
+      <view class="form-title">
+        活动内容
+        <text></text>
+      </view>
+      <view class="item-input view-global">
+        <u--textarea
+          v-model="form.activeContent"
+          placeholder="请输入内容"
+          border="none"
+        ></u--textarea>
+      </view>
+    </view>
+    <view class="form-item">
+      <view class="form-title">
+        活动地点
+        <text></text>
+      </view>
+      <view class="item-input view-global">
+        <u--input
+          placeholder="请输入活动地点"
+          border="none"
+          :customStyle="{ height: '45rpx' }"
+          v-model="form.activePoint"
+        ></u--input>
+      </view>
+    </view>
+    <view class="form-item">
+      <view class="form-title">
+        参与条件
+        <text></text>
+      </view>
+      <view class="item-input view-global">
+        <u--textarea
+          v-model="form.joinRequire"
+          placeholder="请输入内容"
+          border="none"
+        ></u--textarea>
+      </view>
+    </view>
+    <fixed-buttom title="提交" @click="handleAdd"></fixed-buttom>
+
+    <!-- 日历 -->
+    <u-calendar
+      :show="isCalendar"
+      :mode="mode"
+      @confirm="onCalendar"
+      @close="onCloseCalendar"
+    ></u-calendar>
+  </view>
+</template>
+
+<script>
+import { addActivity } from "../../api/jn/apply";
+
+export default {
+  data() {
+    return {
+      form: {},
+      isCalendar: false,
+      calendarRang: "",
+      mode: "range",
+    };
+  },
+  onLoad() {
+    this.reset();
+  },
+  methods: {
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        activeName: null,
+        activeStart: null,
+        activeEnd: null,
+        activeContent: null,
+        activePoint: null,
+        joinRequire: null,
+        activeState: 1,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        gridId: null,
+        gridName: null,
+        partId: null,
+        partName: null,
+      };
+    },
+    onCloseCalendar() {
+      this.isCalendar = false;
+    },
+    onCalendar(e) {
+      console.log(e);
+      this.calendarRang = `${e[0]}——${e[e.length - 1]}`;
+      this.form.activeStart = e[0];
+      this.form.activeEnd = e[e.length - 1];
+      this.isCalendar = false;
+    },
+    handleAdd() {
+      console.log(this.form);
+      addActivity(this.form).then((response) => {
+        uni.navigateBack({
+          delta: 1,
+        });
+      });
+    },
+    fColor(calendarRang) {
+      return calendarRang ? "#2e2f31" : "#c0c4cc";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.form-item {
+  .form-title {
+    position: relative;
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #2e2f31;
+    margin-bottom: 20rpx;
+  }
+
+  .form-title text {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 12rpx;
+    width: 140rpx;
+    background: url("/static/images/juxing.png");
+    background-size: cover;
+    max-width: 300rpx;
+    z-index: 0;
+  }
+
+  .item-input {
+    margin-bottom: 30rpx;
+    border-radius: 16rpx;
+    background-color: #fff;
+    box-sizing: border-box;
+    padding: 25rpx;
+  }
+}
+</style>
diff --git a/subEnterprise/prequalification/index.vue b/subEnterprise/prequalification/index.vue
new file mode 100644
index 0000000..f1fef09
--- /dev/null
+++ b/subEnterprise/prequalification/index.vue
@@ -0,0 +1,142 @@
+<template>
+  <view class="app-container">
+    <u-navbar
+      leftText="返回"
+      title="店铺店招预审"
+      :autoBack="true"
+      :placeholder="true"
+    >
+      <view slot="right">
+        <text class="nav-right"></text>
+      </view>
+    </u-navbar>
+    <view class="list-item">
+      <view>江宁开发区店招店牌申报流程</view>
+      <view>
+        一、所需材料：
+1.实景效果图A4纸全页，近景1份、远景2份（包含白天和夜晚店招亮化远景实景效果图）
+要点：照片要求横向拍摄，原图制作、彩色打印。
+2.房屋租赁合同复印件、房屋产权证复印件、营业执照副本复印件。
+3.法人身份证复印件或经办人身份证复印件(经办人办理需法人开具委托书）。
+4.施工说明；
+要点：用文字描述设置所使用的材质、总体长度、宽度、厚度，字体及英文长、宽、数量，LOGO长、宽等。
+5.加盟协议（授权书）、商标注册证；（涉及注册商标需提供）；
+6.安全检测报告（涉及墙体广告字、LED显示屏）；
+7.洗衣店、宠物店等需办理排水证。
+8.涉及舞台活动搭建需提供舞台搭建资质、舞台结构图、专家论证方案，如涉及外来人员参与表演，需到区防疫指挥中心进行报备。
+二、注意事项：
+1.店招店牌设置地址必须与营业执照地址相符合；
+2.店招店牌不宜使用泡沫、即时贴、扣板等材料制作店招店牌。主要街路、窗口地区按总体规划不得使用灯箱布和喷绘布等材料设置店招广告（一般为铝塑底板，亚克力字）。
+3.店招店牌内容仅限于本单位的名称、字号、标识，禁止出现商品营销、经营服务范围、电话号码、变相发布广告等不符合规定的内容。
+4.店招店牌字体大小应与店招广告尺寸相协调。
+5.店招店牌效果图必须为实景拍摄门面整体轮廓，真实、准确反映现场所设置位置，电脑准确制作设置画面。要求画面清晰、店面环境整洁（无乱堆放、晾晒、张贴等）、位置准确。
+6.完全检测报告需在安装完成后一个月内送至我局备案。
+7.经批准后安装店招店牌的应设置围挡及警示标志，做到安全施工、文明施工。
+8.案件办理时间为：上午8：30—12：00     下午2：00—6：00
+三、联系方式：
+邮箱：280754057@qq.com              电话：18151671177   黄
+☆注：店招店牌备案需要一定的时间，请耐心等待，没有收到前来办理的通知前请勿制作以及安装，如在备案过程当中进行制作及安装，所造成的一切后果由其自行承担。
+</view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      // 表单参数
+      form: {},
+      levelList: [],
+      // 查询参数
+      queryParams: {
+        sbLevelName: null,
+      },
+    };
+  },
+  onLoad() {
+    this.getList();
+  },
+  methods: {
+    onSearch() {
+      this.getList();
+    },
+    onClear() {
+      this.queryParams.sbLevelName = "";
+      this.getList();
+    },
+    getList() {
+      
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        activeName: null,
+        activeStart: null,
+        activeEnd: null,
+        activeContent: null,
+        activePoint: null,
+        joinRequire: null,
+        activeState: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        gridId: null,
+        gridName: null,
+        partId: null,
+        partName: null,
+      };
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  .list-item {
+    background-color: #fff;
+    border-radius: 16rpx;
+    box-sizing: border-box;
+    padding: 25rpx;
+    margin-bottom: 30rpx;
+    margin-top: 30rpx;
+    .item-cell {
+      display: flex;
+      align-items: center;
+
+      .cell-lable {
+        width: 200rpx;
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #9da2ab;
+      }
+
+      .cell-value {
+        flex: 1;
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #2e2f31;
+      }
+    }
+
+    .cell-btn {
+      display: flex;
+      flex-direction: row-reverse;
+    }
+
+    & > view:not(.cell-btn) {
+      margin-bottom: 20rpx;
+    }
+  }
+
+  & > .list-item:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>
diff --git a/subEnterprise/prequalification/index2.vue b/subEnterprise/prequalification/index2.vue
new file mode 100644
index 0000000..5474885
--- /dev/null
+++ b/subEnterprise/prequalification/index2.vue
@@ -0,0 +1,241 @@
+<template>
+  <view class="app-container">
+    <u-navbar
+      leftText="返回"
+      title="店铺店招预审"
+      :autoBack="true"
+      :placeholder="true"
+    />
+    <view
+      class="list-item active view-global"
+      v-for="(item, index) in applyList"
+      :key="index"
+    >
+      <view class="item-cell">
+        <view class="cell-lable">活动名称：</view>
+        <view class="cell-value">{{ item.activeName }}</view>
+      </view>
+      <view class="item-cell">
+        <view class="cell-lable">活动时间：</view>
+        <view class="cell-value"
+          >{{ item.activeStart }}—{{ item.activeEnd }}</view
+        >
+      </view>
+      <view class="item-cell">
+        <view class="cell-lable">活动内容：</view>
+        <view class="cell-value">{{ item.activeContent }}</view>
+      </view>
+      <view class="item-cell" style="align-items: flex-start">
+        <view class="cell-lable">活动地点：</view>
+        <view class="cell-value">{{ item.activePoint }}</view>
+      </view>
+      <view class="item-cell" style="align-items: flex-start">
+        <view class="cell-lable">参与条件：</view>
+        <view class="cell-value">{{ item.joinRequire }}</view>
+      </view>
+      <view class="item-cell" style="align-items: flex-start">
+        <view class="cell-lable">活动状态：</view>
+        <view
+          class="cell-value"
+          :style="{ color: activeStateColor(item.activeState) }"
+        >
+          {{ item.activeState | activeState }}
+        </view>
+      </view>
+      <view class="cell-btn">
+        <u-button
+          v-show="item.activeState == 2"
+          text="终止活动"
+          size="small"
+          color="linear-gradient(90deg, #FF4B4B 0%, #FA4D4D 100%)"
+          :custom-style="{
+            width: '130rpx',
+            height: '65rpx',
+            margin: '0',
+          }"
+          @click="handleUpdate(item)"
+        ></u-button>
+        <u-button
+          v-show="item.activeState == 1"
+          text="取消活动"
+          size="small"
+          color="linear-gradient(90deg, #F18939 0%, #F6A53C 100%)"
+          :custom-style="{
+            width: '130rpx',
+            height: '65rpx',
+            margin: '0',
+          }"
+          @click="handleUpdate(item)"
+        ></u-button>
+      </view>
+    </view>
+    <fixed-buttom title="填报材料" @click="handleAdd()"></fixed-buttom>
+  </view>
+</template>
+
+<script>
+import { listActivity, updateActivity } from "../../api/jn/apply";
+
+export default {
+  data() {
+    return {
+      // 表单参数
+      form: {},
+      applyList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        activeName: null,
+        activeStart: null,
+        activeEnd: null,
+        activeContent: null,
+        activePoint: null,
+        joinRequire: null,
+        activeState: null,
+        createId: null,
+        updateId: null,
+        gridId: null,
+        gridName: null,
+        partId: null,
+        partName: null,
+      },
+    };
+  },
+  onLoad() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      listActivity(this.queryParams).then((res) => {
+        console.log(res);
+        this.applyList = res.rows;
+      });
+    },
+    //新增
+    handleAdd() {
+      uni.$u.route({
+        url: "/subEnterprise/prequalification/add",
+      });
+    },
+    //更新
+    handleUpdate(item) {
+      this.reset();
+      item["activeState"] =
+        item.activeState == 1
+          ? 3
+          : item.activeState == 2
+          ? 4
+          : item.activeState;
+      this.form = item;
+      console.log(this.form);
+      updateActivity(this.form).then((response) => {
+        this.$modal.msgSuccess("修改成功");
+      });
+    },
+    activeStateColor: function (value) {
+      switch (value) {
+        case 1:
+          return "#F75D23";
+        case 2:
+          return "#32B78B";
+        case 3:
+          return "#000000";
+        case 4:
+          return "#000000";
+        case 5:
+          return "#32B78B";
+        default:
+          return "#000000";
+      }
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        activeName: null,
+        activeStart: null,
+        activeEnd: null,
+        activeContent: null,
+        activePoint: null,
+        joinRequire: null,
+        activeState: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        gridId: null,
+        gridName: null,
+        partId: null,
+        partName: null,
+      };
+    },
+  },
+  filters: {
+    activeState: function (value) {
+      // console.log(value);
+      switch (value) {
+        case 1:
+          return "审核中";
+        case 2:
+          return "进行中";
+        case 3:
+          return "已取消";
+        case 4:
+          return "已终止";
+        case 5:
+          return "已结束";
+        default:
+          return "";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  .list-item {
+    background-color: #fff;
+    border-radius: 16rpx;
+    box-sizing: border-box;
+    padding: 25rpx;
+    margin-bottom: 30rpx;
+
+    .item-cell {
+      display: flex;
+      align-items: center;
+
+      .cell-lable {
+        width: 200rpx;
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #9da2ab;
+      }
+
+      .cell-value {
+        flex: 1;
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #2e2f31;
+      }
+    }
+
+    .cell-btn {
+      display: flex;
+      flex-direction: row-reverse;
+    }
+
+    & > view:not(.cell-btn) {
+      margin-bottom: 20rpx;
+    }
+  }
+
+  & > .list-item:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>