Merge remote-tracking branch 'origin/dev' into dev

2021-12-28 17:59:39 +08:00
parent cb9edd72d6 94dca3d6c4
commit dd7ba62505
11 changed files with 352 additions and 229 deletions
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
  "dependencies": {
    "@amap/amap-jsapi-loader": "^1.0.1",
    "@jiaminghi/data-view": "^2.10.0",
+    "bin-code-editor": "^0.9.0",
    "dayjs": "^1.8.35",
    "dvcp-dv": "^1.0.0",
    "dvcp-dv-ui": "^2.0.0",
--- a/packages/2.0.5/AppBuildManage/components/List.vue
+++ b/packages/2.0.5/AppBuildManage/components/List.vue
@@ -51,7 +51,7 @@
                <el-button type="text" @click="onAdd(row.id)">编辑</el-button>
                <el-button type="text" @click="remove(row.id)">删除</el-button>
                <el-button type="text" @click="toBuildMsg(row)">房屋信息</el-button>
-                <el-button type="text" @click="$router.push({ name: 'AppHouseMap', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
+                <el-button type="text" @click="$router.push({ name: '63', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
                  楼栋模型
                </el-button>
              </div>
--- a/packages/2.0.5/AppGridBlock/components/add.vue
+++ b/packages/2.0.5/AppGridBlock/components/add.vue
@@ -257,6 +257,7 @@ export default {
      overlays: [],
      options: [],
      path: [],
+      location: {},
      polyEditor: "",
      title: "添加网格区块",
      parentGirdInfo: {},
@@ -301,6 +302,7 @@ export default {
    },
  },
  created() {
+    this.getCorpLocation()
    if (this.isEdit) {
      this.title = "编辑网格区块";
      this.searchDetail();
@@ -382,14 +384,20 @@ export default {
            panel: "panel", // 结果列表将在此容器中进行展示。
            autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
          });
-          this.map.setZoomAndCenter(14, [117.147097, 36.72081], false, 600);
+          this.map.setZoomAndCenter(14, [this.location.lng, this.location.lat], false, 600);
          this.eventOn();
        }
      })
      .catch((e) => {
-        console.log(e);
      });
    },
