apply-clients 3.5.5-10 → 3.5.5-101

package/src/filiale/fugou/pc/AddReplacement.vue

@@ -1,340 +1,511 @@
-<template>
-  <div>
-    <data-grid :model="onetomany" class="list_area table_sy">
-      <template partial='head'>
-        <tr>
-          <th class="textNoLineBreak">记录人</th>
-          <th class="textNoLineBreak">添加日期</th>
-          <th class="textNoLineBreak">设备</th>
-          <th class="textNoLineBreak">内容</th>
-          <th class="textNoLineBreak" >
-            <button  v-if="$parent.$parent.mark === 0"    type="button" class="btn btn-primary" @click="$parent.$parent.openMaterialModal()">添加
-            </button>
-          </th>
-        </tr>
-      </template>
-      <template partial='body'>
-        <tr>
-          <td style="text-align: center;">
-            <nobr>{{row.f_operator}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_operation_date}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{row.f_content}}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>
-             {{$parent.$parent.toArry(row.f_content_value)}}
-            </nobr>
-          </td>
-          <td style="text-align: center;">
-            <button v-if="$parent.$parent.mark === 0" type="button" class="button_delete button_spacing" @click="$parent.$parent.deletelogs(row)">删除
-            </button>
-          </td>
-        </tr>
-      </template>
-    </data-grid>
-    <modal v-if="showMaterialModal" :show.sync="showMaterialModal" v-ref:modal :large="true"
-           :backdrop="false" :title="title">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closeMaterials"><span>&times;</span></button>
-        <h4 class="modal-title">{{title}}</h4>
-      </header>
-      <article slot="modal-body" class="modal-body clearfix">
-        <div class="form-group col-sm-6">
-          <label class="col-sm-4 control-label">设备：</label>
-          <div class="col-sm-8">
-            <input-select
-              class="select select_list"
-              :value.sync="device"
-              v-model="device"
-              :options="logOptions"
-              :disable="mark === 1"
-              :valueSingle="true"></input-select>
-          </div>
-        </div>
-        <div v-for="(i,item) in materials" class="form-group col-sm-12 panel panel-info">
-          <div class="panel-body">
-            <div class="row">
-              <div class="form-group col-sm-6">
-                <label class="col-sm-4 control-label">内容：</label>
-                <div class="col-sm-8">
-                  <input-select
-                    class="select select_list"
-                    :value.sync="item.f_content"
-                    v-model="item.f_content"
-                    :options="Options"
-                    :disable="mark === 1"
-                    :valueSingle="true"></input-select>
-                </div>
-              </div>
-              <div class="form-group col-sm-6">
-                <label class="col-sm-4 control-label">值：</label>
-                <div class="col-sm-8">
-                  <input
-                    class="form-control"
-                    v-model="item.f_content_value"
-                    :value.sync="item.f_content_value"
-                    rows="3"
-                    :readonly="mark === 1"
-                  ></input>
-                </div>
-              </div>
-              <div v-if="mark !== 1 && materials.length > 1" class="form-group col-sm-12 text-center">
-                <button type="button" class="btn btn-danger" @click="removeMaterial(i)">
-                  <i class="fa fa-minus"></i> 移除
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div v-if="mark !== 1" class="form-group col-sm-12 text-center">
-          <button type="button" class="btn btn-success" @click="addMaterial()">
-            <i class="fa fa-plus"></i> 添加
-          </button>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <template v-if="mark!== 1">
-          <button type="button" class="btn btn-primary" v-if="title==='新增'" @click="addlogs()"
-                  :disabled="!$v.valid">确认
-          </button>
-        </template>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    name: 'replacement',
-    props: {
-      selectdata: {
-        type: Object
-      },
-     mark: {
-        type: Number,
-        default: 0
-      }
-    },
-    data() {
-      return {
-        onetomany: {
-          rows: []
-        },
-        logOptions: this.$appdata.getParam('置换设备'),
-        Options: this.$appdata.getParam('置换内容'),
-        device:'',
-        title: '新增',
-        deviceArry:[],
-        showMaterialModal: false,
-        materials: [
-          {
-
-          }
-        ],
-        meterialOptions: [],
-        row: {},
-        bjqChecklag:[],
-        fmaterialname:{}
-      }
-    },
-    ready() {
-      this.getOnetoManyData()
-    },
-    methods: {
-      toArry(row){
-        //将row放进数组中
-        if (!row) return "无";
-        try {
-          // 添加方括号使其成为有效的JSON数组
-          const jsonStr = '[' + row + ']';
-          // 尝试解析字符串为JSON数组
-          const jsonArray = JSON.parse(jsonStr);
-          // 将解析后的数据保存到deviceArry中
-          this.deviceArry = jsonArray;
-
-          // 格式化显示数据
-          let result = '';
-          for (let i = 0; i < this.deviceArry.length; i++) {
-            const item = this.deviceArry[i];
-            result += `${item.f_content}：${item.f_content_value}`;
-            if (i < this.deviceArry.length - 1) {
-              result += '，';
-            }
-          }
-          return result;
-        } catch (err) {
-          console.error('解析JSON数据失败:', err);
-          return "无";
-        }
-      },
-      look(row){
-        this.title = '查看'
-        this.materials = [
-          {
-            id: row.id,
-            f_log_type:row.f_log_type,
-            f_log_content:row.f_log_content
-          }
-        ],
-          this.showMaterialModal = true
-      },
-
-      changelogs(){
-        let http = new HttpResetClass()
-        let data = {
-          data: {
-            id: this.materials[0].id,
-            f_process_id:this.selectdata.f_process_id,
-            f_log_type:this.materials[0].f_log_type,
-            f_log_content:this.materials[0].f_log_content,
-            user:this.$login.f
-          }
-        }
-        http.load(
-          'POST',
-          `/rs/logic/addLogs`,
-          data,
-          {resolveMsg: '修改成功', rejectMsg: '添加失败'}
-        ).then(res => {
-          this.closeMaterials()
-        })
-      },
-      addlogs(){
-        let  value=[]
-        let http = new HttpResetClass()
-        this.materials.forEach(material => {
-          let  obj={}
-          obj.f_content=material.f_content
-          obj.f_content_value=material.f_content_value
-          //obj转为字符串
-          obj = JSON.stringify(obj)
-          value.push(obj)
-        });
-        let s = {
-          f_process_id: this.selectdata.f_process_id,
-          f_operation_date: new Date().Format('yyyy-MM-dd HH:mm:ss'),
-          f_content_value:`${value}` ,
-          f_content: this.device,
-          f_operator: this.$login.f.name,
-          f_operator_id: this.$login.f.id
-        }
-        let data = {
-          tableName: 't_replacement',
-          model: s
-        }
-        http.load(
-          'POST',
-          `/rs/logic/entitySingleTable`,
-          data,
-          {resolveMsg: null, rejectMsg: '添加失败'}
-        ).then(res => {
-          this.getOnetoManyData()
-          this.showMaterialModal=false
-        })
-      },
-      deletelogs(row){
-        let http = new HttpResetClass()
-        this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            let data = {
-              tableName:'t_replacement',
-              id:row.id
-            }
-            http.load(
-              'POST',
-              `/rs/logic/delentitySingleTable`,
-              data,
-              {resolveMsg: '删除成功', rejectMsg: '删除失败'}
-            ).then(res => {
-              this.getOnetoManyData()
-            })
-          }
-        })
-      },
-      async getOnetoManyData () {
-        let http = new HttpResetClass()
-        let data = {
-          tablename: `t_replacement`,
-          condition: `f_process_id='${this.selectdata.f_process_id}'`
-        }
-        let res = await http.load(
-          'POST',
-          `/rs/sql/apply_singleTable?aaa=123`,
-          {data: data},
-          {resolveMsg: null, rejectMsg: 'onetomany查询失败'}
-        )
-        this.onetomany.rows = res.data
-      },
-      async openMaterialModal() {
-        this.title = '新增'
-        this.materials = [
-          {
-            f_devices: '',
-            f_content: '',
-            f_content_value: ''
-          }
-        ];
-        this.showMaterialModal = true
-      },
-
-      closeMaterials() {
-        this.getOnetoManyData()
-        this.showMaterialModal = false
-      },
-      removeMaterial(index) {
-        if (this.materials.length > 1) {
-          this.materials.splice(index, 1);
-        } else {
-          this.$showMessage('至少需要保留一组数据');
-        }
-      },
-      addMaterial() {
-        // 获取最后一个材料的设备值，如果存在的话
-        const lastDevice = this.materials.length > 0 ? this.materials[this.materials.length - 1].f_devices : '';
-
-        this.materials.push({
-          f_devices: lastDevice, // 复制上一个设备的值
-          f_content: '',
-          f_content_value: ''
-        });
-      },
-    }
-  }
-
-</script>
-
-<style scoped>
-.panel-info {
-  border: 1px solid #bce8f1;
-  margin-bottom: 15px;
-}
-
-.panel-heading {
-  background-color: #d9edf7;
-  border-bottom: 1px solid #bce8f1;
-  color: #31708f;
-  padding: 10px 15px;
-}
-
-.panel-body {
-  padding: 15px;
-}
-
-.form-group {
-  margin-bottom: 15px;
-}
-
-.btn-success {
-  margin-top: 10px;
-}
-
-.modal-body {
-  max-height: 500px;
-  overflow-y: auto;
-}
-</style>
+<template>
+  <div>
+    <data-grid :model="onetomany" class="list_area table_sy">
+      <template partial='head'>
+        <tr>
+          <th class="textNoLineBreak">记录人</th>
+          <th class="textNoLineBreak">添加日期</th>
+          <th class="textNoLineBreak">设备</th>
+          <th class="textNoLineBreak">内容</th>
+          <th class="textNoLineBreak" >
+            <button  v-if="$parent.$parent.mark === 0"    type="button" class="btn btn-primary" @click="$parent.$parent.openMaterialModal()">添加
+            </button>
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center;">
+            <nobr>{{row.f_operator}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_operation_date}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_content}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>
+             {{$parent.$parent.toArry(row.f_content_value)}}
+            </nobr>
+          </td>
+          <td style="text-align: center;">
+            <button v-if="$parent.$parent.mark === 0" type="button" class="button_delete button_spacing" @click="$parent.$parent.deletelogs(row)">删除
+            </button>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+    <modal v-if="showMaterialModal" :show.sync="showMaterialModal" v-ref:modal :large="true"
+           :backdrop="false" :title="title">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeMaterials"><span>&times;</span></button>
+        <h4 class="modal-title">{{title}}</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div class="form-group col-sm-6">
+          <label class="col-sm-4 control-label">设备：</label>
+          <div class="col-sm-8">
+            <input-select
+              class="select select_list"
+              :value.sync="device"
+              v-model="device"
+              :options="logOptions"
+              :disable="mark === 1"
+              @change="changeDevice()"
+              :valueSingle="true"></input-select>
+          </div>
+        </div>
+        <div v-for="(i,item) in materials" class="form-group col-sm-12 panel panel-info">
+          <div class="panel-body">
+            <div class="row">
+              <div class="form-group col-sm-6">
+                <label class="col-sm-4 control-label">内容：</label>
+                <div class="col-sm-8">
+                  <input-select
+                    class="select select_list"
+                    :value.sync="item.f_content"
+                    v-model="item.f_content"
+                    :options="Options"
+                    :disable="mark === 1"
+                    @change="updateContentValue(item)"
+                    :valueSingle="true"></input-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-6">
+                <label class="col-sm-4 control-label">值：</label>
+                <div class="col-sm-8">
+                  <!-- 根据type类型显示不同的控件 -->
+                  <template v-if="getOptionType(item.f_content) === 'input'">
+                    <input
+                      class="form-control"
+                      v-model="item.f_content_value"
+                      :value.sync="item.f_content_value"
+                      rows="3"
+                      :readonly="mark === 1"
+                    />
+                  </template>
+                  <template v-if="getOptionType(item.f_content) === 'select'">
+                    <v-select
+                      width="100%"
+                      class="select select_list"
+                      :value.sync="item.f_content_value"
+                       v-model="item.f_content_value"
+                      :options='getOptionValues(item.f_content)'
+                      :valueSingle="true"></v-select>
+                  </template>
+                  <template v-if="getOptionType(item.f_content) === 'datepicker'">
+                    <datepicker
+                      :value.sync="item.f_content_value"
+                      :format="'yyyy-MM-dd HH:mm:ss'"
+                      :default="true"
+                      v-model="item.f_content_value"
+                      :readonly="true"
+                      :disabled="true"
+                      :show-reset-button="reset">
+                    </datepicker>
+                  </template>
+                </div>
+              </div>
+              <div v-if="mark !== 1 && materials.length > 1" class="form-group col-sm-12 text-center">
+                <button type="button" class="btn btn-danger" @click="removeMaterial(i)">
+                  <i class="fa fa-minus"></i> 移除
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-if="mark !== 1" class="form-group col-sm-12 text-center">
+          <button type="button" class="btn btn-success" @click="addMaterial()">
+            <i class="fa fa-plus"></i> 添加
+          </button>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <template v-if="mark!== 1">
+          <button type="button" class="btn btn-primary" v-if="title==='新增'" @click="addlogs()"
+                  :disabled="!$v.valid">确认
+          </button>
+        </template>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    name: 'replacement',
+    components: {
+    },
+    props: {
+      selectdata: {
+        type: Object
+      },
+     mark: {
+        type: Number,
+        default: 0
+      }
+    },
+    data() {
+      return {
+        onetomany: {
+          rows: []
+        },
+        logOptions: this.$appdata.getParam('置换设备'),
+        Options:[],
+        device:'',
+        title: '新增',
+        deviceArry:[],
+        showMaterialModal: false,
+        materials: [
+          {
+
+          }
+        ],
+        meterialOptions: [],
+        row: {},
+        bjqChecklag:[],
+        fmaterialname:{},
+        zhihuanConfig: null,
+      }
+    },
+    ready() {
+      this.getzhihuanOptions()
+      this.getOnetoManyData()
+    },
+    methods: {
+      async getzhihuanOptions () {
+        let datarow = {
+          workname: 'zhihuan'
+        }
+        let http = new HttpResetClass()
+        let row = await http.load(
+          'POST',
+          `/rs/logic/ApplyGetConfigs`,
+          {data: datarow},
+          {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
+        )
+        if (row && row.data && row.data['置换']) {
+          this.zhihuanConfig = row.data['置换']
+        }
+      },
+      changeDevice(){
+        // 更新内容选项
+        if(this.device=='调压箱' && this.zhihuanConfig && this.zhihuanConfig['调压箱']){
+          // 从API获取的配置中提取调压箱的选项
+          this.Options = this.zhihuanConfig['调压箱'].map(item => {
+            return {
+              label: item.label,
+              value: item.label,
+              type: item.type,
+              options: item.options,
+              default: item.default
+            }
+          })
+        }
+        else if(this.device=='球阀井' && this.zhihuanConfig && this.zhihuanConfig['球阀井']){
+          // 从API获取的配置中提取球阀井的选项
+          this.Options = this.zhihuanConfig['球阀井'].map(item => {
+            return {
+              label: item.label,
+              value: item.label,
+              type: item.type,
+              options: item.options,
+              default: item.default
+            }
+          })
+        }
+        else if(this.device=='阀门井'){
+          this.Options = this.$appdata.getParam('阀门井置换内容')
+        }
+        else{
+          this.Options = this.$appdata.getParam('置换内容')
+        }
+
+        // 重置材料列表中的内容选项
+        if (this.materials && this.materials.length > 0) {
+          this.materials.forEach(item => {
+            item.f_content = '';
+            item.f_content_value = '';
+          });
+
+          // 如果有选项，为第一个材料设置默认内容
+          if (this.Options && this.Options.length > 0 && this.materials[0]) {
+            this.materials[0].f_content = this.Options[0].value;
+            // 触发updateContentValue方法设置默认值
+            this.updateContentValue(this.materials[0]);
+          }
+        }
+      },
+      toArry(row){
+        //将row放进数组中
+        if (!row) return "无";
+        try {
+          // 添加方括号使其成为有效的JSON数组
+          const jsonStr = '[' + row + ']';
+          // 尝试解析字符串为JSON数组
+          const jsonArray = JSON.parse(jsonStr);
+          // 将解析后的数据保存到deviceArry中
+          this.deviceArry = jsonArray;
+
+          // 格式化显示数据
+          let result = '';
+          for (let i = 0; i < this.deviceArry.length; i++) {
+            const item = this.deviceArry[i];
+            result += `${item.f_content}：${item.f_content_value}`;
+            if (i < this.deviceArry.length - 1) {
+              result += '，';
+            }
+          }
+          return result;
+        } catch (err) {
+          console.error('解析JSON数据失败:', err);
+          return "无";
+        }
+      },
+      look(row){
+        this.title = '查看'
+        this.materials = [
+          {
+            id: row.id,
+            f_log_type:row.f_log_type,
+            f_log_content:row.f_log_content
+          }
+        ],
+          this.showMaterialModal = true
+      },
+
+      changelogs(){
+        let http = new HttpResetClass()
+        let data = {
+          data: {
+            id: this.materials[0].id,
+            f_process_id:this.selectdata.f_process_id,
+            f_log_type:this.materials[0].f_log_type,
+            f_log_content:this.materials[0].f_log_content,
+            user:this.$login.f
+          }
+        }
+        http.load(
+          'POST',
+          `/rs/logic/addLogs`,
+          data,
+          {resolveMsg: '修改成功', rejectMsg: '添加失败'}
+        ).then(res => {
+          this.closeMaterials()
+        })
+      },
+      addlogs(){
+        let  value=[]
+        let http = new HttpResetClass()
+        this.materials.forEach(material => {
+          let  obj={}
+          obj.f_content=material.f_content
+          obj.f_content_value=material.f_content_value
+          //obj转为字符串
+          obj = JSON.stringify(obj)
+          value.push(obj)
+        });
+        let s = {
+          f_process_id: this.selectdata.f_process_id,
+          f_operation_date: new Date().Format('yyyy-MM-dd HH:mm:ss'),
+          f_content_value:`${value}` ,
+          f_content: this.device,
+          f_operator: this.$login.f.name,
+          f_operator_id: this.$login.f.id
+        }
+        let data = {
+          tableName: 't_replacement',
+          model: s
+        }
+        http.load(
+          'POST',
+          `/rs/logic/entitySingleTable`,
+          data,
+          {resolveMsg: null, rejectMsg: '添加失败'}
+        ).then(res => {
+          this.getOnetoManyData()
+          this.showMaterialModal=false
+        })
+      },
+      deletelogs(row){
+        let http = new HttpResetClass()
+        this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let data = {
+              tableName:'t_replacement',
+              id:row.id
+            }
+            http.load(
+              'POST',
+              `/rs/logic/delentitySingleTable`,
+              data,
+              {resolveMsg: '删除成功', rejectMsg: '删除失败'}
+            ).then(res => {
+              this.getOnetoManyData()
+            })
+          }
+        })
+      },
+      async getOnetoManyData () {
+        let http = new HttpResetClass()
+        let data = {
+          tablename: `t_replacement`,
+          condition: `f_process_id='${this.selectdata.f_process_id}'`
+        }
+        let res = await http.load(
+          'POST',
+          `/rs/sql/apply_singleTable?aaa=123`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: 'onetomany查询失败'}
+        )
+        this.onetomany.rows = res.data
+      },
+      async openMaterialModal() {
+        this.title = '新增'
+        this.materials = [
+          {
+            f_devices: '',
+            f_content: '',
+            f_content_value: ''
+          }
+        ];
+        // 如果有默认设备选项，则设置默认设备
+        if (this.logOptions && this.logOptions.length > 0) {
+          this.device = this.logOptions[0].value;
+          // 触发changeDevice方法加载对应的内容选项
+          this.changeDevice();
+        }
+        this.showMaterialModal = true
+      },
+
+      closeMaterials() {
+        this.getOnetoManyData()
+        this.showMaterialModal = false
+      },
+      removeMaterial(index) {
+        if (this.materials.length > 1) {
+          this.materials.splice(index, 1);
+        } else {
+          this.$showMessage('至少需要保留一组数据');
+        }
+      },
+      addMaterial() {
+        // 使用当前选择的设备值
+        const newMaterial = {
+          f_devices: this.device || '', // 使用当前选择的设备作为默认值
+          f_content: '',
+          f_content_value: ''
+        };
+        this.materials.push(newMaterial);
+      },
+      // 日期格式化方法
+      customFormatter(date) {
+        // 格式化日期为 yyyy-MM-dd HH:mm:ss
+        const pad = (num) => num < 10 ? `0${num}` : num;
+
+        const year = date.getFullYear();
+        const month = pad(date.getMonth() + 1);
+        const day = pad(date.getDate());
+        const hours = pad(date.getHours());
+        const minutes = pad(date.getMinutes());
+        const seconds = pad(date.getSeconds());
+
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+      },
+
+      // 获取选项的类型（input、select、datepicker等）
+      getOptionType(contentName) {
+        if (!this.zhihuanConfig || !this.device) return 'input';
+
+        // 确保zhihuanConfig中有该设备的配置
+        const deviceConfig = this.zhihuanConfig[this.device];
+        if (!deviceConfig) return 'input';
+
+        // 查找与contentName匹配的选项
+        const option = deviceConfig.find(item => item.label === contentName);
+
+        // 如果找到选项并且有type属性，则返回type，否则返回默认值'input'
+        return option ? option.type: 'input';
+      },
+
+      // 获取选项的可选值（用于select类型）
+      getOptionValues(contentName) {
+        if (!this.zhihuanConfig || !this.device) return [];
+
+        // 确保zhihuanConfig中有该设备的配置
+        const deviceConfig = this.zhihuanConfig[this.device];
+        if (!deviceConfig) return [];
+
+        // 查找与contentName匹配的选项
+        const option = deviceConfig.find(item => item.label === contentName);
+
+        // 如果找到选项并且有options属性，则返回options，否则返回空数组
+        return option && option.options ? option.options : [];
+      },
+
+      // 当用户选择内容时，根据配置设置默认值
+      updateContentValue(item) {
+        if (!this.zhihuanConfig || !this.device) return;
+
+        const deviceConfig = this.zhihuanConfig[this.device];
+        if (!deviceConfig) return;
+
+        const option = deviceConfig.find(opt => opt.label === item.f_content);
+        if (!option) return;
+
+        // 如果选项有默认值，则设置默认值
+        if (option.default) {
+          // 处理特殊的默认值
+          if (option.default === "this.$login.f.name") {
+            item.f_content_value = this.$login.f.name;
+          } else {
+            item.f_content_value = option.default;
+          }
+        } else if (option.type === 'select' && option.options && option.options.length > 0) {
+          // 如果是select类型，并且有选项，则设置第一个选项的值为默认值
+          item.f_content_value = option.options[0].value;
+        } else if (option.type === 'datepicker') {
+          // 如果是datepicker类型，则设置当前日期为默认值
+          item.f_content_value = new Date().Format('yyyy-MM-dd HH:mm:ss');
+        } else {
+          // 其他情况，清空值
+          item.f_content_value = '';
+        }
+      },
+    }
+  }
+
+</script>
+
+<style scoped>
+.panel-info {
+  border: 1px solid #bce8f1;
+  margin-bottom: 15px;
+}
+
+.panel-heading {
+  background-color: #d9edf7;
+  border-bottom: 1px solid #bce8f1;
+  color: #31708f;
+  padding: 10px 15px;
+}
+
+.panel-body {
+  padding: 15px;
+}
+
+.form-group {
+  margin-bottom: 15px;
+}
+
+.btn-success {
+  margin-top: 10px;
+}
+
+.modal-body {
+  max-height: 500px;
+  overflow-y: auto;
+}
+</style>