+    getCorpLocation(){
+      this.instance.post("/app/appdvcpconfig/getCorpLocation").then(res=>{
+        if(res.code==0){
+          this.location = res.data
+        }
+      })
+    },
    //地图事件绑定
    eventOn() {
      this.path = [];
--- a/packages/2.0.5/AppGridMember/components/add.vue
+++ b/packages/2.0.5/AppGridMember/components/add.vue
@@ -373,6 +373,7 @@ export default {
              `/app/appgirdmemberinfo/addOrUpdate`,
              {
                ...this.forms,
+                girdInfoListStr: this.forms.girdInfoList.map(v => v.girdName).join(',')
              },
              null
            )
--- a/packages/3.0.0/AppNavConfig/components/List.vue
+++ b/packages/3.0.0/AppNavConfig/components/List.vue
@@ -8,11 +8,18 @@
          <el-button size="small" @click="save" v-if="isEdit">保存</el-button>
        </template>
        <div slot="content" class="item-wrapper">
-          <div class="item" v-for="(item, i) in picked" :key="i">
+          <draggable
+            v-model="picked"
+            :animation="340"
+            group="select"
+            style="display: flex;"
+            handle=".mover">
+            <div class="item" :class="[isEdit ? 'mover' : '']" v-for="(item, i) in picked" :key="i">
              <img :src="item.pictureUrl">
              <i class="el-icon-remove icon" @click="removeChoose(i)" v-if="isEdit"></i>
              <h2>{{ item.name }}</h2>
            </div>
+          </draggable>
          <ai-empty style="width: 100%" v-if="!picked.length"></ai-empty>
        </div>
      </ai-card>
@@ -91,6 +98,7 @@
 </template>

 <script>
+  import draggable from 'vuedraggable'
  export default {
    name: 'List',

@@ -99,6 +107,10 @@
      dict: Object
    },

+    components: {
+      draggable
+    },
+
    data () {
      return {
        picked: [],
--- a/packages/3.0.0/AppNotice/components/List.vue
+++ b/packages/3.0.0/AppNotice/components/List.vue
@@ -71,7 +71,6 @@
        total: 10,
        colConfigs: [
          {prop: 'title', label: '标题', align: 'left'},
-          {prop: 'content', label: '正文', align: 'center'},
          {prop: 'createUserName', label: '发布人', align: 'center' },
          {prop: 'publishUnitName', label: '发布组织', align: 'center'},
          {prop: 'createTime', label: '发布时间', align: 'center' },
--- a/packages/3.0.0/AppVillageActivity/components/Add.vue
+++ b/packages/3.0.0/AppVillageActivity/components/Add.vue
@@ -46,7 +46,7 @@
            <el-form-item label="活动介绍" style="width: 100%;" prop="content" :rules="[{required: true, message: '请输入内容', trigger: 'change'}]">
              <ai-editor v-model="form.content" :instance="instance"/>
            </el-form-item>
-            <el-form-item label="缩略图" style="width: 100%;" prop="url" :rules="[{required: true, message: '请上传缩略图', trigger: 'blur'}]">
+            <el-form-item label="缩略图" style="width: 100%;" prop="url" :rules="[{required: true, message: '请上传缩略图', trigger: 'change'}]">
              <ai-uploader
                :instance="instance"
                isShowTip
@@ -124,6 +124,17 @@
      confirm () {
        this.$refs.form.validate((valid) => {
          if (valid) {
+            const nowTime = new Date().getTime()
+            const beginTime = new Date(this.form.beginTime).getTime()
+            const endTime = new Date(this.form.endTime).getTime()
+
+            if (beginTime < nowTime) {
+              return this.$message.error('活动开始时间不能早于当前时间')
+            }
+            if (endTime < beginTime) {
+              return this.$message.error('活动结束时间不能早于活动开始时间')
+            }
+
            this.instance.post(`/app/appvillageactivityinfo/addOrUpdate`, {
              ...this.form,
              url: this.form.url.length ? JSON.stringify([{
--- a/packages/3.0.0/AppVillageAlbum/components/List.vue
+++ b/packages/3.0.0/AppVillageAlbum/components/List.vue
@@ -359,7 +359,7 @@
          img {
            width: 100%;
            height: 140px;
-            object-fit: contain;
+            object-fit: none;
          }
        }

--- a/packages/bigscreen/designer/components/Layout.vue
+++ b/packages/bigscreen/designer/components/Layout.vue
@@ -7,6 +7,7 @@
        <h2>{{ dashboard.title }}</h2>
      </div>
      <div class="layout-header__right">
+        <span type="text" @click="isShowImg = true">图片素材</span>
        <span type="text" @click="back">退出</span>
        <span type="text" @click="save">保存</span>
      </div>
@@ -282,18 +283,55 @@
        <span>置底图层</span>
      </div>
    </div>
+    <ai-dialog :visible.sync="isShowImg" append-to-body title="图片素材" @onConfirm="isShowImg = false">
+      <el-button type="primary" style="margin-bottom: 20px" @click="isShowAddImg = true">添加图片</el-button>
+      <ai-table
+        :tableData="images"
+        :total="images.length"
+        :colConfigs="colConfigs"
+        @getList="() => {}">
+        <el-table-column slot="img" label="图片" align="center">
+          <template slot-scope="{ row }">
+            <ai-uploader
+              :instance="instance"
+              :value="[{url: row.url}]"
+              disabled
+              :limit="1">
+            </ai-uploader>
+          </template>
+        </el-table-column>
+        <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
+          <template slot-scope="{ row, $index }">
+            <div class="table-options">
+              <el-button type="text" @click="removeImg($index)">删除</el-button>
+              <el-button type="text" @click="copy(row.url)">复制链接</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </ai-table>
+    </ai-dialog>
+    <ai-dialog :visible.sync="isShowAddImg" width="580px" append-to-body title="添加图片" @closed="form.images = []" @onConfirm="onImageConfirm">
+      <ai-uploader
+        :instance="instance"
+        v-model="form.images"
+        :limit="9">
+        <template slot="tips">
+          <p>最多上传9张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
+        </template>
+      </ai-uploader>
+    </ai-dialog>
  </div>
 </template>

 <script>
-import { components } from '../config'
-import VueRulerTool from 'vue-ruler-tool'
-import VueDraggableResizable from 'vue-draggable-resizable'
-import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
-import DataConfig from './form/DataConfig.vue'
-import RenderElement from './RenderElement'
+  import { components } from '../config'
+  import VueRulerTool from 'vue-ruler-tool'
+  import VueDraggableResizable from 'vue-draggable-resizable'
+  import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
+  import DataConfig from './form/DataConfig.vue'
+  import RenderElement from './RenderElement'

-export default {
+  export default {
    props: {
      instance: Function,
      dict: Object,
@@ -303,6 +341,15 @@ export default {

    data() {
      return {
+        colConfigs: [
+          // { prop: 'url', label: '图片链接', showOverflowTooltip: false },
+          { slot: 'img', label: '图片' }
+        ],
+        form: {
+          images: []
+        },
+        isShowAddImg: false,
+        isShowImg: false,
        parentIndex: 0,
        subIndex: 0,
        sonIndex: 0,
@@ -337,6 +384,7 @@ export default {
          label: '否',
          value: '0'
        }],
+        images: [],
        summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary5', 'summary7', 'summary9', 'summary10'],
        borderList: ['border0', 'border1', 'border2', 'border3', 'border4']
      }
@@ -369,9 +417,6 @@ export default {
      }
    },

-  created() {
-  },
-
    mounted() {
      if (this.params && this.params.id) {
        this.getInfo(this.params.id)
@@ -393,6 +438,33 @@ export default {
        })
      },

+      copy (link) {
+        let oInput = document.createElement('input')
+        oInput.value = link
+        document.body.appendChild(oInput)
+        oInput.select()
+        document.execCommand('Copy')
+        this.$message({
+          message: '已复制',
+          type: 'success'
+        })
+        oInput.remove()
+      },
+
+      removeImg (index) {
+        this.images.splice(index, 1)
+      }, 
+
+      onImageConfirm () {
+        if (!this.form.images.length) {
+          return this.$message.error('请上传图片')
+        }
+
+        this.images.push(this.form.images)
+        this.form.images = []
+        this.isShowAddImg = false
+      },
+
      setTop() {
        const maxZindex = Math.max.apply(Math, this.componentList.map(item => {
          return item.zIndex
@@ -410,8 +482,10 @@ export default {
      getInfo(id) {
        this.instance.post(`${this.urlPrefix}/appdiylargescreen/queryLargeScreenDetailById?id=${id}`).then(res => {
          if (res.code === 0) {
-          this.componentList = JSON.parse(res.data.config).config
-          this.dashboard = JSON.parse(res.data.config).dashboard
+            const data = JSON.parse(res.data.config)
+            this.componentList = data.config
+            this.dashboard = data.dashboard
+            this.images = data.images || []
          }
        })
      },
@@ -424,7 +498,8 @@ export default {
        this.instance.post(`${this.urlPrefix}/appdiylargescreen/addOrUpdateLargeScreen`, {
          config: JSON.stringify({
            config: this.componentList,
-          dashboard: this.dashboard
+            dashboard: this.dashboard,
+            images: this.images
          }),
          status: 1,
          title: this.dashboard.title,
@@ -521,7 +596,7 @@ export default {
        this.heightScale = Math.min(widthScale, heightScale)
      }
    }
-}
+  }
 </script>

 <style lang="scss" scoped>
--- a/packages/bigscreen/designer/components/form/DataConfig.vue
+++ b/packages/bigscreen/designer/components/form/DataConfig.vue
@@ -7,13 +7,8 @@
      class="layout-config__edit"
      title="编辑器"
      @onConfirm="onConfirm">
-      <div style="height: 500px;">
-        <vue-json-editor
-          v-model="json" 
-          :show-btns="false"
-          mode="code"
-          lang="zh">
-        </vue-json-editor>
+      <div>
+        <b-code-editor v-model="json" lint="dracula"  auto-format height="440px"></b-code-editor>
      </div>
    </ai-dialog>
    <div class="layout-config__group" v-if="options.monitorType !== 'hik' && options.monitorType !== 'dahua'">
@@ -122,7 +117,13 @@
 </template>

 <script>
+  import Vue from 'vue'
  import vueJsonEditor from 'vue-json-editor'
+  import CodeEditor from 'bin-code-editor'
+  import 'bin-code-editor/lib/styles/index.css'
+
+  Vue.use(CodeEditor)
+
  export default {
    name: 'dataCofing',

@@ -156,7 +157,8 @@
        sourceData: [],
        keys: [],
        monitorList: [],
-        list: []
+        list: [],
+        jsonData: `{"title":"测试json数据","children":[{"name":"子项名称", "desc":"子项说明" },{"name":"子项名称1", "desc":"子项说明1" }]}`
      }
    },

@@ -196,7 +198,7 @@

    methods: {
      showEditor () {
-        this.json = JSON.parse(JSON.stringify(this.options.staticData))
+        this.json = JSON.stringify(this.options.staticData)
        this.isShowEditor = true
      },

@@ -314,7 +316,7 @@
      },

      onConfirm () {
-        this.$set(this.options, 'staticData', JSON.parse(JSON.stringify(this.json)))
+        this.$set(this.options, 'staticData', JSON.parse(this.json))
        this.isShowEditor = false
        this.$emit('change')
      }
--- a/packages/bigscreen/viewer/AppGigscreenViewer.vue
+++ b/packages/bigscreen/viewer/AppGigscreenViewer.vue
@@ -3,10 +3,10 @@
    <div v-if="!component">
      <div
        :style="{
-          width: item.width + 'px',
-          height: item.height + 'px',
-          left: item.left + 'px',
-          top: item.top + 'px',
+          width: item.width * scale + 'px',
+          height: item.height * scale + 'px',
+          left: item.left * scale + 'px',
+          top: item.top * scale + 'px',
          position: 'absolute',
          zIndex: item.zIndex
        }"
@@ -57,12 +57,26 @@
          backgroundImage: []
        },
        componentList: [],
+        scale: 1,
        meta: {}
      }
    },

    created() {
      this.getInfo(this.id)
+
+      // this.scale = document.body.clientWidth / 1920
+    },
+
+    mounted () {
+      this.$nextTick(() => {
+        const transform = document.querySelector('#dv-full-screen-container').style.transform
+        const scale = transform.replace('scale', '').replace('(', '').replace(')', '')
+
+        if (scale == 1) {
+          this.scale = document.body.clientWidth / 1920
+        }
+      })
    },

    methods: {